@realsee/dnalogel 3.81.13 → 4.0.0-webgpu.3

package/dist/internal/model-tv-video-DzXb2JRf.js

@@ -0,0 +1,213 @@
+import { t as e } from "./CSS3DRenderPlugin-ccSpcvwd.js";
+import { t } from "./loadVideoTexture-CWoiMWRg.js";
+import { i as n } from "./Icon-8d4DFYTH.js";
+import * as r from "three/webgpu";
+//#region src/ModelTVVideoPlugin/typings.ts
+var i = /* @__PURE__ */ function(e) {
+	return e.TOP_LEFT = "topLeft", e.TOP_RIGHT = "topRight", e.BOTTOM_LEFT = "bottomLeft", e.BOTTOM_RIGHT = "bottomRight", e;
+}({});
+//#endregion
+//#region src/ModelTVVideoPlugin/utils/parseData.ts
+function a(e) {
+	if (e.length === 0) return [];
+	if (Array.isArray(e[0])) return e;
+	let t = [];
+	return e.forEach((e) => {
+		let n = [
+			e[i.TOP_LEFT],
+			e[i.BOTTOM_LEFT],
+			e[i.BOTTOM_RIGHT],
+			e[i.TOP_RIGHT]
+		];
+		t.push(n);
+	}), t;
+}
+//#endregion
+//#region src/ModelTVVideoPlugin/Plugin.ts
+var o = (i, { videoElement: o, mediaManager: s }) => {
+	let c = {
+		videoMeshes: [],
+		videoTextureEnabled: !1,
+		videoSource: "",
+		rectPoints: [],
+		enabled: !1,
+		videoElement: o
+	}, l = 0, u, d, f = 0, p, m = s?.createController({
+		label: "model-tv",
+		onCancel: () => {
+			f++, p = void 0;
+		}
+	}), h = () => {
+		m?.cancel(), f++, p = void 0, c.videoTexture && (c.videoTexture.image.muted = !0, c.videoTexture.image.pause());
+	}, g = async (e = !1, t = !1) => {
+		if (!c.videoTexture) return;
+		let n = m?.begin({
+			userAction: e,
+			audible: !t
+		});
+		if (m && !n) return;
+		p = n;
+		let r = ++f, i = c.videoTexture.image, a = n?.bind(i) ?? i;
+		a.muted = t;
+		try {
+			await a.play();
+		} catch (e) {
+			if (n?.signal.aborted || r !== f || n !== p) return;
+			if (e.name === "AbortError") {
+				h();
+				return;
+			}
+			throw h(), e;
+		}
+	}, _ = e(i), v = /* @__PURE__ */ new Map(), y = (e, t = !1) => {
+		if (!c.videoTexture) return;
+		if (!e) {
+			if (!c.videoTexture.image.paused) return g(t);
+			let e = m?.begin({
+				userAction: t,
+				audible: !0
+			});
+			if (m && !e) return;
+			p = e;
+		}
+		let n = c.videoTexture.image, r = p?.bind(n) ?? n;
+		r.muted = e;
+	}, b = () => !c.videoTexture || c.videoTexture.image.muted, x = () => {
+		if (c.enabled || !c.videoTexture) return;
+		c.enabled = !0, c.videoMeshes = C(), c.videoMeshes.forEach((e) => i.scene.add(e));
+		let e = () => {
+			if (!c.enabled || !c.videoTexture) return;
+			let e = () => {
+				c.videoTexture && (c.videoTexture?.image.removeEventListener("timeupdate", e), c.videoTextureEnabled = !0, c.videoMeshes.forEach((e) => {
+					e.material.map !== c.videoTexture && (e.material.map = c.videoTexture);
+				}), i.needsRender = !0);
+			};
+			c.videoTexture.image.addEventListener("timeupdate", e), c.videoTexture && c.videoMeshes.length && (g(!1, c.videoTexture.image.muted), c.videoTexture.image.onplay = () => {
+				_.hide();
+			}, c.videoTexture.image.onpause = () => {
+				_.show();
+			}, c.videoTexture.image.onclick = () => {
+				g(!0);
+			});
+		};
+		if (i.model.loaded) e();
+		else return i.once("modelLoaded", () => e());
+	}, S = () => {
+		l++, u?.abort(), h(), c.enabled && (c.enabled = !1, c.videoMeshes.forEach((e) => {
+			e.geometry.dispose(), e.material.dispose(), i.scene.remove(e), c.videoTexture && c.videoTexture.image.pause();
+		}), c.videoMeshes = [], i.needsRender = !0);
+	}, C = () => c.rectPoints.map((e, t) => {
+		let i = new r.BufferGeometry(), a = [];
+		a.push(...e[0].toArray());
+		for (let t = 1; t < 128; t++) a.push(e[0].x + (e[1].x - e[0].x) * t / 128, e[0].y + (e[1].y - e[0].y) * t / 128, e[0].z + (e[1].z - e[0].z) * t / 128);
+		a.push(...e[1].toArray()), a.push(...e[2].toArray());
+		for (let t = 1; t < 128; t++) a.push(e[2].x + (e[3].x - e[2].x) * t / 128, e[2].y + (e[3].y - e[2].y) * t / 128, e[2].z + (e[3].z - e[2].z) * t / 128);
+		a.push(...e[3].toArray());
+		let o = [];
+		o.push(0, 1);
+		for (let e = 1; e < 128; e++) o.push(0, 1 - e / 128);
+		o.push(0, 0), o.push(1, 0);
+		for (let e = 1; e < 128; e++) o.push(1, e / 128);
+		o.push(1, 1);
+		let s = [];
+		for (let e = 0; e < 128; e++) s.push(e, e + 1, 256 - e, e, 256 - e, 257 - e);
+		i.setAttribute("position", new r.BufferAttribute(new Float32Array(a), 3)), i.setAttribute("uv", new r.BufferAttribute(new Float32Array(o), 2)), i.setIndex(new r.BufferAttribute(new Uint32Array(s), 1));
+		let l = new r.MeshBasicMaterial({
+			map: c.videoTextureEnabled ? c.videoTexture : c.imageTexture,
+			side: r.DoubleSide
+		}), u = new r.Mesh(i, l);
+		u.renderOrder = 1, u.name = `ModelTVVideoPlugin-${t}-${performance.now()}`;
+		let d = [
+			e[1],
+			e[2],
+			e[3],
+			e[0]
+		], f = _.create3DDomContainer(d);
+		if (f?.container) {
+			let e = document.createElement("div");
+			e.classList.add("play-icon"), e.style.width = "100%", e.style.height = "100%", e.style.display = "flex", e.style.justifyContent = "center", e.style.alignItems = "center", e.style.pointerEvents = "none", f.container.appendChild(e);
+			let t = document.createElement("img");
+			t.src = n, t.style.width = "200px", t.style.pointerEvents = "auto", t.onclick = () => {
+				g(!0);
+			}, e.appendChild(t), v.set(u, f);
+		}
+		return u;
+	}), w = (e) => {
+		let t = new r.TextureLoader().load(e);
+		return t.minFilter = r.LinearFilter, t.magFilter = r.LinearFilter, t.colorSpace = r.SRGBColorSpace, t;
+	}, T = (e, n) => {
+		let i = n;
+		return new Promise((n, a) => {
+			let o = new XMLHttpRequest();
+			u?.abort(), u = o, o.onreadystatechange = () => {
+				if (o.readyState === 4) {
+					if (o.status === 200) {
+						let a = window.URL || window.webkitURL;
+						i ||= document.createElement("video"), i.crossOrigin = "anonymous", i.muted = !0, i.loop = !0, i.playsInline = !0, d && URL.revokeObjectURL(d), d = a.createObjectURL(o.response), i.src = d;
+						let s = t(i);
+						s.minFilter = r.LinearFilter, s.magFilter = r.LinearFilter, n(Object.assign(s, { videoSource: e }));
+					} else a(/* @__PURE__ */ Error("Video download Error: " + o.status));
+				}
+			}, o.onerror = (e) => a(e), o.onabort = () => a(new DOMException("Video load canceled", "AbortError")), o.open("GET", e), o.responseType = "blob", o.send();
+		});
+	}, E = async (e, t) => {
+		let n = ++l;
+		h();
+		let { video_src: i, video_poster_src: o, points: s } = e;
+		c.videoSource = i, c.rectPoints = a(s).map((e) => e.map(({ x: e, y: t, z: n }) => new r.Vector3(e, t, n))), c.imageTexture = w(o), t && (c.videoElement = t);
+		let u;
+		try {
+			u = await T(c.videoSource, c.videoElement);
+		} catch (e) {
+			if (n !== l) return;
+			throw e;
+		}
+		n === l ? (c.videoTexture = u, c.enabled = !1, e.enable && x()) : u.dispose();
+	}, D = (e) => {
+		if (!c.enabled) return;
+		let t = c.videoMeshes;
+		if (t && e.intersectObjects(t).length !== 0) return c.videoTexture && (c.videoTexture.image.paused || h()), !1;
+	}, O = (e) => {
+		e === "Floorplan" ? _.hide() : _.show();
+	}, k = () => {
+		if (!c.enabled) return;
+		let e = i.camera.position;
+		if (v.forEach((t, n) => {
+			let a = t.css3DObject.position.clone(), o = a.clone().sub(e).normalize(), s = new r.Raycaster(e, o), c = i.model.intersectRaycaster(s)[0], l = a.distanceTo(e);
+			c && c.distance + .01 < l ? t.hide() : t.show();
+		}), !b()) {
+			let t = c.rectPoints.find((t) => {
+				let n = t[0].clone().add(t[1]).add(t[2]).add(t[3]).divideScalar(4);
+				return t.map((e) => e.clone().add(n).divideScalar(2)).filter((t) => {
+					let n = t.distanceTo(e), a = new r.Raycaster(e, t.clone().sub(e).normalize()), o = i.model.intersectRaycaster(a)[0];
+					return !(o && o.distance + .01 < n);
+				}).length >= 2;
+			});
+			(!t || t.length === 0) && y(!0);
+		}
+	};
+	return i.on("modeChange", O), i.on("wantsTapGesture", D), i.on("panoArrived", k), i.on("renderFrame", () => {
+		c.videoMeshes.forEach((e) => {
+			e && (e.needsRender = !0);
+		});
+	}), {
+		enable: x,
+		disable: S,
+		load: E,
+		dispose: () => {
+			S(), h(), m?.dispose(), d && URL.revokeObjectURL(d), c.videoTexture?.dispose(), c.videoTexture = void 0, i.off("modeChange", O), i.off("wantsTapGesture", D), i.off("panoArrived", k), i.off("renderFrame", () => {
+				c.videoMeshes.forEach((e) => {
+					e && (e.needsRender = !0);
+				});
+			});
+		},
+		state: c,
+		css3DRenderPlugin: _,
+		setMuted: y,
+		getMuted: b
+	};
+};
+//#endregion
+export { i as n, o as t };
+
+//# sourceMappingURL=model-tv-video-DzXb2JRf.js.map

