highsoft-ui 1.0.160 → 1.0.162
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 +111 -4
- package/dist/{BrowserFrame-BUneieY7.js → BrowserFrame-D-DoBOXv.js} +2 -2
- package/dist/{Button-CjxX21gW.js → Button-BCbWIPg1.js} +1 -1
- package/dist/{ButtonGroup-DanFXfXA.js → ButtonGroup-DGEDf4ic.js} +1 -1
- package/dist/{Checkbox-BkxibNey.js → Checkbox-CO0SRaAZ.js} +1 -1
- package/dist/{CodeBlock-BkSyiiCb.js → CodeBlock-Ugik4xMM.js} +4 -4
- package/dist/{CookiePolicyModal-9p_OGcpB.js → CookiePolicyModal-TdrVbP_E.js} +2 -2
- package/dist/{CopyCode-90z6BfV0.js → CopyCode-_sKjpGqB.js} +2 -2
- package/dist/{Dropdown-8bjCO1Lx.js → Dropdown-LiG-JAoo.js} +267 -234
- package/dist/{Footer-DVZIe2ax.js → Footer-DzIGLnEz.js} +8 -8
- package/dist/{FooterBottom-BV9xJbRt.js → FooterBottom-CRe2Mvjd.js} +1 -1
- package/dist/{FooterHelp-Dlnj0dUF.js → FooterHelp-CTSvficW.js} +1 -1
- package/dist/{FooterLinks-BAdqoexV.js → FooterLinks-BoDdQUWb.js} +2 -2
- package/dist/{Header-Dsji2l2m.js → Header-CTO6Y6oH.js} +26 -26
- package/dist/{InputGrouped-BUJKBG0D.js → InputGrouped-y0JyshpR.js} +13 -13
- package/dist/{Label-DgPVoDMR.js → Label-k6e4Rqb-.js} +1 -1
- package/dist/{LogoCarousel-DEvwvCfr.js → LogoCarousel-pRYdmphl.js} +2 -2
- package/dist/{NewsletterSignup-BP3AxNHH.js → NewsletterSignup-BrmQ7pXZ.js} +4 -4
- package/dist/{Notification-D0ow_x0-.js → Notification-BFLAktZo.js} +34 -32
- package/dist/{PrefPanel-B4MyeLGu.js → PrefPanel-CHkc6r6b.js} +9 -9
- package/dist/{RoadmapDetails-CATh63TE.js → RoadmapDetails-BWt0J4Pn.js} +2 -2
- package/dist/{Search-T4R860vH.js → Search-D29JM1a_.js} +7 -7
- package/dist/{SearchDropdown-fcfDUjOp.js → SearchDropdown-BSUAlaMY.js} +1 -1
- package/dist/{VideoCover-BXIkxFuT.js → VideoCover-C18NhQcY.js} +1 -1
- package/dist/{VideoPlayer-BB8jVMa5.js → VideoPlayer-UM4M4C5b.js} +4 -4
- package/dist/{VideoPlayerModal-fnAUwVMI.js → VideoPlayerModal-IRwjMLoy.js} +2 -2
- package/dist/{YoutubeModal-C3rfaDki.js → YoutubeModal-BOnH866s.js} +2 -2
- 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/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/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/RoadmapDetails/index.js +1 -1
- package/dist/components/Search/index.js +1 -1
- package/dist/components/SearchDropdown/index.js +1 -1
- package/dist/components/Sidebar/NavDisclosure.js +2 -2
- package/dist/components/Sidebar/NavGroup.js +21 -37
- package/dist/components/Sidebar/NavItem.js +26 -19
- package/dist/components/Sidebar/Sidebar.js +97 -69
- package/dist/components/Sidebar/SidebarLayout.js +2 -2
- package/dist/components/Sidebar/SidebarResizer.js +1 -1
- package/dist/components/Sidebar/SidebarSwitcher.js +48 -0
- package/dist/components/Sidebar/index.js +5 -4
- package/dist/components/Sidebar/useSlideClip.js +27 -0
- 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-Bftz4UxU.js → create-element-DxkdwAGs.js} +1 -1
- package/dist/{esm-LCYnNVvi.js → esm-CUgR2iUX.js} +63 -49
- package/dist/highsoft-ui.css +1 -1
- package/dist/lib/components/Dropdown/index.d.ts +32 -3
- package/dist/lib/components/Sidebar/NavItem.d.ts +5 -0
- package/dist/lib/components/Sidebar/Sidebar.d.ts +12 -1
- package/dist/lib/components/Sidebar/SidebarSwitcher.d.ts +31 -0
- package/dist/lib/components/Sidebar/index.d.ts +2 -0
- package/dist/lib/components/Sidebar/useSlideClip.d.ts +30 -0
- package/dist/lib/main.d.ts +2 -2
- package/dist/main.js +26 -25
- package/dist/{prism-light-CqF2CLQS.js → prism-light-Czk1yGD_.js} +1 -1
- package/dist/{styles.module-DGKft2EO.js → styles.module-B9V15An9.js} +16 -0
- package/package.json +1 -1
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { r as e } from "./utils-K9S_6_Eq.js";
|
|
2
|
-
import {
|
|
3
|
-
import { t as r } from "./Button-
|
|
2
|
+
import { J as t, et as n } from "./esm-CUgR2iUX.js";
|
|
3
|
+
import { t as r } from "./Button-BCbWIPg1.js";
|
|
4
4
|
import { t as i } from "./Container-BDssaLig.js";
|
|
5
5
|
import { t as a } from "./DiscordInvite-CLYxexdH.js";
|
|
6
6
|
import { t as o } from "./Logo-Bz0G2G-k.js";
|
|
7
|
-
import { t as s } from "./NewsletterSignup-
|
|
8
|
-
import { t as c } from "./FooterBottom-
|
|
9
|
-
import { t as l } from "./FooterHelp-
|
|
10
|
-
import { t as u } from "./FooterLinks-
|
|
11
|
-
import { t as d } from "./YoutubeModal-
|
|
7
|
+
import { t as s } from "./NewsletterSignup-BrmQ7pXZ.js";
|
|
8
|
+
import { t as c } from "./FooterBottom-CRe2Mvjd.js";
|
|
9
|
+
import { t as l } from "./FooterHelp-CTSvficW.js";
|
|
10
|
+
import { t as u } from "./FooterLinks-BoDdQUWb.js";
|
|
11
|
+
import { t as d } from "./YoutubeModal-BOnH866s.js";
|
|
12
12
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
13
13
|
var m = {
|
|
14
14
|
discordCard: "_4W4F3q_discordCard",
|
|
@@ -29,7 +29,7 @@ function g() {
|
|
|
29
29
|
return /* @__PURE__ */ p(r, {
|
|
30
30
|
variant: "neutral",
|
|
31
31
|
onClick: () => i(o),
|
|
32
|
-
children: [o, f(a ?
|
|
32
|
+
children: [o, f(a ? n : t, {})]
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
35
|
function _({ link: e = "a", host: t = "https://www.highcharts.com" }) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a as e, t } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "./fa-B95RwBpz.js";
|
|
3
3
|
import { t as u } from "./Typography-AvvBRu-u.js";
|
|
4
|
-
import { t as d } from "./CookiePolicyModal-
|
|
4
|
+
import { t as d } from "./CookiePolicyModal-TdrVbP_E.js";
|
|
5
5
|
import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
6
6
|
//#region node_modules/react-icons/fa6/index.mjs
|
|
7
7
|
function h(e) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { a as e, t } from "./utils-K9S_6_Eq.js";
|
|
2
|
-
import { d as n, g as r } from "./esm-
|
|
2
|
+
import { d as n, g as r } from "./esm-CUgR2iUX.js";
|
|
3
3
|
import { t as i } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { o as a, r as o } from "./fa-B95RwBpz.js";
|
|
5
5
|
import { t as s } from "./Typography-AvvBRu-u.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import { I as t } from "./esm-
|
|
2
|
+
import { I as t } from "./esm-CUgR2iUX.js";
|
|
3
3
|
import { t as n } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { t as r } from "./Typography-AvvBRu-u.js";
|
|
5
|
-
import { t as i } from "./Label-
|
|
5
|
+
import { t as i } from "./Label-k6e4Rqb-.js";
|
|
6
6
|
import a from "./components/icons/MadeInNorway.js";
|
|
7
7
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
8
8
|
var c = {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { a as e, d as t, i as n, o as r, u as i } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { t as a } from "./clsx-BWCAbrjV.js";
|
|
3
|
-
import { A as o, V as s,
|
|
4
|
-
import { t as _ } from "./Button-
|
|
3
|
+
import { A as o, V as s, b as c, f as l, j as u, ot as d, p as f, rt as p, s as m, t as h, tt as g } from "./esm-CUgR2iUX.js";
|
|
4
|
+
import { t as _ } from "./Button-BCbWIPg1.js";
|
|
5
5
|
import { t as v } from "./Container-BDssaLig.js";
|
|
6
6
|
import { t as y } from "./Logo-Bz0G2G-k.js";
|
|
7
|
-
import { t as b } from "./PrefPanel-
|
|
8
|
-
import { t as x } from "./Search-
|
|
9
|
-
import { t as S } from "./Label-
|
|
10
|
-
import { t as C } from "./Notification-
|
|
7
|
+
import { t as b } from "./PrefPanel-CHkc6r6b.js";
|
|
8
|
+
import { t as x } from "./Search-D29JM1a_.js";
|
|
9
|
+
import { t as S } from "./Label-k6e4Rqb-.js";
|
|
10
|
+
import { t as C } from "./Notification-BFLAktZo.js";
|
|
11
11
|
import { useEffect as w, useRef as T, useState as E } from "react";
|
|
12
12
|
import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
|
|
13
13
|
var A = {
|
|
@@ -75,12 +75,12 @@ var A = {
|
|
|
75
75
|
{
|
|
76
76
|
title: "Products",
|
|
77
77
|
url: "https://www.highcharts.com/products/",
|
|
78
|
-
icon: /* @__PURE__ */ O(
|
|
78
|
+
icon: /* @__PURE__ */ O(g, {})
|
|
79
79
|
},
|
|
80
80
|
{
|
|
81
81
|
title: "Demos",
|
|
82
82
|
url: "https://www.highcharts.com/demo",
|
|
83
|
-
icon: /* @__PURE__ */ O(
|
|
83
|
+
icon: /* @__PURE__ */ O(c, {})
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
86
|
title: "Support",
|
|
@@ -100,7 +100,7 @@ var A = {
|
|
|
100
100
|
{
|
|
101
101
|
title: "Blog",
|
|
102
102
|
url: "https://www.highcharts.com/blog/home/",
|
|
103
|
-
icon: /* @__PURE__ */ O(
|
|
103
|
+
icon: /* @__PURE__ */ O(d, {})
|
|
104
104
|
}
|
|
105
105
|
];
|
|
106
106
|
function B(e, t) {
|
|
@@ -193,31 +193,31 @@ function Y() {
|
|
|
193
193
|
e && R(M, e);
|
|
194
194
|
}, [e]), null;
|
|
195
195
|
}
|
|
196
|
-
function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname:
|
|
196
|
+
function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host: c = "https://www.highcharts.com", pathname: d, cssVariable: p, position: g = "sticky" }) {
|
|
197
197
|
let S = 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([]);
|
|
198
198
|
n(() => {
|
|
199
199
|
let e = P.current;
|
|
200
200
|
if (!e) return;
|
|
201
201
|
let n = t?.length ? N ? U : W : 0, r = 82 + V.length * 48 + n, i = -(82 + V.length * 48);
|
|
202
|
-
if (
|
|
203
|
-
e.style.transform = "",
|
|
202
|
+
if (g === "static") return e.style.transform = "", p && document.documentElement.style.setProperty("--header-bottom", `${r}px`), () => {
|
|
203
|
+
e.style.transform = "", p && document.documentElement.style.removeProperty("--header-bottom");
|
|
204
204
|
};
|
|
205
205
|
let a = window.scrollY, o = 0, s = null, c = null, l = () => {
|
|
206
|
-
c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`,
|
|
206
|
+
c = null, !(!e || s === o) && (e.style.transform = `translate3d(0, ${o}px, 0)`, p && document.documentElement.style.setProperty("--header-bottom", `${r + o}px`), s = o);
|
|
207
207
|
};
|
|
208
208
|
l();
|
|
209
|
-
let
|
|
209
|
+
let u = () => {
|
|
210
210
|
let e = window.scrollY, t = e - a;
|
|
211
211
|
a = e, o = Math.min(0, Math.max(i, o - t)), c === null && (c = window.requestAnimationFrame(l));
|
|
212
212
|
};
|
|
213
|
-
return window.addEventListener("scroll",
|
|
214
|
-
window.removeEventListener("scroll",
|
|
213
|
+
return window.addEventListener("scroll", u, { passive: !0 }), () => {
|
|
214
|
+
window.removeEventListener("scroll", u), c !== null && cancelAnimationFrame(c), e.style.transform = "", p && document.documentElement.style.removeProperty("--header-bottom");
|
|
215
215
|
};
|
|
216
216
|
}, [
|
|
217
|
-
|
|
217
|
+
p,
|
|
218
218
|
N,
|
|
219
219
|
V.length,
|
|
220
|
-
|
|
220
|
+
g,
|
|
221
221
|
t?.length
|
|
222
222
|
]), n(() => {
|
|
223
223
|
if (!o.length) return;
|
|
@@ -289,7 +289,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
289
289
|
children: [/* @__PURE__ */ O("span", {
|
|
290
290
|
className: A.gpt,
|
|
291
291
|
children: "Highcharts Assist"
|
|
292
|
-
}), /* @__PURE__ */ O(
|
|
292
|
+
}), /* @__PURE__ */ O(l, {})]
|
|
293
293
|
}) }),
|
|
294
294
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(x, {}) }),
|
|
295
295
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) }),
|
|
@@ -299,20 +299,20 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
299
299
|
as: s,
|
|
300
300
|
href: B("https://shop.highcharts.com/", c),
|
|
301
301
|
"aria-label": "Buy Now",
|
|
302
|
-
children: [/* @__PURE__ */ O(
|
|
302
|
+
children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
|
|
303
303
|
}) }),
|
|
304
304
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
|
|
305
305
|
className: A.cta,
|
|
306
306
|
variant: "brand",
|
|
307
307
|
as: s,
|
|
308
308
|
href: B("https://www.highcharts.com/download/", c),
|
|
309
|
-
children: [/* @__PURE__ */ O(
|
|
309
|
+
children: [/* @__PURE__ */ O(m, {}), "Try for Free"]
|
|
310
310
|
}) }),
|
|
311
311
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
|
|
312
312
|
variant: F ? "soft" : "transparent",
|
|
313
313
|
className: A.menu,
|
|
314
314
|
onClick: X,
|
|
315
|
-
children: [F ? "Close" : "Menu", O(F ?
|
|
315
|
+
children: [F ? "Close" : "Menu", O(F ? h : u, {})]
|
|
316
316
|
}) })
|
|
317
317
|
]
|
|
318
318
|
})
|
|
@@ -323,7 +323,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
323
323
|
items: t,
|
|
324
324
|
link: s,
|
|
325
325
|
host: c,
|
|
326
|
-
pathname:
|
|
326
|
+
pathname: d
|
|
327
327
|
}),
|
|
328
328
|
r
|
|
329
329
|
]
|
|
@@ -349,7 +349,7 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
349
349
|
children: [/* @__PURE__ */ O("span", {
|
|
350
350
|
className: A.gpt,
|
|
351
351
|
children: "Highcharts Assist"
|
|
352
|
-
}), /* @__PURE__ */ O(
|
|
352
|
+
}), /* @__PURE__ */ O(l, {})]
|
|
353
353
|
}) }),
|
|
354
354
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(x, {}) }),
|
|
355
355
|
/* @__PURE__ */ O("li", { children: /* @__PURE__ */ O(b, {}) })
|
|
@@ -363,13 +363,13 @@ function X({ subItems: t, children: r, notifications: o = J, link: s = "a", host
|
|
|
363
363
|
fullWidth: !0,
|
|
364
364
|
as: s,
|
|
365
365
|
href: B("https://shop.highcharts.com/", c),
|
|
366
|
-
children: [/* @__PURE__ */ O(
|
|
366
|
+
children: [/* @__PURE__ */ O(f, {}), "Buy Now"]
|
|
367
367
|
}) }), /* @__PURE__ */ O("li", { children: /* @__PURE__ */ k(_, {
|
|
368
368
|
variant: "success",
|
|
369
369
|
fullWidth: !0,
|
|
370
370
|
as: s,
|
|
371
371
|
href: B("https://www.highcharts.com/download/", c),
|
|
372
|
-
children: [/* @__PURE__ */ O(
|
|
372
|
+
children: [/* @__PURE__ */ O(m, {}), "Try for Free"]
|
|
373
373
|
}) })]
|
|
374
374
|
}),
|
|
375
375
|
/* @__PURE__ */ O("ul", {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import {
|
|
3
|
-
import { t as i } from "./Button-
|
|
2
|
+
import { Q as t, U as n, W as r } from "./esm-CUgR2iUX.js";
|
|
3
|
+
import { t as i } from "./Button-BCbWIPg1.js";
|
|
4
4
|
import { forwardRef as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
|
|
5
5
|
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
6
6
|
var f = {
|
|
@@ -41,7 +41,7 @@ function m({ children: t, className: n }) {
|
|
|
41
41
|
children: t
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
|
-
var h = a(({ label:
|
|
44
|
+
var h = a(({ label: t, 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) => {
|
|
45
45
|
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) => {
|
|
46
46
|
P(!0), w?.(e);
|
|
47
47
|
}, [w]), G = o((e) => {
|
|
@@ -81,14 +81,14 @@ var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
81
81
|
children: [/* @__PURE__ */ d("div", {
|
|
82
82
|
className: f.leftContent,
|
|
83
83
|
children: [
|
|
84
|
-
|
|
84
|
+
t && /* @__PURE__ */ d("div", {
|
|
85
85
|
className: f.labelRow,
|
|
86
86
|
children: [h && /* @__PURE__ */ u("span", {
|
|
87
87
|
className: f.labelIcon,
|
|
88
88
|
children: h
|
|
89
89
|
}), /* @__PURE__ */ d("span", {
|
|
90
90
|
className: f.label,
|
|
91
|
-
children: [
|
|
91
|
+
children: [t, a && /* @__PURE__ */ u("span", {
|
|
92
92
|
className: f.required,
|
|
93
93
|
children: " *"
|
|
94
94
|
})]
|
|
@@ -99,7 +99,7 @@ var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
99
99
|
type: Y,
|
|
100
100
|
className: e(f.inputElement, x),
|
|
101
101
|
disabled: b,
|
|
102
|
-
"aria-label":
|
|
102
|
+
"aria-label": t,
|
|
103
103
|
"aria-required": a,
|
|
104
104
|
"aria-invalid": v,
|
|
105
105
|
value: D,
|
|
@@ -130,7 +130,7 @@ var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
130
130
|
e.stopPropagation(), R((e) => !e);
|
|
131
131
|
},
|
|
132
132
|
"aria-label": L ? "Hide password" : "Show password",
|
|
133
|
-
children: u(L ?
|
|
133
|
+
children: u(L ? n : r, {})
|
|
134
134
|
}),
|
|
135
135
|
_
|
|
136
136
|
]
|
|
@@ -139,7 +139,7 @@ var h = a(({ label: r, required: a = !1, helpText: p, showHelpText: m = !1, labe
|
|
|
139
139
|
});
|
|
140
140
|
});
|
|
141
141
|
h.displayName = "InputGrouped";
|
|
142
|
-
var g = a(({ label:
|
|
142
|
+
var g = a(({ label: n, required: r = !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) => {
|
|
143
143
|
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) => {
|
|
144
144
|
A(!0), b?.(e);
|
|
145
145
|
}, [b]), R = o((e) => {
|
|
@@ -172,14 +172,14 @@ var g = a(({ label: t, required: n = !1, helpText: i, showHelpText: a = !1, labe
|
|
|
172
172
|
children: [/* @__PURE__ */ d("div", {
|
|
173
173
|
className: f.leftContent,
|
|
174
174
|
children: [
|
|
175
|
-
|
|
175
|
+
n && /* @__PURE__ */ d("div", {
|
|
176
176
|
className: f.labelRow,
|
|
177
177
|
children: [s && /* @__PURE__ */ u("span", {
|
|
178
178
|
className: f.labelIcon,
|
|
179
179
|
children: s
|
|
180
180
|
}), /* @__PURE__ */ d("span", {
|
|
181
181
|
className: f.label,
|
|
182
|
-
children: [
|
|
182
|
+
children: [n, r && /* @__PURE__ */ u("span", {
|
|
183
183
|
className: f.required,
|
|
184
184
|
children: " *"
|
|
185
185
|
})]
|
|
@@ -189,8 +189,8 @@ var g = a(({ label: t, required: n = !1, helpText: i, showHelpText: a = !1, labe
|
|
|
189
189
|
ref: O,
|
|
190
190
|
className: e(f.inputElement, f.selectElement, g),
|
|
191
191
|
disabled: h,
|
|
192
|
-
"aria-label":
|
|
193
|
-
"aria-required":
|
|
192
|
+
"aria-label": n,
|
|
193
|
+
"aria-required": r,
|
|
194
194
|
"aria-invalid": p,
|
|
195
195
|
value: C,
|
|
196
196
|
defaultValue: w,
|
|
@@ -214,7 +214,7 @@ var g = a(({ label: t, required: n = !1, helpText: i, showHelpText: a = !1, labe
|
|
|
214
214
|
className: f.rightContent,
|
|
215
215
|
children: /* @__PURE__ */ u("span", {
|
|
216
216
|
className: e(f.iconRight, f.chevron),
|
|
217
|
-
children: /* @__PURE__ */ u(
|
|
217
|
+
children: /* @__PURE__ */ u(t, {})
|
|
218
218
|
})
|
|
219
219
|
})]
|
|
220
220
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a as e } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { t } from "./clsx-BWCAbrjV.js";
|
|
3
|
-
import { T as n, x as r } from "./esm-
|
|
4
|
-
import { t as i } from "./Button-
|
|
3
|
+
import { T as n, x as r } from "./esm-CUgR2iUX.js";
|
|
4
|
+
import { t as i } from "./Button-BCbWIPg1.js";
|
|
5
5
|
import { n as a, t as o } from "./ClientLogo-Dj7K48YL.js";
|
|
6
6
|
import { useEffect as s, useRef as c, useState as l } from "react";
|
|
7
7
|
import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { l as e } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { t } from "./clsx-BWCAbrjV.js";
|
|
3
|
-
import {
|
|
4
|
-
import { t as a } from "./Button-
|
|
3
|
+
import { $ as n, B as r, ot as i } from "./esm-CUgR2iUX.js";
|
|
4
|
+
import { t as a } from "./Button-BCbWIPg1.js";
|
|
5
5
|
import { t as o } from "./Icon-DJTgdvsG.js";
|
|
6
6
|
import { t as s } from "./Link-CYR92_U0.js";
|
|
7
7
|
import { t as c } from "./InputSolo-DUdKtZjX.js";
|
|
@@ -78,7 +78,7 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
|
|
|
78
78
|
L ? /* @__PURE__ */ m("div", {
|
|
79
79
|
className: h.content,
|
|
80
80
|
children: [/* @__PURE__ */ p(o, {
|
|
81
|
-
name:
|
|
81
|
+
name: r,
|
|
82
82
|
size: 16
|
|
83
83
|
}), E ? "Check your inbox and confirm your email to finish signing up." : "You’re already subscribed to our newsletter."]
|
|
84
84
|
}) : /* @__PURE__ */ m("form", {
|
|
@@ -104,7 +104,7 @@ function g({ link: g = "a", privacyUrl: _ = "https://www.highcharts.com/privacy/
|
|
|
104
104
|
variant: "success",
|
|
105
105
|
disabled: !0,
|
|
106
106
|
children: [/* @__PURE__ */ p(o, {
|
|
107
|
-
name:
|
|
107
|
+
name: n,
|
|
108
108
|
size: 16
|
|
109
109
|
}), "You’re in"]
|
|
110
110
|
}) : /* @__PURE__ */ p(a, {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import { t } from "./esm-
|
|
3
|
-
import { t as n } from "./Button-
|
|
2
|
+
import { t } from "./esm-CUgR2iUX.js";
|
|
3
|
+
import { t as n } from "./Button-BCbWIPg1.js";
|
|
4
4
|
import { t as r } from "./Container-BDssaLig.js";
|
|
5
|
-
import { t as i } from "./Label-
|
|
5
|
+
import { t as i } from "./Label-k6e4Rqb-.js";
|
|
6
6
|
import { useEffect as a, useState as o } from "react";
|
|
7
7
|
import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
8
8
|
var u = {
|
|
@@ -15,6 +15,7 @@ var u = {
|
|
|
15
15
|
content: "MhRkRW_content",
|
|
16
16
|
danger: "MhRkRW_danger",
|
|
17
17
|
description: "MhRkRW_description",
|
|
18
|
+
link: "MhRkRW_link",
|
|
18
19
|
notification: "MhRkRW_notification",
|
|
19
20
|
slide: "MhRkRW_slide",
|
|
20
21
|
success: "MhRkRW_success",
|
|
@@ -24,7 +25,7 @@ var u = {
|
|
|
24
25
|
//#endregion
|
|
25
26
|
//#region lib/components/Notification/index.tsx
|
|
26
27
|
function d({ id: d, content: f, variant: p = "brand", closable: m = !0, onClose: h }) {
|
|
27
|
-
let g = Array.isArray(f) ? f : [f], [_, v] = o(() => g.length > 1 ? Math.floor(Math.random() * g.length) : 0), [y, b] = o(!1), [x, S] = o(!1), C = y || x, w = g[_]?.url
|
|
28
|
+
let g = Array.isArray(f) ? f : [f], [_, v] = o(() => g.length > 1 ? Math.floor(Math.random() * g.length) : 0), [y, b] = o(!1), [x, S] = o(!1), C = y || x, w = g[_]?.url;
|
|
28
29
|
a(() => {
|
|
29
30
|
if (g.length <= 1 || C) return;
|
|
30
31
|
let e = window.setInterval(() => {
|
|
@@ -32,9 +33,9 @@ function d({ id: d, content: f, variant: p = "brand", closable: m = !0, onClose:
|
|
|
32
33
|
}, 15e3);
|
|
33
34
|
return () => window.clearInterval(e);
|
|
34
35
|
}, [g.length, C]);
|
|
35
|
-
let
|
|
36
|
+
let T = () => b(!0), E = (e) => {
|
|
36
37
|
e.currentTarget.contains(e.relatedTarget) || b(!1);
|
|
37
|
-
},
|
|
38
|
+
}, D = () => S(!0), O = () => S(!1), k = (e, t = !0) => {
|
|
38
39
|
let n = /* @__PURE__ */ l(s, { children: [e.title && /* @__PURE__ */ l("span", {
|
|
39
40
|
className: u.title,
|
|
40
41
|
children: [e.tag === "new" && /* @__PURE__ */ c(i, {
|
|
@@ -54,43 +55,44 @@ function d({ id: d, content: f, variant: p = "brand", closable: m = !0, onClose:
|
|
|
54
55
|
children: n
|
|
55
56
|
});
|
|
56
57
|
};
|
|
57
|
-
|
|
58
|
+
if (!g.length) return null;
|
|
59
|
+
let A = g.length > 1 ? /* @__PURE__ */ c("div", {
|
|
60
|
+
className: u.carousel,
|
|
61
|
+
children: g.map((t, n) => {
|
|
62
|
+
let r = n === _;
|
|
63
|
+
return /* @__PURE__ */ c("div", {
|
|
64
|
+
className: e(u.slide, { [u.active]: r }),
|
|
65
|
+
"aria-hidden": !r,
|
|
66
|
+
children: k(t, r)
|
|
67
|
+
}, `${t.title ?? t.description ?? "item"}-${n}`);
|
|
68
|
+
})
|
|
69
|
+
}) : k(g[0]);
|
|
70
|
+
return /* @__PURE__ */ c("div", {
|
|
58
71
|
className: e(u.notification, u[p]),
|
|
59
72
|
"data-theme": "light",
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
"data-track-label": d || w
|
|
65
|
-
} : {},
|
|
66
|
-
onFocus: E,
|
|
67
|
-
onBlur: D,
|
|
68
|
-
onMouseEnter: O,
|
|
69
|
-
onMouseLeave: k,
|
|
73
|
+
onFocus: T,
|
|
74
|
+
onBlur: E,
|
|
75
|
+
onMouseEnter: D,
|
|
76
|
+
onMouseLeave: O,
|
|
70
77
|
children: /* @__PURE__ */ l(r, {
|
|
71
78
|
className: u.container,
|
|
72
|
-
children: [
|
|
73
|
-
className: u.
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}, `${t.title ?? t.description ?? "item"}-${n}`);
|
|
81
|
-
})
|
|
82
|
-
}) : A(g[0]), m && /* @__PURE__ */ c(n, {
|
|
79
|
+
children: [w ? /* @__PURE__ */ c("a", {
|
|
80
|
+
className: u.link,
|
|
81
|
+
href: w,
|
|
82
|
+
"data-track": "header-banner",
|
|
83
|
+
"data-track-action": "click",
|
|
84
|
+
"data-track-label": d || w,
|
|
85
|
+
children: A
|
|
86
|
+
}) : A, m && /* @__PURE__ */ c(n, {
|
|
83
87
|
variant: p === "brand" ? "brand" : "transparent",
|
|
84
88
|
size: 100,
|
|
85
89
|
className: u.close,
|
|
86
90
|
"aria-label": "Close notification",
|
|
87
|
-
onClick: (
|
|
88
|
-
e.preventDefault(), e.stopPropagation(), h?.();
|
|
89
|
-
},
|
|
91
|
+
onClick: () => h?.(),
|
|
90
92
|
children: /* @__PURE__ */ c(t, {})
|
|
91
93
|
})]
|
|
92
94
|
})
|
|
93
|
-
})
|
|
95
|
+
});
|
|
94
96
|
}
|
|
95
97
|
//#endregion
|
|
96
98
|
export { d as t };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { d as e, o as t } from "./utils-K9S_6_Eq.js";
|
|
2
2
|
import { t as n } from "./clsx-BWCAbrjV.js";
|
|
3
|
-
import {
|
|
4
|
-
import { t as c } from "./Button-
|
|
3
|
+
import { D as r, E as i, et as a, h as o, l as s } from "./esm-CUgR2iUX.js";
|
|
4
|
+
import { t as c } from "./Button-BCbWIPg1.js";
|
|
5
5
|
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-DWa0ZZ7A.js";
|
|
6
6
|
import { a as S, i as te, n as C, r as w, t as T } from "./dist-B04QoImH.js";
|
|
7
7
|
import * as E from "react";
|
|
@@ -194,20 +194,20 @@ var oe = P, se = I, ce = R, le = H, ue = W, Q = {
|
|
|
194
194
|
};
|
|
195
195
|
//#endregion
|
|
196
196
|
//#region lib/components/PrefPanel/index.tsx
|
|
197
|
-
function $({ children: e, id: t, ...
|
|
197
|
+
function $({ children: e, id: t, ...r }) {
|
|
198
198
|
return /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("input", {
|
|
199
199
|
type: "radio",
|
|
200
200
|
id: t,
|
|
201
201
|
className: n(Q.radioInput, "sr-only"),
|
|
202
|
-
...
|
|
202
|
+
...r
|
|
203
203
|
}), /* @__PURE__ */ k("label", {
|
|
204
204
|
htmlFor: t,
|
|
205
205
|
className: Q.radio,
|
|
206
|
-
children: [e, /* @__PURE__ */ O(
|
|
206
|
+
children: [e, /* @__PURE__ */ O(a, { className: Q.check })]
|
|
207
207
|
})] });
|
|
208
208
|
}
|
|
209
209
|
function de() {
|
|
210
|
-
let { theme: n, systemTheme:
|
|
210
|
+
let { theme: n, systemTheme: a, setTheme: l } = e(), u = t();
|
|
211
211
|
return /* @__PURE__ */ k(oe, { children: [/* @__PURE__ */ O(ce, {
|
|
212
212
|
asChild: !0,
|
|
213
213
|
children: /* @__PURE__ */ k(c, {
|
|
@@ -227,9 +227,9 @@ function de() {
|
|
|
227
227
|
checked: n === "system",
|
|
228
228
|
onChange: () => l("system"),
|
|
229
229
|
children: [
|
|
230
|
-
/* @__PURE__ */ O(
|
|
230
|
+
/* @__PURE__ */ O(r, {}),
|
|
231
231
|
"Auto (",
|
|
232
|
-
|
|
232
|
+
a,
|
|
233
233
|
")"
|
|
234
234
|
]
|
|
235
235
|
}),
|
|
@@ -245,7 +245,7 @@ function de() {
|
|
|
245
245
|
name: "theme",
|
|
246
246
|
checked: n === "dark",
|
|
247
247
|
onChange: () => l("dark"),
|
|
248
|
-
children: [/* @__PURE__ */ O(
|
|
248
|
+
children: [/* @__PURE__ */ O(i, {}), "Dark"]
|
|
249
249
|
})
|
|
250
250
|
] })
|
|
251
251
|
}) })] });
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import { L as t, N as n,
|
|
3
|
-
import { t as a } from "./Button-
|
|
2
|
+
import { L as t, N as n, Q as r, c as i } from "./esm-CUgR2iUX.js";
|
|
3
|
+
import { t as a } from "./Button-BCbWIPg1.js";
|
|
4
4
|
import { t as o } from "./Typography-AvvBRu-u.js";
|
|
5
5
|
import { useEffect as s, useRef as c } from "react";
|
|
6
6
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as e, i as t, n, o as r, r as i, t as a } from "./chunk-jwUa06l-.js";
|
|
2
|
-
import { C as o, H as s, K as c,
|
|
3
|
-
import { t as v } from "./Button-
|
|
2
|
+
import { C as o, H as s, K as c, at as l, it as u, m as d, nt as f, p, st as m, v as h, y as g, z as _ } from "./esm-CUgR2iUX.js";
|
|
3
|
+
import { t as v } from "./Button-BCbWIPg1.js";
|
|
4
4
|
import { d as y, h as b, l as x, m as S, p as C, u as w } from "./es2015-DWa0ZZ7A.js";
|
|
5
5
|
import { t as ee } from "./dist-J9cXmrDi.js";
|
|
6
6
|
import { i as T, n as E, r as D, t as O } from "./dist-CE9LFbij.js";
|
|
@@ -4501,12 +4501,12 @@ function Wt() {
|
|
|
4501
4501
|
}, le = (e) => {
|
|
4502
4502
|
n(e.target.value);
|
|
4503
4503
|
}, ue = {
|
|
4504
|
-
products: /* @__PURE__ */ F(
|
|
4504
|
+
products: /* @__PURE__ */ F(d, {}),
|
|
4505
4505
|
demo: /* @__PURE__ */ F(o, {}),
|
|
4506
|
-
docs: /* @__PURE__ */ F(
|
|
4507
|
-
blog: /* @__PURE__ */ F(
|
|
4506
|
+
docs: /* @__PURE__ */ F(f, {}),
|
|
4507
|
+
blog: /* @__PURE__ */ F(m, {}),
|
|
4508
4508
|
misc: /* @__PURE__ */ F(_, {}),
|
|
4509
|
-
shop: /* @__PURE__ */ F(
|
|
4509
|
+
shop: /* @__PURE__ */ F(p, {}),
|
|
4510
4510
|
file: /* @__PURE__ */ F(s, {})
|
|
4511
4511
|
};
|
|
4512
4512
|
return /* @__PURE__ */ I(ie, {
|
|
@@ -4601,7 +4601,7 @@ function Wt() {
|
|
|
4601
4601
|
className: Z.bottomGroup,
|
|
4602
4602
|
children: [/* @__PURE__ */ I("div", {
|
|
4603
4603
|
className: Z.bottomIcons,
|
|
4604
|
-
children: [/* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(l, {}) }), /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(
|
|
4604
|
+
children: [/* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(l, {}) }), /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(u, {}) })]
|
|
4605
4605
|
}), "Navigate"]
|
|
4606
4606
|
}),
|
|
4607
4607
|
/* @__PURE__ */ I("div", {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import { _ as t } from "./esm-
|
|
2
|
+
import { _ as t } from "./esm-CUgR2iUX.js";
|
|
3
3
|
import { t as n } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { t as r } from "./InputSolo-DUdKtZjX.js";
|
|
5
5
|
import { useCallback as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import {
|
|
2
|
+
import { ct as t } from "./esm-CUgR2iUX.js";
|
|
3
3
|
import { t as n } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { t as r } from "./Typography-AvvBRu-u.js";
|
|
5
5
|
import { forwardRef as i, useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import { M as t, S as n, a as r,
|
|
2
|
+
import { M as t, S as n, a as r, i, k as a, lt as o, o as s, r as ee, t as c, w as l } from "./esm-CUgR2iUX.js";
|
|
3
3
|
import { t as u } from "./Icon-DJTgdvsG.js";
|
|
4
4
|
import { detectProvider as d, providerPosterUrl as f, useMediaEngine as p } from "./components/VideoPlayer/useMediaEngine.js";
|
|
5
5
|
import { forwardRef as m, useCallback as h, useEffect as g, useId as _, useImperativeHandle as v, useRef as y, useState as b } from "react";
|
|
@@ -216,7 +216,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
|
|
|
216
216
|
break;
|
|
217
217
|
default:
|
|
218
218
|
}
|
|
219
|
-
}, De = k ?? f(I, m) ?? xe, Oe = V.duration ? E(V.currentTime / V.duration) : 0, ke = V.muted || V.volume === 0 ? ee : V.volume < .5 ?
|
|
219
|
+
}, De = k ?? f(I, m) ?? xe, Oe = V.duration ? E(V.currentTime / V.duration) : 0, ke = V.muted || V.volume === 0 ? ee : V.volume < .5 ? i : r, Ae = {
|
|
220
220
|
"--vp-radius": `${j}px`,
|
|
221
221
|
"--vp-gradient": ce,
|
|
222
222
|
aspectRatio: K ? void 0 : se
|
|
@@ -365,7 +365,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
|
|
|
365
365
|
"aria-controls": Q,
|
|
366
366
|
"aria-label": X ? "Hide transcript" : "Show transcript",
|
|
367
367
|
children: /* @__PURE__ */ x(u, {
|
|
368
|
-
name:
|
|
368
|
+
name: o,
|
|
369
369
|
size: 20
|
|
370
370
|
})
|
|
371
371
|
}),
|
|
@@ -386,7 +386,7 @@ var O = m(({ src: m, sources: O, poster: k, muted: re = !1, autoPlay: ie = !1, l
|
|
|
386
386
|
onClick: $,
|
|
387
387
|
"aria-label": K ? "Exit fullscreen" : "Enter fullscreen",
|
|
388
388
|
children: /* @__PURE__ */ x(u, {
|
|
389
|
-
name: K ?
|
|
389
|
+
name: K ? a : t,
|
|
390
390
|
size: 20
|
|
391
391
|
})
|
|
392
392
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { n as e } from "./esm-
|
|
1
|
+
import { n as e } from "./esm-CUgR2iUX.js";
|
|
2
2
|
import { t } from "./dist-J9cXmrDi.js";
|
|
3
3
|
import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist-f0z6DapB.js";
|
|
4
|
-
import { t as l } from "./VideoPlayer-
|
|
4
|
+
import { t as l } from "./VideoPlayer-UM4M4C5b.js";
|
|
5
5
|
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
6
6
|
var f = {
|
|
7
7
|
close: "ig0T5q_close",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { s as e } from "./fa-B95RwBpz.js";
|
|
2
|
-
import { t } from "./VideoCover-
|
|
3
|
-
import { t as n } from "./VideoPlayerModal-
|
|
2
|
+
import { t } from "./VideoCover-C18NhQcY.js";
|
|
3
|
+
import { t as n } from "./VideoPlayerModal-IRwjMLoy.js";
|
|
4
4
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
5
|
var a = {
|
|
6
6
|
youtube: "elwCNG_youtube",
|