@webitel/ui-sdk 26.6.34 → 26.6.35

package/dist/vidstack-hls-CLzdTFu6.js

@@ -0,0 +1,269 @@
+import { D as e, H as t, I as n, K as r, R as i, f as a, r as o, v as s } from "./vidstack-BGSTndAW-CyKM_CM4.js";
+import { r as c, y as l } from "./useVidstackSrc-DfNrFbOO.js";
+import { i as u, r as d } from "./vidstack-CTojmhKq-D7sZJxgm.js";
+import { t as f } from "./vidstack-DqAw8m9J-Dk1GT3Oe.js";
+import { t as p } from "./vidstack-D5EzK014-DOe01V3H.js";
+import { n as m, t as h } from "./vidstack-Ci54COQW-CAAXpwzv.js";
+import { VideoProvider as g } from "./vidstack-video-XtP8iTBc.js";
+import { t as _ } from "./vidstack-B01xzxC4-DeYSgDZy.js";
+import { n as v } from "./vidstack-C9vIqaYT-C1EgPq17.js";
+//#region node_modules/vidstack/prod/providers/vidstack-hls.js
+var y = (e) => a(e), b = class {
+	#e;
+	#t;
+	#n = null;
+	#r = null;
+	config = {};
+	#i = /* @__PURE__ */ new Set();
+	get instance() {
+		return this.#n;
+	}
+	constructor(e, t) {
+		this.#e = e, this.#t = t;
+	}
+	setup(e) {
+		let { streamType: n } = this.#t.$state, i = r(n).includes("live"), a = r(n).includes("ll-");
+		this.#n = new e({
+			lowLatencyMode: a,
+			backBufferLength: a ? 4 : i ? 8 : void 0,
+			renderTextTracksNatively: !1,
+			...this.config
+		});
+		let o = this.#c.bind(this);
+		for (let t of Object.values(e.Events)) this.#n.on(t, o);
+		this.#n.on(e.Events.ERROR, this.#h.bind(this));
+		for (let e of this.#i) e(this.#n);
+		this.#t.player.dispatch("hls-instance", { detail: this.#n }), this.#n.attachMedia(this.#e), this.#n.on(e.Events.AUDIO_TRACK_SWITCHED, this.#d.bind(this)), this.#n.on(e.Events.LEVEL_SWITCHED, this.#f.bind(this)), this.#n.on(e.Events.LEVEL_LOADED, this.#m.bind(this)), this.#n.on(e.Events.LEVEL_UPDATED, this.#p.bind(this)), this.#n.on(e.Events.NON_NATIVE_TEXT_TRACKS_FOUND, this.#l.bind(this)), this.#n.on(e.Events.CUES_PARSED, this.#u.bind(this)), this.#t.qualities[_.enableAuto] = this.#_.bind(this), t(this.#t.qualities, "change", this.#v.bind(this)), t(this.#t.audioTracks, "change", this.#y.bind(this)), this.#r = s(this.#o.bind(this));
+	}
+	#a(e, t) {
+		return new o(y(e), { detail: t });
+	}
+	#o() {
+		if (!this.#t.$state.live()) return;
+		let e = new f(this.#s.bind(this));
+		return e.start(), e.stop.bind(e);
+	}
+	#s() {
+		this.#t.$state.liveSyncPosition.set(this.#n?.liveSyncPosition ?? Infinity);
+	}
+	#c(e, t) {
+		this.#t.player?.dispatch(this.#a(e, t));
+	}
+	#l(e, t) {
+		let n = this.#a(e, t), r = -1;
+		for (let e = 0; e < t.tracks.length; e++) {
+			let i = t.tracks[e], a = i.subtitleTrack ?? i.closedCaptions, o = new h({
+				id: `hls-${i.kind}-${e}`,
+				src: a?.url,
+				label: i.label,
+				language: a?.lang,
+				kind: i.kind,
+				default: i.default
+			});
+			o[m.readyState] = 2, o[m.onModeChange] = () => {
+				o.mode === "showing" ? (this.#n.subtitleTrack = e, r = e) : r === e && (this.#n.subtitleTrack = -1, r = -1);
+			}, this.#t.textTracks.add(o, n);
+		}
+	}
+	#u(e, t) {
+		let n = this.#n?.subtitleTrack, r = this.#t.textTracks.getById(`hls-${t.type}-${n}`);
+		if (!r) return;
+		let i = this.#a(e, t);
+		for (let e of t.cues) e.positionAlign = "auto", r.addCue(e, i);
+	}
+	#d(e, t) {
+		let n = this.#t.audioTracks[t.id];
+		if (n) {
+			let r = this.#a(e, t);
+			this.#t.audioTracks[p.select](n, !0, r);
+		}
+	}
+	#f(e, t) {
+		let n = this.#t.qualities[t.level];
+		if (n) {
+			let r = this.#a(e, t);
+			this.#t.qualities[p.select](n, !0, r);
+		}
+	}
+	#p(e, t) {
+		t.details.totalduration > 0 && this.#t.$state.inferredLiveDVRWindow.set(t.details.totalduration);
+	}
+	#m(e, t) {
+		if (this.#t.$state.canPlay()) return;
+		let { type: n, live: r, totalduration: i, targetduration: a } = t.details, s = this.#a(e, t);
+		this.#t.notify("stream-type-change", r ? n === "EVENT" && Number.isFinite(i) && a >= 10 ? "live:dvr" : "live" : "on-demand", s), this.#t.notify("duration-change", i, s);
+		let c = this.#n.media;
+		this.#n.currentLevel === -1 && this.#t.qualities[_.setAuto](!0, s);
+		for (let e of this.#n.audioTracks) {
+			let t = {
+				id: e.id.toString(),
+				label: e.name,
+				language: e.lang || "",
+				kind: "main"
+			};
+			this.#t.audioTracks[p.add](t, s);
+		}
+		for (let e of this.#n.levels) {
+			let t = {
+				id: e.id?.toString() ?? e.height + "p",
+				width: e.width,
+				height: e.height,
+				codec: e.codecSet,
+				bitrate: e.bitrate
+			};
+			this.#t.qualities[p.add](t, s);
+		}
+		c.dispatchEvent(new o("canplay", { trigger: s }));
+	}
+	#h(e, t) {
+		if (t.fatal) switch (t.type) {
+			case "mediaError":
+				this.#n?.recoverMediaError();
+				break;
+			default:
+				this.#g(t.error);
+				break;
+		}
+	}
+	#g(e) {
+		this.#t.notify("error", {
+			message: e.message,
+			code: 1,
+			error: e
+		});
+	}
+	#_() {
+		this.#n && (this.#n.currentLevel = -1);
+	}
+	#v() {
+		let { qualities: e } = this.#t;
+		!this.#n || e.auto || (this.#n[e.switch + "Level"] = e.selectedIndex, c && (this.#e.currentTime = this.#e.currentTime));
+	}
+	#y() {
+		let { audioTracks: e } = this.#t;
+		this.#n && this.#n.audioTrack !== e.selectedIndex && (this.#n.audioTrack = e.selectedIndex);
+	}
+	onInstance(e) {
+		return this.#i.add(e), () => this.#i.delete(e);
+	}
+	loadSource(e) {
+		n(e.src) && this.#n?.loadSource(e.src);
+	}
+	destroy() {
+		this.#n?.destroy(), this.#n = null, this.#r?.(), this.#r = null;
+	}
+}, x = class {
+	#e;
+	#t;
+	#n;
+	constructor(e, t, n) {
+		this.#e = e, this.#t = t, this.#n = n, this.#r();
+	}
+	async #r() {
+		let e = {
+			onLoadStart: this.#i.bind(this),
+			onLoaded: this.#a.bind(this),
+			onLoadError: this.#o.bind(this)
+		}, t = await C(this.#e, e);
+		return i(t) && !n(this.#e) && (t = await S(this.#e, e)), t ? t.isSupported() ? t : (this.#t.player.dispatch(new o("hls-unsupported")), this.#t.notify("error", {
+			message: "[vidstack] `hls.js` is not supported in this environment",
+			code: 4
+		}), null) : null;
+	}
+	#i() {
+		this.#t.player.dispatch(new o("hls-lib-load-start"));
+	}
+	#a(e) {
+		this.#t.player.dispatch(new o("hls-lib-loaded", { detail: e })), this.#n(e);
+	}
+	#o(e) {
+		let t = v(e);
+		this.#t.player.dispatch(new o("hls-lib-load-error", { detail: t })), this.#t.notify("error", {
+			message: t.message,
+			code: 4,
+			error: t
+		});
+	}
+};
+async function S(e, t = {}) {
+	if (!i(e)) {
+		if (t.onLoadStart?.(), e.prototype && e.prototype !== Function) return t.onLoaded?.(e), e;
+		try {
+			let n = (await e())?.default;
+			if (n && n.isSupported) t.onLoaded?.(n);
+			else throw Error("");
+			return n;
+		} catch (e) {
+			t.onLoadError?.(e);
+		}
+	}
+}
+async function C(t, r = {}) {
+	if (n(t)) {
+		r.onLoadStart?.();
+		try {
+			if (await d(t), !e(window.Hls)) throw Error("");
+			let n = window.Hls;
+			return r.onLoaded?.(n), n;
+		} catch (e) {
+			r.onLoadError?.(e);
+		}
+	}
+}
+var w = "https://cdn.jsdelivr.net", T = class extends g {
+	$$PROVIDER_TYPE = "HLS";
+	#e = null;
+	#t = new b(this.video, this.ctx);
+	get ctor() {
+		return this.#e;
+	}
+	get instance() {
+		return this.#t.instance;
+	}
+	static supported = l();
+	get type() {
+		return "hls";
+	}
+	get canLiveSync() {
+		return !0;
+	}
+	#n = `${w}/npm/hls.js@^1.5.0/dist/hls.min.js`;
+	get config() {
+		return this.#t.config;
+	}
+	set config(e) {
+		this.#t.config = e;
+	}
+	get library() {
+		return this.#n;
+	}
+	set library(e) {
+		this.#n = e;
+	}
+	preconnect() {
+		n(this.#n) && u(this.#n);
+	}
+	setup() {
+		super.setup(), new x(this.#n, this.ctx, (e) => {
+			this.#e = e, this.#t.setup(e), this.ctx.notify("provider-setup", this);
+			let t = r(this.ctx.$state.source);
+			t && this.loadSource(t);
+		});
+	}
+	async loadSource(e, t) {
+		if (!n(e.src)) {
+			this.removeSource();
+			return;
+		}
+		this.media.preload = t || "", this.appendSource(e, "application/x-mpegurl"), this.#t.loadSource(e), this.currentSrc = e;
+	}
+	onInstance(e) {
+		let t = this.#t.instance;
+		return t && e(t), this.#t.onInstance(e);
+	}
+	destroy() {
+		this.#t.destroy();
+	}
+};
+//#endregion
+export { T as HLSProvider };

