@webitel/ui-sdk 26.6.34 → 26.6.36

package/dist/vidstack-vimeo-EzzPpggD.js

@@ -0,0 +1,386 @@
+import { $ as e, H as t, I as n, K as r, g as i, h as a, v as o, w as s } from "./vidstack-BGSTndAW-CyKM_CM4.js";
+import { i as c } from "./vidstack-CTojmhKq-D7sZJxgm.js";
+import { getVimeoVideoInfo as l, resolveVimeoVideoId as u } from "./vidstack-krOAtKMi-DN1WZC3p.js";
+import { t as d } from "./vidstack-DqAw8m9J-Dk1GT3Oe.js";
+import { t as f } from "./vidstack-D5EzK014-DOe01V3H.js";
+import { t as p } from "./vidstack-Ci54COQW-CAAXpwzv.js";
+import { t as m } from "./vidstack-B01xzxC4-DeYSgDZy.js";
+import { t as h } from "./vidstack-ChQTHmIQ-nTO94M6P.js";
+import { t as g } from "./vidstack-DDXt6fpN-Don_e6LS.js";
+//#region node_modules/vidstack/prod/providers/vidstack-vimeo.js
+var _ = [
+	"bufferend",
+	"bufferstart",
+	"durationchange",
+	"ended",
+	"enterpictureinpicture",
+	"error",
+	"fullscreenchange",
+	"leavepictureinpicture",
+	"loaded",
+	"playProgress",
+	"loadProgress",
+	"pause",
+	"play",
+	"playbackratechange",
+	"qualitychange",
+	"seeked",
+	"seeking",
+	"timeupdate",
+	"volumechange",
+	"waiting"
+], v = class extends g {
+	$$PROVIDER_TYPE = "VIMEO";
+	scope = a();
+	fullscreen;
+	#e;
+	#t = e("");
+	#n = e(!1);
+	#r = null;
+	#i = null;
+	#a = !1;
+	#o = new h(0, 0);
+	#s = new d(this.#h.bind(this));
+	#c = null;
+	#l = null;
+	#u = /* @__PURE__ */ new Map();
+	#d = null;
+	constructor(e, t) {
+		super(e), this.#e = t;
+		let n = this;
+		this.fullscreen = {
+			get active() {
+				return n.#a;
+			},
+			supported: !0,
+			enter: () => this.#L("requestFullscreen"),
+			exit: () => this.#L("exitFullscreen")
+		};
+	}
+	cookies = !1;
+	title = !0;
+	byline = !0;
+	portrait = !0;
+	color = "00ADEF";
+	get type() {
+		return "vimeo";
+	}
+	get currentSrc() {
+		return this.#i;
+	}
+	get videoId() {
+		return this.#t();
+	}
+	get hash() {
+		return this.#r;
+	}
+	get isPro() {
+		return this.#n();
+	}
+	preconnect() {
+		c(this.getOrigin());
+	}
+	setup() {
+		super.setup(), o(this.#f.bind(this)), o(this.#p.bind(this)), o(this.#m.bind(this)), this.#e.notify("provider-setup", this);
+	}
+	destroy() {
+		this.#R(), this.fullscreen = void 0;
+		for (let e of this.#u.values()) for (let { reject: t } of e) t("provider destroyed");
+		this.#u.clear(), this.#L("destroy");
+	}
+	async play() {
+		return this.#L("play");
+	}
+	async pause() {
+		return this.#L("pause");
+	}
+	setMuted(e) {
+		this.#L("setMuted", e);
+	}
+	setCurrentTime(e) {
+		this.#L("seekTo", e), this.#e.notify("seeking", e);
+	}
+	setVolume(e) {
+		this.#L("setVolume", e), this.#L("setMuted", r(this.#e.$state.muted));
+	}
+	setPlaybackRate(e) {
+		this.#L("setPlaybackRate", e);
+	}
+	async loadSource(e) {
+		if (!n(e.src)) {
+			this.#i = null, this.#r = null, this.#t.set("");
+			return;
+		}
+		let { videoId: t, hash: r } = u(e.src);
+		this.#t.set(t ?? ""), this.#r = r ?? null, this.#i = e;
+	}
+	#f() {
+		this.#R();
+		let e = this.#t();
+		if (!e) {
+			this.src.set("");
+			return;
+		}
+		this.src.set(`${this.getOrigin()}/video/${e}`), this.#e.notify("load-start");
+	}
+	#p() {
+		let e = this.#t();
+		if (!e) return;
+		let t = i(), n = new AbortController();
+		return this.#d = t, l(e, n, this.#r).then((e) => {
+			t.resolve(e);
+		}).catch((e) => {
+			t.reject();
+		}), () => {
+			t.reject(), n.abort();
+		};
+	}
+	#m() {
+		let e = this.#n(), { $state: n, qualities: r } = this.#e;
+		if (n.canSetPlaybackRate.set(e), r[f.setReadonly](!e), e) return t(r, "change", () => {
+			if (r.auto) return;
+			let e = r.selected?.id;
+			e && this.#L("setQuality", e);
+		});
+	}
+	getOrigin() {
+		return "https://player.vimeo.com";
+	}
+	buildParams() {
+		let { keyDisabled: e } = this.#e.$props, { playsInline: t, nativeControls: n } = this.#e.$state, r = n();
+		return {
+			title: this.title,
+			byline: this.byline,
+			color: this.color,
+			portrait: this.portrait,
+			controls: r,
+			h: this.hash,
+			keyboard: r && !e(),
+			transparent: !0,
+			playsinline: t(),
+			dnt: !this.cookies
+		};
+	}
+	#h() {
+		this.#L("getCurrentTime");
+	}
+	#g = !1;
+	#_(e, t) {
+		if (this.#g && e === 0) return;
+		let { realCurrentTime: n, paused: r, bufferedEnd: i, seekableEnd: a, live: o } = this.#e.$state;
+		if (n() === e) return;
+		let s = n();
+		this.#e.notify("time-change", e, t), Math.abs(s - e) > 1.5 && (this.#e.notify("seeking", e, t), !r() && i() < e && this.#e.notify("waiting", void 0, t)), !o() && a() - e < .01 && (this.#e.notify("end", void 0, t), this.#g = !0, setTimeout(() => {
+			this.#g = !1;
+		}, 500));
+	}
+	#v(e, t) {
+		this.#e.notify("seeked", e, t);
+	}
+	#y(e) {
+		let t = this.#t();
+		this.#d?.promise.then((t) => {
+			if (!t) return;
+			let { title: n, poster: r, duration: i, pro: a } = t;
+			this.#n.set(a), this.#e.notify("title-change", n, e), this.#e.notify("poster-change", r, e), this.#e.notify("duration-change", i, e), this.#b(i, e);
+		}).catch(() => {
+			t === this.#t() && (this.#L("getVideoTitle"), this.#L("getDuration"));
+		});
+	}
+	#b(e, t) {
+		let { nativeControls: n } = this.#e.$state, r = n();
+		this.#o = new h(0, e);
+		let i = {
+			buffered: new h(0, 0),
+			seekable: this.#o,
+			duration: e
+		};
+		this.#e.delegate.ready(i, t), r || this.#L("_hideOverlay"), this.#L("getQualities"), this.#L("getChapters");
+	}
+	#x(e, t, n) {
+		switch (e) {
+			case "getVideoTitle":
+				let e = t;
+				this.#e.notify("title-change", e, n);
+				break;
+			case "getDuration":
+				let i = t;
+				this.#e.$state.canPlay() ? this.#e.notify("duration-change", i, n) : this.#b(i, n);
+				break;
+			case "getCurrentTime":
+				this.#_(t, n);
+				break;
+			case "getBuffered":
+				s(t) && t.length && this.#E(t[t.length - 1][1], n);
+				break;
+			case "setMuted":
+				this.#A(r(this.#e.$state.volume), t, n);
+				break;
+			case "getChapters":
+				this.#j(t);
+				break;
+			case "getQualities":
+				this.#N(t, n);
+				break;
+		}
+		this.#z(e)?.resolve();
+	}
+	#S() {
+		for (let e of _) this.#L("addEventListener", e);
+	}
+	#C(e) {
+		this.#s.stop(), this.#e.notify("pause", void 0, e);
+	}
+	#w(e) {
+		this.#s.start(), this.#e.notify("play", void 0, e);
+	}
+	#T(e) {
+		let { paused: t } = this.#e.$state;
+		!t() && !this.#g && this.#e.notify("playing", void 0, e);
+	}
+	#E(e, t) {
+		let n = {
+			buffered: new h(0, e),
+			seekable: this.#o
+		};
+		this.#e.notify("progress", n, t);
+	}
+	#D(e) {
+		this.#e.notify("waiting", void 0, e);
+	}
+	#O(e) {
+		let { paused: t } = this.#e.$state;
+		t() || this.#e.notify("playing", void 0, e);
+	}
+	#k(e) {
+		let { paused: t } = this.#e.$state;
+		t() && this.#e.notify("play", void 0, e), this.#e.notify("waiting", void 0, e);
+	}
+	#A(e, t, n) {
+		let r = {
+			volume: e,
+			muted: t
+		};
+		this.#e.notify("volume-change", r, n);
+	}
+	#j(e) {
+		if (this.#M(), !e.length) return;
+		let t = new p({
+			kind: "chapters",
+			default: !0
+		}), { seekableEnd: n } = this.#e.$state;
+		for (let r = 0; r < e.length; r++) {
+			let i = e[r], a = e[r + 1];
+			t.addCue(new window.VTTCue(i.startTime, a?.startTime ?? n(), i.title));
+		}
+		this.#l = t, this.#e.textTracks.add(t);
+	}
+	#M() {
+		this.#l &&= (this.#e.textTracks.remove(this.#l), null);
+	}
+	#N(e, t) {
+		this.#e.qualities[m.enableAuto] = e.some((e) => e.id === "auto") ? () => this.#L("setQuality", "auto") : void 0;
+		for (let n of e) {
+			if (n.id === "auto") continue;
+			let e = +n.id.slice(0, -1);
+			isNaN(e) || this.#e.qualities[f.add]({
+				id: n.id,
+				width: 16 / 9 * e,
+				height: e,
+				codec: "avc1,h.264",
+				bitrate: -1
+			}, t);
+		}
+		this.#P(e.find((e) => e.active), t);
+	}
+	#P({ id: e } = {}, t) {
+		if (!e) return;
+		let n = e === "auto", r = this.#e.qualities.getById(e);
+		n ? (this.#e.qualities[m.setAuto](n, t), this.#e.qualities[f.select](void 0, !0, t)) : this.#e.qualities[f.select](r ?? void 0, !0, t);
+	}
+	#F(e, t, n) {
+		switch (e) {
+			case "ready":
+				this.#S();
+				break;
+			case "loaded":
+				this.#y(n);
+				break;
+			case "play":
+				this.#w(n);
+				break;
+			case "playProgress":
+				this.#T(n);
+				break;
+			case "pause":
+				this.#C(n);
+				break;
+			case "loadProgress":
+				this.#E(t.seconds, n);
+				break;
+			case "waiting":
+				this.#k(n);
+				break;
+			case "bufferstart":
+				this.#D(n);
+				break;
+			case "bufferend":
+				this.#O(n);
+				break;
+			case "volumechange":
+				this.#A(t.volume, r(this.#e.$state.muted), n);
+				break;
+			case "durationchange":
+				this.#o = new h(0, t.duration), this.#e.notify("duration-change", t.duration, n);
+				break;
+			case "playbackratechange":
+				this.#e.notify("rate-change", t.playbackRate, n);
+				break;
+			case "qualitychange":
+				this.#P(t, n);
+				break;
+			case "fullscreenchange":
+				this.#a = t.fullscreen, this.#e.notify("fullscreen-change", t.fullscreen, n);
+				break;
+			case "enterpictureinpicture":
+				this.#e.notify("picture-in-picture-change", !0, n);
+				break;
+			case "leavepictureinpicture":
+				this.#e.notify("picture-in-picture-change", !1, n);
+				break;
+			case "ended":
+				this.#e.notify("end", void 0, n);
+				break;
+			case "error":
+				this.#I(t, n);
+				break;
+			case "seek":
+			case "seeked":
+				this.#v(t.seconds, n);
+				break;
+		}
+	}
+	#I(e, t) {
+		let { message: n, method: r } = e;
+		r === "setPlaybackRate" && this.#n.set(!1), r && this.#z(r)?.reject(n);
+	}
+	onMessage(e, t) {
+		e.event ? this.#F(e.event, e.data, t) : e.method && this.#x(e.method, e.value, t);
+	}
+	onLoad() {}
+	async #L(e, t) {
+		let n = i(), r = this.#u.get(e);
+		return r || this.#u.set(e, r = []), r.push(n), this.postMessage({
+			method: e,
+			value: t
+		}), n.promise;
+	}
+	#R() {
+		this.#s.stop(), this.#o = new h(0, 0), this.#d = null, this.#c = null, this.#n.set(!1), this.#M();
+	}
+	#z(e) {
+		return this.#u.get(e)?.shift();
+	}
+};
+//#endregion
+export { v as VimeoProvider };