package/dist/internal/model-tv-video-DzXb2JRf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-tv-video-DzXb2JRf.js","names":["CSS3DRenderPlugin","Image_Play_Icon_With_Text","THREE","DIRECTION","\"TOP_LEFT\"","\"TOP_RIGHT\"","\"BOTTOM_LEFT\"","\"BOTTOM_RIGHT\"","parseModelTVVideoPoints","points","newPoints","newPoint","point","ModelTVVideoPlugin","state","loadGeneration","pendingXHR","objectURL","playbackGeneration","session","playbackController","mediaManager","cancelPlayback","playAudible","next","muted","generation","video","operations","error","css3DRenderPlugin","five","playIconMap","setMuted","userAction","getMuted","enable","createPanoVideoMeshes","mesh","play","timeupdate","disable","geometry","verticesArray","i","uvArray","indicesArray","material","index","pointsForCss3DRender","dom3DContainer","playIcon","playIconImg","getImageTexture","texture","source","getVideoTexture","_video","xhr","url","createVideoTexture","resolve","reject","load","data","video_src","items","x","y","z","video_poster_src","videoElement","fiveWantsTapGesturehandler","targetMesh","raycaster","fiveModeChangeHandler","mode","fivePanoArrivedhandler","cameraPosition","center","vector","intersection","distance","visible","centerVector","meshes"],"sources":["../../src/ModelTVVideoPlugin/typings.ts","../../src/ModelTVVideoPlugin/utils/parseData.ts","../../src/ModelTVVideoPlugin/Plugin.ts"],"sourcesContent":["import type { PlaybackManager } from '../shared-utils/playback'\nexport interface ModelTVVideoPluginParameterType {\n  mediaManager?: PlaybackManager\n  videoElement?: HTMLVideoElement\n}\n\nexport enum DIRECTION {\n  TOP_LEFT = 'topLeft',\n  TOP_RIGHT = 'topRight',\n  BOTTOM_LEFT = 'bottomLeft',\n  BOTTOM_RIGHT = 'bottomRight',\n}\n\nexport interface Point {\n  x: number\n  y: number\n  z: number\n}\n\nexport interface ModelTVVideoPluginData {\n  enable?: boolean\n  video_src: string\n  video_poster_src: string\n  points: Point[][] | Record<DIRECTION, Point>[]\n}\n\n// export interface ModelTVVideoPluginInnerData {\n//     enable?: boolean\n//     video_src: string\n//     video_poster_src: string\n//     points: Point[][]\n// }\n\nexport interface ModelTVVideoPluginExportType {\n  enable: () => void\n  disable: () => void\n  load: (data: ModelTVVideoPluginData, videoElement?: HTMLVideoElement) => Promise<void>\n}\n","import type { Point } from '../typings'\nimport { DIRECTION } from '../typings'\n\nexport function parseModelTVVideoPoints(points: Point[][] | Record<DIRECTION, Point>[]): Point[][] {\n  if (points.length === 0) return []\n  if (Array.isArray(points[0])) return points as Point[][]\n  let newPoints: Point[][] = []\n  points.forEach((point) => {\n    const newPoint: Point[] = [\n      point[DIRECTION.TOP_LEFT],\n      point[DIRECTION.BOTTOM_LEFT],\n      point[DIRECTION.BOTTOM_RIGHT],\n      point[DIRECTION.TOP_RIGHT],\n    ]\n    newPoints.push(newPoint)\n  })\n\n  return newPoints\n}\n","import { createVideoTexture } from '../shared-utils/three/loadVideoTexture'\nimport type { PlaybackSession } from '../shared-utils/playback'\nimport type { FivePlugin, Mode } from '@realsee/five-webgpu'\nimport type { ModelTVVideoPluginData, ModelTVVideoPluginExportType, ModelTVVideoPluginParameterType } from './typings'\nimport type { Create3DDomContainerReturnType } from '../CSS3DRenderPlugin'\nimport * as THREE from 'three/webgpu'\nimport { parseModelTVVideoPoints } from './utils/parseData'\nimport CSS3DRenderPlugin from '../CSS3DRenderPlugin'\nimport { Image_Play_Icon_With_Text } from '../PanoTagPlugin/Assets/Icon'\n\ntype ModelTVVideoPluginPoints = THREE.Vector3[][]\n\ninterface ModelTVVideoPluginState {\n  videoMeshes: THREE.Mesh<THREE.BufferGeometry, THREE.MeshBasicMaterial>[]\n  videoTextureEnabled: boolean\n  videoSource: string\n  rectPoints: ModelTVVideoPluginPoints\n  enabled: boolean\n  imageTexture?: THREE.Texture\n  videoTexture?: THREE.VideoTexture\n  videoElement?: HTMLVideoElement\n}\n\nexport const ModelTVVideoPlugin: FivePlugin<ModelTVVideoPluginParameterType, ModelTVVideoPluginExportType> = (five, { videoElement, mediaManager }) => {\n  const state: ModelTVVideoPluginState = {\n    videoMeshes: [],\n    videoTextureEnabled: false,\n    videoSource: '',\n    rectPoints: [],\n    enabled: false,\n    videoElement: videoElement,\n  }\n\n  let loadGeneration = 0\n  let pendingXHR: XMLHttpRequest | undefined\n  let objectURL: string | undefined\n  let playbackGeneration = 0\n  let session: PlaybackSession | undefined\n  const playbackController = mediaManager?.createController({ label: 'model-tv', onCancel: () => { playbackGeneration++; session = undefined } })\n  const cancelPlayback = () => {\n    playbackController?.cancel()\n    playbackGeneration++\n    session = undefined\n    if (state.videoTexture) { state.videoTexture.image.muted = true; state.videoTexture.image.pause() }\n  }\n  const playAudible = async (userAction = false, muted = false) => {\n    if (!state.videoTexture) return\n    const next = playbackController?.begin({ userAction, audible: !muted })\n    if (playbackController && !next) return\n    session = next\n    const generation = ++playbackGeneration\n    const video = state.videoTexture.image as HTMLVideoElement\n    const operations = next?.bind(video) ?? video\n    operations.muted = muted\n    try { await operations.play() } catch (error) {\n      if (next?.signal.aborted || generation !== playbackGeneration || next !== session) return\n      if ((error as Error).name === 'AbortError') { cancelPlayback(); return }\n      cancelPlayback()\n      throw error\n    }\n  }\n  const css3DRenderPlugin = CSS3DRenderPlugin(five)\n\n  const playIconMap = new Map<(typeof state)['videoMeshes'][number], Create3DDomContainerReturnType>()\n\n  const setMuted = (muted: boolean, userAction = false) => {\n    if (!state.videoTexture) return\n    if (!muted) {\n      if (!state.videoTexture.image.paused) return playAudible(userAction)\n      const next = playbackController?.begin({ userAction, audible: true })\n      if (playbackController && !next) return\n      session = next\n    }\n    const video = state.videoTexture.image as HTMLVideoElement\n    const operations = session?.bind(video) ?? video\n    operations.muted = muted\n  }\n  const getMuted = () => {\n    if (state.videoTexture) return state.videoTexture.image.muted\n    else return true\n  }\n\n  const enable = () => {\n    if (state.enabled) return\n    if (!state.videoTexture) return\n\n    state.enabled = true\n    state.videoMeshes = createPanoVideoMeshes()\n    state.videoMeshes.forEach((mesh) => five.scene.add(mesh))\n\n    const play = () => {\n      if (!state.enabled || !state.videoTexture) return\n\n      const timeupdate = () => {\n        if (!state.videoTexture) return\n        state.videoTexture?.image.removeEventListener('timeupdate', timeupdate)\n        state.videoTextureEnabled = true\n        state.videoMeshes.forEach((mesh) => {\n          if (mesh.material.map !== state.videoTexture) mesh.material.map = state.videoTexture!\n        })\n        five.needsRender = true\n      }\n      state.videoTexture.image.addEventListener('timeupdate', timeupdate)\n      if (state.videoTexture && state.videoMeshes.length) {\n        void playAudible(false, state.videoTexture.image.muted)\n        state.videoTexture.image.onplay = () => {\n          css3DRenderPlugin.hide()\n        }\n        state.videoTexture.image.onpause = () => {\n          css3DRenderPlugin.show()\n        }\n        state.videoTexture.image.onclick = () => {\n          playAudible(true)\n        }\n      }\n    }\n\n    if (five.model.loaded) play()\n    else {\n      return five.once('modelLoaded', () => play())\n    }\n  }\n\n  const disable = () => {\n    loadGeneration++\n    pendingXHR?.abort()\n    cancelPlayback()\n    if (!state.enabled) return\n    state.enabled = false\n    state.videoMeshes.forEach((mesh) => {\n      mesh.geometry.dispose()\n      mesh.material.dispose()\n      five.scene.remove(mesh)\n      if (state.videoTexture) state.videoTexture.image.pause()\n    })\n    state.videoMeshes = []\n    five.needsRender = true\n  }\n\n  const createPanoVideoMeshes = () => {\n    return state.rectPoints.map((points, index) => {\n      const geometry = new THREE.BufferGeometry()\n      const segments = 128\n\n      const verticesArray = []\n      verticesArray.push(...points[0].toArray())\n      for (let i = 1; i < segments; i++) {\n        verticesArray.push(\n          points[0].x + ((points[1].x - points[0].x) * i) / segments,\n          points[0].y + ((points[1].y - points[0].y) * i) / segments,\n          points[0].z + ((points[1].z - points[0].z) * i) / segments,\n        )\n      }\n      verticesArray.push(...points[1].toArray())\n      verticesArray.push(...points[2].toArray())\n      for (let i = 1; i < segments; i++) {\n        verticesArray.push(\n          points[2].x + ((points[3].x - points[2].x) * i) / segments,\n          points[2].y + ((points[3].y - points[2].y) * i) / segments,\n          points[2].z + ((points[3].z - points[2].z) * i) / segments,\n        )\n      }\n      verticesArray.push(...points[3].toArray())\n\n      const uvArray = []\n      uvArray.push(0, 1)\n      for (let i = 1; i < segments; i++) {\n        uvArray.push(0, 1 - i / segments)\n      }\n      uvArray.push(0, 0)\n      uvArray.push(1, 0)\n      for (let i = 1; i < segments; i++) {\n        uvArray.push(1, i / segments)\n      }\n      uvArray.push(1, 1)\n\n      const indicesArray = []\n      for (let i = 0; i < segments; i++) {\n        indicesArray.push(i, i + 1, segments * 2 - i, i, segments * 2 - i, segments * 2 + 1 - i)\n      }\n      geometry.setAttribute('position', new THREE.BufferAttribute(new Float32Array(verticesArray), 3))\n      geometry.setAttribute('uv', new THREE.BufferAttribute(new Float32Array(uvArray), 2))\n      geometry.setIndex(new THREE.BufferAttribute(new Uint32Array(indicesArray), 1))\n\n      const material = new THREE.MeshBasicMaterial({\n        map: state.videoTextureEnabled ? state.videoTexture : state.imageTexture,\n        side: THREE.DoubleSide,\n      })\n      const mesh = new THREE.Mesh(geometry, material)\n      mesh.renderOrder = 1\n      mesh.name = `ModelTVVideoPlugin-${index}-${performance.now()}`\n\n      const pointsForCss3DRender = [points[1], points[2], points[3], points[0]] // omg, 顺序竟然不一样\n\n      // create play icon\n      const dom3DContainer = css3DRenderPlugin.create3DDomContainer(pointsForCss3DRender)\n      if (dom3DContainer?.container) {\n        const playIcon = document.createElement('div')\n        playIcon.classList.add('play-icon')\n        playIcon.style.width = '100%'\n        playIcon.style.height = '100%'\n        playIcon.style.display = 'flex'\n        playIcon.style.justifyContent = 'center'\n        playIcon.style.alignItems = 'center'\n        playIcon.style.pointerEvents = 'none'\n        dom3DContainer.container.appendChild(playIcon)\n\n        const playIconImg = document.createElement('img')\n        playIconImg.src = Image_Play_Icon_With_Text\n        playIconImg.style.width = '200px'\n        playIconImg.style.pointerEvents = 'auto'\n        playIconImg.onclick = () => {\n          playAudible(true)\n        }\n        playIcon.appendChild(playIconImg)\n        playIconMap.set(mesh, dom3DContainer)\n      }\n      return mesh\n    })\n  }\n\n  const getImageTexture = (source: string) => {\n    const texture = new THREE.TextureLoader().load(source)\n    texture.minFilter = THREE.LinearFilter\n    texture.magFilter = THREE.LinearFilter\n    texture.colorSpace = THREE.SRGBColorSpace\n    return texture\n  }\n\n  const getVideoTexture = (source: string, _video?: HTMLVideoElement): Promise<THREE.VideoTexture & { videoSource: string }> => {\n    let video = _video\n    return new Promise((resolve, reject) => {\n      const xhr = new XMLHttpRequest()\n      pendingXHR?.abort()\n      pendingXHR = xhr\n      xhr.onreadystatechange = () => {\n        if (xhr.readyState === 4) {\n          if (xhr.status === 200) {\n            const url = window.URL || window.webkitURL\n            video = video || document.createElement('video')\n            video.crossOrigin = 'anonymous'\n            // video.autoplay = true\n            video.muted = true\n            video.loop = true\n            video.playsInline = true\n            if (objectURL) URL.revokeObjectURL(objectURL)\n            objectURL = url.createObjectURL(xhr.response)\n            video.src = objectURL\n            const texture = createVideoTexture(video)\n            texture.minFilter = THREE.LinearFilter\n            texture.magFilter = THREE.LinearFilter\n                    resolve(Object.assign(texture, { videoSource: source }))\n          } else {\n            reject(new Error('Video download Error: ' + xhr.status))\n          }\n        }\n      }\n      xhr.onerror = (error) => reject(error)\n      xhr.onabort = () => reject(new DOMException('Video load canceled', 'AbortError'))\n      xhr.open('GET', source)\n      xhr.responseType = 'blob'\n      xhr.send()\n    })\n  }\n\n  const load = async (data: ModelTVVideoPluginData, videoElement?: HTMLVideoElement) => {\n    const generation = ++loadGeneration\n    cancelPlayback()\n    const { video_src, video_poster_src, points } = data\n    state.videoSource = video_src\n    // TODO 存疑，先处理多一次遍历 o(2n)\n    state.rectPoints = parseModelTVVideoPoints(points).map((items) => items.map(({ x, y, z }) => new THREE.Vector3(x, y, z)))\n    state.imageTexture = getImageTexture(video_poster_src)\n\n    if (videoElement) {\n      state.videoElement = videoElement\n    }\n\n    let texture: THREE.VideoTexture & { videoSource: string }\n    try { texture = await getVideoTexture(state.videoSource, state.videoElement) }\n    catch (error) { if (generation !== loadGeneration) return; throw error }\n    if (generation !== loadGeneration) { texture.dispose(); return }\n    state.videoTexture = texture\n    state.enabled = false\n    if (data.enable) enable()\n  }\n\n  const fiveWantsTapGesturehandler = (raycaster): false | void => {\n    if (!state.enabled) return\n    const targetMesh = state.videoMeshes\n    if (!targetMesh) return\n    const intersectObjects = raycaster.intersectObjects(targetMesh)\n    if (intersectObjects.length === 0) return\n    if (state.videoTexture) {\n      if (!state.videoTexture.image.paused) {\n        cancelPlayback()\n      }\n    }\n    return false\n  }\n\n  const fiveModeChangeHandler = (mode: Mode) => {\n    if (mode === 'Floorplan') {\n      css3DRenderPlugin.hide()\n    } else {\n      css3DRenderPlugin.show()\n    }\n  }\n\n  const fivePanoArrivedhandler = () => {\n    if (!state.enabled) return\n    const cameraPosition = five.camera.position\n    playIconMap.forEach((dom3DContainer, mesh) => {\n      const center = dom3DContainer.css3DObject.position.clone()\n      const vector = center.clone().sub(cameraPosition).normalize()\n      const raycaster = new THREE.Raycaster(cameraPosition, vector)\n      const intersection = five.model.intersectRaycaster(raycaster)[0]\n      const distance = center.distanceTo(cameraPosition)\n      const distanceError = 0.01\n      if (intersection && intersection.distance + distanceError < distance) {\n        // 不可见\n        dom3DContainer.hide()\n      } else {\n        // 可见\n        dom3DContainer.show()\n      }\n    })\n    if (!getMuted()) {\n      const visible = state.rectPoints.find((points) => {\n        const centerVector = points[0].clone().add(points[1]).add(points[2]).add(points[3]).divideScalar(4)\n        return (\n          points\n            .map((point) => point.clone().add(centerVector).divideScalar(2))\n            .filter((vector) => {\n              const distance = vector.distanceTo(cameraPosition)\n              const raycaster = new THREE.Raycaster(cameraPosition, vector.clone().sub(cameraPosition).normalize())\n              const intersection = five.model.intersectRaycaster(raycaster)[0]\n              const distanceError = 0.01\n              if (intersection && intersection.distance + distanceError < distance) {\n                return false\n              } else {\n                return true\n              }\n            }).length >= 2\n        )\n      })\n      if (!visible || visible.length === 0) setMuted(true)\n    }\n  }\n\n  const dispose = () => {\n    disable()\n    cancelPlayback(); playbackController?.dispose()\n    if (objectURL) URL.revokeObjectURL(objectURL)\n    state.videoTexture?.dispose()\n    state.videoTexture = undefined\n    five.off('modeChange', fiveModeChangeHandler)\n    five.off('wantsTapGesture', fiveWantsTapGesturehandler)\n    five.off('panoArrived', fivePanoArrivedhandler)\n    five.off('renderFrame', () => {\n      state.videoMeshes.forEach((meshes) => {\n        if (meshes)\n          // @ts-ignore\n          meshes.needsRender = true\n      })\n    })\n  }\n\n  five.on('modeChange', fiveModeChangeHandler)\n\n  five.on('wantsTapGesture', fiveWantsTapGesturehandler)\n\n  five.on('panoArrived', fivePanoArrivedhandler)\n\n  five.on('renderFrame', () => {\n    state.videoMeshes.forEach((meshes) => {\n      if (meshes)\n        // @ts-ignore\n        meshes.needsRender = true\n    })\n  })\n\n  return { enable, disable, load, dispose, state, css3DRenderPlugin, setMuted, getMuted }\n}\n\nexport default ModelTVVideoPlugin\n"],"mappings":"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"}

