@banou/stub 0.0.18 → 0.0.20

package/build/assets/lib-react-BEg4mBBK.js

@@ -0,0 +1,112 @@
+import { f as e, i as t } from "./lib-compat-D8G4_Lzi.js";
+import { t as n } from "./lib-custom-media-element-CnANKrGl.js";
+//#region node_modules/dash-video-element/dist/dash-video-element.js
+e();
+var r = class extends n {
+	static shadowRootOptions = { ...n.shadowRootOptions };
+	static getTemplateHTML = (e) => {
+		let { src: t, ...r } = e;
+		return n.getTemplateHTML(r);
+	};
+	#e;
+	attributeChangedCallback(e, t, n) {
+		e !== "src" && super.attributeChangedCallback(e, t, n), e === "src" && t != n && this.load();
+	}
+	async load() {
+		if (this.#e) this.api.attachSource(this.src);
+		else {
+			this.#e = !0;
+			let e = await import("./lib-dash.all.min-CDvdorbj.js");
+			this.api = e.MediaPlayer().create(), this.api.initialize(this.nativeEl, this.src, this.autoplay);
+		}
+	}
+};
+globalThis.customElements && !globalThis.customElements.get("dash-video") && globalThis.customElements.define("dash-video", r);
+var i = r, a = /* @__PURE__ */ new Set([
+	"style",
+	"children",
+	"ref",
+	"key",
+	"suppressContentEditableWarning",
+	"suppressHydrationWarning",
+	"dangerouslySetInnerHTML"
+]), o = {
+	className: "class",
+	htmlFor: "for"
+};
+function s(e) {
+	return e.toLowerCase();
+}
+function c(e) {
+	if (typeof e == "boolean") return e ? "" : void 0;
+	if (typeof e != "function" && !(typeof e == "object" && e)) return e;
+}
+function l({ react: e, tagName: t, elementClass: n, events: r, displayName: i, defaultProps: l, toAttributeName: d = s, toAttributeValue: f = c }) {
+	let p = Number.parseInt(e.version) >= 19, m = e.forwardRef((i, s) => {
+		let m = e.useRef(null), h = e.useRef(/* @__PURE__ */ new Map()), g = {}, _ = {}, v = {}, y = {};
+		for (let [e, t] of Object.entries(i)) {
+			if (a.has(e)) {
+				v[e] = t;
+				continue;
+			}
+			let r = d(o[e] ?? e);
+			if (e in n.prototype && !(e in (globalThis.HTMLElement?.prototype ?? {})) && !n.observedAttributes?.some((e) => e === r)) {
+				y[e] = t;
+				continue;
+			}
+			if (e.startsWith("on")) {
+				g[e] = t;
+				continue;
+			}
+			let i = f(t);
+			r && i != null && (_[r] = String(i), p || (v[r] = i)), r && p && (i === c(t) ? v[r] = t : v[r] = i);
+		}
+		if (typeof window < "u") {
+			for (let t in g) {
+				let n = g[t], i = t.endsWith("Capture"), a = (r?.[t] ?? t.slice(2).toLowerCase()).slice(0, i ? -7 : void 0);
+				e.useLayoutEffect(() => {
+					let e = m?.current;
+					if (!(!e || typeof n != "function")) return e.addEventListener(a, n, i), () => {
+						e.removeEventListener(a, n, i);
+					};
+				}, [m?.current, n]);
+			}
+			e.useLayoutEffect(() => {
+				if (m.current === null) return;
+				let e = /* @__PURE__ */ new Map();
+				for (let t in y) u(m.current, t, y[t]), h.current.delete(t), e.set(t, y[t]);
+				for (let [e, t] of h.current) u(m.current, e, void 0);
+				h.current = e;
+			});
+		}
+		if (typeof window > "u" && n?.getTemplateHTML && n?.shadowRootOptions) {
+			let { mode: t, delegatesFocus: r } = n.shadowRootOptions;
+			v.children = [e.createElement("template", {
+				shadowrootmode: t,
+				shadowrootdelegatesfocus: r,
+				dangerouslySetInnerHTML: { __html: n.getTemplateHTML(_, i) }
+			}), v.children];
+		}
+		return e.createElement(t, {
+			...l,
+			...v,
+			ref: e.useCallback((e) => {
+				m.current = e, typeof s == "function" ? s(e) : s !== null && (s.current = e);
+			}, [s])
+		});
+	});
+	return m.displayName = i ?? n.name, m;
+}
+function u(e, t, n) {
+	e[t] = n, n == null && t in (globalThis.HTMLElement?.prototype ?? {}) && e.removeAttribute(t);
+}
+var d = l({
+	react: t,
+	tagName: "dash-video",
+	elementClass: i,
+	toAttributeName(e) {
+		return e === "muted" ? "" : e === "defaultMuted" ? "muted" : s(e);
+	}
+});
+//#endregion
+export { d as default };

package/build/assets/lib-react-C0OCUIWX.js

@@ -0,0 +1,434 @@
+import { f as e, i as t } from "./lib-compat-D8G4_Lzi.js";
+//#region node_modules/youtube-video-element/dist/youtube-video-element.js
+e();
+var n = "https://www.youtube.com/embed", r = "https://www.youtube-nocookie.com/embed", i = "https://www.youtube.com/iframe_api", a = "YT", o = "onYouTubeIframeAPIReady", s = /(?:youtu\.be\/|youtube(?:-nocookie)?\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})/, c = /(?:youtu\.be\/|youtube(?:-nocookie)?\.com\/.*?[?&]list=)([\w_-]+)/;
+function l(e, t = {}) {
+	let n = {
+		src: u(e, t),
+		frameborder: 0,
+		width: "100%",
+		height: "100%",
+		allow: "accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture"
+	};
+	return t.config && (n["data-config"] = JSON.stringify(t.config)), `
+    <style>
+      :host {
+        display: inline-block;
+        line-height: 0;
+        position: relative;
+        min-width: 300px;
+        min-height: 150px;
+      }
+      iframe {
+        position: absolute;
+        top: 0;
+        left: 0;
+      }
+    </style>
+    <iframe${f(n)}></iframe>
+  `;
+}
+function u(e, t) {
+	if (!e.src) return;
+	let i = e.src.includes("-nocookie") ? r : n, a = {
+		controls: e.controls === "" ? null : 0,
+		autoplay: e.autoplay,
+		loop: e.loop,
+		mute: e.muted,
+		playsinline: e.playsinline,
+		preload: e.preload ?? "metadata",
+		enablejsapi: 1,
+		showinfo: 0,
+		rel: 0,
+		iv_load_policy: 3,
+		modestbranding: 1,
+		...t.config
+	};
+	if (s.test(e.src)) {
+		let t = e.src.match(s);
+		return `${i}/${t && t[1]}?${m(a)}`;
+	}
+	let o = e.src.match(c);
+	return `${i}?${m({
+		listType: "playlist",
+		list: o && o[1],
+		...a
+	})}`;
+}
+var d = class extends (globalThis.HTMLElement ?? class {}) {
+	static getTemplateHTML = l;
+	static shadowRootOptions = { mode: "open" };
+	static observedAttributes = [
+		"autoplay",
+		"controls",
+		"crossorigin",
+		"loop",
+		"muted",
+		"playsinline",
+		"poster",
+		"preload",
+		"src"
+	];
+	loadComplete = new S();
+	#loadRequested;
+	#hasLoaded;
+	#readyState = 0;
+	#seeking = !1;
+	#seekComplete;
+	isLoaded = !1;
+	#error = null;
+	#config = null;
+	constructor() {
+		super(), this.#upgradeProperty("config");
+	}
+	get config() {
+		return this.#config;
+	}
+	set config(e) {
+		this.#config = e;
+	}
+	async load() {
+		if (this.#loadRequested) return;
+		this.shadowRoot || this.attachShadow({ mode: "open" });
+		let e = !this.#hasLoaded;
+		this.#hasLoaded && (this.loadComplete = new S(), this.isLoaded = !1), this.#hasLoaded = !0, await (this.#loadRequested = Promise.resolve()), this.#loadRequested = null, this.#readyState = 0, this.dispatchEvent(new Event("emptied"));
+		let t = this.api;
+		if (this.api = null, !this.src) {
+			t?.destroy();
+			return;
+		}
+		this.dispatchEvent(new Event("loadstart"));
+		let n = this.shadowRoot.querySelector("iframe"), r = g(this.attributes);
+		e && n && (this.#config = JSON.parse(n.getAttribute("data-config") || "{}")), (!n?.src || n.src !== u(r, this)) && (this.shadowRoot.innerHTML = l(r, this), n = this.shadowRoot.querySelector("iframe"));
+		let s = await v(i, a, o);
+		this.api = new s.Player(n, { events: {
+			onReady: () => {
+				this.#readyState = 1, this.dispatchEvent(new Event("loadedmetadata")), this.dispatchEvent(new Event("durationchange")), this.dispatchEvent(new Event("volumechange")), this.dispatchEvent(new Event("loadcomplete")), this.isLoaded = !0, this.loadComplete.resolve();
+			},
+			onError: (e) => {
+				console.error(e), this.#error = {
+					code: e.data,
+					message: `YouTube iframe player error #${e.data}; visit https://developers.google.com/youtube/iframe_api_reference#onError for the full error message.`
+				}, this.dispatchEvent(new Event("error"));
+			}
+		} });
+		let c = !1;
+		this.api.addEventListener("onStateChange", (e) => {
+			var t;
+			let n = e.data;
+			if ((n === s.PlayerState.PLAYING || n === s.PlayerState.BUFFERING) && (c || (c = !0, this.dispatchEvent(new Event("play")))), n === s.PlayerState.PLAYING) this.seeking && (this.#seeking = !1, (t = this.#seekComplete) == null || t.resolve(), this.dispatchEvent(new Event("seeked"))), this.#readyState = 3, this.dispatchEvent(new Event("playing"));
+			else if (n === s.PlayerState.PAUSED) {
+				let e = Math.abs(this.currentTime - d);
+				!this.seeking && e > .1 && (this.#seeking = !0, this.dispatchEvent(new Event("seeking"))), c = !1, this.dispatchEvent(new Event("pause"));
+			}
+			n === s.PlayerState.ENDED && (c = !1, this.dispatchEvent(new Event("pause")), this.dispatchEvent(new Event("ended")), this.loop && this.play());
+		}), this.api.addEventListener("onPlaybackRateChange", () => {
+			this.dispatchEvent(new Event("ratechange"));
+		}), this.api.addEventListener("onVolumeChange", () => {
+			this.dispatchEvent(new Event("volumechange"));
+		}), this.api.addEventListener("onVideoProgress", () => {
+			this.dispatchEvent(new Event("timeupdate"));
+		}), await this.loadComplete;
+		let d = 0;
+		setInterval(() => {
+			var e;
+			let t = Math.abs(this.currentTime - d), n = this.buffered.end(this.buffered.length - 1);
+			this.seeking && n > .1 ? (this.#seeking = !1, (e = this.#seekComplete) == null || e.resolve(), this.dispatchEvent(new Event("seeked"))) : !this.seeking && t > .1 && (this.#seeking = !0, this.dispatchEvent(new Event("seeking"))), d = this.currentTime;
+		}, 50);
+		let f, p = setInterval(() => {
+			let e = this.buffered.end(this.buffered.length - 1);
+			e >= this.duration && (clearInterval(p), this.#readyState = 4), f != e && (f = e, this.dispatchEvent(new Event("progress")));
+		}, 100);
+	}
+	async attributeChangedCallback(e, t, n) {
+		if (t !== n) switch (e) {
+			case "src":
+			case "autoplay":
+			case "controls":
+			case "loop":
+			case "playsinline": this.load();
+		}
+	}
+	async play() {
+		var e;
+		return this.#seekComplete = null, await this.loadComplete, (e = this.api) == null || e.playVideo(), x(this);
+	}
+	async pause() {
+		return await this.loadComplete, this.api?.pauseVideo();
+	}
+	get seeking() {
+		return this.#seeking;
+	}
+	get readyState() {
+		return this.#readyState;
+	}
+	get src() {
+		return this.getAttribute("src");
+	}
+	set src(e) {
+		this.src != e && this.setAttribute("src", e);
+	}
+	get error() {
+		return this.#error;
+	}
+	get paused() {
+		var e;
+		return this.isLoaded ? [
+			-1,
+			0,
+			2,
+			5
+		].includes(((e = this.api)?.getPlayerState)?.call(e)) : !this.autoplay;
+	}
+	get duration() {
+		var e;
+		return ((e = this.api)?.getDuration)?.call(e) ?? NaN;
+	}
+	get autoplay() {
+		return this.hasAttribute("autoplay");
+	}
+	set autoplay(e) {
+		this.autoplay != e && this.toggleAttribute("autoplay", !!e);
+	}
+	get buffered() {
+		if (!this.isLoaded) return C();
+		let e = this.api?.getVideoLoadedFraction() * this.api?.getDuration();
+		return e > 0 ? C(0, e) : C();
+	}
+	get controls() {
+		return this.hasAttribute("controls");
+	}
+	set controls(e) {
+		this.controls != e && this.toggleAttribute("controls", !!e);
+	}
+	get currentTime() {
+		var e;
+		return ((e = this.api)?.getCurrentTime)?.call(e) ?? 0;
+	}
+	set currentTime(e) {
+		this.currentTime != e && (this.#seekComplete = new S(), this.loadComplete.then(() => {
+			var t, n;
+			(t = this.api) == null || t.seekTo(e, !0), this.paused && ((n = this.#seekComplete) == null || n.then(() => {
+				var e;
+				this.#seekComplete && ((e = this.api) == null || e.pauseVideo());
+			}));
+		}));
+	}
+	set defaultMuted(e) {
+		this.defaultMuted != e && this.toggleAttribute("muted", !!e);
+	}
+	get defaultMuted() {
+		return this.hasAttribute("muted");
+	}
+	get loop() {
+		return this.hasAttribute("loop");
+	}
+	set loop(e) {
+		this.loop != e && this.toggleAttribute("loop", !!e);
+	}
+	set muted(e) {
+		this.muted != e && this.loadComplete.then(() => {
+			var t, n;
+			e ? (t = this.api) == null || t.mute() : (n = this.api) == null || n.unMute();
+		});
+	}
+	get muted() {
+		var e;
+		return this.isLoaded ? ((e = this.api)?.isMuted)?.call(e) : this.defaultMuted;
+	}
+	get playbackRate() {
+		var e;
+		return ((e = this.api)?.getPlaybackRate)?.call(e) ?? 1;
+	}
+	set playbackRate(e) {
+		this.playbackRate != e && this.loadComplete.then(() => {
+			var t;
+			(t = this.api) == null || t.setPlaybackRate(e);
+		});
+	}
+	get playsInline() {
+		return this.hasAttribute("playsinline");
+	}
+	set playsInline(e) {
+		this.playsInline != e && this.toggleAttribute("playsinline", !!e);
+	}
+	get poster() {
+		return this.getAttribute("poster");
+	}
+	set poster(e) {
+		this.poster != e && this.setAttribute("poster", `${e}`);
+	}
+	set volume(e) {
+		this.volume != e && this.loadComplete.then(() => {
+			var t;
+			(t = this.api) == null || t.setVolume(e * 100);
+		});
+	}
+	get volume() {
+		return this.isLoaded ? this.api?.getVolume() / 100 : 1;
+	}
+	#upgradeProperty(e) {
+		if (Object.prototype.hasOwnProperty.call(this, e)) {
+			let t = this[e];
+			delete this[e], this[e] = t;
+		}
+	}
+};
+function f(e) {
+	let t = "";
+	for (let n in e) {
+		let r = e[n];
+		r === "" ? t += ` ${p(n)}` : t += ` ${p(n)}="${p(`${r}`)}"`;
+	}
+	return t;
+}
+function p(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/`/g, "&#x60;");
+}
+function m(e) {
+	return String(new URLSearchParams(h(e)));
+}
+function h(e) {
+	let t = {};
+	for (let n in e) {
+		let r = e[n];
+		r === !0 || r === "" ? t[n] = 1 : r === !1 ? t[n] = 0 : r != null && (t[n] = r);
+	}
+	return t;
+}
+function g(e) {
+	let t = {};
+	for (let n of e) t[n.name] = n.value;
+	return t;
+}
+var _ = {};
+async function v(e, t, n) {
+	return _[e] ? _[e] : t && self[t] ? (await y(0), self[t]) : _[e] = new Promise(function(r, i) {
+		let a = document.createElement("script");
+		a.src = e;
+		let o = () => r(self[t]);
+		n && (self[n] = o), a.onload = () => !n && o(), a.onerror = i, document.head.append(a);
+	});
+}
+var y = (e) => new Promise((t) => setTimeout(t, e));
+function b(e) {
+	return (...t) => new Promise((n) => {
+		e(...t, (...e) => {
+			e.length > 1 ? n(e) : n(e[0]);
+		});
+	});
+}
+function x(e) {
+	return b((t, n) => {
+		let r;
+		e.addEventListener(t, r = () => {
+			e.removeEventListener(t, r), n();
+		});
+	})("playing");
+}
+var S = class extends Promise {
+	constructor(e = () => {}) {
+		let t, n;
+		super((r, i) => {
+			e(r, i), t = r, n = i;
+		}), this.resolve = t, this.reject = n;
+	}
+};
+function C(e, t) {
+	return w(Array.isArray(e) ? e : e == null || t == null || e === 0 && t === 0 ? [[0, 0]] : [[e, t]]);
+}
+function w(e) {
+	return Object.defineProperties(e, {
+		start: { value: (t) => e[t][0] },
+		end: { value: (t) => e[t][1] }
+	}), e;
+}
+globalThis.customElements && !globalThis.customElements.get("youtube-video") && globalThis.customElements.define("youtube-video", d);
+var T = d, E = /* @__PURE__ */ new Set([
+	"style",
+	"children",
+	"ref",
+	"key",
+	"suppressContentEditableWarning",
+	"suppressHydrationWarning",
+	"dangerouslySetInnerHTML"
+]), D = {
+	className: "class",
+	htmlFor: "for"
+};
+function O(e) {
+	return e.toLowerCase();
+}
+function k(e) {
+	if (typeof e == "boolean") return e ? "" : void 0;
+	if (typeof e != "function" && !(typeof e == "object" && e)) return e;
+}
+function A({ react: e, tagName: t, elementClass: n, events: r, displayName: i, defaultProps: a, toAttributeName: o = O, toAttributeValue: s = k }) {
+	let c = Number.parseInt(e.version) >= 19, l = e.forwardRef((i, l) => {
+		let u = e.useRef(null), d = e.useRef(/* @__PURE__ */ new Map()), f = {}, p = {}, m = {}, h = {};
+		for (let [e, t] of Object.entries(i)) {
+			if (E.has(e)) {
+				m[e] = t;
+				continue;
+			}
+			let r = o(D[e] ?? e);
+			if (e in n.prototype && !(e in (globalThis.HTMLElement?.prototype ?? {})) && !n.observedAttributes?.some((e) => e === r)) {
+				h[e] = t;
+				continue;
+			}
+			if (e.startsWith("on")) {
+				f[e] = t;
+				continue;
+			}
+			let i = s(t);
+			r && i != null && (p[r] = String(i), c || (m[r] = i)), r && c && (i === k(t) ? m[r] = t : m[r] = i);
+		}
+		if (typeof window < "u") {
+			for (let t in f) {
+				let n = f[t], i = t.endsWith("Capture"), a = (r?.[t] ?? t.slice(2).toLowerCase()).slice(0, i ? -7 : void 0);
+				e.useLayoutEffect(() => {
+					let e = u?.current;
+					if (!(!e || typeof n != "function")) return e.addEventListener(a, n, i), () => {
+						e.removeEventListener(a, n, i);
+					};
+				}, [u?.current, n]);
+			}
+			e.useLayoutEffect(() => {
+				if (u.current === null) return;
+				let e = /* @__PURE__ */ new Map();
+				for (let t in h) j(u.current, t, h[t]), d.current.delete(t), e.set(t, h[t]);
+				for (let [e, t] of d.current) j(u.current, e, void 0);
+				d.current = e;
+			});
+		}
+		if (typeof window > "u" && n?.getTemplateHTML && n?.shadowRootOptions) {
+			let { mode: t, delegatesFocus: r } = n.shadowRootOptions;
+			m.children = [e.createElement("template", {
+				shadowrootmode: t,
+				shadowrootdelegatesfocus: r,
+				dangerouslySetInnerHTML: { __html: n.getTemplateHTML(p, i) }
+			}), m.children];
+		}
+		return e.createElement(t, {
+			...a,
+			...m,
+			ref: e.useCallback((e) => {
+				u.current = e, typeof l == "function" ? l(e) : l !== null && (l.current = e);
+			}, [l])
+		});
+	});
+	return l.displayName = i ?? n.name, l;
+}
+function j(e, t, n) {
+	e[t] = n, n == null && t in (globalThis.HTMLElement?.prototype ?? {}) && e.removeAttribute(t);
+}
+var M = A({
+	react: t,
+	tagName: "youtube-video",
+	elementClass: T,
+	toAttributeName(e) {
+		return e === "muted" ? "" : e === "defaultMuted" ? "muted" : O(e);
+	}
+});
+//#endregion
+export { M as default };