@vindral/web-sdk 4.2.1-9-gb6e43bd0 → 4.3.0
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/{CL0_JU7W.js → BFPgdE3l.js} +6 -6
- package/{BN75TaoN.js → BzLobjSs.js} +2317 -2298
- package/{CrDL5rng.js → CjPLLJi5.js} +1 -0
- package/{BdFcdkj1.js → D5iA4gy8.js} +1 -1
- package/{C_C1IruD.js → DXt_qL9M.js} +435 -428
- package/cast-sender.js +1 -1
- package/core.js +1 -1
- package/legacy.es.js +2234 -2215
- package/legacy.umd.js +14 -14
- package/package.json +1 -1
- package/player.d.ts +2 -2
- package/player.js +3 -3
- package/react.d.ts +2 -2
- package/vindral-player-component.js +2 -2
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { n as e, t } from "./BsfwXDui.js";
|
|
2
|
-
import { _ as n, a as r, c as i, d as a, f as o, g as s, h as c, i as ee, l, m as te, n as u, o as ne, p as re, r as ie, s as ae, t as oe, u as se, v as ce } from "./
|
|
2
|
+
import { _ as n, a as r, c as i, d as a, f as o, g as s, h as c, i as ee, l, m as te, n as u, o as ne, p as re, r as ie, s as ae, t as oe, u as se, v as ce } from "./BzLobjSs.js";
|
|
3
3
|
import { M as le } from "./C01DcfYu.js";
|
|
4
4
|
import { a as d, i as f, n as p, r as m, t as h } from "./B7hT-BKr.js";
|
|
5
5
|
import { n as ue, t as de } from "./DeYmk5AL.js";
|
|
6
6
|
import { t as fe } from "./FYiEDBC4.js";
|
|
7
|
-
import { _ as pe, a as me, c as he, d as ge, f as _e, g, h as _, i as v, l as ve, m as ye, n as y, o as b, p as be, r as x, s as xe, t as Se, u as Ce, v as we, y as Te } from "./
|
|
8
|
-
import { t as Ee } from "./
|
|
7
|
+
import { _ as pe, a as me, c as he, d as ge, f as _e, g, h as _, i as v, l as ve, m as ye, n as y, o as b, p as be, r as x, s as xe, t as Se, u as Ce, v as we, y as Te } from "./CjPLLJi5.js";
|
|
8
|
+
import { t as Ee } from "./D5iA4gy8.js";
|
|
9
9
|
//#region ../../libs/utils/src/mediaMetadata.ts
|
|
10
10
|
var De = ({ title: e, subTitle: t = "Live stream", poster: n }) => {
|
|
11
11
|
document.title = e, "mediaSession" in navigator && (navigator.mediaSession.metadata = new MediaMetadata({
|
|
@@ -118,7 +118,7 @@ e(Ge, "observedAttributes", [...y(Ve, "observedAttributes", Ve), g.RENDITION_LEV
|
|
|
118
118
|
//#endregion
|
|
119
119
|
//#region ../../libs/player-next/src/components/AdvancedRenditionMenuList.ts
|
|
120
120
|
var qe = document.createElement("template");
|
|
121
|
-
qe.innerHTML = "\n <style>\n :host {\n font: inherit;\n cursor: default;\n padding: var(--padding-2) !important;\n padding-top: var(--padding-3) !important;\n border-radius: 0.25em;\n position: absolute;\n min-width: 220px !important;\n background: var(--bg-subtle);\n z-index: 1;\n overflow: auto;\n }\n\n :host([list-position=\"top\"]) {\n bottom: calc(100% + 0.5em);\n transform: translate(-50%);\n }\n\n :host([list-position=\"bottom\"]) {\n top: calc(100% + 0.5em);\n }\n\n :host::-webkit-scrollbar {\n width: 5px;\n padding-right: 5px;\n }\n\n :host::-webkit-scrollbar-thumb {\n background-color: var(--fg-extra-subtle);\n border-radius: 10px;\n border: 0;\n }\n\n :host::-webkit-scrollbar-track {\n border-radius: 10px;\n background-color: transparent;\n }\n\n .mode-toggle {\n display: flex;\n gap: var(--padding-1);\n margin-bottom: var(--padding-2);\n }\n\n .mode-btn {\n flex: 1;\n padding: var(--padding-1) var(--padding-2);\n border: none;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 500;\n cursor: pointer;\n background: var(--bg-component);\n color: var(--fg-default);\n transition: background 0.15s;\n }\n\n .mode-btn:hover {\n background: var(--bg-component-hover);\n }\n\n .mode-btn[data-active=\"true\"] {\n background:
|
|
121
|
+
qe.innerHTML = "\n <style>\n :host {\n font: inherit;\n cursor: default;\n padding: var(--padding-2) !important;\n padding-top: var(--padding-3) !important;\n border-radius: 0.25em;\n position: absolute;\n min-width: 220px !important;\n background: var(--bg-subtle);\n z-index: 1;\n overflow: auto;\n }\n\n :host([list-position=\"top\"]) {\n bottom: calc(100% + 0.5em);\n transform: translate(-50%);\n }\n\n :host([list-position=\"bottom\"]) {\n top: calc(100% + 0.5em);\n }\n\n :host::-webkit-scrollbar {\n width: 5px;\n padding-right: 5px;\n }\n\n :host::-webkit-scrollbar-thumb {\n background-color: var(--fg-extra-subtle);\n border-radius: 10px;\n border: 0;\n }\n\n :host::-webkit-scrollbar-track {\n border-radius: 10px;\n background-color: transparent;\n }\n\n .mode-toggle {\n display: flex;\n gap: var(--padding-1);\n margin-bottom: var(--padding-2);\n }\n\n .mode-btn {\n flex: 1;\n padding: var(--padding-1) var(--padding-2);\n border: none;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 500;\n cursor: pointer;\n background: var(--bg-component);\n color: var(--fg-default);\n transition: background 0.15s;\n }\n\n .mode-btn:hover {\n background: var(--bg-component-hover);\n }\n\n .mode-btn[data-active=\"true\"] {\n background: var(--accent);\n color: #ffffff;\n }\n\n .setting-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--padding-2);\n margin-bottom: var(--padding-2);\n padding: 0 var(--padding-1);\n }\n\n .setting-label {\n font-size: 10px;\n color: var(--fg-subtle);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n\n .setting-toggle-btn {\n border: none;\n border-radius: 999px;\n background: var(--bg-component);\n color: var(--fg-default);\n font-size: 10px;\n font-weight: 600;\n min-width: 44px;\n padding: 4px 10px;\n cursor: pointer;\n transition: background 0.15s;\n }\n\n .setting-toggle-btn[data-active=\"true\"] {\n background: var(--accent);\n color: #ffffff;\n }\n\n .setting-toggle-btn:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n .quality-status-text {\n font-size: 10px;\n color: var(--fg-subtle);\n margin-bottom: var(--padding-2);\n padding: 0 var(--padding-1);\n font-style: italic;\n }\n\n .menu {\n display: grid;\n gap: var(--padding-1);\n }\n\n .menu-item {\n display: flex;\n align-items: center;\n gap: var(--padding-2);\n padding: var(--padding-2);\n border-radius: 4px;\n cursor: pointer;\n font-size: 13px;\n position: relative;\n }\n\n .menu-item:hover {\n background: var(--bg-component-hover);\n }\n\n .menu-item[data-selected=\"true\"] {\n background: var(--bg-component-active);\n border: 1px solid var(--fg-extra-subtle);\n }\n\n .menu-item[data-capped=\"true\"] {\n opacity: 0.5;\n }\n\n .menu-item:focus-visible {\n box-shadow: inset 0 0 0 2px var(--fg-strong);\n outline: 0;\n }\n\n .menu-item-info {\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n\n .menu-item-title {\n font-weight: 500;\n }\n\n .menu-item-subtitle {\n font-size: 10px;\n opacity: 0.6;\n }\n\n .current-label {\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--accent);\n margin-left: auto;\n display: none;\n }\n\n .menu-item[data-playing=\"true\"] .current-label {\n display: block;\n }\n </style>\n\n <slot>\n <div class=\"mode-toggle\">\n <button class=\"mode-btn\" data-mode=\"auto\">Auto (ABR)</button>\n <button class=\"mode-btn\" data-mode=\"fixed\">Fixed</button>\n </div>\n <div class=\"setting-row\">\n <span class=\"setting-label\">Size cap</span>\n <button id=\"size-cap-toggle\" class=\"setting-toggle-btn\" type=\"button\"></button>\n </div>\n <div class=\"quality-status-text\" id=\"quality-status-text\"></div>\n <div class=\"menu\" role=\"menu\" aria-label=\"Quality options\"></div>\n </slot>\n";
|
|
122
122
|
var Je = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), Xe = /* @__PURE__ */ new WeakMap(), Ze = /* @__PURE__ */ new WeakMap(), Qe = /* @__PURE__ */ new WeakMap(), $e = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), tt = /* @__PURE__ */ new WeakMap(), nt = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakSet(), rt = class extends HTMLElement {
|
|
123
123
|
constructor() {
|
|
124
124
|
super(), h(this, w), d(this, Je, []), d(this, Ye, 2 ** 53 - 1), d(this, C, !1), d(this, Xe, !0), d(this, Ze, null), d(this, Qe, null), d(this, $e, []), d(this, et, null), d(this, tt, null), d(this, nt, null), e(this, "handleEvent", (e) => {
|
|
@@ -1560,6 +1560,7 @@ Mr.innerHTML = `
|
|
|
1560
1560
|
--bg-component: var(--vindral-bg-component, #222222);
|
|
1561
1561
|
--bg-component-hover: var(--vindral-bg-component-hover, #2a2a2a);
|
|
1562
1562
|
--bg-component-active: var(--vindral-bg-component-active, #313131);
|
|
1563
|
+
--accent: var(--vindral-accent, oklch(54.6% 0.245 262.881));
|
|
1563
1564
|
|
|
1564
1565
|
--padding-1: var(--vindral-padding-1, 4px);
|
|
1565
1566
|
--padding-2: var(--vindral-padding-2, 8px);
|
|
@@ -1704,7 +1705,7 @@ Mr.innerHTML = `
|
|
|
1704
1705
|
):not([${g.IS_CASTING}]
|
|
1705
1706
|
):not([${g.MEDIA}="audio"])
|
|
1706
1707
|
)
|
|
1707
|
-
#ui > * {
|
|
1708
|
+
#ui > slot::slotted(*) {
|
|
1708
1709
|
pointer-events: none;
|
|
1709
1710
|
}
|
|
1710
1711
|
|
|
@@ -1761,7 +1762,7 @@ var Nr = [
|
|
|
1761
1762
|
], Pr = /* @__PURE__ */ new WeakMap(), Fr = /* @__PURE__ */ new WeakMap(), Ir = /* @__PURE__ */ new WeakMap(), Lr = /* @__PURE__ */ new WeakMap(), Rr = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), zr = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), Br = /* @__PURE__ */ new WeakMap(), Vr = /* @__PURE__ */ new WeakMap(), Hr = /* @__PURE__ */ new WeakMap(), Ur = /* @__PURE__ */ new WeakMap(), Wr = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), Gr = /* @__PURE__ */ new WeakMap(), Kr = /* @__PURE__ */ new WeakMap(), qr = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), Jr = /* @__PURE__ */ new WeakMap(), Yr = /* @__PURE__ */ new WeakMap(), Xr = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), Zr = /* @__PURE__ */ new WeakMap(), Qr = /* @__PURE__ */ new WeakMap(), $r = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakSet(), ei = /* @__PURE__ */ new WeakMap(), ti = /* @__PURE__ */ new WeakMap(), ni = /* @__PURE__ */ new WeakMap(), ri = /* @__PURE__ */ new WeakMap(), ii = /* @__PURE__ */ new WeakMap(), ai = /* @__PURE__ */ new WeakMap(), oi = /* @__PURE__ */ new WeakMap(), si = /* @__PURE__ */ new WeakMap(), ci = /* @__PURE__ */ new WeakMap(), li = /* @__PURE__ */ new WeakMap(), ui = /* @__PURE__ */ new WeakMap(), di = /* @__PURE__ */ new WeakMap(), fi = /* @__PURE__ */ new WeakMap(), pi = /* @__PURE__ */ new WeakMap(), mi = /* @__PURE__ */ new WeakMap(), hi = /* @__PURE__ */ new WeakMap(), gi = /* @__PURE__ */ new WeakMap(), _i = /* @__PURE__ */ new WeakMap(), vi = /* @__PURE__ */ new WeakMap(), yi = /* @__PURE__ */ new WeakMap(), bi = /* @__PURE__ */ new WeakMap(), xi = /* @__PURE__ */ new WeakMap(), Si = /* @__PURE__ */ new WeakMap(), Ci = /* @__PURE__ */ new WeakMap(), wi = /* @__PURE__ */ new WeakMap(), Ti = /* @__PURE__ */ new WeakMap(), Ei = /* @__PURE__ */ new WeakMap(), Di = /* @__PURE__ */ new WeakMap(), Oi = /* @__PURE__ */ new WeakMap(), ki = /* @__PURE__ */ new WeakMap(), Ai = /* @__PURE__ */ new WeakMap(), ji = /* @__PURE__ */ new WeakMap(), Mi = class extends HTMLElement {
|
|
1762
1763
|
constructor() {
|
|
1763
1764
|
var t;
|
|
1764
|
-
super(), h(this, V), d(this, Pr, /* @__PURE__ */ new Map()), d(this, Fr, 2e3), d(this, Ir, null), d(this, Lr, null), d(this, Rr, void 0), d(this, F, void 0), d(this, I, void 0), d(this, zr, void 0), d(this, L, void 0), d(this, Br,
|
|
1765
|
+
super(), h(this, V), d(this, Pr, /* @__PURE__ */ new Map()), d(this, Fr, 2e3), d(this, Ir, null), d(this, Lr, null), d(this, Rr, void 0), d(this, F, void 0), d(this, I, void 0), d(this, zr, void 0), d(this, L, void 0), d(this, Br, ya._), d(this, Vr, void 0), d(this, Hr, void 0), d(this, Ur, void 0), d(this, Wr, void 0), d(this, R, void 0), d(this, Gr, void 0), d(this, Kr, void 0), d(this, qr, void 0), d(this, z, void 0), d(this, Jr, void 0), d(this, Yr, void 0), d(this, Xr, void 0), d(this, B, void 0), d(this, Zr, null), d(this, Qr, !1), d(this, $r, null), d(this, ei, (e) => {
|
|
1765
1766
|
let t = e.filter((e) => {
|
|
1766
1767
|
var t;
|
|
1767
1768
|
return (t = e.video) == null ? void 0 : t.width;
|
|
@@ -1847,7 +1848,7 @@ var Nr = [
|
|
|
1847
1848
|
m(Qr, this, !1);
|
|
1848
1849
|
return;
|
|
1849
1850
|
}
|
|
1850
|
-
m(Qr, this, !1), f(V, this,
|
|
1851
|
+
m(Qr, this, !1), f(V, this, la).call(this);
|
|
1851
1852
|
}
|
|
1852
1853
|
}), d(this, xi, 0), e(this, "handleEvent", (e) => {
|
|
1853
1854
|
switch (e.type) {
|
|
@@ -1861,19 +1862,19 @@ var Nr = [
|
|
|
1861
1862
|
f(V, this, $i).call(this, e);
|
|
1862
1863
|
break;
|
|
1863
1864
|
case "mouseleave":
|
|
1864
|
-
f(V, this,
|
|
1865
|
+
f(V, this, sa).call(this);
|
|
1865
1866
|
break;
|
|
1866
1867
|
case "dblclick":
|
|
1867
|
-
f(V, this,
|
|
1868
|
+
f(V, this, ta).call(this, e);
|
|
1868
1869
|
break;
|
|
1869
1870
|
case "mousemove":
|
|
1870
|
-
f(V, this,
|
|
1871
|
+
f(V, this, na).call(this, e);
|
|
1871
1872
|
break;
|
|
1872
1873
|
case "keydown":
|
|
1873
1874
|
p(wi, this).call(this, e);
|
|
1874
1875
|
break;
|
|
1875
1876
|
case "keyup":
|
|
1876
|
-
f(V, this,
|
|
1877
|
+
f(V, this, sa).call(this), p(Ci, this).call(this, e);
|
|
1877
1878
|
break;
|
|
1878
1879
|
}
|
|
1879
1880
|
}), d(this, Si, (e) => {
|
|
@@ -1921,7 +1922,7 @@ var Nr = [
|
|
|
1921
1922
|
}
|
|
1922
1923
|
break;
|
|
1923
1924
|
case _.CHANNEL_GRID_OPENED:
|
|
1924
|
-
p(Zr, this) === null && f(V, this,
|
|
1925
|
+
p(Zr, this) === null && f(V, this, ia).call(this);
|
|
1925
1926
|
break;
|
|
1926
1927
|
case _.CHANNEL_GRID_CLOSED:
|
|
1927
1928
|
p(Zr, this) !== null && (clearTimeout(p(Zr, this)), m(Zr, this, null));
|
|
@@ -1973,7 +1974,7 @@ var Nr = [
|
|
|
1973
1974
|
this.removeEventListener("keyup", this);
|
|
1974
1975
|
return;
|
|
1975
1976
|
}
|
|
1976
|
-
f(V, this,
|
|
1977
|
+
f(V, this, ra).call(this, e);
|
|
1977
1978
|
}), d(this, wi, (e) => {
|
|
1978
1979
|
let { metaKey: t, altKey: n, key: r } = e;
|
|
1979
1980
|
t || n || !Nr.includes(r) || this.addEventListener("keyup", this, { once: !0 });
|
|
@@ -1981,11 +1982,11 @@ var Nr = [
|
|
|
1981
1982
|
this.removeAttribute(g.TIMESHIFT_POSITION), this.handleTimeShiftUpdate(!1);
|
|
1982
1983
|
}), d(this, Ei, (e) => {
|
|
1983
1984
|
var t;
|
|
1984
|
-
p(L, this) || f(V, this, Li).call(this), p(I, this) !== p(L, this) && (e && f(V, this,
|
|
1985
|
+
p(L, this) || f(V, this, Li).call(this), p(I, this) !== p(L, this) && (e && f(V, this, ua).call(this), m(I, this, p(L, this)), f(V, this, Fi).call(this), f(V, this, Ii).call(this), f(V, this, Vi).call(this), (t = p(F, this)) == null || t.pause(), m(Qr, this, e));
|
|
1985
1986
|
}), d(this, Di, (e) => {
|
|
1986
1987
|
var t, n, r, i;
|
|
1987
|
-
e && f(V, this,
|
|
1988
|
-
f(V, this,
|
|
1988
|
+
e && f(V, this, ua).call(this), (t = p(L, this)) == null || t.hide(), m(I, this, p(zr, this)), f(V, this, Vi).call(this), this.hasAttribute(g.PAUSED) ? (n = p(I, this)) == null || n.pause() : (r = p(I, this)) == null || r.play(), f(V, this, zi).call(this), f(V, this, Pi).call(this), (i = p(L, this)) == null || i.pause(), e && (m(Qr, this, !1), setTimeout(() => {
|
|
1989
|
+
f(V, this, la).call(this);
|
|
1989
1990
|
}, 100));
|
|
1990
1991
|
}), e(this, "handleTimeShiftUpdate", (e) => {
|
|
1991
1992
|
let t = this.hasAttribute(g.IS_PIP);
|
|
@@ -2020,7 +2021,7 @@ var Nr = [
|
|
|
2020
2021
|
}
|
|
2021
2022
|
disconnectedCallback() {
|
|
2022
2023
|
var e, t, n, r, i;
|
|
2023
|
-
f(V, this, Zi).call(this), f(V, this,
|
|
2024
|
+
f(V, this, Zi).call(this), f(V, this, _a).call(this), (e = p(F, this)) == null || e.unload(), (t = p(R, this)) == null || t.unload(), (n = p(Gr, this)) == null || n.unload(), (r = p(Kr, this)) == null || r.unload(), (i = p(z, this)) == null || i.unload(), f(V, this, Ri).call(this);
|
|
2024
2025
|
for (let e of Object.values(_)) this.removeEventListener(e, p(Si, this));
|
|
2025
2026
|
f(V, this, Fi).call(this), p(Ir, this) && (clearTimeout(p(Ir, this)), m(Ir, this, null)), this.disconnectListener(this);
|
|
2026
2027
|
}
|
|
@@ -2068,7 +2069,7 @@ var Nr = [
|
|
|
2068
2069
|
}
|
|
2069
2070
|
break;
|
|
2070
2071
|
case g.DEBUG_PANEL_OPEN:
|
|
2071
|
-
v(n) ? f(V, this, H).call(this, g.DEBUG_PANEL_OPEN, "") : f(V, this, U).call(this, g.DEBUG_PANEL_OPEN), f(V, this,
|
|
2072
|
+
v(n) ? f(V, this, H).call(this, g.DEBUG_PANEL_OPEN, "") : f(V, this, U).call(this, g.DEBUG_PANEL_OPEN), f(V, this, ha).call(this);
|
|
2072
2073
|
break;
|
|
2073
2074
|
case "user-interacting":
|
|
2074
2075
|
v(n) ? f(V, this, H).call(this, g.USER_INTERACTING, "") : f(V, this, U).call(this, g.USER_INTERACTING);
|
|
@@ -2089,10 +2090,10 @@ var Nr = [
|
|
|
2089
2090
|
}
|
|
2090
2091
|
break;
|
|
2091
2092
|
case "ui-locked":
|
|
2092
|
-
v(n) ? f(V, this,
|
|
2093
|
+
v(n) ? f(V, this, oa).call(this) : f(V, this, sa).call(this);
|
|
2093
2094
|
break;
|
|
2094
2095
|
case "is-fullscreen":
|
|
2095
|
-
v(n) ? f(V, this,
|
|
2096
|
+
v(n) ? f(V, this, da).call(this) : f(V, this, fa).call(this);
|
|
2096
2097
|
break;
|
|
2097
2098
|
case "abr-enabled":
|
|
2098
2099
|
{
|
|
@@ -2113,7 +2114,7 @@ var Nr = [
|
|
|
2113
2114
|
m(Wr, this, n), v(n) ? f(V, this, H).call(this, g.MAX_INITIAL_BITRATE, n) : f(V, this, U).call(this, g.MAX_INITIAL_BITRATE);
|
|
2114
2115
|
break;
|
|
2115
2116
|
case "is-pip":
|
|
2116
|
-
v(n) ? f(V, this,
|
|
2117
|
+
v(n) ? f(V, this, la).call(this) : f(V, this, ua).call(this);
|
|
2117
2118
|
break;
|
|
2118
2119
|
case "is-airplaying":
|
|
2119
2120
|
if (v(n)) {
|
|
@@ -2127,7 +2128,7 @@ var Nr = [
|
|
|
2127
2128
|
case "is-casting":
|
|
2128
2129
|
if (v(n)) {
|
|
2129
2130
|
var te, u;
|
|
2130
|
-
(te = p(Gr, this)) != null && te.isFullscreen() && f(V, this,
|
|
2131
|
+
(te = p(Gr, this)) != null && te.isFullscreen() && f(V, this, fa).call(this), (u = p(F, this)) == null || u.pause();
|
|
2131
2132
|
} else if (!document.hidden) {
|
|
2132
2133
|
var ne;
|
|
2133
2134
|
(ne = p(F, this)) == null || ne.play();
|
|
@@ -2186,7 +2187,7 @@ var Nr = [
|
|
|
2186
2187
|
g.USER_INTERACTING,
|
|
2187
2188
|
g.PAUSED,
|
|
2188
2189
|
g.HIDE_UI_ON_PAUSE
|
|
2189
|
-
].includes(e) && f(V, this,
|
|
2190
|
+
].includes(e) && f(V, this, ca).call(this);
|
|
2190
2191
|
}
|
|
2191
2192
|
}
|
|
2192
2193
|
connectListener(e) {
|
|
@@ -2433,7 +2434,7 @@ function Yi(e) {
|
|
|
2433
2434
|
}
|
|
2434
2435
|
}
|
|
2435
2436
|
function Xi() {
|
|
2436
|
-
let e = () => (customElements.get("vindral-debug-panel") || import("./
|
|
2437
|
+
let e = () => (customElements.get("vindral-debug-panel") || import("./BFPgdE3l.js").then((e) => e.n).then(({ registerDebugComponents: e }) => e()), this.setAttribute(g.DEBUG_PANEL_OPEN, ""), p(F, this));
|
|
2437
2438
|
window._vindralDebug = e, m($r, this, e);
|
|
2438
2439
|
}
|
|
2439
2440
|
function Zi() {
|
|
@@ -2441,19 +2442,25 @@ function Zi() {
|
|
|
2441
2442
|
p($r, this) && e._vindralDebug === p($r, this) && delete e._vindralDebug, m($r, this, null);
|
|
2442
2443
|
}
|
|
2443
2444
|
function Qi(e) {
|
|
2444
|
-
e.pointerType !== "mouse" && e.timeStamp - p(xi, this) < 250 || (f(V, this,
|
|
2445
|
+
e.pointerType !== "mouse" && e.timeStamp - p(xi, this) < 250 || (f(V, this, oa).call(this), p(Ir, this) && clearTimeout(p(Ir, this)), e.target instanceof HTMLElement && ([this, p(Lr, this)].includes(e.target) || e.target.localName === "vindral-scroll-overlay") && f(V, this, sa).call(this));
|
|
2445
2446
|
}
|
|
2446
2447
|
function $i(e) {
|
|
2447
2448
|
let t = this.hasAttribute(g.USER_INTERACTING);
|
|
2448
|
-
e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, p(Lr, this)].includes(e.target) && t ? f(V, this,
|
|
2449
|
+
e.pointerType === "touch" && e.target instanceof HTMLElement ? [this, p(Lr, this)].includes(e.target) && t ? f(V, this, aa).call(this) : f(V, this, sa).call(this) : e.composedPath().some((e) => e instanceof HTMLElement && ["vindral-play-button"].includes(e == null ? void 0 : e.localName)) && f(V, this, sa).call(this);
|
|
2449
2450
|
}
|
|
2450
2451
|
function ea(e) {
|
|
2451
|
-
|
|
2452
|
+
switch (e) {
|
|
2453
|
+
case "dblclick-fullscreen": return b(this.getAttribute(g.DOUBLE_CLICK_FULLSCREEN_ENABLED), !0);
|
|
2454
|
+
default: return !0;
|
|
2455
|
+
}
|
|
2452
2456
|
}
|
|
2453
2457
|
function ta(e) {
|
|
2454
|
-
this.
|
|
2458
|
+
f(V, this, ea).call(this, "dblclick-fullscreen") && (!p(Gr, this) || e.target instanceof x || e.target instanceof Re || e.target instanceof jr || (this.hasAttribute(g.FULLSCREEN) ? this.removeAttribute(g.FULLSCREEN) : this.setAttribute(g.FULLSCREEN, "")));
|
|
2455
2459
|
}
|
|
2456
2460
|
function na(e) {
|
|
2461
|
+
this.hasAttribute(g.USER_INTERACTING) || f(V, this, sa).call(this);
|
|
2462
|
+
}
|
|
2463
|
+
function ra(e) {
|
|
2457
2464
|
var t;
|
|
2458
2465
|
let { metaKey: n, altKey: r, key: i } = e;
|
|
2459
2466
|
if (n || r || !Nr.includes(i)) return;
|
|
@@ -2474,7 +2481,7 @@ function na(e) {
|
|
|
2474
2481
|
break;
|
|
2475
2482
|
}
|
|
2476
2483
|
}
|
|
2477
|
-
function
|
|
2484
|
+
function ia() {
|
|
2478
2485
|
var e = this;
|
|
2479
2486
|
return t(function* () {
|
|
2480
2487
|
if (!p(F, e) || !p(Hr, e)) return;
|
|
@@ -2485,17 +2492,17 @@ function ra() {
|
|
|
2485
2492
|
let n = yield p(F, e).getApiClient().getChannels(p(Hr, e));
|
|
2486
2493
|
f(V, e, H).call(e, g.CHANNELS, JSON.stringify(n));
|
|
2487
2494
|
}
|
|
2488
|
-
m(Zr, e, window.setTimeout(() => void f(V, e,
|
|
2495
|
+
m(Zr, e, window.setTimeout(() => void f(V, e, ia).call(e), 1e4));
|
|
2489
2496
|
})();
|
|
2490
2497
|
}
|
|
2491
|
-
function
|
|
2498
|
+
function aa() {
|
|
2492
2499
|
!this.hasAttribute(g.USER_INTERACTING) || this.hasAttribute(g.UI_LOCKED) || (this.dispatchEvent(new CustomEvent("user-interacting", {
|
|
2493
2500
|
bubbles: !0,
|
|
2494
2501
|
composed: !0,
|
|
2495
2502
|
detail: { active: !1 }
|
|
2496
2503
|
})), this.removeAttribute(g.USER_INTERACTING));
|
|
2497
2504
|
}
|
|
2498
|
-
function
|
|
2505
|
+
function oa() {
|
|
2499
2506
|
this.hasAttribute(g.USER_INTERACTING) || requestAnimationFrame(() => {
|
|
2500
2507
|
this.setAttribute(g.USER_INTERACTING, ""), this.dispatchEvent(new CustomEvent("user-interacting", {
|
|
2501
2508
|
bubbles: !0,
|
|
@@ -2504,41 +2511,41 @@ function aa() {
|
|
|
2504
2511
|
}));
|
|
2505
2512
|
});
|
|
2506
2513
|
}
|
|
2507
|
-
function
|
|
2508
|
-
f(V, this,
|
|
2509
|
-
f(V, this,
|
|
2514
|
+
function sa() {
|
|
2515
|
+
f(V, this, oa).call(this), p(Ir, this) && clearTimeout(p(Ir, this)), p(Fr, this) && m(Ir, this, self.setTimeout(() => {
|
|
2516
|
+
f(V, this, aa).call(this);
|
|
2510
2517
|
}, p(Fr, this)));
|
|
2511
2518
|
}
|
|
2512
|
-
function
|
|
2519
|
+
function ca() {
|
|
2513
2520
|
var e;
|
|
2514
2521
|
let t = getComputedStyle(this).getPropertyValue("--vindral-subtitle-offset") || "0px";
|
|
2515
2522
|
(e = p(F, this)) == null || (e = e.mediaElement) == null || e.style.setProperty("--vindral-subtitle-offset", t);
|
|
2516
2523
|
}
|
|
2517
|
-
function
|
|
2524
|
+
function la() {
|
|
2518
2525
|
var e;
|
|
2519
|
-
f(V, this, Vi).call(this), f(V, this,
|
|
2526
|
+
f(V, this, Vi).call(this), f(V, this, pa).call(this), (e = p(R, this)) == null || e.request().catch((e) => {
|
|
2520
2527
|
p(B, this).warn("Failed to enter picture in picture:", e);
|
|
2521
2528
|
});
|
|
2522
2529
|
}
|
|
2523
|
-
function
|
|
2530
|
+
function ua() {
|
|
2524
2531
|
var e;
|
|
2525
2532
|
(e = p(R, this)) == null || e.exit().catch((e) => {
|
|
2526
2533
|
p(B, this).warn("Failed to exit picture in picture:", e);
|
|
2527
2534
|
});
|
|
2528
2535
|
}
|
|
2529
|
-
function
|
|
2536
|
+
function da() {
|
|
2530
2537
|
let e = f(V, this, Wi).call(this);
|
|
2531
2538
|
if (!e) {
|
|
2532
2539
|
console.warn("No fullscreen target available"), this.setAttribute(g.FULLSCREEN_FALLBACK, ""), f(V, this, H).call(this, g.FULLSCREEN, "");
|
|
2533
2540
|
return;
|
|
2534
2541
|
}
|
|
2535
|
-
e != null && e.isFullscreenApiSupported() ? (f(V, this,
|
|
2542
|
+
e != null && e.isFullscreenApiSupported() ? (f(V, this, pa).call(this), e == null || e.request().then(() => {
|
|
2536
2543
|
p(ki, this).call(this);
|
|
2537
2544
|
}).catch((e) => {
|
|
2538
2545
|
p(B, this).warn("Failed to enter fullscreen:", e);
|
|
2539
2546
|
})) : (this.setAttribute(g.FULLSCREEN_FALLBACK, ""), f(V, this, H).call(this, g.FULLSCREEN, ""));
|
|
2540
2547
|
}
|
|
2541
|
-
function
|
|
2548
|
+
function fa() {
|
|
2542
2549
|
let e = f(V, this, Wi).call(this);
|
|
2543
2550
|
e != null && e.isFullscreenApiSupported() ? e == null || e.exit().then(() => {
|
|
2544
2551
|
p(Ai, this).call(this);
|
|
@@ -2546,22 +2553,22 @@ function da() {
|
|
|
2546
2553
|
p(B, this).warn("Failed to exit fullscreen:", e);
|
|
2547
2554
|
}) : (this.removeAttribute(g.FULLSCREEN_FALLBACK), f(V, this, U).call(this, g.FULLSCREEN));
|
|
2548
2555
|
}
|
|
2549
|
-
function fa() {
|
|
2550
|
-
p(F, this) && p(F, this).emitter.emit("ios-hack: reset size");
|
|
2551
|
-
}
|
|
2552
2556
|
function pa() {
|
|
2553
|
-
|
|
2557
|
+
p(F, this) && p(F, this).emitter.emit("ios-hack: reset size");
|
|
2554
2558
|
}
|
|
2555
2559
|
function ma() {
|
|
2556
|
-
|
|
2560
|
+
return this.hasAttribute(g.DEBUG_PANEL_OPEN);
|
|
2557
2561
|
}
|
|
2558
2562
|
function ha() {
|
|
2559
|
-
|
|
2563
|
+
f(V, this, ma).call(this) ? f(V, this, ga).call(this) : f(V, this, _a).call(this);
|
|
2560
2564
|
}
|
|
2561
2565
|
function ga() {
|
|
2562
|
-
p(ji, this)
|
|
2566
|
+
p(ji, this) === null && (f(V, this, va).call(this), m(ji, this, window.setInterval(() => f(V, this, va).call(this), 1e3)));
|
|
2563
2567
|
}
|
|
2564
2568
|
function _a() {
|
|
2569
|
+
p(ji, this) && (clearInterval(p(ji, this)), m(ji, this, null)), this.removeAttribute(g.DRIFT), f(V, this, U).call(this, g.DRIFT), f(V, this, U).call(this, g.PLAYBACK_LATENCY), f(V, this, U).call(this, g.CONNECTION_STATE);
|
|
2570
|
+
}
|
|
2571
|
+
function va() {
|
|
2565
2572
|
if (!p(F, this)) return;
|
|
2566
2573
|
try {
|
|
2567
2574
|
let e = p(F, this).getStatistics().drift;
|
|
@@ -2623,8 +2630,8 @@ e(Mi, "observedAttributes", [
|
|
|
2623
2630
|
"auto-instance-enabled",
|
|
2624
2631
|
"language"
|
|
2625
2632
|
]);
|
|
2626
|
-
var
|
|
2627
|
-
|
|
2633
|
+
var ya = { _: "https://lb.cdn.vindral.com" }, ba, xa = document.createElement("template");
|
|
2634
|
+
xa.innerHTML = `
|
|
2628
2635
|
<style>
|
|
2629
2636
|
:host {
|
|
2630
2637
|
display: var(--fullscreen-button-display);
|
|
@@ -2648,10 +2655,10 @@ ba.innerHTML = `
|
|
|
2648
2655
|
</slot>
|
|
2649
2656
|
</slot>
|
|
2650
2657
|
`;
|
|
2651
|
-
var
|
|
2658
|
+
var Sa = class extends x {
|
|
2652
2659
|
constructor() {
|
|
2653
2660
|
var e;
|
|
2654
|
-
super(), (e = this.shadowRoot) == null || e.appendChild(
|
|
2661
|
+
super(), (e = this.shadowRoot) == null || e.appendChild(xa.content.cloneNode(!0));
|
|
2655
2662
|
}
|
|
2656
2663
|
connectedCallback() {
|
|
2657
2664
|
super.connectedCallback(), this.setAttribute("aria-label", this.isFullscreen ? "Exit fullscreen" : "Enter fullscreen");
|
|
@@ -2676,48 +2683,48 @@ var xa = class extends x {
|
|
|
2676
2683
|
}));
|
|
2677
2684
|
}
|
|
2678
2685
|
};
|
|
2679
|
-
|
|
2686
|
+
ba = Sa, e(Sa, "observedAttributes", [...y(ba, "observedAttributes", ba), g.FULLSCREEN]);
|
|
2680
2687
|
//#endregion
|
|
2681
2688
|
//#region ../../libs/player-next/src/components/LanguageMenu.ts
|
|
2682
|
-
var
|
|
2683
|
-
|
|
2689
|
+
var Ca, wa = "\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M4 5h7\" /><path d=\"M9 3v2c0 4.418 -2.239 8 -5 8\" /><path d=\"M5 9c0 2.144 2.952 3.908 6.7 4\" /><path d=\"M12 20l4 -9l4 9\" /><path d=\"M19.1 18h-6.2\" /></svg>\n", Ta = document.createElement("template");
|
|
2690
|
+
Ta.innerHTML = `
|
|
2684
2691
|
<style>
|
|
2685
2692
|
:host(:not([hidden])) {
|
|
2686
2693
|
display: var(--language-menu-display);
|
|
2687
2694
|
}
|
|
2688
2695
|
</style>
|
|
2689
2696
|
|
|
2690
|
-
<slot name="button">${
|
|
2697
|
+
<slot name="button">${wa}</slot>
|
|
2691
2698
|
<slot name="listbox" hidden>
|
|
2692
2699
|
<vindral-language-menu-list id="listbox" part="listbox"></vindral-language-menu-list>
|
|
2693
2700
|
</slot>
|
|
2694
2701
|
`;
|
|
2695
|
-
var
|
|
2702
|
+
var Ea = /* @__PURE__ */ new WeakSet(), Da = class extends Re {
|
|
2696
2703
|
constructor() {
|
|
2697
2704
|
var e, t, n, r;
|
|
2698
|
-
super(), h(this,
|
|
2705
|
+
super(), h(this, Ea), (e = this.shadowRoot) == null || e.appendChild(Ta.content.cloneNode(!0)), this.button = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"), this.listbox = (n = this.shadowRoot) == null ? void 0 : n.querySelector("[part=listbox]"), this.listboxSlot = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot[name=listbox]");
|
|
2699
2706
|
}
|
|
2700
2707
|
connectedCallback() {
|
|
2701
|
-
super.connectedCallback(), f(
|
|
2708
|
+
super.connectedCallback(), f(Ea, this, Oa).call(this), this.setAttribute("aria-label", "Languages");
|
|
2702
2709
|
}
|
|
2703
2710
|
attributeChangedCallback(e, t, n) {
|
|
2704
|
-
super.attributeChangedCallback(e, t, n), (e === g.LANGUAGES || e === g.TEXT_TRACKS) && f(
|
|
2711
|
+
super.attributeChangedCallback(e, t, n), (e === g.LANGUAGES || e === g.TEXT_TRACKS) && f(Ea, this, Oa).call(this);
|
|
2705
2712
|
}
|
|
2706
2713
|
};
|
|
2707
|
-
|
|
2708
|
-
function
|
|
2714
|
+
Ca = Da;
|
|
2715
|
+
function Oa() {
|
|
2709
2716
|
let e = (e) => (e ? JSON.parse(e) : []).length < 2, t = e(this.getAttribute(g.LANGUAGES)), n = e(this.getAttribute(g.TEXT_TRACKS));
|
|
2710
2717
|
t && n ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
|
|
2711
2718
|
}
|
|
2712
|
-
e(
|
|
2713
|
-
...y(
|
|
2719
|
+
e(Da, "observedAttributes", [
|
|
2720
|
+
...y(Ca, "observedAttributes", Ca),
|
|
2714
2721
|
g.LANGUAGES,
|
|
2715
2722
|
g.TEXT_TRACKS
|
|
2716
2723
|
]);
|
|
2717
2724
|
//#endregion
|
|
2718
2725
|
//#region ../../libs/player-next/src/components/LanguageMenuList.ts
|
|
2719
|
-
var
|
|
2720
|
-
|
|
2726
|
+
var ka = document.createElement("template");
|
|
2727
|
+
ka.innerHTML = `
|
|
2721
2728
|
<style>
|
|
2722
2729
|
:host {
|
|
2723
2730
|
font: inherit;
|
|
@@ -2831,21 +2838,21 @@ Oa.innerHTML = `
|
|
|
2831
2838
|
<div class="menu"></div>
|
|
2832
2839
|
</div>
|
|
2833
2840
|
`;
|
|
2834
|
-
var
|
|
2841
|
+
var Aa = /* @__PURE__ */ new WeakMap(), ja = /* @__PURE__ */ new WeakMap(), Ma = /* @__PURE__ */ new WeakMap(), Na = /* @__PURE__ */ new WeakMap(), Pa = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), Fa = /* @__PURE__ */ new WeakMap(), Ia = /* @__PURE__ */ new WeakMap(), La = /* @__PURE__ */ new WeakMap(), Ra = /* @__PURE__ */ new WeakMap(), za = /* @__PURE__ */ new WeakMap(), Ba = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakSet(), Va = class extends HTMLElement {
|
|
2835
2842
|
constructor() {
|
|
2836
|
-
super(), h(this, G), d(this,
|
|
2843
|
+
super(), h(this, G), d(this, Aa, []), d(this, ja, []), d(this, Ma, void 0), d(this, Na, void 0), d(this, Pa, []), d(this, W, []), d(this, Fa, null), d(this, Ia, null), d(this, La, null), d(this, Ra, null), d(this, za, null), d(this, Ba, null), e(this, "handleEvent", (e) => {
|
|
2837
2844
|
switch (e.type) {
|
|
2838
2845
|
case "keydown":
|
|
2839
|
-
f(G, this,
|
|
2846
|
+
f(G, this, Xa).call(this, e);
|
|
2840
2847
|
break;
|
|
2841
2848
|
}
|
|
2842
|
-
}), this.attachShadow({ mode: "open" }).appendChild(
|
|
2849
|
+
}), this.attachShadow({ mode: "open" }).appendChild(ka.content.cloneNode(!0));
|
|
2843
2850
|
}
|
|
2844
2851
|
connectedCallback() {
|
|
2845
2852
|
let e = this.getRootNode();
|
|
2846
2853
|
if (e instanceof ShadowRoot) {
|
|
2847
2854
|
var t, n, r;
|
|
2848
|
-
m(
|
|
2855
|
+
m(La, this, e.host.closest("vindral-controller")), (t = p(La, this)) == null || t.connectListener(this), m(Fa, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#languages .menu")), m(Ia, this, (r = this.shadowRoot) == null ? void 0 : r.querySelector("#text-tracks .menu")), f(G, this, Ha).call(this), f(G, this, Ua).call(this), m(Ra, this, e.host), this.addEventListener("keydown", this);
|
|
2849
2856
|
}
|
|
2850
2857
|
}
|
|
2851
2858
|
disconnectedCallback() {
|
|
@@ -2855,16 +2862,16 @@ var ka = /* @__PURE__ */ new WeakMap(), Aa = /* @__PURE__ */ new WeakMap(), ja =
|
|
|
2855
2862
|
t !== n && (e === g.LANGUAGES && n && (this.languages = JSON.parse(n)), e === g.TEXT_TRACKS && n && (this.textTracks = JSON.parse(n)), e === g.LANGUAGE && (this.language = n), e === g.TEXT_TRACK && (this.textTrack = n));
|
|
2856
2863
|
}
|
|
2857
2864
|
set languages(e) {
|
|
2858
|
-
m(
|
|
2865
|
+
m(Aa, this, e), f(G, this, Ga).call(this), f(G, this, qa).call(this);
|
|
2859
2866
|
}
|
|
2860
2867
|
set textTracks(e) {
|
|
2861
|
-
m(
|
|
2868
|
+
m(ja, this, e), f(G, this, Wa).call(this), f(G, this, Ja).call(this);
|
|
2862
2869
|
}
|
|
2863
2870
|
set language(e) {
|
|
2864
|
-
m(
|
|
2871
|
+
m(Ma, this, e), f(G, this, qa).call(this);
|
|
2865
2872
|
}
|
|
2866
2873
|
set textTrack(e) {
|
|
2867
|
-
m(
|
|
2874
|
+
m(Na, this, e), f(G, this, Ja).call(this);
|
|
2868
2875
|
}
|
|
2869
2876
|
get keysUsed() {
|
|
2870
2877
|
return [
|
|
@@ -2881,10 +2888,10 @@ var ka = /* @__PURE__ */ new WeakMap(), Aa = /* @__PURE__ */ new WeakMap(), ja =
|
|
|
2881
2888
|
];
|
|
2882
2889
|
}
|
|
2883
2890
|
focus() {
|
|
2884
|
-
p(
|
|
2891
|
+
p(za, this) ? p(za, this).focus() : p(Ba, this) && p(Ba, this).focus();
|
|
2885
2892
|
}
|
|
2886
2893
|
};
|
|
2887
|
-
function
|
|
2894
|
+
function Ha() {
|
|
2888
2895
|
new IntersectionObserver((e) => {
|
|
2889
2896
|
e.forEach((e) => {
|
|
2890
2897
|
if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
|
|
@@ -2893,55 +2900,55 @@ function Va() {
|
|
|
2893
2900
|
} else this.style.height = "auto";
|
|
2894
2901
|
});
|
|
2895
2902
|
}, {
|
|
2896
|
-
root: p(
|
|
2903
|
+
root: p(La, this),
|
|
2897
2904
|
threshold: 0
|
|
2898
2905
|
}).observe(this);
|
|
2899
2906
|
}
|
|
2900
|
-
function Ha() {
|
|
2901
|
-
p(Pa, this) && (f(G, this, Wa).call(this), f(G, this, Ka).call(this)), p(Fa, this) && (f(G, this, Ua).call(this), f(G, this, qa).call(this));
|
|
2902
|
-
}
|
|
2903
2907
|
function Ua() {
|
|
2904
|
-
p(Fa, this).
|
|
2905
|
-
|
|
2906
|
-
|
|
2908
|
+
p(Fa, this) && (f(G, this, Ga).call(this), f(G, this, qa).call(this)), p(Ia, this) && (f(G, this, Wa).call(this), f(G, this, Ja).call(this));
|
|
2909
|
+
}
|
|
2910
|
+
function Wa() {
|
|
2911
|
+
p(Ia, this).innerHTML = "", m(W, this, []);
|
|
2912
|
+
let e = f(G, this, Ka).call(this, "Off", "textTrack", void 0);
|
|
2913
|
+
p(Ia, this).appendChild(e), p(W, this).push({
|
|
2907
2914
|
element: e,
|
|
2908
2915
|
value: void 0
|
|
2909
|
-
}), p(
|
|
2910
|
-
let t = f(G, this,
|
|
2911
|
-
p(
|
|
2916
|
+
}), p(ja, this).forEach((e) => {
|
|
2917
|
+
let t = f(G, this, Ka).call(this, e, "textTrack", e);
|
|
2918
|
+
p(Ia, this).appendChild(t), p(W, this).push({
|
|
2912
2919
|
element: t,
|
|
2913
2920
|
value: e
|
|
2914
2921
|
});
|
|
2915
|
-
}), f(G, this,
|
|
2922
|
+
}), f(G, this, Ja).call(this);
|
|
2916
2923
|
}
|
|
2917
|
-
function
|
|
2918
|
-
p(
|
|
2919
|
-
let t = f(G, this,
|
|
2920
|
-
p(
|
|
2924
|
+
function Ga() {
|
|
2925
|
+
p(Fa, this).innerHTML = "", m(Pa, this, []), p(Aa, this).forEach((e) => {
|
|
2926
|
+
let t = f(G, this, Ka).call(this, e, "language", e);
|
|
2927
|
+
p(Fa, this).appendChild(t), p(Pa, this).push({
|
|
2921
2928
|
element: t,
|
|
2922
2929
|
value: e
|
|
2923
2930
|
});
|
|
2924
|
-
}), f(G, this,
|
|
2931
|
+
}), f(G, this, qa).call(this);
|
|
2925
2932
|
}
|
|
2926
|
-
function
|
|
2933
|
+
function Ka(e, t, n) {
|
|
2927
2934
|
let r = document.createElement("div");
|
|
2928
|
-
return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => f(G, this,
|
|
2929
|
-
}
|
|
2930
|
-
function Ka() {
|
|
2931
|
-
p(Ra, this) && (p(Ra, this).removeAttribute("aria-selected"), p(Ra, this).tabIndex = -1);
|
|
2932
|
-
let e = p(Na, this).find((e) => e.value === p(ja, this));
|
|
2933
|
-
e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(Ra, this, e.element));
|
|
2935
|
+
return r.setAttribute("role", "menuitem"), r.textContent = e, r.addEventListener("click", () => f(G, this, Ya).call(this, n, t)), r;
|
|
2934
2936
|
}
|
|
2935
2937
|
function qa() {
|
|
2936
2938
|
p(za, this) && (p(za, this).removeAttribute("aria-selected"), p(za, this).tabIndex = -1);
|
|
2937
|
-
let e = p(
|
|
2938
|
-
|
|
2939
|
+
let e = p(Pa, this).find((e) => e.value === p(Ma, this));
|
|
2940
|
+
e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(za, this, e.element));
|
|
2941
|
+
}
|
|
2942
|
+
function Ja() {
|
|
2943
|
+
p(Ba, this) && (p(Ba, this).removeAttribute("aria-selected"), p(Ba, this).tabIndex = -1);
|
|
2944
|
+
let e = p(W, this).find((e) => e.value === p(Na, this));
|
|
2945
|
+
if (e) e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(Ba, this, e.element);
|
|
2939
2946
|
else {
|
|
2940
2947
|
let e = p(W, this).find((e) => e.value === void 0);
|
|
2941
|
-
e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(
|
|
2948
|
+
e && (e.element.setAttribute("aria-selected", "true"), e.element.tabIndex = 0, m(Ba, this, e.element));
|
|
2942
2949
|
}
|
|
2943
2950
|
}
|
|
2944
|
-
function
|
|
2951
|
+
function Ya(e, t) {
|
|
2945
2952
|
this.dispatchEvent(new Event("change", {
|
|
2946
2953
|
bubbles: !0,
|
|
2947
2954
|
composed: !0
|
|
@@ -2953,36 +2960,36 @@ function Ja(e, t) {
|
|
|
2953
2960
|
detail: e
|
|
2954
2961
|
}));
|
|
2955
2962
|
}
|
|
2956
|
-
function
|
|
2963
|
+
function Xa(e) {
|
|
2957
2964
|
let { key: t, ctrlKey: n, altKey: r, metaKey: i } = e;
|
|
2958
2965
|
if (!(n || r || i) && this.keysUsed.includes(t)) if (e.preventDefault(), e.stopPropagation(), t === "Tab" || t === "Escape") {
|
|
2959
2966
|
var a;
|
|
2960
|
-
(a = p(
|
|
2967
|
+
(a = p(Ra, this)) == null || a.hide();
|
|
2961
2968
|
} else if (t === "Enter" || t === " ") {
|
|
2962
2969
|
var o;
|
|
2963
|
-
(o = f(G, this,
|
|
2964
|
-
} else f(G, this,
|
|
2970
|
+
(o = f(G, this, $a).call(this)) == null || (o = o.element) == null || o.click();
|
|
2971
|
+
} else f(G, this, Za).call(this, e);
|
|
2965
2972
|
}
|
|
2966
|
-
function
|
|
2973
|
+
function Za(e) {
|
|
2967
2974
|
var t;
|
|
2968
|
-
let { key: n } = e, r = [...p(
|
|
2975
|
+
let { key: n } = e, r = [...p(Pa, this), ...p(W, this)], i = (t = f(G, this, $a).call(this)) == null ? r[0] : t;
|
|
2969
2976
|
if (!i) return;
|
|
2970
2977
|
let a = r.indexOf(i), o = Math.max(0, a);
|
|
2971
|
-
n === "ArrowDown" ? o++ : n === "ArrowUp" ? o-- : n === "ArrowLeft" ? o = f(G, this,
|
|
2978
|
+
n === "ArrowDown" ? o++ : n === "ArrowUp" ? o-- : n === "ArrowLeft" ? o = f(G, this, Qa).call(this, a, "left") : n === "ArrowRight" ? o = f(G, this, Qa).call(this, a, "right") : e.key === "Home" ? o = 0 : e.key === "End" && (o = r.length - 1), o < 0 && (o = r.length - 1), o > r.length - 1 && (o = 0);
|
|
2972
2979
|
let s = r[o];
|
|
2973
|
-
s && (f(G, this,
|
|
2980
|
+
s && (f(G, this, eo).call(this, s.value), s.element.focus());
|
|
2974
2981
|
}
|
|
2975
|
-
function
|
|
2976
|
-
let n = p(
|
|
2982
|
+
function Qa(e, t) {
|
|
2983
|
+
let n = p(Pa, this).length, r = p(W, this).length;
|
|
2977
2984
|
return t === "left" ? e < n ? n + r - 1 : e - n - 1 : e >= n ? 0 : e + n;
|
|
2978
2985
|
}
|
|
2979
|
-
function
|
|
2980
|
-
return [...p(
|
|
2986
|
+
function $a() {
|
|
2987
|
+
return [...p(Pa, this), ...p(W, this)].find((e) => e.element.tabIndex === 0);
|
|
2981
2988
|
}
|
|
2982
|
-
function
|
|
2983
|
-
for (let t of [...p(
|
|
2989
|
+
function eo(e) {
|
|
2990
|
+
for (let t of [...p(Pa, this), ...p(W, this)]) t.element.tabIndex = t.value === e ? 0 : -1;
|
|
2984
2991
|
}
|
|
2985
|
-
e(
|
|
2992
|
+
e(Va, "observedAttributes", [
|
|
2986
2993
|
g.LANGUAGES,
|
|
2987
2994
|
g.TEXT_TRACKS,
|
|
2988
2995
|
g.LANGUAGE,
|
|
@@ -2990,12 +2997,12 @@ e(Ba, "observedAttributes", [
|
|
|
2990
2997
|
]);
|
|
2991
2998
|
//#endregion
|
|
2992
2999
|
//#region ../../libs/player-next/src/components/LiveButton.ts
|
|
2993
|
-
var
|
|
2994
|
-
|
|
2995
|
-
var
|
|
3000
|
+
var to, no = document.createElement("template");
|
|
3001
|
+
no.innerHTML = "\n <style>\n :host {\n display: var(--live-button-display, flex);\n color: var(--vindral-fg-strong, #eee);\n border: 1px solid transparent !important;\n font-size: 12px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.2s;\n min-width: 50px !important;\n text-align: center;\n align-items: center;\n justify-content: center;\n }\n\n .live-text {\n display: inline-block;\n vertical-align: middle;\n margin-left: 4px;\n }\n\n slot[name=\"icon\"] svg {\n width: 5px;\n height: 5px;\n flex-shrink: 0;\n }\n\n .live-dot {\n fill: var(--vindral-fg-subtle, #b4b4b4);\n transition: fill 0.2s;\n transform-origin: center;\n }\n\n /* Red pulsing dot when live */\n :host(:not([timeshift-position])) .live-dot {\n fill: #ff0000;\n animation: pulse-dot 2s ease-in-out infinite alternate;\n }\n\n @keyframes pulse-dot {\n 0% {\n opacity: 0.8;\n transform: scale(0.9);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n :host([disabled]) {\n cursor: default;\n opacity: 1;\n }\n\n :host([hidden]) {\n display: none !important;\n }\n </style>\n\n <slot name=\"icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"5\" viewBox=\"0 0 5 5\" fill=\"currentColor\">\n <circle cx=\"2.5\" cy=\"2.5\" r=\"2.5\" class=\"live-dot\"/>\n </svg>\n</slot>\n <span class=\"live-text\">LIVE</span>\n";
|
|
3002
|
+
var ro = class extends x {
|
|
2996
3003
|
constructor() {
|
|
2997
3004
|
var e;
|
|
2998
|
-
super(), (e = this.shadowRoot) == null || e.appendChild(
|
|
3005
|
+
super(), (e = this.shadowRoot) == null || e.appendChild(no.content.cloneNode(!0));
|
|
2999
3006
|
}
|
|
3000
3007
|
connectedCallback() {
|
|
3001
3008
|
super.connectedCallback(), this.updateState();
|
|
@@ -3026,15 +3033,15 @@ var no = class extends x {
|
|
|
3026
3033
|
}));
|
|
3027
3034
|
}
|
|
3028
3035
|
};
|
|
3029
|
-
|
|
3030
|
-
...y(
|
|
3036
|
+
to = ro, e(ro, "observedAttributes", [
|
|
3037
|
+
...y(to, "observedAttributes", to),
|
|
3031
3038
|
g.TIMESHIFT_POSITION,
|
|
3032
3039
|
g.DURATION
|
|
3033
3040
|
]);
|
|
3034
3041
|
//#endregion
|
|
3035
3042
|
//#region ../../libs/player-next/src/components/MuteButton.ts
|
|
3036
|
-
var
|
|
3037
|
-
|
|
3043
|
+
var io, ao = document.createElement("template");
|
|
3044
|
+
ao.innerHTML = `
|
|
3038
3045
|
<style>
|
|
3039
3046
|
:host {
|
|
3040
3047
|
display: var(--mute-button-display);
|
|
@@ -3062,10 +3069,10 @@ io.innerHTML = `
|
|
|
3062
3069
|
</slot>
|
|
3063
3070
|
</slot>
|
|
3064
3071
|
`;
|
|
3065
|
-
var
|
|
3072
|
+
var oo = class extends x {
|
|
3066
3073
|
constructor() {
|
|
3067
3074
|
var e;
|
|
3068
|
-
super(), (e = this.shadowRoot) == null || e.appendChild(
|
|
3075
|
+
super(), (e = this.shadowRoot) == null || e.appendChild(ao.content.cloneNode(!0));
|
|
3069
3076
|
}
|
|
3070
3077
|
connectedCallback() {
|
|
3071
3078
|
super.connectedCallback(), this.setAttribute("aria-label", this.muted ? "UnMute" : "Mute");
|
|
@@ -3090,11 +3097,11 @@ var ao = class extends x {
|
|
|
3090
3097
|
}));
|
|
3091
3098
|
}
|
|
3092
3099
|
};
|
|
3093
|
-
|
|
3100
|
+
io = oo, e(oo, "observedAttributes", [...y(io, "observedAttributes", io), g.MUTED]);
|
|
3094
3101
|
//#endregion
|
|
3095
3102
|
//#region ../../libs/player-next/src/components/PictureInPictureButton.ts
|
|
3096
|
-
var
|
|
3097
|
-
|
|
3103
|
+
var so, co = document.createElement("template");
|
|
3104
|
+
co.innerHTML = `
|
|
3098
3105
|
<style>
|
|
3099
3106
|
:host {
|
|
3100
3107
|
display: var(--pip-button-display);
|
|
@@ -3108,10 +3115,10 @@ so.innerHTML = `
|
|
|
3108
3115
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19 4a3 3 0 0 1 3 3v4a1 1 0 0 1 -2 0v-4a1 1 0 0 0 -1 -1h-14a1 1 0 0 0 -1 1v10a1 1 0 0 0 1 1h6a1 1 0 0 1 0 2h-6a3 3 0 0 1 -3 -3v-10a3 3 0 0 1 3 -3z" /><path d="M20 13a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-5a2 2 0 0 1 -2 -2v-3a2 2 0 0 1 2 -2z" /></svg>
|
|
3109
3116
|
</slot>
|
|
3110
3117
|
`;
|
|
3111
|
-
var
|
|
3118
|
+
var lo = class extends x {
|
|
3112
3119
|
constructor() {
|
|
3113
3120
|
var e;
|
|
3114
|
-
super(), (e = this.shadowRoot) == null || e.appendChild(
|
|
3121
|
+
super(), (e = this.shadowRoot) == null || e.appendChild(co.content.cloneNode(!0));
|
|
3115
3122
|
}
|
|
3116
3123
|
connectedCallback() {
|
|
3117
3124
|
super.connectedCallback(), this.setAttribute("aria-label", this.isPictureInPictureActive ? "Exit picture in picture" : "Enter picture in picture");
|
|
@@ -3136,15 +3143,15 @@ var co = class extends x {
|
|
|
3136
3143
|
}));
|
|
3137
3144
|
}
|
|
3138
3145
|
};
|
|
3139
|
-
|
|
3140
|
-
...y(
|
|
3146
|
+
so = lo, e(lo, "observedAttributes", [
|
|
3147
|
+
...y(so, "observedAttributes", so),
|
|
3141
3148
|
g.IS_PIP,
|
|
3142
3149
|
g.PIP_AVAILABLE
|
|
3143
3150
|
]);
|
|
3144
3151
|
//#endregion
|
|
3145
3152
|
//#region ../../libs/player-next/src/components/PlayButton.ts
|
|
3146
|
-
var
|
|
3147
|
-
|
|
3153
|
+
var uo, fo = document.createElement("template");
|
|
3154
|
+
fo.innerHTML = `
|
|
3148
3155
|
<style>
|
|
3149
3156
|
:host {
|
|
3150
3157
|
display: var(--play-button-display);
|
|
@@ -3168,10 +3175,10 @@ uo.innerHTML = `
|
|
|
3168
3175
|
</slot>
|
|
3169
3176
|
</slot>
|
|
3170
3177
|
`;
|
|
3171
|
-
var
|
|
3178
|
+
var po = class extends x {
|
|
3172
3179
|
constructor() {
|
|
3173
3180
|
var e;
|
|
3174
|
-
super(), (e = this.shadowRoot) == null || e.appendChild(
|
|
3181
|
+
super(), (e = this.shadowRoot) == null || e.appendChild(fo.content.cloneNode(!0));
|
|
3175
3182
|
}
|
|
3176
3183
|
connectedCallback() {
|
|
3177
3184
|
super.connectedCallback(), this.setAttribute("aria-label", this.paused ? "Play" : "Pause");
|
|
@@ -3196,7 +3203,7 @@ var fo = class extends x {
|
|
|
3196
3203
|
}));
|
|
3197
3204
|
}
|
|
3198
3205
|
};
|
|
3199
|
-
|
|
3206
|
+
uo = po, e(po, "observedAttributes", [...y(uo, "observedAttributes", uo), g.PAUSED]);
|
|
3200
3207
|
//#endregion
|
|
3201
3208
|
//#region ../../libs/player-next/src/PlayerAttributes.ts
|
|
3202
3209
|
var K = {
|
|
@@ -3205,55 +3212,55 @@ var K = {
|
|
|
3205
3212
|
ADVANCED_RENDITION_MENU_ENABLED: "advanced-rendition-menu-enabled",
|
|
3206
3213
|
REFRESH_POSTER_ENABLED: "refresh-poster-enabled",
|
|
3207
3214
|
STREAM_POLL_ENABLED: "stream-poll-enabled"
|
|
3208
|
-
},
|
|
3215
|
+
}, mo = Object.values(K), ho = /* @__PURE__ */ new WeakMap(), go = /* @__PURE__ */ new WeakMap(), _o = /* @__PURE__ */ new WeakMap(), vo = /* @__PURE__ */ new WeakMap(), yo = /* @__PURE__ */ new WeakMap(), bo = /* @__PURE__ */ new WeakMap(), xo = /* @__PURE__ */ new WeakMap(), So = /* @__PURE__ */ new WeakSet(), Co = class extends fe {
|
|
3209
3216
|
constructor(e) {
|
|
3210
|
-
super(), h(this,
|
|
3217
|
+
super(), h(this, So), d(this, ho, void 0), d(this, go, void 0), d(this, _o, !1), d(this, vo, !1), d(this, yo, !0), d(this, bo, null), d(this, xo, null), m(go, this, e), m(ho, this, new de({
|
|
3211
3218
|
publicEndpoint: e.url,
|
|
3212
3219
|
tokenFactory: () => e.authenticationToken
|
|
3213
3220
|
}));
|
|
3214
3221
|
}
|
|
3215
3222
|
start(e = 5e3) {
|
|
3216
|
-
p(
|
|
3217
|
-
!p(
|
|
3223
|
+
p(xo, this) && clearInterval(p(xo, this)), m(_o, this, !1), m(vo, this, !1), f(So, this, Do).call(this), f(So, this, wo).call(this), m(xo, this, window.setInterval(() => {
|
|
3224
|
+
!p(vo, this) && !p(go, this).infiniteReconnect && !p(bo, this) && p(yo, this) && m(bo, this, window.setTimeout(() => f(So, this, To).call(this), 300 * 1e3)), !p(vo, this) && p(yo, this) && f(So, this, wo).call(this);
|
|
3218
3225
|
}, e));
|
|
3219
3226
|
}
|
|
3220
3227
|
stop() {
|
|
3221
|
-
f(
|
|
3228
|
+
f(So, this, Eo).call(this), p(xo, this) && (window.clearInterval(p(xo, this)), m(xo, this, null));
|
|
3222
3229
|
}
|
|
3223
3230
|
};
|
|
3224
|
-
function
|
|
3231
|
+
function wo() {
|
|
3225
3232
|
var e = this;
|
|
3226
3233
|
return t(function* () {
|
|
3227
|
-
if (p(
|
|
3228
|
-
m(
|
|
3234
|
+
if (p(_o, e)) return;
|
|
3235
|
+
m(_o, e, !0);
|
|
3229
3236
|
let t = "Stream is offline", n = "Please stand by";
|
|
3230
3237
|
try {
|
|
3231
|
-
let t = yield p(
|
|
3238
|
+
let t = yield p(ho, e).getChannel(p(go, e).channelId);
|
|
3232
3239
|
if (t.isLive) {
|
|
3233
|
-
m(
|
|
3240
|
+
m(vo, e, !0), f(So, e, Do).call(e), e.emit("live", t), m(_o, e, !1);
|
|
3234
3241
|
return;
|
|
3235
3242
|
}
|
|
3236
3243
|
} catch (e) {
|
|
3237
3244
|
ue(e) && (e.status === 403 || e.status === 401) && (t = "Forbidden", n = "You do not have permission to view this stream");
|
|
3238
3245
|
}
|
|
3239
|
-
p(
|
|
3246
|
+
p(yo, e) && e.emit("error", {
|
|
3240
3247
|
title: t,
|
|
3241
3248
|
message: n
|
|
3242
|
-
}), m(
|
|
3249
|
+
}), m(_o, e, !1);
|
|
3243
3250
|
})();
|
|
3244
3251
|
}
|
|
3245
|
-
function wo() {
|
|
3246
|
-
this.stop(), m(vo, this, !1), this.emit("timeout");
|
|
3247
|
-
}
|
|
3248
3252
|
function To() {
|
|
3249
|
-
|
|
3253
|
+
this.stop(), m(yo, this, !1), this.emit("timeout");
|
|
3250
3254
|
}
|
|
3251
3255
|
function Eo() {
|
|
3252
|
-
|
|
3256
|
+
p(bo, this) && (window.clearTimeout(p(bo, this)), m(bo, this, null));
|
|
3257
|
+
}
|
|
3258
|
+
function Do() {
|
|
3259
|
+
f(So, this, Eo).call(this), m(yo, this, !0);
|
|
3253
3260
|
}
|
|
3254
3261
|
//#endregion
|
|
3255
3262
|
//#region ../../libs/player-next/src/utils/browser.ts
|
|
3256
|
-
var
|
|
3263
|
+
var Oo = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune\//i, ko = navigator.userAgent.toLowerCase(), Ao = Oo.test(ko), jo = (e) => Mi.observedAttributes.includes(e), Mo = `
|
|
3257
3264
|
<style>
|
|
3258
3265
|
:host {
|
|
3259
3266
|
container-type: inline-size;
|
|
@@ -3263,7 +3270,7 @@ var Do = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
|
|
|
3263
3270
|
display: flex;
|
|
3264
3271
|
justify-content: center;
|
|
3265
3272
|
|
|
3266
|
-
--vindral-volume-range-display: ${
|
|
3273
|
+
--vindral-volume-range-display: ${Ao ? "none" : "flex"};
|
|
3267
3274
|
--vindral-airplay-button-display: none;
|
|
3268
3275
|
--vindral-play-overlay-display: none;
|
|
3269
3276
|
--vindral-grid-item-offline-display: none;
|
|
@@ -3344,10 +3351,10 @@ var Do = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
|
|
|
3344
3351
|
--vindral-subtitle-offset: -48px;
|
|
3345
3352
|
}
|
|
3346
3353
|
</style>
|
|
3347
|
-
`,
|
|
3354
|
+
`, No = (e) => {
|
|
3348
3355
|
let t = e ? "vindral-advanced-rendition-menu" : "vindral-rendition-levels-menu";
|
|
3349
3356
|
return `
|
|
3350
|
-
${
|
|
3357
|
+
${Mo}
|
|
3351
3358
|
|
|
3352
3359
|
<vindral-controller>
|
|
3353
3360
|
<vindral-control-bar slot="top-bar">
|
|
@@ -3383,8 +3390,8 @@ var Do = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
|
|
|
3383
3390
|
<vindral-message id="vindral-message" slot="overlay" hidden></vindral-message>
|
|
3384
3391
|
</vindral-controller>
|
|
3385
3392
|
`;
|
|
3386
|
-
},
|
|
3387
|
-
${
|
|
3393
|
+
}, Po = `
|
|
3394
|
+
${Mo}
|
|
3388
3395
|
|
|
3389
3396
|
<style>
|
|
3390
3397
|
#control-bar {
|
|
@@ -3406,52 +3413,52 @@ var Do = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
|
|
|
3406
3413
|
<vindral-play-overlay id="play-overlay" slot="overlay" hidden></vindral-play-overlay>
|
|
3407
3414
|
<vindral-message id="vindral-message" slot="overlay" hidden></vindral-message>
|
|
3408
3415
|
</vindral-controller>
|
|
3409
|
-
`,
|
|
3416
|
+
`, Fo = document.createElement("template"), Io = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), Lo = /* @__PURE__ */ new WeakMap(), Ro = /* @__PURE__ */ new WeakMap(), zo = /* @__PURE__ */ new WeakMap(), Bo = /* @__PURE__ */ new WeakMap(), Vo = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), Ho = /* @__PURE__ */ new WeakMap(), Uo = /* @__PURE__ */ new WeakMap(), Wo = /* @__PURE__ */ new WeakMap(), Go = class extends HTMLElement {
|
|
3410
3417
|
constructor() {
|
|
3411
|
-
super(), h(this, Y), d(this,
|
|
3418
|
+
super(), h(this, Y), d(this, Io, void 0), d(this, q, void 0), d(this, J, void 0), d(this, Lo, void 0), d(this, Ro, void 0), d(this, zo, /* @__PURE__ */ new Set()), d(this, Bo, () => {
|
|
3412
3419
|
Array.from(this.attributes).forEach((e) => {
|
|
3413
|
-
p(
|
|
3420
|
+
p(Vo, this).call(this, e.name, e.value);
|
|
3414
3421
|
});
|
|
3415
|
-
}), d(this,
|
|
3416
|
-
|
|
3417
|
-
}), d(this,
|
|
3422
|
+
}), d(this, Vo, (e, t) => {
|
|
3423
|
+
jo(e) && (v(t) ? p(q, this).setAttribute(e, t) : p(q, this).removeAttribute(e));
|
|
3424
|
+
}), d(this, Ho, () => {
|
|
3418
3425
|
Array.from(this.children).forEach((e) => {
|
|
3419
|
-
p(
|
|
3426
|
+
p(zo, this).add(e);
|
|
3420
3427
|
});
|
|
3421
|
-
}), d(this,
|
|
3428
|
+
}), d(this, Uo, () => {
|
|
3422
3429
|
let e = p(q, this).instance;
|
|
3423
3430
|
e && (e.on("is live", (e) => {
|
|
3424
|
-
e ? (this.removeAttribute(K.OFFLINE), p(J, this).setAttribute("hidden", "")) : (this.setAttribute(K.OFFLINE, ""), p(J, this).removeAttribute("hidden"), f(Y, this,
|
|
3431
|
+
e ? (this.removeAttribute(K.OFFLINE), p(J, this).setAttribute("hidden", "")) : (this.setAttribute(K.OFFLINE, ""), p(J, this).removeAttribute("hidden"), f(Y, this, Xo).call(this, "Stream is offline", "Please stand by"));
|
|
3425
3432
|
}), e.on("channels", (e) => {
|
|
3426
3433
|
let t = p(q, this).getAttribute("channel-id"), n = e.find((e) => e.channelId === t);
|
|
3427
|
-
n && f(Y, this,
|
|
3434
|
+
n && f(Y, this, Yo).call(this, n);
|
|
3428
3435
|
}), e.on("channel switch", ({ channelId: t }) => {
|
|
3429
3436
|
let n = e.channels.find((e) => e.channelId === t);
|
|
3430
|
-
n && f(Y, this,
|
|
3437
|
+
n && f(Y, this, Yo).call(this, n);
|
|
3431
3438
|
}), e.on("error", (e) => {
|
|
3432
3439
|
if (e.code() === "connection_failed") {
|
|
3433
|
-
f(Y, this,
|
|
3440
|
+
f(Y, this, Xo).call(this, "Stream is offline", "Please stand by");
|
|
3434
3441
|
return;
|
|
3435
3442
|
}
|
|
3436
|
-
e.isFatal() && (e.code() === "access_forbidden" ? f(Y, this,
|
|
3443
|
+
e.isFatal() && (e.code() === "access_forbidden" ? f(Y, this, Xo).call(this, "Forbidden", "You do not have permission to view this stream") : e.code() === "connection_failed_will_not_attempt_again" ? f(Y, this, Xo).call(this, "Stream is offline", "Please stand by") : f(Y, this, Xo).call(this, "An error occurred", e.message), p(Lo, this).removeAttribute("hidden"), this.setAttribute(K.OFFLINE, ""), p(q, this).dispatchEvent(new CustomEvent(_.EXIT_FULLSCREEN)), p(q, this).dispatchEvent(new CustomEvent(_.EXIT_PIP)));
|
|
3437
3444
|
}));
|
|
3438
|
-
}), d(this,
|
|
3439
|
-
p(q, this).connect(), p(
|
|
3440
|
-
}), m(
|
|
3445
|
+
}), d(this, Wo, () => {
|
|
3446
|
+
p(q, this).connect(), p(Lo, this).setAttribute("hidden", ""), p(J, this).setAttribute("hidden", ""), p(q, this).focus();
|
|
3447
|
+
}), m(Io, this, this.attachShadow({ mode: "open" })), f(Y, this, qo).call(this), m(q, this, p(Io, this).querySelector("vindral-controller")), m(J, this, p(Io, this).querySelector("#vindral-message")), m(Lo, this, p(Io, this).querySelector("#play-overlay"));
|
|
3441
3448
|
}
|
|
3442
3449
|
connectedCallback() {
|
|
3443
|
-
this.setAttribute(K.OFFLINE, ""), p(q, this).addEventListener("vindral-instance-ready", p(
|
|
3450
|
+
this.setAttribute(K.OFFLINE, ""), p(q, this).addEventListener("vindral-instance-ready", p(Uo, this)), f(Y, this, Jo).call(this);
|
|
3444
3451
|
}
|
|
3445
3452
|
disconnectedCallback() {
|
|
3446
3453
|
var e;
|
|
3447
|
-
p(q, this).removeEventListener("vindral-instance-ready", p(
|
|
3454
|
+
p(q, this).removeEventListener("vindral-instance-ready", p(Uo, this)), p(Lo, this).removeEventListener("click", p(Wo, this)), (e = p(Ro, this)) == null || e.stop();
|
|
3448
3455
|
}
|
|
3449
3456
|
attributeChangedCallback(e, t, n) {
|
|
3450
|
-
if (t !== n) if (e === g.MEDIA || e === K.ADVANCED_RENDITION_MENU_ENABLED) f(Y, this,
|
|
3457
|
+
if (t !== n) if (e === g.MEDIA || e === K.ADVANCED_RENDITION_MENU_ENABLED) f(Y, this, qo).call(this);
|
|
3451
3458
|
else if (e === K.REFRESH_POSTER_ENABLED) {
|
|
3452
|
-
let e = p(
|
|
3459
|
+
let e = p(Io, this).querySelector("vindral-poster-overlay");
|
|
3453
3460
|
e && (e.disabled = b(this.getAttribute(K.REFRESH_POSTER_ENABLED), !1) === !1);
|
|
3454
|
-
} else p(
|
|
3461
|
+
} else p(Vo, this).call(this, e, n);
|
|
3455
3462
|
}
|
|
3456
3463
|
get instance() {
|
|
3457
3464
|
return p(q, this).instance;
|
|
@@ -3460,40 +3467,40 @@ var Do = /\/Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Si
|
|
|
3460
3467
|
return p(q, this).airPlay;
|
|
3461
3468
|
}
|
|
3462
3469
|
};
|
|
3463
|
-
function
|
|
3470
|
+
function Ko() {
|
|
3464
3471
|
let e = ge(this.getAttribute(g.MEDIA)), t = b(this.getAttribute(K.ADVANCED_RENDITION_MENU_ENABLED), !1);
|
|
3465
|
-
return e === "audio" ?
|
|
3472
|
+
return e === "audio" ? Po : No(t);
|
|
3466
3473
|
}
|
|
3467
|
-
function
|
|
3468
|
-
let e = p(
|
|
3469
|
-
this.isConnected && t && t.removeEventListener("vindral-instance-ready", p(
|
|
3470
|
-
let r =
|
|
3471
|
-
m(q, this, r.querySelector("vindral-controller")), m(J, this, r.querySelector("#vindral-message")), m(
|
|
3474
|
+
function qo() {
|
|
3475
|
+
let e = p(Io, this).hasChildNodes(), t = e ? p(q, this) : void 0, n = e ? p(Lo, this) : void 0;
|
|
3476
|
+
this.isConnected && t && t.removeEventListener("vindral-instance-ready", p(Uo, this)), this.isConnected && n && p(Ro, this) && n.removeEventListener("click", p(Wo, this)), Fo.innerHTML = f(Y, this, Ko).call(this);
|
|
3477
|
+
let r = Fo.content.cloneNode(!0);
|
|
3478
|
+
m(q, this, r.querySelector("vindral-controller")), m(J, this, r.querySelector("#vindral-message")), m(Lo, this, r.querySelector("#play-overlay")), p(Ho, this).call(this), p(zo, this).forEach((e) => {
|
|
3472
3479
|
p(q, this).appendChild(e);
|
|
3473
|
-
}), p(
|
|
3480
|
+
}), p(Bo, this).call(this), p(Io, this).innerHTML = "", p(Io, this).appendChild(r), this.isConnected && (p(q, this).addEventListener("vindral-instance-ready", p(Uo, this)), p(Ro, this) && p(Lo, this).addEventListener("click", p(Wo, this)));
|
|
3474
3481
|
}
|
|
3475
|
-
function
|
|
3482
|
+
function Jo() {
|
|
3476
3483
|
var e;
|
|
3477
3484
|
if (b(this.getAttribute(K.STREAM_POLL_ENABLED), !0) === !1) return;
|
|
3478
3485
|
let t = this.getAttribute("url"), n = this.getAttribute("channel-id"), r = (e = this.getAttribute("authentication-token")) == null ? void 0 : e, i = this.hasAttribute("infinite-reconnect");
|
|
3479
3486
|
if (!t || !n) {
|
|
3480
|
-
this.setAttribute(K.OFFLINE, ""), f(Y, this,
|
|
3487
|
+
this.setAttribute(K.OFFLINE, ""), f(Y, this, Xo).call(this, "Invalid options", "Please enter at least a channel id and url to start the stream");
|
|
3481
3488
|
return;
|
|
3482
3489
|
}
|
|
3483
|
-
m(
|
|
3490
|
+
m(Ro, this, new Co({
|
|
3484
3491
|
url: t,
|
|
3485
3492
|
channelId: n,
|
|
3486
3493
|
authenticationToken: r,
|
|
3487
3494
|
infiniteReconnect: i
|
|
3488
|
-
})), p(
|
|
3489
|
-
p(q, this).connect(), this.removeAttribute("offline"), p(J, this).setAttribute("hidden", ""), f(Y, this,
|
|
3490
|
-
}), p(
|
|
3491
|
-
p(J, this).setAttribute("hidden", ""), p(
|
|
3492
|
-
}), p(
|
|
3493
|
-
this.setAttribute(K.OFFLINE, ""), f(Y, this,
|
|
3494
|
-
}), p(
|
|
3495
|
-
}
|
|
3496
|
-
function
|
|
3495
|
+
})), p(Ro, this).on("live", (e) => {
|
|
3496
|
+
p(q, this).connect(), this.removeAttribute("offline"), p(J, this).setAttribute("hidden", ""), f(Y, this, Yo).call(this, e);
|
|
3497
|
+
}), p(Ro, this).on("timeout", () => {
|
|
3498
|
+
p(J, this).setAttribute("hidden", ""), p(Lo, this).removeAttribute("hidden");
|
|
3499
|
+
}), p(Ro, this).on("error", (e) => {
|
|
3500
|
+
this.setAttribute(K.OFFLINE, ""), f(Y, this, Xo).call(this, e.title, e.message);
|
|
3501
|
+
}), p(Lo, this).addEventListener("click", p(Wo, this)), this.hasAttribute("paused") && p(Ro, this).start();
|
|
3502
|
+
}
|
|
3503
|
+
function Yo(e) {
|
|
3497
3504
|
let t = xe(this.getAttribute("title"), !1);
|
|
3498
3505
|
if (!t) return;
|
|
3499
3506
|
let n = this.getAttribute("poster"), r = typeof t == "string" ? t : e.name, i;
|
|
@@ -3507,16 +3514,16 @@ function Jo(e) {
|
|
|
3507
3514
|
poster: i
|
|
3508
3515
|
});
|
|
3509
3516
|
}
|
|
3510
|
-
function
|
|
3517
|
+
function Xo(e, t) {
|
|
3511
3518
|
p(J, this).setAttribute("title", e), p(J, this).setAttribute("description", t);
|
|
3512
3519
|
let n = this.getAttribute("poster");
|
|
3513
3520
|
n && p(J, this).setAttribute("background-image", n), p(J, this).removeAttribute("hidden");
|
|
3514
3521
|
}
|
|
3515
|
-
e(
|
|
3522
|
+
e(Go, "observedAttributes", [...Mi.observedAttributes, ...mo]);
|
|
3516
3523
|
//#endregion
|
|
3517
3524
|
//#region ../../libs/player-next/src/components/PosterOverlay.ts
|
|
3518
|
-
var
|
|
3519
|
-
|
|
3525
|
+
var Zo = document.createElement("template");
|
|
3526
|
+
Zo.innerHTML = `
|
|
3520
3527
|
<style>
|
|
3521
3528
|
:host {
|
|
3522
3529
|
display: var(--poster-overlay-display);
|
|
@@ -3551,26 +3558,26 @@ Xo.innerHTML = `
|
|
|
3551
3558
|
}
|
|
3552
3559
|
</style>
|
|
3553
3560
|
`;
|
|
3554
|
-
var
|
|
3561
|
+
var Qo = 6e3, $o = /* @__PURE__ */ new WeakMap(), es = /* @__PURE__ */ new WeakMap(), ts = /* @__PURE__ */ new WeakMap(), ns = /* @__PURE__ */ new WeakMap(), rs = /* @__PURE__ */ new WeakSet(), is = /* @__PURE__ */ new WeakMap(), as = class extends HTMLElement {
|
|
3555
3562
|
constructor() {
|
|
3556
|
-
super(), h(this,
|
|
3557
|
-
!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? f(
|
|
3558
|
-
}), d(this,
|
|
3563
|
+
super(), h(this, rs), d(this, $o, null), d(this, es, null), d(this, ts, null), d(this, ns, () => {
|
|
3564
|
+
!document.hidden && this.hasAttribute("intersecting") && this.paused && !this.disabled ? f(rs, this, os).call(this) : f(rs, this, ss).call(this);
|
|
3565
|
+
}), d(this, is, (e) => {
|
|
3559
3566
|
e.forEach((e) => {
|
|
3560
3567
|
e.isIntersecting ? this.setAttribute("intersecting", "") : this.removeAttribute("intersecting");
|
|
3561
3568
|
});
|
|
3562
|
-
}), this.attachShadow({ mode: "open" }).appendChild(
|
|
3569
|
+
}), this.attachShadow({ mode: "open" }).appendChild(Zo.content.cloneNode(!0));
|
|
3563
3570
|
}
|
|
3564
3571
|
connectedCallback() {
|
|
3565
3572
|
var e;
|
|
3566
|
-
m(
|
|
3573
|
+
m($o, this, this.closest("vindral-controller")), (e = p($o, this)) == null || e.connectListener(this), document.addEventListener("visibilitychange", p(ns, this)), m(ts, this, new IntersectionObserver(p(is, this))), p(ts, this).observe(this);
|
|
3567
3574
|
}
|
|
3568
3575
|
disconnectedCallback() {
|
|
3569
3576
|
var e, t;
|
|
3570
|
-
(e = p(
|
|
3577
|
+
(e = p($o, this)) == null || e.disconnectListener(this), document.removeEventListener("visibilitychange", p(ns, this)), (t = p(ts, this)) == null || t.disconnect(), m(ts, this, null), f(rs, this, ss).call(this);
|
|
3571
3578
|
}
|
|
3572
3579
|
attributeChangedCallback(e, t, n) {
|
|
3573
|
-
t !== n && (e === g.POSTER_SRC && this.paused && !this.disabled && f(
|
|
3580
|
+
t !== n && (e === g.POSTER_SRC && this.paused && !this.disabled && f(rs, this, cs).call(this), (e === g.PAUSED || e === "disabled" || e === "intersecting") && p(ns, this).call(this));
|
|
3574
3581
|
}
|
|
3575
3582
|
get disabled() {
|
|
3576
3583
|
return this.hasAttribute("disabled");
|
|
@@ -3585,18 +3592,18 @@ var Zo = 6e3, Qo = /* @__PURE__ */ new WeakMap(), $o = /* @__PURE__ */ new WeakM
|
|
|
3585
3592
|
return this.hasAttribute(g.PAUSED);
|
|
3586
3593
|
}
|
|
3587
3594
|
};
|
|
3588
|
-
function as() {
|
|
3589
|
-
p($o, this) === null && (f(ns, this, os).call(this), m($o, this, window.setInterval(() => f(ns, this, ss).call(this), Zo)));
|
|
3590
|
-
}
|
|
3591
3595
|
function os() {
|
|
3592
|
-
p(
|
|
3596
|
+
p(es, this) === null && (f(rs, this, ss).call(this), m(es, this, window.setInterval(() => f(rs, this, cs).call(this), Qo)));
|
|
3593
3597
|
}
|
|
3594
3598
|
function ss() {
|
|
3599
|
+
p(es, this) !== null && (clearInterval(p(es, this)), m(es, this, null)), this.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAQAAACRI2S5AAAAEElEQVR42mNkIAAYRxWAAQAG9gAKqv6+AwAAAABJRU5ErkJggg==')";
|
|
3600
|
+
}
|
|
3601
|
+
function cs() {
|
|
3595
3602
|
if (!this.posterSrc) return;
|
|
3596
3603
|
let e = new URL(this.posterSrc), t = new Image();
|
|
3597
3604
|
e.searchParams.set("t", Date.now().toString()), t.src = e.toString(), t.onload = () => this.style.backgroundImage = `url(${e.toString()})`;
|
|
3598
3605
|
}
|
|
3599
|
-
e(
|
|
3606
|
+
e(as, "observedAttributes", [
|
|
3600
3607
|
g.POSTER_SRC,
|
|
3601
3608
|
g.PAUSED,
|
|
3602
3609
|
"disabled",
|
|
@@ -3604,70 +3611,70 @@ e(is, "observedAttributes", [
|
|
|
3604
3611
|
]);
|
|
3605
3612
|
//#endregion
|
|
3606
3613
|
//#region ../../libs/player-next/src/components/RenditionLevelsMenu.ts
|
|
3607
|
-
var
|
|
3608
|
-
|
|
3614
|
+
var ls, us = "\n<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"icon icon-tabler icon-tabler-settings-filled\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#2c3e50\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/>\n <path d=\"M14.647 4.081a.724 .724 0 0 0 1.08 .448c2.439 -1.485 5.23 1.305 3.745 3.744a.724 .724 0 0 0 .447 1.08c2.775 .673 2.775 4.62 0 5.294a.724 .724 0 0 0 -.448 1.08c1.485 2.439 -1.305 5.23 -3.744 3.745a.724 .724 0 0 0 -1.08 .447c-.673 2.775 -4.62 2.775 -5.294 0a.724 .724 0 0 0 -1.08 -.448c-2.439 1.485 -5.23 -1.305 -3.745 -3.744a.724 .724 0 0 0 -.447 -1.08c-2.775 -.673 -2.775 -4.62 0 -5.294a.724 .724 0 0 0 .448 -1.08c-1.485 -2.439 1.305 -5.23 3.744 -3.745a.722 .722 0 0 0 1.08 -.447c.673 -2.775 4.62 -2.775 5.294 0zm-2.647 4.919a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z\" stroke-width=\"0\" fill=\"currentColor\" />\n</svg>\n", ds = document.createElement("template");
|
|
3615
|
+
ds.innerHTML = `
|
|
3609
3616
|
<style>
|
|
3610
3617
|
:host {
|
|
3611
3618
|
display: var(--rendition-menu-display);
|
|
3612
3619
|
}
|
|
3613
3620
|
</style>
|
|
3614
3621
|
|
|
3615
|
-
<slot name="button">${
|
|
3622
|
+
<slot name="button">${us}</slot>
|
|
3616
3623
|
<slot name="listbox" hidden>
|
|
3617
3624
|
<vindral-rendition-levels-menu-list id="listbox" part="listbox"></vindral-rendition-levels-menu-list>
|
|
3618
3625
|
</slot>
|
|
3619
3626
|
`;
|
|
3620
|
-
var
|
|
3627
|
+
var fs = /* @__PURE__ */ new WeakSet(), ps = class extends Re {
|
|
3621
3628
|
constructor() {
|
|
3622
3629
|
var e, t, n, r;
|
|
3623
|
-
super(), h(this,
|
|
3630
|
+
super(), h(this, fs), (e = this.shadowRoot) == null || e.appendChild(ds.content.cloneNode(!0)), this.button = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot[name=button]"), this.listbox = (n = this.shadowRoot) == null ? void 0 : n.querySelector("[part=listbox]"), this.listboxSlot = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot[name=listbox]");
|
|
3624
3631
|
}
|
|
3625
3632
|
connectedCallback() {
|
|
3626
|
-
super.connectedCallback(), f(
|
|
3633
|
+
super.connectedCallback(), f(fs, this, ms).call(this), this.setAttribute("aria-label", "Rendition levels");
|
|
3627
3634
|
}
|
|
3628
3635
|
attributeChangedCallback(e, t, n) {
|
|
3629
|
-
super.attributeChangedCallback(e, t, n), e === g.RENDITION_LEVELS && f(
|
|
3636
|
+
super.attributeChangedCallback(e, t, n), e === g.RENDITION_LEVELS && f(fs, this, ms).call(this);
|
|
3630
3637
|
}
|
|
3631
3638
|
};
|
|
3632
|
-
|
|
3633
|
-
function
|
|
3639
|
+
ls = ps;
|
|
3640
|
+
function ms() {
|
|
3634
3641
|
let e = this.getAttribute(g.RENDITION_LEVELS);
|
|
3635
3642
|
!e || e === "[]" ? this.setAttribute("disabled", "") : this.removeAttribute("disabled");
|
|
3636
3643
|
}
|
|
3637
|
-
e(
|
|
3644
|
+
e(ps, "observedAttributes", [...y(ls, "observedAttributes", ls), g.RENDITION_LEVELS]);
|
|
3638
3645
|
//#endregion
|
|
3639
3646
|
//#region ../../libs/player-next/src/components/RenditionLevelsMenuList.ts
|
|
3640
|
-
var
|
|
3641
|
-
|
|
3642
|
-
var
|
|
3647
|
+
var hs = document.createElement("template");
|
|
3648
|
+
hs.innerHTML = "\n <style>\n :host {\n font: inherit;\n cursor: default;\n padding: var(--padding-2) !important;\n padding-top: var(--padding-3) !important;\n border-radius: 0.25em;\n position: absolute;\n min-width: 140px !important;\n background: var(--bg-subtle);\n z-index: 1;\n overflow: auto;\n }\n\n :host([list-position=\"top\"]) {\n bottom: calc(100% + 0.5em);\n transform: translate(-50%);\n }\n\n :host([list-position=\"bottom\"]) {\n top: calc(100% + 0.5em);\n }\n\n :host::-webkit-scrollbar {\n width: 5px;\n padding-right: 5px;\n }\n\n :host::-webkit-scrollbar-thumb {\n background-color: var(--fg-extra-subtle);\n border-radius: 10px;\n border: 0;\n }\n\n :host::-webkit-scrollbar-track {\n border-radius: 10px;\n background-color: transparent;\n }\n\n .menu {\n display: grid;\n gap: var(--padding-1);\n }\n\n [role=\"menuitem\"] {\n flex: 1;\n position: relative;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 44px;\n padding: 0 var(--padding-5);\n border-radius: 4px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n white-space: nowrap;\n text-align: left;\n }\n\n [role=\"menuitem\"]:hover {\n background: var(--bg-component-hover);\n }\n\n [role=\"menuitem\"][aria-selected=\"true\"] {\n background: var(--bg-component-active);\n }\n\n [role=\"menuitem\"][aria-selected=\"true\"]::before {\n content: url(\"data:image/svg+xml,%0A%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2078.369%2078.369%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M78.049%2019.015%2029.458%2067.606a1.094%201.094%200%200%201-1.548%200L.32%2040.015a1.094%201.094%200%200%201%200-1.547l6.704-6.704a1.095%201.095%200%200%201%201.548%200l20.113%2020.112%2041.113-41.113a1.095%201.095%200%200%201%201.548%200l6.703%206.704a1.094%201.094%200%200%201%200%201.548z%22%2F%3E%3C%2Fsvg%3E%0A\");\n position: absolute;\n left: calc(var(--padding-3) - var(--padding-1));\n top: calc(50% - 8px);\n }\n\n [role=\"menuitem\"]:focus-visible {\n box-shadow: inset 0 0 0 2px var(--fg-strong);\n outline: 0;\n }\n\n .menu-item-subtitle {\n font-size: 11px;\n opacity: 0.6;\n }\n\n .heading {\n text-transform: uppercase;\n margin-bottom: var(--padding-2);\n padding: 0 var(--padding-3);\n font-size: 11px;\n font-weight: bold;\n }\n </style>\n\n <slot>\n <div class=\"heading\">Max quality</div>\n <div class=\"menu\"></div>\n </slot>\n";
|
|
3649
|
+
var gs = /* @__PURE__ */ new WeakMap(), _s = /* @__PURE__ */ new WeakMap(), vs = /* @__PURE__ */ new WeakMap(), ys = /* @__PURE__ */ new WeakMap(), bs = /* @__PURE__ */ new WeakMap(), xs = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), Ss = class extends HTMLElement {
|
|
3643
3650
|
constructor() {
|
|
3644
|
-
super(), h(this, X), d(this,
|
|
3651
|
+
super(), h(this, X), d(this, gs, []), d(this, _s, 2 ** 53 - 1), d(this, vs, null), d(this, ys, []), d(this, bs, null), d(this, xs, null), e(this, "handleEvent", (e) => {
|
|
3645
3652
|
switch (e.type) {
|
|
3646
3653
|
case "keydown":
|
|
3647
|
-
f(X, this,
|
|
3654
|
+
f(X, this, Os).call(this, e);
|
|
3648
3655
|
break;
|
|
3649
3656
|
}
|
|
3650
|
-
}), this.attachShadow({ mode: "open" }).appendChild(
|
|
3657
|
+
}), this.attachShadow({ mode: "open" }).appendChild(hs.content.cloneNode(!0));
|
|
3651
3658
|
}
|
|
3652
3659
|
connectedCallback() {
|
|
3653
3660
|
let e = this.getRootNode();
|
|
3654
3661
|
if (e instanceof ShadowRoot) {
|
|
3655
3662
|
var t;
|
|
3656
|
-
m(
|
|
3663
|
+
m(bs, this, e.host.closest("vindral-controller")), (t = p(bs, this)) == null || t.connectListener(this), f(X, this, Cs).call(this), f(X, this, ws).call(this), m(xs, this, e.host), this.addEventListener("keydown", this);
|
|
3657
3664
|
}
|
|
3658
3665
|
}
|
|
3659
3666
|
disconnectedCallback() {
|
|
3660
3667
|
var e;
|
|
3661
|
-
(e = p(
|
|
3668
|
+
(e = p(bs, this)) == null || e.disconnectListener(this), this.removeEventListener("keydown", this);
|
|
3662
3669
|
}
|
|
3663
3670
|
attributeChangedCallback(e, t, n) {
|
|
3664
3671
|
t !== n && (e === g.RENDITION_LEVELS && n && (this.list = JSON.parse(n)), e === g.MAX_VIDEO_BITRATE && n && (this.maxVideoBitrate = n ? parseInt(n, 10) : 2 ** 53 - 1));
|
|
3665
3672
|
}
|
|
3666
3673
|
set list(e) {
|
|
3667
|
-
m(
|
|
3674
|
+
m(gs, this, e), f(X, this, ws).call(this);
|
|
3668
3675
|
}
|
|
3669
3676
|
set maxVideoBitrate(e) {
|
|
3670
|
-
m(
|
|
3677
|
+
m(_s, this, e), f(X, this, Es).call(this);
|
|
3671
3678
|
}
|
|
3672
3679
|
get keysUsed() {
|
|
3673
3680
|
return [
|
|
@@ -3683,10 +3690,10 @@ var hs = /* @__PURE__ */ new WeakMap(), gs = /* @__PURE__ */ new WeakMap(), _s =
|
|
|
3683
3690
|
}
|
|
3684
3691
|
focus() {
|
|
3685
3692
|
var e;
|
|
3686
|
-
(e = p(
|
|
3693
|
+
(e = p(vs, this)) == null || e.focus();
|
|
3687
3694
|
}
|
|
3688
3695
|
};
|
|
3689
|
-
function
|
|
3696
|
+
function Cs() {
|
|
3690
3697
|
new IntersectionObserver((e) => {
|
|
3691
3698
|
e.forEach((e) => {
|
|
3692
3699
|
if (e.intersectionRatio !== 1) if (e.intersectionRatio > 0) {
|
|
@@ -3695,50 +3702,50 @@ function Ss() {
|
|
|
3695
3702
|
} else this.style.height = "auto";
|
|
3696
3703
|
});
|
|
3697
3704
|
}, {
|
|
3698
|
-
root: p(
|
|
3705
|
+
root: p(bs, this),
|
|
3699
3706
|
threshold: 0
|
|
3700
3707
|
}).observe(this);
|
|
3701
3708
|
}
|
|
3702
|
-
function
|
|
3709
|
+
function ws() {
|
|
3703
3710
|
var e;
|
|
3704
3711
|
let t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".menu");
|
|
3705
|
-
t && (m(
|
|
3712
|
+
t && (m(ys, this, []), t.innerHTML = "", p(gs, this).sort((e, t) => {
|
|
3706
3713
|
var n, r;
|
|
3707
3714
|
return (n = e.video) != null && n.bitRate && (r = t.video) != null && r.bitRate ? t.video.bitRate - e.video.bitRate : 0;
|
|
3708
3715
|
}).forEach((e) => {
|
|
3709
3716
|
var n, r, i, a, o, s, c, ee;
|
|
3710
3717
|
let l = document.createElement("div");
|
|
3711
3718
|
l.setAttribute("role", "menuitem"), l.setAttribute("value", String((n = e.video) == null ? void 0 : n.height)), l.classList.add("menu-item"), l.tabIndex = -1;
|
|
3712
|
-
let te = f(X, this,
|
|
3719
|
+
let te = f(X, this, Ts).call(this, (r = e.video) == null ? void 0 : r.frameRate);
|
|
3713
3720
|
l.textContent = e.video ? Te(e.video) : "";
|
|
3714
3721
|
let u = document.createElement("span");
|
|
3715
|
-
u.classList.add("menu-item-subtitle"), u.textContent = `${we(((i = (a = e.video) == null ? void 0 : a.bitRate) == null ? 0 : i) + ((o = (s = e.audio) == null ? void 0 : s.bitRate) == null ? 0 : o))}, ${te}p`, l.appendChild(u), l.addEventListener("click", () => f(X, this,
|
|
3722
|
+
u.classList.add("menu-item-subtitle"), u.textContent = `${we(((i = (a = e.video) == null ? void 0 : a.bitRate) == null ? 0 : i) + ((o = (s = e.audio) == null ? void 0 : s.bitRate) == null ? 0 : o))}, ${te}p`, l.appendChild(u), l.addEventListener("click", () => f(X, this, Ds).call(this, e)), p(ys, this).push({
|
|
3716
3723
|
el: l,
|
|
3717
3724
|
id: (c = (ee = e.video) == null ? void 0 : ee.id) == null ? -1 : c
|
|
3718
3725
|
}), t.appendChild(l);
|
|
3719
|
-
}), f(X, this,
|
|
3726
|
+
}), f(X, this, Es).call(this));
|
|
3720
3727
|
}
|
|
3721
|
-
function
|
|
3728
|
+
function Ts(e) {
|
|
3722
3729
|
return e ? e[0] % e[1] === 0 ? (e[0] / e[1]).toString() : (e[0] / e[1]).toFixed(2) : "";
|
|
3723
3730
|
}
|
|
3724
|
-
function
|
|
3725
|
-
p(
|
|
3726
|
-
let e = p(
|
|
3731
|
+
function Es() {
|
|
3732
|
+
p(vs, this) && (p(vs, this).removeAttribute("aria-selected"), p(vs, this).tabIndex = -1);
|
|
3733
|
+
let e = p(gs, this).sort((e, t) => {
|
|
3727
3734
|
var n, r;
|
|
3728
3735
|
return (n = e.video) != null && n.bitRate && (r = t.video) != null && r.bitRate ? t.video.bitRate - e.video.bitRate : 0;
|
|
3729
|
-
}), t = p(
|
|
3736
|
+
}), t = p(gs, this).filter((e) => {
|
|
3730
3737
|
var t;
|
|
3731
|
-
return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= p(
|
|
3738
|
+
return ((t = e.video) == null ? void 0 : t.bitRate) && e.video.bitRate <= p(_s, this);
|
|
3732
3739
|
})[0] || e[e.length - 1];
|
|
3733
3740
|
if (t) {
|
|
3734
|
-
let e = p(
|
|
3741
|
+
let e = p(ys, this).find((e) => {
|
|
3735
3742
|
var n;
|
|
3736
3743
|
return e.id === ((n = t.video) == null ? void 0 : n.id);
|
|
3737
3744
|
});
|
|
3738
|
-
e && (e.el.tabIndex = 0, e.el.setAttribute("aria-selected", "true"), m(
|
|
3745
|
+
e && (e.el.tabIndex = 0, e.el.setAttribute("aria-selected", "true"), m(vs, this, e.el));
|
|
3739
3746
|
}
|
|
3740
3747
|
}
|
|
3741
|
-
function
|
|
3748
|
+
function Ds(e) {
|
|
3742
3749
|
this.dispatchEvent(new Event("change", {
|
|
3743
3750
|
bubbles: !0,
|
|
3744
3751
|
composed: !0
|
|
@@ -3748,36 +3755,36 @@ function Es(e) {
|
|
|
3748
3755
|
detail: e
|
|
3749
3756
|
}));
|
|
3750
3757
|
}
|
|
3751
|
-
function
|
|
3758
|
+
function Os(e) {
|
|
3752
3759
|
let { key: t, ctrlKey: n, altKey: r, metaKey: i } = e;
|
|
3753
3760
|
if (!(n || r || i) && this.keysUsed.includes(t)) if (e.preventDefault(), e.stopPropagation(), t === "Tab" || t === "Escape") {
|
|
3754
3761
|
var a;
|
|
3755
|
-
(a = p(
|
|
3762
|
+
(a = p(xs, this)) == null || a.hide();
|
|
3756
3763
|
} else if (t === "Enter" || t === " ") {
|
|
3757
3764
|
var o;
|
|
3758
|
-
(o = f(X, this,
|
|
3759
|
-
} else f(X, this,
|
|
3765
|
+
(o = f(X, this, As).call(this)) == null || (o = o.el) == null || o.click();
|
|
3766
|
+
} else f(X, this, ks).call(this, e);
|
|
3760
3767
|
}
|
|
3761
|
-
function
|
|
3768
|
+
function ks(e) {
|
|
3762
3769
|
var t;
|
|
3763
|
-
let { key: n } = e, r = p(
|
|
3770
|
+
let { key: n } = e, r = p(ys, this), i = (t = f(X, this, As).call(this)) == null ? r[0] : t;
|
|
3764
3771
|
if (!i) return;
|
|
3765
3772
|
let a = r.indexOf(i), o = Math.max(0, a);
|
|
3766
3773
|
n === "ArrowDown" ? o++ : n === "ArrowUp" ? o-- : e.key === "Home" ? o = 0 : e.key === "End" && (o = r.length - 1), o < 0 && (o = r.length - 1), o > r.length - 1 && (o = 0);
|
|
3767
3774
|
let s = r[o];
|
|
3768
|
-
s && (f(X, this,
|
|
3775
|
+
s && (f(X, this, js).call(this, s.id), s.el.focus());
|
|
3769
3776
|
}
|
|
3770
|
-
function
|
|
3771
|
-
return p(
|
|
3777
|
+
function As() {
|
|
3778
|
+
return p(ys, this).find((e) => e.el.tabIndex === 0);
|
|
3772
3779
|
}
|
|
3773
|
-
function
|
|
3774
|
-
for (let t of p(
|
|
3780
|
+
function js(e) {
|
|
3781
|
+
for (let t of p(ys, this)) t.el.tabIndex = t.id === e ? 0 : -1;
|
|
3775
3782
|
}
|
|
3776
|
-
e(
|
|
3783
|
+
e(Ss, "observedAttributes", [g.RENDITION_LEVELS, g.MAX_VIDEO_BITRATE]);
|
|
3777
3784
|
//#endregion
|
|
3778
3785
|
//#region ../../libs/player-next/src/components/ScrollOverlay.ts
|
|
3779
|
-
var
|
|
3780
|
-
|
|
3786
|
+
var Ms = document.createElement("template");
|
|
3787
|
+
Ms.innerHTML = `
|
|
3781
3788
|
<style>
|
|
3782
3789
|
:host {
|
|
3783
3790
|
--scroll-overlay-offset: var(--vindral-scroll-overlay-offset, 0px);
|
|
@@ -3845,71 +3852,71 @@ js.innerHTML = `
|
|
|
3845
3852
|
<div id="scroll-area"></div>
|
|
3846
3853
|
<slot id="content"></slot>
|
|
3847
3854
|
`;
|
|
3848
|
-
var
|
|
3855
|
+
var Ns = /* @__PURE__ */ new WeakMap(), Ps = /* @__PURE__ */ new WeakMap(), Fs = /* @__PURE__ */ new WeakMap(), Is = /* @__PURE__ */ new WeakMap(), Ls = /* @__PURE__ */ new WeakMap(), Rs = /* @__PURE__ */ new WeakMap(), zs = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakSet(), Bs = /* @__PURE__ */ new WeakMap(), Vs = class extends HTMLElement {
|
|
3849
3856
|
constructor() {
|
|
3850
|
-
super(), h(this, Z), d(this,
|
|
3857
|
+
super(), h(this, Z), d(this, Ns, null), d(this, Ps, null), d(this, Fs, !1), d(this, Is, !1), d(this, Ls, !1), d(this, Rs, () => {
|
|
3851
3858
|
this.open && (this.open = !1);
|
|
3852
|
-
}), d(this,
|
|
3859
|
+
}), d(this, zs, null), e(this, "handleEvent", (e) => {
|
|
3853
3860
|
switch (e.type) {
|
|
3854
3861
|
case "touchstart":
|
|
3855
|
-
f(Z, this,
|
|
3862
|
+
f(Z, this, Us).call(this, e);
|
|
3856
3863
|
break;
|
|
3857
3864
|
case "touchmove":
|
|
3858
|
-
f(Z, this,
|
|
3865
|
+
f(Z, this, Ws).call(this, e);
|
|
3859
3866
|
break;
|
|
3860
3867
|
case "touchend":
|
|
3861
|
-
f(Z, this,
|
|
3868
|
+
f(Z, this, Gs).call(this, e);
|
|
3862
3869
|
break;
|
|
3863
3870
|
}
|
|
3864
|
-
}), d(this,
|
|
3865
|
-
let e = p(
|
|
3871
|
+
}), d(this, Bs, () => {
|
|
3872
|
+
let e = p(Ls, this);
|
|
3866
3873
|
if (this.scrollTop === 0) {
|
|
3867
|
-
f(Z, this,
|
|
3874
|
+
f(Z, this, $s).call(this, e);
|
|
3868
3875
|
return;
|
|
3869
3876
|
}
|
|
3870
|
-
if (!e && !f(Z, this,
|
|
3871
|
-
f(Z, this,
|
|
3877
|
+
if (!e && !f(Z, this, Ks).call(this)) {
|
|
3878
|
+
f(Z, this, Zs).call(this), f(Z, this, $s).call(this);
|
|
3872
3879
|
return;
|
|
3873
3880
|
}
|
|
3874
|
-
!this.visible && this.scrollTop > 0 && !p(
|
|
3875
|
-
}), this.attachShadow({ mode: "open" }).appendChild(
|
|
3881
|
+
!this.visible && this.scrollTop > 0 && !p(Fs, this) ? f(Z, this, ec).call(this) : !p(Fs, this) && f(Z, this, Js).call(this) && (this.open || (this.open = !0), e && !this.hasAttribute("snap-touch") && this.setAttribute("snap-touch", ""));
|
|
3882
|
+
}), this.attachShadow({ mode: "open" }).appendChild(Ms.content.cloneNode(!0));
|
|
3876
3883
|
}
|
|
3877
3884
|
connectedCallback() {
|
|
3878
3885
|
let e = this.getRootNode();
|
|
3879
3886
|
if (e instanceof Document || e instanceof ShadowRoot) {
|
|
3880
3887
|
var t, n, r;
|
|
3881
|
-
m(
|
|
3888
|
+
m(Ns, this, e.querySelector("vindral-controller")), (t = p(Ns, this)) == null || t.connectListener(this), m(Ps, this, (n = this.shadowRoot) == null ? void 0 : n.querySelector("#scroll-area")), (r = p(Ps, this)) == null || r.addEventListener("click", p(Rs, this));
|
|
3882
3889
|
let s = this.hasAttribute("touch-enabled");
|
|
3883
|
-
if (m(
|
|
3890
|
+
if (m(Ls, this, ce() && s), !p(Ls, this)) this.setAttribute("snap", "");
|
|
3884
3891
|
else {
|
|
3885
3892
|
var i, a, o;
|
|
3886
|
-
(i = p(
|
|
3893
|
+
(i = p(Ns, this)) == null || i.addEventListener("touchstart", this, { passive: !0 }), (a = p(Ns, this)) == null || a.addEventListener("touchmove", this, { passive: !1 }), (o = p(Ns, this)) == null || o.addEventListener("touchend", this, { passive: !0 });
|
|
3887
3894
|
}
|
|
3888
|
-
this.addEventListener("scroll", p(
|
|
3895
|
+
this.addEventListener("scroll", p(Bs, this));
|
|
3889
3896
|
}
|
|
3890
3897
|
}
|
|
3891
3898
|
disconnectedCallback() {
|
|
3892
3899
|
var e, t, n, r, i;
|
|
3893
|
-
(e = p(
|
|
3900
|
+
(e = p(Ps, this)) == null || e.removeEventListener("click", p(Rs, this)), this.removeEventListener("scroll", p(Bs, this)), (t = p(Ns, this)) == null || t.removeEventListener("touchstart", this), (n = p(Ns, this)) == null || n.removeEventListener("touchmove", this), (r = p(Ns, this)) == null || r.removeEventListener("touchend", this), (i = p(Ns, this)) == null || i.disconnectListener(this);
|
|
3894
3901
|
}
|
|
3895
3902
|
attributeChangedCallback(e, t, n) {
|
|
3896
|
-
if (t !== n && (e === g.USER_INTERACTING && n === null && f(Z, this,
|
|
3903
|
+
if (t !== n && (e === g.USER_INTERACTING && n === null && f(Z, this, qs).call(this) && setTimeout(() => {
|
|
3897
3904
|
this.open = !1;
|
|
3898
3905
|
}, 300), e === "open")) if (n !== null) {
|
|
3899
3906
|
var r;
|
|
3900
|
-
m(
|
|
3901
|
-
top: (r = p(
|
|
3907
|
+
m(Fs, this, !1), this.scrollTop > 0 && f(Z, this, ec).call(this), this.scrollTo({
|
|
3908
|
+
top: (r = p(Ps, this)) == null ? void 0 : r.clientHeight,
|
|
3902
3909
|
behavior: "smooth"
|
|
3903
3910
|
});
|
|
3904
|
-
} else f(Z, this,
|
|
3911
|
+
} else f(Z, this, Qs).call(this);
|
|
3905
3912
|
}
|
|
3906
3913
|
set open(e) {
|
|
3907
3914
|
if (e) {
|
|
3908
3915
|
this.setAttribute("open", "");
|
|
3909
3916
|
return;
|
|
3910
3917
|
}
|
|
3911
|
-
let t = this.hasAttribute("open"), n = this.visible || f(Z, this,
|
|
3912
|
-
t ? this.removeAttribute("open") : n ? f(Z, this,
|
|
3918
|
+
let t = this.hasAttribute("open"), n = this.visible || f(Z, this, qs).call(this);
|
|
3919
|
+
t ? this.removeAttribute("open") : n ? f(Z, this, Qs).call(this) : (m(Fs, this, !1), this.removeAttribute("snap-touch"));
|
|
3913
3920
|
}
|
|
3914
3921
|
get open() {
|
|
3915
3922
|
return this.hasAttribute("open");
|
|
@@ -3921,124 +3928,124 @@ var Ms = /* @__PURE__ */ new WeakMap(), Ns = /* @__PURE__ */ new WeakMap(), Ps =
|
|
|
3921
3928
|
return this.hasAttribute("visible");
|
|
3922
3929
|
}
|
|
3923
3930
|
};
|
|
3924
|
-
function
|
|
3925
|
-
return f(Z, this,
|
|
3931
|
+
function Hs() {
|
|
3932
|
+
return f(Z, this, Ks).call(this) || f(Z, this, Xs).call(this) || f(Z, this, qs).call(this);
|
|
3926
3933
|
}
|
|
3927
|
-
function
|
|
3934
|
+
function Us(e) {
|
|
3928
3935
|
let t = e.touches[0];
|
|
3929
|
-
t && (m(
|
|
3936
|
+
t && (m(Is, this, f(Z, this, Hs).call(this)), p(Is, this) && (m(Fs, this, !1), m(zs, this, t.clientY)));
|
|
3930
3937
|
}
|
|
3931
|
-
function
|
|
3932
|
-
if (!(!p(
|
|
3933
|
-
let t = e.touches[0].clientY, n = p(
|
|
3938
|
+
function Ws(e) {
|
|
3939
|
+
if (!(!p(Is, this) || p(zs, this) === null || this.hasAttribute("snap-touch") && this.open) && (e.preventDefault(), e.touches[0])) {
|
|
3940
|
+
let t = e.touches[0].clientY, n = p(zs, this) - t;
|
|
3934
3941
|
this.scrollTop = Math.max(0, n);
|
|
3935
3942
|
}
|
|
3936
3943
|
}
|
|
3937
|
-
function
|
|
3938
|
-
p(
|
|
3944
|
+
function Gs(e) {
|
|
3945
|
+
p(Is, this) && !p(Fs, this) && f(Z, this, qs).call(this) && (!this.hasAttribute("snap-touch") || !this.open) && (this.open = !0), m(zs, this, null), m(Is, this, !1);
|
|
3939
3946
|
}
|
|
3940
|
-
function
|
|
3947
|
+
function Ks() {
|
|
3941
3948
|
return this.hasAttribute(g.USER_INTERACTING);
|
|
3942
3949
|
}
|
|
3943
|
-
function
|
|
3950
|
+
function qs() {
|
|
3944
3951
|
return this.scrollTop > 0;
|
|
3945
3952
|
}
|
|
3946
|
-
function
|
|
3953
|
+
function Js() {
|
|
3947
3954
|
var e;
|
|
3948
|
-
return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = p(
|
|
3955
|
+
return Math.round(this.scrollTop) === this.scrollHeight - this.clientHeight || Math.round(this.scrollTop) === ((e = p(Ps, this)) == null ? void 0 : e.clientHeight);
|
|
3949
3956
|
}
|
|
3950
|
-
function
|
|
3957
|
+
function Ys() {
|
|
3951
3958
|
var e;
|
|
3952
|
-
let t = (e = p(
|
|
3959
|
+
let t = (e = p(Ps, this)) == null ? void 0 : e.clientHeight;
|
|
3953
3960
|
return !t || this.clientHeight <= 0 ? 0 : Math.max(this.clientHeight - t, 0);
|
|
3954
3961
|
}
|
|
3955
|
-
function
|
|
3962
|
+
function Xs() {
|
|
3956
3963
|
let e = getComputedStyle(this), t = Number.parseFloat(e.getPropertyValue("--vindral-scroll-overlay-offset"));
|
|
3957
|
-
return Number.isNaN(t) ? f(Z, this,
|
|
3964
|
+
return Number.isNaN(t) ? f(Z, this, Ys).call(this) > 0 : t > 0;
|
|
3958
3965
|
}
|
|
3959
|
-
function
|
|
3966
|
+
function Zs() {
|
|
3960
3967
|
let e = this.style.scrollBehavior;
|
|
3961
3968
|
this.style.scrollBehavior = "auto", this.scrollTo({
|
|
3962
3969
|
top: 0,
|
|
3963
3970
|
behavior: "auto"
|
|
3964
3971
|
}), this.style.scrollBehavior = e;
|
|
3965
3972
|
}
|
|
3966
|
-
function
|
|
3967
|
-
m(
|
|
3973
|
+
function Qs() {
|
|
3974
|
+
m(Fs, this, !0), this.removeAttribute("snap-touch"), f(Z, this, tc).call(this), this.scrollTo({
|
|
3968
3975
|
top: 0,
|
|
3969
3976
|
behavior: "smooth"
|
|
3970
3977
|
});
|
|
3971
3978
|
}
|
|
3972
|
-
function
|
|
3973
|
-
this.open = !1, e && this.removeAttribute("snap-touch"), m(
|
|
3979
|
+
function $s(e = !1) {
|
|
3980
|
+
this.open = !1, e && this.removeAttribute("snap-touch"), m(Fs, this, !1), f(Z, this, tc).call(this);
|
|
3974
3981
|
}
|
|
3975
|
-
function
|
|
3982
|
+
function ec() {
|
|
3976
3983
|
this.visible || (this.visible = !0, this.dispatchEvent(new CustomEvent(_.LOCK_UI, {
|
|
3977
3984
|
bubbles: !0,
|
|
3978
3985
|
composed: !0
|
|
3979
3986
|
})));
|
|
3980
3987
|
}
|
|
3981
|
-
function
|
|
3988
|
+
function tc() {
|
|
3982
3989
|
this.visible && (this.visible = !1, this.dispatchEvent(new CustomEvent(_.UNLOCK_UI, {
|
|
3983
3990
|
bubbles: !0,
|
|
3984
3991
|
composed: !0
|
|
3985
3992
|
})));
|
|
3986
3993
|
}
|
|
3987
|
-
e(
|
|
3994
|
+
e(Vs, "observedAttributes", [
|
|
3988
3995
|
g.USER_INTERACTING,
|
|
3989
3996
|
"open",
|
|
3990
3997
|
"touch-enabled"
|
|
3991
3998
|
]);
|
|
3992
3999
|
//#endregion
|
|
3993
4000
|
//#region ../../libs/player-next/src/components/SeekBar.ts
|
|
3994
|
-
var
|
|
3995
|
-
|
|
3996
|
-
var Q = /* @__PURE__ */ new WeakMap(),
|
|
4001
|
+
var nc = document.createElement("template");
|
|
4002
|
+
nc.innerHTML = "\n <style>\n :host {\n --buffered: 0;\n --vindral-range-thickness: 3px;\n --vindral-range-hover-thickness: 5px;\n --vindral-range-thumb-size: 10px;\n --vindral-range-thumb-hover-size: 15px;\n --vindral-range-fill-color: linear-gradient(\n 90deg,\n #03a9f4 0%,\n #03a9f4 calc(100% - min(20%, 150px)),\n #b3e5fc 100%\n );\n --vindral-range-thumb-color: #03a9f4;\n display: var(--seek-bar-display);\n position: relative;\n }\n\n :host([data-no-duration]) {\n display: none;\n }\n\n #hover-preview {\n position: absolute;\n background-color: rgba(255, 255, 255, 0.6);\n opacity: 0;\n pointer-events: none;\n z-index: 1;\n }\n\n #time-tooltip {\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%) translateY(-8px);\n background: rgba(0, 0, 0, 0.8);\n color: white;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s;\n z-index: 10;\n }\n\n @media (hover: none) {\n #time-tooltip {\n display: none;\n }\n }\n </style>\n\n <div id=\"buffered-track\"></div>\n <div id=\"hover-preview\"></div>\n <div id=\"time-tooltip\"></div>\n";
|
|
4003
|
+
var Q = /* @__PURE__ */ new WeakMap(), rc = /* @__PURE__ */ new WeakMap(), ic = /* @__PURE__ */ new WeakMap(), ac = /* @__PURE__ */ new WeakMap(), oc = /* @__PURE__ */ new WeakMap(), sc = /* @__PURE__ */ new WeakMap(), cc = /* @__PURE__ */ new WeakMap(), lc = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakSet(), uc = /* @__PURE__ */ new WeakMap(), dc = /* @__PURE__ */ new WeakMap(), fc = /* @__PURE__ */ new WeakMap(), pc = /* @__PURE__ */ new WeakMap(), mc = /* @__PURE__ */ new WeakMap(), hc = /* @__PURE__ */ new WeakMap(), gc = class extends jr {
|
|
3997
4004
|
constructor() {
|
|
3998
4005
|
var e, t, n;
|
|
3999
|
-
super(), h(this, $), d(this, Q, void 0), d(this,
|
|
4000
|
-
if (!f($, this,
|
|
4006
|
+
super(), h(this, $), d(this, Q, void 0), d(this, rc, void 0), d(this, ic, void 0), d(this, ac, !1), d(this, oc, null), d(this, sc, null), d(this, cc, !1), d(this, lc, !1), d(this, uc, (e) => {
|
|
4007
|
+
if (!f($, this, vc).call(this) || f($, this, yc).call(this)) {
|
|
4001
4008
|
e.preventDefault();
|
|
4002
4009
|
return;
|
|
4003
4010
|
}
|
|
4004
|
-
m(
|
|
4011
|
+
m(ac, this, !0), m(sc, this, e.pointerId);
|
|
4005
4012
|
try {
|
|
4006
4013
|
this.setPointerCapture(e.pointerId);
|
|
4007
4014
|
} catch (e) {}
|
|
4008
|
-
f($, this,
|
|
4009
|
-
}), d(this,
|
|
4010
|
-
if (!(!f($, this,
|
|
4011
|
-
if (p(
|
|
4012
|
-
e.preventDefault(), f($, this,
|
|
4015
|
+
f($, this, Sc).call(this, e);
|
|
4016
|
+
}), d(this, dc, (e) => {
|
|
4017
|
+
if (!(!f($, this, vc).call(this) || f($, this, yc).call(this))) {
|
|
4018
|
+
if (p(oc, this) && (cancelAnimationFrame(p(oc, this)), m(oc, this, null)), p(ac, this) && e.pointerId === p(sc, this)) {
|
|
4019
|
+
e.preventDefault(), f($, this, Sc).call(this, e);
|
|
4013
4020
|
return;
|
|
4014
4021
|
}
|
|
4015
|
-
m(
|
|
4016
|
-
if (e.pointerType !== "mouse" || p(
|
|
4017
|
-
p(
|
|
4022
|
+
m(oc, this, requestAnimationFrame(() => {
|
|
4023
|
+
if (e.pointerType !== "mouse" || p(ac, this) || !this.duration) {
|
|
4024
|
+
p(ic, this).style.opacity = "0", m(oc, this, null);
|
|
4018
4025
|
return;
|
|
4019
4026
|
}
|
|
4020
|
-
let t = f($, this,
|
|
4021
|
-
if (f($, this,
|
|
4027
|
+
let t = f($, this, xc).call(this, e.clientX);
|
|
4028
|
+
if (f($, this, wc).call(this, t, e.clientX), t > this.range.valueAsNumber) {
|
|
4022
4029
|
let e = this.range.valueAsNumber * 100, n = (t - this.range.valueAsNumber) * 100;
|
|
4023
|
-
p(
|
|
4024
|
-
} else p(
|
|
4025
|
-
m(
|
|
4030
|
+
p(ic, this).style.transform = `translateX(${e}%) scaleX(${n / 100})`, p(ic, this).style.opacity = "1";
|
|
4031
|
+
} else p(ic, this).style.opacity = "0";
|
|
4032
|
+
m(oc, this, null);
|
|
4026
4033
|
}));
|
|
4027
4034
|
}
|
|
4028
|
-
}), d(this,
|
|
4029
|
-
if (e.pointerId === p(
|
|
4035
|
+
}), d(this, fc, (e) => {
|
|
4036
|
+
if (e.pointerId === p(sc, this)) {
|
|
4030
4037
|
try {
|
|
4031
4038
|
this.releasePointerCapture(e.pointerId);
|
|
4032
4039
|
} catch (e) {}
|
|
4033
|
-
m(
|
|
4040
|
+
m(ac, this, !1), m(sc, this, null), e.pointerType !== "mouse" && (p(rc, this).style.opacity = "0"), p(lc, this) && f($, this, Dc).call(this) && (m(cc, this, !1), m(lc, this, !1));
|
|
4034
4041
|
}
|
|
4035
|
-
}), d(this, fc, () => {
|
|
4036
|
-
this.duration && !f($, this, vc).call(this) && (p(nc, this).style.opacity = "1");
|
|
4037
4042
|
}), d(this, pc, () => {
|
|
4038
|
-
|
|
4039
|
-
}), d(this, mc, (
|
|
4040
|
-
|
|
4041
|
-
|
|
4043
|
+
this.duration && !f($, this, yc).call(this) && (p(rc, this).style.opacity = "1");
|
|
4044
|
+
}), d(this, mc, () => {
|
|
4045
|
+
p(rc, this).style.opacity = "0", p(ic, this).style.opacity = "0";
|
|
4046
|
+
}), d(this, hc, (e) => {
|
|
4047
|
+
if (f($, this, yc).call(this) || !p(Q, this) || p(Q, this) <= 0 || !Number.isFinite(p(Q, this))) return;
|
|
4048
|
+
let t = f($, this, _c).call(this);
|
|
4042
4049
|
if (t <= 0) return;
|
|
4043
4050
|
let n = this.range.valueAsNumber * t, r = n;
|
|
4044
4051
|
switch (e.preventDefault(), e.key) {
|
|
@@ -4046,43 +4053,43 @@ var Q = /* @__PURE__ */ new WeakMap(), nc = /* @__PURE__ */ new WeakMap(), rc =
|
|
|
4046
4053
|
r = Math.max(0, n - 5);
|
|
4047
4054
|
break;
|
|
4048
4055
|
case "ArrowRight":
|
|
4049
|
-
if (f($, this,
|
|
4056
|
+
if (f($, this, Dc).call(this)) return;
|
|
4050
4057
|
r = Math.min(t, n + 5);
|
|
4051
4058
|
break;
|
|
4052
4059
|
case "Home":
|
|
4053
4060
|
r = 0;
|
|
4054
4061
|
break;
|
|
4055
4062
|
case "End":
|
|
4056
|
-
if (f($, this,
|
|
4063
|
+
if (f($, this, Dc).call(this)) return;
|
|
4057
4064
|
r = t;
|
|
4058
4065
|
break;
|
|
4059
4066
|
default: return;
|
|
4060
4067
|
}
|
|
4061
4068
|
let i = Math.min(r / t, 1);
|
|
4062
|
-
f($, this,
|
|
4063
|
-
}), (e = this.shadowRoot) == null || e.appendChild(
|
|
4069
|
+
f($, this, Cc).call(this, i);
|
|
4070
|
+
}), (e = this.shadowRoot) == null || e.appendChild(nc.content.cloneNode(!0)), m(rc, this, (t = this.shadowRoot) == null ? void 0 : t.getElementById("time-tooltip")), m(ic, this, (n = this.shadowRoot) == null ? void 0 : n.getElementById("hover-preview")), this.addEventListener("pointerdown", p(uc, this)), this.addEventListener("pointermove", p(dc, this)), this.addEventListener("pointerup", p(fc, this)), this.addEventListener("pointercancel", p(fc, this)), this.addEventListener("mouseenter", p(pc, this)), this.addEventListener("mouseleave", p(mc, this));
|
|
4064
4071
|
}
|
|
4065
4072
|
connectedCallback() {
|
|
4066
|
-
super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), f($, this,
|
|
4073
|
+
super.connectedCallback(), this.setAttribute("aria-label", "Seek video position"), this.setAttribute("role", "slider"), f($, this, bc).call(this), this.addEventListener("keydown", p(hc, this)), f($, this, Dc).call(this) && (this.range.value = "1", f($, this, bc).call(this));
|
|
4067
4074
|
}
|
|
4068
4075
|
disconnectedCallback() {
|
|
4069
|
-
super.disconnectedCallback(), this.removeEventListener("pointerdown", p(
|
|
4076
|
+
super.disconnectedCallback(), this.removeEventListener("pointerdown", p(uc, this)), this.removeEventListener("pointermove", p(dc, this)), this.removeEventListener("pointerup", p(fc, this)), this.removeEventListener("pointercancel", p(fc, this)), this.removeEventListener("mouseenter", p(pc, this)), this.removeEventListener("mouseleave", p(mc, this)), this.removeEventListener("keydown", p(hc, this)), m(sc, this, null);
|
|
4070
4077
|
}
|
|
4071
4078
|
attributeChangedCallback(e, t, n) {
|
|
4072
4079
|
if (super.attributeChangedCallback(e, t, n), t !== n) switch (e) {
|
|
4073
4080
|
case g.TIMESHIFT_POSITION:
|
|
4074
|
-
if (f($, this,
|
|
4075
|
-
p(
|
|
4081
|
+
if (f($, this, Dc).call(this)) {
|
|
4082
|
+
p(ac, this) ? m(lc, this, !0) : (m(cc, this, !1), m(lc, this, !1)), this.range.value = "1", f($, this, bc).call(this);
|
|
4076
4083
|
return;
|
|
4077
4084
|
}
|
|
4078
4085
|
if (p(Q, this)) {
|
|
4079
|
-
m(
|
|
4086
|
+
m(lc, this, !1);
|
|
4080
4087
|
let e = Math.max(parseFloat(n) / p(Q, this), 0);
|
|
4081
|
-
this.range.value = e.toString(), f($, this,
|
|
4088
|
+
this.range.value = e.toString(), f($, this, bc).call(this);
|
|
4082
4089
|
}
|
|
4083
4090
|
break;
|
|
4084
4091
|
case g.DURATION:
|
|
4085
|
-
m(Q, this, parseFloat(n) || 0), f($, this,
|
|
4092
|
+
m(Q, this, parseFloat(n) || 0), f($, this, bc).call(this);
|
|
4086
4093
|
break;
|
|
4087
4094
|
}
|
|
4088
4095
|
}
|
|
@@ -4100,68 +4107,68 @@ var Q = /* @__PURE__ */ new WeakMap(), nc = /* @__PURE__ */ new WeakMap(), rc =
|
|
|
4100
4107
|
this.setAttribute(g.DURATION, e.toString());
|
|
4101
4108
|
}
|
|
4102
4109
|
};
|
|
4103
|
-
function gc() {
|
|
4104
|
-
return p(Q, this) ? p(Q, this) : 1;
|
|
4105
|
-
}
|
|
4106
4110
|
function _c() {
|
|
4107
|
-
return
|
|
4111
|
+
return p(Q, this) ? p(Q, this) : 1;
|
|
4108
4112
|
}
|
|
4109
4113
|
function vc() {
|
|
4110
|
-
return p(
|
|
4114
|
+
return !!p(Q, this) && p(Q, this) > 0 && Number.isFinite(p(Q, this));
|
|
4111
4115
|
}
|
|
4112
4116
|
function yc() {
|
|
4113
|
-
|
|
4114
|
-
!p(Q, this) || p(Q, this) <= 0 || !Number.isFinite(p(Q, this)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), p(ic, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${f($, this, Dc).call(this, this.range.valueAsNumber * e)} of ${f($, this, Dc).call(this, e)}`), !p(ic, this) && !f($, this, vc).call(this) && f($, this, Tc).call(this, this.range.valueAsNumber));
|
|
4117
|
+
return p(cc, this);
|
|
4115
4118
|
}
|
|
4116
|
-
function bc(
|
|
4117
|
-
let
|
|
4118
|
-
|
|
4119
|
+
function bc() {
|
|
4120
|
+
let e = f($, this, _c).call(this);
|
|
4121
|
+
!p(Q, this) || p(Q, this) <= 0 || !Number.isFinite(p(Q, this)) ? this.setAttribute("data-no-duration", "") : this.removeAttribute("data-no-duration"), p(ac, this) || (this.updateBar(), this.setAttribute("aria-valuetext", `${f($, this, Oc).call(this, this.range.valueAsNumber * e)} of ${f($, this, Oc).call(this, e)}`), !p(ac, this) && !f($, this, yc).call(this) && f($, this, Ec).call(this, this.range.valueAsNumber));
|
|
4119
4122
|
}
|
|
4120
4123
|
function xc(e) {
|
|
4121
|
-
let t =
|
|
4122
|
-
|
|
4124
|
+
let t = this.getBoundingClientRect(), n = (e - t.left) / t.width;
|
|
4125
|
+
return Math.max(0, Math.min(1, n));
|
|
4123
4126
|
}
|
|
4124
4127
|
function Sc(e) {
|
|
4125
|
-
|
|
4126
|
-
|
|
4127
|
-
|
|
4128
|
+
let t = f($, this, xc).call(this, e.clientX);
|
|
4129
|
+
f($, this, wc).call(this, t, e.clientX), p(ac, this) || (p(rc, this).style.opacity = "1"), f($, this, Cc).call(this, t);
|
|
4130
|
+
}
|
|
4131
|
+
function Cc(e) {
|
|
4132
|
+
if (f($, this, yc).call(this) || f($, this, Ec).call(this, e)) return;
|
|
4133
|
+
let t = e * f($, this, _c).call(this);
|
|
4134
|
+
this.range.value = e.toString(), this.updateBar(), f($, this, Tc).call(this, t);
|
|
4128
4135
|
}
|
|
4129
|
-
function
|
|
4136
|
+
function wc(e, t) {
|
|
4130
4137
|
if (!p(Q, this) || !Number.isFinite(p(Q, this))) return;
|
|
4131
4138
|
let n = e * p(Q, this), r = p(Q, this) - n;
|
|
4132
|
-
p(
|
|
4139
|
+
p(rc, this).textContent = `-${f($, this, Oc).call(this, r)}`;
|
|
4133
4140
|
let i = this.getBoundingClientRect(), a = (t - i.left) / i.width * 100;
|
|
4134
|
-
p(
|
|
4141
|
+
p(rc, this).style.left = `${Math.min(Math.max(a, 2), 98)}%`;
|
|
4135
4142
|
}
|
|
4136
|
-
function
|
|
4143
|
+
function Tc(e) {
|
|
4137
4144
|
this.dispatchEvent(new CustomEvent("seek", {
|
|
4138
4145
|
bubbles: !0,
|
|
4139
4146
|
composed: !0,
|
|
4140
4147
|
detail: e
|
|
4141
4148
|
}));
|
|
4142
4149
|
}
|
|
4143
|
-
function
|
|
4144
|
-
return p(
|
|
4150
|
+
function Ec(e) {
|
|
4151
|
+
return p(cc, this) || f($, this, Dc).call(this) || e < .999 ? !1 : (m(cc, this, !0), m(lc, this, !1), this.dispatchEvent(new CustomEvent(_.GO_LIVE, {
|
|
4145
4152
|
bubbles: !0,
|
|
4146
4153
|
composed: !0
|
|
4147
4154
|
})), !0);
|
|
4148
4155
|
}
|
|
4149
|
-
function
|
|
4156
|
+
function Dc() {
|
|
4150
4157
|
return !this.hasAttribute(g.TIMESHIFT_POSITION);
|
|
4151
4158
|
}
|
|
4152
|
-
function
|
|
4159
|
+
function Oc(e) {
|
|
4153
4160
|
let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
|
|
4154
4161
|
return p(Q, this) && p(Q, this) >= 3600 ? `${t}:${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${n}:${r.toString().padStart(2, "0")}`;
|
|
4155
4162
|
}
|
|
4156
|
-
e(
|
|
4163
|
+
e(gc, "observedAttributes", [
|
|
4157
4164
|
...jr.observedAttributes,
|
|
4158
4165
|
g.TIMESHIFT_POSITION,
|
|
4159
4166
|
g.DURATION
|
|
4160
4167
|
]);
|
|
4161
4168
|
//#endregion
|
|
4162
4169
|
//#region ../../libs/player-next/src/components/UserInputPlayOverlay.ts
|
|
4163
|
-
var
|
|
4164
|
-
|
|
4170
|
+
var kc = document.createElement("template");
|
|
4171
|
+
kc.innerHTML = `
|
|
4165
4172
|
<style>
|
|
4166
4173
|
:host {
|
|
4167
4174
|
display: var(--play-overlay-display);
|
|
@@ -4221,51 +4228,51 @@ Oc.innerHTML = `
|
|
|
4221
4228
|
</slot>
|
|
4222
4229
|
</slot>
|
|
4223
4230
|
`;
|
|
4224
|
-
var
|
|
4231
|
+
var Ac = /* @__PURE__ */ new WeakMap(), jc = /* @__PURE__ */ new WeakMap(), Mc = /* @__PURE__ */ new WeakMap(), Nc = /* @__PURE__ */ new WeakMap(), Pc = class extends HTMLElement {
|
|
4225
4232
|
constructor() {
|
|
4226
|
-
super(), d(this,
|
|
4233
|
+
super(), d(this, Ac, null), d(this, jc, () => {
|
|
4227
4234
|
this.dispatchEvent(new CustomEvent(_.REQUEST_USER_INPUT, {
|
|
4228
4235
|
bubbles: !0,
|
|
4229
4236
|
composed: !0
|
|
4230
4237
|
}));
|
|
4231
|
-
}), d(this,
|
|
4238
|
+
}), d(this, Mc, (e) => {
|
|
4232
4239
|
let { key: t } = e;
|
|
4233
4240
|
if (!this.keysUsed.includes(t)) {
|
|
4234
|
-
this.removeEventListener("keyup", p(
|
|
4241
|
+
this.removeEventListener("keyup", p(Mc, this));
|
|
4235
4242
|
return;
|
|
4236
4243
|
}
|
|
4237
4244
|
this.dispatchEvent(new CustomEvent(_.REQUEST_USER_INPUT, {
|
|
4238
4245
|
bubbles: !0,
|
|
4239
4246
|
composed: !0
|
|
4240
4247
|
}));
|
|
4241
|
-
}), d(this,
|
|
4248
|
+
}), d(this, Nc, (e) => {
|
|
4242
4249
|
let { metaKey: t, altKey: n, key: r } = e;
|
|
4243
4250
|
if (t || n || !this.keysUsed.includes(r)) {
|
|
4244
|
-
this.removeEventListener("keyup", p(
|
|
4251
|
+
this.removeEventListener("keyup", p(Mc, this));
|
|
4245
4252
|
return;
|
|
4246
4253
|
}
|
|
4247
|
-
this.addEventListener("keyup", p(
|
|
4248
|
-
}), this.attachShadow({ mode: "open" }).appendChild(
|
|
4254
|
+
this.addEventListener("keyup", p(Mc, this), { once: !0 });
|
|
4255
|
+
}), this.attachShadow({ mode: "open" }).appendChild(kc.content.cloneNode(!0));
|
|
4249
4256
|
}
|
|
4250
4257
|
get keysUsed() {
|
|
4251
4258
|
return ["Enter", " "];
|
|
4252
4259
|
}
|
|
4253
4260
|
connectedCallback() {
|
|
4254
4261
|
var e;
|
|
4255
|
-
m(
|
|
4262
|
+
m(Ac, this, this.closest("vindral-controller")), (e = p(Ac, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.enable();
|
|
4256
4263
|
}
|
|
4257
4264
|
enable() {
|
|
4258
|
-
this.addEventListener("click", p(
|
|
4265
|
+
this.addEventListener("click", p(jc, this)), this.addEventListener("keydown", p(Nc, this)), this.tabIndex = 0;
|
|
4259
4266
|
}
|
|
4260
4267
|
disable() {
|
|
4261
|
-
this.removeEventListener("click", p(
|
|
4268
|
+
this.removeEventListener("click", p(jc, this)), this.removeEventListener("keydown", p(Nc, this)), this.removeEventListener("keyup", p(Mc, this)), this.tabIndex = -1;
|
|
4262
4269
|
}
|
|
4263
4270
|
disconnectedCallback() {
|
|
4264
4271
|
var e;
|
|
4265
|
-
(e = p(
|
|
4272
|
+
(e = p(Ac, this)) == null || e.disconnectListener(this), this.disable();
|
|
4266
4273
|
}
|
|
4267
4274
|
};
|
|
4268
|
-
e(
|
|
4275
|
+
e(Pc, "observedAttributes", [
|
|
4269
4276
|
"hidden",
|
|
4270
4277
|
g.NEEDS_USER_INPUT_VIDEO,
|
|
4271
4278
|
g.NEEDS_USER_INPUT_AUDIO,
|
|
@@ -4273,21 +4280,21 @@ e(Nc, "observedAttributes", [
|
|
|
4273
4280
|
]);
|
|
4274
4281
|
//#endregion
|
|
4275
4282
|
//#region ../../libs/player-next/src/components/VindralMessage.ts
|
|
4276
|
-
var
|
|
4277
|
-
|
|
4278
|
-
var
|
|
4283
|
+
var Fc = document.createElement("template");
|
|
4284
|
+
Fc.innerHTML = "\n <style>\n :host,\n #background {\n position: absolute;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: contain;\n font-size: 20px;\n color: var(--fg-strong);\n pointer-events: none;\n transition: opacity 100ms;\n background-color: rgba(0, 0, 0, 0.3);\n }\n\n :host([hidden]) {\n opacity: 0;\n }\n\n #message-container {\n position: absolute;\n left: 50%;\n bottom: calc(50% + var(--play-overlay-icon-size));\n transform: translateX(-50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n width: max-content;\n max-width: 90%;\n pointer-events: none;\n }\n\n #title,\n #description {\n text-align: center;\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);\n margin: 0;\n }\n\n #title {\n margin-bottom: var(--padding-2);\n }\n\n @container (max-width: 600px) {\n :host {\n font-size: 15px;\n }\n #message-container {\n bottom: 0;\n top: var(--padding-1);\n }\n }\n\n @container (max-width: 400px) {\n :host {\n font-size: 12px;\n }\n #title {\n margin-bottom: 0;\n }\n }\n\n @container (max-width: 150px) {\n :host {\n font-size: 10px;\n }\n #title,\n #description {\n font-size: 1.2em;\n margin: 0;\n }\n }\n </style>\n\n <div id=\"background\"></div>\n <div id=\"message-container\">\n <h1 id=\"title\"></h1>\n <p id=\"description\"></p>\n </div>\n";
|
|
4285
|
+
var Ic = /* @__PURE__ */ new WeakMap(), Lc = /* @__PURE__ */ new WeakMap(), Rc = /* @__PURE__ */ new WeakMap(), zc = class extends HTMLElement {
|
|
4279
4286
|
constructor() {
|
|
4280
|
-
super(), d(this,
|
|
4287
|
+
super(), d(this, Ic, void 0), d(this, Lc, void 0), d(this, Rc, void 0);
|
|
4281
4288
|
let e = this.attachShadow({ mode: "open" });
|
|
4282
|
-
e.appendChild(
|
|
4289
|
+
e.appendChild(Fc.content.cloneNode(!0)), m(Ic, this, e.querySelector("#title")), m(Lc, this, e.querySelector("#description")), m(Rc, this, e.querySelector("#background"));
|
|
4283
4290
|
}
|
|
4284
4291
|
connectedCallback() {}
|
|
4285
4292
|
disconnectedCallback() {}
|
|
4286
4293
|
attributeChangedCallback(e, t, n) {
|
|
4287
|
-
t !== n && (e === "title" ? p(
|
|
4294
|
+
t !== n && (e === "title" ? p(Ic, this).textContent = n : e === "description" ? p(Lc, this).textContent = n : e === "background-image" && (p(Rc, this).style.backgroundImage = `url(${n})`));
|
|
4288
4295
|
}
|
|
4289
4296
|
};
|
|
4290
|
-
e(
|
|
4297
|
+
e(zc, "observedAttributes", [
|
|
4291
4298
|
"title",
|
|
4292
4299
|
"description",
|
|
4293
4300
|
"background-image",
|
|
@@ -4295,49 +4302,49 @@ e(Rc, "observedAttributes", [
|
|
|
4295
4302
|
]);
|
|
4296
4303
|
//#endregion
|
|
4297
4304
|
//#region ../../libs/player-next/src/components/VindralPlayOverlay.ts
|
|
4298
|
-
var
|
|
4299
|
-
|
|
4300
|
-
var
|
|
4305
|
+
var Bc = document.createElement("template");
|
|
4306
|
+
Bc.innerHTML = "\n <style>\n :host {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n pointer-events: none;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n :host(:focus-visible) {\n outline: none;\n outline: 0;\n }\n\n :host(:focus-visible) svg {\n outline: 0;\n }\n\n :host(:where(:focus)) svg {\n box-shadow: none;\n outline: 0;\n }\n\n :host(:active) svg {\n scale: 0.9;\n }\n\n slot#play {\n color: var(--fg-strong);\n pointer-events: auto;\n cursor: pointer;\n }\n\n slot#play > svg {\n width: var(--play-overlay-icon-size);\n height: var(--play-overlay-icon-size);\n }\n </style>\n\n <slot id=\"play\" name=\"icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M6 4v16a1 1 0 0 0 1.524 .852l13 -8a1 1 0 0 0 0 -1.704l-13 -8a1 1 0 0 0 -1.524 .852z\" /></svg>\n</slot>\n";
|
|
4307
|
+
var Vc = /* @__PURE__ */ new WeakMap(), Hc = class extends HTMLElement {
|
|
4301
4308
|
constructor() {
|
|
4302
|
-
super(), d(this,
|
|
4309
|
+
super(), d(this, Vc, null), this.attachShadow({ mode: "open" }).appendChild(Bc.content.cloneNode(!0));
|
|
4303
4310
|
}
|
|
4304
4311
|
connectedCallback() {
|
|
4305
4312
|
var e;
|
|
4306
|
-
m(
|
|
4313
|
+
m(Vc, this, this.closest("vindral-controller")), (e = p(Vc, this)) == null || e.connectListener(this), this.setAttribute("aria-label", "Play"), this.setAttribute("role", "button"), this.tabIndex = 0;
|
|
4307
4314
|
}
|
|
4308
4315
|
disconnectedCallback() {
|
|
4309
4316
|
var e;
|
|
4310
|
-
(e = p(
|
|
4317
|
+
(e = p(Vc, this)) == null || e.disconnectListener(this);
|
|
4311
4318
|
}
|
|
4312
4319
|
attributeChangedCallback(e, t, n) {
|
|
4313
4320
|
t !== n && e === "hidden" && !v(n) && this.focus();
|
|
4314
4321
|
}
|
|
4315
4322
|
};
|
|
4316
|
-
e(
|
|
4323
|
+
e(Hc, "observedAttributes", ["hidden"]);
|
|
4317
4324
|
//#endregion
|
|
4318
4325
|
//#region ../../libs/player-next/src/components/VolumeRange.ts
|
|
4319
|
-
var
|
|
4320
|
-
|
|
4321
|
-
var
|
|
4326
|
+
var Uc, Wc = document.createElement("template");
|
|
4327
|
+
Wc.innerHTML = "\n <style>\n :host {\n display: var(--volume-range-display);\n width: 80px;\n }\n\n @media (hover: hover) and (pointer: fine) {\n :host(:hover) {\n background: rgba(255, 255, 255, 0.15);\n }\n }\n\n :host(:active) {\n background: rgba(255, 255, 255, 0.25);\n }\n </style>\n";
|
|
4328
|
+
var Gc = (e) => `${Math.round(e * 100)}%`, Kc = /* @__PURE__ */ new WeakMap(), qc = class extends jr {
|
|
4322
4329
|
constructor() {
|
|
4323
4330
|
var e;
|
|
4324
|
-
super(), d(this,
|
|
4331
|
+
super(), d(this, Kc, () => {
|
|
4325
4332
|
let e = this.range.valueAsNumber;
|
|
4326
4333
|
this.dispatchEvent(new CustomEvent(_.SET_VOLUME, {
|
|
4327
4334
|
bubbles: !0,
|
|
4328
4335
|
composed: !0,
|
|
4329
4336
|
detail: e
|
|
4330
4337
|
}));
|
|
4331
|
-
}), (e = this.shadowRoot) == null || e.appendChild(
|
|
4338
|
+
}), (e = this.shadowRoot) == null || e.appendChild(Wc.content.cloneNode(!0));
|
|
4332
4339
|
}
|
|
4333
4340
|
connectedCallback() {
|
|
4334
|
-
super.connectedCallback(), this.range.addEventListener("input", p(
|
|
4341
|
+
super.connectedCallback(), this.range.addEventListener("input", p(Kc, this)), this.range.setAttribute("aria-label", "volume");
|
|
4335
4342
|
}
|
|
4336
4343
|
disconnectedCallback() {
|
|
4337
|
-
super.disconnectedCallback(), this.range.removeEventListener("input", p(
|
|
4344
|
+
super.disconnectedCallback(), this.range.removeEventListener("input", p(Kc, this));
|
|
4338
4345
|
}
|
|
4339
4346
|
attributeChangedCallback(e, t, n) {
|
|
4340
|
-
super.attributeChangedCallback(e, t, n), (e === g.MUTED || e === g.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext",
|
|
4347
|
+
super.attributeChangedCallback(e, t, n), (e === g.MUTED || e === g.VOLUME) && (this.range.valueAsNumber = this.muted ? 0 : parseFloat(this.volume), this.range.setAttribute("aria-valuetext", Gc(this.range.valueAsNumber)), this.updateBar());
|
|
4341
4348
|
}
|
|
4342
4349
|
get volume() {
|
|
4343
4350
|
var e;
|
|
@@ -4347,15 +4354,15 @@ var Wc = (e) => `${Math.round(e * 100)}%`, Gc = /* @__PURE__ */ new WeakMap(), K
|
|
|
4347
4354
|
return this.hasAttribute(g.MUTED);
|
|
4348
4355
|
}
|
|
4349
4356
|
};
|
|
4350
|
-
|
|
4351
|
-
...y(
|
|
4357
|
+
Uc = qc, e(qc, "observedAttributes", [
|
|
4358
|
+
...y(Uc, "observedAttributes", Uc),
|
|
4352
4359
|
g.MUTED,
|
|
4353
4360
|
g.VOLUME
|
|
4354
4361
|
]);
|
|
4355
4362
|
//#endregion
|
|
4356
4363
|
//#region ../../libs/player-next/src/registerComponents.ts
|
|
4357
|
-
function
|
|
4358
|
-
customElements.define("vindral-controller", Mi), customElements.define("vindral-control-bar", Fn), customElements.define("vindral-advanced-rendition-menu", Ge), customElements.define("vindral-advanced-rendition-menu-list", rt), customElements.define("vindral-play-button",
|
|
4364
|
+
function Jc() {
|
|
4365
|
+
customElements.define("vindral-controller", Mi), customElements.define("vindral-control-bar", Fn), customElements.define("vindral-advanced-rendition-menu", Ge), customElements.define("vindral-advanced-rendition-menu-list", rt), customElements.define("vindral-play-button", po), customElements.define("vindral-mute-button", oo), customElements.define("vindral-buffering-overlay", At), customElements.define("vindral-scroll-overlay", Vs), customElements.define("vindral-play-overlay", Hc), customElements.define("vindral-user-input-play-overlay", Pc), customElements.define("vindral-fullscreen-button", Sa), customElements.define("vindral-rendition-levels-menu", ps), customElements.define("vindral-rendition-levels-menu-list", Ss), customElements.define("vindral-channel-grid-button", On), customElements.define("vindral-channel-grid", en), customElements.define("vindral-channel-grid-item", Wt), customElements.define("vindral-pip-button", lo), customElements.define("vindral-airplay-button", Ct), customElements.define("vindral-cast-button", Pt), customElements.define("vindral-cast-overlay", Bt), customElements.define("vindral-buffering-icon", Dt), customElements.define("vindral-language-menu", Da), customElements.define("vindral-language-menu-list", Va), customElements.define("vindral-message", zc), customElements.define("vindral-volume-range", qc), customElements.define("vindral-poster-overlay", as), customElements.define("vindral-player", Go), customElements.define("vindral-seek-bar", gc), customElements.define("vindral-live-button", ro);
|
|
4359
4366
|
}
|
|
4360
4367
|
//#endregion
|
|
4361
|
-
export {
|
|
4368
|
+
export { Jc as t };
|