package/dist/vidstack-krOAtKMi-DN1WZC3p.js

@@ -0,0 +1,30 @@
+//#region node_modules/vidstack/prod/chunks/vidstack-krOAtKMi.js
+var e = /(?:https:\/\/)?(?:player\.)?vimeo(?:\.com)?\/(?:video\/)?(\d+)(?:(?:\?hash=|\?h=|\/)(.*))?/, t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+function r(t) {
+	let n = t.match(e);
+	return {
+		videoId: n?.[1],
+		hash: n?.[2]
+	};
+}
+async function i(e, r, i) {
+	if (t.has(e)) return t.get(e);
+	if (n.has(e)) return n.get(e);
+	let a = `https://vimeo.com/api/oembed.json?url=https://player.vimeo.com/video/${e}`;
+	i && (a = a.concat(`?h=${i}`));
+	let o = window.fetch(a, {
+		mode: "cors",
+		signal: r.signal
+	}).then((e) => e.json()).then((n) => {
+		let r = n?.thumbnail_url?.match(/vimeocdn.com\/video\/(.*)?_/)?.[1], i = r ? `https://i.vimeocdn.com/video/${r}_1920x1080.webp` : "", a = {
+			title: n?.title ?? "",
+			duration: n?.duration ?? 0,
+			poster: i,
+			pro: n.account_type !== "basic"
+		};
+		return t.set(e, a), a;
+	}).finally(() => n.delete(e));
+	return n.set(e, o), o;
+}
+//#endregion
+export { i as getVimeoVideoInfo, r as resolveVimeoVideoId };

