@vindral/web-sdk 4.6.0-3-ge8cf7d2f → 4.6.0-30-g09527bd9

package/B9-2wPrk.js

@@ -0,0 +1,375 @@
+import { n as e } from "./BsfwXDui.js";
+import { i as t, n, r, t as i } from "./DSw1XhvD.js";
+import { t as a } from "./DugdsSO5.js";
+//#region ../../libs/utils/src/formatting.ts
+var o = 1e3, s = o * 1e3, c = s * 1e3, l = (e, t, n) => e % t === 0 ? e / t : (e / t).toFixed(n), u = (e, t = 1) => e >= c ? `${l(e, c, t)} Gbit/s` : e >= s ? `${l(e, s, t)} Mbit/s` : e >= o ? `${l(e, o, t)} Kbit/s` : `${e} bit/s`, d = ({ width: e, height: t }) => `${e}x${t}`, f = {
+	PAUSED: "paused",
+	MUTED: "muted",
+	USER_INTERACTING: "user-interacting",
+	IS_CASTING: "is-casting",
+	CAST_AVAILABLE: "cast-available",
+	CAST_RECEIVER_NAME: "cast-receiver-name",
+	BUFFERING: "buffering",
+	UI_LOCKED: "ui-locked",
+	HIDE_UI_ON_PAUSE: "hide-ui-on-pause",
+	FULLSCREEN: "is-fullscreen",
+	FULLSCREEN_FALLBACK: "is-fullscreen-fallback",
+	RENDITION_LEVELS: "rendition-levels",
+	RENDITION_LEVEL: "rendition-level",
+	MAX_VIDEO_BITRATE: "max-video-bit-rate",
+	MAX_INITIAL_BITRATE: "max-initial-bit-rate",
+	ABR_ENABLED: "abr-enabled",
+	SIZE_BASED_RESOLUTION_CAP_ENABLED: "size-based-resolution-cap-enabled",
+	CHANNELS: "channels",
+	CHANNEL_ID: "channel-id",
+	CHANNEL_GROUP_ID: "channel-group-id",
+	PIP_AVAILABLE: "pip-available",
+	IS_PIP: "is-pip",
+	AIRPLAY_AVAILABLE: "airplay-available",
+	IS_AIRPLAYING: "is-airplaying",
+	MEDIA: "media",
+	LANGUAGES: "languages",
+	LANGUAGE: "language",
+	TEXT_TRACKS: "text-tracks",
+	TEXT_TRACK: "text-track",
+	NEEDS_USER_INPUT_VIDEO: "needs-user-input-video",
+	NEEDS_USER_INPUT_AUDIO: "needs-user-input-audio",
+	AUTHENTICATION_TOKEN: "authentication-token",
+	VOLUME: "volume",
+	VOLUME_LEVEL: "volume-level",
+	CAST_ENABLED: "cast",
+	AIRPLAY_ENABLED: "airplay",
+	PIP_ENABLED: "pip",
+	FULLSCREEN_ENABLED: "fullscreen",
+	DOUBLE_CLICK_FULLSCREEN_ENABLED: "double-click-fullscreen",
+	VU_METER_ENABLED: "vu-meter",
+	TIMESHIFT_ENABLED: "timeshift",
+	TIMESHIFT_POSITION: "timeshift-position",
+	TIMELINE_MARKERS: "timeline-markers",
+	POSTER_SRC: "poster-src",
+	DURATION: "duration",
+	DEBUG_PANEL_OPEN: "debug-panel-open",
+	TARGET_BUFFER_TIME: "target-buffer-time",
+	DRIFT: "drift",
+	PLAYBACK_LATENCY: "playback-latency",
+	CONNECTION_STATE: "connection-state"
+}, p = Object.values(f), m = {
+	PLAY: "play",
+	PAUSE: "pause",
+	MUTE: "mute",
+	UNMUTE: "unmute",
+	LOCK_UI: "lock-ui",
+	UNLOCK_UI: "unlock-ui",
+	ENTER_FULLSCREEN: "enter-fullscreen",
+	EXIT_FULLSCREEN: "exit-fullscreen",
+	SET_RENDITION: "set-rendition",
+	SET_ABR_MODE: "set-abr-mode",
+	SET_SIZE_BASED_RESOLUTION_CAP_MODE: "set-size-based-resolution-cap-mode",
+	CHANNEL_GRID_OPENED: "channel-grid-opened",
+	CHANNEL_GRID_CLOSED: "channel-grid-closed",
+	ENTER_PIP: "enter-pip",
+	EXIT_PIP: "exit-pip",
+	REQUEST_AIRPLAY: "request-airplay",
+	SET_LANGUAGE: "set-language",
+	SET_TEXT_TRACK: "set-text-track",
+	REQUEST_USER_INPUT: "request-user-input",
+	SET_VOLUME: "set-volume",
+	SEEK: "seek",
+	GO_LIVE: "go-live",
+	TOGGLE_DEBUG_PANEL: "toggle-debug-panel",
+	SET_TARGET_BUFFER_TIME: "set-target-buffer-time"
+};
+//#endregion
+//#region ../../libs/player-next/src/utils/vindralAttributesUtils.ts
+function h(e) {
+	return e === "audio" || e === "video" || e === "audio+video" ? e : "audio+video";
+}
+function g(e) {
+	return e === "trace" || e === "debug" || e === "info" || e === "warn" || e === "error" || e === "off" ? e : "off";
+}
+function _(e) {
+	if (e === null) return;
+	let t = e.split(",").map((e) => e.trim()).filter((e) => e === "h264" || e === "h265" || e === "av1");
+	if (t.length !== 0) return t;
+}
+function v(e) {
+	if (e !== null) try {
+		let t = JSON.parse(e);
+		if (typeof t == "object" && t) {
+			let e = t;
+			if (typeof e.width == "number" && typeof e.height == "number") return e;
+		}
+	} catch (e) {
+		return;
+	}
+}
+function y(e) {
+	if (e !== null) try {
+		let t = JSON.parse(e);
+		if (typeof t == "object" && t) return t;
+	} catch (e) {
+		return;
+	}
+}
+function b(e) {
+	if (e === null) return;
+	let t = parseFloat(e);
+	return Number.isNaN(t) ? void 0 : t;
+}
+function x(e) {
+	return typeof e == "string";
+}
+function S(e, t) {
+	if (e === null) return t == null ? void 0 : t;
+	let n = e.toLowerCase();
+	return n === "false" ? !1 : n === "true" || n === "" || t == null ? !0 : t;
+}
+function C(e, t) {
+	return e === null ? t == null ? void 0 : t : e === "" || e.toLowerCase() === "true" ? !0 : e.toLowerCase() === "false" ? !1 : e;
+}
+function w(e) {
+	if (e === null) return;
+	let t = {}, n = e.split(",");
+	for (let e of n) {
+		let [n, r] = e.split(":");
+		n && r && (t[n.trim()] = r.trim());
+	}
+	return Object.keys(t).length > 0 ? t : void 0;
+}
+function T(e) {
+	if (e === null) return;
+	let t = e.split(",").map((e) => e.trim()).filter((e) => e.length > 0);
+	return t.length > 0 ? t : void 0;
+}
+//#endregion
+//#region ../../libs/player-next/src/components/tooltip.ts
+var E = "\n  background: var(--bg-subtle, rgba(0, 0, 0, 0.8));\n  color: var(--fg-strong, #fff);\n  font-family: var(--ui-font, inherit);\n  font-size: 12px;\n  font-weight: normal;\n  line-height: 1.2;\n  padding: 4px 8px;\n  border-radius: 4px;\n  white-space: nowrap;\n", D = `
+  .tooltip {
+    ${E}
+    --_tooltip-gap: 4px;
+    /* Hit-testable only while the controls are, so the pointer can move onto it (WCAG 1.4.13, hoverable). */
+    pointer-events: inherit;
+    display: var(--tooltip-display, block);
+    position: absolute;
+    left: 50%;
+    bottom: calc(100% + var(--_tooltip-gap));
+    transform: translateX(calc(-50% + var(--tooltip-shift, 0px)));
+    z-index: 1;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.15s, visibility 0s 0.15s;
+  }
+
+  /* Bridges the gap so moving from the control onto the tooltip keeps it open. */
+  .tooltip::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 100%;
+    height: var(--_tooltip-gap);
+  }
+
+  .tooltip[hidden],
+  :host([tooltip-dismissed]) .tooltip {
+    display: none;
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    :host(:hover:not([disabled])) .tooltip {
+      opacity: 1;
+      visibility: visible;
+      transition: opacity 0.15s 0.3s, visibility 0s 0.3s;
+    }
+  }
+`;
+function O(e, t) {
+	let n = !1, r = !1, i = () => {
+		!n && !r && e.removeAttribute("tooltip-dismissed");
+	}, a = () => {
+		let e = getComputedStyle(t);
+		return e.display !== "none" && e.visibility === "visible";
+	}, o = (t) => {
+		t.key === "Escape" && (n || r) && a() && e.setAttribute("tooltip-dismissed", "");
+	}, s = () => {
+		n = !0;
+	}, c = () => {
+		n = !1, i();
+	}, l = () => {
+		r = !0;
+	}, u = (t) => {
+		e.contains(t.relatedTarget) || (r = !1, i());
+	};
+	return document.addEventListener("keydown", o), e.addEventListener("mouseenter", s), e.addEventListener("mouseleave", c), e.addEventListener("focusin", l), e.addEventListener("focusout", u), () => {
+		document.removeEventListener("keydown", o), e.removeEventListener("mouseenter", s), e.removeEventListener("mouseleave", c), e.removeEventListener("focusin", l), e.removeEventListener("focusout", u);
+	};
+}
+//#endregion
+//#region ../../libs/player-next/src/components/VindralButton.ts
+var k = document.createElement("template");
+k.innerHTML = `
+  <style>
+    :host {
+      cursor: pointer;
+      color: var(--fg-strong);
+      padding: var(--button-padding) !important;
+      background: transparent;
+      transition: background 0.2s linear;
+      -webkit-tap-highlight-color: transparent;
+      position: relative;
+    }
+
+    :host(:focus-visible) {
+      box-shadow: inset 0 0 0 2px var(--fg-strong);
+      outline: 0;
+    }
+
+    :host(:where(:focus)) {
+      box-shadow: none;
+      outline: 0;
+    }
+
+    @media (hover: hover) and (pointer: fine) {
+      :host(:hover) {
+        background: rgba(255, 255, 255, 0.15);
+      }
+    }
+
+    :host(:active) {
+      background: rgba(255, 255, 255, 0.25);
+    }
+
+    :host(:active) svg {
+      scale: 0.9;
+    }
+
+    :host([disabled]) {
+      opacity: 0.5;
+      background: transparent;
+    }
+
+    slot > svg {
+      display: block;
+      width: var(--button-icon-size);
+      height: var(--button-icon-size);
+    }
+
+    ${D}
+
+    :host([aria-expanded="true"]) .tooltip {
+      display: none;
+    }
+
+    .tooltip[below] {
+      bottom: auto;
+      top: calc(100% + var(--_tooltip-gap));
+    }
+
+    .tooltip[below]::after {
+      top: auto;
+      bottom: 100%;
+    }
+
+    :host(:focus-visible:not([disabled])) .tooltip {
+      opacity: 1;
+      visibility: visible;
+      transition-delay: 0s;
+    }
+  </style>
+  <span class="tooltip" aria-hidden="true" hidden></span>
+`;
+var A = /* @__PURE__ */ new WeakMap(), j = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakSet(), P = /* @__PURE__ */ new WeakMap(), F = /* @__PURE__ */ new WeakMap(), I = /* @__PURE__ */ new WeakMap(), L = /* @__PURE__ */ new WeakMap(), R = class extends HTMLElement {
+	constructor() {
+		super(), a(this, N), t(this, A, null), t(this, j, void 0), t(this, M, void 0), t(this, P, () => {
+			if (i(j, this).style.setProperty("--tooltip-shift", "0px"), i(j, this).removeAttribute("below"), !i(A, this)) return;
+			let e = i(A, this).getBoundingClientRect(), t = i(j, this).getBoundingClientRect();
+			if (t.width === 0) return;
+			i(j, this).toggleAttribute("below", t.top < e.top);
+			let n = e.left - t.left, r = t.right - e.right, a = 0;
+			n > 0 ? a = n : r > 0 && (a = -r), i(j, this).style.setProperty("--tooltip-shift", `${a}px`);
+		}), t(this, F, (e) => {
+			e.composedPath().includes(i(j, this)) || this.handleClick(e);
+		}), t(this, I, (e) => {
+			let { key: t } = e;
+			if (!this.keysUsed.includes(t)) {
+				this.removeEventListener("keyup", i(I, this));
+				return;
+			}
+			this.handleClick(e);
+		}), t(this, L, (e) => {
+			let { metaKey: t, altKey: n, key: r } = e;
+			if (t || n || !this.keysUsed.includes(r)) {
+				this.removeEventListener("keyup", i(I, this));
+				return;
+			}
+			this.addEventListener("keyup", i(I, this), { once: !0 });
+		});
+		let e = this.attachShadow({ mode: "open" });
+		e.appendChild(k.content.cloneNode(!0)), n(j, this, e.querySelector(".tooltip")), this.addEventListener("mouseenter", i(P, this)), this.addEventListener("focus", i(P, this));
+	}
+	get keysUsed() {
+		return ["Enter", " "];
+	}
+	connectedCallback() {
+		var e;
+		n(A, this, this.closest("vindral-controller")), (e = i(A, this)) == null || e.connectListener(this), n(M, this, O(this, i(j, this))), this.hasAttribute("disabled") || this.enable(), this.setAttribute("role", "button");
+	}
+	enable() {
+		this.addEventListener("click", i(F, this)), this.addEventListener("keydown", i(L, this)), this.tabIndex = 0;
+	}
+	disable() {
+		this.removeEventListener("click", i(F, this)), this.removeEventListener("keydown", i(L, this)), this.removeEventListener("keyup", i(I, this)), this.tabIndex = -1;
+	}
+	disconnectedCallback() {
+		var e, t;
+		(e = i(A, this)) == null || e.disconnectListener(this), (t = i(M, this)) == null || t.call(this);
+	}
+	attributeChangedCallback(e, t, n) {
+		e === "disabled" && (x(n) ? this.disable() : this.enable()), e === "aria-label" && (i(j, this).textContent = n == null ? "" : n, i(j, this).hidden = !n, r(N, this, z).call(this)), e === "aria-expanded" && n !== "true" && r(N, this, z).call(this);
+	}
+};
+function z() {
+	this.matches(":hover, :focus") && i(P, this).call(this);
+}
+e(R, "observedAttributes", [
+	"disabled",
+	"aria-label",
+	"aria-expanded"
+]);
+//#endregion
+//#region \0@oxc-project+runtime@0.115.0/helpers/getPrototypeOf.js
+function B(e) {
+	return B = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+		return e.__proto__ || Object.getPrototypeOf(e);
+	}, B(e);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.115.0/helpers/superPropBase.js
+function V(e, t) {
+	for (; !{}.hasOwnProperty.call(e, t) && (e = B(e)) !== null;);
+	return e;
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.115.0/helpers/get.js
+function H() {
+	return H = typeof Reflect < "u" && Reflect.get ? Reflect.get.bind() : function(e, t, n) {
+		var r = V(e, t);
+		if (r) {
+			var i = Object.getOwnPropertyDescriptor(r, t);
+			return i.get ? i.get.call(arguments.length < 3 ? e : n) : i.value;
+		}
+	}, H.apply(null, arguments);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.115.0/helpers/superPropGet.js
+function U(e, t, n, r) {
+	var i = H(B(1 & r ? e.prototype : e), t, n);
+	return 2 & r && typeof i == "function" ? function(e) {
+		return i.apply(n, e);
+	} : i;
+}
+//#endregion
+//#region ../../libs/player-next/src/constants.ts
+var W = 5e3, G = "https://lb.cdn.vindral.com";
+//#endregion
+export { d as C, u as S, T as _, E as a, f as b, x as c, C as d, g as f, b as g, h, R as i, y as l, v as m, G as n, D as o, w as p, U as r, O as s, W as t, S as u, _ as v, p as x, m as y };