@banou/stub 0.0.19 → 0.0.21

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

@@ -1,367 +0,0 @@
-import { f as e, i as t } from "./lib-compat-D8G4_Lzi.js";
-//#region node_modules/twitch-video-element/dist/twitch-video-element.js
-e();
-var n = "https://player.twitch.tv", r = /(?:www\.|go\.)?twitch\.tv\/(?:videos?\/|\?video=)(\d+)($|\?)/, i = /(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/, a = {
-	IDLE: "Idle",
-	READY: "Ready",
-	BUFFERING: "Buffering",
-	PLAYING: "Playing",
-	ENDED: "Ended"
-}, o = {
-	DISABLE_CAPTIONS: 0,
-	ENABLE_CAPTIONS: 1,
-	PAUSE: 2,
-	PLAY: 3,
-	SEEK: 4,
-	SET_CHANNEL: 5,
-	SET_CHANNEL_ID: 6,
-	SET_COLLECTION: 7,
-	SET_QUALITY: 8,
-	SET_VIDEO: 9,
-	SET_MUTED: 10,
-	SET_VOLUME: 11
-};
-function s(e, t = {}) {
-	let n = {
-		src: c(e, t),
-		frameborder: "0",
-		width: "100%",
-		height: "100%",
-		allow: "accelerometer; fullscreen; autoplay; encrypted-media; picture-in-picture;",
-		sandbox: "allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",
-		scrolling: "no"
-	};
-	return t.config && (n["data-config"] = JSON.stringify(t.config)), `
-    <style>
-      :host {
-        display: inline-block;
-        min-width: 300px;
-        min-height: 150px;
-        position: relative;
-      }
-      iframe {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-      }
-      :host(:not([controls])) {
-        pointer-events: none;
-      }
-    </style>
-    <iframe${d(n)}></iframe>
-  `;
-}
-function c(e, t) {
-	if (!e.src) return;
-	let a = e.src.match(r), o = e.src.match(i), s = {
-		parent: globalThis.location?.hostname,
-		controls: e.controls === "" ? null : !1,
-		autoplay: e.autoplay === "" ? null : !1,
-		muted: e.muted,
-		preload: e.preload,
-		...t.config
-	};
-	return a ? `${n}/?video=v${a[1]}&${p(s)}` : o ? `${n}/?channel=${o[1]}&${p(s)}` : "";
-}
-var l = class extends (globalThis.HTMLElement ?? class {}) {
-	static getTemplateHTML = s;
-	static shadowRootOptions = { mode: "open" };
-	static observedAttributes = [
-		"autoplay",
-		"controls",
-		"loop",
-		"muted",
-		"playsinline",
-		"preload",
-		"src"
-	];
-	loadComplete = new h();
-	#loadRequested;
-	#hasLoaded;
-	#iframe;
-	#playerState = {};
-	#currentTime = 0;
-	#muted = !1;
-	#volume = 1;
-	#paused = !this.autoplay;
-	#seeking = !1;
-	#readyState = 0;
-	#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;
-		if (this.#hasLoaded && (this.loadComplete = new h()), this.#hasLoaded = !0, await (this.#loadRequested = Promise.resolve()), this.#loadRequested = null, this.#readyState = 0, this.dispatchEvent(new Event("emptied")), !this.src) {
-			this.shadowRoot.innerHTML = "", globalThis.removeEventListener("message", this.#onMessage);
-			return;
-		}
-		this.dispatchEvent(new Event("loadstart"));
-		let t = this.shadowRoot.querySelector("iframe"), n = u(this.attributes);
-		e && t && (this.#config = JSON.parse(t.getAttribute("data-config") || "{}")), (!t?.src || t.src !== c(n, this)) && (this.shadowRoot.innerHTML = s(n, this), t = this.shadowRoot.querySelector("iframe")), this.#iframe = t, globalThis.addEventListener("message", this.#onMessage);
-	}
-	attributeChangedCallback(e, t, n) {
-		if (t !== n) switch (e) {
-			case "src":
-			case "controls":
-				this.load();
-				break;
-		}
-	}
-	get src() {
-		return this.getAttribute("src");
-	}
-	set src(e) {
-		this.setAttribute("src", e);
-	}
-	get readyState() {
-		return this.#readyState;
-	}
-	get seeking() {
-		return this.#seeking;
-	}
-	get buffered() {
-		return g(0, this.#playerState.stats?.videoStats?.bufferSize ?? 0);
-	}
-	get paused() {
-		return this.#playerState.playback ? this.#playerState.playback === a.IDLE : this.#paused;
-	}
-	get ended() {
-		return this.#playerState.playback ? this.#playerState.playback === a.ENDED : !1;
-	}
-	get duration() {
-		return this.#playerState.duration ?? NaN;
-	}
-	get autoplay() {
-		return this.hasAttribute("autoplay");
-	}
-	set autoplay(e) {
-		this.autoplay != e && this.toggleAttribute("autoplay", !!e);
-	}
-	get controls() {
-		return this.hasAttribute("controls");
-	}
-	set controls(e) {
-		this.controls != e && this.toggleAttribute("controls", !!e);
-	}
-	get currentTime() {
-		return this.#playerState.currentTime ? this.#playerState.currentTime : this.#currentTime;
-	}
-	set currentTime(e) {
-		this.#currentTime = e, this.loadComplete.then(() => {
-			this.#sendCommand(o.SEEK, e);
-		});
-	}
-	get defaultMuted() {
-		return this.hasAttribute("muted");
-	}
-	set defaultMuted(e) {
-		this.toggleAttribute("muted", !!e);
-	}
-	get loop() {
-		return this.hasAttribute("loop");
-	}
-	set loop(e) {
-		this.toggleAttribute("loop", !!e);
-	}
-	get muted() {
-		return this.#muted;
-	}
-	set muted(e) {
-		this.#muted = e, this.loadComplete.then(() => {
-			this.#sendCommand(o.SET_MUTED, e);
-		});
-	}
-	get volume() {
-		return this.#volume;
-	}
-	set volume(e) {
-		this.#volume = e, this.loadComplete.then(() => {
-			this.#sendCommand(o.SET_VOLUME, e);
-		});
-	}
-	get playsInline() {
-		return this.hasAttribute("playsinline");
-	}
-	set playsInline(e) {
-		this.toggleAttribute("playsinline", !!e);
-	}
-	play() {
-		this.#paused = !1, this.#sendCommand(o.PLAY);
-	}
-	pause() {
-		this.#paused = !0, this.#sendCommand(o.PAUSE);
-	}
-	#onMessage = async (e) => {
-		if (!this.#iframe.contentWindow) return;
-		let { data: t, source: n } = e;
-		if (n === this.#iframe.contentWindow) {
-			if (t.namespace === "twitch-embed") await new Promise((e) => setTimeout(e, 10)), t.eventName === "ready" ? (this.dispatchEvent(new Event("loadcomplete")), this.loadComplete.resolve(), this.#readyState = 1, this.dispatchEvent(new Event("loadedmetadata"))) : t.eventName === "seek" ? (this.#seeking = !0, this.dispatchEvent(new Event("seeking"))) : t.eventName === "playing" ? (this.#seeking && (this.#seeking = !1, this.dispatchEvent(new Event("seeked"))), this.#readyState = 3, this.dispatchEvent(new Event("playing"))) : this.dispatchEvent(new Event(t.eventName));
-			else if (t.namespace === "twitch-embed-player-proxy" && t.eventName === "UPDATE_STATE") {
-				let e = this.#playerState.duration, n = this.#playerState.currentTime, r = this.#playerState.volume, i = this.#playerState.muted, a = this.#playerState.stats?.videoStats?.bufferSize;
-				this.#playerState = {
-					...this.#playerState,
-					...t.params
-				}, e !== this.#playerState.duration && this.dispatchEvent(new Event("durationchange")), n !== this.#playerState.currentTime && this.dispatchEvent(new Event("timeupdate")), (r !== this.#playerState.volume || i !== this.#playerState.muted) && this.dispatchEvent(new Event("volumechange")), a !== this.#playerState.stats?.videoStats?.bufferSize && this.dispatchEvent(new Event("progress"));
-			}
-		}
-	};
-	#sendCommand(e, t) {
-		if (!this.#iframe.contentWindow) return;
-		let r = {
-			eventName: e,
-			params: t,
-			namespace: "twitch-embed-player-proxy"
-		};
-		this.#iframe.contentWindow.postMessage(r, n);
-	}
-	#upgradeProperty(e) {
-		if (Object.prototype.hasOwnProperty.call(this, e)) {
-			let t = this[e];
-			delete this[e], this[e] = t;
-		}
-	}
-};
-function u(e) {
-	let t = {};
-	for (let n of e) t[n.name] = n.value;
-	return t;
-}
-function d(e) {
-	let t = "";
-	for (let n in e) {
-		let r = e[n];
-		r === "" ? t += ` ${f(n)}` : t += ` ${f(n)}="${f(`${r}`)}"`;
-	}
-	return t;
-}
-function f(e) {
-	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;").replace(/`/g, "&#x60;");
-}
-function p(e) {
-	return String(new URLSearchParams(m(e)));
-}
-function m(e) {
-	let t = {};
-	for (let n in e) {
-		let r = e[n];
-		r === !0 || r === "" ? t[n] = !0 : r === !1 ? t[n] = !1 : r != null && (t[n] = r);
-	}
-	return t;
-}
-var h = 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 g(e, t) {
-	return _(Array.isArray(e) ? e : e == null || t == null || e === 0 && t === 0 ? [[0, 0]] : [[e, t]]);
-}
-function _(e) {
-	return Object.defineProperties(e, {
-		start: { value: (t) => e[t][0] },
-		end: { value: (t) => e[t][1] }
-	}), e;
-}
-globalThis.customElements && !globalThis.customElements.get("twitch-video") && globalThis.customElements.define("twitch-video", l);
-var v = l, y = /* @__PURE__ */ new Set([
-	"style",
-	"children",
-	"ref",
-	"key",
-	"suppressContentEditableWarning",
-	"suppressHydrationWarning",
-	"dangerouslySetInnerHTML"
-]), b = {
-	className: "class",
-	htmlFor: "for"
-};
-function x(e) {
-	return e.toLowerCase();
-}
-function S(e) {
-	if (typeof e == "boolean") return e ? "" : void 0;
-	if (typeof e != "function" && !(typeof e == "object" && e)) return e;
-}
-function C({ react: e, tagName: t, elementClass: n, events: r, displayName: i, defaultProps: a, toAttributeName: o = x, toAttributeValue: s = S }) {
-	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 (y.has(e)) {
-				m[e] = t;
-				continue;
-			}
-			let r = o(b[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 === S(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) w(u.current, t, h[t]), d.current.delete(t), e.set(t, h[t]);
-				for (let [e, t] of d.current) w(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 w(e, t, n) {
-	e[t] = n, n == null && t in (globalThis.HTMLElement?.prototype ?? {}) && e.removeAttribute(t);
-}
-var T = C({
-	react: t,
-	tagName: "twitch-video",
-	elementClass: v,
-	toAttributeName(e) {
-		return e === "muted" ? "" : e === "defaultMuted" ? "muted" : x(e);
-	}
-});
-//#endregion
-export { T as default };