@realsee/vreo 3.0.0-webgpu.9 → 4.0.0-react19.0

package/lib/chunks/Player-BzRqdH4q.js

@@ -0,0 +1,1581 @@
+import { n as e, t } from "./timeline-DZs_svT3.js";
+import { n, t as r } from "./CameraMovementPlugin-YCaScSFU.js";
+import { n as i, o as a, t as o } from "./VreoUnit-NhH1hdF1.js";
+import { ModelTVVideoPlugin as s } from "../plugins/ModelTVVideoPlugin.js";
+import { t as c } from "./CSS3DRenderPlugin-CtnLUnu7.js";
+import * as l from "react";
+import u, { useCallback as d, useEffect as f, useRef as p, useState as m } from "react";
+import { createRoot as h } from "react-dom/client";
+import { Subscribe as g, parseWork as _ } from "@realsee/five-webgpu";
+import v from "classnames";
+import { observer as y } from "mobx-react-lite";
+import { action as b, makeObservable as x, observable as S, observableRef as C, reaction as w, runInAction as T } from "mobx";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import * as k from "three/webgpu";
+import { OrthographicCamera as ee, Quaternion as te, Raycaster as ne, Scene as re, Vector3 as A, WebGPURenderer as ie } from "three/webgpu";
+import { Line2 as ae } from "three/addons/lines/webgpu/Line2.js";
+import { LineGeometry as oe } from "three/addons/lines/LineGeometry.js";
+import * as j from "@tweenjs/tween.js";
+import { PanoTagPlugin as se } from "@realsee/dnalogel/plugins/pano-tag";
+import { float as ce, max as le, smoothstep as ue, texture as de, uniform as fe, uv as pe } from "three/tsl";
+// resources/Player/PlaybackLifecycle.ts
+var me = class {
+	onStop;
+	controller;
+	run;
+	generation = 0;
+	disposed = !1;
+	members = /* @__PURE__ */ new Set();
+	constructor(e, t) {
+		this.onStop = t, this.controller = e?.createController({
+			label: "vreo",
+			onCancel: () => this.stop()
+		});
+	}
+	get active() {
+		return !!this.run?.valid();
+	}
+	capture() {
+		return this.run;
+	}
+	begin(e) {
+		if (this.disposed) return !1;
+		if (this.active) return !0;
+		let t = this.controller?.begin({
+			userAction: e,
+			audible: !0
+		}) ?? void 0;
+		if (this.controller && !t) return !1;
+		let n = ++this.generation, r = t?.mediaManager;
+		return this.run = {
+			session: t,
+			mediaManager: r,
+			valid: () => n === this.generation && !this.disposed && !t?.signal.aborted,
+			bind: (e) => t ? t.bind(e) : e
+		}, !0;
+	}
+	add(e) {
+		return this.members.add(e), () => {
+			this.members.delete(e);
+		};
+	}
+	stop() {
+		++this.generation, this.run = void 0;
+		let e = [];
+		try {
+			this.onStop();
+		} catch (t) {
+			e.push(t);
+		}
+		for (let t of [...this.members]) try {
+			t();
+		} catch (t) {
+			e.push(t);
+		}
+		if (e.length) throw e[0];
+	}
+	cancel() {
+		let e = this.generation;
+		this.controller?.cancel(), e === this.generation && this.stop();
+	}
+	finish() {
+		let e = this.run?.session;
+		this.stop(), e?.finish();
+	}
+	dispose() {
+		if (this.disposed) return;
+		this.disposed = !0;
+		let e = this.generation;
+		this.controller?.dispose(), e === this.generation && this.stop(), this.members.clear();
+	}
+};
+// resources/shared-utils/setElementDataset.ts
+function M(e, t) {
+	e && Object.keys(t).forEach((n) => {
+		let r = t[n].toString();
+		e instanceof Element ? e.setAttribute(`data-${n}`, r) : e instanceof Document ? e.documentElement.setAttribute(`data-${n}`, r) : e instanceof HTMLElement ? e.dataset[n] = r : e.setAttribute(`data-${n}`, r);
+	});
+}
+// resources/shared-utils/getFileExpandedName.ts
+function he(e) {
+	if (!e) return "";
+	let t = e.lastIndexOf(".");
+	return e.substring(t + 1).toLowerCase();
+}
+// resources/shared-utils/getMediaInfo.ts
+function N(e) {
+	return ge(he(e));
+}
+function ge(e) {
+	return e ? /jpg|jpeg|png$/.test(e) ? "image" : /mp3|wav$/.test(e) ? "audio" : /avi|wmv|mpeg|mp4|m4v|mov|asf|flv|f4v|rmvb|rm|3gp|vob$/.test(e) ? "video" : "unknown" : "unknown";
+}
+// resources/Player/Controller.ts
+var _e = class extends g {
+	five;
+	configs;
+	videoAgentScene;
+	vreoUnit;
+	stopInterval;
+	playing = !1;
+	ended = !1;
+	loading = !1;
+	containerSize = {
+		width: 0,
+		height: 0
+	};
+	appSize;
+	container;
+	waveAppearance = null;
+	appearance = { waveStyle: "wave" };
+	avatar = {};
+	waitingForBgMusic = !1;
+	visible = !1;
+	get agentType() {
+		let e = N(this.videoAgentScene?.videoAgentMesh.videoUrl);
+		return this.avatar?.force ? "avatar" : e === "video" ? "video" : "none";
+	}
+	popUp = null;
+	openPopUp(e) {
+		this.popUp = e || null;
+	}
+	setLoading(e) {
+		this.loading = e;
+	}
+	drawerConfig = null;
+	setAvatar(e) {
+		this.avatar = e;
+	}
+	setContainerSize(e, t) {
+		this.containerSize = {
+			width: e,
+			height: t
+		};
+	}
+	setVisible(e) {
+		this.visible = e;
+	}
+	setPlaying(e) {
+		(!e || this.playback.active) && (this.playing = e, e && this.resumeMedia());
+	}
+	setEnded(e) {
+		this.ended = e;
+	}
+	setWaitingForBgMusic(e) {
+		this.waitingForBgMusic = e;
+	}
+	setAppearance(e) {
+		this.appearance = {
+			...this.appearance,
+			...e
+		};
+	}
+	openDrawer(e) {
+		this.drawerConfig = e || {
+			content: "",
+			height: this.drawerConfig?.height
+		};
+	}
+	resumeGeneration = 0;
+	resuming;
+	disposers = [];
+	playback;
+	timeline = new t();
+	constructor({ five: e, container: t, configs: n }) {
+		super(), this.playback = new me(n.mediaManager, () => {
+			this.resuming = void 0, ++this.resumeGeneration, this.setPlaying(!1), this.videoAgentScene?.videoAgentMesh.stop(), this.setWaitingForBgMusic(!1);
+		}), this.configs = n, this.container = t, this.five = e, this.appSize = n.appSize, this.appearance = {
+			...this.appearance,
+			...n.appearance
+		}, x(this, {
+			visible: S,
+			setVisible: b,
+			playing: S,
+			setPlaying: b,
+			loading: S,
+			videoAgentScene: C,
+			setLoading: b,
+			popUp: C,
+			openPopUp: b,
+			drawerConfig: C,
+			openDrawer: b,
+			ended: S,
+			waveAppearance: S,
+			avatar: S,
+			containerSize: S,
+			setContainerSize: b,
+			appearance: S,
+			setAppearance: b,
+			configs: C,
+			setEnded: b,
+			setAvatar: b,
+			waitingForBgMusic: S,
+			setWaitingForBgMusic: b
+		}), this.disposers.push(w(() => [this.appearance.waveStyle, this.loading], ([e, t]) => {
+			if (t === null) this.waveAppearance = null;
+			else if (e === "wave") switch (t) {
+				case !0:
+					this.waveAppearance = "double";
+					break;
+				case !1: this.waveAppearance = "solid";
+			}
+			else if (e === "solid") switch (t) {
+				case !0:
+					this.waveAppearance = "swap";
+					break;
+				case !1: this.waveAppearance = "expand";
+			}
+		}, { fireImmediately: !0 })), this.appSize ? M(this.container, { size: this.appSize }) : this.disposers.push(w(() => this.containerSize, (e) => {
+			if (!e?.width) return;
+			let t = e.width, n = e.height, r = t <= 500 ? "S" : t <= 1024 ? "M" : t <= 2048 ? "L" : "XL", i = n > t ? "portrait" : "landscape";
+			M(this.container, { size: r }), M(this.container, { orientation: i });
+		}, { fireImmediately: !0 })), this.disposers.push(w(() => this.ended, (e) => {
+			e && this.emit("paused", !0);
+		})), this.disposers.push(w(() => this.playing, (e) => {
+			this.ended || this.emit(e ? "playing" : "paused");
+		}));
+	}
+	get ready() {
+		return !!this.videoAgentScene;
+	}
+	get currentTime() {
+		return this.videoAgentScene?.videoAgentMesh.currentTime || 0;
+	}
+	loadTimeline(e) {
+		this.timeline.load(e);
+	}
+	seekTimeline(e) {
+		this.timeline.seek(e);
+	}
+	resetTimeline(e) {
+		this.timeline.reset(e);
+	}
+	get currentKeyframes() {
+		return this.timeline.pendingAt(this.currentTime);
+	}
+	get mediaInstance() {
+		return this.videoAgentScene?.videoAgentMesh.mediaInstance;
+	}
+	requestAnimationFrameLoop(e) {
+		if (this.waitingForBgMusic) {
+			this.mediaInstance?.paused || this.videoAgentScene?.videoAgentMesh.mediaOperations?.pause();
+			return;
+		}
+		if (this.mediaInstance?.ended && this.mediaInstance.currentTime !== 0) {
+			if (this.ended) return;
+			this.timeline.reset();
+			let e = this.videoAgentScene?.videoAgentMesh.mediaOperations;
+			e?.pause(), e && (e.currentTime = 0), this.playback.finish(), this.setEnded(!0), this.setPlaying(!1);
+			return;
+		}
+		if (!this.playing) {
+			this.mediaInstance?.paused || this.videoAgentScene?.videoAgentMesh.mediaOperations?.pause();
+			return;
+		}
+		this.resumeMedia();
+		let t = this.playback.capture();
+		if (!t?.valid()) return;
+		let n = this.currentTime;
+		this.timeline.take(n).forEach((r) => {
+			this.emit(r.type, r, n), t.valid() && e(r.type, r, n);
+		});
+	}
+	resumeMedia() {
+		if (!this.waitingForBgMusic && this.mediaInstance?.paused && this.playing && !this.resuming) {
+			let e = ++this.resumeGeneration;
+			this.resuming = e;
+			let t = this.playback.capture(), n = () => !!t?.valid();
+			this.videoAgentScene?.videoAgentMesh.play().catch((e) => {
+				n() && (this.playback.cancel(), console.error(e));
+			}).finally(() => {
+				this.resuming === e && (this.resuming = void 0);
+			});
+		}
+	}
+	run(t) {
+		this.stopInterval ||= e(() => this.requestAnimationFrameLoop(t));
+	}
+	clear() {
+		this.setPlaying(!1), this.timeline.reset(), this.vreoUnit = void 0, this.timeline.clear(), this.mediaInstance && (this.videoAgentScene?.videoAgentMesh.mediaOperations?.pause(), this.videoAgentScene?.videoAgentMesh.mediaOperations && (this.videoAgentScene.videoAgentMesh.mediaOperations.currentTime = 0)), this.stopInterval?.(), this.stopInterval = void 0;
+	}
+	dispose() {
+		this.disposers.splice(0).forEach((e) => e()), this.playback.dispose(), this.clear();
+	}
+}, P = l.createContext(null);
+// resources/Player/hooks.ts
+function F() {
+	let e = u.useContext(P);
+	if (!e) throw Error("没有找到 \"ControllerContext\"");
+	return e;
+}
+function I() {
+	let e = F();
+	if (!e.five) throw Error("没有找到 \"five\" 实例");
+	return e.five;
+}
+function ve() {
+	let e = I();
+	return (t) => e.project2d(t, !1);
+}
+// resources/Player/modules/keyframes/CameraMovement/index.tsx
+function ye() {
+	let e = F(), t = I(), i = l.useRef(void 0);
+	return l.useEffect(() => {
+		let o = async (e) => {
+			i.current ||= r(t, {});
+			let { start: a, end: o, data: s } = e, c = s, l = c.effect;
+			l === n.Rotate ? await i.current.rotate(s, o - a) : l === n.Move || c.panoIndex !== void 0 && c.panoIndex !== t.panoIndex ? await i.current.move(s, o - a) : await i.current.rotate(s, o - a);
+		};
+		return e.on(a.CameraMovement, o), () => {
+			e.off(a.CameraMovement, o);
+		};
+	}, [e]), /* @__PURE__ */ D(E, {});
+}
+// resources/shared-utils/addResizeListener.ts
+var L = /* @__PURE__ */ new Map();
+function R(e) {
+	L.set(e, (L.get(e) ?? 0) + 1);
+}
+function z(e) {
+	let t = (L.get(e) ?? 1) - 1;
+	t > 0 ? L.set(e, t) : L.delete(e);
+}
+function B(e, t, n = !0) {
+	if (!e) return () => {};
+	n && t(e.clientWidth, e.clientHeight);
+	let r = !1;
+	if (typeof ResizeObserver < "u") {
+		let n = new ResizeObserver(() => t(e.clientWidth, e.clientHeight));
+		return n.observe(e), R(e), () => {
+			r || (r = !0, n.disconnect(), z(e));
+		};
+	}
+	let i = document.createElement("iframe");
+	i.style.cssText = "position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;visibility:hidden;margin:0;border:0;padding:0;z-index:-1;", i.classList.add("resize-sensor-iframe"), e.appendChild(i);
+	let a = i.contentWindow;
+	if (!a) return i.remove(), () => {};
+	let o = () => t(i.clientWidth, i.clientHeight);
+	return a.addEventListener("resize", o), R(e), () => {
+		r || (r = !0, a.removeEventListener("resize", o), i.remove(), z(e));
+	};
+}
+function be(e) {
+	return !!e && (L.get(e) ?? 0) > 0;
+}
+// resources/Player/modules/ResizeObserver/index.tsx
+function xe() {
+	let e = u.useRef(null), t = F();
+	return u.useEffect(() => {
+		if (!e.current) return;
+		let n = t.container.parentElement;
+		if (be(n)) return;
+		let r = B(n, (e, n) => {
+			t.setContainerSize(e, n);
+		});
+		return () => {
+			r();
+		};
+	}, []), /* @__PURE__ */ D("div", {
+		className: "resizeObserver-element",
+		ref: e
+	});
+}
+// resources/Player/modules/keyframes/InfoPanel/index.tsx
+function V({ url: e, children: t }) {
+	return /* @__PURE__ */ D("div", {
+		className: "vreo-infoPanel-container",
+		children: /* @__PURE__ */ O("div", {
+			className: "vreo-infoPanel",
+			children: [t, /* @__PURE__ */ D("img", { src: e })]
+		})
+	});
+}
+function H({ url: e, children: t }) {
+	let n = l.useRef(null), r = F();
+	return l.useEffect(() => {
+		let t = r.configs?.videos?.videoPanel || document.createElement("video"), i = r.playback.capture(), a = () => !!i?.valid();
+		if (!i?.valid()) return;
+		let o = i.bind(t), s = !1;
+		t.playsInline = !0, o.muted = !0;
+		let c = () => {
+			s = !0, o.muted = !0, o.pause(), t.removeEventListener("canplaythrough", u);
+		};
+		if (!n.current) return;
+		let l = r.playback.add(c);
+		o.src = e, n.current.contains(t) || n.current.appendChild(t);
+		let u = () => {
+			t.removeEventListener("canplaythrough", u), !s && a() && (o.muted = !1, o.play().catch((e) => {
+				a() && !s && (c(), r.playback.cancel(), console.error(e));
+			}));
+		};
+		return t.addEventListener("canplaythrough", u), o.load(), () => {
+			c(), l(), n.current?.contains(t) && n.current.removeChild(t);
+		};
+	}, [r, e]), /* @__PURE__ */ D("div", {
+		className: "vreo-infoPanel-container",
+		children: /* @__PURE__ */ O("div", {
+			className: "vreo-infoPanel",
+			children: [t, /* @__PURE__ */ D("div", {
+				className: "vreo-infoPanel-inner",
+				ref: n
+			})]
+		})
+	});
+}
+var U = (e) => !e.title && !e.subTitle ? null : /* @__PURE__ */ D(E, { children: /* @__PURE__ */ O("div", {
+	className: "vreo-infoPanel-title",
+	children: [/* @__PURE__ */ D("div", {
+		className: "vreo-infoPanel-t1",
+		children: e.title
+	}), /* @__PURE__ */ D("div", {
+		className: "vreo-infoPanel-t2",
+		children: e.subTitle
+	})]
+}) });
+function Se() {
+	let e = l.useRef(null), t = F();
+	return l.useEffect(() => {
+		if (t.configs?.keyframeMap.InfoPanel === !1) return;
+		let n = (n) => {
+			let { start: r, end: a, data: s } = n, c = s, { title: l, subTitle: u, style: d } = c;
+			do
+				d === o.PopUp ? c.type === i.Image ? t.openPopUp(/* @__PURE__ */ D(V, {
+					url: c.url,
+					children: /* @__PURE__ */ D(U, {
+						title: l,
+						subTitle: u
+					})
+				})) : c.type === i.Video && t.openPopUp(/* @__PURE__ */ D(H, {
+					url: c.url,
+					children: /* @__PURE__ */ D(U, {
+						title: l,
+						subTitle: u
+					})
+				})) : c.type === i.Image ? t.openDrawer({
+					content: /* @__PURE__ */ D(V, {
+						url: c.url,
+						children: /* @__PURE__ */ D(U, {
+							title: l,
+							subTitle: u
+						})
+					}),
+					height: "60vh"
+				}) : c.type === i.Video && t.openDrawer({
+					content: /* @__PURE__ */ D(H, {
+						url: c.url,
+						children: /* @__PURE__ */ D(U, {
+							title: l,
+							subTitle: u
+						})
+					}),
+					height: "60vh"
+				});
+			while (0);
+			e.current = setTimeout(() => {
+				t.openDrawer(!1), t.openPopUp(!1);
+			}, a - r);
+		};
+		t.on(a.InfoPanel, n);
+		let r = () => {
+			e.current && clearTimeout(e.current), t.openDrawer(!1), t.openPopUp(!1);
+		}, s = t.playback.add(r);
+		return () => {
+			s(), r(), t.off(a.InfoPanel, n), e.current && clearTimeout(e.current);
+		};
+	}, [t]), /* @__PURE__ */ D(E, {});
+}
+// resources/shared-utils/createTransMatrix.ts
+function Ce(e) {
+	let t = new k.Matrix4();
+	return t.fromArray(e), (e) => {
+		let n = new k.Vector3(...e);
+		return n.applyMatrix4(t), n.toArray();
+	};
+}
+// resources/Player/modules/keyframes/ModelVideo/index.tsx
+function we() {
+	let e = F(), t = I(), n = l.useRef(void 0), r = l.useRef(null);
+	return l.useEffect(() => {
+		let i = 0, o = () => {
+			++i, r.current && clearTimeout(r.current), n.current?.dispose(), n.current = void 0;
+		}, c = e.playback.add(o), l = async (a) => {
+			o();
+			let c = i, l = e.playback.capture(), u = () => !!l?.valid();
+			if (!u()) return;
+			let d = n.current = s(t, { mediaManager: l?.mediaManager }), { start: f, end: p } = a, { videoSrc: m, videoPosterSrc: h, vertexs: g, matrixWorld: _ } = a.data, v = (() => {
+				if (g.length < 4) throw Error("ModelVideo: 顶点数据集合不够，无法组成矩形 ....");
+				if (g.length === 4) return g;
+				let e = new k.Box3();
+				return g.forEach((t) => e.expandByPoint(new k.Vector3(t.x, t.y, t.z))), [
+					new k.Vector3(e.min.x, e.max.y, e.max.z),
+					new k.Vector3(e.min.x, e.min.y, e.max.z),
+					new k.Vector3(e.max.x, e.min.y, e.max.z),
+					new k.Vector3(e.max.x, e.max.y, e.max.z)
+				];
+			})(), y = (() => {
+				if (_) {
+					let e = Ce(_);
+					return [v.map((t) => {
+						let n = e([
+							t.x,
+							t.y,
+							t.z
+						]);
+						return {
+							x: n[0],
+							y: n[1],
+							z: n[2]
+						};
+					})];
+				}
+				return [v];
+			})();
+			d.disable();
+			try {
+				await d.load({
+					video_src: m,
+					video_poster_src: h,
+					points: y
+				}, e.configs?.videos?.modelTVVideo);
+			} catch (t) {
+				c === i && u() && (e.playback.cancel(), console.error(t));
+				return;
+			}
+			c === i && u() && (d.enable(), r.current = setTimeout(o, p - f));
+		};
+		return e.on(a.ModelVideo, l), () => {
+			o(), c(), n.current?.dispose(), n.current = void 0, e.off(a.ModelVideo, l), r.current && clearTimeout(r.current);
+		};
+	}, [e]), /* @__PURE__ */ D(E, {});
+}
+// resources/shared-utils/animationFrame/BetterTween.ts
+var Te = class extends j.Tween {
+	disposeMethods = [];
+	animationFrameDisposer;
+	onDispose = (e) => (this.disposeMethods.push(e), this);
+	play = () => (this.start(), this.animationFrameDisposer = e(() => this.update()), this);
+	dispose = () => {
+		this.stop(), this.animationFrameDisposer?.(), this.disposeMethods.forEach((e) => e()), this.disposeMethods = [], j.remove(this);
+	};
+};
+function W(e, t = j.Easing.Linear.None) {
+	let n = new Te({ progress: 0 }).to({ progress: 1 });
+	return e !== void 0 && n.duration(e), t !== void 0 && n.easing(t), n;
+}
+// resources/Player/modules/keyframes/PanoEffect/lineAnime.ts
+function Ee(e, t, n) {
+	let r = new k.TextureLoader().load("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAG/Py2baba05un7UgfgAAAHJJREFUKM9joBpgLHVSCRdA4metAoJlCJHmVWBgAeNzroKCCVCBLpjACqgJVjCBxRBT2FbBQQJYQAohsBAsUIUQWA4WiEIILAULeCEEloAFtBACizAEMLRgGIphLabDMJ2O6TlM72MGECIIMQIZIxqoBQCPvpJ/e9FaAAAAAABJRU5ErkJggg=="), i = new oe(), a = new k.Line2NodeMaterial({
+		color: 16777215,
+		linewidth: 2,
+		depthTest: !1
+	}), o = new ae(i, a), s = new k.BufferGeometry(), c = new k.PointsNodeMaterial({
+		color: 16777215,
+		map: r,
+		transparent: !0
+	}), l = new k.Points(s, c), u = new k.Group();
+	u.add(o, l);
+	let d = (e, t) => {
+		let n = [...e.toArray(), ...t.toArray()];
+		i.setPositions(n), s.setAttribute("position", new k.Float32BufferAttribute(n, 3));
+	};
+	return d(t, n), W().onUpdate(({ progress: r }) => {
+		d(t.clone().lerp(n, .5 - r / 2), t.clone().lerp(n, .5 + r / 2)), e.needsRender = !0;
+	}).onStart(() => e.scene.add(u)).onDispose(() => {
+		e.scene.remove(u), i.dispose(), a.dispose(), s.dispose(), c.dispose(), r.dispose(), e.needsRender = !0;
+	});
+}
+// resources/Player/modules/keyframes/PanoEffect/index.tsx
+function De() {
+	let [e, t] = l.useState(null), n = I(), r = l.useRef(null), [i, o] = l.useState(null), s = l.useRef(null), c = F(), u = ve(), d = () => {
+		r.current && r.current.dispose();
+	};
+	return l.useEffect(() => {
+		let e = (e) => {
+			let { start: i, end: a, data: c } = e, [l, f] = c.twoVertexs, p = new A(l.x, l.y, l.z), m = new A(f.x, f.y, f.z);
+			r.current = Ee(n, p.clone(), m.clone()), r.current.play();
+			let h = p.lerp(m, .5), g = p.distanceTo(m), _ = u(h);
+			if (!_) return;
+			let { x: v, y } = _;
+			t({
+				center: h,
+				distance: g
+			}), o({
+				left: v,
+				top: y
+			}), s.current = setTimeout(() => {
+				t(null), o(null), d();
+			}, a - i);
+		};
+		return c.on(a.PanoEffect, e), () => {
+			c.off(a.PanoEffect, e), s.current && clearTimeout(s.current), d();
+		};
+	}, [c]), l.useEffect(() => {
+		let t = () => {
+			if (!e?.center) return;
+			let { x: t, y: n, z: r } = e.center, i = u(new A(t, n, r));
+			if (!i) return;
+			let { x: a, y: s } = i;
+			o({
+				left: a,
+				top: s
+			});
+		};
+		return n.on("currentStateChange", t), () => {
+			n.off("currentStateChange", t);
+		};
+	}, [e?.center]), /* @__PURE__ */ D(E, { children: /* @__PURE__ */ D("div", {
+		className: v("PanoEffect", { "PanoEffect--notHidden": e }),
+		style: {
+			left: (i?.left || 0) + "px",
+			top: (i?.top || 0) + "px"
+		},
+		children: e?.distance.toFixed(4) + "m"
+	}) });
+}
+// resources/Player/modules/keyframes/PanoTag/index.tsx
+function Oe() {
+	let e = F(), t = I();
+	return l.useEffect(() => {
+		if (e.configs?.keyframeMap.PanoTag === !1) return;
+		let n = se(t, { config: { globalConfig: {
+			visibleConfig: { keep: "visible" },
+			unfoldedConfig: {
+				autoUnfold: !1,
+				unfoldDistance: { max: 100 }
+			}
+		} } }), r, i = !1, o = 0, s = (e) => {
+			e.released || (e.released = !0, e.timer !== void 0 && clearTimeout(e.timer), r === e && (r = void 0), n.destroyTagById(e.id));
+		}, c = () => {
+			r && s(r);
+		}, l = e.playback.add(c), u = (t, a = t.start) => {
+			let l = e.playback.capture();
+			if (i || !l?.valid()) return;
+			c();
+			let { end: u, data: d } = t, f = d;
+			o = Math.max(Date.now(), o + 1);
+			let p = o.toString(), m = [
+				f.vertex.x,
+				f.vertex.y,
+				f.vertex.z
+			], h = f.imgUrl ? {
+				id: p,
+				position: m,
+				contentType: "ImageText",
+				stickType: "2DPoint",
+				data: {
+					title: f.text,
+					mediaData: [{
+						type: "Image",
+						url: f.imgUrl
+					}]
+				}
+			} : {
+				id: p,
+				position: m,
+				contentType: "Text",
+				stickType: "2DPoint",
+				data: { title: f.text }
+			}, g = {
+				id: p,
+				released: !1,
+				expired: !1
+			};
+			r = g, g.timer = setTimeout(() => {
+				if (!g.released) {
+					if (i || !l.valid()) return s(g);
+					g.expired = !0, n.getTagById(p)?.fold(), g.timer = setTimeout(() => s(g), 1500);
+				}
+			}, Math.max(0, u - a)), n.load({ tagList: [h] }).then(() => {
+				if (i || g.released || g.expired || r !== g || !l.valid()) {
+					s(g);
+					return;
+				}
+				let e = n.getTagById(p);
+				if (!e) return s(g);
+				e.setMediaManager(l.mediaManager), e.unfold();
+			}).catch((e) => {
+				s(g), console.error("Vreo PanoTag failed to load", e);
+			});
+		};
+		return e.on(a.PanoTag, u), () => {
+			i = !0, e.off(a.PanoTag, u), l(), c(), n.dispose();
+		};
+	}, [e]), null;
+}
+// resources/Player/modules/keyframes/PanoTextLabel/index.tsx
+var ke = (e, t, n, r) => {
+	let i = n / 375, a = r / 375, o = new k.PlaneGeometry(i, a);
+	if (t) {
+		let n = new k.Vector3(t.x + e.x, t.y + e.y, t.z + e.z);
+		o.lookAt(n);
+	}
+	let s = o.getAttribute("position"), c = (t) => e.clone().add(new k.Vector3().fromBufferAttribute(s, t));
+	return [
+		c(2),
+		c(3),
+		c(1),
+		c(0)
+	];
+};
+function Ae() {
+	let e = F(), t = I(), n = l.useRef(void 0);
+	return l.useEffect(() => {
+		if (e.configs?.keyframeMap.PanoTextLabel === !1) return;
+		let r = /* @__PURE__ */ new Set(), i = () => {
+			for (let e of [...r]) e();
+		}, o = e.playback.add(i), s = (e, i = e.start) => {
+			let { end: a, data: o } = e, s = o;
+			if (o.text === "") return;
+			let { x: l, y: u, z: d } = s.vertex, f = new A(l, u, d), p = new A(s.normal?.x, s.normal?.y, s.normal?.z), m = ke(f, s.normal && p, 200, 30);
+			n.current ||= c(t);
+			let g = n.current.create3DDomContainer(m), _ = g?.css3DObject;
+			if (o.quaternion) {
+				let e = new te(o.quaternion.x, o.quaternion.y, o.quaternion.z, o.quaternion.w);
+				_?.quaternion.copy(e);
+			}
+			if (!g?.container) return;
+			let v = h(g.container), y, b = !1, x = () => {
+				b || (b = !0, y !== void 0 && clearTimeout(y), r.delete(x), g.dispose(), queueMicrotask(() => v.unmount()));
+			};
+			r.add(x), v.render(/* @__PURE__ */ D("div", {
+				className: "PanoTextLabel PanoTextLabel--notHidden",
+				children: /* @__PURE__ */ D("div", {
+					className: "PanoTextLabel-wrapper",
+					children: /* @__PURE__ */ D("div", {
+						style: { fontSize: `${o.fontSize || 16}px` },
+						className: "PanoText-innerText",
+						children: o.text || ""
+					})
+				})
+			})), y = setTimeout(x, Math.max(0, a - i));
+		};
+		return e.on(a.PanoTextLabel, s), () => {
+			e.off(a.PanoTextLabel, s), o(), i(), n.current = void 0;
+		};
+	}, [e]), /* @__PURE__ */ D(E, {});
+}
+// resources/Player/modules/keyframes/Prompter/index.tsx
+function je() {
+	let [e, t] = l.useState(""), [n, r] = l.useState(!0), i = l.useRef(null), o = F();
+	return l.useEffect(() => {
+		if (o.configs?.keyframeMap.Prompter === !1) return;
+		let e = () => {
+			i.current !== null && clearTimeout(i.current), i.current = null, r(!0), t("");
+		}, n = o.playback.add(e), s = (n, a = n.start) => {
+			let { end: o, data: s } = n;
+			t(s.text), r(!1), i.current &&= (clearTimeout(i.current), null), i.current = setTimeout(e, Math.max(0, o - a));
+		};
+		return o.on(a.Prompter, s), () => {
+			o.off(a.Prompter, s), n(), e();
+		};
+	}, [o]), /* @__PURE__ */ D("div", {
+		className: v("vreo-prompter", {
+			"vreo-prompter--hidden": n,
+			[`vreo-prompter-left--${o.agentType}`]: !0
+		}),
+		children: /* @__PURE__ */ D("div", {
+			className: "vreo-prompter-text",
+			children: /* @__PURE__ */ D("div", {
+				className: "vreo-prompter-innerText",
+				children: e
+			})
+		})
+	});
+}
+// resources/Player/modules/keyframes/UpdateVRPanorama/index.tsx
+function Me() {
+	let e = F(), t = I(), n = l.useRef(null), r = l.useRef(null), i = l.useCallback(() => {
+		if (r.current = null, n.current) {
+			let e = _(n.current);
+			t.load(e);
+		}
+	}, []), o = l.useCallback(() => {
+		if (n.current) {
+			let e = _(n.current);
+			Object.assign(window, { $rawWork: e }), t.load(e);
+		}
+	}, []), s = l.useCallback(() => {
+		r.current && t.load(r.current);
+	}, []);
+	return l.useEffect(() => {
+		let c = (e) => {
+			!n.current && t.work?.raw?.works && (n.current = t.work.raw.works);
+			let i = e.data;
+			if (i.work) {
+				r.current = _(i.work), t.load(r.current);
+				return;
+			}
+			let a = t.work?.raw?.works?.[0];
+			if (!a) console.warn("UpdateVRPanorama: 没有可用的 work 数据");
+			else {
+				if (i.dynamic_scene && !i.panorama) {
+					let e = JSON.parse(a).panorama, t = i.dynamic_scene.images.index;
+					e.list[t] = i.dynamic_scene.images, i.panorama = e, delete i.dynamic_scene;
+				}
+				Object.assign(window, {
+					$work1: JSON.parse(a),
+					$work2: i,
+					parseWork: _
+				}), r.current = _([a, i]), t.load(r.current);
+			}
+		};
+		return e.on(a.UpdateVRPanorama, c), e.on(a.Exit, i), e.on("loaded", i), e.on("paused", o), e.on("playing", s), () => {
+			e.off(a.UpdateVRPanorama, c), e.off(a.Exit, i), e.off("loaded", i), e.off("paused", o), e.off("playing", s);
+		};
+	}, []), /* @__PURE__ */ D(E, {});
+}
+// resources/Player/modules/keyframes/VideoEffect/index.tsx
+var G = Math.PI * 2;
+function Ne() {
+	let e = l.useRef(null), t = l.useRef(null), n = F(), r = l.useRef(null), [i, o] = l.useState(!1), s = I();
+	return l.useEffect(() => {
+		let e, i = 0, c, l = async (a) => {
+			let { start: l, end: d } = a, { videoSrc: f, fov: p, direction: m, panoIndex: h, vector: g } = a.data, [_, v] = (() => {
+				if (g) return [g.longitude, g.latitude];
+				if (!m) return [0, 0];
+				let e = -Math.atan2(m.x, -m.z);
+				e = (e % G + G) % G;
+				let t = -Math.asin(m.y / 1);
+				return [e, t];
+			})();
+			u();
+			let y = i;
+			s.setState({
+				fov: p,
+				panoIndex: h,
+				longitude: _,
+				latitude: v
+			}, !0), c?.();
+			let b = n.playback.capture(), x = () => !!b?.valid(), S = () => y === i && x(), C = t.current;
+			if (!C || !S()) return;
+			let w = e = b.bind(C);
+			w.muted = !0, w.src = f;
+			let T = () => {
+				c?.(), S() && (w.muted = !1, w.play().catch((e) => {
+					S() && (n.playback.cancel(), console.error(e));
+				}));
+			};
+			c = () => C.removeEventListener("canplaythrough", T), C.addEventListener("canplaythrough", T), w.load(), o(!0), r.current = setTimeout(u, Math.max(0, d - l));
+		};
+		n.on(a.VideoEffect, l);
+		let u = () => {
+			++i, r.current && clearTimeout(r.current), c?.(), e && (e.muted = !0, e.pause(), e.src = ""), e = void 0, o(!1);
+		}, d = n.playback.add(u);
+		return () => {
+			u(), d(), n.off(a.VideoEffect, l), r.current && clearTimeout(r.current);
+		};
+	}, [n]), l.useEffect(() => {
+		if (!e.current) return;
+		let r = n.configs?.videos?.videoEffect || document.createElement("video");
+		return r.setAttribute("playsinline", "true"), r.setAttribute("webkit-playsinline", "true"), r.autoplay = !1, r.muted = !0, r.setAttribute("key", "VideoEffect-video"), r.setAttribute("class", "VideoEffect-video"), t.current = r, e.current.append(t.current), () => {
+			r.muted = !0, r.pause(), r.remove();
+		};
+	}, []), /* @__PURE__ */ D("div", {
+		ref: e,
+		className: v("VideoEffect", { "VideoEffect--visible": i })
+	});
+}
+// resources/shared-utils/Preloader.ts
+var Pe = { blob: (e) => {
+	let t = () => null;
+	return new Promise((n, r) => {
+		let i = new XMLHttpRequest(), a = () => {
+			i.ontimeout = t, i.onreadystatechange = t, i.onprogress = t, i.onabort = t;
+		};
+		i.ontimeout = () => {
+			r(/* @__PURE__ */ Error("timeout")), a();
+		}, i.onreadystatechange = () => {
+			i.readyState === 4 && (i.status !== 0 || i.response) && (i.status === 200 || i.status === 0 ? (n(i.response), a()) : (r(/* @__PURE__ */ Error("status:" + i.status)), a()));
+		}, i.open("GET", e, !0), i.responseType = "blob", i.send(null);
+	});
+} }, Fe = class extends g {
+	$timestamp = null;
+	$currentTime = 0;
+	$duration = 0;
+	stopInterval;
+	muted = !1;
+	src = "";
+	setAttribute(e, t) {}
+	constructor({ duration: e } = {}) {
+		super(), e && (this.$duration = e);
+	}
+	play() {
+		this.stopInterval || (this.$currentTime === this.$duration && (this.$currentTime = 0), this.$timestamp === null && (this.$timestamp = performance.now()), this.stopInterval = e(() => this.requestAnimationFrameLoop()), this.emit("play"));
+	}
+	pause() {
+		this.stopInterval &&= (this.stopInterval(), this.emit("pause"), void 0), this.$timestamp = null;
+	}
+	requestAnimationFrameLoop() {
+		if (this.$timestamp === null) return;
+		let e = performance.now();
+		this.$currentTime += e - this.$timestamp, this.$timestamp = e, this.emit("timeupdate"), this.$currentTime >= this.$duration - 10 && (this.$currentTime = this.$duration, this.pause(), this.emit("ended"));
+	}
+	get currentTime() {
+		return this.$currentTime / 1e3;
+	}
+	set currentTime(e) {
+		this.$currentTime = e * 1e3;
+	}
+	get duration() {
+		return this.$duration;
+	}
+	set duration(e) {
+		this.$duration = e;
+	}
+	get ended() {
+		return this.$currentTime === this.$duration;
+	}
+	get paused() {
+		return !this.stopInterval;
+	}
+	addEventListener(e, t, n = !1) {
+		this.on(e, t);
+	}
+	removeEventListener(e, t, n = !1) {
+		this.off(e, t);
+	}
+}, Ie = class extends k.Mesh {
+	videoTexture;
+	enableNode;
+	options;
+	videoUrl;
+	freeze;
+	paused;
+	outputs = /* @__PURE__ */ new Map();
+	operations(e, t) {
+		let n = e ? e.bind(t) : t;
+		return this.outputs.set(t, n), n;
+	}
+	ownsVideo = !1;
+	ownsAudio = !1;
+	generation = 0;
+	removeStart;
+	objectURL;
+	audioInstance;
+	audioLikeInstance;
+	$removeEventListener;
+	get mediaInstance() {
+		return this.videoUrl ? N(this.videoUrl) === "audio" ? this.audioInstance : this.videoTexture.image : this.audioLikeInstance;
+	}
+	constructor(e, t, n, r, i = { preload: !0 }) {
+		let a = !i.videoInstance;
+		if (!i.videoInstance) {
+			let e = document.createElement("video");
+			e.style.display = "none", e.playsInline = !0, e.muted = !0, document.body.append(e), i.videoInstance = e;
+		}
+		let o = new k.PlaneGeometry(e, t, n, r), s = new k.VideoTexture(i.videoInstance);
+		s.colorSpace = k.SRGBColorSpace;
+		let c = fe(0), l = de(s).sample(pe()), u = ce(1).sub(ue(.1, .3, l.g.sub(le(l.r, l.b)).add(.1))), d = new k.MeshBasicNodeMaterial({ transparent: !0 });
+		d.colorNode = l.rgb, d.opacityNode = u.mul(c), super(o, d), this.videoTexture = s, this.enableNode = c, this.ownsVideo = a, this.ownsAudio = !i.audioInstance, this.options = i, this.freeze = !1, this.paused = !0, i.audioInstance ? this.audioInstance = i.audioInstance : (this.audioInstance = document.createElement("audio"), this.audioInstance.crossOrigin = "", this.audioInstance.muted = !0, this.audioInstance.autoplay = !1), this.audioLikeInstance = new Fe(), x(this, {
+			paused: S,
+			videoUrl: C
+		});
+		let f = (e) => T(() => this.paused = e), p = () => f(!0), m = () => f(!1);
+		this.audioInstance.addEventListener("pause", p), this.audioInstance.addEventListener("play", m), this.options.videoInstance?.addEventListener("pause", p), this.options.videoInstance?.addEventListener("play", m), this.audioLikeInstance.addEventListener("pause", p), this.audioLikeInstance.addEventListener("play", m), this.$removeEventListener = () => {
+			this.audioInstance.removeEventListener("pause", p), this.audioInstance.removeEventListener("play", m), this.options.videoInstance?.removeEventListener("pause", p), this.options.videoInstance?.removeEventListener("play", m), this.audioLikeInstance.removeEventListener("pause", p), this.audioLikeInstance.removeEventListener("play", m);
+		};
+	}
+	async update(e, t, n) {
+		if (this.videoUrl === e) return;
+		this.stop(), this.freeze = !0;
+		let r = N(e) === "audio" ? this.audioInstance : this.options.videoInstance, i = this.operations(n, r);
+		i.muted = !0;
+		let a = this.options.preload !== !1 || N(e) === "video" ? URL.createObjectURL(await Pe.blob(e)) : e;
+		if (!t()) {
+			a !== e && URL.revokeObjectURL(a);
+			return;
+		}
+		T(() => {
+			this.videoUrl = e;
+		}), this.objectURL && URL.revokeObjectURL(this.objectURL), this.objectURL = a === e ? void 0 : a, i.src = a, r.setAttribute("data-src", e);
+		let o = () => {
+			t() && i.currentTime !== 0 && (this.freeze = !1, i.muted = !1, this.enableNode.value = +!!N(e), this.removeStart?.());
+		};
+		this.removeStart = () => r.removeEventListener("timeupdate", o), r.addEventListener("timeupdate", o);
+	}
+	async play(e = "", t = 0, n) {
+		let r = this.options.getPlayback?.();
+		if (this.options.getPlayback && !r?.valid()) return !1;
+		e && e !== this.videoUrl && this.stop();
+		let i = this.generation, a = () => i === this.generation && (!this.options.getPlayback || !!r?.valid());
+		if (e && e !== this.videoUrl && (i++, await this.update(e, a, r)), !a()) return !1;
+		n && !e && (T(() => {
+			this.videoUrl = "";
+		}), this.audioLikeInstance.duration = n);
+		let o = this.videoUrl ? this.operations(r, this.mediaInstance) : this.audioLikeInstance;
+		return (e || n) && (o.currentTime = t), o.muted = !0, await o.play(), a() ? (o.muted = !1, !0) : !1;
+	}
+	get mediaOperations() {
+		let e = this.options.getPlayback?.();
+		if (!this.options.getPlayback || e?.valid()) return this.videoUrl ? this.operations(e, this.mediaInstance) : this.audioLikeInstance;
+	}
+	stop() {
+		++this.generation, this.removeStart?.(), this.removeStart = void 0;
+		for (let e of this.outputs.values()) e.muted = !0, e.pause();
+		this.outputs.clear(), this.audioLikeInstance.pause();
+	}
+	get currentTime() {
+		return this.mediaInstance.currentTime * 1e3;
+	}
+	dispose() {
+		this.stop(), this.$removeEventListener(), this.ownsVideo && this.options.videoInstance?.remove(), this.ownsAudio && this.audioInstance.remove(), this.objectURL && URL.revokeObjectURL(this.objectURL), this.geometry.dispose(), this.videoTexture.dispose(), this.material.dispose();
+	}
+}, Le = class {
+	videoAgentMesh;
+	scene = new re();
+	camera = new ee(-240, 240, 135, -135);
+	renderer;
+	frame;
+	disposed = !1;
+	disposers = [];
+	constructor(e, t, n = !1) {
+		if (this.renderer = new ie({
+			alpha: !0,
+			forceWebGL: n
+		}), this.videoAgentMesh = new Ie(480, 270, 1, 1, t), !e) return;
+		this.camera.position.set(0, 0, 10), this.camera.lookAt(0, 0, 0);
+		let r = this.renderer.domElement;
+		r.classList.add("VideoAgent-canvas");
+		let i = B(e, (e, t) => {
+			this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer.setSize(e, t, !1), r.style.width = `${e}px`, r.style.height = `${t}px`;
+		});
+		this.disposers.push(i), e.append(r), this.scene.add(this.videoAgentMesh), this.renderer.init().then(() => {
+			if (this.disposed) return;
+			let e = this.renderer.backend;
+			if (!e.isWebGPUBackend && !e.isWebGLBackend) throw Error("VideoAgent renderer initialized with an unsupported backend");
+			this.run();
+		}).catch(this.fail);
+	}
+	fail = (e) => {
+		this.disposed || (this.dispose(), console.error("VideoAgent renderer initialization failed", e));
+	};
+	run = () => {
+		this.disposed || (!(this.videoAgentMesh.paused || this.videoAgentMesh.freeze) && this.videoAgentMesh.currentTime > 1e3 && this.renderer.render(this.scene, this.camera), this.frame = requestAnimationFrame(this.run));
+	};
+	dispose = () => {
+		this.disposed || (this.disposed = !0, this.frame !== void 0 && cancelAnimationFrame(this.frame), this.frame = void 0, this.disposers.splice(0).forEach((e) => e()), this.videoAgentMesh.dispose(), this.renderer.dispose(), this.renderer.domElement.remove());
+	};
+}, Re = y(function(e) {
+	let t = l.useRef(null), n = F(), r = n.avatar?.url && n.avatar.force === !0, i = !r && n.videoAgentScene?.videoAgentMesh.mediaInstance instanceof HTMLVideoElement;
+	return l.useEffect(() => {
+		if (!t.current) throw Error("React 渲染异常，请稍后重试 ...");
+		if (n.videoAgentScene) {
+			console.warn("VideoAgentScene\" 重复初始化，已被过滤");
+			return;
+		}
+		let r = n.five.renderer?.backend?.isWebGLBackend === !0, i = new Le(t.current, {
+			...e.options,
+			getPlayback: () => n.playback.capture()
+		}, r);
+		return T(() => {
+			n.videoAgentScene = i;
+		}), () => {
+			i.dispose(), n.videoAgentScene === i && T(() => {
+				n.videoAgentScene = void 0;
+			});
+		};
+	}, [n]), /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("div", {
+		className: "Avatar",
+		style: { display: r ? "block" : "none" },
+		children: /* @__PURE__ */ D("div", {
+			className: "Avatar-wrapper ratio-1-1",
+			children: /* @__PURE__ */ D("img", {
+				className: "Avatar-img",
+				src: n.avatar?.url,
+				onClick: () => e.onClick?.()
+			})
+		})
+	}), /* @__PURE__ */ D("div", {
+		className: v("VideoAgent", { hide: !i }),
+		children: /* @__PURE__ */ D("div", {
+			className: "VideoAgent-container",
+			children: /* @__PURE__ */ D("div", {
+				className: "VideoAgent-wrapper ratio-16-9",
+				children: /* @__PURE__ */ D("div", {
+					className: "VideoAgent-inner",
+					ref: t,
+					children: /* @__PURE__ */ D("div", {
+						className: "VideoAgent-play",
+						onClick: () => e.onClick?.()
+					})
+				})
+			})
+		})
+	})] });
+}), K = "data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAgAAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////JcxjHjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zrhIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6ramnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLKxsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKVJ8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLMPQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBRQGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsqFdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=", q = [], ze = typeof Audio > "u" ? class {} : Audio;
+function Be(e) {
+	let t = q.find((e) => !e.realSrc || e.realSrc === K);
+	return t || (t = new J(K), q.push(t)), e && (t.src = e), t;
+}
+async function Ve(e = 100, t = 2e3) {
+	console.log("waitForBlankAudioGenerated, needGenerate: ", q.some((e) => !e.ended && e.src === K));
+	let n = Date.now(), r = !1;
+	for (; q.some((e) => !e.ended && e.src === K) && !r;) {
+		if (Date.now() - n > t) return r = !0, Promise.resolve();
+		await new Promise((t) => setTimeout(t, e));
+	}
+}
+function He(e) {
+	let t = e - q.length;
+	if (!(t <= 0)) for (let e = 0; e < t; e++) q.push(new J(K));
+}
+function Ue(e) {
+	e.inited || (e.src && (e.inited = !0, e.removeDocumentEventListener()), e.src === K && e.play());
+}
+var J = class extends ze {
+	preload = "auto";
+	get src() {
+		return this.getAttribute("src") || "";
+	}
+	set src(e) {
+		this.muted = !0, e === "" ? (this.removeAttribute("src"), this.realSrc = "", this.load()) : (this.setAttribute("src", e), this.realSrc = e);
+	}
+	realSrc = "";
+	inited = !1;
+	removeDocumentEventListener;
+	constructor(e) {
+		super(e), this.realSrc = e ?? "", this.muted = !0, super.addEventListener("ended", () => {
+			this.src === K && (this.src = "");
+		});
+		let t = () => Ue(this);
+		document.addEventListener("click", t), document.addEventListener("touchend", t), this.removeDocumentEventListener = () => {
+			document.removeEventListener("click", t), document.removeEventListener("touchend", t);
+		};
+	}
+};
+// resources/Player/modules/keyframes/BgMusic/index.tsx
+function We() {
+	let e = F();
+	return l.useEffect(() => {
+		let t = /* @__PURE__ */ new Set(), n = (n, r) => {
+			let i = e.playback.capture(), a = () => !!i?.valid();
+			if (!a()) return;
+			let o = Be(), s = i.bind(o), c = !1, l = () => {
+				c || (c = !0, o.removeEventListener("canplay", d), o.removeEventListener("ended", l), s.muted = !0, s.pause(), s.src = "", u(), t.delete(l), e.setWaitingForBgMusic(!1));
+			}, u = e.playback.add(l);
+			t.add(l);
+			let d = () => {
+				o.removeEventListener("canplay", d), a() && !c && (s.muted = !1, s.play().catch((t) => {
+					a() && !c && (l(), e.playback.cancel(), console.error(t));
+				}), e.setWaitingForBgMusic(!1));
+			};
+			s.muted = !0, s.src = n.data.url, s.currentTime = Math.max(0, (r - n.start) / 1e3), o.addEventListener("ended", l), e.configs.waitForBgMusicLoaded && o.readyState < 3 ? (e.setWaitingForBgMusic(!0), o.addEventListener("canplay", d)) : d();
+		};
+		return e.on(a.BgMusic, n), () => {
+			e.off(a.BgMusic, n);
+			for (let e of [...t]) e();
+		};
+	}, [e]), /* @__PURE__ */ D(E, {});
+}
+// resources/Player/modules/Wave/index.tsx
+var Y = "https://vr-public.realsee-cdn.cn/release/static/image/release/", Ge = {
+	single: {
+		width: 766,
+		height: 60,
+		frames: 20,
+		hevc: "vapor/static/wave-single.140d197f4838c130b69e87dfd0705479.mov",
+		vp9: "vapor/static/wave-single.eda65de390a830193fff40d1f1255555.webm",
+		png: "vapor/static/wave-single.f51aade2a6e1c59211698a1a24e6135f.png"
+	},
+	double: {
+		width: 766,
+		height: 60,
+		frames: 16,
+		hevc: "vapor/static/wave-double.3e6d73050ee6958cc3060b107ebe5f39.mov",
+		vp9: "/vapor/static/wave-double.77dfe8548ebcb3f3d336785d4fe9c7b2.webm",
+		png: "/vapor/static/wave-double.ab4fe7d8a70395109ca4f759af7bd53f.png"
+	},
+	solid: {
+		width: 1126,
+		height: 90,
+		frames: 48,
+		hevc: "vapor/static/wave-solid.cf68912a93275d07aa6b5097ea11fdda.mov",
+		vp9: "vapor/static/wave-solid.64438b63cbb346906d066bb7b8dc3e20.webm",
+		png: "vapor/static/wave-solid.6969d7f3f2f44f7ac1ade30e65660cb1.png"
+	},
+	swap: {
+		width: 2250,
+		height: 180,
+		frames: 41,
+		hevc: "vapor/static/wave-swap.b38f22e2cf84ee21e9be35f7f56c9cfc.mov",
+		vp9: "vapor/static/wave-swap.c02e4b94cf05aecf6e7a0023bc7bb90f.webm",
+		png: "vapor/static/wave-swap.772ba526a7210dcc01567062c6319545.png"
+	},
+	expand: {
+		width: 2250,
+		height: 180,
+		frames: 45,
+		hevc: "vapor/static/wave-expand.9529956c5954740cd4c9d07d51e32822.mov",
+		vp9: "vapor/static/wave-expand.a0d2a0074001cd3d4fea56818c6d3c38.webm",
+		png: "vapor/static/wave-expand.62fcf27b445533e6eb1b17bab5eafa0d.png"
+	}
+}, X = typeof navigator < "u" ? navigator.userAgent : "", Ke = /(iPhone|iPad|iPod)/i.test(X), qe = /safari/i.test(X) && !/chrome/i.test(X) && /version/i.test(X), Je = /microMessenger/i.test(X), Ye = Ke || qe, Xe = typeof MediaSource < "u" && MediaSource.isTypeSupported("video/webm; codecs=vp9");
+function Ze(e) {
+	let t = u.useMemo(() => Ge[e?.appearance ?? "solid"], [e?.appearance]), n = u.useMemo(() => t.height / t.width, [t]), r = null;
+	return r = Je ? /* @__PURE__ */ D(Q, {
+		wave: t,
+		prefix: e?.staticPrefix
+	}) : Ye ? /* @__PURE__ */ D(Z, {
+		format: "hevc",
+		wave: t,
+		prefix: e?.staticPrefix
+	}) : Xe ? /* @__PURE__ */ D(Z, {
+		format: "vp9",
+		wave: t,
+		prefix: e?.staticPrefix
+	}) : /* @__PURE__ */ D(Q, {
+		wave: t,
+		prefix: e?.staticPrefix
+	}), /* @__PURE__ */ D("div", {
+		className: "vreo-wave",
+		onClick: e?.onClick,
+		children: /* @__PURE__ */ D("div", {
+			style: {
+				position: "relative",
+				width: "100%",
+				paddingTop: `${n * 100}%`
+			},
+			children: /* @__PURE__ */ D("div", {
+				style: {
+					position: "absolute",
+					width: "100%",
+					height: "100%",
+					left: 0,
+					top: 0
+				},
+				children: r
+			})
+		})
+	});
+}
+var Z = ({ wave: e, format: t, prefix: n = Y }) => {
+	let r = p(null), [i, a] = m(!1), [o, s] = m(!1), c = n + e[t];
+	f(() => {
+		a(!1);
+	}, [c]);
+	let l = d(() => {
+		r.current && r.current.play(), a(!0);
+	}, []), u = d(() => {
+		s(!0);
+	}, []);
+	return o ? /* @__PURE__ */ D(Q, {
+		wave: e,
+		prefix: n
+	}) : /* @__PURE__ */ D("video", {
+		style: { opacity: +!!i },
+		preload: "auto",
+		ref: r,
+		width: "100%",
+		height: "100%",
+		playsInline: !0,
+		autoPlay: !0,
+		onCanPlay: l,
+		onError: u,
+		muted: !0,
+		loop: !0,
+		src: c
+	});
+}, Q = ({ wave: e, prefix: t = Y }) => {
+	let n = t + e.png;
+	return /* @__PURE__ */ D("div", { style: {
+		width: "100%",
+		height: "100%",
+		backgroundImage: `url(${n})`,
+		backgroundSize: "100%",
+		animationName: "vreo-wave-keyframes",
+		animationTimingFunction: `steps(${e.frames - 1})`,
+		animationDuration: `${e.frames / 25}s`,
+		animationIterationCount: "infinite"
+	} });
+}, Qe = y(({ controller: e }) => /* @__PURE__ */ D("div", {
+	className: v("vreo-panel", { "vreo-panel--hidden": !e.visible }),
+	children: /* @__PURE__ */ O("div", {
+		className: "vreo-panel-inner",
+		children: [
+			/* @__PURE__ */ D(Ze, {
+				onClick: e.configs?.onWaveClick,
+				appearance: e.waveAppearance ?? "single",
+				staticPrefix: e.configs.waveStaticPrefix
+			}),
+			/* @__PURE__ */ D(Re, {
+				onClick: () => {
+					e.configs?.onAvatarClick ? e.configs.onAvatarClick() : e.playing ? e.playback.cancel() : e.playback.begin(!0) && e.setPlaying(!0);
+				},
+				options: e.configs?.videoAgentMeshOptions || {}
+			}),
+			/* @__PURE__ */ D(je, {}),
+			e.configs?.customPanelChildren
+		]
+	})
+}));
+function $e() {
+	let e = F();
+	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O(E, { children: [
+		/* @__PURE__ */ D(xe, {}),
+		/* @__PURE__ */ D(ye, {}),
+		/* @__PURE__ */ D(we, {}),
+		/* @__PURE__ */ D(Me, {}),
+		/* @__PURE__ */ D(Ne, {}),
+		/* @__PURE__ */ D(Oe, {}),
+		/* @__PURE__ */ D(Ae, {}),
+		/* @__PURE__ */ D(Se, {}),
+		/* @__PURE__ */ D(De, {}),
+		/* @__PURE__ */ D(We, {})
+	] }), /* @__PURE__ */ D(Qe, { controller: e })] });
+}
+// resources/Player/modules/Drawer/index.tsx
+var et = y(({ controller: e }) => {
+	let t = (() => {
+		let t = e.drawerConfig?.height;
+		return t ? typeof t == "number" ? t + "px" : t : "max-content";
+	})();
+	return /* @__PURE__ */ D("div", {
+		className: v("vreo-drawer", { "vreo-drawer-visible": e.drawerConfig && e.drawerConfig.content }),
+		onClick: () => e.openDrawer(!1),
+		children: /* @__PURE__ */ D("div", {
+			className: "vreo-drawer-inner",
+			style: {
+				height: t,
+				maxHeight: "400px"
+			},
+			children: e.drawerConfig?.content || ""
+		})
+	});
+});
+function tt() {
+	let e = F();
+	return /* @__PURE__ */ D(et, { controller: e });
+}
+// resources/Player/modules/PopUp/index.tsx
+var nt = y(({ controller: e }) => /* @__PURE__ */ D("div", {
+	className: v("vreo-PopUp", { "vreo-PopUp-visible": e.popUp }),
+	onClick: () => e.openPopUp(!1),
+	children: /* @__PURE__ */ D("div", {
+		className: "vreo-PopUp-inner",
+		children: e.popUp || ""
+	})
+}));
+function rt() {
+	let e = F();
+	return /* @__PURE__ */ D(nt, { controller: e });
+}
+// resources/Player/custom/SpatialScenePanel/index.tsx
+var it = ({ five: e, dom: t }) => {
+	let n = new A();
+	e.camera.getWorldDirection(n);
+	let r = e.camera.position, [i] = e.model.intersectRaycaster(new ne(r, n)), a = e.project2d(i.point), o = window.innerWidth > 560, s = t.clientHeight;
+	t.style.left = a.x + "px", t.style.top = a.y - s / 2 + "px";
+	let { left: c, top: l, bottom: u, right: d } = t.getBoundingClientRect(), f = new A(c, u), p = new A(c, l), m = new A(d, l), h = new A(d, u);
+	return {
+		points: [
+			f,
+			h,
+			m,
+			p
+		].map((t) => (t.setX(t.x / window.innerWidth * 2 - (o ? 1.25 : 1.75)), t.setY(-(t.y / window.innerHeight) * 2 + (o ? 1.35 : 1.125)), t.setZ(.5), t.unproject(e.camera).addScaledVector(n, .2))),
+		ratio: f.distanceTo(h) / (o ? 150 : 120)
+	};
+};
+function at(e) {
+	let t = l.useRef(null), n = l.useRef(null), r = l.useRef(null), i = l.useRef(c(e.five));
+	return l.useEffect(() => {
+		if (!n.current) return;
+		let o = (a) => {
+			if (a.data.customType !== "SpatialScenePanel") return;
+			let o = a.data, { points: s, ratio: c } = it({
+				five: e.five,
+				dom: n.current
+			}), { container: l, dispose: u, css3DObject: d, render: f } = i.current.create3DDomContainer(s, {
+				ratio: c,
+				autoRender: !1
+			}) || {};
+			if (Object.assign(window, { $css3DObject: d }), !l) return;
+			h(l).render(/* @__PURE__ */ D(st, {
+				ref: (e) => {
+					r.current = e;
+				},
+				data: o
+			}));
+			let p = -(Math.PI * 2) / 9, m = 0;
+			W(1e3).onUpdate(({ progress: e }) => {
+				let t = Math.PI / 90 * 11 * e, n = t - m;
+				d?.rotateY(n), m = t;
+			}).onStart(() => {
+				d?.rotateY(p), f();
+			}).onDispose(() => {
+				r.current?.classList.add("show");
+			}).play();
+			let { start: g, end: _ } = a;
+			t.current = setTimeout(() => {
+				r.current?.classList.add("hide"), t.current = setTimeout(() => {
+					u?.(), t.current = null;
+				}, 1500);
+			}, _ - g);
+		};
+		return Object.assign(window, { $callback: o }), e.subscribe.on(a.Custom, o), () => {
+			e.subscribe.off(a.Custom, o), t.current && clearTimeout(t.current);
+		};
+	}, []), /* @__PURE__ */ D("div", {
+		className: "vreo-SpatialScenePanel",
+		ref: n
+	});
+}
+function ot() {
+	let e = l.useRef(null), t = l.useRef(null);
+	return l.useEffect(() => {
+		if (!e.current) return;
+		let n = () => {
+			e.current?.setAttribute("class", "SpatialScenePanel-bg"), t.current = setTimeout(() => {
+				e.current?.setAttribute("class", "SpatialScenePanel-bg SpatialScenePanel-bg--animation"), t.current = null;
+			}, 3e3);
+		};
+		return e.current.addEventListener("animationend", n), () => {
+			e.current && e.current.removeEventListener("animationend", n), t.current && clearTimeout(t.current);
+		};
+	}, []), /* @__PURE__ */ D("div", {
+		ref: e,
+		className: "SpatialScenePanel-bg SpatialScenePanel-bg--animation"
+	});
+}
+var st = l.forwardRef((e, t) => /* @__PURE__ */ O("div", {
+	className: "SpatialScenePanel",
+	ref: t,
+	children: [/* @__PURE__ */ O("div", {
+		className: "SpatialScenePanel-show-area",
+		children: [
+			/* @__PURE__ */ D(ot, {}),
+			/* @__PURE__ */ O("div", {
+				className: "SpatialScenePanel-header",
+				children: [/* @__PURE__ */ D("div", {
+					className: "SpatialScenePanel-title",
+					children: e.data?.title
+				}), /* @__PURE__ */ O("div", {
+					className: "SpatialScenePanel-temperature",
+					children: [e.data?.temperature, "℃"]
+				})]
+			}),
+			/* @__PURE__ */ D("div", {
+				className: "SpatialScenePanel-body",
+				children: e.data?.stateList?.map((e, t) => /* @__PURE__ */ O("div", {
+					className: `SpatialScenePanel-item index_${t}`,
+					children: [
+						/* @__PURE__ */ D("img", {
+							className: "SpatialScenePanel-icon",
+							src: e.icon,
+							alt: `${e.text}`
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "SpatialScenePanel-text",
+							children: e.text
+						}),
+						/* @__PURE__ */ D("div", { className: "SpatialScenePanel-dot" })
+					]
+				}, `scene-${e.text}`))
+			})
+		]
+	}), /* @__PURE__ */ D("div", { className: "SpatialScenePanel-disappear-area" })]
+})), ct = 3, $ = "vreo-app-dhjskadhksahdjskahdjksa";
+function lt() {
+	return typeof location > "u" ? ct : Number(location.search.match(/audio_cache=(\d+)/)?.[1] ?? ct);
+}
+var ut = class extends g {
+	$five;
+	controller;
+	root;
+	disposers = [];
+	loadGeneration = 0;
+	disposed = !1;
+	getMediaManager() {
+		return this.controller.playback.capture()?.mediaManager;
+	}
+	configs;
+	constructor(e, t = {}) {
+		if (super(), this.$five = e, He(lt()), t.container ||= t.containter, !t.container) {
+			let n = document.getElementById($);
+			n && n.remove();
+			let r = document.createElement("div");
+			r.id = $, t.container = r;
+			let i = e.getElement()?.parentNode;
+			i ? i.append(r) : document.body.append(r);
+		}
+		t.container.classList.contains("vreo-app") || t.container.classList.add("vreo-app"), this.configs = Object.freeze(Object.assign({ keyframeMap: {} }, t)), this.controller = new _e({
+			five: e,
+			container: t.container,
+			configs: this.configs
+		}), this.root = h(t.container), this.root.render(/* @__PURE__ */ O(P.Provider, {
+			value: this.controller,
+			children: [
+				/* @__PURE__ */ D($e, {}),
+				/* @__PURE__ */ D(tt, {}),
+				/* @__PURE__ */ D(rt, {}),
+				this.configs.customKeyframes && this.configs.customKeyframes.map((t, n) => /* @__PURE__ */ D(t, {
+					subscribe: {
+						on: (e, t) => this.on(e, t),
+						once: (e, t) => this.once(e, t),
+						off: (e, t) => this.off(e, t)
+					},
+					five: e,
+					getMediaManager: () => this.getMediaManager()
+				}, n))
+			]
+		})), this.disposers.push(w(() => this.controller.ended, (e) => {
+			e && this.emit("paused", !0);
+		})), this.disposers.push(w(() => this.controller.playing, (e) => {
+			this.controller.ended || this.emit(e ? "playing" : "paused");
+		}));
+	}
+	async load(e, t = 0, n = !1, r = !1, i = !1) {
+		let o = ++this.loadGeneration;
+		if (this.controller.playback.cancel(), this.disposed || !this.controller.playback.begin(i)) return !1;
+		let s = this.controller.playback.capture(), c = () => s.valid();
+		try {
+			if (this.controller.clear(), this.controller.setLoading(!0), r && (e = JSON.parse(JSON.stringify(e))), this.controller.stopInterval && (this.controller.stopInterval(), this.controller.stopInterval = void 0), this.controller.vreoUnit = e, this.controller.loadTimeline(e.keyframes), this.controller.videoAgentScene?.videoAgentMesh.mediaOperations?.pause(), this.$five.imageOptions.size && this.configs.imageOptions?.size && this.$five.imageOptions.size > this.configs.imageOptions.size && (this.$five.imageOptions.size = this.configs.imageOptions.size), n || n === void 0 && this.configs.autoPreload) {
+				let t = e.keyframes.filter((e) => e.type === a.CameraMovement && e.data.panoIndex !== void 0).reduce((e, t) => {
+					let n = t.data.panoIndex;
+					return e[n] || (e[n] = !0), e;
+				}, {}), n = Object.keys(t);
+				for (let e = 0; e < n.length; e++) if (await this.$five.preloadPano(Number(n[e])), !c() || o !== this.loadGeneration) return !1;
+			}
+			return this.emit("loaded", e), this.controller.emit("loaded", e), !c() || o !== this.loadGeneration || (this.controller.videoAgentScene?.videoAgentMesh.mediaOperations && (this.controller.videoAgentScene.videoAgentMesh.mediaOperations.currentTime = t / 1e3), this.controller.setAvatar(e.video.avatar), await Ve(), !c() || o !== this.loadGeneration) || (await this.controller.videoAgentScene?.videoAgentMesh.play(e.video.url, t / 1e3, e.video.duration), !c() || o !== this.loadGeneration) ? !1 : (this.controller.setEnded(!1), this.play(void 0, i), this.controller.run((e, t) => this.emit(e, t, this.controller.currentTime)), this.controller.setLoading(!1), !0);
+		} catch (e) {
+			if (!c()) return !1;
+			throw this.controller.playback.cancel(), e;
+		} finally {
+			o === this.loadGeneration && this.controller.setLoading(!1);
+		}
+	}
+	get paused() {
+		return !this.controller.playing;
+	}
+	play(e, t = !1) {
+		if (this.disposed || !this.controller.playback.begin(t)) return !1;
+		if (e !== void 0) {
+			let t = this.controller.videoAgentScene?.videoAgentMesh.mediaOperations;
+			t && (t.currentTime = e / 1e3), this.controller.seekTimeline(e);
+		}
+		return this.controller.playing || (typeof window < "u" && Object.assign(window, { $vreoController: this.controller }), this.controller.setEnded(!1), this.controller.setPlaying(!0), this.controller.vreoUnit?.keyframes.forEach((e) => {
+			e.type === a.BgMusic && this.controller.resetTimeline(a.BgMusic);
+		})), !0;
+	}
+	setAppearance(e) {
+		this.controller.setAppearance(e);
+	}
+	pause() {
+		++this.loadGeneration, this.controller.playback.cancel(), this.controller.setLoading(!1);
+	}
+	show() {
+		this.controller.setVisible(!0);
+	}
+	hide() {
+		this.controller.setVisible(!1);
+	}
+	getCurrentTime() {
+		return this.controller.currentTime;
+	}
+	dispose() {
+		this.disposed || (this.disposed = !0, ++this.loadGeneration, this.disposers.splice(0).forEach((e) => e()), this.controller.dispose(), queueMicrotask(() => this.root.unmount()));
+	}
+};
+console.log("\n    ┏━━━┓━━━━━━━━━┏┓━━━━━━━━━━━━━\n    ┃┏━┓┃━━━━━━━━━┃┃━━━━━━━━━━━━━\n    ┃┗━┛┃┏━━┓┏━━┓━┃┃━┏━━┓┏━━┓┏━━┓\n    ┃┏┓┏┛┃┏┓┃┗━┓┃━┃┃━┃━━┫┃┏┓┃┃┏┓┃\n    ┃┃┃┗┓┃┃━┫┃┗┛┗┓┃┗┓┣━━┃┃┃━┫┃┃━┫\n    ┗┛┗━┛┗━━┛┗━━━┛┗━┛┗━━┛┗━━┛┗━━┛\n    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n");
+export { at as n, ut as t };
+
+//# sourceMappingURL=Player-BzRqdH4q.js.map