highsoft-ui 1.0.144 → 1.0.145
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 +48 -0
- package/dist/{Button-awCDIEXQ.js → Button-DIGyNR41.js} +1 -1
- package/dist/{ButtonGroup-Cwn0djAz.js → ButtonGroup-BSQzx-sZ.js} +1 -1
- package/dist/{Checkbox-CrF45NBl.js → Checkbox-wlH6EGWW.js} +1 -1
- package/dist/{CodeBlock-BIdeK3gz.js → CodeBlock-DtTAC5ru.js} +5 -5
- package/dist/{CookiePolicyModal-CTA02JGV.js → CookiePolicyModal-CGRXL0wR.js} +2 -2
- package/dist/{CopyCode-QiPNPCQN.js → CopyCode-_MHQorJS.js} +3 -3
- package/dist/{Dropdown-0Vn7yro7.js → Dropdown-CVyrHJiC.js} +1 -1
- package/dist/{Footer-BlCmsIDd.js → Footer-DW2asf8g.js} +7 -7
- package/dist/{FooterBottom-CF5ctutk.js → FooterBottom-CP0f9kYj.js} +1 -1
- package/dist/{FooterHelp-BthIJ2ye.js → FooterHelp-BxDXmtHK.js} +1 -1
- package/dist/{FooterLinks-BBOOTdRf.js → FooterLinks-BZwAVSm4.js} +2 -2
- package/dist/{Header-DY4mJxHm.js → Header-DQ1xi25C.js} +32 -32
- package/dist/{InputGrouped-DyxraUpb.js → InputGrouped-BE3zLov9.js} +13 -13
- package/dist/{Label-DdXaM1Bo.js → Label-C_KZM-FN.js} +1 -1
- package/dist/{NewsletterSignup-BMRnrbw8.js → NewsletterSignup-CJAI81M3.js} +2 -2
- package/dist/{Notification-DM31Uzfz.js → Notification-C2kN_ceR.js} +3 -3
- package/dist/{PrefPanel-DDD8R_-o.js → PrefPanel-BZUX1nfw.js} +11 -11
- package/dist/{RoadmapDetails-DsLtsnqg.js → RoadmapDetails-CfayA5CZ.js} +3 -3
- package/dist/{Search-CDOpNByw.js → Search-Cw_e1PyF.js} +10 -10
- package/dist/{SearchDropdown-D65lySm_.js → SearchDropdown-ECOTZ1Uf.js} +1 -1
- package/dist/VideoCover-BN8wnHpf.js +92 -0
- package/dist/VideoPlayer-CKjq7IRq.js +324 -0
- package/dist/VideoPlayerModal-DbP3OjSF.js +55 -0
- package/dist/YoutubeModal-D_ZHayEn.js +35 -0
- 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/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/Sidebar.js +1 -1
- package/dist/components/VideoCover/index.js +2 -0
- package/dist/components/VideoPlayer/VideoPlayerModal.js +2 -0
- package/dist/components/VideoPlayer/index.js +2 -0
- package/dist/components/VideoPlayer/useMediaEngine.js +275 -0
- package/dist/{create-element-CWTzyETe.js → create-element-WbENDceu.js} +1 -1
- package/dist/{esm-VMwHsplm.js → esm-B0YmMAXt.js} +90 -20
- package/dist/highsoft-ui.css +1 -1
- package/dist/lib/components/VideoCover/index.d.ts +75 -0
- package/dist/lib/components/VideoPlayer/VideoPlayerModal.d.ts +27 -0
- package/dist/lib/components/VideoPlayer/index.d.ts +43 -0
- package/dist/lib/components/VideoPlayer/useMediaEngine.d.ts +44 -0
- package/dist/lib/main.d.ts +6 -0
- package/dist/main.js +32 -29
- package/dist/{prism-light-B3yrtgki.js → prism-light-C4xXs3Qn.js} +1 -1
- package/package.json +1 -1
- package/dist/YoutubeModal-CZgbaRB6.js +0 -92
|
@@ -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 {
|
|
3
|
-
import { t as v } from "./Button-
|
|
2
|
+
import { F as o, G as s, J as c, M as l, R as u, X as d, _ as f, b as p, f as m, p as h, q as g, v as _ } from "./esm-B0YmMAXt.js";
|
|
3
|
+
import { t as v } from "./Button-DIGyNR41.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(h, {}),
|
|
4505
4505
|
demo: /* @__PURE__ */ F(p, {}),
|
|
4506
4506
|
docs: /* @__PURE__ */ F(s, {}),
|
|
4507
|
-
blog: /* @__PURE__ */ F(
|
|
4508
|
-
misc: /* @__PURE__ */ F(
|
|
4509
|
-
shop: /* @__PURE__ */ F(
|
|
4507
|
+
blog: /* @__PURE__ */ F(d, {}),
|
|
4508
|
+
misc: /* @__PURE__ */ F(l, {}),
|
|
4509
|
+
shop: /* @__PURE__ */ F(m, {}),
|
|
4510
4510
|
file: /* @__PURE__ */ F(o, {})
|
|
4511
4511
|
};
|
|
4512
4512
|
return /* @__PURE__ */ I(ie, {
|
|
@@ -4517,7 +4517,7 @@ function Wt() {
|
|
|
4517
4517
|
children: /* @__PURE__ */ F(v, {
|
|
4518
4518
|
variant: "transparent",
|
|
4519
4519
|
"aria-label": "Search",
|
|
4520
|
-
children: /* @__PURE__ */ F(
|
|
4520
|
+
children: /* @__PURE__ */ F(f, {})
|
|
4521
4521
|
})
|
|
4522
4522
|
}), /* @__PURE__ */ I(k, { children: [/* @__PURE__ */ F(A, { className: Z.overlay }), /* @__PURE__ */ I(ne, {
|
|
4523
4523
|
className: Z.search,
|
|
@@ -4526,7 +4526,7 @@ function Wt() {
|
|
|
4526
4526
|
/* @__PURE__ */ F(ee, { children: /* @__PURE__ */ F(te, { children: "Search" }) }),
|
|
4527
4527
|
/* @__PURE__ */ I("label", {
|
|
4528
4528
|
className: Z.label,
|
|
4529
|
-
children: [/* @__PURE__ */ F(
|
|
4529
|
+
children: [/* @__PURE__ */ F(_, {}), /* @__PURE__ */ F("input", {
|
|
4530
4530
|
className: Z.input,
|
|
4531
4531
|
placeholder: "Search charts, tutorials, blog posts, or keywords...",
|
|
4532
4532
|
ref: S,
|
|
@@ -4601,14 +4601,14 @@ 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(
|
|
4604
|
+
children: [/* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(c, {}) }), /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(g, {}) })]
|
|
4605
4605
|
}), "Navigate"]
|
|
4606
4606
|
}),
|
|
4607
4607
|
/* @__PURE__ */ I("div", {
|
|
4608
4608
|
className: Z.bottomGroup,
|
|
4609
4609
|
children: [/* @__PURE__ */ F("div", {
|
|
4610
4610
|
className: Z.bottomIcons,
|
|
4611
|
-
children: /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(
|
|
4611
|
+
children: /* @__PURE__ */ F("span", { children: /* @__PURE__ */ F(u, {}) })
|
|
4612
4612
|
}), "Select"]
|
|
4613
4613
|
}),
|
|
4614
4614
|
/* @__PURE__ */ I("div", {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
-
import {
|
|
2
|
+
import { g as t } from "./esm-B0YmMAXt.js";
|
|
3
3
|
import { t as n } from "./Icon-VeXJMj8Q.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";
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
+
import { forwardRef as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
|
|
3
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
4
|
+
var c = {
|
|
5
|
+
content: "a1m2bq_content",
|
|
6
|
+
cover: "a1m2bq_cover",
|
|
7
|
+
hoverZoom: "a1m2bq_hoverZoom",
|
|
8
|
+
poster: "a1m2bq_poster",
|
|
9
|
+
reduced: "a1m2bq_reduced",
|
|
10
|
+
video: "a1m2bq_video"
|
|
11
|
+
}, l = t(({ src: t, sources: l, poster: u, fit: d = "cover", autoPlay: f = !0, loop: p = !0, muted: m = !0, playsInline: h = !0, preload: g = "auto", lazy: _ = !0, hoverZoom: v = !1, reducedMotion: y, aspectRatio: b, radius: x = 0, children: S, "aria-label": C, className: w, style: T }, E) => {
|
|
12
|
+
let D = i(null), O = i(null), [k, A] = a(!_), [j, M] = a(!1), N = !C, P = n((e) => {
|
|
13
|
+
O.current = e, typeof E == "function" ? E(e) : E && (E.current = e);
|
|
14
|
+
}, [E]), [F, I] = a(() => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches);
|
|
15
|
+
r(() => {
|
|
16
|
+
if (typeof window > "u" || !window.matchMedia) return;
|
|
17
|
+
let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => I(e.matches);
|
|
18
|
+
return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
|
|
19
|
+
}, []);
|
|
20
|
+
let L = y === void 0 ? F ? "no-animation" : !1 : y === !0 ? "no-animation" : y, R = L !== !1, z = f && !R, B = n(() => {
|
|
21
|
+
let e = O.current;
|
|
22
|
+
e && (e.pause(), L === "skip-to-end" && Number.isFinite(e.duration) ? e.currentTime = Math.max(0, e.duration - .05) : L === "no-animation" && (e.currentTime = 0));
|
|
23
|
+
}, [L]);
|
|
24
|
+
return r(() => {
|
|
25
|
+
let e = O.current;
|
|
26
|
+
!e || !k || (R ? B() : f && e.play().catch(() => {}));
|
|
27
|
+
}, [
|
|
28
|
+
R,
|
|
29
|
+
k,
|
|
30
|
+
f,
|
|
31
|
+
B
|
|
32
|
+
]), r(() => {
|
|
33
|
+
if (k) return;
|
|
34
|
+
let e = D.current;
|
|
35
|
+
if (!e || typeof IntersectionObserver > "u") {
|
|
36
|
+
A(!0);
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
let t = new IntersectionObserver(([e]) => {
|
|
40
|
+
e?.isIntersecting && (A(!0), t.disconnect());
|
|
41
|
+
}, { rootMargin: "200px" });
|
|
42
|
+
return t.observe(e), () => t.disconnect();
|
|
43
|
+
}, [k]), /* @__PURE__ */ s("div", {
|
|
44
|
+
ref: D,
|
|
45
|
+
className: e("hsui-video-cover", c.cover, {
|
|
46
|
+
[c.hoverZoom]: v,
|
|
47
|
+
[c.reduced]: R
|
|
48
|
+
}, w),
|
|
49
|
+
style: {
|
|
50
|
+
"--vc-radius": `${x}px`,
|
|
51
|
+
aspectRatio: b,
|
|
52
|
+
...T
|
|
53
|
+
},
|
|
54
|
+
role: N ? "presentation" : "img",
|
|
55
|
+
"aria-label": C,
|
|
56
|
+
children: [
|
|
57
|
+
u && /* @__PURE__ */ o("img", {
|
|
58
|
+
className: c.poster,
|
|
59
|
+
style: { objectFit: d },
|
|
60
|
+
src: u,
|
|
61
|
+
alt: "",
|
|
62
|
+
"aria-hidden": "true"
|
|
63
|
+
}),
|
|
64
|
+
/* @__PURE__ */ o("video", {
|
|
65
|
+
ref: P,
|
|
66
|
+
className: c.video,
|
|
67
|
+
style: { objectFit: d },
|
|
68
|
+
src: k && !l ? t : void 0,
|
|
69
|
+
autoPlay: z,
|
|
70
|
+
loop: p,
|
|
71
|
+
muted: m,
|
|
72
|
+
playsInline: h,
|
|
73
|
+
preload: k ? g : "none",
|
|
74
|
+
"data-ready": j || void 0,
|
|
75
|
+
onCanPlay: () => M(!0),
|
|
76
|
+
onLoadedMetadata: R ? B : void 0,
|
|
77
|
+
"aria-hidden": N || void 0,
|
|
78
|
+
children: k && l?.map((e) => /* @__PURE__ */ o("source", {
|
|
79
|
+
src: e.src,
|
|
80
|
+
type: e.type
|
|
81
|
+
}, e.src))
|
|
82
|
+
}),
|
|
83
|
+
S != null && /* @__PURE__ */ o("div", {
|
|
84
|
+
className: c.content,
|
|
85
|
+
children: S
|
|
86
|
+
})
|
|
87
|
+
]
|
|
88
|
+
});
|
|
89
|
+
});
|
|
90
|
+
l.displayName = "VideoCover";
|
|
91
|
+
//#endregion
|
|
92
|
+
export { l as t };
|
|
@@ -0,0 +1,324 @@
|
|
|
1
|
+
import { t as e } from "./clsx-BWCAbrjV.js";
|
|
2
|
+
import { C as t, E as n, a as r, i, r as a } from "./esm-B0YmMAXt.js";
|
|
3
|
+
import { t as o } from "./Icon-VeXJMj8Q.js";
|
|
4
|
+
import { detectProvider as s, providerPosterUrl as c, useMediaEngine as l } from "./components/VideoPlayer/useMediaEngine.js";
|
|
5
|
+
import { forwardRef as u, useCallback as d, useEffect as f, useId as p, useImperativeHandle as m, useRef as h, useState as g } from "react";
|
|
6
|
+
import { jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
7
|
+
var y = {
|
|
8
|
+
button: "_1OFWhq_button",
|
|
9
|
+
centerPlay: "_1OFWhq_centerPlay",
|
|
10
|
+
controlBar: "_1OFWhq_controlBar",
|
|
11
|
+
dragging: "_1OFWhq_dragging",
|
|
12
|
+
embed: "_1OFWhq_embed",
|
|
13
|
+
idle: "_1OFWhq_idle",
|
|
14
|
+
player: "_1OFWhq_player",
|
|
15
|
+
progress: "_1OFWhq_progress",
|
|
16
|
+
scrim: "_1OFWhq_scrim",
|
|
17
|
+
slider: "_1OFWhq_slider",
|
|
18
|
+
sliderBuffered: "_1OFWhq_sliderBuffered",
|
|
19
|
+
sliderFill: "_1OFWhq_sliderFill",
|
|
20
|
+
sliderThumb: "_1OFWhq_sliderThumb",
|
|
21
|
+
sliderTrack: "_1OFWhq_sliderTrack",
|
|
22
|
+
startCover: "_1OFWhq_startCover",
|
|
23
|
+
tapLayer: "_1OFWhq_tapLayer",
|
|
24
|
+
time: "_1OFWhq_time",
|
|
25
|
+
timeDuration: "_1OFWhq_timeDuration",
|
|
26
|
+
video: "_1OFWhq_video",
|
|
27
|
+
volumePopover: "_1OFWhq_volumePopover",
|
|
28
|
+
volumeSlider: "_1OFWhq_volumeSlider",
|
|
29
|
+
volumeWrap: "_1OFWhq_volumeWrap"
|
|
30
|
+
}, b = "var(--HS-text-brand-default-alt)", x = 2600;
|
|
31
|
+
function S(e) {
|
|
32
|
+
if (!Number.isFinite(e) || e < 0) return "0:00";
|
|
33
|
+
let t = Math.floor(e), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, a = n > 0 ? String(r).padStart(2, "0") : String(r), o = String(i).padStart(2, "0");
|
|
34
|
+
return n > 0 ? `${n}:${a}:${o}` : `${a}:${o}`;
|
|
35
|
+
}
|
|
36
|
+
var C = (e) => Math.max(0, Math.min(1, e));
|
|
37
|
+
function w({ value: t, buffered: n, ariaLabel: r, ariaValueText: i, className: a, step: o = .05, onChange: s, onScrubStart: c, onScrubEnd: l }) {
|
|
38
|
+
let u = h(null), [f, p] = g(!1), m = (e) => `${C(e) * 100}%`, b = d((e) => {
|
|
39
|
+
let t = u.current;
|
|
40
|
+
if (!t) return 0;
|
|
41
|
+
let n = t.getBoundingClientRect();
|
|
42
|
+
return C((e - n.left) / n.width);
|
|
43
|
+
}, []), x = (e) => {
|
|
44
|
+
e.preventDefault(), u.current?.setPointerCapture(e.pointerId), p(!0), c?.(), s(b(e.clientX));
|
|
45
|
+
}, S = (e) => {
|
|
46
|
+
f && s(b(e.clientX));
|
|
47
|
+
}, w = (e) => {
|
|
48
|
+
f && (p(!1), l?.(), u.current?.releasePointerCapture?.(e.pointerId));
|
|
49
|
+
}, T = (e) => {
|
|
50
|
+
let n = null;
|
|
51
|
+
switch (e.key) {
|
|
52
|
+
case "ArrowRight":
|
|
53
|
+
case "ArrowUp":
|
|
54
|
+
n = t + o;
|
|
55
|
+
break;
|
|
56
|
+
case "ArrowLeft":
|
|
57
|
+
case "ArrowDown":
|
|
58
|
+
n = t - o;
|
|
59
|
+
break;
|
|
60
|
+
case "Home":
|
|
61
|
+
n = 0;
|
|
62
|
+
break;
|
|
63
|
+
case "End":
|
|
64
|
+
n = 1;
|
|
65
|
+
break;
|
|
66
|
+
default: return;
|
|
67
|
+
}
|
|
68
|
+
e.preventDefault(), e.stopPropagation(), s(C(n));
|
|
69
|
+
};
|
|
70
|
+
return /* @__PURE__ */ v("div", {
|
|
71
|
+
ref: u,
|
|
72
|
+
role: "slider",
|
|
73
|
+
tabIndex: 0,
|
|
74
|
+
"aria-label": r,
|
|
75
|
+
"aria-valuemin": 0,
|
|
76
|
+
"aria-valuemax": 100,
|
|
77
|
+
"aria-valuenow": Math.round(C(t) * 100),
|
|
78
|
+
"aria-valuetext": i,
|
|
79
|
+
className: e(y.slider, a, { [y.dragging]: f }),
|
|
80
|
+
onPointerDown: x,
|
|
81
|
+
onPointerMove: S,
|
|
82
|
+
onPointerUp: w,
|
|
83
|
+
onPointerCancel: w,
|
|
84
|
+
onKeyDown: T,
|
|
85
|
+
children: [/* @__PURE__ */ v("div", {
|
|
86
|
+
className: y.sliderTrack,
|
|
87
|
+
children: [n != null && /* @__PURE__ */ _("div", {
|
|
88
|
+
className: y.sliderBuffered,
|
|
89
|
+
style: { width: m(n) }
|
|
90
|
+
}), /* @__PURE__ */ _("div", {
|
|
91
|
+
className: y.sliderFill,
|
|
92
|
+
style: { width: m(t) }
|
|
93
|
+
})]
|
|
94
|
+
}), /* @__PURE__ */ _("span", {
|
|
95
|
+
className: y.sliderThumb,
|
|
96
|
+
style: { left: m(t) }
|
|
97
|
+
})]
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
var T = () => /* @__PURE__ */ _("svg", {
|
|
101
|
+
viewBox: "0 0 24 24",
|
|
102
|
+
"aria-hidden": "true",
|
|
103
|
+
focusable: "false",
|
|
104
|
+
children: /* @__PURE__ */ _("path", { d: "M8 5.14v13.72c0 .86.94 1.39 1.68.95l11.02-6.86a1.12 1.12 0 0 0 0-1.9L9.68 4.19A1.12 1.12 0 0 0 8 5.14Z" })
|
|
105
|
+
}), ee = () => /* @__PURE__ */ v("svg", {
|
|
106
|
+
viewBox: "0 0 24 24",
|
|
107
|
+
"aria-hidden": "true",
|
|
108
|
+
focusable: "false",
|
|
109
|
+
children: [/* @__PURE__ */ _("rect", {
|
|
110
|
+
x: "6",
|
|
111
|
+
y: "5",
|
|
112
|
+
width: "4",
|
|
113
|
+
height: "14",
|
|
114
|
+
rx: "1.6"
|
|
115
|
+
}), /* @__PURE__ */ _("rect", {
|
|
116
|
+
x: "14",
|
|
117
|
+
y: "5",
|
|
118
|
+
width: "4",
|
|
119
|
+
height: "14",
|
|
120
|
+
rx: "1.6"
|
|
121
|
+
})]
|
|
122
|
+
}), E = u(({ src: u, sources: E, poster: D, muted: O = !1, autoPlay: k = !1, loop: A = !1, playsInline: j = !0, preload: te = "metadata", aspectRatio: ne = "16 / 9", radius: re = 16, accentGradient: ie = b, "aria-label": M = "Video player", className: N, style: P }, F) => {
|
|
123
|
+
let I = s(u, !!E?.length), L = I !== "file", R = l({
|
|
124
|
+
provider: I,
|
|
125
|
+
src: u,
|
|
126
|
+
muted: O,
|
|
127
|
+
autoPlay: k,
|
|
128
|
+
loop: A
|
|
129
|
+
}), { state: z } = R, B = h(null), V = h(null), H = h(void 0), U = p(), W = d((e) => {
|
|
130
|
+
V.current = e, R.videoRef(e);
|
|
131
|
+
}, [R]);
|
|
132
|
+
m(F, () => V.current, []);
|
|
133
|
+
let [G, K] = g(!1), [q, J] = g(!1), [ae, Y] = g(!1), [oe, se] = g(!1), [ce, X] = g(void 0);
|
|
134
|
+
f(() => {
|
|
135
|
+
z.playing && se(!0);
|
|
136
|
+
}, [z.playing]), f(() => {
|
|
137
|
+
if (X(void 0), I !== "vimeo" || D || !u) return;
|
|
138
|
+
let e = !1;
|
|
139
|
+
return fetch(`https://vimeo.com/api/oembed.json?url=${encodeURIComponent(u)}&width=1280`).then((e) => e.ok ? e.json() : null).then((t) => {
|
|
140
|
+
!e && t?.thumbnail_url && X(t.thumbnail_url);
|
|
141
|
+
}).catch(() => {}), () => {
|
|
142
|
+
e = !0;
|
|
143
|
+
};
|
|
144
|
+
}, [
|
|
145
|
+
I,
|
|
146
|
+
D,
|
|
147
|
+
u
|
|
148
|
+
]), f(() => {
|
|
149
|
+
let e = () => K(document.fullscreenElement === B.current);
|
|
150
|
+
return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
|
|
151
|
+
}, []);
|
|
152
|
+
let Z = d(() => {
|
|
153
|
+
J(!1), window.clearTimeout(H.current), H.current = window.setTimeout(() => J(!0), x);
|
|
154
|
+
}, []);
|
|
155
|
+
f(() => () => window.clearTimeout(H.current), []);
|
|
156
|
+
let Q = d(() => {
|
|
157
|
+
let e = B.current;
|
|
158
|
+
e && (document.fullscreenElement === e ? document.exitFullscreen().catch(() => {}) : e.requestFullscreen?.().catch(() => {}));
|
|
159
|
+
}, []), le = (e) => {
|
|
160
|
+
if (e.target.getAttribute("role") !== "slider") switch (e.key) {
|
|
161
|
+
case " ":
|
|
162
|
+
case "k":
|
|
163
|
+
e.preventDefault(), R.toggle();
|
|
164
|
+
break;
|
|
165
|
+
case "f":
|
|
166
|
+
e.preventDefault(), Q();
|
|
167
|
+
break;
|
|
168
|
+
case "m":
|
|
169
|
+
e.preventDefault(), R.toggleMute();
|
|
170
|
+
break;
|
|
171
|
+
case "ArrowRight":
|
|
172
|
+
e.preventDefault(), R.seekBy(5);
|
|
173
|
+
break;
|
|
174
|
+
case "ArrowLeft":
|
|
175
|
+
e.preventDefault(), R.seekBy(-5);
|
|
176
|
+
break;
|
|
177
|
+
default:
|
|
178
|
+
}
|
|
179
|
+
}, $ = D ?? c(I, u) ?? ce, ue = z.duration ? C(z.currentTime / z.duration) : 0, de = z.muted || z.volume === 0 ? a : z.volume < .5 ? i : r, fe = {
|
|
180
|
+
"--vp-radius": `${re}px`,
|
|
181
|
+
"--vp-gradient": ie,
|
|
182
|
+
aspectRatio: G ? void 0 : ne
|
|
183
|
+
}, pe = I === "file" ? /* @__PURE__ */ _("video", {
|
|
184
|
+
ref: W,
|
|
185
|
+
className: y.video,
|
|
186
|
+
src: E ? void 0 : u,
|
|
187
|
+
poster: D,
|
|
188
|
+
muted: O,
|
|
189
|
+
autoPlay: k,
|
|
190
|
+
loop: A,
|
|
191
|
+
playsInline: j,
|
|
192
|
+
preload: te,
|
|
193
|
+
onClick: R.toggle,
|
|
194
|
+
children: E?.map((e) => /* @__PURE__ */ _("source", {
|
|
195
|
+
src: e.src,
|
|
196
|
+
type: e.type
|
|
197
|
+
}, e.src))
|
|
198
|
+
}) : /* @__PURE__ */ _("div", {
|
|
199
|
+
ref: R.mountRef,
|
|
200
|
+
className: y.embed
|
|
201
|
+
});
|
|
202
|
+
return /* @__PURE__ */ v("div", {
|
|
203
|
+
ref: B,
|
|
204
|
+
role: "region",
|
|
205
|
+
"aria-label": M,
|
|
206
|
+
"aria-labelledby": U,
|
|
207
|
+
tabIndex: 0,
|
|
208
|
+
className: e("hsui-video-player", y.player, {
|
|
209
|
+
[y.playing]: z.playing,
|
|
210
|
+
[y.ended]: z.ended,
|
|
211
|
+
[y.idle]: q && z.playing && !ae
|
|
212
|
+
}, N),
|
|
213
|
+
style: {
|
|
214
|
+
...fe,
|
|
215
|
+
...P
|
|
216
|
+
},
|
|
217
|
+
onPointerMove: Z,
|
|
218
|
+
onPointerLeave: () => z.playing && J(!0),
|
|
219
|
+
onKeyDown: le,
|
|
220
|
+
onDoubleClick: Q,
|
|
221
|
+
children: [
|
|
222
|
+
/* @__PURE__ */ _("span", {
|
|
223
|
+
id: U,
|
|
224
|
+
className: "sr-only",
|
|
225
|
+
children: M
|
|
226
|
+
}),
|
|
227
|
+
pe,
|
|
228
|
+
L && !oe && /* @__PURE__ */ _("div", {
|
|
229
|
+
className: y.startCover,
|
|
230
|
+
"aria-hidden": "true",
|
|
231
|
+
style: $ ? { backgroundImage: `url("${$}")` } : void 0
|
|
232
|
+
}),
|
|
233
|
+
L && /* @__PURE__ */ _("button", {
|
|
234
|
+
type: "button",
|
|
235
|
+
className: y.tapLayer,
|
|
236
|
+
onClick: R.toggle,
|
|
237
|
+
"aria-label": z.playing ? "Pause" : "Play",
|
|
238
|
+
tabIndex: -1
|
|
239
|
+
}),
|
|
240
|
+
/* @__PURE__ */ _("div", {
|
|
241
|
+
className: y.scrim,
|
|
242
|
+
"aria-hidden": "true"
|
|
243
|
+
}),
|
|
244
|
+
!z.playing && /* @__PURE__ */ _("button", {
|
|
245
|
+
type: "button",
|
|
246
|
+
className: y.centerPlay,
|
|
247
|
+
onClick: R.toggle,
|
|
248
|
+
"aria-label": z.ended ? "Replay" : "Play",
|
|
249
|
+
tabIndex: -1,
|
|
250
|
+
children: /* @__PURE__ */ _(T, {})
|
|
251
|
+
}),
|
|
252
|
+
/* @__PURE__ */ v("div", {
|
|
253
|
+
className: y.controlBar,
|
|
254
|
+
children: [
|
|
255
|
+
/* @__PURE__ */ _("button", {
|
|
256
|
+
type: "button",
|
|
257
|
+
className: y.button,
|
|
258
|
+
onClick: R.toggle,
|
|
259
|
+
"aria-label": z.playing ? "Pause" : "Play",
|
|
260
|
+
children: z.playing ? /* @__PURE__ */ _(ee, {}) : /* @__PURE__ */ _(T, {})
|
|
261
|
+
}),
|
|
262
|
+
/* @__PURE__ */ v("div", {
|
|
263
|
+
className: y.volumeWrap,
|
|
264
|
+
children: [/* @__PURE__ */ _("button", {
|
|
265
|
+
type: "button",
|
|
266
|
+
className: y.button,
|
|
267
|
+
onClick: R.toggleMute,
|
|
268
|
+
"aria-label": z.muted ? "Unmute" : "Mute",
|
|
269
|
+
"aria-pressed": z.muted,
|
|
270
|
+
children: /* @__PURE__ */ _(o, {
|
|
271
|
+
name: de,
|
|
272
|
+
size: 20
|
|
273
|
+
})
|
|
274
|
+
}), /* @__PURE__ */ _("div", {
|
|
275
|
+
className: y.volumePopover,
|
|
276
|
+
children: /* @__PURE__ */ _(w, {
|
|
277
|
+
className: y.volumeSlider,
|
|
278
|
+
value: z.volume,
|
|
279
|
+
ariaLabel: "Volume",
|
|
280
|
+
ariaValueText: `${Math.round(z.volume * 100)}%`,
|
|
281
|
+
onChange: R.setVolume
|
|
282
|
+
})
|
|
283
|
+
})]
|
|
284
|
+
}),
|
|
285
|
+
/* @__PURE__ */ _("span", {
|
|
286
|
+
className: y.time,
|
|
287
|
+
children: S(z.currentTime)
|
|
288
|
+
}),
|
|
289
|
+
/* @__PURE__ */ _(w, {
|
|
290
|
+
className: y.progress,
|
|
291
|
+
value: ue,
|
|
292
|
+
buffered: z.buffered,
|
|
293
|
+
ariaLabel: "Seek",
|
|
294
|
+
ariaValueText: `${S(z.currentTime)} of ${S(z.duration)}`,
|
|
295
|
+
onChange: R.seekFraction,
|
|
296
|
+
onScrubStart: () => {
|
|
297
|
+
Y(!0), R.beginSeek();
|
|
298
|
+
},
|
|
299
|
+
onScrubEnd: () => {
|
|
300
|
+
Y(!1), R.endSeek();
|
|
301
|
+
}
|
|
302
|
+
}),
|
|
303
|
+
/* @__PURE__ */ _("span", {
|
|
304
|
+
className: e(y.time, y.timeDuration),
|
|
305
|
+
children: S(z.duration)
|
|
306
|
+
}),
|
|
307
|
+
/* @__PURE__ */ _("button", {
|
|
308
|
+
type: "button",
|
|
309
|
+
className: y.button,
|
|
310
|
+
onClick: Q,
|
|
311
|
+
"aria-label": G ? "Exit fullscreen" : "Enter fullscreen",
|
|
312
|
+
children: /* @__PURE__ */ _(o, {
|
|
313
|
+
name: G ? t : n,
|
|
314
|
+
size: 20
|
|
315
|
+
})
|
|
316
|
+
})
|
|
317
|
+
]
|
|
318
|
+
})
|
|
319
|
+
]
|
|
320
|
+
});
|
|
321
|
+
});
|
|
322
|
+
E.displayName = "VideoPlayer";
|
|
323
|
+
//#endregion
|
|
324
|
+
export { E as t };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { n as e } from "./esm-B0YmMAXt.js";
|
|
2
|
+
import { t } from "./dist-J9cXmrDi.js";
|
|
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-CKjq7IRq.js";
|
|
5
|
+
import { jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
6
|
+
var f = {
|
|
7
|
+
close: "ig0T5q_close",
|
|
8
|
+
content: "ig0T5q_content",
|
|
9
|
+
frame: "ig0T5q_frame",
|
|
10
|
+
overlay: "ig0T5q_overlay",
|
|
11
|
+
"vpm-content-in": "ig0T5q_vpm-content-in",
|
|
12
|
+
"vpm-overlay-in": "ig0T5q_vpm-overlay-in"
|
|
13
|
+
};
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region lib/components/VideoPlayer/VideoPlayerModal.tsx
|
|
16
|
+
function p({ trigger: p, open: m, defaultOpen: h, onOpenChange: g, title: _ = "Video", maxWidth: v = 900, closeLabel: y = "Close", autoPlay: b = !0, ...x }) {
|
|
17
|
+
return /* @__PURE__ */ d(c, {
|
|
18
|
+
open: m,
|
|
19
|
+
defaultOpen: h,
|
|
20
|
+
onOpenChange: g,
|
|
21
|
+
children: [p && /* @__PURE__ */ u(s, {
|
|
22
|
+
asChild: !0,
|
|
23
|
+
children: p
|
|
24
|
+
}), /* @__PURE__ */ d(n, { children: [/* @__PURE__ */ u(r, { className: f.overlay }), /* @__PURE__ */ d(o, {
|
|
25
|
+
className: f.content,
|
|
26
|
+
"aria-describedby": void 0,
|
|
27
|
+
children: [
|
|
28
|
+
/* @__PURE__ */ u(t, {
|
|
29
|
+
asChild: !0,
|
|
30
|
+
children: /* @__PURE__ */ u(a, { children: _ })
|
|
31
|
+
}),
|
|
32
|
+
/* @__PURE__ */ u(i, {
|
|
33
|
+
className: f.close,
|
|
34
|
+
"aria-label": y,
|
|
35
|
+
children: /* @__PURE__ */ u(e, {
|
|
36
|
+
width: 20,
|
|
37
|
+
height: 20
|
|
38
|
+
})
|
|
39
|
+
}),
|
|
40
|
+
/* @__PURE__ */ u("div", {
|
|
41
|
+
className: f.frame,
|
|
42
|
+
style: { maxWidth: v },
|
|
43
|
+
children: /* @__PURE__ */ u(l, {
|
|
44
|
+
autoPlay: b,
|
|
45
|
+
"aria-label": _,
|
|
46
|
+
...x
|
|
47
|
+
})
|
|
48
|
+
})
|
|
49
|
+
]
|
|
50
|
+
})] })]
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
p.displayName = "VideoPlayerModal";
|
|
54
|
+
//#endregion
|
|
55
|
+
export { p as t };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { s as e } from "./fa-B95RwBpz.js";
|
|
2
|
+
import { t } from "./VideoCover-BN8wnHpf.js";
|
|
3
|
+
import { t as n } from "./VideoPlayerModal-DbP3OjSF.js";
|
|
4
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
|
+
var a = {
|
|
6
|
+
youtube: "elwCNG_youtube",
|
|
7
|
+
youtubeCopy: "elwCNG_youtubeCopy",
|
|
8
|
+
youtubeMedia: "elwCNG_youtubeMedia"
|
|
9
|
+
}, o = "Meet the team behind the charts", s = "Video: Meet the team behind the charts", c = "https://vimeo.com/955924808", l = "https://shop.highcharts.com/footer.webm";
|
|
10
|
+
function u() {
|
|
11
|
+
return /* @__PURE__ */ r(n, {
|
|
12
|
+
title: s,
|
|
13
|
+
src: c,
|
|
14
|
+
trigger: /* @__PURE__ */ r("button", {
|
|
15
|
+
type: "button",
|
|
16
|
+
className: a.youtube,
|
|
17
|
+
"aria-label": o,
|
|
18
|
+
children: /* @__PURE__ */ r(t, {
|
|
19
|
+
className: a.youtubeMedia,
|
|
20
|
+
sources: [{
|
|
21
|
+
src: l,
|
|
22
|
+
type: "video/webm"
|
|
23
|
+
}],
|
|
24
|
+
preload: "metadata",
|
|
25
|
+
hoverZoom: !0,
|
|
26
|
+
children: /* @__PURE__ */ i("span", {
|
|
27
|
+
className: a.youtubeCopy,
|
|
28
|
+
children: [/* @__PURE__ */ r(e, {}), /* @__PURE__ */ r("p", { children: o })]
|
|
29
|
+
})
|
|
30
|
+
})
|
|
31
|
+
})
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
//#endregion
|
|
35
|
+
export { u as t };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../Button-
|
|
1
|
+
import { t as e } from "../../Button-DIGyNR41.js";
|
|
2
2
|
export { e as Button };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../ButtonGroup-
|
|
1
|
+
import { t as e } from "../../ButtonGroup-BSQzx-sZ.js";
|
|
2
2
|
export { e as ButtonGroup };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../../Checkbox-
|
|
1
|
+
import { n as e, t } from "../../Checkbox-wlH6EGWW.js";
|
|
2
2
|
export { t as Checkbox, e as CheckboxGroup };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../CodeBlock-
|
|
1
|
+
import { t as e } from "../../CodeBlock-DtTAC5ru.js";
|
|
2
2
|
export { e as CodeBlock };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../CopyCode-
|
|
1
|
+
import { t as e } from "../../CopyCode-_MHQorJS.js";
|
|
2
2
|
export { e as CopyCode };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "../../Dropdown-
|
|
1
|
+
import { n as e, r as t, t as n } from "../../Dropdown-CVyrHJiC.js";
|
|
2
2
|
export { n as Dropdown, e as DropdownItem, t as DropdownSeparator };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../CookiePolicyModal-
|
|
1
|
+
import { t as e } from "../../CookiePolicyModal-CGRXL0wR.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../FooterBottom-
|
|
1
|
+
import { t as e } from "../../FooterBottom-CP0f9kYj.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../FooterHelp-
|
|
1
|
+
import { t as e } from "../../FooterHelp-BxDXmtHK.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../FooterLinks-
|
|
1
|
+
import { t as e } from "../../FooterLinks-BZwAVSm4.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../YoutubeModal-
|
|
1
|
+
import { t as e } from "../../YoutubeModal-D_ZHayEn.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../Footer-
|
|
1
|
+
import { t as e } from "../../Footer-DW2asf8g.js";
|
|
2
2
|
export { e as Footer };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../../Header-
|
|
1
|
+
import { n as e, t } from "../../Header-DQ1xi25C.js";
|
|
2
2
|
export { t as Header, e as SubHeader };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../../InputGrouped-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../../InputGrouped-BE3zLov9.js";
|
|
2
2
|
export { r as FormGroup, t as FormRow, n as InputGrouped, e as SelectGrouped };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../../Label-
|
|
1
|
+
import { n as e, t } from "../../Label-C_KZM-FN.js";
|
|
2
2
|
export { t as Label, e as NewTag };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t } from "../../Button-
|
|
1
|
+
import { D as e } from "../../esm-B0YmMAXt.js";
|
|
2
|
+
import { t } from "../../Button-DIGyNR41.js";
|
|
3
3
|
import { t as n } from "../../Typography-AvvBRu-u.js";
|
|
4
4
|
import { t as r } from "../../styles.module-BDcr8Smc.js";
|
|
5
5
|
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
@@ -1,6 +1,6 @@
|
|
|
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-B0YmMAXt.js";
|
|
3
|
+
import { t as n } from "../../Button-DIGyNR41.js";
|
|
4
4
|
import { t as r } from "../../Typography-AvvBRu-u.js";
|
|
5
5
|
import { t as i } from "../../styles.module-BDcr8Smc.js";
|
|
6
6
|
import { useEffect as a, useRef as o } from "react";
|