package/dist/internal/model-view-CBeeMM98.js

@@ -0,0 +1,119 @@
+import { t as e } from "./Subscribe-DLlAl88n.js";
+import { t } from "./StandaloneRenderer-Jo60ASPd.js";
+import { t as n } from "./boundingBox-DvCor5Hd.js";
+import * as r from "three/webgpu";
+import { Camera as i, loadAt3d as a } from "@realsee/five-webgpu";
+//#region src/ModelViewPlugin/Plugin.ts
+var o = (o, s) => {
+	let c = new e(), l = s?.initialState?.enabled ?? !0, u = !1, d = !1, f = !1, p = 0, m, h = !0, g = null, _ = {
+		lookAtCurrentCamera: !1,
+		lockedPanoIndex: null,
+		lockedLatitude: null,
+		lockedLongitude: null,
+		...s?.config
+	}, v = new r.Scene(), y = new i(60);
+	y.near = 1, y.updateTime(Date.now());
+	let b = new r.Object3D(), x, S;
+	{
+		let e = new r.DirectionalLight(16777215, .5);
+		e.position.copy(new r.Vector3(1, 1, 1)), v.add(e);
+	}
+	{
+		let e = new r.DirectionalLight(16777215, .3);
+		v.add(e);
+	}
+	{
+		let e = new r.AmbientLight(16777215, .3);
+		v.add(e);
+	}
+	v.add(b);
+	let C = async () => {
+		if (f || d || u) return;
+		let e = o.work;
+		if (!e?.model?.file) return;
+		v.remove(b);
+		let t = e.getURL(e.model.file), i = e.getURL(e.model.textureBase), s = [...e.model.textures || []];
+		if (!t || !i || !s) return;
+		d = !0;
+		let l = ++p;
+		try {
+			let e = await a(t, {
+				textureOptions: {
+					size: 128,
+					quality: 70
+				},
+				textureArray: s,
+				textureBaseUri: i,
+				fetcher: _.fetcher ?? void 0
+			});
+			if (f || l !== p) {
+				e.dispose();
+				return;
+			}
+			b = e.scene, b.rotateX(-Math.PI / 2), m = e.dispose;
+			let d = n(b), h = new r.Box3();
+			h.expandByPoint(new r.Vector3(d.min.x, d.min.z, -d.min.y)), h.expandByPoint(new r.Vector3(d.max.x, d.max.z, -d.max.y));
+			let g = ((h.max.x - h.min.x + 1) ** 2 + (h.max.y - h.min.y + 1) ** 2 + (h.max.z - h.min.z + 1) ** 2) ** (1 / 2), C = g / 2 / Math.tan(Math.PI * y.fov / 360);
+			y.aspect < 1 && (C /= y.aspect), x = isNaN(C) ? g : C, S = h.getCenter(new r.Vector3()), v.add(b), u = !0, c.emit("loaded"), j(), o.needsRender = !0;
+		} catch (e) {
+			!f && l === p && console.error("ModelViewPlugin: Failed to load model", e);
+		} finally {
+			l === p && (d = !1);
+		}
+	};
+	l && C();
+	let w = () => {
+		if (!f && o.renderer) return g || (g = new t({
+			antialias: !1,
+			onReady: () => {
+				h = !0, o.needsRender = !0;
+			}
+		}), g.setPixelRatio(o.renderer.getPixelRatio()), g.setClearColor(1579548, 0)), g;
+	}, T = () => {
+		p += 1, d = !1, m?.(), m = void 0, v.remove(b), b = new r.Object3D(), v.add(b), u = !1, x = void 0, S = void 0, c.emit("willLoad"), j();
+	}, E = () => {
+		!f && l && (u || C());
+	}, D = () => {
+		f || l || (l = !0, v.add(b), !u && o.work?.model?.file && C(), j());
+	}, O = () => {
+		!f && l && (v.remove(b), h = !0, M(), l = !1);
+	}, k = (e, t = {}) => {
+		let n = w();
+		if (!n) return;
+		e.appendChild(n.domElement), A(t);
+		let r = window.getComputedStyle(e).position;
+		r !== "relative" && r !== "absolute" && r !== "fixed" && r !== "sticky" && (e.style.position = "relative");
+	}, A = (e = {}) => {
+		if (f || !g) return;
+		let t = g.domElement.parentNode;
+		if (t?.nodeName) {
+			let { width: n = t.offsetWidth, height: r = t.offsetHeight } = e;
+			g.setSize(n, r), y.aspect = n / r, y.updateProjectionMatrix();
+		}
+		j();
+	}, j = () => {
+		if (f || !l || !x || !S) return;
+		let e = o.getPose();
+		e.fov = y.fov, e.offset = S, e.distance = x, typeof _.lockedLatitude == "number" && (e.latitude = _.lockedLatitude), typeof _.lockedLongitude == "number" && (e.longitude = _.lockedLongitude), typeof _.lockedPanoIndex == "number" && (e.offset = o.work.observers[_.lockedPanoIndex].standingPosition.clone()), _.lookAtCurrentCamera && (e.offset = o.camera.position.clone().setY(o.camera.position.y + 1)), y.setFromPose(e), h = !0;
+	}, M = () => {
+		!f && l && h === !0 && g && g.domElement.parentNode && g.domElement.parentNode.offsetWidth !== 0 && g.render(v, y) && (h = !1);
+	}, N = () => {
+		f || (f = !0, p += 1, m?.(), m = void 0, v.remove(b), g && (g.dispose(), g.domElement.remove()), g = null, o.off("loaded", E), o.off("willLoad", T), o.off("cameraDirectionUpdate", j), o.off("dispose", N), o.off("renderFrame", M), o.off("cameraPositionUpdate", j), c.off());
+	};
+	return o.on("loaded", E), o.on("willLoad", T), o.on("cameraDirectionUpdate", j), o.on("dispose", N), o.on("renderFrame", M), o.on("cameraPositionUpdate", j), {
+		appendTo: k,
+		refresh: A,
+		changeConfigs: (e) => {
+			Object.assign(_, e), j();
+		},
+		enable: D,
+		disable: O,
+		dispose: N,
+		getCurrentState: () => ({ enabled: l }),
+		hooks: c
+	};
+};
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=model-view-CBeeMM98.js.map

