@realsee/dnalogel 4.0.0-webgpu.5 → 4.0.0-webgpu.7

package/dist/internal/{pano-measure-Debf40XO.js → pano-measure-Cfe9RfWP.js}

@@ -10,7 +10,7 @@ import { n as m, t as h } from "./isNil-CQNA0Sbe.js";
 import { t as g } from "./uuid-BfVaI9vM.js";
 import { n as _, t as v } from "./tween.esm-CJDtohfp.js";
 import { i as y } from "./animationFrame-CacKXN8l.js";
-import { t as b } from "./BasePlugin-CF9WwPH0.js";
+import { t as b } from "./BasePlugin-Br1gjzFy.js";
 import { C as x, G as S, J as C, K as w, L as T, M as E, N as ee, O as te, P as D, Q as O, R as k, S as ne, U as A, V as j, W as re, X as M, Y as N, Z as ie, _ as ae, b as oe, d as se, et as ce, it as P, j as F, k as le, l as I, m as L, n as R, o as z, p as B, q as ue, rt as V, st as H, t as de, x as fe, z as U } from "./component.svelte-D5LYqt50.js";
 import { n as pe, t as me } from "./safeObj-ic96Cf8D.js";
 import { t as he } from "./FiveLine-0OtX3RDV.js";
@@ -134,6 +134,8 @@ var Qe = class {
 		this.containerDom.style.transform = `translate(${a}px, ${o}px)`, this.tempShow();
 	}
 }, $e = class extends Qe {
+	modelOcclusion = !1;
+	raycaster = new Ee();
 	line;
 	lastFOV;
 	cameraUpdateHandler = null;
@@ -188,20 +190,28 @@ var Qe = class {
 		if (!t) return;
 		let n = t.clientWidth, r = t.clientHeight, i = n / 2, a = r / 2;
 		if (this.line.points.length < 2) return;
-		let [o, s] = this.line.points.map((e) => e.position.clone().applyMatrix4(this.line.mesh.matrixWorld)), c = o.clone().project(e.camera), l = s.clone().project(e.camera), u = d(o, s).clone().project(e.camera), f = new q(c.x * i, c.y * a), p = new q(l.x * i, l.y * a), m = f.distanceTo(p);
-		if (Math.abs(c.z) > 1 || Math.abs(l.z) > 1 || !Ye(c) && !Ye(l) || !Ye(u) || m === 0) {
+		let [o, s] = this.line.points.map((e) => e.position.clone().applyMatrix4(this.line.mesh.matrixWorld)), c = o.clone().project(e.camera), l = s.clone().project(e.camera), u = d(o, s), f = u.clone().project(e.camera), p = new q(c.x * i, c.y * a), m = new q(l.x * i, l.y * a), h = p.distanceTo(m);
+		if (Math.abs(c.z) > 1 || Math.abs(l.z) > 1 || !Ye(c) && !Ye(l) || !Ye(f) || h === 0 || this.modelOcclusion && this.isOccluded(e, u)) {
 			this.hide();
 			return;
 		}
-		let h = d(o, s).distanceTo(e.camera.position), g = e.camera.fov || 60, _ = 2 * Math.tan(.5 * g / 180 * Math.PI), v = Math.max(Math.min(1 - _ * h / 40, 1), 0);
-		this.contentDom.style.setProperty("--distance-scale", v.toString());
-		let y = (u.x + 1) / 2 * n, b = -(u.y - 1) / 2 * r, x = -(Math.atan((f.y - p.y) / (f.x - p.x)) * 180) / Math.PI, S = this.containerDom.parentElement && this.contentDom.clientWidth > m ? -20 : 0;
-		this.containerDom.style.transform = `translate(${y}px, ${b}px) rotate(${x}deg) translateY(${S}px)`, this.show(), this.params.userDistanceItem?.update({
+		let g = u.distanceTo(e.camera.position), _ = e.camera.fov || 60, v = 2 * Math.tan(.5 * _ / 180 * Math.PI), y = Math.max(Math.min(1 - v * g / 40, 1), 0);
+		this.contentDom.style.setProperty("--distance-scale", y.toString());
+		let b = (f.x + 1) / 2 * n, x = -(f.y - 1) / 2 * r, S = -(Math.atan((p.y - m.y) / (p.x - m.x)) * 180) / Math.PI, C = this.containerDom.parentElement && this.contentDom.clientWidth > h ? -20 : 0;
+		this.containerDom.style.transform = `translate(${b}px, ${x}px) rotate(${S}deg) translateY(${C}px)`, this.show(), this.params.userDistanceItem?.update({
 			line: this.line,
 			polyline: this.line.getPolyline()
 		});
-		let C = this.getCurrentContent();
-		this.contentDom.innerText = C;
+		let w = this.getCurrentContent();
+		this.contentDom.innerText = w;
+	}
+	isOccluded(e, t) {
+		if (!e.model.loaded) return !1;
+		let n = this.raycaster;
+		if (e.camera.getWorldPosition(n.ray.origin), n.ray.direction.subVectors(t, n.ray.origin), n.far = n.ray.direction.length() - .05, n.far <= 0) return !1;
+		n.ray.direction.normalize(), n.firstHitOnly = !0;
+		let [r] = e.model.intersectRaycaster(n);
+		return !!r && r.distance < n.far;
 	}
 	getFiveInstance() {
 		return this.line.model?.config?.five;
@@ -235,6 +245,10 @@ var Qe = class {
 			userDistanceItem: this.model.config?.userDistanceItemCreator ? this.model.config.userDistanceItemCreator() : void 0
 		});
 	}
+	setModelOcclusion(e) {
+		for (let t of [this.mesh, this.lightMesh]) for (let n of [t.line.material, t.points.material]) n.depthTest = e, n.depthWrite = !e;
+		this.distanceItem.modelOcclusion = e;
+	}
 	hide() {
 		this.visible && (this.visible = !1, this.mesh.visible = !1, this.distanceItem.hide());
 	}
@@ -918,52 +932,41 @@ var ft = () => !1, Q = class extends tt {
 }, pt = class extends tt {
 	type = "view";
 	constructor(e) {
-		super(e), this.model.getAllLines().forEach((e) => {
-			e.distanceItem.appendTo(this.container), e.distanceItem.update(this.five), this.group.add(e.mesh), e.mesh.updateMatrixWorld();
-		}), this.onFiveModeChange(this.five.getCurrentState().mode), this.onFivePanoWillArrive(this.five.getCurrentState().panoIndex), this.onFivePanoArrived(this.five.getCurrentState().panoIndex), this.updateDistanceUI(), this.five.needsRender = !0, this.model.hook.on("polylineAdded", this.polylineAdded), this.model.hook.on("polylineRemoved", this.polylineRemoved), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("panoArrived", this.onFivePanoArrived), this.five.on("modeChange", this.onFiveModeChange), this.five.on("panoWillArrive", this.onFivePanoWillArrive);
+		super(e), this.model.polylines.forEach(this.polylineAdded), this.five.needsRender = !0, this.model.hook.on("polylineAdded", this.polylineAdded), this.model.hook.on("polylineRemoved", this.polylineRemoved), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("models.load", this.onCameraUpdate), this.five.on("models.refined", this.onCameraUpdate), this.five.on("panoArrived", this.onFivePanoArrived), this.five.on("modeChange", this.onFiveModeChange), this.five.on("panoWillArrive", this.onFivePanoWillArrive);
 	}
 	dispose() {
-		super.dispose(), this.model.hook.off("polylineAdded", this.polylineAdded), this.model.hook.off("polylineRemoved", this.polylineRemoved), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("modeChange", this.onFiveModeChange), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.needsRender = !0, this.hook.emit("selectedChange", []);
+		this.model.getAllLines().forEach((e) => e.setModelOcclusion(!1)), super.dispose(), this.model.hook.off("polylineAdded", this.polylineAdded), this.model.hook.off("polylineRemoved", this.polylineRemoved), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("models.load", this.onCameraUpdate), this.five.off("models.refined", this.onCameraUpdate), this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("modeChange", this.onFiveModeChange), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.needsRender = !0, this.hook.emit("selectedChange", []);
 	}
 	polylineRemoved = (e) => {
 		e.lines.forEach((e) => this.removeLine(e)), this.hook.emit("selectedChange", this.model.getAllLines().filter((e) => e.selected).map((e) => e));
 	};
 	polylineAdded = (e) => {
+		e.lines.forEach((e) => {
+			e.setModelOcclusion(!0), this.group.add(e.mesh), e.mesh.updateMatrixWorld(), e.distanceItem.appendTo(this.container);
+		});
 		let { panoIndex: t, mode: n } = this.five.getCurrentState();
-		e.lines.forEach((r) => {
-			e.visibleFiveMode && !e.visibleFiveMode.includes(n) && (r.mesh.visible = !1), e.visiblePanoIndexes && !e.visiblePanoIndexes.includes(t) && (r.mesh.visible = !1), r.distanceItem.appendTo(this.container), r.distanceItem.update(this.five), this.group.add(r.mesh);
-		}), this.updateDistanceUI();
+		this.updatePolylineVisibility(e, t, n), this.five.needsRender = !0;
 	};
+	updatePolylineVisibility(e, t, n, r = !1) {
+		let i = (!e.visiblePanoIndexes || e.visiblePanoIndexes.includes(t)) && (!e.visibleFiveMode || e.visibleFiveMode.includes(n));
+		r && i || e.lines.forEach((e) => {
+			e.mesh.visible = i, e.distanceItem.update(this.five);
+		});
+	}
 	onCameraUpdate = () => {
 		this.updateDistanceUI();
 	};
 	onFiveModeChange = (e) => {
-		e !== "Panorama" && (this.model.polylines.forEach((t) => {
-			t.visibleFiveMode && !t.visibleFiveMode.includes(e) && t.lines.forEach((e) => {
-				e.mesh.visible = !1, e.distanceItem.update(this.five);
-			});
-		}), this.five.ready().then(() => {
-			let e = this.five.getCurrentState().mode;
-			e !== "Panorama" && this.model.polylines.forEach((t) => {
-				t.visibleFiveMode && t.visibleFiveMode.includes(e) && t.lines.forEach((e) => {
-					e.mesh.visible = !0, e.distanceItem.update(this.five);
-				});
-			});
-		}));
+		let { panoIndex: t } = this.five.getCurrentState();
+		this.model.polylines.forEach((n) => this.updatePolylineVisibility(n, t, e)), this.five.needsRender = !0;
 	};
 	onFivePanoWillArrive = (e) => {
-		this.model.polylines.forEach((t) => {
-			(t.visiblePanoIndexes && !t.visiblePanoIndexes.includes(e) || t.visibleFiveMode && !t.visibleFiveMode.includes(this.five.getCurrentState().mode)) && t.lines.forEach((e) => {
-				e.mesh.visible = !1, e.distanceItem.update(this.five);
-			});
-		});
+		let { mode: t } = this.five.getCurrentState();
+		this.model.polylines.forEach((n) => this.updatePolylineVisibility(n, e, t, !0)), this.five.needsRender = !0;
 	};
 	onFivePanoArrived = (e) => {
-		this.model.polylines.forEach((t) => {
-			t.visiblePanoIndexes && t.visiblePanoIndexes.includes(e) && t.visibleFiveMode && t.visibleFiveMode.includes(this.five.getCurrentState().mode) && t.lines.forEach((e) => {
-				e.mesh.visible = !0, e.distanceItem.update(this.five);
-			});
-		});
+		let { mode: t } = this.five.getCurrentState();
+		this.model.polylines.forEach((n) => this.updatePolylineVisibility(n, e, t)), this.five.needsRender = !0;
 	};
 };
 //#endregion
@@ -2372,7 +2375,7 @@ var _n = {
 		this.model.clear();
 	}
 	dispose() {
-		this.disable(), this.clear(), this.useUIController?.dispose(), this.magnifier?.dispose(), this.five.needsRender = !0;
+		this.disable(), this.clear(), this.useUIController?.dispose(), this.magnifier?.dispose(), this.container.remove(), this.five.needsRender = !0;
 	}
 	load(e) {
 		let t = e;
@@ -2485,4 +2488,4 @@ var _n = {
 //#endregion
 export { Sn as t };
 
-//# sourceMappingURL=pano-measure-Debf40XO.js.map
+//# sourceMappingURL=pano-measure-Cfe9RfWP.js.map