@realsee/dnalogel 3.81.13 → 4.0.0-webgpu.3

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

@@ -0,0 +1,897 @@
+import { t as e } from "./Subscribe-DLlAl88n.js";
+import { _ as t, c as n, v as r } from "./generatePolygonGeometry-B_5JFq8y.js";
+import { t as i } from "./fiveModelLoad-mg-TnpnM.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-3H9NvDOz.js";
+import { n as l } from "./Line2-CDxLMjGj.js";
+import { r as u, t as d } from "./boundingBox-DvCor5Hd.js";
+import { t as f } from "./BasePluginWithData-9z4tpAT4.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-Dm5ESkgg.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 ae, materialColor as oe, materialOpacity as se, positionGeometry as N, 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 n = e.position ?? this.model.center ?? d(this.model).getCenter(new M());
+		this.tag = t(this.five, n, {
+			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) {
+	n(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(N.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(ae(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(oe, 1), T.SRGBColorSpace)).rgb, se), 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 { me as t };
+
+//# sourceMappingURL=model-maker-uO8xlTuO.js.map