@appquality/unguess-design-system 4.0.7 → 4.0.8
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/CHANGELOG.md +14 -0
- package/build/index.d.ts +1 -0
- package/build/index.js +149 -139
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
# v4.0.8 (Mon Nov 11 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Add onShortcut event to player component [#440](https://github.com/AppQuality/unguess-design-system/pull/440) ([@d-beezee](https://github.com/d-beezee) [@cannarocks](https://github.com/cannarocks))
|
|
6
|
+
- feat: add onShortcut prop to PlayerArgs to intercept events [#438](https://github.com/AppQuality/unguess-design-system/pull/438) ([@d-beezee](https://github.com/d-beezee))
|
|
7
|
+
|
|
8
|
+
#### Authors: 2
|
|
9
|
+
|
|
10
|
+
- [@d-beezee](https://github.com/d-beezee)
|
|
11
|
+
- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
1
15
|
# v4.0.7 (Thu Nov 07 2024)
|
|
2
16
|
|
|
3
17
|
#### 🐛 Bug Fix
|
package/build/index.d.ts
CHANGED
|
@@ -6726,6 +6726,7 @@ declare interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
|
|
|
6726
6726
|
handleBookmarkUpdate?: (bookmark: IBookmark) => void;
|
|
6727
6727
|
i18n?: PlayerI18n;
|
|
6728
6728
|
showControls?: boolean;
|
|
6729
|
+
onShortcut?: (type: string) => void;
|
|
6729
6730
|
}
|
|
6730
6731
|
|
|
6731
6732
|
declare interface PlayerI18n {
|
package/build/index.js
CHANGED
|
@@ -63544,28 +63544,7 @@ bl.Mute = lWe;
|
|
|
63544
63544
|
bl.FullScreen = oWe;
|
|
63545
63545
|
bl.ChangeTime = nWe;
|
|
63546
63546
|
var E5 = C5.default = bl, qc = C5.useVideoContext = xl;
|
|
63547
|
-
const
|
|
63548
|
-
color: ${({ theme: e }) => e.palette.grey[700]};
|
|
63549
|
-
`, vWe = () => {
|
|
63550
|
-
const [e, t] = Ue(!1), { isMuted: n, setMuted: r, context: i } = qc(), { player: o } = i, a = (l) => {
|
|
63551
|
-
if (!l)
|
|
63552
|
-
return !1;
|
|
63553
|
-
const d = l.mozHasAudio || !!l.webkitAudioDecodedByteCount || !!(l.audioTracks && l.audioTracks.length);
|
|
63554
|
-
t(d);
|
|
63555
|
-
}, s = (l) => l ? l.volume > 0 : !1;
|
|
63556
|
-
return Ye(() => {
|
|
63557
|
-
o && (o != null && o.ref) && (r(!s(o.ref.current)), a(o.ref.current));
|
|
63558
|
-
}, [i.isPlaying, n, o, r]), /* @__PURE__ */ M.jsx(
|
|
63559
|
-
jl,
|
|
63560
|
-
{
|
|
63561
|
-
disabled: !e,
|
|
63562
|
-
onClick: () => {
|
|
63563
|
-
o != null && o.ref.current && (o.ref.current.volume = o.ref.current.volume > 0 ? 0 : 1, r(!o.ref.current.volume));
|
|
63564
|
-
},
|
|
63565
|
-
children: n || !e ? /* @__PURE__ */ M.jsx(mWe, {}) : /* @__PURE__ */ M.jsx(gWe, {})
|
|
63566
|
-
}
|
|
63567
|
-
);
|
|
63568
|
-
}, zX = En(null), yWe = ({
|
|
63547
|
+
const zX = En(null), mWe = ({
|
|
63569
63548
|
children: e
|
|
63570
63549
|
}) => {
|
|
63571
63550
|
const [t, n] = Ue(!1), [r, i] = Ue(!1), [o, a] = Ue(
|
|
@@ -63590,7 +63569,82 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63590
63569
|
if (!e)
|
|
63591
63570
|
throw new Error("Provider not found for ProgressContextProvider");
|
|
63592
63571
|
return e;
|
|
63593
|
-
},
|
|
63572
|
+
}, gWe = ({
|
|
63573
|
+
setIsPlaying: e,
|
|
63574
|
+
onCutHandler: t,
|
|
63575
|
+
onShortcut: n,
|
|
63576
|
+
videoRef: r
|
|
63577
|
+
}) => {
|
|
63578
|
+
Ye(() => {
|
|
63579
|
+
function i(o) {
|
|
63580
|
+
var a, s;
|
|
63581
|
+
((a = document.activeElement) == null ? void 0 : a.tagName) !== "INPUT" && ((s = document.activeElement) == null ? void 0 : s.tagName) !== "TEXTAREA" && r && (o.code === "Space" && (o.preventDefault(), r.paused ? (e(!0), r.play(), n == null || n("play")) : (e(!1), r.pause(), n == null || n("pause"))), o.code === "ArrowLeft" && (r.currentTime -= 10, n == null || n("rewind")), o.code === "ArrowRight" && (r.currentTime += 10, n == null || n("fast-forward")), o.code === "KeyM" && (r.muted = !r.muted, r.volume = r.muted ? 0 : 1, n == null || n("mute")), o.code === "KeyS" && (t == null || t(r.currentTime), o.stopPropagation(), n == null || n("start/stop_observation")));
|
|
63582
|
+
}
|
|
63583
|
+
return document.addEventListener("keydown", i), () => {
|
|
63584
|
+
document.removeEventListener("keydown", i);
|
|
63585
|
+
};
|
|
63586
|
+
}, [r, t]);
|
|
63587
|
+
}, vWe = (e, t, n) => {
|
|
63588
|
+
const r = (o, a) => new IntersectionObserver(
|
|
63589
|
+
(s) => {
|
|
63590
|
+
s.forEach((l) => {
|
|
63591
|
+
!l.isIntersecting && a() && o.requestPictureInPicture(), document.pictureInPictureElement && l.isIntersecting && !a() && document.exitPictureInPicture();
|
|
63592
|
+
});
|
|
63593
|
+
},
|
|
63594
|
+
{ threshold: 0.5 }
|
|
63595
|
+
), i = (o, a) => {
|
|
63596
|
+
a && o.requestPictureInPicture(), !a && document.pictureInPictureElement && document.exitPictureInPicture();
|
|
63597
|
+
};
|
|
63598
|
+
Ye(() => {
|
|
63599
|
+
if (!(typeof t > "u")) {
|
|
63600
|
+
if (!document.pictureInPictureEnabled) {
|
|
63601
|
+
console.warn("Picture-in-Picture is not supported in this browser");
|
|
63602
|
+
return;
|
|
63603
|
+
}
|
|
63604
|
+
if (e)
|
|
63605
|
+
if (t === "auto") {
|
|
63606
|
+
const a = r(e, () => e.currentTime > 0 && !e.paused && !e.ended && e.readyState > 2);
|
|
63607
|
+
return a.observe(e), () => {
|
|
63608
|
+
a.disconnect();
|
|
63609
|
+
};
|
|
63610
|
+
} else typeof t == "boolean" ? i(e, t) : i(e, t());
|
|
63611
|
+
}
|
|
63612
|
+
}, [t, e]), Ye(() => {
|
|
63613
|
+
if (document.pictureInPictureEnabled)
|
|
63614
|
+
return document.addEventListener("enterpictureinpicture", () => {
|
|
63615
|
+
n == null || n(!0);
|
|
63616
|
+
}), document.addEventListener("leavepictureinpicture", () => {
|
|
63617
|
+
n == null || n(!1);
|
|
63618
|
+
}), () => {
|
|
63619
|
+
document.removeEventListener("enterpictureinpicture", () => {
|
|
63620
|
+
n == null || n(!0);
|
|
63621
|
+
}), document.removeEventListener("leavepictureinpicture", () => {
|
|
63622
|
+
n == null || n(!1);
|
|
63623
|
+
});
|
|
63624
|
+
};
|
|
63625
|
+
}, [n]);
|
|
63626
|
+
}, yWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, focusable: "false", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ te.createElement("path", { stroke: "currentColor", strokeLinecap: "round", d: "M11.5 10l4-4m-4 0l4 4" }), /* @__PURE__ */ te.createElement("path", { fill: "currentColor", d: "M9 15.29c-.26 0-.51-.1-.71-.29l-4-4H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3.29l4-4a1.002 1.002 0 011.71.71V14.3a.986.986 0 01-1 .99z" })), bWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, focusable: "false", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ te.createElement("path", { fill: "currentColor", d: "M9 15.29c-.26 0-.51-.1-.71-.29l-4-4H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3.29l4-4a1.002 1.002 0 011.71.71V14.3a.986.986 0 01-1 .99z" }), /* @__PURE__ */ te.createElement("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", d: "M11.77 9.77c.45-.45.73-1.08.73-1.77s-.28-1.31-.73-1.77m2.17 5.6c.97-.99 1.56-2.34 1.56-3.83 0-1.52-.62-2.89-1.61-3.89" })), jl = q(xa)`
|
|
63627
|
+
color: ${({ theme: e }) => e.palette.grey[700]};
|
|
63628
|
+
`, xWe = () => {
|
|
63629
|
+
const [e, t] = Ue(!1), { isMuted: n, setMuted: r, context: i } = qc(), { player: o } = i, a = (l) => {
|
|
63630
|
+
if (!l)
|
|
63631
|
+
return !1;
|
|
63632
|
+
const d = l.mozHasAudio || !!l.webkitAudioDecodedByteCount || !!(l.audioTracks && l.audioTracks.length);
|
|
63633
|
+
t(d);
|
|
63634
|
+
}, s = (l) => l ? l.volume > 0 : !1;
|
|
63635
|
+
return Ye(() => {
|
|
63636
|
+
o && (o != null && o.ref) && (r(!s(o.ref.current)), a(o.ref.current));
|
|
63637
|
+
}, [i.isPlaying, n, o, r]), /* @__PURE__ */ M.jsx(
|
|
63638
|
+
jl,
|
|
63639
|
+
{
|
|
63640
|
+
disabled: !e,
|
|
63641
|
+
onClick: () => {
|
|
63642
|
+
o != null && o.ref.current && (o.ref.current.volume = o.ref.current.volume > 0 ? 0 : 1, r(!o.ref.current.volume));
|
|
63643
|
+
},
|
|
63644
|
+
children: n || !e ? /* @__PURE__ */ M.jsx(yWe, {}) : /* @__PURE__ */ M.jsx(bWe, {})
|
|
63645
|
+
}
|
|
63646
|
+
);
|
|
63647
|
+
}, wWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, focusable: "false", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ te.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ te.createElement("rect", { width: 2, height: 2, x: 5, y: 1, rx: 0.5, ry: 0.5 }), /* @__PURE__ */ te.createElement("rect", { width: 2, height: 2, x: 9, y: 1, rx: 0.5, ry: 0.5 }), /* @__PURE__ */ te.createElement("rect", { width: 2, height: 2, x: 5, y: 5, rx: 0.5, ry: 0.5 }), /* @__PURE__ */ te.createElement("rect", { width: 2, height: 2, x: 9, y: 5, rx: 0.5, ry: 0.5 }), /* @__PURE__ */ te.createElement("rect", { width: 2, height: 2, x: 5, y: 9, rx: 0.5, ry: 0.5 }), /* @__PURE__ */ te.createElement("rect", { width: 2, height: 2, x: 9, y: 9, rx: 0.5, ry: 0.5 }), /* @__PURE__ */ te.createElement("rect", { width: 2, height: 2, x: 5, y: 13, rx: 0.5, ry: 0.5 }), /* @__PURE__ */ te.createElement("rect", { width: 2, height: 2, x: 9, y: 13, rx: 0.5, ry: 0.5 }))), UX = Tr.div`
|
|
63594
63648
|
position: absolute;
|
|
63595
63649
|
display: none;
|
|
63596
63650
|
${({ isEnd: e }) => e ? `
|
|
@@ -63630,7 +63684,7 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63630
63684
|
${UX} {
|
|
63631
63685
|
display: block;
|
|
63632
63686
|
}
|
|
63633
|
-
`,
|
|
63687
|
+
`, SWe = Tr.div`
|
|
63634
63688
|
position: absolute;
|
|
63635
63689
|
height: 110%;
|
|
63636
63690
|
background-color: ${({ hue: e, theme: t }) => Lt(e || t.palette.grey[800], void 0, void 0, 0.8)};
|
|
@@ -63646,7 +63700,7 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63646
63700
|
|
|
63647
63701
|
${({ isActive: e }) => e && s2}
|
|
63648
63702
|
${({ isFocused: e }) => e && s2}
|
|
63649
|
-
`,
|
|
63703
|
+
`, CWe = Tr(ql)`
|
|
63650
63704
|
margin-bottom: ${({ theme: e }) => e.space.sm};
|
|
63651
63705
|
`, e7 = (e) => {
|
|
63652
63706
|
const { observation: t } = e, { setIsGrabbing: n, setactiveBookmark: r, setFromEnd: i } = T5(), o = (a) => {
|
|
@@ -63658,21 +63712,21 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63658
63712
|
isEnd: e.isEnd,
|
|
63659
63713
|
onMouseDown: o,
|
|
63660
63714
|
onMouseMove: e.handleMouseMove,
|
|
63661
|
-
children: /* @__PURE__ */ M.jsx("div", { children: /* @__PURE__ */ M.jsx(
|
|
63715
|
+
children: /* @__PURE__ */ M.jsx("div", { children: /* @__PURE__ */ M.jsx(wWe, {}) })
|
|
63662
63716
|
}
|
|
63663
63717
|
);
|
|
63664
|
-
},
|
|
63718
|
+
}, EWe = (e) => {
|
|
63665
63719
|
var h, m;
|
|
63666
63720
|
const { start: t, end: n, hue: r, tooltipContent: i } = e, { context: o } = qc(), a = o.part.start || 0, s = o.part.end || ((h = o.player) == null ? void 0 : h.totalTime) || 0, l = s - a || ((m = o.player) == null ? void 0 : m.totalTime) || 0, { activeBookmark: d } = T5();
|
|
63667
63721
|
return !o.player || !o.player.ref || t > s || t < a ? null : /* @__PURE__ */ M.jsx(
|
|
63668
|
-
|
|
63722
|
+
CWe,
|
|
63669
63723
|
{
|
|
63670
63724
|
content: i,
|
|
63671
63725
|
type: "light",
|
|
63672
63726
|
size: "large",
|
|
63673
63727
|
isTransparent: !0,
|
|
63674
63728
|
children: /* @__PURE__ */ M.jsxs(
|
|
63675
|
-
|
|
63729
|
+
SWe,
|
|
63676
63730
|
{
|
|
63677
63731
|
isActive: d && d.id === e.id,
|
|
63678
63732
|
hue: r,
|
|
@@ -63690,10 +63744,10 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63690
63744
|
)
|
|
63691
63745
|
}
|
|
63692
63746
|
);
|
|
63693
|
-
},
|
|
63747
|
+
}, TWe = (e) => /* @__PURE__ */ te.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ te.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.34099 3.5C5.25886 2.85974 6.34919 2.5 7.5 2.5C10.5477 2.5 13 4.95228 13 8C13 11.0477 10.5477 13.5 7.5 13.5C5.79771 13.5 4.25432 12.7171 3.18087 11.3753C2.83586 10.944 2.20657 10.8741 1.7753 11.2191C1.34404 11.5641 1.27412 12.1934 1.61913 12.6247C3.06275 14.4292 5.17372 15.5 7.5 15.5C11.6523 15.5 15 12.1523 15 8C15 3.84772 11.6523 0.5 7.5 0.5C5.84359 0.5 4.28318 1.04496 3 2.00147V1C3 0.447715 2.55229 0 2 0C1.44771 0 1 0.447715 1 1V4C1 4.85228 1.64772 5.5 2.5 5.5H5.5C6.05229 5.5 6.5 5.05228 6.5 4.5C6.5 3.94772 6.05229 3.5 5.5 3.5H4.34099Z", fill: "currentColor" }), /* @__PURE__ */ te.createElement("path", { d: "M5.5 7.63073V7.07008H6.67566V11H6.02566V7.63073H5.5Z", fill: "currentColor" }), /* @__PURE__ */ te.createElement("path", { d: "M7.56085 8.98383C7.56085 8.36208 7.67013 7.87691 7.88868 7.5283C8.111 7.1761 8.49158 7 9.03042 7C9.56927 7 9.94797 7.1761 10.1665 7.5283C10.3888 7.87691 10.5 8.36208 10.5 8.98383C10.5 9.61276 10.3888 10.1051 10.1665 10.4609C9.94797 10.8131 9.56927 10.9892 9.03042 10.9892C8.49158 10.9892 8.111 10.8131 7.88868 10.4609C7.67013 10.1051 7.56085 9.61276 7.56085 8.98383ZM9.86695 8.98383C9.86695 8.69272 9.84623 8.44654 9.80478 8.24528C9.7671 8.04403 9.68797 7.8805 9.56738 7.75472C9.4468 7.62534 9.26782 7.56065 9.03042 7.56065C8.79303 7.56065 8.61405 7.62534 8.49346 7.75472C8.37288 7.8805 8.29187 8.04403 8.25042 8.24528C8.21274 8.44654 8.1939 8.69272 8.1939 8.98383C8.1939 9.28571 8.21274 9.53908 8.25042 9.74394C8.2881 9.94879 8.36723 10.1141 8.48781 10.2399C8.61216 10.3657 8.79303 10.4286 9.03042 10.4286C9.26782 10.4286 9.4468 10.3657 9.56738 10.2399C9.69173 10.1141 9.77275 9.94879 9.81043 9.74394C9.84811 9.53908 9.86695 9.28571 9.86695 8.98383Z", fill: "currentColor" })), IWe = (e) => /* @__PURE__ */ te.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ te.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.659 3.5C10.7411 2.85974 9.65081 2.5 8.5 2.5C5.45228 2.5 3 4.95228 3 8C3 11.0477 5.45228 13.5 8.5 13.5C10.2023 13.5 11.7457 12.7171 12.8191 11.3753C13.1641 10.944 13.7934 10.8741 14.2247 11.2191C14.656 11.5641 14.7259 12.1934 14.3809 12.6247C12.9372 14.4292 10.8263 15.5 8.5 15.5C4.34772 15.5 1 12.1523 1 8C1 3.84772 4.34772 0.5 8.5 0.5C10.1564 0.5 11.7168 1.04496 13 2.00147V1C13 0.447715 13.4477 0 14 0C14.5523 0 15 0.447715 15 1V4C15 4.85228 14.3523 5.5 13.5 5.5H10.5C9.94771 5.5 9.5 5.05228 9.5 4.5C9.5 3.94772 9.94771 3.5 10.5 3.5H11.659Z", fill: "currentColor" }), /* @__PURE__ */ te.createElement("path", { d: "M5.5 7.63073V7.07008H6.67566V11H6.02566V7.63073H5.5Z", fill: "currentColor" }), /* @__PURE__ */ te.createElement("path", { d: "M7.56085 8.98383C7.56085 8.36208 7.67013 7.87691 7.88868 7.5283C8.111 7.1761 8.49158 7 9.03042 7C9.56927 7 9.94797 7.1761 10.1665 7.5283C10.3888 7.87691 10.5 8.36208 10.5 8.98383C10.5 9.61276 10.3888 10.1051 10.1665 10.4609C9.94797 10.8131 9.56927 10.9892 9.03042 10.9892C8.49158 10.9892 8.111 10.8131 7.88868 10.4609C7.67013 10.1051 7.56085 9.61276 7.56085 8.98383ZM9.86695 8.98383C9.86695 8.69272 9.84623 8.44654 9.80478 8.24528C9.7671 8.04403 9.68797 7.8805 9.56738 7.75472C9.4468 7.62534 9.26782 7.56065 9.03042 7.56065C8.79303 7.56065 8.61405 7.62534 8.49346 7.75472C8.37288 7.8805 8.29187 8.04403 8.25042 8.24528C8.21274 8.44654 8.1939 8.69272 8.1939 8.98383C8.1939 9.28571 8.21274 9.53908 8.25042 9.74394C8.2881 9.94879 8.36723 10.1141 8.48781 10.2399C8.61216 10.3657 8.79303 10.4286 9.03042 10.4286C9.26782 10.4286 9.4468 10.3657 9.56738 10.2399C9.69173 10.1141 9.77275 9.94879 9.81043 9.74394C9.84811 9.53908 9.86695 9.28571 9.86695 8.98383Z", fill: "currentColor" })), MWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, focusable: "false", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ te.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ te.createElement("rect", { width: 4, height: 14, x: 3, y: 1, rx: 1, ry: 1 }), /* @__PURE__ */ te.createElement("rect", { width: 4, height: 14, x: 9, y: 1, rx: 1, ry: 1 }))), kWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, focusable: "false", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ te.createElement("path", { fill: "currentColor", d: "M6 15.79c-.13 0-.26-.03-.38-.08a.977.977 0 01-.62-.92V1.21a1 1 0 01.62-.93C6 .12 6.42.21 6.71.5l6.44 6.44c.58.58.58 1.54 0 2.12L6.71 15.5c-.19.19-.45.29-.71.29z" })), AWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, focusable: "false", viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ te.createElement("path", { d: "M2.75 20C2.75 20.5523 3.19772 21 3.75 21C4.30228 21 4.75 20.5523 4.75 20L4.75 4C4.75 3.44772 4.30229 3 3.75 3C3.19772 3 2.75 3.44772 2.75 4V20Z", fill: "currentColor" }), /* @__PURE__ */ te.createElement("path", { d: "M20.75 19.0526C20.75 20.4774 19.1383 21.305 17.9803 20.4748L7.51062 12.9682C6.50574 12.2477 6.54467 10.7407 7.5854 10.073L18.0551 3.35665C19.2198 2.60946 20.75 3.44583 20.75 4.82961L20.75 19.0526Z", fill: "currentColor" })), XE = (e) => {
|
|
63694
63748
|
const t = Math.floor(e / 60), n = Math.floor(e - t * 60), r = `${t}`.padStart(2, "0"), i = `${n}`.padStart(2, "0");
|
|
63695
63749
|
return `${r}:${i}`;
|
|
63696
|
-
},
|
|
63750
|
+
}, OWe = (e = 1) => {
|
|
63697
63751
|
switch (e) {
|
|
63698
63752
|
case 0.5:
|
|
63699
63753
|
return 1;
|
|
@@ -63706,11 +63760,11 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63706
63760
|
default:
|
|
63707
63761
|
return 1;
|
|
63708
63762
|
}
|
|
63709
|
-
},
|
|
63763
|
+
}, _We = q.div`
|
|
63710
63764
|
display: flex;
|
|
63711
63765
|
align-items: center;
|
|
63712
63766
|
justify-content: center;
|
|
63713
|
-
`,
|
|
63767
|
+
`, LWe = (e) => {
|
|
63714
63768
|
var d;
|
|
63715
63769
|
const [t, n] = Ue(1), { context: r, togglePlay: i } = qc(), o = (d = r.player) == null ? void 0 : d.ref.current, a = r.isPlaying;
|
|
63716
63770
|
Ye(() => {
|
|
@@ -63725,14 +63779,14 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63725
63779
|
const h = o.currentTime + 10;
|
|
63726
63780
|
o.currentTime = h;
|
|
63727
63781
|
};
|
|
63728
|
-
return /* @__PURE__ */ M.jsxs(
|
|
63782
|
+
return /* @__PURE__ */ M.jsxs(_We, { ...e, children: [
|
|
63729
63783
|
/* @__PURE__ */ M.jsx(
|
|
63730
63784
|
jl,
|
|
63731
63785
|
{
|
|
63732
63786
|
onClick: (h) => {
|
|
63733
63787
|
o && (o.currentTime = 0), h.stopPropagation();
|
|
63734
63788
|
},
|
|
63735
|
-
children: /* @__PURE__ */ M.jsx(
|
|
63789
|
+
children: /* @__PURE__ */ M.jsx(AWe, {})
|
|
63736
63790
|
}
|
|
63737
63791
|
),
|
|
63738
63792
|
/* @__PURE__ */ M.jsx(
|
|
@@ -63741,17 +63795,17 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63741
63795
|
onClick: (h) => {
|
|
63742
63796
|
s(), h.stopPropagation();
|
|
63743
63797
|
},
|
|
63744
|
-
children: /* @__PURE__ */ M.jsx(
|
|
63798
|
+
children: /* @__PURE__ */ M.jsx(TWe, {})
|
|
63745
63799
|
}
|
|
63746
63800
|
),
|
|
63747
|
-
/* @__PURE__ */ M.jsx(jl, { size: "large", onClick: i, children: a ? /* @__PURE__ */ M.jsx(
|
|
63801
|
+
/* @__PURE__ */ M.jsx(jl, { size: "large", onClick: i, children: a ? /* @__PURE__ */ M.jsx(MWe, { style: { width: "24px", height: "24px" } }) : /* @__PURE__ */ M.jsx(kWe, { style: { width: "24px", height: "24px" } }) }),
|
|
63748
63802
|
/* @__PURE__ */ M.jsx(
|
|
63749
63803
|
jl,
|
|
63750
63804
|
{
|
|
63751
63805
|
onClick: (h) => {
|
|
63752
63806
|
l(), h.stopPropagation();
|
|
63753
63807
|
},
|
|
63754
|
-
children: /* @__PURE__ */ M.jsx(
|
|
63808
|
+
children: /* @__PURE__ */ M.jsx(IWe, {})
|
|
63755
63809
|
}
|
|
63756
63810
|
),
|
|
63757
63811
|
/* @__PURE__ */ M.jsx(
|
|
@@ -63759,7 +63813,7 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63759
63813
|
{
|
|
63760
63814
|
isPill: !0,
|
|
63761
63815
|
onClick: (h) => {
|
|
63762
|
-
const m =
|
|
63816
|
+
const m = OWe(t);
|
|
63763
63817
|
o != null && o.playbackRate && (n(m), o.playbackRate = m), h.stopPropagation();
|
|
63764
63818
|
},
|
|
63765
63819
|
children: /* @__PURE__ */ M.jsxs(ri, { isBold: !0, style: { lineHeight: "16px" }, children: [
|
|
@@ -63769,9 +63823,9 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63769
63823
|
}
|
|
63770
63824
|
)
|
|
63771
63825
|
] });
|
|
63772
|
-
}, I5 = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, focusable: "false", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ te.createElement("path", { fill: "none", stroke: "currentColor", d: "M.5 1v5.3c0 .1.1.3.1.4l8.5 8.5c.2.2.5.2.7 0l5.3-5.3c.2-.2.2-.5 0-.7L6.6.6S6.4.5 6.3.5H1C.7.5.5.7.5 1z" }), /* @__PURE__ */ te.createElement("circle", { cx: 4, cy: 4, r: 1, fill: "currentColor" })),
|
|
63826
|
+
}, I5 = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, focusable: "false", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ te.createElement("path", { fill: "none", stroke: "currentColor", d: "M.5 1v5.3c0 .1.1.3.1.4l8.5 8.5c.2.2.5.2.7 0l5.3-5.3c.2-.2.2-.5 0-.7L6.6.6S6.4.5 6.3.5H1C.7.5.5.7.5 1z" }), /* @__PURE__ */ te.createElement("circle", { cx: 4, cy: 4, r: 1, fill: "currentColor" })), PWe = (e) => /* @__PURE__ */ te.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ te.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 1C6.19318 1 5.94444 1.24873 5.94444 1.55556V5.44444H2.05556C1.74873 5.44444 1.5 5.69318 1.5 6C1.5 6.30683 1.74873 6.55556 2.05556 6.55556H5.94444V10.4444C5.94444 10.7513 6.19318 11 6.5 11C6.80683 11 7.05556 10.7513 7.05556 10.4444V6.55556H10.9444C11.2513 6.55556 11.5 6.30683 11.5 6C11.5 5.69318 11.2513 5.44444 10.9444 5.44444H7.05556V1.55556C7.05556 1.24873 6.80683 1 6.5 1Z", fill: "currentColor" })), DWe = Tr(Gr)`
|
|
63773
63827
|
overflow: visible;
|
|
63774
|
-
`,
|
|
63828
|
+
`, RWe = ({
|
|
63775
63829
|
onCutHandler: e,
|
|
63776
63830
|
isCutting: t,
|
|
63777
63831
|
i18n: n
|
|
@@ -63779,7 +63833,7 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63779
63833
|
var o;
|
|
63780
63834
|
const { context: r } = qc(), i = (o = r.player) == null ? void 0 : o.ref.current;
|
|
63781
63835
|
return e ? /* @__PURE__ */ M.jsx(
|
|
63782
|
-
|
|
63836
|
+
DWe,
|
|
63783
63837
|
{
|
|
63784
63838
|
isPrimary: !0,
|
|
63785
63839
|
isAccent: !t,
|
|
@@ -63790,12 +63844,12 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63790
63844
|
/* @__PURE__ */ M.jsx(Gr.StartIcon, { children: /* @__PURE__ */ M.jsx(I5, {}) }),
|
|
63791
63845
|
/* @__PURE__ */ M.jsx(b0, { children: (n == null ? void 0 : n.onHighlight) || "End observation" })
|
|
63792
63846
|
] }) : /* @__PURE__ */ M.jsxs(M.Fragment, { children: [
|
|
63793
|
-
/* @__PURE__ */ M.jsx(Gr.StartIcon, { children: /* @__PURE__ */ M.jsx(
|
|
63847
|
+
/* @__PURE__ */ M.jsx(Gr.StartIcon, { children: /* @__PURE__ */ M.jsx(PWe, {}) }),
|
|
63794
63848
|
/* @__PURE__ */ M.jsx(b0, { children: (n == null ? void 0 : n.beforeHighlight) || "Start observation" })
|
|
63795
63849
|
] })
|
|
63796
63850
|
}
|
|
63797
63851
|
) : null;
|
|
63798
|
-
},
|
|
63852
|
+
}, NWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, focusable: "false", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ te.createElement("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", d: "M4.5.5H1C.72.5.5.72.5 1v3.5m15 0V1c0-.28-.22-.5-.5-.5h-3.5m-11 11V15c0 .28.22.5.5.5h3.5m11-4V15c0 .28-.22.5-.5.5h-3.5m-7-11L1 1m10.5 3.5L15 1M4.5 11.5L1 15m10.5-3.5L15 15" })), $We = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, focusable: "false", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ te.createElement("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", d: "M.5 4.5H4c.3 0 .5-.2.5-.5V.5m-4 11H4c.3 0 .5.2.5.5v3.5m11-11H12c-.3 0-.5-.2-.5-.5V.5m4 11H12c-.3 0-.5.2-.5.5v3.5M.5.5L4 4M15.5.5L12 4M.5 15.5L4 12m11.5 3.5L12 12" })), FWe = ({
|
|
63799
63853
|
container: e
|
|
63800
63854
|
}) => {
|
|
63801
63855
|
const { setFullScreen: t, isFullScreen: n } = qc(), r = e, {
|
|
@@ -63820,10 +63874,10 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63820
63874
|
d(), m.stopPropagation();
|
|
63821
63875
|
},
|
|
63822
63876
|
disabled: !h(),
|
|
63823
|
-
children: document.fullscreenElement || n ? /* @__PURE__ */ M.jsx(
|
|
63877
|
+
children: document.fullscreenElement || n ? /* @__PURE__ */ M.jsx($We, {}) : /* @__PURE__ */ M.jsx(NWe, {})
|
|
63824
63878
|
}
|
|
63825
63879
|
);
|
|
63826
|
-
},
|
|
63880
|
+
}, jWe = q(Ip)``, BWe = Ge((e, t) => /* @__PURE__ */ M.jsx(jWe, { ref: t, ...e })), HWe = Tr(BWe)`
|
|
63827
63881
|
width: 100%;
|
|
63828
63882
|
border-radius: 0;
|
|
63829
63883
|
color: ${({ theme: e }) => e.palette.grey[400]};
|
|
@@ -63831,11 +63885,11 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63831
63885
|
> div {
|
|
63832
63886
|
border-radius: 0;
|
|
63833
63887
|
}
|
|
63834
|
-
`,
|
|
63888
|
+
`, zWe = Ge(
|
|
63835
63889
|
(e, t) => {
|
|
63836
63890
|
const { progress: n, handleSkipAhead: r } = e;
|
|
63837
63891
|
return /* @__PURE__ */ M.jsx(
|
|
63838
|
-
|
|
63892
|
+
HWe,
|
|
63839
63893
|
{
|
|
63840
63894
|
className: "progress-bar-1",
|
|
63841
63895
|
ref: t,
|
|
@@ -63844,21 +63898,21 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63844
63898
|
}
|
|
63845
63899
|
);
|
|
63846
63900
|
}
|
|
63847
|
-
),
|
|
63901
|
+
), UWe = q.div`
|
|
63848
63902
|
display: flex;
|
|
63849
63903
|
color: ${({ theme: e }) => e.palette.grey[700]};
|
|
63850
|
-
`,
|
|
63904
|
+
`, VWe = ({
|
|
63851
63905
|
current: e,
|
|
63852
63906
|
duration: t
|
|
63853
|
-
}) => /* @__PURE__ */ M.jsx(
|
|
63907
|
+
}) => /* @__PURE__ */ M.jsx(UWe, { children: /* @__PURE__ */ M.jsxs(ri, { tag: "span", children: [
|
|
63854
63908
|
XE(e),
|
|
63855
63909
|
"/",
|
|
63856
63910
|
XE(t)
|
|
63857
|
-
] }) }),
|
|
63911
|
+
] }) }), WWe = q.div`
|
|
63858
63912
|
position: absolute;
|
|
63859
63913
|
bottom: ${({ theme: e }) => e.space.sm};
|
|
63860
63914
|
z-index: 1;
|
|
63861
|
-
`,
|
|
63915
|
+
`, GWe = q.div`
|
|
63862
63916
|
display: flex;
|
|
63863
63917
|
background-color: ${({ theme: e }) => e.palette.grey[800]};
|
|
63864
63918
|
border-radius: 2px;
|
|
@@ -63870,7 +63924,7 @@ const mWe = (e) => /* @__PURE__ */ te.createElement("svg", { xmlns: "http://www.
|
|
|
63870
63924
|
align-items: center;
|
|
63871
63925
|
justify-content: center;
|
|
63872
63926
|
min-height: 14px;
|
|
63873
|
-
`,
|
|
63927
|
+
`, KWe = ({ children: e, ...t }) => /* @__PURE__ */ M.jsx(WWe, { ...t, children: /* @__PURE__ */ M.jsx(GWe, { children: e }) });
|
|
63874
63928
|
function M5(e, t) {
|
|
63875
63929
|
const [n, r] = Ue(e);
|
|
63876
63930
|
return Ye(() => {
|
|
@@ -63880,7 +63934,7 @@ function M5(e, t) {
|
|
|
63880
63934
|
};
|
|
63881
63935
|
}, [e, t]), n;
|
|
63882
63936
|
}
|
|
63883
|
-
const
|
|
63937
|
+
const YWe = Tr.div`
|
|
63884
63938
|
width: 2px;
|
|
63885
63939
|
bottom: 0;
|
|
63886
63940
|
left: ${({ left: e }) => `${e}%`};
|
|
@@ -63901,7 +63955,7 @@ const GWe = Tr.div`
|
|
|
63901
63955
|
transform: translate(-50%, 0);
|
|
63902
63956
|
background-color: ${({ theme: e }) => e.palette.grey[600]};
|
|
63903
63957
|
}
|
|
63904
|
-
`,
|
|
63958
|
+
`, qWe = ({ left: e }) => /* @__PURE__ */ M.jsx(YWe, { id: "obs-start-pin", left: e }), VX = q.div`
|
|
63905
63959
|
${({ showControls: e }) => e ? "position: relative;" : "position: absolute;"}
|
|
63906
63960
|
bottom: 0;
|
|
63907
63961
|
left: 0;
|
|
@@ -63911,21 +63965,21 @@ const GWe = Tr.div`
|
|
|
63911
63965
|
height: 80px;
|
|
63912
63966
|
${({ isPlaying: e }) => e && "display: none;"}
|
|
63913
63967
|
z-index: 2;
|
|
63914
|
-
`, WX = q(
|
|
63968
|
+
`, WX = q(KWe)`
|
|
63915
63969
|
display: none;
|
|
63916
|
-
`,
|
|
63970
|
+
`, XWe = q.div`
|
|
63917
63971
|
position: relative;
|
|
63918
63972
|
&:hover ${WX} {
|
|
63919
63973
|
display: flex;
|
|
63920
63974
|
}
|
|
63921
|
-
`,
|
|
63975
|
+
`, QWe = q.div`
|
|
63922
63976
|
display: flex;
|
|
63923
63977
|
justify-content: space-between;
|
|
63924
63978
|
align-items: center;
|
|
63925
63979
|
`, t7 = q.div`
|
|
63926
63980
|
display: flex;
|
|
63927
63981
|
align-items: center;
|
|
63928
|
-
`,
|
|
63982
|
+
`, JWe = q.div`
|
|
63929
63983
|
width: 2px;
|
|
63930
63984
|
top: 0;
|
|
63931
63985
|
left: ${({ left: e }) => `${e}%`};
|
|
@@ -63933,7 +63987,7 @@ const GWe = Tr.div`
|
|
|
63933
63987
|
height: 110%;
|
|
63934
63988
|
z-index: 1;
|
|
63935
63989
|
background-color: white;
|
|
63936
|
-
`,
|
|
63990
|
+
`, ZWe = ({
|
|
63937
63991
|
container: e,
|
|
63938
63992
|
onCutHandler: t,
|
|
63939
63993
|
bookmarks: n,
|
|
@@ -64010,16 +64064,16 @@ const GWe = Tr.div`
|
|
|
64010
64064
|
...!a && { isPlaying: k.isPlaying },
|
|
64011
64065
|
children: [
|
|
64012
64066
|
/* @__PURE__ */ M.jsxs(
|
|
64013
|
-
|
|
64067
|
+
XWe,
|
|
64014
64068
|
{
|
|
64015
64069
|
onMouseEnter: oe,
|
|
64016
64070
|
onMouseMove: oe,
|
|
64017
64071
|
onMouseLeave: oe,
|
|
64018
64072
|
children: [
|
|
64019
64073
|
/* @__PURE__ */ M.jsx(WX, { style: { marginLeft: `${d}px` }, children: m }),
|
|
64020
|
-
!!J && (w == null ? void 0 : w.map((ve, Z) => /* @__PURE__ */ M.jsx(
|
|
64074
|
+
!!J && (w == null ? void 0 : w.map((ve, Z) => /* @__PURE__ */ M.jsx(EWe, { ...ve }, `${Z}${ve.start}`))),
|
|
64021
64075
|
/* @__PURE__ */ M.jsx(
|
|
64022
|
-
|
|
64076
|
+
zWe,
|
|
64023
64077
|
{
|
|
64024
64078
|
ref: L,
|
|
64025
64079
|
progress: s,
|
|
@@ -64027,33 +64081,33 @@ const GWe = Tr.div`
|
|
|
64027
64081
|
duration: J
|
|
64028
64082
|
}
|
|
64029
64083
|
),
|
|
64030
|
-
r && /* @__PURE__ */ M.jsx(
|
|
64031
|
-
/* @__PURE__ */ M.jsx(
|
|
64084
|
+
r && /* @__PURE__ */ M.jsx(qWe, { left: $ }),
|
|
64085
|
+
/* @__PURE__ */ M.jsx(JWe, { left: s })
|
|
64032
64086
|
]
|
|
64033
64087
|
}
|
|
64034
64088
|
),
|
|
64035
|
-
/* @__PURE__ */ M.jsxs(
|
|
64089
|
+
/* @__PURE__ */ M.jsxs(QWe, { children: [
|
|
64036
64090
|
/* @__PURE__ */ M.jsxs(t7, { style: { width: "20%", justifyContent: "start" }, children: [
|
|
64037
|
-
/* @__PURE__ */ M.jsx(
|
|
64038
|
-
/* @__PURE__ */ M.jsx(
|
|
64091
|
+
/* @__PURE__ */ M.jsx(xWe, {}),
|
|
64092
|
+
/* @__PURE__ */ M.jsx(VWe, { current: W, duration: J })
|
|
64039
64093
|
] }),
|
|
64040
|
-
/* @__PURE__ */ M.jsx(
|
|
64094
|
+
/* @__PURE__ */ M.jsx(LWe, { style: { width: "60%" } }),
|
|
64041
64095
|
/* @__PURE__ */ M.jsxs(t7, { style: { width: "20%", justifyContent: "end" }, children: [
|
|
64042
64096
|
/* @__PURE__ */ M.jsx(
|
|
64043
|
-
|
|
64097
|
+
RWe,
|
|
64044
64098
|
{
|
|
64045
64099
|
onCutHandler: t,
|
|
64046
64100
|
isCutting: r,
|
|
64047
64101
|
i18n: o
|
|
64048
64102
|
}
|
|
64049
64103
|
),
|
|
64050
|
-
/* @__PURE__ */ M.jsx(
|
|
64104
|
+
/* @__PURE__ */ M.jsx(FWe, { container: e })
|
|
64051
64105
|
] })
|
|
64052
64106
|
] })
|
|
64053
64107
|
]
|
|
64054
64108
|
}
|
|
64055
64109
|
);
|
|
64056
|
-
},
|
|
64110
|
+
}, eGe = (e) => /* @__PURE__ */ te.createElement("svg", { width: 70, height: 70, viewBox: "0 0 70 70", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ te.createElement("path", { d: "M60 35L17 62L17 8L60 35Z", fill: "#003A57" })), QE = q.div`
|
|
64057
64111
|
position: absolute;
|
|
64058
64112
|
bottom: 0;
|
|
64059
64113
|
top: 0;
|
|
@@ -64062,7 +64116,7 @@ const GWe = Tr.div`
|
|
|
64062
64116
|
z-index: 1;
|
|
64063
64117
|
${({ isPlaying: e }) => e && "display: none;"}
|
|
64064
64118
|
${({ showControls: e }) => e ? "height: 100%" : "height: calc(100% - 80px)"};
|
|
64065
|
-
`, GX = q(
|
|
64119
|
+
`, GX = q(eGe)``, tGe = q(xa)`
|
|
64066
64120
|
pointer-events: none;
|
|
64067
64121
|
background-color: ${({ theme: e }) => e.palette.white};
|
|
64068
64122
|
min-width: ${({ theme: e }) => e.space.base * 15}px;
|
|
@@ -64076,15 +64130,15 @@ const GWe = Tr.div`
|
|
|
64076
64130
|
width: 60%;
|
|
64077
64131
|
height: 60%;
|
|
64078
64132
|
}
|
|
64079
|
-
`,
|
|
64133
|
+
`, nGe = q.div`
|
|
64080
64134
|
display: flex;
|
|
64081
64135
|
justify-content: center;
|
|
64082
64136
|
align-items: center;
|
|
64083
64137
|
height: 100%;
|
|
64084
|
-
`,
|
|
64138
|
+
`, rGe = (e) => {
|
|
64085
64139
|
const { isPlaying: t, showControls: n, onClick: r } = e;
|
|
64086
|
-
return /* @__PURE__ */ M.jsx(QE, { isPlaying: t, showControls: n, onClick: r, children: /* @__PURE__ */ M.jsx(
|
|
64087
|
-
},
|
|
64140
|
+
return /* @__PURE__ */ M.jsx(QE, { isPlaying: t, showControls: n, onClick: r, children: /* @__PURE__ */ M.jsx(nGe, { children: !t && /* @__PURE__ */ M.jsx(tGe, { isPrimary: !0, size: "large", children: /* @__PURE__ */ M.jsx(GX, { color: "red" }) }) }) });
|
|
64141
|
+
}, iGe = Pe`
|
|
64088
64142
|
.player-container {
|
|
64089
64143
|
display: block;
|
|
64090
64144
|
height: 100%;
|
|
@@ -64103,7 +64157,7 @@ const GWe = Tr.div`
|
|
|
64103
64157
|
max-width: 100%;
|
|
64104
64158
|
}
|
|
64105
64159
|
}
|
|
64106
|
-
`,
|
|
64160
|
+
`, oGe = q.div`
|
|
64107
64161
|
position: relative;
|
|
64108
64162
|
${({ showControls: e }) => e ? `
|
|
64109
64163
|
margin-bottom: 80px;
|
|
@@ -64118,7 +64172,7 @@ const GWe = Tr.div`
|
|
|
64118
64172
|
${({ isLoaded: e, isPlaying: t }) => (!e || !t) && "opacity: .7;"}
|
|
64119
64173
|
}
|
|
64120
64174
|
|
|
64121
|
-
${
|
|
64175
|
+
${iGe}
|
|
64122
64176
|
${({ isLoaded: e }) => !e && "pointer-events: none;"}
|
|
64123
64177
|
|
|
64124
64178
|
&:hover {
|
|
@@ -64137,90 +64191,46 @@ const GWe = Tr.div`
|
|
|
64137
64191
|
}
|
|
64138
64192
|
}
|
|
64139
64193
|
background: ${({ theme: e }) => e.palette.grey[400]};
|
|
64140
|
-
`,
|
|
64194
|
+
`, aGe = q(Mp)``, sGe = (e) => /* @__PURE__ */ M.jsx(aGe, { ...e }), lGe = q.div`
|
|
64141
64195
|
display: flex;
|
|
64142
64196
|
align-items: center;
|
|
64143
64197
|
justify-content: flex-end;
|
|
64144
64198
|
flex-direction: column;
|
|
64145
64199
|
height: 100%;
|
|
64146
|
-
`,
|
|
64147
|
-
const r = (o, a) => new IntersectionObserver(
|
|
64148
|
-
(s) => {
|
|
64149
|
-
s.forEach((l) => {
|
|
64150
|
-
!l.isIntersecting && a() && o.requestPictureInPicture(), document.pictureInPictureElement && l.isIntersecting && !a() && document.exitPictureInPicture();
|
|
64151
|
-
});
|
|
64152
|
-
},
|
|
64153
|
-
{ threshold: 0.5 }
|
|
64154
|
-
), i = (o, a) => {
|
|
64155
|
-
a && o.requestPictureInPicture(), !a && document.pictureInPictureElement && document.exitPictureInPicture();
|
|
64156
|
-
};
|
|
64157
|
-
Ye(() => {
|
|
64158
|
-
if (!(typeof t > "u")) {
|
|
64159
|
-
if (!document.pictureInPictureEnabled) {
|
|
64160
|
-
console.warn("Picture-in-Picture is not supported in this browser");
|
|
64161
|
-
return;
|
|
64162
|
-
}
|
|
64163
|
-
if (e)
|
|
64164
|
-
if (t === "auto") {
|
|
64165
|
-
const a = r(e, () => e.currentTime > 0 && !e.paused && !e.ended && e.readyState > 2);
|
|
64166
|
-
return a.observe(e), () => {
|
|
64167
|
-
a.disconnect();
|
|
64168
|
-
};
|
|
64169
|
-
} else typeof t == "boolean" ? i(e, t) : i(e, t());
|
|
64170
|
-
}
|
|
64171
|
-
}, [t, e]), Ye(() => {
|
|
64172
|
-
if (document.pictureInPictureEnabled)
|
|
64173
|
-
return document.addEventListener("enterpictureinpicture", () => {
|
|
64174
|
-
n == null || n(!0);
|
|
64175
|
-
}), document.addEventListener("leavepictureinpicture", () => {
|
|
64176
|
-
n == null || n(!1);
|
|
64177
|
-
}), () => {
|
|
64178
|
-
document.removeEventListener("enterpictureinpicture", () => {
|
|
64179
|
-
n == null || n(!0);
|
|
64180
|
-
}), document.removeEventListener("leavepictureinpicture", () => {
|
|
64181
|
-
n == null || n(!1);
|
|
64182
|
-
});
|
|
64183
|
-
};
|
|
64184
|
-
}, [n]);
|
|
64185
|
-
}, cGe = (e, t, n) => {
|
|
64186
|
-
Ye(() => {
|
|
64187
|
-
function r(i) {
|
|
64188
|
-
var o, a;
|
|
64189
|
-
((o = document.activeElement) == null ? void 0 : o.tagName) !== "INPUT" && ((a = document.activeElement) == null ? void 0 : a.tagName) !== "TEXTAREA" && n && (i.code === "Space" && (i.preventDefault(), n.paused ? (e(!0), n.play()) : (e(!1), n.pause())), i.code === "ArrowLeft" && (n.currentTime -= 10), i.code === "ArrowRight" && (n.currentTime += 10), i.code === "KeyM" && (n.muted = !n.muted, n.volume = n.muted ? 0 : 1), i.code === "KeyS" && (t == null || t(n.currentTime), i.stopPropagation()));
|
|
64190
|
-
}
|
|
64191
|
-
return document.addEventListener("keydown", r), () => {
|
|
64192
|
-
document.removeEventListener("keydown", r);
|
|
64193
|
-
};
|
|
64194
|
-
}, [n, t]);
|
|
64195
|
-
}, uGe = Ge((e, t) => /* @__PURE__ */ M.jsx(E5, { src: e.url, ...e, children: /* @__PURE__ */ M.jsx(KX, { ref: t, ...e }) })), KX = Ge(
|
|
64200
|
+
`, cGe = () => /* @__PURE__ */ M.jsx(lGe, { children: /* @__PURE__ */ M.jsx(sGe, { size: "50", color: "white" }) }), uGe = Ge((e, t) => /* @__PURE__ */ M.jsx(E5, { src: e.url, ...e, children: /* @__PURE__ */ M.jsx(KX, { ref: t, ...e }) })), KX = Ge(
|
|
64196
64201
|
(e, t) => {
|
|
64197
64202
|
var w;
|
|
64198
64203
|
const { context: n, togglePlay: r, setIsPlaying: i } = qc(), { onCutHandler: o, bookmarks: a, isCutting: s, pipMode: l, onPipChange: d } = e, h = (w = n.player) == null ? void 0 : w.ref.current, m = !!h, y = Je(null);
|
|
64199
64204
|
return lF(t, () => h, [
|
|
64200
64205
|
h
|
|
64201
|
-
]),
|
|
64206
|
+
]), gWe({
|
|
64207
|
+
setIsPlaying: i,
|
|
64208
|
+
onCutHandler: o,
|
|
64209
|
+
videoRef: h,
|
|
64210
|
+
onShortcut: e.onShortcut
|
|
64211
|
+
}), vWe(h, l, d), Ye(() => (h && h.addEventListener("pause", () => {
|
|
64202
64212
|
i(!1);
|
|
64203
64213
|
}), () => {
|
|
64204
64214
|
h && h.removeEventListener("pause", () => {
|
|
64205
64215
|
i(!1);
|
|
64206
64216
|
});
|
|
64207
64217
|
}), [i, h]), /* @__PURE__ */ M.jsxs(
|
|
64208
|
-
|
|
64218
|
+
oGe,
|
|
64209
64219
|
{
|
|
64210
64220
|
isLoaded: m,
|
|
64211
64221
|
isPlaying: n.isPlaying,
|
|
64212
64222
|
ref: y,
|
|
64213
64223
|
children: [
|
|
64214
64224
|
m ? /* @__PURE__ */ M.jsx(
|
|
64215
|
-
|
|
64225
|
+
rGe,
|
|
64216
64226
|
{
|
|
64217
64227
|
isPlaying: n.isPlaying,
|
|
64218
64228
|
onClick: r
|
|
64219
64229
|
}
|
|
64220
|
-
) : /* @__PURE__ */ M.jsx(
|
|
64230
|
+
) : /* @__PURE__ */ M.jsx(cGe, {}),
|
|
64221
64231
|
/* @__PURE__ */ M.jsx(E5.Player, { className: "player-container" }),
|
|
64222
|
-
/* @__PURE__ */ M.jsx(
|
|
64223
|
-
|
|
64232
|
+
/* @__PURE__ */ M.jsx(mWe, { children: /* @__PURE__ */ M.jsx(
|
|
64233
|
+
ZWe,
|
|
64224
64234
|
{
|
|
64225
64235
|
container: y.current,
|
|
64226
64236
|
onCutHandler: o,
|
|
@@ -78895,7 +78905,7 @@ export {
|
|
|
78895
78905
|
trt as PreviousItem,
|
|
78896
78906
|
Lnt as ProductCard,
|
|
78897
78907
|
Ort as ProfileModal,
|
|
78898
|
-
|
|
78908
|
+
BWe as Progress,
|
|
78899
78909
|
frt as Radio,
|
|
78900
78910
|
hrt as RadioCard,
|
|
78901
78911
|
nQ as Row,
|
|
@@ -78908,7 +78918,7 @@ export {
|
|
|
78908
78918
|
Ql as Slider,
|
|
78909
78919
|
b0 as Span,
|
|
78910
78920
|
pn as SpecialCard,
|
|
78911
|
-
|
|
78921
|
+
sGe as Spinner,
|
|
78912
78922
|
Tnt as SplitButton,
|
|
78913
78923
|
mue as StatusCompletedIcon,
|
|
78914
78924
|
gue as StatusIncomingIcon,
|