package/dist/internal/model-view-CBeeMM98.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-view-CBeeMM98.js","names":["Subscribe","Subscribe$1","boundingBox","THREE","ModelViewPlugin","hooks","enabled","params","hasModelLoaded","loading","disposed","loadGeneration","disposeModelResources","needsRender","renderer","config","scene","camera","Camera","model","distance","offset","light","loadModel","work","five","fileUrl","textureBaseUrl","textureArrayUrl","generation","result","loadAt3d","_bounding","bounding","radius","_distance","update","error","initRendererIfNeeds","StandaloneRenderer","handleFiveWillLoad","handleFiveLoaded","enable","disable","render","appendTo","element","refresh","size","positionType","container","width","height","pose","dispose","userConfig"],"sources":["../../src/ModelViewPlugin/Plugin.ts"],"sourcesContent":["import type { PartialDeep } from 'type-fest'\nimport type { Fetcher, FivePlugin , Five} from '@realsee/five-webgpu'\nimport { Camera, loadAt3d } from '@realsee/five-webgpu'\nimport { Subscribe } from '../shared-utils/Subscribe'\nimport { boundingBox } from '../shared-utils'\nimport * as THREE from 'three/webgpu'\nimport { StandaloneRenderer } from '../shared-utils/rendering/StandaloneRenderer'\n\nexport interface Config {\n  lookAtCurrentCamera: boolean\n  lockedPanoIndex: number | null\n  lockedLatitude: number | null\n  lockedLongitude: number | null\n  fetcher?: Fetcher | undefined\n}\n\nexport interface ModelViewPluginExportType {\n  dispose: () => void\n  enable: () => void\n\n  disable: () => void\n\n  hooks: Subscribe<{ loaded: () => void; willLoad: () => void }>\n\n  getCurrentState: () => { enabled: boolean }\n\n  appendTo: (element: HTMLElement, size?: { width?: number; height?: number }) => void\n\n  refresh: (size?: { width?: number; height?: number }) => void\n\n  changeConfigs: (config: Partial<Config>) => void\n}\n\nexport interface ModelViewPluginParameterType {\n  config: Config\n  initialState: { enabled: boolean }\n}\n\n/**\n * Five 模型插件\n * @template ExportType 导出方法\n */\nexport const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType> = (\n  five: Five,\n  params,\n) => {\n  const hooks = new Subscribe<{ loaded: () => void; willLoad: () => void }>()\n  let enabled = params?.initialState?.enabled ?? true\n  let hasModelLoaded = false\n  let loading = false\n  let disposed = false\n  let loadGeneration = 0\n  let disposeModelResources: (() => void) | undefined\n  let needsRender = true\n  let renderer: StandaloneRenderer | null = null\n\n  const defaultConfig: Config = {\n    lookAtCurrentCamera: false,\n    lockedPanoIndex: null,\n    lockedLatitude: null,\n    lockedLongitude: null,\n  }\n\n  // @ts-ignore\n  const config: Config = { ...defaultConfig, ...params?.config }\n\n  const scene = new THREE.Scene()\n  const camera = new Camera(60)\n  camera.near = 1\n  camera.updateTime(Date.now())\n\n  let model = new THREE.Object3D()\n  let distance: number | undefined\n  let offset: THREE.Vector3 | undefined\n\n  {\n    const light = new THREE.DirectionalLight(0xffffff, 0.5)\n    light.position.copy(new THREE.Vector3(1, 1, 1))\n    scene.add(light)\n  }\n  {\n    const light = new THREE.DirectionalLight(0xffffff, 0.3)\n    scene.add(light)\n  }\n  {\n    const light = new THREE.AmbientLight(0xffffff, 0.3)\n    scene.add(light)\n  }\n\n  scene.add(model)\n\n  const loadModel = async () => {\n    if (disposed || loading || hasModelLoaded) return\n    const work = five.work\n    if (!work?.model?.file) return\n\n    scene.remove(model)\n\n    const fileUrl = work.getURL(work.model.file)\n    const textureBaseUrl = work.getURL(work.model.textureBase)\n    const textureArrayUrl = [...(work.model.textures || [])]\n    if (!fileUrl || !textureBaseUrl || !textureArrayUrl) {\n      return\n    }\n\n    loading = true\n    const generation = ++loadGeneration\n    try {\n      const result = await loadAt3d(fileUrl, {\n        textureOptions: { size: 128, quality: 70 },\n        textureArray: textureArrayUrl,\n        textureBaseUri: textureBaseUrl,\n        fetcher: config.fetcher ?? undefined,\n      })\n      if (disposed || generation !== loadGeneration) {\n        result.dispose()\n        return\n      }\n      model = result.scene\n      model.rotateX(-Math.PI / 2)\n      disposeModelResources = result.dispose\n\n      const _bounding = boundingBox(model)\n      const bounding = new THREE.Box3()\n      bounding.expandByPoint(new THREE.Vector3(_bounding.min.x, _bounding.min.z, -_bounding.min.y))\n      bounding.expandByPoint(new THREE.Vector3(_bounding.max.x, _bounding.max.z, -_bounding.max.y))\n\n      const radius = Math.pow(\n        Math.pow(bounding.max.x - bounding.min.x + 1, 2) +\n          Math.pow(bounding.max.y - bounding.min.y + 1, 2) +\n          Math.pow(bounding.max.z - bounding.min.z + 1, 2),\n        1 / 2,\n      )\n      let _distance = radius / 2 / Math.tan((Math.PI * camera.fov) / 360)\n      if (camera.aspect < 1) _distance /= camera.aspect\n\n      distance = isNaN(_distance) ? radius : _distance\n      offset = bounding.getCenter(new THREE.Vector3())\n\n      scene.add(model)\n      hasModelLoaded = true\n\n      hooks.emit('loaded')\n      update()\n      five.needsRender = true\n    } catch (error) {\n      if (!disposed && generation === loadGeneration) console.error('ModelViewPlugin: Failed to load model', error)\n    } finally {\n      if (generation === loadGeneration) loading = false\n    }\n  }\n\n  if (enabled) loadModel()\n\n  const initRendererIfNeeds = () => {\n    if (disposed || !five.renderer) return\n    if (!renderer) {\n      renderer = new StandaloneRenderer({ antialias: false, onReady: () => {\n        needsRender = true\n        five.needsRender = true\n      } })\n      renderer.setPixelRatio(five.renderer.getPixelRatio())\n      renderer.setClearColor(0x181a1c, 0)\n    }\n    return renderer\n  }\n\n  const handleFiveWillLoad = () => {\n    loadGeneration += 1\n    loading = false\n    disposeModelResources?.()\n    disposeModelResources = undefined\n    scene.remove(model)\n    model = new THREE.Object3D()\n    scene.add(model)\n    hasModelLoaded = false\n    distance = undefined\n    offset = undefined\n    hooks.emit('willLoad')\n    update()\n  }\n\n  const handleFiveLoaded = () => {\n    if (disposed || !enabled) return\n    if (hasModelLoaded) return\n    loadModel()\n  }\n\n  const enable = () => {\n    if (disposed || enabled) return\n\n    enabled = true\n    scene.add(model)\n\n    if (!hasModelLoaded && five.work?.model?.file) {\n      loadModel()\n    }\n\n    update()\n  }\n\n  const disable = () => {\n    if (disposed || !enabled) return\n\n    scene.remove(model)\n    needsRender = true\n    render()\n\n    enabled = false\n  }\n\n  const appendTo = (element: HTMLElement, size: { width?: number; height?: number } = {}) => {\n    const renderer = initRendererIfNeeds()\n    if (!renderer) return\n    element.appendChild(renderer.domElement)\n    refresh(size)\n    const positionType = window.getComputedStyle(element).position\n    if (positionType !== 'relative' && positionType !== 'absolute' && positionType !== 'fixed' && positionType !== 'sticky')\n      element.style.position = 'relative'\n  }\n\n  const refresh = (size: { width?: number; height?: number } = {}) => {\n    if (disposed || !renderer) return\n    const element = renderer.domElement\n    const container = element.parentNode as HTMLElement\n    if (container?.nodeName) {\n      const { width = container.offsetWidth, height = container.offsetHeight } = size\n      renderer.setSize(width, height)\n      // 修改摄像机 aspect 比值\n      camera.aspect = width / height\n      camera.updateProjectionMatrix()\n    }\n\n    update()\n  }\n\n  const update = () => {\n    if (disposed || !enabled) return\n    if (!distance || !offset) return\n    const pose = five.getPose()\n    pose.fov = camera.fov\n    pose.offset = offset\n    pose.distance = distance\n    if (typeof config.lockedLatitude === 'number') pose.latitude = config.lockedLatitude\n    if (typeof config.lockedLongitude === 'number') pose.longitude = config.lockedLongitude\n    if (typeof config.lockedPanoIndex === 'number') {\n      pose.offset = five.work.observers[config.lockedPanoIndex].standingPosition.clone()\n    }\n    if (config.lookAtCurrentCamera) pose.offset = five.camera.position.clone().setY(five.camera.position.y + 1)\n    camera.setFromPose(pose)\n    needsRender = true\n  }\n\n  const render = () => {\n    if (disposed || !enabled) return\n    if (needsRender !== true) return\n    if (!renderer) return\n    if (!renderer.domElement.parentNode) return\n    const parentNode = renderer.domElement.parentNode as HTMLElement\n    if (parentNode.offsetWidth === 0) return\n    if (renderer.render(scene, camera)) needsRender = false\n  }\n\n  const dispose = () => {\n    if (disposed) return\n    disposed = true\n    loadGeneration += 1\n    disposeModelResources?.()\n    disposeModelResources = undefined\n    scene.remove(model)\n    if (renderer) {\n      renderer.dispose()\n      renderer.domElement.remove()\n    }\n    renderer = null\n    five.off('loaded', handleFiveLoaded)\n    five.off('willLoad', handleFiveWillLoad)\n    five.off('cameraDirectionUpdate', update)\n    five.off('dispose', dispose)\n    five.off('renderFrame', render)\n    five.off('cameraPositionUpdate', update)\n    hooks.off()\n  }\n\n  const changeConfigs = (userConfig: Partial<Config>) => {\n    Object.assign(config, userConfig)\n    update()\n  }\n\n  const getCurrentState = () => ({\n    enabled,\n  })\n\n  five.on('loaded', handleFiveLoaded)\n  five.on('willLoad', handleFiveWillLoad)\n  five.on('cameraDirectionUpdate', update)\n  five.on('dispose', dispose)\n  five.on('renderFrame', render)\n  five.on('cameraPositionUpdate', update)\n\n  return { appendTo, refresh, changeConfigs, enable, disable, dispose, getCurrentState, hooks }\n}\n\nexport default ModelViewPlugin\n"],"mappings":"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"}

package/dist/internal/object3d-helper-DDYsVPN6.js

@@ -0,0 +1,7 @@
+import { t as e } from "./Controller-Csut_kcH.js";
+//#region src/Object3DHelperPlugin/index.ts
+var t = (t) => new e(t);
+//#endregion
+export { t };
+
+//# sourceMappingURL=object3d-helper-DDYsVPN6.js.map

package/dist/internal/object3d-helper-DDYsVPN6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object3d-helper-DDYsVPN6.js","names":["Object3DHelperController","Object3DHelperPlugin","five"],"sources":["../../src/Object3DHelperPlugin/index.ts"],"sourcesContent":["export type { HelperOffset, Color, ClassFunctionParameters, PositionFrom, ObjectHelperControllers, ScaleCallback, ScalePosition, Scissor, Direction, Direction4, HelperEventMap, InternalHelperEventMap, Object3DHelperState, Object3DHelperEventMap } from '../shared-utils/Object3DHelper/typings'\nexport { PLUGIN, Object3DHelperController } from './Controller'\nexport type { AddObject3DHelperConfig } from './Controller'\nimport type { Five, FivePlugin } from '@realsee/five-webgpu'\nimport { Object3DHelperController } from './Controller'\n\nexport const Object3DHelperPlugin: FivePlugin<void, InstanceType<typeof Object3DHelperController>> = (five: Five) =>\n  new Object3DHelperController(five)\n\nexport default Object3DHelperPlugin\n"],"mappings":";;AAMA,IAAaC,KAAyF,MACpG,IAAID,EAAyBE,CAAI"}

package/dist/internal/pano-compass-jSr629BP.js

@@ -0,0 +1,193 @@
+import { n as e } from "./loadTexture-CJ3EbTXw.js";
+import { l as t, r as n } from "./defaultUrls-CjKkS9k9.js";
+import { n as r } from "./BetterTween-BX0aTvP1.js";
+import { t as i } from "./CSS3DRenderPlugin-ccSpcvwd.js";
+import { t as a } from "./BasePluginWithData-9z4tpAT4.js";
+import * as o from "three/webgpu";
+import { Five as s } from "@realsee/five-webgpu";
+//#region src/PanoCompassPlugin/Assets/roomInfoIcon.ts
+var c = "data:image/png;base64,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";
+//#endregion
+//#region src/PanoCompassPlugin/getRoomInfoInstance.ts
+function l() {
+	let e = document.createElement("div"), t = document.createElement("i"), n = document.createElement("span");
+	return e.appendChild(t), e.appendChild(n), e.style.position = "relative", e.style.width = "100%", e.style.display = "flex", e.style.flexDirection = "column", e.style.alignItems = "center", e.style.marginTop = `${150 / 16}rem`, e.style.opacity = "0", e.style.transition = "opacity 1000ms linear", t.style.display = "block", t.style.width = `${134 / 16}rem`, t.style.height = `${22 / 16}rem`, t.style.backgroundSize = "100%", t.style.backgroundRepeat = "no-repeat", t.style.backgroundImage = `url(${c})`, n.style.marginTop = `${10 / 16}rem`, n.style.fontSize = "1rem", n.style.color = "#fff", n.style.opacity = "0.7", n.style.textShadow = "0 2px 16px rgb(22 34 83 / 24%)", n.style.fontWeight = "bold", {
+		appendTo(t) {
+			t.appendChild(e);
+		},
+		dispose() {
+			e.remove();
+		},
+		setRoom(e) {
+			n.innerHTML = e.name + " " + Math.floor(e.size / 1e6) + "㎡";
+		},
+		show() {
+			e.style.opacity = "1";
+		},
+		hide() {
+			e.style.opacity = "0";
+		}
+	};
+}
+//#endregion
+//#region src/PanoCompassPlugin/Controller.ts
+var u = { userAction: !0 }, d = class extends a {
+	state = {
+		visible: !0,
+		enabled: !0,
+		config: {
+			compassImageUrl: t,
+			entryDoorImageUrl: n
+		}
+	};
+	data;
+	group = new o.Group();
+	roomInfoInstance;
+	roomInfoWrapperInstance;
+	compassMeshTween;
+	compassMesh;
+	logoMesh;
+	logoMeshTween;
+	entryDoorMesh;
+	constructor(e, t) {
+		super(e, t), this.five.scene.add(this.group), this.five.once("dispose", this.dispose), this.setState({
+			visible: !0,
+			enabled: !0,
+			config: {
+				...this.state.config,
+				...t || {}
+			}
+		});
+	}
+	enable(e = u) {
+		this.setState({ enabled: !0 }, e);
+	}
+	disable(e = u) {
+		this.setState({ enabled: !1 }, e);
+	}
+	show(e = u) {
+		if (this.state.enabled) return this.setState({ visible: !0 }, e), Promise.resolve();
+	}
+	hide(e = u) {
+		if (this.state.enabled) return this.setState({ visible: !1 }, e), Promise.resolve();
+	}
+	setState(e, t = { userAction: !0 }) {
+		let n = JSON.parse(JSON.stringify(this.state));
+		this.state = {
+			visible: e.visible ?? n.visible,
+			enabled: e.enabled ?? n.enabled,
+			config: {
+				...n.config,
+				...e.config || {}
+			}
+		}, this.hooks.emit("stateChange", {
+			state: this.state,
+			prevState: n,
+			userAction: t.userAction
+		}), e.enabled === !0 && (this._enable(), this.hooks.emit("enable", t)), e.enabled === !1 && (this._disable(), this.hooks.emit("disable", t)), e.visible === !1 && (this._toggleVisible(), this.hooks.emit("hide", t)), e.visible === !0 && (this._toggleVisible(), this.hooks.emit("show", t)), e.config && this.init();
+	}
+	async load(e, t, n = !0) {
+		let r = await this.formatData(e);
+		JSON.stringify(this.data) !== JSON.stringify(r) && (this.hooks.emit("dataChange", r, this.data), this.data = { ...r }, this.init(), t && this.setState(t, { userAction: n }), this.hooks.emit("dataLoaded", this.data));
+	}
+	dispose = () => {
+		this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.compassMesh?.material.map?.dispose(), this.entryDoorMesh?.material.map?.dispose(), this.five.off("dispose", this.dispose), this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.off("cameraDirectionUpdate", this.onFiveCameraDirectionUpdate);
+	};
+	formatData(e) {
+		return e.version && e.data ? Promise.resolve(e.data) : Promise.resolve(e);
+	}
+	_addEventListener = () => {
+		this.five.on("panoArrived", this.onFivePanoArrived), this.five.on("panoWillArrive", this.onFivePanoWillArrive), this.five.on("modeChange", this.onFiveModeChange), this.five.on("cameraDirectionUpdate", this.onFiveCameraDirectionUpdate);
+	};
+	_removeEventListener = () => {
+		this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.off("modeChange", this.onFiveModeChange), this.five.off("cameraDirectionUpdate", this.onFiveCameraDirectionUpdate);
+	};
+	_enable = () => {
+		this.five.scene.add(this.group), this.init(), this.onFivePanoArrived(this.five.panoIndex || 0), this._addEventListener();
+	};
+	_disable = () => {
+		this._clearCompassIfNeed(), this._clearEntryDoorIfNeed(), this.five.scene.remove(this.group), this._removeEventListener();
+	};
+	_toggleVisible = () => {
+		this.group.visible = this.state.visible, this.five.needsRender = !0;
+	};
+	_clearCompassIfNeed = () => {
+		this.compassMesh &&= (this.group.remove(this.compassMesh), this.compassMesh.material.map?.dispose(), null);
+	};
+	_clearLogoIfNeed = () => {
+		this.logoMesh &&= (this.group.remove(this.logoMesh), this.logoMesh.material.map?.dispose(), null);
+	};
+	_clearEntryDoorIfNeed = () => {
+		this.entryDoorMesh &&= (this.group.remove(this.entryDoorMesh), this.entryDoorMesh.material.map?.dispose(), null), this.roomInfoInstance &&= (this.roomInfoInstance.dispose(), null), this.roomInfoWrapperInstance &&= (this.roomInfoWrapperInstance.dispose(), null);
+	};
+	async init() {
+		let e = this.data?.north_rad ?? null;
+		this._clearCompassIfNeed(), e !== null && (this.compassMesh = await this.loadCompassMesh(), this.compassMesh && (this.compassMesh.rotateX(-Math.PI / 2), this.compassMesh.rotateZ(e - Math.PI / 2), this.group.add(this.compassMesh))), this._clearLogoIfNeed(), this.logoMesh = await this.loadLogoMesh(), this.logoMesh && (this.logoMesh.rotateX(-Math.PI / 2), this.group.add(this.logoMesh));
+		let t = this.data?.entrance ?? null;
+		this._clearEntryDoorIfNeed(), t !== null && (this.entryDoorMesh = await this.loadEntryDoorMesh(), this.roomInfoWrapperInstance = this.loadRoomInfo(), this.roomInfoInstance = l(), this.entryDoorMesh.rotateX(-Math.PI / 2), this.roomInfoWrapperInstance && this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container), this.group.add(this.entryDoorMesh)), this.onFivePanoArrived(this.five.panoIndex || 0), this.five.needsRender = !0;
+	}
+	async loadCompassMesh() {
+		let t = this.state.config.compassImageUrl, n = await e(t), r = new o.CircleGeometry(.7, 32), i = new o.MeshBasicMaterial({
+			map: n,
+			transparent: !0,
+			opacity: 0,
+			depthTest: !1
+		}), a = new o.Mesh(r, i);
+		return a.name = "pano-compass-mesh", a;
+	}
+	async loadLogoMesh() {
+		if (!this.state.config.logoURL) return;
+		let t = this.state.config.logoURL, n = await e(t);
+		n.minFilter = o.NearestFilter, n.magFilter = o.NearestFilter;
+		let r = new o.PlaneGeometry(.4, .4), i = new o.MeshBasicMaterial({
+			map: n,
+			opacity: 0,
+			transparent: !0,
+			depthTest: !1
+		}), a = new o.Mesh(r, i);
+		return a.name = "pano-compass-logo-mesh", a;
+	}
+	async loadEntryDoorMesh() {
+		let t = this.state.config.entryDoorImageUrl, n = await e(t), r = new o.PlaneGeometry(.2, .16), i = new o.MeshBasicMaterial({
+			map: n,
+			transparent: !0,
+			opacity: .8,
+			depthTest: !1
+		}), a = new o.Mesh(r, i);
+		return a.name = "pano-compass-entry-door", a;
+	}
+	loadRoomInfo() {
+		let e = [
+			new o.Vector3(-.7, 0, -.7),
+			new o.Vector3(.7, 0, -.7),
+			new o.Vector3(.7, 0, .7),
+			new o.Vector3(-.7, 0, .7)
+		];
+		return i(this.five).create3DDomContainer(e);
+	}
+	onFivePanoWillArrive = (e) => {
+		e !== this.five.panoIndex && (this.compassMeshTween?.dispose(), this.compassMesh?.material.setValues({ opacity: 0 }), this.logoMeshTween?.dispose(), this.logoMesh?.material.setValues({ opacity: 0 }));
+	};
+	onFivePanoArrived = (e) => {
+		let t = this.five.work?.observers?.[e]?.standingPosition;
+		if (this.compassMesh && t && (this.compassMesh.position.copy(t.clone().setY(t.y + .01)), this.compassMesh.material.opacity === 0 && (this.compassMeshTween?.dispose(), this.compassMeshTween = r(1e3).onUpdate(({ progress: e }) => {
+			this.compassMesh?.material.setValues({ opacity: e }), this.five.needsRender = !0;
+		}).play())), this.logoMesh && t && (this.logoMesh.position.copy(t.clone().setY(t.y + .011)), this.logoMesh.material.opacity === 0 && (this.logoMeshTween?.dispose(), this.logoMeshTween = r(1e3).onUpdate(({ progress: e }) => {
+			this.logoMesh?.material.setValues({ opacity: e }), this.five.needsRender = !0;
+		}).play())), this.entryDoorMesh) {
+			let n = new o.Vector3(this.data.entrance.position.x, this.data.entrance.position.y, this.data.entrance.position.z).clone().setY(t.y).sub(t).normalize(), r = t.clone().add(n.clone().multiplyScalar(.7)).setY(t.y + .01);
+			this.entryDoorMesh.rotation.z = new o.Vector3(0, 0, -1).angleTo(n), this.entryDoorMesh.position.copy(r), this.data?.room_observers[e].room.type === 1 ? this.entryDoorMesh?.material.setValues({ opacity: 1 }) : this.entryDoorMesh?.material.setValues({ opacity: 0 });
+		}
+		this.roomInfoInstance && this.roomInfoWrapperInstance && t && (this.roomInfoWrapperInstance.css3DObject.position.copy(t.clone().setY(t.y + .01)), this.roomInfoInstance.setRoom(this.data.room_observers[e].room)), this.five.needsRender = !0;
+	};
+	onFiveCameraDirectionUpdate = ({ longitude: e, latitude: t }) => {
+		this.roomInfoWrapperInstance && (this.roomInfoWrapperInstance.css3DObject.rotation.z = e, t > .66 && this.five.getCurrentState().mode === "Panorama" ? this.roomInfoInstance?.show() : this.roomInfoInstance?.hide());
+	};
+	onFiveModeChange = (e, t, n, r, i) => {
+		e !== t && this.setState({ visible: e === s.Mode.Panorama }, { userAction: i });
+	};
+}, f = (e, t) => new d(e, t);
+//#endregion
+export { f as t };
+
+//# sourceMappingURL=pano-compass-jSr629BP.js.map