@realsee/dnalogel 4.0.0-webgpu.13 → 4.0.0-webgpu.15

package/dist/internal/model-maker-tbF87kJz.js

@@ -1,897 +0,0 @@
-import { t as e } from "./Subscribe-DLlAl88n.js";
-import { l as t, v as n, y as r } from "./generatePolygonGeometry-DEr9kX3D.js";
-import { n as i } from "./fiveModelLoad-BUIBYxzp.js";
-import { i as a } from "./util-vGeVT4oo.js";
-import { n as o, t as s } from "./isNil-CQNA0Sbe.js";
-import { t as c } from "./FiveDomEvents-DFG9hd51.js";
-import { n as l } from "./Line2-CDxLMjGj.js";
-import { i as u, n as d } from "./boundingBox-CIqXgNXW.js";
-import { t as f } from "./BasePluginWithData-Uq1cY5sC.js";
-import { C as p, G as m, J as h, M as g, N as _, P as ee, j as te, n as v, q as y, t as b } from "./component.svelte-D5LYqt50.js";
-import { t as x } from "./LabelItem-Cnys51gZ.js";
-import { n as S, r as ne } from "./fontSize-DMhRSrtx.js";
-import { t as re } from "./constants-A7EqoECw.js";
-import { n as C, t as w } from "./Prism-DxArNvOM.js";
-import { t as ie } from "./sleep-1GNCncUi.js";
-import * as T from "three/webgpu";
-import { Box3 as E, Color as D, Euler as O, Group as k, Quaternion as A, SRGBColorSpace as j, Vector3 as M } from "three/webgpu";
-import { colorSpaceToWorking as N, materialColor as ae, materialOpacity as oe, positionGeometry as se, screenUV as P, texture as F, vec4 as I, workingToColorSpace as L } from "three/tsl";
-import "@realsee/five-webgpu";
-//#region src/shared-utils/three/addIfNotExists.ts
-function R(e, ...t) {
-	t.forEach((t) => {
-		e.children.includes(t) || t && e.add(t);
-	});
-}
-//#endregion
-//#region src/ModelMakerPlugin/utils/getTagOcclusionObjects.ts
-function z(e = "group", t, n) {
-	switch (e) {
-		case "self": return [n];
-		case "none": return [];
-		default: return [t];
-	}
-}
-//#endregion
-//#region src/ModelMakerPlugin/item/baseItem.ts
-var B = class extends e {
-	get container() {
-		return this.tag.container;
-	}
-	type;
-	tag;
-	rawData;
-	model;
-	get state() {
-		return {
-			visible: this.model.visible,
-			enabled: this.group.children.includes(this.model)
-		};
-	}
-	visibles = [];
-	five;
-	group;
-	fiveDomEvents;
-	disposers = [];
-	constructor(e) {
-		super(), this.five = e.five, this.model = e.model, this.group = e.group, this.type = e.type, this.rawData = e.rawData, this.fiveDomEvents = e.fiveDomEvents;
-		let t = e.position ?? this.model.center ?? d(this.model).getCenter(new M());
-		this.tag = n(this.five, t, {
-			wrapper: e.tagWrapper,
-			disableOpacityTransition: this.type === "prism"
-		}), this.tag.extraObjectsForIntersectCheck.push(...z(e.tagOcclusionScope, this.group, this.model));
-	}
-	show() {
-		this.visibles[0] = !0, this.updateVisible(), this.emit("show");
-	}
-	hide() {
-		this.visibles[0] = !1, this.updateVisible(), this.emit("hide");
-	}
-	enable() {
-		R(this.group, this.model), this.five.needsRender = !0, this.model.updateMatrixWorld(!0), this.tag.setTransformMatrix(this.model.matrixWorld), this.tag.enable();
-		let e = this.onClick.bind(this);
-		this.fiveDomEvents.removeEventListener(this.model, "click"), this.fiveDomEvents.addEventListener(this.model, "click", e, { skipPano: !0 }), this.disposers.push(() => {
-			this.fiveDomEvents.removeEventListener(this.model, "click");
-		}), this.updateVisible(), this.emit("enable");
-	}
-	disable() {
-		this.group.remove(this.model), this.five.needsRender = !0, this.tag.disable(), this.disposers.forEach((e) => e()), this.disposers = [], this.emit("disable");
-	}
-	updateVisible() {
-		this.visibles.some((e) => e === !1) ? (this.tag.hide(), this.model.visible = !1) : (this.tag.show(), this.model.visible = !0), this.five.needsRender = !0;
-	}
-	onClick() {
-		return this.emit("click", this);
-	}
-}, V = class extends B {
-	constructor(...e) {
-		super(...e), this.enable(), this.tag.hide(), this.updateVisible();
-	}
-	enable() {
-		super.enable(), this.five.on("mode.change.request", this.hideTag), this.five.on("pano.request", this.hideTag);
-	}
-	disable() {
-		super.disable(), this.five.needsRender = !0, this.five.off("mode.change.request", this.hideTag), this.five.off("pano.request", this.hideTag);
-	}
-	show() {
-		super.show(), this.tag.hide();
-	}
-	updateVisible() {
-		this.visibles.some((e) => e === !1) ? (this.tag.hide(), this.model.visible = !1) : this.model.visible = !0, this.five.needsRender = !0;
-	}
-	onClick() {
-		return this.tag.visible ? this.tag.hide() : this.tag.show({ force: !0 }), super.onClick(), !0;
-	}
-	hideTag = () => {
-		this.tag.hide();
-	};
-}, H = ee("<div class=\"model-maker-tag svelte-1x030tz\"> </div>");
-function U(e, t) {
-	let n = v(t, "text", 8);
-	var r = _(), i = y(r), a = (e) => {
-		var t = H(), r = h(t, !0);
-		m(() => te(r, n())), g(e, t);
-	};
-	p(i, (e) => {
-		n() && e(a);
-	}), g(e, r);
-}
-//#endregion
-//#region src/ModelMakerPlugin/utils/tagRenderer.ts
-var W = (e, t) => {
-	let n = b(U, e, { text: t.rawData?.name });
-	return () => n.destroy();
-}, G = {
-	box: W,
-	triangles: W,
-	prism: (e, t, n) => {
-		let r = S(), i = b(x, e, {
-			content: t.rawData?.name,
-			five: n,
-			fontSize: r
-		}), a = ne(), o = null;
-		return typeof a == "object" && "subscribe" in a && (o = a.subscribe((e) => {
-			r = e, i.update({ fontSize: r });
-		})), () => {
-			o?.(), i.destroy();
-		};
-	}
-}, K = class extends B {
-	constructor(...e) {
-		let t = e[0], n = d(t.model), r = new T.Vector3().lerpVectors(u(n, 0), u(n, 5), .5);
-		super({
-			...t,
-			position: r
-		}), this.enable(), this.updateVisible(), this.five.on("modelShownFloorChange", this.onModelShownFloorChange), this.disposers.push(() => {
-			this.five.off("modelShownFloorChange", this.onModelShownFloorChange);
-		});
-	}
-	onModelShownFloorChange = (e) => {
-		this.updateFiveCurrentFloorState(e), this.updateVisible();
-	};
-	show() {
-		this.updateFiveCurrentFloorState(this.five.model.shownFloor), super.show();
-	}
-	hide() {
-		super.hide();
-	}
-	updateFiveCurrentFloorState = (e) => {
-		let t = this.rawData?.object_data?.floorIndex;
-		s(t) ? this.visibles[1] = !0 : this.visibles[1] = e === null || t === e;
-	};
-}, q = class extends B {
-	constructor(...e) {
-		super(...e), this.updatePanoIndex(this.five.state.panoIndex), this.updateMode(this.five.state.mode), this.enable(), this.updateVisible(), this.five.on("panoArrived", this.onPanoArrived), this.five.on("modeChange", this.onModeChange), this.disposers.push(() => {
-			this.five.off("panoArrived", this.onPanoArrived), this.five.off("modeChange", this.onModeChange);
-		});
-	}
-	show() {
-		this.updatePanoIndex(this.five.state.panoIndex), this.updateMode(this.five.state.mode), super.show();
-	}
-	onPanoArrived = (e) => {
-		this.updatePanoIndex(e), this.updateVisible();
-	};
-	onModeChange = (e) => {
-		this.updateMode(e), this.updateVisible();
-	};
-	updatePanoIndex = (e) => {
-		this.visibles[1] = this.rawData?.object_data?.panoIndex === e;
-	};
-	updateMode = (e) => {
-		this.visibles[2] = e === "Panorama";
-	};
-};
-//#endregion
-//#region src/ModelMakerPlugin/utils/setModelSortBounds.ts
-function J(e) {
-	t(e.geometry, [e.meshFont, e.meshBackground]);
-}
-//#endregion
-//#region src/ModelMakerPlugin/utils/ModelMakerPolygonMesh.ts
-var Y = class extends C {
-	onSavedGeometryChange;
-	setPoints(e, t) {
-		super.setPoints(e, t), J(this), this.line.lines.forEach((e) => e.enableOriginSort()), this.onSavedGeometryChange?.();
-	}
-}, X = class extends w {
-	onSavedGeometryChange;
-	setPoints(e) {
-		super.setPoints(e), J(this.prismMesh), this.edgeMesh.enableOriginSort(), this.onSavedGeometryChange?.();
-	}
-}, Z = class extends l {
-	customProgramCacheKey() {
-		return super.customProgramCacheKey() + ":saved-annotation-encoded-sdr-v1";
-	}
-	setupOutput(...e) {
-		let t = I(super.setupOutput(...e));
-		return I(I(L(I(t.rgb, 1), j)).rgb, t.a);
-	}
-};
-//#endregion
-//#region src/ModelMakerPlugin/rendering/hdrContribution.ts
-function ce(e) {
-	if (!e.useHDR || !e.pano0Map || !e.pano1Map || (e.modelAlpha ?? 1) >= 1) return !1;
-	let t = e.progress ?? 0;
-	return [0, 1].some((n) => {
-		if (n === 0 && t >= 1 || n === 1 && t <= 0) return !1;
-		let r = e[`pano${n}HdrCapacityMin`] ?? 1, i = e[`pano${n}HdrCapacityMax`] ?? 1;
-		return !!e[`pano${n}Gainmap`] && r > 0 && i > r && (e.maxDisplayBoost ?? 1) > Math.max(1, r) && (e[`pano${n}HdrMaxContentBoost`] ?? 1) > 1;
-	});
-}
-function le(e) {
-	if (e.backend.isWebGPUBackend !== !0 || typeof window > "u" || !window.matchMedia?.("(dynamic-range: high)").matches) return !1;
-	let t = e.getContext().getConfiguration?.();
-	return t?.format === "rgba16float" && t.toneMapping?.mode === "extended";
-}
-//#endregion
-//#region src/ModelMakerPlugin/rendering/SavedAnnotationColor.ts
-var Q = /* @__PURE__ */ new WeakMap();
-function $(e, t) {
-	let n = e, r = t ?? n.material;
-	if (!n.isMesh || !r || Array.isArray(r) || r !== n.material || r.blending !== T.NormalBlending || !r.transparent || r.premultipliedAlpha || r.depthWrite || r.stencilWrite || r.clippingPlanes?.length || r.alphaTest !== 0 || "isSkinnedMesh" in e || "isInstancedMesh" in e) return;
-	if (r instanceof l) return "line";
-	let i = r;
-	if (i.isMeshBasicMaterial && !i.map && !i.alphaMap && !i.envMap && !i.vertexColors && !i.wireframe) return "face";
-}
-function ue(e) {
-	let t = /* @__PURE__ */ new Set();
-	for (let n of e) n.traverse((e) => {
-		let n = e;
-		for (let r of [
-			e,
-			n.meshBackground,
-			n.line1,
-			n.line2
-		]) r && $(r) && t.add(r);
-	});
-	return t;
-}
-var de = class {
-	renderer;
-	observation = {
-		copies: 0,
-		brackets: 0,
-		encodedDraws: 0,
-		linearDraws: 0,
-		unsupportedDraws: 0,
-		lateHDRDraws: 0,
-		resourceDisposals: 0,
-		materialDisposals: 0,
-		disposed: !1
-	};
-	owners = /* @__PURE__ */ new Map();
-	sources = /* @__PURE__ */ new Map();
-	resources = /* @__PURE__ */ new Map();
-	replacements = /* @__PURE__ */ new Map();
-	beforePlaceholder = new T.FramebufferTexture(1, 1);
-	afterPlaceholder = new T.FramebufferTexture(1, 1);
-	beforeNode = F(this.beforePlaceholder, P);
-	afterNode = F(this.afterPlaceholder, P);
-	encode = new T.MeshBasicNodeMaterial({
-		transparent: !0,
-		blending: T.NoBlending,
-		depthTest: !1,
-		depthWrite: !1,
-		toneMapped: !1,
-		forceSinglePass: !0,
-		fog: !1
-	});
-	decode = new T.MeshBasicNodeMaterial({
-		transparent: !0,
-		blending: T.NoBlending,
-		depthTest: !1,
-		depthWrite: !1,
-		toneMapped: !1,
-		forceSinglePass: !0,
-		fog: !1
-	});
-	quad = new T.Mesh(new T.PlaneGeometry(2, 2), this.encode);
-	tail = new T.Group();
-	sentinel = new T.Mesh(new T.PlaneGeometry(2, 2), new T.MeshBasicMaterial({
-		transparent: !0,
-		opacity: 0,
-		colorWrite: !0,
-		depthWrite: !1,
-		depthTest: !1,
-		forceSinglePass: !0,
-		toneMapped: !1
-	}));
-	previousRender;
-	wrappedRender;
-	rendering = !1;
-	previousDraw = null;
-	pendingDispose = !1;
-	constructor(e) {
-		this.renderer = e, this.previousRender = e.render;
-		let t = this;
-		this.wrappedRender = function(n, r) {
-			let i = arguments, a = () => t.previousRender.apply(this, i);
-			if (t.rendering) {
-				let n = e.getRenderObjectFunction();
-				e.setRenderObjectFunction(t.previousDraw);
-				try {
-					return a();
-				} finally {
-					e.setRenderObjectFunction(n);
-				}
-			}
-			return t.observation.disposed || !t.hasScene(n) ? a() : t.render(n, r, a);
-		}, e.render = this.wrappedRender, this.quad.frustumCulled = !1, this.quad.name = "SavedAnnotationColorQuad", this.encode.vertexNode = this.decode.vertexNode = I(se.xy, 0, 1), this.encode.fragmentNode = I(I(L(I(this.beforeNode.rgb, 1), T.SRGBColorSpace)).rgb, 0);
-		let n = this.afterNode, r = this.beforeNode, i = I(N(I(n.rgb, 1), T.SRGBColorSpace));
-		this.decode.fragmentNode = n.a.equal(0).select(r, I(i.rgb, n.a.add(r.a.mul(n.a.oneMinus())))), this.tail.name = "SavedAnnotationColorTail", this.tail.renderOrder = this.sentinel.renderOrder = Infinity, this.sentinel.frustumCulled = !1, this.tail.add(this.sentinel);
-	}
-	owner(e) {
-		let t = {};
-		this.owners.set(t, {
-			scene: e,
-			sources: /* @__PURE__ */ new Set()
-		});
-		let n = !1, r = () => this.replace(t, /* @__PURE__ */ new Set());
-		return {
-			setModels: (e) => {
-				n || this.replace(t, ue(e));
-			},
-			clear: () => {
-				n || r();
-			},
-			dispose: () => {
-				n || (r(), n = !0, this.owners.delete(t), this.owners.size === 0 && this.dispose());
-			}
-		};
-	}
-	hasScene(e) {
-		return this.sources.size > 0 && [...this.owners.values()].some((t) => t.scene === e && t.sources.size > 0);
-	}
-	replace(e, t) {
-		let n = this.owners.get(e);
-		if (n) {
-			for (let e of n.sources) {
-				if (t.has(e)) continue;
-				let n = this.sources.get(e) - 1;
-				n > 0 ? this.sources.set(e, n) : (this.sources.delete(e), this.releaseMaterial(e));
-			}
-			for (let e of t) n.sources.has(e) || this.sources.set(e, (this.sources.get(e) ?? 0) + 1);
-			if (n.sources = t, this.sources.size === 0 && !this.rendering) for (let e of [...this.resources.keys()]) this.release(e);
-		}
-	}
-	replacement(e, t) {
-		let n = e.material, r = this.replacements.get(e);
-		if (r?.original !== n) {
-			this.releaseMaterial(e);
-			let i = t === "line" ? new Z() : new T.MeshBasicNodeMaterial({
-				transparent: !0,
-				toneMapped: !1,
-				fog: !1
-			});
-			i instanceof Z ? i.copy(n) : i.fragmentNode = I(I(L(I(ae, 1), T.SRGBColorSpace)).rgb, oe), r = {
-				original: n,
-				material: i
-			}, this.replacements.set(e, r);
-		}
-		let i = r.material;
-		return i.color.copy(n.color), i.opacity = n.opacity, i.depthTest = n.depthTest, i.depthWrite = n.depthWrite, i.depthFunc = n.depthFunc, i.side = n.side, i.forceSinglePass = n.forceSinglePass, i.colorWrite = n.colorWrite, i.polygonOffset = n.polygonOffset, i.polygonOffsetFactor = n.polygonOffsetFactor, i.polygonOffsetUnits = n.polygonOffsetUnits, i.alphaToCoverage = n.alphaToCoverage, i instanceof Z && n instanceof l && (i.linewidth = n.linewidth, i.dashed = n.dashed, i.worldUnits = n.worldUnits, i.dashSize = n.dashSize, i.gapSize = n.gapSize, i.dashOffset = n.dashOffset, i.scale = n.scale, i.resolution.copy(n.resolution)), i;
-	}
-	resource() {
-		let e = this.renderer, t = e.getRenderTarget();
-		if (!t || "isRenderTarget3D" in t || "isRenderTargetArray" in t || "isWebGLCubeRenderTarget" in t || e.getActiveMipmapLevel() !== 0 || e.getMRT() !== null || t.textures.length !== 1 || t.texture.format !== T.RGBAFormat || t.texture.colorSpace !== T.NoColorSpace || ![T.UnsignedByteType, T.HalfFloatType].includes(t.texture.type)) return;
-		let n = this.resources.get(t);
-		if (!n) {
-			let e = new T.FramebufferTexture(t.width, t.height), r = new T.FramebufferTexture(t.width, t.height);
-			e.source = new T.Source({
-				width: t.width,
-				height: t.height
-			}), r.source = new T.Source({
-				width: t.width,
-				height: t.height
-			});
-			let i = () => this.release(t);
-			t.addEventListener("dispose", i), n = {
-				before: e,
-				after: r,
-				detach: () => t.removeEventListener("dispose", i)
-			}, this.resources.set(t, n);
-		}
-		for (let e of [n.before, n.after]) (e.image.width !== t.width || e.image.height !== t.height || e.type !== t.texture.type) && (e.source = new T.Source({
-			width: t.width,
-			height: t.height
-		}), e.needsUpdate = !0);
-		return this.beforeNode.value = n.before, this.afterNode.value = n.after, n;
-	}
-	render(e, t, n) {
-		let r = this.renderer;
-		if (e.overrideMaterial) return n();
-		this.rendering = !0;
-		let i = r.getRenderObjectFunction();
-		this.previousDraw = i, this.tail.layers.mask = this.sentinel.layers.mask = t.layers.mask, e.add(this.tail);
-		let a, o = !1, s = !1, c = !1, l = (e, t) => {
-			this.quad.material = e, r.renderObject(this.quad, t[1], t[2], this.quad.geometry, e, null, t[6], t[7], null);
-		}, u = (e) => {
-			a &&= (r.copyFramebufferToTexture(a.after), this.observation.copies++, l(this.decode, e), void 0);
-		}, d = (e) => i ? i.call(r, ...e) : r.renderObject(...e);
-		r.setRenderObjectFunction((...t) => {
-			let n = t[0];
-			n === this.sentinel && (c = !0);
-			let i = t[1] === e && this.sources.has(n), f = i && !e.overrideMaterial ? $(n, t[4]) : void 0;
-			if (f && !o && !c) {
-				if (a || (a = this.resource(), a && (r.copyFramebufferToTexture(a.before), this.observation.copies++, l(this.encode, t), this.observation.brackets++)), a) {
-					let e = [...t];
-					e[4] = this.replacement(n, f), d(e), this.observation.encodedDraws++, s = !0;
-					return;
-				}
-				this.observation.unsupportedDraws++;
-			}
-			f && !o && c && this.observation.unsupportedDraws++, u(t), d(t), i && this.observation.linearDraws++, t[1] === e && !e.overrideMaterial && ce(t[4]) && le(r) && (!o && s && this.observation.lateHDRDraws++, o = !0);
-		});
-		try {
-			return n();
-		} finally {
-			if (r.setRenderObjectFunction(i), this.tail.removeFromParent(), this.rendering = !1, this.previousDraw = null, this.sources.size === 0) for (let e of [...this.resources.keys()]) this.release(e);
-			this.pendingDispose && this.dispose();
-		}
-	}
-	releaseMaterial(e) {
-		let t = this.replacements.get(e);
-		t && (this.replacements.delete(e), t.material.dispose(), this.observation.materialDisposals++);
-	}
-	release(e) {
-		let t = this.resources.get(e);
-		t && (this.resources.delete(e), t.detach(), t.before.dispose(), t.after.dispose(), this.observation.resourceDisposals++);
-	}
-	dispose() {
-		if (!this.observation.disposed) {
-			if (this.rendering) this.pendingDispose = !0;
-			else {
-				this.observation.disposed = !0;
-				for (let e of [...this.resources.keys()]) this.release(e);
-				for (let e of [...this.replacements.keys()]) this.releaseMaterial(e);
-				this.beforePlaceholder.dispose(), this.afterPlaceholder.dispose(), this.encode.dispose(), this.decode.dispose(), this.quad.geometry.dispose(), this.sentinel.geometry.dispose(), this.sentinel.material.dispose(), this.tail.removeFromParent(), this.renderer.render === this.wrappedRender && (this.renderer.render = this.previousRender), Q.get(this.renderer) === this && Q.delete(this.renderer);
-			}
-		}
-	}
-};
-function fe(e, t) {
-	let n = Q.get(e);
-	return n || (n = new de(e), Q.set(e, n)), n.owner(t);
-}
-//#endregion
-//#region src/ModelMakerPlugin/Controller.ts
-var pe = class extends f {
-	state;
-	items = [];
-	group = new k();
-	data;
-	disposed = !1;
-	onFiveDispose = () => this.dispose();
-	savedColorOwner;
-	syncSavedColorSources = () => {
-		let e = this.five.renderer;
-		e && !this.disposed && (this.savedColorOwner ??= fe(e, this.five.scene), this.savedColorOwner.setModels(this.items.map((e) => e.model)));
-	};
-	labelAnimations = /* @__PURE__ */ new Set();
-	boxAnimationTokens = /* @__PURE__ */ new WeakMap();
-	tagRendererMap = {};
-	itemRenderers = /* @__PURE__ */ new WeakMap();
-	itemRendererDisposers = /* @__PURE__ */ new WeakMap();
-	fiveDomEvents;
-	zFightingOffset = 0;
-	tagWrapper;
-	occlusionVisibility;
-	occlusionMode;
-	tagOcclusionScope;
-	fiveEveryReadyListenerDisposer;
-	originalOpacities = /* @__PURE__ */ new Map();
-	originalTagOpacities = /* @__PURE__ */ new Map();
-	highlightedItem = null;
-	originalTagStyles = /* @__PURE__ */ new Map();
-	originalModelColors = /* @__PURE__ */ new Map();
-	constructor(e, t) {
-		super(e), this.group.name = "ModelMakerPluginGroup", this.state = {
-			enabled: !0,
-			visible: !0
-		}, this.occlusionVisibility = t?.occlusionVisibility ?? !1, this.occlusionMode = t?.occlusionMode ?? "translucence", this.tagOcclusionScope = t?.tagOcclusionScope ?? {}, this.fiveDomEvents = new c(e, {
-			noEmitWhenHide: !0,
-			noEmitWhenNotInScene: !0
-		}), this.tagWrapper = (() => {
-			let e = document.createElement("div");
-			return e.style.position = "absolute", e.style.top = "0", e.style.left = "0", e.style.width = "100%", e.style.height = "100%", e.style.pointerEvents = "none", e.style.zIndex = `${t?.tagContainerZIndex ?? ""}`, e;
-		})(), e.scene.add(this.group), this.handleEnable(), e.once("dispose", this.onFiveDispose);
-	}
-	async load(e) {
-		if (this.disposed || (this.clear(), this.data = e, this.originalOpacities.clear(), this.resetHighlight(), await i(this.five), this.disposed || this.data !== e)) return;
-		this.clear();
-		let t = (e) => {
-			let t = e.object_data.color ? new D().setHex(parseInt(e.object_data.color.slice(1), 16)) : new D(1, 1, 1), n = typeof this.occlusionVisibility == "boolean" && this.occlusionVisibility, r = this.occlusionMode;
-			e.type === "triangles" && (n = !0, r = "depthTest");
-			let i = (e.object_data.opacity ?? .4) / 2;
-			return e.id && this.originalOpacities.set(e.id.toString(), {
-				opacity: i,
-				lineOpacity: 1
-			}), {
-				color: t,
-				lineColor: t,
-				opacity: i,
-				lineOpacity: 1,
-				lineWidth: 1,
-				occlusionVisibility: n,
-				occlusionMode: r
-			};
-		};
-		this.items = e.list.map((e) => {
-			switch (e.type) {
-				case "triangles": {
-					let n = new Y();
-					return o(e.id) && (n.uuid = e.id.toString()), n.setPoints(e.object_data.points, { checkLinesIntersect: !1 }), n.setStyle(t(e)), this.fiveDomEvents.addEventListener(n, "hover", () => n.highlight()), this.fiveDomEvents.addEventListener(n, "unHover", () => n.unhighlight()), new q({
-						five: this.five,
-						tagWrapper: this.tagWrapper,
-						model: n,
-						group: this.group,
-						type: e.type,
-						rawData: e,
-						fiveDomEvents: this.fiveDomEvents,
-						tagOcclusionScope: this.tagOcclusionScope[e.type]
-					});
-				}
-				case "prism": {
-					let n = new X();
-					o(e.id) && (n.uuid = e.id.toString()), this.zFightingOffset += re.Z_FIGHTING_OFFSET;
-					let r = e.object_data.points.map((t) => [
-						t[0],
-						t[1] + (e.object_data.fixedY ?? 0),
-						t[2]
-					]);
-					r.push(r[0]);
-					let i = e.object_data.height + (e.object_data.fixedHeight ?? 0) + this.zFightingOffset, s = a(r[0]).add(new M().setY(i));
-					return n.setPoints({
-						points: r,
-						heightPoint: s
-					}), n.setStyle(t(e)), new K({
-						five: this.five,
-						tagWrapper: this.tagWrapper,
-						model: n,
-						group: this.group,
-						type: e.type,
-						rawData: e,
-						fiveDomEvents: this.fiveDomEvents,
-						tagOcclusionScope: this.tagOcclusionScope[e.type]
-					});
-				}
-				case "box": {
-					let n = new X({ five: this.five });
-					o(e.id) && (n.uuid = e.id.toString());
-					let { start: r, end: i, rotation: a = [
-						0,
-						0,
-						0,
-						"XYZ"
-					] } = e.object_data, s = new M().fromArray(r), c = new M().fromArray(i), l = new O().fromArray(a), d = new A().setFromEuler(l), f = d.clone().invert(), p = new M().lerpVectors(s, c, .5), m = p.clone().negate(), h = s.clone().add(m).applyQuaternion(f), g = c.clone().add(m).applyQuaternion(f), _ = new E(h.clone().max(g), h.clone().min(g));
-					return n.setPoints({
-						points: [
-							u(_, 2),
-							u(_, 3),
-							u(_, 7),
-							u(_, 6)
-						],
-						heightPoint: u(_, 1)
-					}), n.position.copy(p), n.quaternion.copy(d), n.setStyle(t(e)), new V({
-						five: this.five,
-						tagWrapper: this.tagWrapper,
-						model: n,
-						group: this.group,
-						type: e.type,
-						rawData: e,
-						fiveDomEvents: this.fiveDomEvents,
-						tagOcclusionScope: this.tagOcclusionScope[e.type]
-					});
-				}
-				default: return null;
-			}
-		}).filter(Boolean), this.items.forEach(({ model: e }) => {
-			(e instanceof Y || e instanceof X) && (e.onSavedGeometryChange = this.syncSavedColorSources);
-		}), this.syncSavedColorSources(), this.state.enabled ? this.handleEnable() : this.handleDisable(), this.state.visible ? this.handleShow() : this.handleHide(), this.updateTagRenderer(), this.hooks.emit("dataLoaded", e), this.five.needsRender = !0;
-	}
-	setState(e) {
-		this.disposed || (o(e.enabled) && this.state.enabled !== e.enabled && (this.state.enabled = e.enabled, e.enabled ? this.handleEnable() : this.handleDisable(), this.hooks.emit(e.enabled ? "enable" : "disable", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", {
-			state: this.state,
-			userAction: "我不知道捏"
-		})), o(e.visible) && this.state.visible !== e.visible && (this.state.visible = e.visible, e.visible ? this.handleShow() : this.handleHide(), this.hooks.emit(e.visible ? "show" : "hide", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", {
-			state: this.state,
-			userAction: "我不知道捏"
-		})));
-	}
-	getItemById(e) {
-		return this.items.find((t) => t.rawData.id === e);
-	}
-	registerTagRenderer(e) {
-		this.tagRendererMap = {
-			...this.tagRendererMap,
-			...e
-		}, this.updateTagRenderer();
-	}
-	hasCustomTagRenderer(e) {
-		return !!this.tagRendererMap[e];
-	}
-	forceFinishBoxAnimation(e, t = !0) {
-		let n = [];
-		if (e) {
-			let t = this.getItemById(e);
-			t && ["box", "prism"].includes(t.type) && (n = [t], this.boxAnimationTokens.delete(t), t.model.forceFinishBoxAnimation(e));
-		} else n = this.items.filter((e) => ["box", "prism"].includes(e.type)), n.forEach((e) => {
-			this.boxAnimationTokens.delete(e), e.model.forceFinishBoxAnimation(e.rawData.id);
-		});
-		t && n.forEach((e) => {
-			e.tag && (e.tag.show(), e.tag.container.style.opacity = "1");
-		}), this.five.needsRender = !0;
-	}
-	playBoxAnimation(e, t = {}) {
-		let { color: n = "#4DF0FF", hideLabels: r = !1 } = t;
-		this.forceFinishBoxAnimation(e);
-		let i = e ? [this.getItemById(e)].filter(Boolean) : this.items.filter((e) => ["box", "prism"].includes(e.type));
-		if (i.length === 0) return console.warn("No box items found to animate"), Promise.resolve();
-		let a = Symbol();
-		i.forEach((e) => this.boxAnimationTokens.set(e, a)), r && this.hideItemLabels(i);
-		let o = i.map((e) => !e || !["box", "prism"].includes(e.type) ? Promise.resolve() : e.model.playBoxAnimation(e.rawData.id, n));
-		return Promise.all(o).then(() => {
-			if (r && i.every((e) => this.items.includes(e) && this.boxAnimationTokens.get(e) === a)) return this.easeInItemLabels(i);
-		});
-	}
-	enable() {
-		this.setState({ enabled: !0 });
-	}
-	disable() {
-		this.setState({ enabled: !1 });
-	}
-	show() {
-		this.setState({ visible: !0 });
-	}
-	hide() {
-		this.setState({ visible: !1 });
-	}
-	clear() {
-		this.savedColorOwner?.clear(), this.data = void 0, this.labelAnimations.forEach((e) => e()), this.labelAnimations.clear(), this.zFightingOffset = 0, this.handleDisable(), this.items.forEach((e) => {
-			(e.model instanceof Y || e.model instanceof X) && (e.model.onSavedGeometryChange = void 0), this.itemRendererDisposers.get(e)?.(), e.disable(), e.tag.destroy(), e.model instanceof w && e.model.disposeAnimation(), this.fiveDomEvents.removeEventListener(e.model);
-			let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
-			e.model.traverse((e) => {
-				let r = e;
-				for (let i of [e, r.meshBackground]) i?.geometry && !i.geometry.isBlank && t.add(i.geometry), (i?.material ? Array.isArray(i.material) ? i.material : [i.material] : []).forEach((e) => n.add(e));
-			}), t.forEach((e) => e.dispose()), n.forEach((e) => e.dispose());
-		}), this.group.clear(), this.five.needsRender = !0, this.items = [], this.tagWrapper.innerHTML = "", this.fiveDomEvents.clear(), this.originalOpacities.clear(), this.originalTagOpacities.clear(), this.highlightedItem = null, this.originalTagStyles.clear(), this.originalModelColors.clear();
-	}
-	setModelsOpacity(e, t) {
-		if (!this.state.enabled) return;
-		let { type: n, id: r } = t || {}, i = n ? Array.isArray(n) ? n : [n] : [], a = e === 1;
-		for (let t of this.items) if (!n || i.includes(t.type) || t.rawData.id === r) {
-			switch (t.type) {
-				case "box":
-				case "prism":
-					this.setPrismModelOpacity(t.rawData.id, t.model, e);
-					break;
-				case "triangles": this.setPolygonModelOpacity(t.rawData.id, t.model, e);
-			}
-			if (t.tag) {
-				if (!t.tag.visible) continue;
-				let n = t.rawData.id.toString();
-				if (a) {
-					let e = this.originalTagOpacities.get(n);
-					e !== void 0 && (t.tag.container.style.opacity = e.toString());
-				} else {
-					if (!this.originalTagOpacities.has(n)) {
-						let e = parseFloat(t.tag.container.style.opacity) || 1;
-						this.originalTagOpacities.set(n, e);
-					}
-					let r = (this.originalTagOpacities.get(n) || 1) * e;
-					t.tag.container.style.opacity = r.toString();
-				}
-				(parseFloat(t.tag.container.style.opacity) || 0) < .01 ? t.tag.container.style.pointerEvents = "none" : t.tag.container.style.pointerEvents = "auto";
-			}
-		}
-		this.five.needsRender = !0;
-	}
-	hideItemsByType(e) {
-		let t = Array.isArray(e) ? e : [e];
-		this.items.forEach((e) => {
-			t.includes(e.type) && e.hide();
-		});
-	}
-	showItemsByType(e) {
-		let t = Array.isArray(e) ? e : [e];
-		this.items.forEach((e) => {
-			t.includes(e.type) && e.show();
-		});
-	}
-	hideItemsByCondition(e) {
-		this.items.forEach((t) => {
-			e(t) && (t.hide(), t.tag.disable());
-		});
-	}
-	showItemsByCondition(e) {
-		this.items.forEach((t) => {
-			e(t) && (t.show(), t.tag.enable());
-		});
-	}
-	setItemsVisibility(e, t) {
-		this.items.forEach((n) => {
-			e(n) && (t ? n.show() : n.hide(), t ? n.tag.enable() : n.tag.disable());
-		});
-	}
-	showAllItems() {
-		this.items.forEach((e) => {
-			e.show(), e.tag.enable();
-		});
-	}
-	hideAllItems() {
-		this.items.forEach((e) => {
-			e.hide(), e.tag.disable();
-		});
-	}
-	dispose() {
-		this.disposed || (this.disposed = !0, this.five.off("dispose", this.onFiveDispose), this.hooks.emit("dispose"), this.resetHighlight(), this.clear(), this.savedColorOwner?.dispose(), this.savedColorOwner = void 0, this.fiveDomEvents.dispose());
-	}
-	onWorkCodeChange() {
-		this.group.matrix.copy(this.workUtil.transform.clone()), this.group.matrix.decompose(this.group.position, this.group.quaternion, this.group.scale), this.group.updateMatrixWorld();
-	}
-	applyHighlightStyles(e, t) {
-		let n = e.rawData.id.toString(), r = e.tag.container, i = null;
-		if (e.type === "prism" ? i = r.querySelector(".room-label-item__text") : e.type === "box" && (i = r.querySelector(".model-maker-tag")), i) {
-			let e = window.getComputedStyle(i);
-			this.originalTagStyles.set(n, {
-				background: i.style.background || e.background,
-				borderImage: i.style.borderImage || e.borderImage
-			}), i.style.background = t, i.style.borderImage = "none";
-		}
-		let a = e.model;
-		if (a && typeof a.setStyle == "function") {
-			let r = e.rawData.object_data.color ? new D().setHex(parseInt(e.rawData.object_data.color.slice(1), 16)) : new D(1, 1, 1), i = this.originalOpacities.get(n) || {
-				opacity: .2,
-				lineOpacity: 1
-			};
-			this.originalModelColors.set(n, {
-				color: r.clone(),
-				lineColor: r.clone(),
-				opacity: i.opacity,
-				lineOpacity: i.lineOpacity
-			});
-			let o = new D(t);
-			a.setStyle({
-				color: o,
-				lineColor: o,
-				opacity: i.opacity,
-				lineOpacity: i.lineOpacity
-			});
-		}
-		this.five.needsRender = !0;
-	}
-	removeHighlightStyles(e) {
-		let t = e.rawData.id.toString(), n = e.tag.container, r = this.originalTagStyles.get(t);
-		if (r) {
-			let i = null;
-			e.type === "prism" ? i = n.querySelector(".room-label-item__text") : e.type === "box" && (i = n.querySelector(".model-maker-tag")), i && (i.style.background = r.background, i.style.borderImage = r.borderImage), this.originalTagStyles.delete(t);
-		}
-		let i = this.originalModelColors.get(t);
-		if (i) {
-			let n = e.model;
-			n && typeof n.setStyle == "function" && n.setStyle({
-				color: i.color,
-				lineColor: i.lineColor,
-				opacity: i.opacity,
-				lineOpacity: i.lineOpacity
-			}), this.originalModelColors.delete(t);
-		}
-		this.five.needsRender = !0;
-	}
-	setPrismModelOpacity(e, t, n) {
-		let { opacity: r, lineOpacity: i } = this.originalOpacities.get(e.toString()) || {
-			opacity: .2,
-			lineOpacity: 1
-		};
-		r *= n, i *= n, t.setStyle({
-			opacity: r,
-			lineOpacity: i
-		});
-	}
-	setPolygonModelOpacity(e, t, n) {
-		let { opacity: r, lineOpacity: i } = this.originalOpacities.get(e.toString()) || {
-			opacity: .2,
-			lineOpacity: 1
-		};
-		r *= n, i *= n, t.setStyle({
-			opacity: r,
-			lineOpacity: i
-		});
-	}
-	onFiveModeChange = (e) => {
-		let t = this.occlusionVisibility;
-		Array.isArray(t) && [...this.getPrismItems(), ...this.getBoxItems()].forEach((n) => {
-			(n.model instanceof w || n.model instanceof C) && n.model.setStyle({ occlusionVisibility: t.includes(e) });
-		});
-	};
-	handleShow() {
-		this.group.visible = !0, this.tagWrapper.style.display = "block", this.five.needsRender = !0;
-	}
-	handleHide() {
-		this.group.visible = !1, this.tagWrapper.style.display = "none", this.five.needsRender = !0;
-	}
-	handleEnable = () => {
-		this.five.scene.add(this.group), this.five.getElement()?.parentElement?.appendChild(this.tagWrapper), this.five.needsRender = !0, this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveEveryReady(), this.five.on("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer = r(this.five, this.onFiveEveryReady);
-	};
-	handleDisable = () => {
-		this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0, this.five.off("modeChange", this.onFiveModeChange), this.fiveEveryReadyListenerDisposer?.(), this.fiveEveryReadyListenerDisposer = void 0;
-	};
-	onFiveEveryReady = async () => {
-		if (this.five.state.mode === "Panorama") return;
-		let e = this.items.filter((e) => e instanceof K).map((e) => e.tag), t = e.filter((e) => e.position && e.visible && e.enabled);
-		await ie(0);
-		let n = this.five.camera.position.clone(), r = t.sort((e, t) => n.distanceTo(e.position) - n.distanceTo(t.position)), i = [], a = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom);
-		e.forEach((e) => {
-			e.visibles[2] = void 0;
-		}), r.forEach((e) => {
-			if (e.visibles[1] === !1) return;
-			let t = e.container.getElementsByClassName("room-label-item__text")[0];
-			if (!t) return;
-			let n = t.getBoundingClientRect();
-			i.every((e) => !a(e.boundingClientRect, n)) ? (i.push({
-				tag: e,
-				boundingClientRect: n
-			}), e.visibles[2] = !0) : e.visibles[2] = !1, e.needsRender = !0;
-		});
-	};
-	updateTagRenderer = () => {
-		this.items.forEach((e) => {
-			let t = this.tagRendererMap[e.type] ?? G[e.type];
-			t && this.itemRenderers.get(e) !== t && (this.itemRenderers.set(e, t), this.itemRendererDisposers.get(e)?.(), e.tag.container.innerHTML = "", this.itemRendererDisposers.set(e, t(e.tag.container, e, this.five)));
-		});
-	};
-	highlightItem(e, t = "#FF7700") {
-		if (!this.state.enabled) return;
-		this.resetHighlight();
-		let n = this.getItemById(e);
-		n && n.tag && (this.highlightedItem = n, this.applyHighlightStyles(n, t));
-	}
-	resetHighlight() {
-		this.highlightedItem &&= (this.removeHighlightStyles(this.highlightedItem), null);
-	}
-	getHighlightedItemId() {
-		return this.highlightedItem?.rawData.id ?? null;
-	}
-	getPrismItems() {
-		return this.items.filter((e) => e instanceof K);
-	}
-	getPolygonItems() {
-		return this.items.filter((e) => e instanceof q);
-	}
-	getBoxItems() {
-		return this.items.filter((e) => e instanceof V);
-	}
-	hideItemLabels(e) {
-		e.forEach((e) => {
-			e.tag && e.tag.hide();
-		});
-	}
-	easeInItemLabels(e, t = 500) {
-		return new Promise((n) => {
-			if (e.length === 0 || !this.state.enabled) {
-				n();
-				return;
-			}
-			e.forEach((e) => {
-				e.tag && (e.tag.show(), e.tag.container.style.opacity = "0");
-			});
-			let r = Date.now(), i, a = () => {
-				cancelAnimationFrame(i), this.labelAnimations.delete(a), n();
-			};
-			this.labelAnimations.add(a);
-			let o = () => {
-				let n = Date.now() - r, s = Math.min(n / t, 1), c = 1 - (1 - s) ** 3;
-				e.forEach((e) => {
-					e.tag && (e.tag.container.style.opacity = c.toString());
-				}), s < 1 ? i = requestAnimationFrame(o) : (e.forEach((e) => {
-					e.tag && (e.tag.container.style.opacity = "1");
-				}), a());
-			};
-			i = requestAnimationFrame(o);
-		});
-	}
-}, me = (...e) => new pe(...e);
-//#endregion
-export { G as n, me as t };
-
-//# sourceMappingURL=model-maker-tbF87kJz.js.map