package/dist/vidstack-youtube-C1_NAfWa.js

@@ -0,0 +1,205 @@
+import { $ as e, I as t, N as n, P as r, T as i, g as a, h as o, v as s } from "./vidstack-BGSTndAW-CyKM_CM4.js";
+import { i as c } from "./vidstack-CTojmhKq-D7sZJxgm.js";
+import { resolveYouTubeVideoId as l } from "./vidstack-Dm1xEU9Q-VlefmrP8.js";
+import { t as u } from "./vidstack-ChQTHmIQ-nTO94M6P.js";
+import { t as d } from "./vidstack-DDXt6fpN-Don_e6LS.js";
+//#region node_modules/vidstack/prod/providers/vidstack-youtube.js
+var f = {
+	Ended: 0,
+	Playing: 1,
+	Paused: 2,
+	Buffering: 3,
+	Cued: 5
+}, p = class extends d {
+	$$PROVIDER_TYPE = "YOUTUBE";
+	scope = o();
+	#e;
+	#t = e("");
+	#n = -1;
+	#r = null;
+	#i = -1;
+	#a = !1;
+	#o = /* @__PURE__ */ new Map();
+	constructor(e, t) {
+		super(e), this.#e = t;
+	}
+	language = "en";
+	color = "red";
+	cookies = !1;
+	get currentSrc() {
+		return this.#r;
+	}
+	get type() {
+		return "youtube";
+	}
+	get videoId() {
+		return this.#t();
+	}
+	preconnect() {
+		c(this.getOrigin());
+	}
+	setup() {
+		super.setup(), s(this.#s.bind(this)), this.#e.notify("provider-setup", this);
+	}
+	destroy() {
+		this.#g();
+		for (let e of this.#o.values()) for (let { reject: t } of e) t("provider destroyed");
+		this.#o.clear();
+	}
+	async play() {
+		return this.#c("playVideo");
+	}
+	async pause() {
+		return this.#c("pauseVideo");
+	}
+	setMuted(e) {
+		e ? this.#c("mute") : this.#c("unMute");
+	}
+	setCurrentTime(e) {
+		this.#c("seekTo", e), this.#e.notify("seeking", e);
+	}
+	setVolume(e) {
+		this.#c("setVolume", e * 100);
+	}
+	setPlaybackRate(e) {
+		this.#c("setPlaybackRate", e);
+	}
+	async loadSource(e) {
+		if (!t(e.src)) {
+			this.#r = null, this.#t.set("");
+			return;
+		}
+		let n = l(e.src);
+		this.#t.set(n ?? ""), this.#r = e;
+	}
+	getOrigin() {
+		return this.cookies ? "https://www.youtube.com" : "https://www.youtube-nocookie.com";
+	}
+	#s() {
+		this.#g();
+		let e = this.#t();
+		if (!e) {
+			this.src.set("");
+			return;
+		}
+		this.src.set(`${this.getOrigin()}/embed/${e}`), this.#e.notify("load-start");
+	}
+	buildParams() {
+		let { keyDisabled: e } = this.#e.$props, { muted: t, playsInline: n, nativeControls: r } = this.#e.$state, i = r();
+		return {
+			rel: 0,
+			autoplay: 0,
+			cc_lang_pref: this.language,
+			cc_load_policy: i ? 1 : void 0,
+			color: this.color,
+			controls: +!!i,
+			disablekb: !i || e() ? 1 : 0,
+			enablejsapi: 1,
+			fs: 1,
+			hl: this.language,
+			iv_load_policy: i ? 1 : 3,
+			mute: +!!t(),
+			playsinline: +!!n()
+		};
+	}
+	#c(e, t) {
+		let n = a(), r = this.#o.get(e);
+		return r || this.#o.set(e, r = []), r.push(n), this.postMessage({
+			event: "command",
+			func: e,
+			args: t ? [t] : void 0
+		}), n.promise;
+	}
+	onLoad() {
+		window.setTimeout(() => this.postMessage({ event: "listening" }), 100);
+	}
+	#l(e) {
+		this.#e.notify("loaded-metadata"), this.#e.notify("loaded-data"), this.#e.delegate.ready(void 0, e);
+	}
+	#u(e) {
+		this.#_("pauseVideo")?.resolve(), this.#e.notify("pause", void 0, e);
+	}
+	#d(e, t) {
+		let { duration: n, realCurrentTime: r } = this.#e.$state, i = this.#n === f.Ended, a = i ? n() : e;
+		this.#e.notify("time-change", a, t), !i && Math.abs(a - r()) > 1 && this.#e.notify("seeking", a, t);
+	}
+	#f(e, t, n) {
+		let r = {
+			buffered: new u(0, e),
+			seekable: t
+		};
+		this.#e.notify("progress", r, n);
+		let { seeking: i, realCurrentTime: a } = this.#e.$state;
+		i() && e > a() && this.#p(n);
+	}
+	#p(e) {
+		let { paused: t, realCurrentTime: n } = this.#e.$state;
+		window.clearTimeout(this.#i), this.#i = window.setTimeout(() => {
+			this.#e.notify("seeked", n(), e), this.#i = -1;
+		}, t() ? 100 : 0);
+	}
+	#m(e) {
+		let { seeking: t } = this.#e.$state;
+		t() && this.#p(e), this.#e.notify("pause", void 0, e), this.#e.notify("end", void 0, e);
+	}
+	#h(e, t) {
+		let { paused: n, seeking: r } = this.#e.$state, i = e === f.Playing, a = e === f.Buffering, o = this.#v("playVideo"), s = n() && (a || i);
+		if (a && this.#e.notify("waiting", void 0, t), r() && i && this.#p(t), this.#a && i) {
+			this.pause(), this.#a = !1, this.setMuted(this.#e.$state.muted());
+			return;
+		}
+		if (!o && s) {
+			this.#a = !0, this.setMuted(!0);
+			return;
+		}
+		switch (s && (this.#_("playVideo")?.resolve(), this.#e.notify("play", void 0, t)), e) {
+			case f.Cued:
+				this.#l(t);
+				break;
+			case f.Playing:
+				this.#e.notify("playing", void 0, t);
+				break;
+			case f.Paused:
+				this.#u(t);
+				break;
+			case f.Ended:
+				this.#m(t);
+				break;
+		}
+		this.#n = e;
+	}
+	onMessage({ info: e }, t) {
+		if (!e) return;
+		let { title: a, intrinsicDuration: o, playbackRate: s } = this.#e.$state;
+		if (r(e.videoData) && e.videoData.title !== a() && this.#e.notify("title-change", e.videoData.title, t), n(e.duration) && e.duration !== o()) {
+			if (n(e.videoLoadedFraction)) {
+				let n = e.progressState?.loaded ?? e.videoLoadedFraction * e.duration, r = new u(0, e.duration);
+				this.#f(n, r, t);
+			}
+			this.#e.notify("duration-change", e.duration, t);
+		}
+		if (n(e.playbackRate) && e.playbackRate !== s() && this.#e.notify("rate-change", e.playbackRate, t), e.progressState) {
+			let { current: n, seekableStart: r, seekableEnd: i, loaded: a, duration: s } = e.progressState;
+			this.#d(n, t), this.#f(a, new u(r, i), t), s !== o() && this.#e.notify("duration-change", s, t);
+		}
+		if (n(e.volume) && i(e.muted) && !this.#a) {
+			let n = {
+				muted: e.muted,
+				volume: e.volume / 100
+			};
+			this.#e.notify("volume-change", n, t);
+		}
+		n(e.playerState) && e.playerState !== this.#n && this.#h(e.playerState, t);
+	}
+	#g() {
+		this.#n = -1, this.#i = -1, this.#a = !1;
+	}
+	#_(e) {
+		return this.#o.get(e)?.shift();
+	}
+	#v(e) {
+		return !!this.#o.get(e)?.length;
+	}
+};
+//#endregion
+export { p as YouTubeProvider };