package/dist/vidstack-video-XtP8iTBc.js

@@ -0,0 +1,151 @@
+import { G as e, H as t, X as n, i as r, r as i } from "./vidstack-BGSTndAW-CyKM_CM4.js";
+import { d as a, m as o, p as s } from "./useVidstackSrc-DfNrFbOO.js";
+import { n as c, t as l } from "./vidstack-Bq6c3Bam-3dCf_D36.js";
+import { n as u, t as d } from "./vidstack-Ci54COQW-CAAXpwzv.js";
+//#region node_modules/vidstack/prod/providers/vidstack-video.js
+var f = class {
+	#e;
+	#t;
+	constructor(t, n) {
+		this.#e = t, this.#t = n, t.textTracks.onaddtrack = this.#n.bind(this), e(this.#r.bind(this));
+	}
+	#n(e) {
+		let t = e.track;
+		if (!t || p(this.#e, t)) return;
+		let n = new d({
+			id: t.id,
+			kind: t.kind,
+			label: t.label ?? "",
+			language: t.language,
+			type: "vtt"
+		});
+		n[u.native] = { track: t }, n[u.readyState] = 2, n[u.nativeHLS] = !0;
+		let r = 0, i = (e) => {
+			if (t.cues) for (let i = r; i < t.cues.length; i++) n.addCue(t.cues[i], e), r++;
+		};
+		i(e), t.oncuechange = i, this.#t.textTracks.add(n, e), n.setMode(t.mode, e);
+	}
+	#r() {
+		this.#e.textTracks.onaddtrack = null;
+		for (let e of this.#t.textTracks) {
+			let t = e[u.native]?.track;
+			t?.oncuechange && (t.oncuechange = null);
+		}
+	}
+};
+function p(e, t) {
+	return Array.from(e.children).find((e) => e.track === t);
+}
+var m = class {
+	#e;
+	#t;
+	constructor(e, t) {
+		this.#e = e, this.#t = t, new r(e).add("enterpictureinpicture", this.#n.bind(this)).add("leavepictureinpicture", this.#r.bind(this));
+	}
+	get active() {
+		return document.pictureInPictureElement === this.#e;
+	}
+	get supported() {
+		return s(this.#e);
+	}
+	async enter() {
+		return this.#e.requestPictureInPicture();
+	}
+	exit() {
+		return document.exitPictureInPicture();
+	}
+	#n(e) {
+		this.#i(!0, e);
+	}
+	#r(e) {
+		this.#i(!1, e);
+	}
+	#i = (e, t) => {
+		this.#t.notify("picture-in-picture-change", e, t);
+	};
+}, h = class {
+	#e;
+	#t;
+	#n = "inline";
+	get mode() {
+		return this.#n;
+	}
+	constructor(e, n) {
+		this.#e = e, this.#t = n, t(e, "webkitpresentationmodechanged", this.#r.bind(this));
+	}
+	get supported() {
+		return o(this.#e);
+	}
+	async setPresentationMode(e) {
+		this.#n !== e && this.#e.webkitSetPresentationMode(e);
+	}
+	#r(e) {
+		let t = this.#n;
+		this.#n = this.#e.webkitPresentationMode, this.#t.player?.dispatch(new i("video-presentation-change", {
+			detail: this.#n,
+			trigger: e
+		})), ["fullscreen", "picture-in-picture"].forEach((n) => {
+			(this.#n === n || t === n) && this.#t.notify(`${n}-change`, this.#n === n, e);
+		});
+	}
+}, g = class {
+	#e;
+	get active() {
+		return this.#e.mode === "fullscreen";
+	}
+	get supported() {
+		return this.#e.supported;
+	}
+	constructor(e) {
+		this.#e = e;
+	}
+	async enter() {
+		this.#e.setPresentationMode("fullscreen");
+	}
+	async exit() {
+		this.#e.setPresentationMode("inline");
+	}
+}, _ = class {
+	#e;
+	get active() {
+		return this.#e.mode === "picture-in-picture";
+	}
+	get supported() {
+		return this.#e.supported;
+	}
+	constructor(e) {
+		this.#e = e;
+	}
+	async enter() {
+		this.#e.setPresentationMode("picture-in-picture");
+	}
+	async exit() {
+		this.#e.setPresentationMode("inline");
+	}
+}, v = class extends c {
+	$$PROVIDER_TYPE = "VIDEO";
+	get type() {
+		return "video";
+	}
+	airPlay;
+	fullscreen;
+	pictureInPicture;
+	constructor(e, t) {
+		super(e, t), n(() => {
+			if (this.airPlay = new l(e, t), o(e)) {
+				let n = new h(e, t);
+				this.fullscreen = new g(n), this.pictureInPicture = new _(n);
+			} else s(e) && (this.pictureInPicture = new m(e, t));
+		}, this.scope);
+	}
+	setup() {
+		super.setup(), a(this.video) && new f(this.video, this.ctx), this.ctx.textRenderers.attachVideo(this.video), e(() => {
+			this.ctx.textRenderers.attachVideo(null);
+		}), this.type === "video" && this.ctx.notify("provider-setup", this);
+	}
+	get video() {
+		return this.media;
+	}
+};
+//#endregion
+export { v as VideoProvider };