bimatter-viewer-react 0.6.7 → 0.6.8

package/lib/index.js

@@ -1,33 +1,33 @@
 import { t as e } from "./three.webgpu-vPugBGTK.js";
 import { a as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, r as l, t as u, u as d } from "./three.tsl-BarIGkA_.js";
 import f, { Suspense as p, forwardRef as m, lazy as h, memo as g, useCallback as _, useEffect as v, useImperativeHandle as y, useMemo as b, useRef as x, useState as S } from "react";
-import { Canvas as ee, useFrame as C, useThree as w } from "@react-three/fiber";
-import { CameraControls as T, Stats as te } from "@react-three/drei";
-import { Box3 as E, BoxGeometry as D, BufferAttribute as O, BufferGeometry as k, CanvasTexture as A, Color as j, ConeGeometry as M, DoubleSide as N, DynamicDrawUsage as P, Float32BufferAttribute as F, Group as I, Line as ne, Line3 as L, LineBasicMaterial as re, LineDashedMaterial as R, LineSegments as ie, LinearFilter as z, LinearMipmapLinearFilter as ae, MathUtils as oe, Matrix4 as B, Mesh as V, MeshBasicMaterial as H, MeshLambertMaterial as se, Object3D as ce, OrthographicCamera as le, PerspectiveCamera as ue, Plane as de, RepeatWrapping as fe, SRGBColorSpace as pe, ShapeUtils as me, Sphere as he, SphereGeometry as ge, Sprite as _e, SpriteMaterial as ve, Uint32BufferAttribute as ye, Vector2 as U, Vector3 as W } from "three";
-import { CONTAINED as be, INTERSECTED as xe, MeshBVH as Se, NOT_INTERSECTED as Ce, acceleratedRaycast as we } from "three-mesh-bvh";
-import { Fragment as Te, jsx as G, jsxs as K } from "react/jsx-runtime";
-import Ee from "pako";
+import { Canvas as C, useFrame as w, useThree as T } from "@react-three/fiber";
+import { CameraControls as E, Stats as ee } from "@react-three/drei";
+import { Box3 as D, BoxGeometry as O, BufferAttribute as k, BufferGeometry as A, CanvasTexture as j, Color as M, ConeGeometry as N, DoubleSide as P, DynamicDrawUsage as te, Float32BufferAttribute as F, Group as I, Line as L, Line3 as R, LineBasicMaterial as z, LineDashedMaterial as B, LineSegments as ne, LinearFilter as V, LinearMipmapLinearFilter as re, MathUtils as ie, Matrix4 as ae, Mesh as H, MeshBasicMaterial as U, MeshLambertMaterial as oe, Object3D as W, OrthographicCamera as se, PerspectiveCamera as ce, Plane as le, RepeatWrapping as ue, SRGBColorSpace as de, ShapeUtils as fe, Sphere as pe, SphereGeometry as me, Sprite as he, SpriteMaterial as ge, Uint32BufferAttribute as _e, Vector2 as G, Vector3 as K } from "three";
+import { CONTAINED as ve, INTERSECTED as ye, MeshBVH as be, NOT_INTERSECTED as xe, acceleratedRaycast as Se } from "three-mesh-bvh";
+import { Fragment as Ce, jsx as q, jsxs as J } from "react/jsx-runtime";
+import we from "pako";
 //#region src/viewer/SelectableMesh.tsx
-V.prototype.raycast = we;
-var De = 1 / 1.5, Oe = f.memo(function({ colorPaletteTexture: e, material: t, materialMode: n = "quality", data: r, isIfcSpace: i = !1, meshMatrix: a, useDoubleSideMaterial: o = !1 }) {
+H.prototype.raycast = Se;
+var Te = 1 / 1.5, Ee = f.memo(function({ colorPaletteTexture: e, material: t, materialMode: n = "quality", data: r, isIfcSpace: i = !1, meshMatrix: a, useDoubleSideMaterial: o = !1 }) {
 	let s = x(null), c = d((e) => e.preselectionColor), l = x(c);
 	l.current = c;
 	let u = b(() => {
-		let r = new j(t.r, t.g, t.b);
-		n === "performance" && r.multiplyScalar(De);
+		let r = new M(t.r, t.g, t.b);
+		n === "performance" && r.multiplyScalar(Te);
 		let i = {
 			color: r.clone(),
 			transparent: !!(t.opacity && t.opacity != 1),
 			opacity: t.opacity ?? 1
 		}, a = o ? {
 			...i,
-			side: N
-		} : i, s = n === "performance" ? new H(a) : new se(a), c = s;
+			side: P
+		} : i, s = n === "performance" ? new U(a) : new oe(a), c = s;
 		return c.defaultAttributeValues = {
 			...c.defaultAttributeValues,
 			colorIndex: [0]
 		}, s.onBeforeCompile = (t) => {
-			let n = new j(l.current);
+			let n = new M(l.current);
 			t.uniforms.baseColor = { value: r.clone() }, t.uniforms.preSelectionColor = { value: n }, t.uniforms.preSelectionId = { value: -1 }, t.uniforms.elementColorPalette = { value: e }, t.vertexShader = t.vertexShader.replace("#include <common>", "\n                #include <common>\n                attribute float colorIndex;\n                attribute uint ids;\n                flat varying float vColorIndex;\n                flat varying float vPreselectId;\n                "), t.vertexShader = t.vertexShader.replace("#include <begin_vertex>", "\n                #include <begin_vertex>\n                vColorIndex = colorIndex;\n                vPreselectId = float(ids);\n                "), t.fragmentShader = t.fragmentShader.replace("#include <common>", "\n                #include <common>\n                uniform vec3 baseColor;\n                uniform vec3 preSelectionColor;\n                uniform sampler2D elementColorPalette;\n                flat varying float vPreselectId;\n                flat varying float vColorIndex;\n                uniform float preSelectionId;\n                "), t.fragmentShader = t.fragmentShader.replace("vec4 diffuseColor = vec4( diffuse, opacity );", `
                 vec4 diffuseColor;
                 if(preSelectionId == vPreselectId && abs(vColorIndex - 1.0) > 0.5){
@@ -53,14 +53,14 @@ var De = 1 / 1.5, Oe = f.memo(function({ colorPaletteTexture: e, material: t, ma
 	]);
 	return v(() => {
 		let e = u.userData.shader?.uniforms.preSelectionColor;
-		e && (e.value instanceof j ? e.value.set(c) : e.value = new j(c));
+		e && (e.value instanceof M ? e.value.set(c) : e.value = new M(c));
 	}, [u, c]), v(() => {
 		if (!s.current) return;
-		let e = s.current.geometry, t = new Se(e, { indirect: !0 });
+		let e = s.current.geometry, t = new be(e, { indirect: !0 });
 		return Object.assign(e, { boundsTree: t }), () => {
 			u.dispose(), Object.assign(e, { boundsTree: null });
 		};
-	}, [u]), /* @__PURE__ */ K("mesh", {
+	}, [u]), /* @__PURE__ */ J("mesh", {
 		frustumCulled: !0,
 		matrix: a,
 		matrixAutoUpdate: !1,
@@ -71,38 +71,38 @@ var De = 1 / 1.5, Oe = f.memo(function({ colorPaletteTexture: e, material: t, ma
 			let t = e.object;
 			t.preselected &&= !1;
 		},
-		children: [/* @__PURE__ */ K("bufferGeometry", { children: [
-			/* @__PURE__ */ G("bufferAttribute", {
+		children: [/* @__PURE__ */ J("bufferGeometry", { children: [
+			/* @__PURE__ */ q("bufferAttribute", {
 				attach: "attributes-position",
 				args: [r.pos, 3]
 			}),
-			r.norm && /* @__PURE__ */ G("bufferAttribute", {
+			r.norm && /* @__PURE__ */ q("bufferAttribute", {
 				attach: "attributes-normal",
 				args: [r.norm, 3]
 			}),
-			/* @__PURE__ */ G("bufferAttribute", {
+			/* @__PURE__ */ q("bufferAttribute", {
 				attach: "attributes-ids",
 				args: [r.ids, 1]
 			}),
-			/* @__PURE__ */ G("bufferAttribute", {
+			/* @__PURE__ */ q("bufferAttribute", {
 				attach: "index",
 				args: [r.ind, 1]
 			})
-		] }), /* @__PURE__ */ G("primitive", { object: u })]
+		] }), /* @__PURE__ */ q("primitive", { object: u })]
 	});
-}), ke = 10, Ae = "#1d2733", je = 2, Me = .05, Ne = "\0", Pe = /* @__PURE__ */ new Map();
-function Fe() {
+}), De = 10, Oe = "#1d2733", ke = 2, Ae = .05, je = "\0", Me = /* @__PURE__ */ new Map();
+function Ne() {
 	return typeof window > "u" ? 1 : Math.min(window.devicePixelRatio || 1, 2);
 }
-function Ie(e, t, n, r) {
-	let i = Fe(), a = document.createElement("canvas"), o = a.getContext("2d");
+function Pe(e, t, n, r) {
+	let i = Ne(), a = document.createElement("canvas"), o = a.getContext("2d");
 	if (!o) throw Error("Could not create grid label canvas context");
 	let s = `400 ${r}px system-ui, "Segoe UI", sans-serif`, c = Math.ceil(r * .5), l = Math.ceil(r * .35);
 	o.font = s;
 	let u = o.measureText(t), d = u.actualBoundingBoxAscent || r * .8, f = u.actualBoundingBoxDescent || r * .2, p = Math.max(1, Math.ceil(u.width + c * 2)), m = Math.max(1, Math.ceil(d + f + l * 2));
 	a.width = Math.ceil(p * i), a.height = Math.ceil(m * i), o.scale(i, i), o.clearRect(0, 0, p, m), o.font = s, o.fillStyle = n, o.textAlign = "left", o.textBaseline = "alphabetic", o.fillText(t, c, l + d);
-	let h = new A(a);
-	return h.colorSpace = pe, h.generateMipmaps = !1, h.magFilter = z, h.minFilter = z, h.needsUpdate = !0, {
+	let h = new j(a);
+	return h.colorSpace = de, h.generateMipmaps = !1, h.magFilter = V, h.minFilter = V, h.needsUpdate = !0, {
 		disposeTimer: null,
 		height: m,
 		key: e,
@@ -111,49 +111,49 @@ function Ie(e, t, n, r) {
 		width: p
 	};
 }
-function Le(e, t, n) {
+function Fe(e, t, n) {
 	let r = [
 		e,
 		t,
 		n
-	].join(Ne), i = Pe.get(r);
-	return i || (i = Ie(r, e, t, n), Pe.set(r, i)), i;
+	].join(je), i = Me.get(r);
+	return i || (i = Pe(r, e, t, n), Me.set(r, i)), i;
 }
-function Re(e, t, n) {
-	let r = b(() => Le(e, t, n), [
+function Ie(e, t, n) {
+	let r = b(() => Fe(e, t, n), [
 		t,
 		n,
 		e
 	]);
 	return v(() => (r.disposeTimer &&= (clearTimeout(r.disposeTimer), null), r.refs++, () => {
 		r.refs = Math.max(0, r.refs - 1), r.refs <= 0 && (r.disposeTimer = setTimeout(() => {
-			r.refs > 0 || (r.texture.dispose(), Pe.delete(r.key), r.disposeTimer = null);
+			r.refs > 0 || (r.texture.dispose(), Me.delete(r.key), r.disposeTimer = null);
 		}, 1e3));
 	}), [r]), r;
 }
-function ze(e, t, n, r) {
+function Le(e, t, n, r) {
 	let i = Math.abs(n.projectionMatrix.elements[5]) || 1, a = t.height * 2 / (Math.max(1, r) * i), o = a * (t.width / t.height);
 	e.scale.set(o, a, 1);
 }
-function Be(e, t) {
+function Re(e, t) {
 	let n = e[t];
 	return n === void 0 ? 0 : Number.isFinite(n) ? n : null;
 }
-function q(e, t) {
-	return Be(e, t) ?? 0;
+function ze(e, t) {
+	return Re(e, t) ?? 0;
 }
-function Ve(e) {
-	let t = Be(e, "x"), n = Be(e, "y"), r = Be(e, "z");
-	return t === null || n === null || r === null ? null : new W(t, n, r);
+function Be(e) {
+	let t = Re(e, "x"), n = Re(e, "y"), r = Re(e, "z");
+	return t === null || n === null || r === null ? null : new K(t, n, r);
 }
-function He(e, t) {
+function Ve(e, t) {
 	return [
-		q(e, "x"),
-		t !== void 0 && Number.isFinite(t) ? t : q(e, "y"),
-		q(e, "z")
+		ze(e, "x"),
+		t !== void 0 && Number.isFinite(t) ? t : ze(e, "y"),
+		ze(e, "z")
 	];
 }
-function Ue(e) {
+function He(e) {
 	let { h: t, l: n } = e.getHSL({
 		h: 0,
 		s: 0,
@@ -161,14 +161,14 @@ function Ue(e) {
 	});
 	return t < .55 && n >= .5 || t >= .55 && n >= .75 ? "#000000" : "#ffffff";
 }
-function We(e) {
-	let t = w((e) => e.scene.background);
-	return b(() => e || (t instanceof j ? Ue(t) : Ae), [t, e]);
+function Ue(e) {
+	let t = T((e) => e.scene.background);
+	return b(() => e || (t instanceof M ? He(t) : Oe), [t, e]);
 }
-function Ge({ axis: e, grid: t, endSide: n, startSide: r }) {
+function We({ axis: e, grid: t, endSide: n, startSide: r }) {
 	return Object.entries(e).flatMap(([e, i]) => {
 		if (i.length < 2) return [];
-		let a = Ve(i[0]), o = Ve(i[1]);
+		let a = Be(i[0]), o = Be(i[1]);
 		return !a || !o ? [] : (a.y = 0, o.y = 0, [{
 			endSide: n,
 			loc: t.loc,
@@ -178,18 +178,18 @@ function Ge({ axis: e, grid: t, endSide: n, startSide: r }) {
 		}]);
 	});
 }
-function Ke({ flattenToFloor: e, grids: t, showBottom: n, showLeft: r, showRight: i, showTop: a }) {
+function Ge({ flattenToFloor: e, grids: t, showBottom: n, showLeft: r, showRight: i, showTop: a }) {
 	let o = {
 		bottom: n,
 		left: r,
 		right: i,
 		top: a
-	}, s = Object.values(t).flatMap((e) => [...Ge({
+	}, s = Object.values(t).flatMap((e) => [...We({
 		axis: e.points.u,
 		endSide: "right",
 		grid: e,
 		startSide: "left"
-	}), ...Ge({
+	}), ...We({
 		axis: e.points.v,
 		endSide: "bottom",
 		grid: e,
@@ -202,8 +202,8 @@ function Ke({ flattenToFloor: e, grids: t, showBottom: n, showLeft: r, showRight
 			e.startSide,
 			e.endSide,
 			e.name,
-			q(e.loc, "x"),
-			q(e.loc, "z"),
+			ze(e.loc, "x"),
+			ze(e.loc, "z"),
 			e.points[0].x,
 			e.points[0].z,
 			e.points[1].x,
@@ -212,57 +212,57 @@ function Ke({ flattenToFloor: e, grids: t, showBottom: n, showLeft: r, showRight
 		c.has(t) || c.set(t, e);
 	}), Array.from(c.values());
 }
-function qe(e, t) {
-	return new W(...He(e.loc, t));
+function Ke(e, t) {
+	return new K(...Ve(e.loc, t));
 }
-function Je({ cameraPosition: e, floorY: t, line: n, showBottom: r, showLeft: i, showRight: a, showTop: o }) {
+function qe({ cameraPosition: e, floorY: t, line: n, showBottom: r, showLeft: i, showRight: a, showTop: o }) {
 	let s = {
 		bottom: r,
 		left: i,
 		right: a,
 		top: o
-	}, c = qe(n, t), l = n.points[0].clone().add(c), u = n.points[1].clone().add(c), d = l.distanceToSquared(e) > u.distanceToSquared(e) ? "start" : "end", f = d === "start" ? "end" : "start", p = (e) => s[e === "start" ? n.startSide : n.endSide];
+	}, c = Ke(n, t), l = n.points[0].clone().add(c), u = n.points[1].clone().add(c), d = l.distanceToSquared(e) > u.distanceToSquared(e) ? "start" : "end", f = d === "start" ? "end" : "start", p = (e) => s[e === "start" ? n.startSide : n.endSide];
 	return p(d) ? d : p(f) ? f : null;
 }
-function Ye({ endpoint: e, labelOffset: t, line: n }) {
+function Je({ endpoint: e, labelOffset: t, line: n }) {
 	let r = e === "start" ? n.points[0].clone() : n.points[1].clone(), i = n.points[1].clone().sub(n.points[0]);
 	return i.y = 0, i.lengthSq() === 0 && i.set(1, 0, 0), i.normalize().multiplyScalar(t), e === "start" && i.negate(), r.add(i);
 }
-function Xe(e, t) {
-	let n = new W(), r = 0;
+function Ye(e, t) {
+	let n = new K(), r = 0;
 	return e.forEach((e) => {
-		let i = qe(e, t);
+		let i = Ke(e, t);
 		e.points.forEach((e) => {
 			n.add(e).add(i), r++;
 		});
 	}), r && n.divideScalar(r), n;
 }
-function Ze(e, t, n) {
+function Xe(e, t, n) {
 	let r = 0;
 	return e.forEach((e) => {
-		let i = qe(e, n);
+		let i = Ke(e, n);
 		e.points.forEach((e) => {
 			r = Math.max(r, e.clone().add(i).distanceTo(t));
 		});
 	}), r;
 }
-function Qe({ color: e, fontSize: t, position: n, text: r }) {
-	let { camera: i, size: a } = w(), o = x(null), s = Re(r, e, t);
+function Ze({ color: e, fontSize: t, position: n, text: r }) {
+	let { camera: i, size: a } = T(), o = x(null), s = Ie(r, e, t);
 	return v(() => {
 		let e = o.current;
-		e && ze(e, s, i, a.height);
+		e && Le(e, s, i, a.height);
 	}, [
 		i,
 		a.height,
 		s
-	]), C(({ camera: e, size: t }) => {
+	]), w(({ camera: e, size: t }) => {
 		let n = o.current;
-		n && ze(n, s, e, t.height);
-	}), /* @__PURE__ */ G("sprite", {
+		n && Le(n, s, e, t.height);
+	}), /* @__PURE__ */ q("sprite", {
 		ref: o,
 		position: n,
 		renderOrder: 2,
-		children: /* @__PURE__ */ G("spriteMaterial", {
+		children: /* @__PURE__ */ q("spriteMaterial", {
 			alphaTest: .1,
 			depthTest: !0,
 			depthWrite: !1,
@@ -273,8 +273,8 @@ function Qe({ color: e, fontSize: t, position: n, text: r }) {
 		})
 	});
 }
-function $e({ cameraPosition: e, color: t, floorY: n, fontSize: r, labelOffset: i, line: a, showBottom: o, showLeft: s, showRight: c, showTop: l }) {
-	let u = b(() => new k().setFromPoints(a.points), [a.points]), d = Je({
+function Qe({ cameraPosition: e, color: t, floorY: n, fontSize: r, labelOffset: i, line: a, showBottom: o, showLeft: s, showRight: c, showTop: l }) {
+	let u = b(() => new A().setFromPoints(a.points), [a.points]), d = qe({
 		cameraPosition: e,
 		floorY: n,
 		line: a,
@@ -282,19 +282,19 @@ function $e({ cameraPosition: e, color: t, floorY: n, fontSize: r, labelOffset:
 		showLeft: s,
 		showRight: c,
 		showTop: l
-	}), f = d ? Ye({
+	}), f = d ? Je({
 		endpoint: d,
 		labelOffset: i,
 		line: a
 	}) : null;
-	return v(() => () => u.dispose(), [u]), /* @__PURE__ */ K("lineSegments", {
+	return v(() => () => u.dispose(), [u]), /* @__PURE__ */ J("lineSegments", {
 		geometry: u,
-		position: He(a.loc, n),
-		children: [/* @__PURE__ */ G("lineBasicMaterial", {
+		position: Ve(a.loc, n),
+		children: [/* @__PURE__ */ q("lineBasicMaterial", {
 			color: t,
 			depthWrite: !1,
 			linewidth: 2
-		}), f && /* @__PURE__ */ G(Qe, {
+		}), f && /* @__PURE__ */ q(Ze, {
 			color: t,
 			fontSize: r,
 			position: f,
@@ -302,8 +302,8 @@ function $e({ cameraPosition: e, color: t, floorY: n, fontSize: r, labelOffset:
 		})]
 	});
 }
-function et({ color: e, floorY: t, fontSize: n = ke, grids: r, labelOffset: i = je, showBottom: a = !0, showLeft: o = !0, showRight: s = !0, showTop: c = !0, visible: l = !0 }) {
-	let u = w((e) => e.camera), d = x(null), [f, p] = S(() => new W()), m = We(e), h = b(() => r ? Ke({
+function $e({ color: e, floorY: t, fontSize: n = De, grids: r, labelOffset: i = ke, showBottom: a = !0, showLeft: o = !0, showRight: s = !0, showTop: c = !0, visible: l = !0 }) {
+	let u = T((e) => e.camera), d = x(null), [f, p] = S(() => new K()), m = Ue(e), h = b(() => r ? Ge({
 		flattenToFloor: t !== void 0,
 		grids: r,
 		showBottom: a,
@@ -317,21 +317,21 @@ function et({ color: e, floorY: t, fontSize: n = ke, grids: r, labelOffset: i =
 		o,
 		s,
 		c
-	]), g = b(() => Xe(h, t), [t, h]), _ = b(() => Math.max(i, Ze(h, g, t) * .015), [
+	]), g = b(() => Ye(h, t), [t, h]), _ = b(() => Math.max(i, Xe(h, g, t) * .015), [
 		g,
 		t,
 		i,
 		h
 	]);
-	return C(() => {
+	return w(() => {
 		let e = d.current;
 		if (!e) return;
 		let t = u.position.clone();
-		e.worldToLocal(t), !(t.distanceToSquared(f) < Me) && p(t);
-	}), !l || !h.length ? null : /* @__PURE__ */ G("group", {
+		e.worldToLocal(t), !(t.distanceToSquared(f) < Ae) && p(t);
+	}), !l || !h.length ? null : /* @__PURE__ */ q("group", {
 		ref: d,
 		userData: { modelGrids: !0 },
-		children: h.map((e) => /* @__PURE__ */ G($e, {
+		children: h.map((e) => /* @__PURE__ */ q(Qe, {
 			cameraPosition: f,
 			color: m,
 			floorY: t,
@@ -346,9 +346,9 @@ function et({ color: e, floorY: t, fontSize: n = ke, grids: r, labelOffset: i =
 			e.startSide,
 			e.endSide,
 			e.name,
-			q(e.loc, "x"),
-			t ?? q(e.loc, "y"),
-			q(e.loc, "z"),
+			ze(e.loc, "x"),
+			t ?? ze(e.loc, "y"),
+			ze(e.loc, "z"),
 			e.points[0].x,
 			e.points[0].y,
 			e.points[0].z,
@@ -360,33 +360,33 @@ function et({ color: e, floorY: t, fontSize: n = ke, grids: r, labelOffset: i =
 }
 //#endregion
 //#region src/viewer/Model.tsx
-var tt = new B(), nt = h(() => import("./WebGpuSelectableMesh-CLA7yFhR.js").then((e) => ({ default: e.WebGpuSelectableMesh })));
-function rt(e) {
+var et = new ae(), tt = h(() => import("./WebGpuSelectableMesh-s4XT_3wd.js").then((e) => ({ default: e.WebGpuSelectableMesh })));
+function nt(e) {
 	if (!e) return null;
 	try {
 		let t = JSON.parse(e);
-		return !Array.isArray(t) || t.length !== 16 ? null : new B().fromArray(t);
+		return !Array.isArray(t) || t.length !== 16 ? null : new ae().fromArray(t);
 	} catch (e) {
 		return console.warn("Model matrix parsing error", e), null;
 	}
 }
-function it(e) {
-	return rt(at(e));
+function rt(e) {
+	return nt(it(e));
 }
-function at(e) {
+function it(e) {
 	return e.coordinationMatrix ?? Object.values(e.data)[0]?.matrix;
 }
-function ot({ colorPaletteTexture: e, coordinationMatrix: t, modelID: n, data: r, materialMode: i, useWebGPU: a = !1 }) {
+function at({ colorPaletteTexture: e, coordinationMatrix: t, modelID: n, data: r, materialMode: i, useWebGPU: a = !1 }) {
 	let o = d((e) => e.gridAxesVisibility), s = b(() => {
 		if (!r) return {
 			data: [],
 			coordinationMatrix: null,
 			floorY: 0
 		};
-		let e = Object.values(r.data).some((e) => !!e.matrix) ? t?.clone() ?? it(r) : null, i = Infinity, a = new W();
+		let e = Object.values(r.data).some((e) => !!e.matrix) ? t?.clone() ?? rt(r) : null, i = Infinity, a = new K();
 		return {
 			data: Object.values(r.data).map((e) => {
-				let t = (rt(e.matrix) ?? new B()).clone().invert(), r = e.mat, o = e.pos;
+				let t = (nt(e.matrix) ?? new ae()).clone().invert(), r = e.mat, o = e.pos;
 				for (let e = 0; e < o.length; e += 3) a.set(o[e], o[e + 1], o[e + 2]).applyMatrix4(t), Number.isFinite(a.y) && (i = Math.min(i, a.y));
 				return {
 					data: e,
@@ -404,8 +404,8 @@ function ot({ colorPaletteTexture: e, coordinationMatrix: t, modelID: n, data: r
 		r,
 		n
 	]);
-	if (!r) return /* @__PURE__ */ G(Te, {});
-	let c = i ?? r.renderSettings?.materialMode ?? "quality", l = r.renderSettings?.useDoubleSideMaterial === !0, u = s.data.map(({ data: t, isIfcSpace: n, key: r, material: i, meshMatrix: o }) => /* @__PURE__ */ G(a ? nt : Oe, {
+	if (!r) return /* @__PURE__ */ q(Ce, {});
+	let c = i ?? r.renderSettings?.materialMode ?? "quality", l = r.renderSettings?.useDoubleSideMaterial === !0, u = s.data.map(({ data: t, isIfcSpace: n, key: r, material: i, meshMatrix: o }) => /* @__PURE__ */ q(a ? tt : Ee, {
 		colorPaletteTexture: e,
 		material: i,
 		materialMode: c,
@@ -414,14 +414,14 @@ function ot({ colorPaletteTexture: e, coordinationMatrix: t, modelID: n, data: r
 		meshMatrix: o,
 		useDoubleSideMaterial: l
 	}, r));
-	return /* @__PURE__ */ K("group", {
-		matrix: s.coordinationMatrix ?? tt,
+	return /* @__PURE__ */ J("group", {
+		matrix: s.coordinationMatrix ?? et,
 		matrixAutoUpdate: !1,
 		userData: { modelID: n },
-		children: [a ? /* @__PURE__ */ G(p, {
+		children: [a ? /* @__PURE__ */ q(p, {
 			fallback: null,
 			children: u
-		}) : u, /* @__PURE__ */ G(et, {
+		}) : u, /* @__PURE__ */ q($e, {
 			floorY: s.floorY,
 			grids: r.grids,
 			showBottom: o.bottom,
@@ -432,10 +432,10 @@ function ot({ colorPaletteTexture: e, coordinationMatrix: t, modelID: n, data: r
 		})]
 	});
 }
-var st = g(ot);
+var ot = g(at);
 //#endregion
 //#region src/viewer/utils/GeometryUtils/useGeometryIndex.ts
-function ct() {
+function st() {
 	return {
 		elementBounds: /* @__PURE__ */ new Map(),
 		elementIndex: /* @__PURE__ */ new Map(),
@@ -446,16 +446,16 @@ function ct() {
 		records: /* @__PURE__ */ new Set()
 	};
 }
-function lt(e, t, n, r) {
+function ct(e, t, n, r) {
 	let i = e.get(t);
 	i || (i = /* @__PURE__ */ new Map(), e.set(t, i));
 	let a = i.get(n);
-	a || (a = new E(), i.set(n, a)), a.expandByPoint(r);
+	a || (a = new D(), i.set(n, a)), a.expandByPoint(r);
 }
-function ut(e) {
+function lt(e) {
 	return e instanceof Uint16Array || e instanceof Uint32Array ? e : e.length > 65535 ? new Uint32Array(e) : new Uint16Array(e);
 }
-function dt(e, t, n, r) {
+function ut(e, t, n, r) {
 	let i = n.get(e);
 	if (i) return i;
 	i = {
@@ -465,20 +465,20 @@ function dt(e, t, n, r) {
 	let a = r.get(e);
 	return a || (a = [], r.set(e, a)), a.push(i), i;
 }
-function ft(e, t, n, r, i, a) {
-	n && dt(e, r, i, a).vertexRanges.push({
+function dt(e, t, n, r, i, a) {
+	n && ut(e, r, i, a).vertexRanges.push({
 		count: n,
 		start: t
 	});
 }
-function pt(e, t, n, r, i, a) {
-	n && (dt(e, r, i, a), r.triangleRanges.push({
+function ft(e, t, n, r, i, a) {
+	n && (ut(e, r, i, a), r.triangleRanges.push({
 		count: n,
 		id: e,
 		start: t
 	}));
 }
-function mt(e) {
+function pt(e) {
 	let t = e;
 	for (; t;) {
 		let e = t.userData.modelID;
@@ -487,19 +487,19 @@ function mt(e) {
 	}
 	return 0;
 }
-function ht(e) {
+function mt(e) {
 	return e.name === "space" || e.userData.isIfcSpace === !0;
 }
-function gt(e) {
-	let t = x(ct()), n = _(() => {
+function ht(e) {
+	let t = x(st()), n = _(() => {
 		let n = e.current, r = t.current;
 		if (!n || r.indexedModel === n && r.records.size) return r;
-		let i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), s = new W();
+		let i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), s = new K();
 		return n.updateMatrixWorld(!0), n.traverse((e) => {
-			if (!(e instanceof V)) return;
+			if (!(e instanceof H)) return;
 			let t = e, n = t.geometry, c = n.index, l = n.attributes.ids;
 			if (!c || !l) return;
-			let u = n.attributes.position, d = mt(t), f = ht(t), p = ut(c.array), m = {
+			let u = n.attributes.position, d = pt(t), f = mt(t), p = lt(c.array), m = {
 				hiddenIds: /* @__PURE__ */ new Set(),
 				initialVisible: t.visible,
 				isIfcSpace: f,
@@ -512,16 +512,16 @@ function gt(e) {
 			}, h = /* @__PURE__ */ new Map(), g = null, _ = 0, v = p.length / 3;
 			for (let e = 0; e < v; e++) {
 				let t = l.getX(p[e * 3]);
-				g === null ? (g = t, _ = e) : t !== g && (pt(g, _, e - _, m, h, i), g = t, _ = e);
+				g === null ? (g = t, _ = e) : t !== g && (ft(g, _, e - _, m, h, i), g = t, _ = e);
 			}
-			g !== null && pt(g, _, v - _, m, h, i);
+			g !== null && ft(g, _, v - _, m, h, i);
 			let y = null, b = 0, x = u ? Math.min(l.count, u.count) : l.count;
 			u && t.updateWorldMatrix(!0, !1);
 			for (let e = 0; e < l.count; e++) {
 				let n = l.getX(e);
-				u && e < x && (s.fromBufferAttribute(u, e).applyMatrix4(t.matrixWorld), Number.isFinite(s.x + s.y + s.z) && lt(a, d, n, s)), y === null ? (y = n, b = e) : n !== y && (ft(y, b, e - b, m, h, i), y = n, b = e);
+				u && e < x && (s.fromBufferAttribute(u, e).applyMatrix4(t.matrixWorld), Number.isFinite(s.x + s.y + s.z) && ct(a, d, n, s)), y === null ? (y = n, b = e) : n !== y && (dt(y, b, e - b, m, h, i), y = n, b = e);
 			}
-			y !== null && ft(y, b, l.count - b, m, h, i), o.add(m), f && !r.ifcSpacesVisible && (t.visible = !1);
+			y !== null && dt(y, b, l.count - b, m, h, i), o.add(m), f && !r.ifcSpacesVisible && (t.visible = !1);
 		}), t.current = {
 			elementBounds: a,
 			elementIndex: i,
@@ -532,7 +532,7 @@ function gt(e) {
 			records: o
 		}, t.current;
 	}, [e]), r = _(() => {
-		t.current = ct();
+		t.current = st();
 	}, []);
 	return b(() => ({
 		buildIndex: n,
@@ -541,70 +541,70 @@ function gt(e) {
 }
 //#endregion
 //#region src/viewer/utils/GeometryUtils/useGeometryUtils.ts
-function _t(e, t) {
+function gt(e, t) {
 	return e instanceof Uint32Array ? new Uint32Array(t) : new Uint16Array(t);
 }
-function vt(e) {
+function _t(e) {
 	let t = e.geometry;
-	Object.assign(t, { boundsTree: void 0 }), e.geometry.index?.count && Object.assign(t, { boundsTree: new Se(e.geometry, { indirect: !0 }) });
+	Object.assign(t, { boundsTree: void 0 }), e.geometry.index?.count && Object.assign(t, { boundsTree: new be(e.geometry, { indirect: !0 }) });
 }
-function yt(e, t, n = !0) {
-	e.mesh.geometry.setIndex(new O(t, 1)), n && vt(e.mesh);
+function vt(e, t, n = !0) {
+	e.mesh.geometry.setIndex(new k(t, 1)), n && _t(e.mesh);
 }
-function bt(e, t) {
+function yt(e, t) {
 	return e.initialVisible && (!e.isIfcSpace || t);
 }
-function xt(e, t) {
+function bt(e, t) {
 	let n = e.mesh.geometry, r = n.index?.array;
-	e.mesh.visible = bt(e, t), r !== e.originalIndex && yt(e, e.originalIndex, !1), e.originalBoundsTree ? Object.assign(n, { boundsTree: e.originalBoundsTree }) : (vt(e.mesh), e.originalBoundsTree = e.mesh.geometry.boundsTree ?? null);
+	e.mesh.visible = yt(e, t), r !== e.originalIndex && vt(e, e.originalIndex, !1), e.originalBoundsTree ? Object.assign(n, { boundsTree: e.originalBoundsTree }) : (_t(e.mesh), e.originalBoundsTree = e.mesh.geometry.boundsTree ?? null);
 }
-function St(e) {
+function xt(e) {
 	return e === null ? "*" : e.size ? Array.from(e).sort((e, t) => e - t).join(",") : "";
 }
-function Ct(e, t, n, r) {
-	return `h:${St(e)}|i:${St(n)}|s:${r ? Number(t) : ""}`;
+function St(e, t, n, r) {
+	return `h:${xt(e)}|i:${xt(n)}|s:${r ? Number(t) : ""}`;
 }
-function wt(e, t, n) {
+function Ct(e, t, n) {
 	return !t.has(e) && (!n || n.has(e));
 }
-function Tt(e, t) {
+function wt(e, t) {
 	Object.entries(e).forEach(([e, n]) => {
 		n.forEach((n) => t(Number(e), n));
 	});
 }
-function Et(e, t, n) {
+function Tt(e, t, n) {
 	e.hiddenIds.has(t) || (e.hiddenIds.add(t), n.add(e));
 }
-function Dt(e, t, n) {
+function Et(e, t, n) {
 	e && console.log(`${t}:`, Date.now() - n, "ms");
 }
-function J(e, t, n, r) {
-	let { hiddenIds: i, originalIndex: a, triangleRanges: o } = e, s = Ct(i, t, n, e.isIfcSpace);
+function Dt(e, t, n, r) {
+	let { hiddenIds: i, originalIndex: a, triangleRanges: o } = e, s = St(i, t, n, e.isIfcSpace);
 	if (e.visibleStateKey === s) return;
 	if (!i.size && !n) {
-		xt(e, t), e.visibleStateKey = s;
+		bt(e, t), e.visibleStateKey = s;
 		return;
 	}
 	let c = 0, l = 0;
 	if (o.forEach(({ count: e, id: t }) => {
-		wt(t, i, n) ? c += e * 3 : l += e * 3;
+		Ct(t, i, n) ? c += e * 3 : l += e * 3;
 	}), !c) {
-		xt(e, t), e.mesh.visible = !1, e.visibleStateKey = s;
+		bt(e, t), e.mesh.visible = !1, e.visibleStateKey = s;
 		return;
 	}
 	if (!l) {
-		xt(e, t), e.visibleStateKey = s;
+		bt(e, t), e.visibleStateKey = s;
 		return;
 	}
-	e.mesh.visible = bt(e, t);
-	let u = _t(a, c), d = 0;
+	e.mesh.visible = yt(e, t);
+	let u = gt(a, c), d = 0;
 	for (let e = 0; e < o.length; e++) {
 		let { count: t, id: r, start: s } = o[e];
-		if (!wt(r, i, n)) continue;
+		if (!Ct(r, i, n)) continue;
 		let c = s * 3, l = c + t * 3;
 		u.set(a.subarray(c, l), d), d += t * 3;
 	}
-	r || (e.originalBoundsTree = null), yt(e, u), e.visibleStateKey = s;
+	r || (e.originalBoundsTree = null), vt(e, u), e.visibleStateKey = s;
 }
 function Ot(e, t) {
 	return e.isolatedIdsByModel ? e.isolatedIdsByModel.get(t.modelID) ?? /* @__PURE__ */ new Set() : e.isolatedIds;
@@ -615,21 +615,21 @@ function kt(e) {
 		e.forEach((e) => {
 			let t = n.elementIndex.get(e);
 			t && t.forEach(({ record: t }) => {
-				Et(t, e, o);
+				Tt(t, e, o);
 			});
-		}), o.forEach((e) => J(e, n.ifcSpacesVisible, Ot(n, e), i)), Dt(r, "hideByIds", t);
+		}), o.forEach((e) => Dt(e, n.ifcSpacesVisible, Ot(n, e), i)), Et(r, "hideByIds", t);
 	}, [
 		a,
 		i,
 		r
 	]), l = _(() => {
 		let e = Date.now(), o = a(), s = /* @__PURE__ */ new Set();
-		Tt(t, (e, t) => {
+		wt(t, (e, t) => {
 			let n = o.elementIndex.get(t);
 			n && n.forEach(({ record: n }) => {
-				n.modelID === e && Et(n, t, s);
+				n.modelID === e && Tt(n, t, s);
 			});
-		}), s.forEach((e) => J(e, o.ifcSpacesVisible, Ot(o, e), i)), n(), Dt(r, "hideSelected", e);
+		}), s.forEach((e) => Dt(e, o.ifcSpacesVisible, Ot(o, e), i)), n(), Et(r, "hideSelected", e);
 	}, [
 		a,
 		i,
@@ -643,24 +643,24 @@ function kt(e) {
 			t && t.forEach(({ record: t }) => {
 				t.hiddenIds.delete(e) && o.add(t);
 			});
-		}), o.forEach((e) => J(e, n.ifcSpacesVisible, Ot(n, e), i)), Dt(r, "showByIds", t);
+		}), o.forEach((e) => Dt(e, n.ifcSpacesVisible, Ot(n, e), i)), Et(r, "showByIds", t);
 	}, [
 		a,
 		i,
 		r
 	]), f = _((e) => {
 		let t = Date.now(), n = a();
-		n.isolatedIdsByModel = null, n.isolatedIds = new Set(e), n.records.forEach((e) => J(e, n.ifcSpacesVisible, Ot(n, e), i)), Dt(r, "isolateByIds", t);
+		n.isolatedIdsByModel = null, n.isolatedIds = new Set(e), n.records.forEach((e) => Dt(e, n.ifcSpacesVisible, Ot(n, e), i)), Et(r, "isolateByIds", t);
 	}, [
 		a,
 		i,
 		r
 	]), p = _(() => {
 		let e = Date.now(), n = a(), o = /* @__PURE__ */ new Map();
-		Tt(t, (e, t) => {
+		wt(t, (e, t) => {
 			let n = o.get(e);
 			n || (n = /* @__PURE__ */ new Set(), o.set(e, n)), n.add(t);
-		}), n.isolatedIdsByModel = o, n.isolatedIds = null, n.records.forEach((e) => J(e, n.ifcSpacesVisible, Ot(n, e), i)), Dt(r, "isolateSelected", e);
+		}), n.isolatedIdsByModel = o, n.isolatedIds = null, n.records.forEach((e) => Dt(e, n.ifcSpacesVisible, Ot(n, e), i)), Et(r, "isolateSelected", e);
 	}, [
 		a,
 		i,
@@ -668,7 +668,7 @@ function kt(e) {
 		r
 	]), m = _(() => {
 		let e = Date.now(), t = a();
-		t.isolatedIdsByModel = null, t.isolatedIds = null, t.records.forEach((e) => J(e, t.ifcSpacesVisible, Ot(t, e), i)), Dt(r, "resetIsolation", e);
+		t.isolatedIdsByModel = null, t.isolatedIds = null, t.records.forEach((e) => Dt(e, t.ifcSpacesVisible, Ot(t, e), i)), Et(r, "resetIsolation", e);
 	}, [
 		a,
 		i,
@@ -676,7 +676,7 @@ function kt(e) {
 	]), h = _((e) => {
 		let t = a();
 		t.ifcSpacesVisible !== e && (t.ifcSpacesVisible = e, t.records.forEach((e) => {
-			e.isIfcSpace && J(e, t.ifcSpacesVisible, Ot(t, e), i);
+			e.isIfcSpace && Dt(e, t.ifcSpacesVisible, Ot(t, e), i);
 		}));
 	}, [a, i]), g = _(() => {
 		h(!s());
@@ -694,8 +694,8 @@ function kt(e) {
 		showAll: _(() => {
 			let e = Date.now(), t = a();
 			t.isolatedIdsByModel = null, t.isolatedIds = null, t.records.forEach((e) => {
-				e.hiddenIds.clear(), J(e, t.ifcSpacesVisible, Ot(t, e), i);
-			}), Dt(r, "showAll", e);
+				e.hiddenIds.clear(), Dt(e, t.ifcSpacesVisible, Ot(t, e), i);
+			}), Et(r, "showAll", e);
 		}, [
 			a,
 			i,
@@ -729,15 +729,15 @@ function Gt(e) {
 	return e;
 }
 function Kt(e) {
-	return Math.abs(e.normal.y) < .9 ? new W(0, 1, 0) : new W(1, 0, 0);
+	return Math.abs(e.normal.y) < .9 ? new K(0, 1, 0) : new K(1, 0, 0);
 }
 function qt(e, t) {
 	return e.clone().addScaledVector(t.normal, -e.dot(t.normal));
 }
 function Jt(e, t) {
-	let n = t ? qt(t, e) : new W(), r = n.lengthSq() > Ht ? n.normalize() : Kt(e).cross(e.normal).normalize(), i = e.normal.clone().cross(r).normalize();
+	let n = t ? qt(t, e) : new K(), r = n.lengthSq() > Ht ? n.normalize() : Kt(e).cross(e.normal).normalize(), i = e.normal.clone().cross(r).normalize();
 	return {
-		origin: e.coplanarPoint(new W()),
+		origin: e.coplanarPoint(new K()),
 		u: r,
 		v: i
 	};
@@ -769,11 +769,11 @@ function Qt(e) {
 		]) r.moveTo(e, t), r.lineTo(e + t, 0);
 		r.stroke();
 	}
-	let i = new A(n);
-	return i.anisotropy = Math.max(1, e), i.magFilter = z, i.minFilter = ae, i.wrapS = fe, i.wrapT = fe, i.needsUpdate = !0, i;
+	let i = new j(n);
+	return i.anisotropy = Math.max(1, e), i.magFilter = V, i.minFilter = re, i.wrapS = ue, i.wrapT = ue, i.needsUpdate = !0, i;
 }
 function $t(e, t) {
-	return new O(t ? new Uint32Array(e) : new Uint8Array(e), 1);
+	return new k(t ? new Uint32Array(e) : new Uint8Array(e), 1);
 }
 var en = class {
 	active;
@@ -783,17 +783,17 @@ var en = class {
 	capTexture;
 	context;
 	root = new I();
-	box = new E();
-	meshBox = new E();
-	inverseMatrix = new B();
-	localPlane = new de();
-	tempLine = new L();
-	tempVector = new W();
-	tempVector1 = new W();
-	tempAxisX = new W();
-	tempAxisY = new W();
-	tempAxisZ = new W();
-	worldPoint = new W();
+	box = new D();
+	meshBox = new D();
+	inverseMatrix = new ae();
+	localPlane = new le();
+	tempLine = new R();
+	tempVector = new K();
+	tempVector1 = new K();
+	tempAxisX = new K();
+	tempAxisY = new K();
+	tempAxisZ = new K();
+	worldPoint = new K();
 	capClippingPlanesKey = "";
 	capShader = null;
 	closeGapTolerance = Mt;
@@ -804,18 +804,18 @@ var en = class {
 			colorIndex: [0],
 			ids: [0],
 			modelID: [0]
-		}, this.capMaterial.color.convertSRGBToLinear(), e.getUseWebGPU() ? this.setupWebGpuCapMaterial() : this.setupCapMaterialShader(), this.capMesh = new V(new k(), this.capMaterial), this.capMesh.frustumCulled = !1, this.capMesh.renderOrder = Lt, this.root.add(this.capMesh), this.root.visible = this.active, this.root.name = "clipping-caps", this.root.renderOrder = Lt, this.context.getScene().add(this.root), this.context.caps.push(this), this.update();
+		}, this.capMaterial.color.convertSRGBToLinear(), e.getUseWebGPU() ? this.setupWebGpuCapMaterial() : this.setupCapMaterialShader(), this.capMesh = new H(new A(), this.capMaterial), this.capMesh.frustumCulled = !1, this.capMesh.renderOrder = Lt, this.root.add(this.capMesh), this.root.visible = this.active, this.root.name = "clipping-caps", this.root.renderOrder = Lt, this.context.getScene().add(this.root), this.context.caps.push(this), this.update();
 	}
 	createCapMaterial() {
 		return this.context.getUseWebGPU() ? new e({
 			color: At,
 			depthWrite: !1,
-			side: N
-		}) : new H({
+			side: P
+		}) : new U({
 			color: At,
 			depthWrite: !1,
 			map: this.capTexture,
-			side: N
+			side: P
 		});
 	}
 	dispose() {
@@ -853,7 +853,7 @@ var en = class {
 		this.capMesh.geometry.dispose(), this.capMesh.geometry = e, this.updateVisualState(), this.capMesh.visible = (e.getAttribute("position")?.count ?? 0) >= 3;
 	}
 	setupWebGpuCapMaterial() {
-		let e = l(s("colorIndex", "uint")), n = l(s("ids", "uint")), r = l(s("modelID", "uint")), i = t(new j(this.context.getPreselectionColor())), o = t(new j(this.context.getSelectionColor())), d = t(-1), f = t(-1), p = a(this.capTexture, c()).rgb, m = e.greaterThan(.5), h = n.equal(d).and(r.equal(f)).and(u(e.sub(1)).greaterThan(.5));
+		let e = l(s("colorIndex", "uint")), n = l(s("ids", "uint")), r = l(s("modelID", "uint")), i = t(new M(this.context.getPreselectionColor())), o = t(new M(this.context.getSelectionColor())), d = t(-1), f = t(-1), p = a(this.capTexture, c()).rgb, m = e.greaterThan(.5), h = n.equal(d).and(r.equal(f)).and(u(e.sub(1)).greaterThan(.5));
 		this.capMaterial.colorNode = h.select(i, m.select(o, p)), this.capMaterial.userData.shader = { uniforms: {
 			capPreSelectionColor: i,
 			capSelectionColor: o,
@@ -863,12 +863,12 @@ var en = class {
 	}
 	setupCapMaterialShader() {
 		this.capMaterial.onBeforeCompile = (e) => {
-			e.uniforms.capPreSelectionColor = { value: new j(this.context.getPreselectionColor()) }, e.uniforms.capSelectionColor = { value: new j(this.context.getSelectionColor()) }, e.uniforms.capPreSelectionId = { value: -1 }, e.uniforms.capPreSelectionModelID = { value: -1 }, e.vertexShader = e.vertexShader.replace("#include <common>", "\n                #include <common>\n                attribute float colorIndex;\n                attribute uint ids;\n                attribute uint modelID;\n                flat varying float vCapColorIndex;\n                flat varying float vCapId;\n                flat varying float vCapModelID;\n                "), e.vertexShader = e.vertexShader.replace("#include <begin_vertex>", "\n                #include <begin_vertex>\n                vCapColorIndex = colorIndex;\n                vCapId = float(ids);\n                vCapModelID = float(modelID);\n                "), e.fragmentShader = e.fragmentShader.replace("#include <common>", "\n                #include <common>\n                uniform vec3 capPreSelectionColor;\n                uniform vec3 capSelectionColor;\n                uniform float capPreSelectionId;\n                uniform float capPreSelectionModelID;\n                flat varying float vCapColorIndex;\n                flat varying float vCapId;\n                flat varying float vCapModelID;\n                "), e.fragmentShader = e.fragmentShader.replace("#include <map_fragment>", "\n                #include <map_fragment>\n                if(\n                    capPreSelectionId == vCapId &&\n                    capPreSelectionModelID == vCapModelID &&\n                    abs(vCapColorIndex - 1.0) > 0.5\n                ){\n                    diffuseColor.rgb = capPreSelectionColor;\n                }\n                else if(vCapColorIndex > 0.5){\n                    diffuseColor.rgb = capSelectionColor;\n                }\n                "), this.capShader = e, this.updateColorUniforms(), this.updatePreselectionUniforms();
+			e.uniforms.capPreSelectionColor = { value: new M(this.context.getPreselectionColor()) }, e.uniforms.capSelectionColor = { value: new M(this.context.getSelectionColor()) }, e.uniforms.capPreSelectionId = { value: -1 }, e.uniforms.capPreSelectionModelID = { value: -1 }, e.vertexShader = e.vertexShader.replace("#include <common>", "\n                #include <common>\n                attribute float colorIndex;\n                attribute uint ids;\n                attribute uint modelID;\n                flat varying float vCapColorIndex;\n                flat varying float vCapId;\n                flat varying float vCapModelID;\n                "), e.vertexShader = e.vertexShader.replace("#include <begin_vertex>", "\n                #include <begin_vertex>\n                vCapColorIndex = colorIndex;\n                vCapId = float(ids);\n                vCapModelID = float(modelID);\n                "), e.fragmentShader = e.fragmentShader.replace("#include <common>", "\n                #include <common>\n                uniform vec3 capPreSelectionColor;\n                uniform vec3 capSelectionColor;\n                uniform float capPreSelectionId;\n                uniform float capPreSelectionModelID;\n                flat varying float vCapColorIndex;\n                flat varying float vCapId;\n                flat varying float vCapModelID;\n                "), e.fragmentShader = e.fragmentShader.replace("#include <map_fragment>", "\n                #include <map_fragment>\n                if(\n                    capPreSelectionId == vCapId &&\n                    capPreSelectionModelID == vCapModelID &&\n                    abs(vCapColorIndex - 1.0) > 0.5\n                ){\n                    diffuseColor.rgb = capPreSelectionColor;\n                }\n                else if(vCapColorIndex > 0.5){\n                    diffuseColor.rgb = capSelectionColor;\n                }\n                "), this.capShader = e, this.updateColorUniforms(), this.updatePreselectionUniforms();
 		};
 	}
 	updateColorUniform(e, t) {
 		let n = this.capShader?.uniforms[e];
-		n && (n.value instanceof j ? n.value.set(t) : n.value = new j(t));
+		n && (n.value instanceof M ? n.value.set(t) : n.value = new M(t));
 	}
 	updateColorUniforms() {
 		this.updateColorUniform("capPreSelectionColor", this.context.getPreselectionColor()), this.updateColorUniform("capSelectionColor", this.context.getSelectionColor());
@@ -890,15 +890,15 @@ var en = class {
 		this.capMaterial.clippingPlanes = t, this.capMaterial.needsUpdate = !0;
 	}
 	createCapGeometry() {
-		let e = new k(), t = this.getModelWorldBox();
+		let e = new A(), t = this.getModelWorldBox();
 		if (!t) return e;
-		let n = t.getSize(new W()).length();
+		let n = t.getSize(new K()).length();
 		this.tolerance = Math.max(Mt, n * Nt), this.closeGapTolerance = Math.max(this.tolerance * Ft, n * Pt);
 		let r = Jt(this.plane, this.getModelHatchReferenceDirection()), i = this.context.getEdgeSegmentsForPlane(this.plane), a = i ? this.getCapSegmentsFromEdgeSegments(i, r) : this.getCapSegments(r), o = this.getClosedContours(a), s = this.getHatchSpacing(n), { elementIDs: c, modelIDs: l, positions: u, uvs: d } = this.triangulateContours(o, r, s);
-		if (e.setAttribute("position", new F(u, 3)), e.setAttribute("uv", new F(d, 2)), e.setAttribute("ids", new ye(c, 1)), e.setAttribute("modelID", new ye(l, 1)), e.setAttribute("colorIndex", $t(c.length, this.context.getUseWebGPU())), c.length) {
+		if (e.setAttribute("position", new F(u, 3)), e.setAttribute("uv", new F(d, 2)), e.setAttribute("ids", new _e(c, 1)), e.setAttribute("modelID", new _e(l, 1)), e.setAttribute("colorIndex", $t(c.length, this.context.getUseWebGPU())), c.length) {
 			let t = new Uint32Array(c.length);
 			for (let e = 0; e < t.length; e++) t[e] = e;
-			e.setIndex(new ye(t, 1));
+			e.setIndex(new _e(t, 1));
 		}
 		return u.length && (e.computeVertexNormals(), e.computeBoundingSphere()), e;
 	}
@@ -951,7 +951,7 @@ var en = class {
 		return this.tempLine.start.copy(e.a), this.tempLine.end.copy(e.b), n(this.localPlane.intersectLine(this.tempLine, this.tempVector)), this.tempLine.start.copy(e.b), this.tempLine.end.copy(e.c), n(this.localPlane.intersectLine(this.tempLine, this.tempVector)), this.tempLine.start.copy(e.c), this.tempLine.end.copy(e.a), n(this.localPlane.intersectLine(this.tempLine, this.tempVector)), t;
 	}
 	getPlanePoint(e, t) {
-		return this.worldPoint.copy(e).sub(t.origin), new U(this.worldPoint.dot(t.u), this.worldPoint.dot(t.v));
+		return this.worldPoint.copy(e).sub(t.origin), new G(this.worldPoint.dot(t.u), this.worldPoint.dot(t.v));
 	}
 	getClosedContours(e) {
 		let t = /* @__PURE__ */ new Map();
@@ -1064,7 +1064,7 @@ var en = class {
 	triangulateContours(e, t, n) {
 		let r = [], i = [], a = [], o = [];
 		return e.forEach(({ elementID: e, modelID: s, points: c }) => {
-			me.triangulateShape(c, []).forEach(([l, u, d]) => {
+			fe.triangulateShape(c, []).forEach(([l, u, d]) => {
 				this.pushContourVertex(a, r, i, o, c[l], t, n, e, s), this.pushContourVertex(a, r, i, o, c[u], t, n, e, s), this.pushContourVertex(a, r, i, o, c[d], t, n, e, s);
 			});
 		}), {
@@ -1099,16 +1099,16 @@ var en = class {
 	}
 }, tn = 1024, nn = 1;
 function rn(e) {
-	let t = new O(new Float32Array(e * 3), 3, !1);
-	return t.setUsage(P), t;
+	let t = new k(new Float32Array(e * 3), 3, !1);
+	return t.setUsage(te), t;
 }
 function an(e) {
 	return Math.max(1, Math.ceil((e.geometry.index?.count ?? 0) / 3));
 }
 function on(e, t) {
-	let n = new k(), r = Math.ceil(Math.min(Math.max(tn, an(t) * .05), 32768));
+	let n = new A(), r = Math.ceil(Math.min(Math.max(tn, an(t) * .05), 32768));
 	n.setAttribute("position", rn(r)), n.setDrawRange(0, 0);
-	let i = new ie(n, e);
+	let i = new ne(n, e);
 	return i.frustumCulled = !1, i.renderOrder = nn, i.visible = !1, i;
 }
 function sn(e, t) {
@@ -1126,13 +1126,13 @@ var ln = class {
 	plane;
 	context;
 	lines = /* @__PURE__ */ new Map();
-	inverseMatrix = new B();
-	localPlane = new de();
-	tempLine = new L();
-	tempVector = new W();
-	tempVector1 = new W();
-	tempVector2 = new W();
-	tempVector3 = new W();
+	inverseMatrix = new ae();
+	localPlane = new le();
+	tempLine = new R();
+	tempVector = new K();
+	tempVector1 = new K();
+	tempVector2 = new K();
+	tempVector3 = new K();
 	intersectionSegments = [];
 	constructor(e, t) {
 		this.context = e, this.plane = t, this.active = e.getActive() && e.getEdgesActive(), e.edges.forEach((e) => {
@@ -1140,7 +1140,7 @@ var ln = class {
 			e.plane === t || n.includes(t) || (e.material.clippingPlanes = [...n, t], e.material.needsUpdate = !0);
 		});
 		let n = e.planes.filter((e) => e !== t);
-		this.material = new re({
+		this.material = new z({
 			clippingPlanes: n,
 			color: "black",
 			depthTest: !0,
@@ -1221,13 +1221,13 @@ var ln = class {
 }, un = "#0b2f5f", dn = "#0b2f5f", fn = 0, pn = "#1f7ae0", mn = .22, hn = .01, gn = .025, _n = .015, vn = .02, yn = 1e-7, bn = .25, xn = .15, Sn = .25, Cn = 1e-5, wn = .2, Tn = 1, Y = 1;
 function En(e, t) {
 	let n = t.getBoundingClientRect();
-	return new U((e.clientX - n.left) / n.width * 2 - 1, -((e.clientY - n.top) / n.height) * 2 + 1);
+	return new G((e.clientX - n.left) / n.width * 2 - 1, -((e.clientY - n.top) / n.height) * 2 + 1);
 }
 function Dn(e) {
-	let t = e.getSize(new W());
+	let t = e.getSize(new K());
 	return Math.max(Sn, t.length() * hn);
 }
-var On = class extends ce {
+var On = class extends W {
 	helper = new I();
 	borderMaterial;
 	material;
@@ -1236,25 +1236,25 @@ var On = class extends ce {
 	border;
 	context;
 	location;
-	localHitPoint = new W();
+	localHitPoint = new K();
 	normal;
 	planeMesh;
-	pointer = new U();
+	pointer = new G();
 	layout;
 	polygon = [];
 	dragState = null;
 	hovered = !1;
 	listenersActive = !1;
 	constructor(e, t, n, r) {
-		super(), this.context = e, this.plane = t, this.location = n.clone(), this.normal = r.clone().normalize(), this.material = new H({
+		super(), this.context = e, this.plane = t, this.location = n.clone(), this.normal = r.clone().normalize(), this.material = new U({
 			color: dn,
 			depthWrite: !1,
 			opacity: fn,
-			side: N,
+			side: P,
 			transparent: !0
 		}), this.helper.position.copy(this.location), this.applyPlaneOrientation(), this.layout = this.getHelperLayout();
 		let i = Math.max(bn, Math.min(this.layout.width, this.layout.height) * gn), a = Math.max(xn, Math.min(this.layout.width, this.layout.height) * _n);
-		this.borderMaterial = new R({
+		this.borderMaterial = new B({
 			color: un,
 			dashSize: i,
 			depthWrite: !1,
@@ -1329,7 +1329,7 @@ var On = class extends ce {
 	hasModelIntersection(e) {
 		return !!this.context.getCameraUtils().getIntersection(!0, {
 			event: e,
-			filter: (e) => !(e.object instanceof V) || e.faceIndex === void 0 || e.faceIndex === null ? !1 : !!(e.object.geometry.index && e.object.geometry.attributes.ids),
+			filter: (e) => !(e.object instanceof H) || e.faceIndex === void 0 || e.faceIndex === null ? !1 : !!(e.object.geometry.index && e.object.geometry.attributes.ids),
 			object: this.context.getMeshes(),
 			recursive: !1
 		});
@@ -1365,7 +1365,7 @@ var On = class extends ce {
 	getPointerPointOnPlane(e, t) {
 		let n = this.context.getDomElement();
 		this.pointer.copy(En(e, n));
-		let r = this.context.getRaycaster(), i = new W();
+		let r = this.context.getRaycaster(), i = new K();
 		return r.setFromCamera(this.pointer, this.context.getCamera()), r.ray.intersectPlane(t, i);
 	}
 	onPointerDown = (e) => {
@@ -1373,9 +1373,9 @@ var On = class extends ce {
 		let t = this.getPointerIntersection(e);
 		if (!t) return;
 		this.stopHelperPriorityEvent(e), this.context.clearHelpersHover(this), this.setHovered(!0), this.context.setHelperDragActive(!0), this.context.setCapsDragActive(!0), this.context.requestCapsDragIdleUpdate(), this.context.setSelectionInteractionDisabled(!0);
-		let n = new W();
+		let n = new K();
 		this.context.getCamera().getWorldDirection(n), n.normalize();
-		let r = new de().setFromNormalAndCoplanarPoint(n, t.point);
+		let r = new le().setFromNormalAndCoplanarPoint(n, t.point);
 		this.dragState = {
 			dragPlane: r,
 			helperStart: this.helper.position.clone(),
@@ -1420,18 +1420,18 @@ var On = class extends ce {
 		this.hovered = e, this.material.color.set(e ? pn : dn), this.material.opacity = e ? mn : fn, this.material.needsUpdate = !0;
 	}
 	createPlaneMesh() {
-		let e = new V(new k(), this.material);
+		let e = new H(new A(), this.material);
 		return e.renderOrder = 2, e;
 	}
 	createBorder() {
-		let e = new ie(new k(), this.borderMaterial);
+		let e = new ne(new A(), this.borderMaterial);
 		return e.renderOrder = 3, e;
 	}
 	replaceGeometry(e, t) {
 		e.geometry.dispose(), e.geometry = t;
 	}
 	createFillGeometry(e) {
-		let t = new k(), n = [];
+		let t = new A(), n = [];
 		if (e.length >= 3) {
 			let t = e[0];
 			for (let r = 1; r < e.length - 1; r++) {
@@ -1442,7 +1442,7 @@ var On = class extends ce {
 		return t.setAttribute("position", new F(n, 3)), n.length && t.computeBoundingSphere(), t;
 	}
 	createBorderGeometry(e) {
-		let t = new k(), n = [];
+		let t = new A(), n = [];
 		if (e.length >= 2) for (let t = 0; t < e.length; t++) {
 			let r = e[t], i = e[(t + 1) % e.length];
 			n.push(r.x, r.y, 0, i.x, i.y, 0);
@@ -1500,7 +1500,7 @@ var On = class extends ce {
 			minV: -Y / 2,
 			width: Y
 		};
-		let t = this.getPlaneBasis(), n = this.helper.position, r = this.getBoxCorners(e), i = new W(), a = new W(), o = Infinity, s = -Infinity, c = Infinity, l = -Infinity;
+		let t = this.getPlaneBasis(), n = this.helper.position, r = this.getBoxCorners(e), i = new K(), a = new K(), o = Infinity, s = -Infinity, c = Infinity, l = -Infinity;
 		if (r.forEach((e) => {
 			this.plane.projectPoint(e, i), a.copy(i).sub(n);
 			let r = a.dot(t.u), u = a.dot(t.v);
@@ -1524,18 +1524,18 @@ var On = class extends ce {
 		};
 	}
 	getPlaneBasis() {
-		let e = (Math.abs(this.normal.y) < .9 ? new W(0, 1, 0) : new W(1, 0, 0)).cross(this.normal).normalize();
+		let e = (Math.abs(this.normal.y) < .9 ? new K(0, 1, 0) : new K(1, 0, 0)).cross(this.normal).normalize();
 		return {
 			u: e,
 			v: this.normal.clone().cross(e).normalize()
 		};
 	}
 	applyPlaneOrientation() {
-		let e = this.getPlaneBasis(), t = new B().makeBasis(e.u, e.v, this.normal);
+		let e = this.getPlaneBasis(), t = new ae().makeBasis(e.u, e.v, this.normal);
 		this.helper.quaternion.setFromRotationMatrix(t);
 	}
 	getModelWorldBox() {
-		let e = new E(), t = new E();
+		let e = new D(), t = new D();
 		return this.context.getMeshes().forEach((n) => {
 			n.updateWorldMatrix(!0, !1), n.geometry.boundingBox || n.geometry.computeBoundingBox(), n.geometry.boundingBox && (t.copy(n.geometry.boundingBox).applyMatrix4(n.matrixWorld), e.union(t));
 		}), this.context.helpers.forEach((t) => {
@@ -1544,14 +1544,14 @@ var On = class extends ce {
 	}
 	getBoxCorners(e) {
 		return [
-			new W(e.min.x, e.min.y, e.min.z),
-			new W(e.min.x, e.min.y, e.max.z),
-			new W(e.min.x, e.max.y, e.min.z),
-			new W(e.min.x, e.max.y, e.max.z),
-			new W(e.max.x, e.min.y, e.min.z),
-			new W(e.max.x, e.min.y, e.max.z),
-			new W(e.max.x, e.max.y, e.min.z),
-			new W(e.max.x, e.max.y, e.max.z)
+			new K(e.min.x, e.min.y, e.min.z),
+			new K(e.min.x, e.min.y, e.max.z),
+			new K(e.min.x, e.max.y, e.min.z),
+			new K(e.min.x, e.max.y, e.max.z),
+			new K(e.max.x, e.min.y, e.min.z),
+			new K(e.max.x, e.min.y, e.max.z),
+			new K(e.max.x, e.max.y, e.min.z),
+			new K(e.max.x, e.max.y, e.max.z)
 		];
 	}
 }, kn = 250;
@@ -1567,7 +1567,7 @@ function An(e, t) {
 function jn(e) {
 	let t = [];
 	return e?.traverse((e) => {
-		e instanceof V && (!e.geometry.index || !e.geometry.attributes.ids || t.push(e));
+		e instanceof H && (!e.geometry.index || !e.geometry.attributes.ids || t.push(e));
 	}), t;
 }
 function Mn(e) {
@@ -1713,13 +1713,13 @@ var Fn = class {
 		typeof this.helperHoverMoveState == "number" ? this.helperHoverMoveState += 1 : this.helperHoverMoveState === "start" && (this.helperHoverMoveState = 1);
 	};
 	getModelWorldBox() {
-		let e = new E(), t = new E();
+		let e = new D(), t = new D();
 		return this.getMeshes().forEach((n) => {
 			n.updateWorldMatrix(!0, !1), n.geometry.boundingBox || n.geometry.computeBoundingBox(), n.geometry.boundingBox && (t.copy(n.geometry.boundingBox).applyMatrix4(n.matrixWorld), e.union(t));
 		}), e.isEmpty() ? null : e;
 	}
 	getSelectedWorldBox() {
-		let e = this.context.viewerStore.getState().selected, t = new E(), n = new W();
+		let e = this.context.viewerStore.getState().selected, t = new D(), n = new K();
 		return this.getMeshes().forEach((r) => {
 			let i = e[Mn(r)];
 			if (!i?.size) return;
@@ -1761,40 +1761,40 @@ var Fn = class {
 		if (!n?.face) return null;
 		let r = n.point.clone(), i = Pn(n.object, n.face.normal);
 		r.add(i.clone().multiplyScalar(.001));
-		let a = new de().setFromNormalAndCoplanarPoint(i.clone().negate(), r);
+		let a = new le().setFromNormalAndCoplanarPoint(i.clone().negate(), r);
 		return this.addPlane(a, r, i), a.clone();
 	}
 	createClippingRectangle(e = !1) {
 		let t = e ? this.getSelectedWorldBox() : this.getModelWorldBox();
 		if (!t) return [];
-		let n = Dn(t), r = t.min.clone().addScalar(-n), i = t.max.clone().addScalar(n), a = t.getCenter(new W()), o = [
+		let n = Dn(t), r = t.min.clone().addScalar(-n), i = t.max.clone().addScalar(n), a = t.getCenter(new K()), o = [
 			{
-				normal: new W(1, 0, 0),
-				point: new W(r.x, a.y, a.z)
+				normal: new K(1, 0, 0),
+				point: new K(r.x, a.y, a.z)
 			},
 			{
-				normal: new W(-1, 0, 0),
-				point: new W(i.x, a.y, a.z)
+				normal: new K(-1, 0, 0),
+				point: new K(i.x, a.y, a.z)
 			},
 			{
-				normal: new W(0, 1, 0),
-				point: new W(a.x, r.y, a.z)
+				normal: new K(0, 1, 0),
+				point: new K(a.x, r.y, a.z)
 			},
 			{
-				normal: new W(0, -1, 0),
-				point: new W(a.x, i.y, a.z)
+				normal: new K(0, -1, 0),
+				point: new K(a.x, i.y, a.z)
 			},
 			{
-				normal: new W(0, 0, 1),
-				point: new W(a.x, a.y, r.z)
+				normal: new K(0, 0, 1),
+				point: new K(a.x, a.y, r.z)
 			},
 			{
-				normal: new W(0, 0, -1),
-				point: new W(a.x, a.y, i.z)
+				normal: new K(0, 0, -1),
+				point: new K(a.x, a.y, i.z)
 			}
 		].map(({ normal: e, point: t }) => ({
 			normal: e,
-			plane: new de().setFromNormalAndCoplanarPoint(e, t),
+			plane: new le().setFromNormalAndCoplanarPoint(e, t),
 			point: t
 		}));
 		return o.forEach(({ normal: e, plane: t, point: n }) => {
@@ -1859,7 +1859,7 @@ var Fn = class {
 	}
 };
 function In(e, t, n, i = !1) {
-	let a = w((e) => e.camera), o = w((e) => e.gl), s = w((e) => e.raycaster), c = w((e) => e.scene), l = r(), u = b(() => new Fn({
+	let a = T((e) => e.camera), o = T((e) => e.gl), s = T((e) => e.raycaster), c = T((e) => e.scene), l = r(), u = b(() => new Fn({
 		camera: a,
 		cameraUtils: n,
 		controlRef: t,
@@ -1942,7 +1942,7 @@ function In(e, t, n, i = !1) {
 var Ln = 1e-6;
 function Rn(e, t) {
 	let n = t.getBoundingClientRect();
-	return n.width <= 0 || n.height <= 0 || e.clientX < n.left || e.clientX > n.right || e.clientY < n.top || e.clientY > n.bottom ? null : new U((e.clientX - n.left) / n.width * 2 - 1, -((e.clientY - n.top) / n.height) * 2 + 1);
+	return n.width <= 0 || n.height <= 0 || e.clientX < n.left || e.clientX > n.right || e.clientY < n.top || e.clientY > n.bottom ? null : new G((e.clientX - n.left) / n.width * 2 - 1, -((e.clientY - n.top) / n.height) * 2 + 1);
 }
 function zn(e, t) {
 	return t.every((t) => t.distanceToPoint(e) >= -Ln);
@@ -1956,7 +1956,7 @@ function Bn(e) {
 	return !0;
 }
 function Vn(e) {
-	let t = w((e) => e.camera), n = w((e) => e.gl), r = w((e) => e.raycaster), i = x(null), a = x(null), o = x(new U()), s = _((e) => {
+	let t = T((e) => e.camera), n = T((e) => e.gl), r = T((e) => e.raycaster), i = x(null), a = x(null), o = x(new G()), s = _((e) => {
 		i.current = e;
 	}, []), c = _(() => {
 		let e = i.current;
@@ -2011,7 +2011,7 @@ function Gn() {
 	return typeof window > "u" ? 1 : Math.min(window.devicePixelRatio || 1, 2);
 }
 function Kn(e, t) {
-	return e instanceof le ? (e.top - e.bottom) / e.zoom : e instanceof ue ? 2 * Math.tan(e.fov * Math.PI / 360) * Math.max(t, .001) : Math.max(t, 1);
+	return e instanceof se ? (e.top - e.bottom) / e.zoom : e instanceof ce ? 2 * Math.tan(e.fov * Math.PI / 360) * Math.max(t, .001) : Math.max(t, 1);
 }
 function qn(e) {
 	let t = Gn(), n = document.createElement("canvas"), r = n.getContext("2d");
@@ -2020,8 +2020,8 @@ function qn(e) {
 	r.font = i;
 	let a = r.measureText(e), o = a.actualBoundingBoxAscent || Hn * .8, s = a.actualBoundingBoxDescent || Hn * .2, c = Math.max(1, Math.ceil(a.width + Un * 2)), l = Math.max(1, Math.ceil(o + s + Wn * 2));
 	n.width = Math.ceil(c * t), n.height = Math.ceil(l * t), r.scale(t, t), r.clearRect(0, 0, c, l), r.fillStyle = "rgba(255, 255, 255, 0.86)", r.strokeStyle = "rgba(29, 39, 51, 0.22)", r.lineWidth = 1, r.beginPath(), r.roundRect(.5, .5, c - 1, l - 1, 4), r.fill(), r.stroke(), r.font = i, r.fillStyle = "#111827", r.textAlign = "center", r.textBaseline = "middle", r.fillText(e, c / 2, l / 2);
-	let u = new A(n);
-	return u.colorSpace = pe, u.generateMipmaps = !1, u.magFilter = z, u.minFilter = z, u.needsUpdate = !0, {
+	let u = new j(n);
+	return u.colorSpace = de, u.generateMipmaps = !1, u.magFilter = V, u.minFilter = V, u.needsUpdate = !0, {
 		height: l,
 		texture: u,
 		width: c
@@ -2040,7 +2040,7 @@ var Jn = class e {
 	boundingMaterial;
 	endpointGeometry;
 	endpointMaterial;
-	lineGeometry = new k();
+	lineGeometry = new A();
 	lineMaterial;
 	ownerRoot;
 	endpointBaseScale;
@@ -2057,7 +2057,7 @@ var Jn = class e {
 			this.end.x,
 			this.end.y,
 			this.end.z
-		], 3)), this.line = new ne(this.lineGeometry, this.lineMaterial), this.line.renderOrder = 4, this.line.computeLineDistances(), this.root.add(this.line), this.addEndpointMeshes(), this.labelSprite = this.createLabelSprite(), this.root.add(this.labelSprite), this.updateLabel(), this.updatePositions(), this.ownerRoot.add(this.root);
+		], 3)), this.line = new L(this.lineGeometry, this.lineMaterial), this.line.renderOrder = 4, this.line.computeLineDistances(), this.root.add(this.line), this.addEndpointMeshes(), this.labelSprite = this.createLabelSprite(), this.root.add(this.labelSprite), this.updateLabel(), this.updatePositions(), this.ownerRoot.add(this.root);
 	}
 	get length() {
 		return this.start.distanceTo(this.end);
@@ -2099,11 +2099,11 @@ var Jn = class e {
 		this.addEndpointMesh(this.start, this.end), this.addEndpointMesh(this.end, this.start);
 	}
 	addEndpointMesh(e, t) {
-		let n = new V(this.endpointGeometry, this.endpointMaterial);
+		let n = new H(this.endpointGeometry, this.endpointMaterial);
 		n.position.copy(e), n.scale.copy(this.endpointBaseScale), n.lookAt(t), n.renderOrder = 4, this.endpointMeshes.push(n), this.root.add(n);
 	}
 	createLabelSprite() {
-		let e = new _e(new ve({
+		let e = new he(new ge({
 			depthTest: !1,
 			depthWrite: !1,
 			transparent: !0
@@ -2111,7 +2111,7 @@ var Jn = class e {
 		return e.renderOrder = 5, e;
 	}
 	createBoundingBoxMesh() {
-		let e = new V(new D(1, 1, Math.max(this.length, .001)), this.boundingMaterial);
+		let e = new H(new O(1, 1, Math.max(this.length, .001)), this.boundingMaterial);
 		return e.renderOrder = 3, e;
 	}
 	getTextContent() {
@@ -2130,7 +2130,7 @@ var Jn = class e {
 		e.setXYZ(0, this.start.x, this.start.y, this.start.z), e.setXYZ(1, this.end.x, this.end.y, this.end.z), e.needsUpdate = !0, this.lineGeometry.computeBoundingSphere(), this.line.computeLineDistances(), this.endpointMeshes[0]?.position.copy(this.start), this.endpointMeshes[1]?.position.copy(this.end), this.endpointMeshes[0]?.lookAt(this.end), this.endpointMeshes[1]?.lookAt(this.start), this.labelSprite.position.copy(this.center), this.updateLabel(), this.updateBoundingBox();
 	}
 	updateBoundingBox() {
-		this.boundingMesh && (this.boundingMesh.position.copy(this.center), this.boundingMesh.lookAt(this.end), this.boundingMesh.geometry.dispose(), this.boundingMesh.geometry = new D(1, 1, Math.max(this.length, .001)));
+		this.boundingMesh && (this.boundingMesh.position.copy(this.center), this.boundingMesh.lookAt(this.end), this.boundingMesh.geometry.dispose(), this.boundingMesh.geometry = new O(1, 1, Math.max(this.length, .001)));
 	}
 	rescaleMesh(t, n, r) {
 		let i = Kn(n, t.position.distanceTo(n.position)) / Math.max(1, r) * 12 * e.scaleFactor;
@@ -2149,7 +2149,7 @@ var Jn = class e {
 function Qn(e) {
 	let t = [];
 	return e?.traverse((e) => {
-		e instanceof V && e.geometry.attributes.position && t.push(e);
+		e instanceof H && e.geometry.attributes.position && t.push(e);
 	}), t;
 }
 function $n(e, t, n) {
@@ -2163,7 +2163,7 @@ function er(e, t) {
 var tr = class e {
 	active = !1;
 	axis = null;
-	boundingMaterial = new H({
+	boundingMaterial = new U({
 		color: 0,
 		depthTest: !1,
 		depthWrite: !1,
@@ -2174,13 +2174,13 @@ var tr = class e {
 	currentDimension = null;
 	dimensions = [];
 	endpointGeometry = e.createEndpointGeometry();
-	endpointMaterial = new H({
+	endpointMaterial = new U({
 		color: Yn,
 		depthTest: !1,
 		depthWrite: !1
 	});
-	endpointScale = new W(1, 1, 1);
-	lineMaterial = new R({
+	endpointScale = new K(1, 1, 1);
+	lineMaterial = new B({
 		color: Yn,
 		dashSize: .2,
 		depthTest: !1,
@@ -2189,14 +2189,14 @@ var tr = class e {
 	});
 	measureInProcess = !1;
 	moveState = "end";
-	previewMarker = new V(e.createPreviewGeometry(), new H({
+	previewMarker = new H(e.createPreviewGeometry(), new U({
 		color: 0,
 		depthTest: !1,
 		depthWrite: !1
 	}));
 	root = new I();
 	snapDistance = Xn;
-	startPoint = new W();
+	startPoint = new K();
 	unit = "m";
 	constructor(e) {
 		this.context = e, this.root.name = "BimatterDimensions", this.previewMarker.renderOrder = 5, this.previewMarker.visible = !1, this.root.add(this.previewMarker), this.context.scene.add(this.root);
@@ -2223,7 +2223,7 @@ var tr = class e {
 		this.setActive(!this.active);
 	}
 	setColor(e) {
-		let t = e instanceof j ? e : new j(e);
+		let t = e instanceof M ? e : new M(e);
 		this.endpointMaterial.color.copy(t), this.lineMaterial.color.copy(t), this.dimensions.forEach((e) => {
 			e.dimensionColor = t;
 		});
@@ -2335,7 +2335,7 @@ var tr = class e {
 		return this.dimensions.map((e) => e.boundingBox).filter((e) => !!e);
 	}
 	getClosestVertex(e) {
-		if (!(e.object instanceof V) || !e.face) return e.point.clone();
+		if (!(e.object instanceof H) || !e.face) return e.point.clone();
 		let t = e.object.geometry.attributes.position;
 		if (!t) return e.point.clone();
 		let n = this.context.cameraUtils.getActiveClippingPlanes(), r = [
@@ -2343,7 +2343,7 @@ var tr = class e {
 			e.face.b,
 			e.face.c
 		].map((n) => {
-			let r = new W(t.getX(n), t.getY(n), t.getZ(n));
+			let r = new K(t.getX(n), t.getY(n), t.getZ(n));
 			return e.object.localToWorld(r);
 		}).filter((t) => t.distanceTo(e.point) <= this.snapDistance && zn(t, n));
 		return r.length ? r.reduce((t, n) => n.distanceTo(e.point) < t.distanceTo(e.point) ? n : t) : e.point.clone();
@@ -2365,7 +2365,7 @@ var tr = class e {
 		return this.moveState !== "end" && this.moveState !== "start";
 	}
 	rescalePreviewMarker() {
-		let { camera: e, viewportHeight: t } = this.context, n = this.previewMarker.position.distanceTo(e.position), r = e instanceof ue ? 2 * Math.tan(e.fov * Math.PI / 360) * Math.max(n, .001) * 6.667 / Math.max(1, t) : .08;
+		let { camera: e, viewportHeight: t } = this.context, n = this.previewMarker.position.distanceTo(e.position), r = e instanceof ce ? 2 * Math.tan(e.fov * Math.PI / 360) * Math.max(n, .001) * 6.667 / Math.max(1, t) : .08;
 		this.previewMarker.scale.setScalar(r);
 	}
 	setSelectionInteractionDisabled(e) {
@@ -2398,15 +2398,15 @@ var tr = class e {
 		this.active && (e.code === "Escape" && this.cancelDrawing(), e.code === "Tab" && this.measureInProcess && (e.preventDefault(), this.changeAxes()));
 	};
 	static createEndpointGeometry(e = .1, t = .03) {
-		let n = new M(t, e);
+		let n = new N(t, e);
 		return n.translate(0, -e / 2, 0), n.rotateX(-Math.PI / 2), n;
 	}
 	static createPreviewGeometry() {
-		return new ge(.5, 16, 12);
+		return new me(.5, 16, 12);
 	}
 };
 function nr(e, t, n, i) {
-	let a = w((e) => e.camera), o = w((e) => e.gl), s = w((e) => e.scene), c = w((e) => e.size), l = r(), u = b(() => new tr({
+	let a = T((e) => e.camera), o = T((e) => e.gl), s = T((e) => e.scene), c = T((e) => e.size), l = r(), u = b(() => new tr({
 		camera: a,
 		cameraUtils: n,
 		controlRef: t,
@@ -2450,7 +2450,7 @@ function nr(e, t, n, i) {
 		s,
 		c.height,
 		l
-	]), v(() => () => u.dispose(), [u]), C(() => {
+	]), v(() => () => u.dispose(), [u]), w(() => {
 		u.updateFrame();
 	}), b(() => ({
 		cancelDrawing: () => u.cancelDrawing(),
@@ -2490,7 +2490,7 @@ function ir() {
 }
 //#endregion
 //#region src/viewer/Selector/SelectionBox.ts
-var ar = new W(), or = new W(), X = new U(), sr = new W(), cr = new W(), lr = new W(), ur = new W(), dr = new W(), fr = new W(), pr = new W();
+var ar = new K(), or = new K(), X = new G(), sr = new K(), cr = new K(), lr = new K(), ur = new K(), dr = new K(), fr = new K(), pr = new K();
 function mr(e) {
 	let t = e;
 	for (; t;) {
@@ -2585,14 +2585,14 @@ function Dr(e, t, n, r) {
 function Or(e, t, n) {
 	return Tr(e.x, e.y, t.x, t.y, n.minX, n.minY, n.maxX, n.minY) || Tr(e.x, e.y, t.x, t.y, n.maxX, n.minY, n.maxX, n.maxY) || Tr(e.x, e.y, t.x, t.y, n.maxX, n.maxY, n.minX, n.maxY) || Tr(e.x, e.y, t.x, t.y, n.minX, n.maxY, n.minX, n.minY);
 }
-function kr(e, t, n, r, i = new U()) {
+function kr(e, t, n, r, i = new G()) {
 	let a = ar.copy(t).applyMatrix4(e.matrixWorld).project(n);
 	return i.set((a.x + 1) / 2 * r.width + r.left, (-a.y + 1) / 2 * r.height + r.top);
 }
 function Ar(e, t, n, r, i) {
 	let a = Infinity, o = -Infinity, s = Infinity, c = -Infinity, l = 0;
 	for (let u = 0; u < 2; u++) for (let d = 0; d < 2; d++) for (let f = 0; f < 2; f++) or.set(u ? t.max.x : t.min.x, d ? t.max.y : t.min.y, f ? t.max.z : t.min.z), kr(e, or, r, i, X), a = Math.min(a, X.x), o = Math.max(o, X.x), s = Math.min(s, X.y), c = Math.max(c, X.y), Sr(X, n) && (l += 1);
-	return o < n.minX || a > n.maxX || c < n.minY || s > n.maxY ? Ce : l === 8 ? be : xe;
+	return o < n.minX || a > n.maxX || c < n.minY || s > n.maxY ? xe : l === 8 ? ve : ye;
 }
 function jr(e, t, n, r) {
 	let i = Infinity, a = -Infinity, o = Infinity, s = -Infinity;
@@ -2629,7 +2629,7 @@ function Ir(e, t, n, r = []) {
 	r.length && (dr.fromBufferAttribute(s, a.getX(c)), fr.fromBufferAttribute(s, a.getX(c + 1)), pr.fromBufferAttribute(s, a.getX(c + 2)), !_r(e, dr, fr, pr, r)) || Pr(n, mr(e), o.getX(a.getX(c)));
 }
 function Lr({ model: e, camera: t, viewport: n, rect: r, candidateIdsByModel: i, clippingPlanes: a, profile: o }) {
-	let s = performance.now(), c = /* @__PURE__ */ new Map(), l = new W();
+	let s = performance.now(), c = /* @__PURE__ */ new Map(), l = new K();
 	e.traverse((e) => {
 		let s = e;
 		if (!s.isMesh || !hr(s)) return;
@@ -2780,7 +2780,7 @@ function Yr(e) {
 	}), t.join(":");
 }
 function Xr(e) {
-	if (!Jr(e.object) || !(e.object instanceof V) || e.faceIndex === void 0 || e.faceIndex === null) return !1;
+	if (!Jr(e.object) || !(e.object instanceof H) || e.faceIndex === void 0 || e.faceIndex === null) return !1;
 	let t = e.object.geometry;
 	return !!(t.index && t.attributes.ids);
 }
@@ -2796,153 +2796,153 @@ function Zr(e) {
 	};
 }
 function Qr(e, t, n, i, a, o) {
-	let s = x("end"), c = d((e) => e.selected), l = d((e) => e.setSelected), u = d((e) => e.addSelected), f = d((e) => e.removeSelected), p = d((e) => e.showStats), m = r(), h = x(null), g = x(null), _ = x(!1), y = x(!1), b = x("add"), S = x(null), ee = x(!1), C = x(0), T = x(null), te = x(null), E = x(null), D = x({
+	let s = x("end"), c = d((e) => e.selected), l = d((e) => e.setSelected), u = d((e) => e.addSelected), f = d((e) => e.removeSelected), p = d((e) => e.showStats), m = r(), h = x(null), g = x(null), _ = x(!1), y = x(!1), b = x("add"), S = x(null), C = x(!1), w = x(0), E = x(null), ee = x(null), D = x(null), O = x({
 		meshesByModel: /* @__PURE__ */ new Map(),
 		root: null,
 		version: ""
-	}), O = () => m.getState().selectionInteractionDisabled, k = (e) => {
+	}), k = () => m.getState().selectionInteractionDisabled, A = (e) => {
 		if (i) {
 			i(e);
 			return;
 		}
 		let n = t.current;
 		n && (n.cancel(), n.setOrbitPoint(e.x, e.y, e.z));
-	}, A = (t) => {
-		let n = e.current, r = Yr(n), i = D.current;
+	}, j = (t) => {
+		let n = e.current, r = Yr(n), i = O.current;
 		if (i.root !== n || i.version !== r) {
 			let e = /* @__PURE__ */ new Map();
 			return n?.traverse((t) => {
-				if (!(t instanceof V) || !t.geometry.index || !t.geometry.attributes.ids) return;
+				if (!(t instanceof H) || !t.geometry.index || !t.geometry.attributes.ids) return;
 				let n = qr(t), r = e.get(n) ?? [];
 				r.push(t), e.set(n, r);
-			}), D.current = {
+			}), O.current = {
 				meshesByModel: e,
 				root: n,
 				version: r
 			}, e.get(t) ?? [];
 		}
 		return i.meshesByModel.get(t) ?? [];
-	}, j = (e) => {
-		e && A(e.modelID).forEach((e) => {
+	}, M = (e) => {
+		e && j(e.modelID).forEach((e) => {
 			e.preselected = !1, Gr(e.material, -1);
 		});
-	}, M = () => {
-		o?.(null), j(E.current), E.current = null;
-	}, N = (e, t) => {
-		let n = E.current;
-		n?.modelID === e && n.elementID === t || (j(n), o?.({
+	}, N = () => {
+		o?.(null), M(D.current), D.current = null;
+	}, P = (e, t) => {
+		let n = D.current;
+		n?.modelID === e && n.elementID === t || (M(n), o?.({
 			elementID: t,
 			modelID: e
-		}), A(e).forEach((e) => {
+		}), j(e).forEach((e) => {
 			e.preselected = !0, Gr(e.material, t);
-		}), E.current = {
+		}), D.current = {
 			elementID: t,
 			modelID: e
 		});
-	}, P = () => {
+	}, te = () => {
 		h.current = null, _.current = !1, Hr(g), t.current && (t.current.enabled = !0);
 	}, F = (e) => {
-		if (O()) {
-			M();
+		if (k()) {
+			N();
 			return;
 		}
 		if (h.current) {
-			M();
+			N();
 			return;
 		}
 		if (s.current !== "end" && s.current !== "start") {
-			M();
+			N();
 			return;
 		}
-		let t = ue(e);
+		let t = ce(e);
 		if (!t) {
-			M();
+			N();
 			return;
 		}
-		N(t.modelID, t.elementID);
+		P(t.modelID, t.elementID);
 	};
 	function I() {
 		return performance.now();
 	}
-	let ne = (e) => {
-		if (O()) {
-			te.current = null, T.current !== null && (window.clearTimeout(T.current), T.current = null), M();
+	let L = (e) => {
+		if (k()) {
+			ee.current = null, E.current !== null && (window.clearTimeout(E.current), E.current = null), N();
 			return;
 		}
-		if (te.current = e, T.current !== null) return;
-		let t = I() - C.current, n = Math.max(0, Ur - t);
-		T.current = window.setTimeout(() => {
-			T.current = null;
-			let e = te.current;
-			te.current = null, e && (C.current = performance.now(), F(e));
+		if (ee.current = e, E.current !== null) return;
+		let t = I() - w.current, n = Math.max(0, Ur - t);
+		E.current = window.setTimeout(() => {
+			E.current = null;
+			let e = ee.current;
+			ee.current = null, e && (w.current = performance.now(), F(e));
 		}, n);
-	}, L = x(null);
+	}, R = x(null);
 	v(() => {
 		let e = S.current;
 		if (e) {
-			p && L.current !== null && console.log(`selection ${e.action}:`, Date.now() - L.current, "ms"), S.current = null, L.current = null;
+			p && R.current !== null && console.log(`selection ${e.action}:`, Date.now() - R.current, "ms"), S.current = null, R.current = null;
 			return;
 		}
-		p && L.current !== null && (console.log("selection spend:", Date.now() - L.current, "ms"), L.current = null);
+		p && R.current !== null && (console.log("selection spend:", Date.now() - R.current, "ms"), R.current = null);
 	}, [c, p]);
-	let { camera: re, gl: R } = w();
-	function ie() {
+	let { camera: z, gl: B } = T();
+	function ne() {
 		return Date.now();
 	}
-	let z = (e) => {
-		let t = R.domElement.getBoundingClientRect();
+	let V = (e) => {
+		let t = B.domElement.getBoundingClientRect();
 		return e.clientX >= t.left && e.clientX <= t.right && e.clientY >= t.top && e.clientY <= t.bottom;
-	}, ae = (t) => {
-		if (O()) {
-			ee.current = !1, y.current = !1, M();
+	}, re = (t) => {
+		if (k()) {
+			C.current = !1, y.current = !1, N();
 			return;
 		}
-		if (!ee.current) return;
-		if (ee.current = !1, y.current) {
+		if (!C.current) return;
+		if (C.current = !1, y.current) {
 			y.current = !1;
 			return;
 		}
-		if (!z(t)) return;
-		if (L.current = ie(), s.current !== "end" && s.current !== "start" && s.current > 15) {
+		if (!V(t)) return;
+		if (R.current = ne(), s.current !== "end" && s.current !== "start" && s.current > 15) {
 			s.current = "end";
 			return;
 		}
-		let n = t.shiftKey, r = t.ctrlKey, i = ue(t), a, o = Kr(e), d = null;
+		let n = t.shiftKey, r = t.ctrlKey, i = ce(t), a, o = Kr(e), d = null;
 		if (i && (o = i.modelID, d = i.hit.point, a = i.elementID), r) {
 			a !== void 0 && f(o, [a]);
 			return;
 		} else if (n) {
-			a !== void 0 && (c[o]?.has(a) ?? !1 ? f(o, [a]) : (u(o, [a]), d && k(d)));
+			a !== void 0 && (c[o]?.has(a) ?? !1 ? f(o, [a]) : (u(o, [a]), d && A(d)));
 			return;
 		}
-		l(o, a === void 0 ? [] : [a], !0), d && k(d);
-	}, oe = (e) => {
-		O() || e.button !== 0 || !e.shiftKey && !e.ctrlKey || (h.current = new U(e.clientX, e.clientY), b.current = e.ctrlKey ? "remove" : "add", _.current = !1, t.current && (t.current.enabled = !1));
-	}, B = (e) => {
-		if (O()) {
-			P();
+		l(o, a === void 0 ? [] : [a], !0), d && A(d);
+	}, ie = (e) => {
+		k() || e.button !== 0 || !e.shiftKey && !e.ctrlKey || (h.current = new G(e.clientX, e.clientY), b.current = e.ctrlKey ? "remove" : "add", _.current = !1, t.current && (t.current.enabled = !1));
+	}, ae = (e) => {
+		if (k()) {
+			te();
 			return;
 		}
 		if (!h.current) return;
-		let t = new U(e.clientX, e.clientY), n = Math.abs(t.x - h.current.x), r = Math.abs(t.y - h.current.y);
+		let t = new G(e.clientX, e.clientY), n = Math.abs(t.x - h.current.x), r = Math.abs(t.y - h.current.y);
 		n < 6 && r < 6 || (_.current ||= !0, e.preventDefault(), Vr(g, h.current, t));
-	}, H = (r) => {
-		if (O()) {
-			P();
+	}, U = (r) => {
+		if (k()) {
+			te();
 			return;
 		}
 		if (!h.current) return;
-		L.current = ie();
-		let i = _.current, a = new U(r.clientX, r.clientY), o = br(h.current, a), s = xr(h.current, a);
+		R.current = ne();
+		let i = _.current, a = new G(r.clientX, r.clientY), o = br(h.current, a), s = xr(h.current, a);
 		if (h.current = null, _.current = !1, Hr(g), t.current && setTimeout(() => {
 			t.current && (t.current.enabled = !0);
 		}, 100), !i) return;
 		y.current = !0, r.preventDefault();
 		let { ids: c, profile: l } = zr({
 			model: e.current,
-			camera: re,
+			camera: z,
 			clippingPlanes: n.getActiveClippingPlanes(),
-			domElement: R.domElement,
+			domElement: B.domElement,
 			rect: o,
 			mode: s
 		}), d = Array.from(c.values()).reduce((e, t) => e + t.size, 0), p = {
@@ -2954,7 +2954,7 @@ function Qr(e, t, n, i, a, o) {
 			let n = Array.from(e);
 			b.current === "remove" ? f(t, n) : u(t, n);
 		}));
-	}, se = (e, t, r = !1) => {
+	}, oe = (e, t, r = !1) => {
 		let i = Array.isArray(t) ? t.filter((e) => e.visible) : t ? [t] : [];
 		return i.length ? n.getIntersection(!1, {
 			event: e,
@@ -2963,23 +2963,23 @@ function Qr(e, t, n, i, a, o) {
 			object: i,
 			recursive: !0
 		}) : [];
-	}, ce = () => a?.().filter((e) => e.visible) ?? [], le = (e, t) => {
-		let n = se(e, t, !0);
+	}, W = () => a?.().filter((e) => e.visible) ?? [], se = (e, t) => {
+		let n = oe(e, t, !0);
 		for (let e of n) {
 			let t = Zr(e);
 			if (t) return t;
 		}
 		return null;
-	}, ue = (t) => le(t, ce()) || le(t, e.current);
+	}, ce = (t) => se(t, W()) || se(t, e.current);
 	v(() => {
 		let e = t.current;
 		if (!e) return;
-		R.domElement.addEventListener("pointerdown", oe), R.domElement.addEventListener("pointermove", B), window.addEventListener("pointerup", H), window.addEventListener("pointerup", ae), R.domElement.addEventListener("contextmenu", a), R.domElement.addEventListener("pointerup", i), R.domElement.addEventListener("pointermove", ne), R.domElement.addEventListener("pointerleave", M), R.domElement.addEventListener("pointerdown", r), e.addEventListener("update", n);
+		B.domElement.addEventListener("pointerdown", ie), B.domElement.addEventListener("pointermove", ae), window.addEventListener("pointerup", U), window.addEventListener("pointerup", re), B.domElement.addEventListener("contextmenu", a), B.domElement.addEventListener("pointerup", i), B.domElement.addEventListener("pointermove", L), B.domElement.addEventListener("pointerleave", N), B.domElement.addEventListener("pointerdown", r), e.addEventListener("update", n);
 		function n() {
 			typeof s.current == "number" ? s.current += 1 : s.current === "start" && (s.current = 1);
 		}
 		function r(e) {
-			ee.current = e.button === 0 || e.ctrlKey, s.current = "start";
+			C.current = e.button === 0 || e.ctrlKey, s.current = "start";
 		}
 		function i() {
 			setTimeout(() => {
@@ -2990,20 +2990,20 @@ function Qr(e, t, n, i, a, o) {
 			e.ctrlKey && e.preventDefault();
 		}
 		return () => {
-			Hr(g), T.current !== null && (window.clearTimeout(T.current), T.current = null), te.current = null, M(), e.removeEventListener("update", n), R.domElement.removeEventListener("pointerdown", oe), R.domElement.removeEventListener("pointermove", B), window.removeEventListener("pointerup", H), window.removeEventListener("pointerup", ae), R.domElement.removeEventListener("contextmenu", a), R.domElement.removeEventListener("pointerup", i), R.domElement.removeEventListener("pointerdown", r), R.domElement.removeEventListener("pointermove", ne), R.domElement.removeEventListener("pointerleave", M);
+			Hr(g), E.current !== null && (window.clearTimeout(E.current), E.current = null), ee.current = null, N(), e.removeEventListener("update", n), B.domElement.removeEventListener("pointerdown", ie), B.domElement.removeEventListener("pointermove", ae), window.removeEventListener("pointerup", U), window.removeEventListener("pointerup", re), B.domElement.removeEventListener("contextmenu", a), B.domElement.removeEventListener("pointerup", i), B.domElement.removeEventListener("pointerdown", r), B.domElement.removeEventListener("pointermove", L), B.domElement.removeEventListener("pointerleave", N);
 		};
 	});
 }
 //#endregion
 //#region src/viewer/Camera/useCameraFit.tsx
-var $r = new W(1, 1, 1).normalize(), ei = 1.18;
+var $r = new K(1, 1, 1).normalize(), ei = 1.18;
 function ti() {
-	let { camera: e } = w();
+	let { camera: e } = T();
 	return _((t, n, r) => {
-		if (!t.current || !(e instanceof ue)) return;
-		let i = new E().setFromObject(t.current);
+		if (!t.current || !(e instanceof ce)) return;
+		let i = new D().setFromObject(t.current);
 		if (i.isEmpty()) return;
-		let a = i.getCenter(new W()), o = i.getBoundingSphere(new he()), s = oe.degToRad(e.fov), c = 2 * Math.atan(Math.tan(s / 2) * e.aspect), l = Math.min(s, c), u = o.radius / Math.sin(l / 2) * ei;
+		let a = i.getCenter(new K()), o = i.getBoundingSphere(new pe()), s = ie.degToRad(e.fov), c = 2 * Math.atan(Math.tan(s / 2) * e.aspect), l = Math.min(s, c), u = o.radius / Math.sin(l / 2) * ei;
 		e.position.copy(a).addScaledVector($r, u), e.up.set(0, 1, 0), e.lookAt(a), e.updateProjectionMatrix();
 		let d = n.current;
 		d && (d.cancel(), d.setFocalOffset(0, 0, 0, !1), d.setLookAt(e.position.x, e.position.y, e.position.z, a.x, a.y, a.z, !1)), r.current && (r.current.position.copy(a).addScaledVector($r, u * .8), r.current.lookAt(a));
@@ -3013,7 +3013,7 @@ function ti() {
 //#region src/viewer/store/ViewerStoreProvider.tsx
 function ni({ children: e, store: t }) {
 	let [n] = S(() => t ?? o());
-	return /* @__PURE__ */ G(i.Provider, {
+	return /* @__PURE__ */ q(i.Provider, {
 		value: n,
 		children: e
 	});
@@ -3923,7 +3923,7 @@ var ba = "BMT", xa = 1, Sa = {
 		let t = /* @__PURE__ */ new Map();
 		return (Array.isArray(e) ? e : [e]).forEach((e) => {
 			e.traverse((e) => {
-				if (!(e instanceof V) || !this.isIfcSpaceObject(e)) return;
+				if (!(e instanceof H) || !this.isIfcSpaceObject(e)) return;
 				let n = this.getObjectModelID(e);
 				if (n === null) return;
 				let r = e.geometry.getAttribute("ids");
@@ -3937,7 +3937,7 @@ var ba = "BMT", xa = 1, Sa = {
 	addVisibleIdsFromObject3D(e, t) {
 		(Array.isArray(e) ? e : [e]).forEach((e) => {
 			e.traverse((e) => {
-				if (!(e instanceof V) || !this.isObjectVisible(e)) return;
+				if (!(e instanceof H) || !this.isObjectVisible(e)) return;
 				let n = this.getObjectModelID(e);
 				if (n === null) return;
 				let r = e.geometry.getAttribute("ids");
@@ -3989,7 +3989,7 @@ var ba = "BMT", xa = 1, Sa = {
 		return this.deflateBytes(new Uint8Array(e.buffer, e.byteOffset, e.byteLength));
 	}
 	deflateBytes(e) {
-		return Ee.deflate(e);
+		return we.deflate(e);
 	}
 	encodeText(e) {
 		return this.textEncoder.encode(e);
@@ -4391,9 +4391,9 @@ var Ga = class {
 	}
 }, Ka = class {
 	decodeBuffer(e) {
-		return this.textDecoder.decode(Ee.inflate(e));
+		return this.textDecoder.decode(we.inflate(e));
 	}
-	decoder = Ee;
+	decoder = we;
 	textDecoder = new TextDecoder("utf-8");
 	ChunkType = {
 		PROP: 1,
@@ -4969,7 +4969,7 @@ var Ro = new class {
 		}
 		return i;
 	}
-}(), zo = .5, Bo = .04, Z = .16, Vo = Z, Q = zo * 2 - Z * 2, Ho = zo - Bo / 2, Uo = zo - Z / 2, Wo = zo - Vo / 2, Go = .63, Ko = "#dfe6ec", qo = 260, Jo = 30, Yo = .3, Xo = 8, Zo = new W(0, 1, 0), Qo = 1e-8, $o = new E(), es = new he(), ts = [
+}(), zo = .5, Bo = .04, Z = .16, Vo = Z, Q = zo * 2 - Z * 2, Ho = zo - Bo / 2, Uo = zo - Z / 2, Wo = zo - Vo / 2, Go = .63, Ko = "#dfe6ec", qo = 260, Jo = 30, Yo = .3, Xo = 8, Zo = new K(0, 1, 0), Qo = 1e-8, $o = new D(), es = new pe(), ts = [
 	{
 		direction: [
 			0,
@@ -5230,19 +5230,19 @@ function ss(e, t) {
 	r.font = i;
 	let a = r.measureText(e), o = a.actualBoundingBoxAscent || Jo * .8, s = a.actualBoundingBoxDescent || Jo * .2, c = Math.ceil(a.width + 36), l = Math.ceil(o + s + 20);
 	n.width = c, n.height = l, r.clearRect(0, 0, c, l), r.font = i, r.fillStyle = t, r.textAlign = "center", r.textBaseline = "alphabetic", r.fillText(e, c / 2, 10 + o);
-	let u = new A(n);
-	return u.colorSpace = pe, u.generateMipmaps = !1, u.magFilter = z, u.minFilter = z, u.anisotropy = Xo, u.needsUpdate = !0, {
+	let u = new j(n);
+	return u.colorSpace = de, u.generateMipmaps = !1, u.magFilter = V, u.minFilter = V, u.anisotropy = Xo, u.needsUpdate = !0, {
 		aspect: c / l,
 		texture: u
 	};
 }
 function cs({ color: e, label: t, position: n, rotation: r }) {
 	let { aspect: i, texture: a } = b(() => ss(t, e), [e, t]);
-	return v(() => () => a.dispose(), [a]), /* @__PURE__ */ K("mesh", {
+	return v(() => () => a.dispose(), [a]), /* @__PURE__ */ J("mesh", {
 		position: n,
 		renderOrder: 2,
 		rotation: r,
-		children: [/* @__PURE__ */ G("planeGeometry", { args: [Yo * i, Yo] }), /* @__PURE__ */ G("meshBasicMaterial", {
+		children: [/* @__PURE__ */ q("planeGeometry", { args: [Yo * i, Yo] }), /* @__PURE__ */ q("meshBasicMaterial", {
 			alphaTest: .1,
 			depthWrite: !1,
 			map: a,
@@ -5252,14 +5252,14 @@ function cs({ color: e, label: t, position: n, rotation: r }) {
 	});
 }
 function ls(e) {
-	return Math.abs(e.y) > .9 ? new W(0, 0, e.y > 0 ? -1 : 1) : new W(0, 1, 0);
+	return Math.abs(e.y) > .9 ? new K(0, 0, e.y > 0 ? -1 : 1) : new K(0, 1, 0);
 }
 function us(e, t) {
 	let n = e.current;
 	return !n || (n.updateWorldMatrix(!0, !0), $o.setFromObject(n), $o.isEmpty()) ? (es.center.copy(t), es.radius = 10, es) : ($o.getBoundingSphere(es), (!Number.isFinite(es.radius) || es.radius <= 0) && (es.radius = 10), es);
 }
 function ds(e) {
-	return e.current?.getTarget(new W()) ?? new W();
+	return e.current?.getTarget(new K()) ?? new K();
 }
 function fs(e, t) {
 	if (e.up.distanceToSquared(Zo) <= Qo) return;
@@ -5267,7 +5267,7 @@ function fs(e, t) {
 	e.up.copy(Zo), n ? (n.updateCameraUp(), n.normalizeRotations(), n.setLookAt(r.x, r.y, r.z, i.x, i.y, i.z, !1), n.update(0)) : (e.lookAt(i), e.updateMatrixWorld());
 }
 function ps({ camera: e, controlRef: t, direction: n, modelRef: r, transitionRef: i }) {
-	let a = ds(t), o = us(r, a), s = o.center.clone(), c = new W(...n).normalize(), l = e.position.distanceTo(a), u = Number.isFinite(l) && l > o.radius * .5 ? l : o.radius * 2.4, d = s.clone().addScaledVector(c, u);
+	let a = ds(t), o = us(r, a), s = o.center.clone(), c = new K(...n).normalize(), l = e.position.distanceTo(a), u = Number.isFinite(l) && l > o.radius * .5 ? l : o.radius * 2.4, d = s.clone().addScaledVector(c, u);
 	t.current?.cancel(), t.current?.setFocalOffset(0, 0, 0, !1), i.current = {
 		endPosition: d,
 		endTarget: s,
@@ -5280,7 +5280,7 @@ function ps({ camera: e, controlRef: t, direction: n, modelRef: r, transitionRef
 }
 function ms({ action: e, onPick: t }) {
 	let [n, r] = S(!1);
-	return /* @__PURE__ */ K("group", {
+	return /* @__PURE__ */ J("group", {
 		position: e.position,
 		onClick: is,
 		onPointerDown: (n) => {
@@ -5292,18 +5292,18 @@ function ms({ action: e, onPick: t }) {
 		onPointerLeave: (e) => {
 			is(e), r(!1);
 		},
-		children: [/* @__PURE__ */ K("mesh", {
+		children: [/* @__PURE__ */ J("mesh", {
 			scale: e.scale,
-			children: [/* @__PURE__ */ G("boxGeometry", { args: [
+			children: [/* @__PURE__ */ q("boxGeometry", { args: [
 				1,
 				1,
 				1
-			] }), /* @__PURE__ */ G("meshBasicMaterial", {
+			] }), /* @__PURE__ */ q("meshBasicMaterial", {
 				color: as(n),
 				opacity: os(n),
 				transparent: !0
 			})]
-		}), e.label && /* @__PURE__ */ G(cs, {
+		}), e.label && /* @__PURE__ */ q(cs, {
 			color: n ? "#ffffff" : "#50606f",
 			label: e.label,
 			position: [
@@ -5331,7 +5331,7 @@ function hs({ active: e = !0, cameraRef: t, controlRef: n, modelRef: r }) {
 		return e.addEventListener("controlstart", r), () => {
 			e.removeEventListener("controlstart", r);
 		};
-	}, [t, n]), C(() => {
+	}, [t, n]), w(() => {
 		if (!e) return;
 		let r = t.current;
 		if (!r) return;
@@ -5340,14 +5340,14 @@ function hs({ active: e = !0, cameraRef: t, controlRef: n, modelRef: r }) {
 		if (!o) return;
 		let s = performance.now() - o.startTime, c = Math.min(s / qo, 1), l = 1 - (1 - c) ** 3, u = n.current;
 		if (r.position.lerpVectors(o.startPosition, o.endPosition, l), r.up.lerpVectors(o.startUp, o.endUp, l), u) {
-			let e = new W().lerpVectors(o.startTarget, o.endTarget, l);
+			let e = new K().lerpVectors(o.startTarget, o.endTarget, l);
 			u.setLookAt(r.position.x, r.position.y, r.position.z, e.x, e.y, e.z, !1);
 		} else r.lookAt(o.endTarget);
 		c >= 1 && (r.up.copy(o.endUp), u?.setLookAt(o.endPosition.x, o.endPosition.y, o.endPosition.z, o.endTarget.x, o.endTarget.y, o.endTarget.z, !1), a.current = null);
-	}), e ? /* @__PURE__ */ G("group", {
+	}), e ? /* @__PURE__ */ q("group", {
 		ref: i,
 		scale: Go,
-		children: o.map((e) => /* @__PURE__ */ G(ms, {
+		children: o.map((e) => /* @__PURE__ */ q(ms, {
 			action: e,
 			onPick: (e) => {
 				let i = t.current;
@@ -5402,7 +5402,7 @@ var gs = class {
 }, Ss = {
 	antialias: !1,
 	powerPreference: "high-performance"
-}, Cs = .1, ws = .02, Ts = 150, Es = .75, Ds = .6, Os = 1e3, ks = 50, As = 30, js = 2, Ms = 1.25, Ns = .08, Ps = 1.2, Fs = 2, Is = new E(), Ls = new he(), $ = new W(), Rs = new W(), zs = new W();
+}, Cs = .1, ws = .02, Ts = 150, Es = .75, Ds = .6, Os = 1e3, ks = 50, As = 30, js = 2, Ms = 1.25, Ns = .08, Ps = 1.2, Fs = 2, Is = new D(), Ls = new pe(), $ = new K(), Rs = new K(), zs = new K();
 function Bs({ alpha: e = !0, performanceMode: t }) {
 	return async ({ canvas: n }) => {
 		let { WebGPURenderer: r } = await import("./three.webgpu-vPugBGTK.js").then((e) => e.i), i = new r({
@@ -5413,42 +5413,50 @@ function Bs({ alpha: e = !0, performanceMode: t }) {
 		return await i.init?.(), i.setClearColor(0, 0), i;
 	};
 }
-function Vs(e, t) {
+function Vs(e = !1) {
+	return {
+		active: e,
+		finalFitDone: !1,
+		firstFitDone: !1,
+		userInteractedAfterFirstFit: !1
+	};
+}
+function Hs(e, t) {
 	return Array.isArray(e) ? [Math.min(e[0], t), Math.min(e[1], t)] : typeof e == "number" ? Math.min(e, t) : t;
 }
-function Hs(e) {
+function Us(e) {
 	return Array.isArray(e) ? [Math.max(e[0], js), Math.max(e[1], js)] : typeof e == "number" ? Math.max(e, js) : js;
 }
-function Us() {
+function Ws() {
 	let e = navigator, t = navigator.userAgent.toLowerCase(), n = navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1, r = window.matchMedia?.("(pointer: coarse)").matches ?? !1;
 	return e.userAgentData?.mobile || n || /android|iphone|ipad|ipod|mobile|tablet/.test(t) || navigator.maxTouchPoints > 1 && r ? "mobile" : "pc";
 }
-function Ws(e) {
-	let t = Gs(e);
+function Gs(e) {
+	let t = Ks(e);
 	return t ? Math.max(t.radius * ws, Cs) : Cs;
 }
-function Gs(e) {
+function Ks(e) {
 	if (!e || (Is.setFromObject(e), Is.isEmpty())) return null;
 	let t = Is.getBoundingSphere(Ls);
 	return !Number.isFinite(t.radius) || t.radius <= 0 ? null : t;
 }
-function Ks(e) {
-	return e.type === "Group" && typeof e.userData.modelID == "number";
-}
 function qs(e) {
-	return e?.children.filter(Ks) ?? [];
+	return e.type === "Group" && typeof e.userData.modelID == "number";
 }
-function Js(e, t) {
-	return qs(e).find((e) => e.userData.modelID === t) ?? null;
+function Js(e) {
+	return e?.children.filter(qs) ?? [];
 }
 function Ys(e, t) {
-	let n = Gs(t);
+	return Js(e).find((e) => e.userData.modelID === t) ?? null;
+}
+function Xs(e, t) {
+	let n = Ks(t);
 	if (!n) return;
 	let r = Math.max(Os, n.radius * ks, e.near + 1);
 	Math.abs(e.far - r) < 1 || (e.far = r, e.updateProjectionMatrix());
 }
-function Xs(e, t) {
-	let n = new E();
+function Zs(e, t) {
+	let n = new D();
 	return Object.entries(e).forEach(([e, r]) => {
 		let i = Number(e), a = t.elementBounds.get(i);
 		a && r.forEach((e) => {
@@ -5457,263 +5465,296 @@ function Xs(e, t) {
 		});
 	}), n.isEmpty() ? null : n;
 }
-function Zs(e) {
+function Qs(e) {
 	let t = e.getSize(zs), n = Math.max(t.x, t.y, t.z);
 	return Number.isFinite(n) && n > 0 ? n * Ns : Cs;
 }
-function Qs(e, t, n) {
+function $s(e, t, n) {
 	let r = Math.max(Cs, (Number.isFinite(n) ? n : Cs) * Ms), i = t.position.distanceTo(e);
 	return Number.isFinite(i) && i >= r ? e : ($.copy(e).sub(t.position), (!Number.isFinite($.x + $.y + $.z) || $.lengthSq() === 0) && t.getWorldDirection($), $.lengthSq() === 0 && $.set(0, 0, -1), $.normalize(), Rs.copy(t.position).addScaledVector($, r));
 }
-function $s({ autoFitCamera: e, cameraRef: t, controlRef: r, lightRef: i, materialMode: a, modelRef: o, modelsData: s, onReady: c, onCameraDprModeChange: l, publicApi: u, setSceneApi: f, usePerformanceMoving: p, useWebGPU: m }) {
-	let h = w((e) => e.camera), g = w((e) => e.gl), y = gt(o), S = kt(y), { colorPaletteTexture: ee, colorUtils: C } = n(y), E = Vn(o), D = In(o, r, E, m), O = nr(o, r, E, D.getSelectableObjects), k = b(() => new Ea(), []), A = S.buildIndex, j = y.resetIndex, M = C.applyStoredColors, N = ti(), P = x(null), F = x(null), I = x(null), ne = x(!1), L = d((e) => e.showStats), re = _((e) => {
-		if (o.current = e, !e) return;
+function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, lightRef: a, materialMode: o, modelRef: s, modelsData: c, modelsLoading: l, onReady: u, onCameraDprModeChange: f, publicApi: p, setSceneApi: m, usePerformanceMoving: h, useWebGPU: g }) {
+	let y = T((e) => e.camera), S = T((e) => e.gl), C = ht(s), w = kt(C), { colorPaletteTexture: D, colorUtils: O } = n(C), k = Vn(s), A = In(s, r, k, g), j = nr(s, r, k, A.getSelectableObjects), M = b(() => new Ea(), []), N = w.buildIndex, P = C.resetIndex, te = O.applyStoredColors, F = ti(), I = x(null), L = x(null), R = x(null), z = x(Vs()), B = x(l), ne = x(!1), V = d((e) => e.showStats), re = _((e) => {
+		if (s.current = e, !e) return;
 		let t = e;
-		t.isClippingGroup = m, t.enabled = !1, t.clipIntersection = !1, t.clipShadows = !1, t.clippingPlanes = [];
-	}, [o, m]);
+		t.isClippingGroup = g, t.enabled = !1, t.clipIntersection = !1, t.clipShadows = !1, t.clippingPlanes = [];
+	}, [s, g]);
 	v(() => {
-		o.current && D.updateMaterials();
+		s.current && A.updateMaterials();
 	}, [
-		D,
-		o,
-		m
+		A,
+		s,
+		g
 	]);
-	let R = b(() => {
-		let e = Object.keys(s).sort((e, t) => Number(e) - Number(t));
+	let ie = b(() => {
+		let e = Object.keys(c).sort((e, t) => Number(e) - Number(t));
 		for (let t of e) {
-			let e = at(s[Number(t)]);
+			let e = it(c[Number(t)]);
 			if (e) return e;
 		}
 		return null;
-	}, [s]), ie = b(() => rt(R ?? void 0), [R]), z = b(() => Object.entries(s).map(([e, t]) => [Number(e), t]), [s]), ae = a !== "performance", oe = _(() => {
-		r.current && (r.current.minDistance = Ws(o.current));
-	}, [r, o]), B = _((e, t = !1) => {
+	}, [c]), ae = b(() => nt(ie ?? void 0), [ie]), H = b(() => Object.entries(c).map(([e, t]) => [Number(e), t]), [c]), U = o !== "performance", oe = _(() => {
+		r.current && (r.current.minDistance = Gs(s.current));
+	}, [r, s]), W = _((e, t = !1) => {
 		let n = r.current;
 		if (!n) return !1;
-		let i = t ? Qs(e, h, n.minDistance) : e;
+		let i = t ? $s(e, y, n.minDistance) : e;
 		return n.cancel(), n.setOrbitPoint(i.x, i.y, i.z), !0;
-	}, [h, r]), V = _((e) => {
-		P.current = e.clone(), B(e, !0);
-	}, [B]), H = _(() => {
-		P.current = null, N(o, r, i);
+	}, [y, r]), le = _((e) => {
+		I.current = e.clone(), W(e, !0);
+	}, [W]), ue = _(() => {
+		I.current = null, F(s, r, a);
 	}, [
 		r,
-		N,
+		F,
+		a,
+		s
+	]), de = _((t) => {
+		if (!t) return !1;
+		if (!e || !i) return l || (z.current = Vs()), !1;
+		let n = z.current;
+		if (l) {
+			n.active || (z.current = Vs(!0));
+			let e = z.current;
+			return e.firstFitDone ? !1 : (e.firstFitDone = !0, !0);
+		}
+		if (n.active) {
+			if (n.finalFitDone) return !1;
+			let e = !n.firstFitDone || !n.userInteractedAfterFirstFit;
+			return z.current = Vs(), e;
+		}
+		return !0;
+	}, [
+		e,
 		i,
-		o
-	]), se = _((e, t = !1) => {
+		l
+	]), fe = _((e, t = !1) => {
 		let n = r.current;
 		if (!n) return;
-		let i = Xs(e, y.buildIndex());
+		let i = Zs(e, C.buildIndex());
 		if (!i) return;
-		let a = i.getCenter(new W());
-		if (P.current = a.clone(), n.cancel(), t) {
-			let e = Zs(i);
+		let a = i.getCenter(new K());
+		if (I.current = a.clone(), n.cancel(), t) {
+			let e = Qs(i);
 			n.fitToBox(i, !0, {
 				paddingBottom: e,
 				paddingLeft: e,
 				paddingRight: e,
 				paddingTop: e
 			}).then(() => {
-				let e = P.current;
-				e && B(e, !0);
+				let e = I.current;
+				e && W(e, !0);
 			});
 			return;
 		}
-		B(a, !0);
+		W(a, !0);
 	}, [
-		B,
+		W,
 		r,
-		y
-	]), ce = b(() => {
+		C
+	]), pe = b(() => {
 		let e = (e) => ({
 			...e,
-			activeViewRoot: o.current
+			activeViewRoot: s.current
 		});
 		return {
-			convertIfcFileToBmt: (e, t) => k.ConvertIfcFileToBmt(e, t),
-			convertToBmt: (t) => k.ConvertToBmt(s, e(t))
+			convertIfcFileToBmt: (e, t) => M.ConvertIfcFileToBmt(e, t),
+			convertToBmt: (t) => M.ConvertToBmt(c, e(t))
 		};
 	}, [
-		k,
-		o,
-		s
+		M,
+		s,
+		c
 	]);
 	return v(() => {
 		let e = () => {
-			F.current !== null && (window.clearTimeout(F.current), F.current = null);
+			L.current !== null && (window.clearTimeout(L.current), L.current = null);
 		}, t = () => {
-			let e = I.current;
-			e !== null && (I.current = null, D.setEdgesActive(e));
+			let e = R.current;
+			e !== null && (R.current = null, A.setEdgesActive(e));
 		};
-		if (!p) {
-			e(), t(), l("sleep");
+		if (!h) {
+			e(), t(), f("sleep");
 			return;
 		}
 		let n = r.current;
 		if (!n) return;
 		let i = () => {
-			e(), l("wake"), F.current = window.setTimeout(() => {
-				F.current = null, l("move"), I.current === null && (I.current = D.getEdgesActive()), I.current && D.setEdgesActive(!1);
+			e(), f("wake"), L.current = window.setTimeout(() => {
+				L.current = null, f("move"), R.current === null && (R.current = A.getEdgesActive()), R.current && A.setEdgesActive(!1);
 			}, Ts);
 		}, a = () => {
-			e(), t(), l("sleep");
+			e(), t(), f("sleep");
 		};
 		return n.addEventListener("wake", i), n.addEventListener("sleep", a), () => {
-			e(), n.removeEventListener("wake", i), n.removeEventListener("sleep", a), t(), l("sleep");
+			e(), n.removeEventListener("wake", i), n.removeEventListener("sleep", a), t(), f("sleep");
 		};
 	}, [
-		D,
+		A,
 		r,
-		l,
-		p
-	]), Qr(o, r, E, V, D.getSelectableObjects, D.setCapsPreselection), ir(), v(() => {
-		let e = g.domElement, t = (e) => {
-			let t = P.current;
-			t && e.button === 0 && (e.ctrlKey || e.metaKey || e.shiftKey || B(t, !0));
+		f,
+		h
+	]), v(() => {
+		l && !B.current && (z.current = Vs(!0)), B.current = l;
+	}, [l]), v(() => {
+		let e = r.current;
+		if (!e) return;
+		let t = () => {
+			let e = z.current;
+			!e.active || !e.firstFitDone || (e.userInteractedAfterFirstFit = !0);
+		};
+		return e.addEventListener("controlstart", t), e.addEventListener("control", t), () => {
+			e.removeEventListener("controlstart", t), e.removeEventListener("control", t);
+		};
+	}, [r]), Qr(s, r, k, le, A.getSelectableObjects, A.setCapsPreselection), ir(), v(() => {
+		let e = S.domElement, t = (e) => {
+			let t = I.current;
+			t && e.button === 0 && (e.ctrlKey || e.metaKey || e.shiftKey || W(t, !0));
 		};
 		return e.addEventListener("pointerdown", t, !0), () => {
 			e.removeEventListener("pointerdown", t, !0);
 		};
-	}, [B, g]), v(() => (E.setClippingSource(D), () => {
-		E.setClippingSource(null);
-	}), [E, D]), v(() => (t.current = h, () => {
-		t.current === h && (t.current = null);
-	}), [h, t]), v(() => {
-		if (!o.current) return;
+	}, [W, S]), v(() => (k.setClippingSource(A), () => {
+		k.setClippingSource(null);
+	}), [k, A]), v(() => (t.current = y, () => {
+		t.current === y && (t.current = null);
+	}), [y, t]), v(() => {
+		if (!s.current) return;
 		let t = null, n = !1, r = (e) => {
 			t = requestAnimationFrame(e);
 		}, i = () => {
 			if (e) {
-				if (!m) {
-					H();
+				if (!g) {
+					ue();
 					return;
 				}
 				r(() => {
-					n || !o.current || (o.current.updateMatrixWorld(!0), r(() => {
-						n || !o.current || (o.current.updateMatrixWorld(!0), H());
+					n || !s.current || (s.current.updateMatrixWorld(!0), r(() => {
+						n || !s.current || (s.current.updateMatrixWorld(!0), ue());
 					}));
 				});
 			}
 		}, a = (e) => {
-			if (!(n || !o.current)) {
-				if (o.current.updateMatrixWorld(!0), (h instanceof ue || h instanceof le) && Ys(h, o.current), oe(), j(), !A().records.size && e > 0) {
-					t = requestAnimationFrame(() => a(e - 1));
-					return;
-				}
-				M(), D.syncWithModel(), O.syncWithModel(), i();
+			if (n || !s.current) return;
+			s.current.updateMatrixWorld(!0), (y instanceof ce || y instanceof se) && Xs(y, s.current), oe(), P();
+			let r = N();
+			if (!r.records.size && e > 0) {
+				t = requestAnimationFrame(() => a(e - 1));
+				return;
 			}
+			te(), A.syncWithModel(), j.syncWithModel(), de(r.records.size > 0) && i();
 		};
 		return r(() => a(As)), () => {
 			n = !0, t !== null && cancelAnimationFrame(t);
 		};
 	}, [
-		M,
+		te,
 		e,
+		N,
+		y,
 		A,
-		h,
-		D,
 		r,
-		O,
-		H,
-		i,
-		o,
-		s,
 		j,
+		ue,
+		a,
+		s,
+		c,
+		P,
+		de,
 		oe,
-		m
+		g
 	]), v(() => {
 		let e = () => {
-			D.getActive() && D.syncWithModel();
+			A.getActive() && A.syncWithModel();
 		}, t = (t) => {
 			t(), e();
 		};
-		return f({
+		return m({
 			camera: {
-				fitCamera: H,
-				getIntersection: E.getIntersection
+				fitCamera: ue,
+				getIntersection: k.getIntersection
 			},
 			clipping: {
-				createClippingRectangle: D.createClippingRectangle,
-				createPlane: D.createPlane,
-				deleteAllPlanes: D.deleteAllPlanes,
-				getActive: D.getActive,
-				getCapsActive: D.getCapsActive,
-				getEdgesActive: D.getEdgesActive,
-				getHelpersActive: D.getHelpersActive,
-				getPlanes: D.getPlanes,
-				setActive: D.setActive,
-				setCapsActive: D.setCapsActive,
-				setEdgesActive: D.setEdgesActive,
-				setHelpersActive: D.setHelpersActive,
-				toggle: D.toggle,
-				updateEdges: D.updateEdges,
-				updateMaterials: D.updateMaterials
+				createClippingRectangle: A.createClippingRectangle,
+				createPlane: A.createPlane,
+				deleteAllPlanes: A.deleteAllPlanes,
+				getActive: A.getActive,
+				getCapsActive: A.getCapsActive,
+				getEdgesActive: A.getEdgesActive,
+				getHelpersActive: A.getHelpersActive,
+				getPlanes: A.getPlanes,
+				setActive: A.setActive,
+				setCapsActive: A.setCapsActive,
+				setEdgesActive: A.setEdgesActive,
+				setHelpersActive: A.setHelpersActive,
+				toggle: A.toggle,
+				updateEdges: A.updateEdges,
+				updateMaterials: A.updateMaterials
 			},
 			colors: {
-				clearAllColors: C.clearAllColors,
-				clearColor: C.clearColor,
-				clearModelColors: C.clearModelColors,
-				rebuildByColors: C.rebuildByColors,
-				rebuildModelByColors: C.rebuildModelByColors,
-				setColor: C.setColor
+				clearAllColors: O.clearAllColors,
+				clearColor: O.clearColor,
+				clearModelColors: O.clearModelColors,
+				rebuildByColors: O.rebuildByColors,
+				rebuildModelByColors: O.rebuildModelByColors,
+				setColor: O.setColor
 			},
-			converter: ce,
+			converter: pe,
 			dimensions: {
-				cancelDrawing: O.cancelDrawing,
-				changeAxes: O.changeAxes,
-				delete: O.delete,
-				deleteAll: O.deleteAll,
-				getActive: O.getActive,
-				getDimensions: O.getDimensions,
-				getSnapDistance: O.getSnapDistance,
-				getUnit: O.getUnit,
-				setActive: O.setActive,
-				setColor: O.setColor,
-				setEndpointScaleFactor: O.setEndpointScaleFactor,
-				setSnapDistance: O.setSnapDistance,
-				setUnit: O.setUnit,
-				setWidth: O.setWidth,
-				toggle: O.toggle
+				cancelDrawing: j.cancelDrawing,
+				changeAxes: j.changeAxes,
+				delete: j.delete,
+				deleteAll: j.deleteAll,
+				getActive: j.getActive,
+				getDimensions: j.getDimensions,
+				getSnapDistance: j.getSnapDistance,
+				getUnit: j.getUnit,
+				setActive: j.setActive,
+				setColor: j.setColor,
+				setEndpointScaleFactor: j.setEndpointScaleFactor,
+				setSnapDistance: j.setSnapDistance,
+				setUnit: j.setUnit,
+				setWidth: j.setWidth,
+				toggle: j.toggle
 			},
 			geometryUtils: {
-				getAllIds: S.getAllIds,
-				getIfcSpacesVisibility: S.getIfcSpacesVisibility,
-				getModelGeometry: (e) => Js(o.current, e),
-				getModelsGeometry: () => qs(o.current),
-				hideByIds: (e) => t(() => S.hideByIds(e)),
-				hideSelected: () => t(S.hideSelected),
-				isolateByIds: (e) => t(() => S.isolateByIds(e)),
-				isolateSelected: () => t(S.isolateSelected),
-				resetIsolation: () => t(S.resetIsolation),
-				setIfcSpacesVisibility: (e) => t(() => S.setIfcSpacesVisibility(e)),
-				showAll: () => t(S.showAll),
-				showByIds: (e) => t(() => S.showByIds(e)),
-				toggleIIfcSpacesVisibility: () => t(S.toggleIIfcSpacesVisibility)
+				getAllIds: w.getAllIds,
+				getIfcSpacesVisibility: w.getIfcSpacesVisibility,
+				getModelGeometry: (e) => Ys(s.current, e),
+				getModelsGeometry: () => Js(s.current),
+				hideByIds: (e) => t(() => w.hideByIds(e)),
+				hideSelected: () => t(w.hideSelected),
+				isolateByIds: (e) => t(() => w.isolateByIds(e)),
+				isolateSelected: () => t(w.isolateSelected),
+				resetIsolation: () => t(w.resetIsolation),
+				setIfcSpacesVisibility: (e) => t(() => w.setIfcSpacesVisibility(e)),
+				showAll: () => t(w.showAll),
+				showByIds: (e) => t(() => w.showByIds(e)),
+				toggleIIfcSpacesVisibility: () => t(w.toggleIIfcSpacesVisibility)
 			},
-			selector: { setTargetToSelection: se }
-		}), ne.current || (ne.current = !0, c?.(u)), () => f(null);
+			selector: { setTargetToSelection: fe }
+		}), ne.current || (ne.current = !0, u?.(p)), () => m(null);
 	}, [
-		D,
-		E,
-		C,
-		r,
-		ce,
+		A,
+		k,
 		O,
-		H,
-		S,
-		i,
-		o,
-		c,
+		r,
+		pe,
+		j,
+		ue,
+		w,
+		a,
+		s,
 		u,
-		f,
-		se
-	]), /* @__PURE__ */ K(Te, { children: [
-		ae && /* @__PURE__ */ K(Te, { children: [/* @__PURE__ */ G("ambientLight", {
+		p,
+		m,
+		fe
+	]), /* @__PURE__ */ J(Ce, { children: [
+		U && /* @__PURE__ */ J(Ce, { children: [/* @__PURE__ */ q("ambientLight", {
 			intensity: Ps,
 			color: "#ffffff"
-		}), /* @__PURE__ */ G("directionalLight", {
-			ref: i,
+		}), /* @__PURE__ */ q("directionalLight", {
+			ref: a,
 			position: [
 				10,
 				10,
@@ -5722,19 +5763,19 @@ function $s({ autoFitCamera: e, cameraRef: t, controlRef: r, lightRef: i, materi
 			color: "#ffffff",
 			intensity: Fs
 		})] }),
-		L && /* @__PURE__ */ G(te, {}),
-		/* @__PURE__ */ G("group", {
+		V && /* @__PURE__ */ q(ee, {}),
+		/* @__PURE__ */ q("group", {
 			ref: re,
-			children: z.map(([e, t]) => /* @__PURE__ */ G(st, {
-				colorPaletteTexture: ee,
-				coordinationMatrix: ie,
+			children: H.map(([e, t]) => /* @__PURE__ */ q(ot, {
+				colorPaletteTexture: D,
+				coordinationMatrix: ae,
 				data: t,
-				materialMode: a,
+				materialMode: o,
 				modelID: e,
-				useWebGPU: m
+				useWebGPU: g
 			}, e))
 		}),
-		/* @__PURE__ */ G(T, {
+		/* @__PURE__ */ q(E, {
 			dollyToCursor: !0,
 			infinityDolly: !0,
 			minDistance: Cs,
@@ -5744,88 +5785,90 @@ function $s({ autoFitCamera: e, cameraRef: t, controlRef: r, lightRef: i, materi
 		})
 	] });
 }
-function ec({ autoFitCamera: e = !0, camera: t = {
+function tc({ autoFitCamera: e = !0, camera: t = {
 	position: [
 		10,
 		10,
 		10
 	],
 	fov: 50
-}, dpr: n = window.devicePixelRatio, modelUrls: i, modelSources: a, modelsData: o, materialMode: s, onReady: c, performanceMode: l = !1, publicApi: u, setSceneApi: f, showNavCube: p, showStats: m, usePerformanceMoving: h = !1, useWebGPU: g = !1 }) {
-	let _ = x(null), y = x(null), C = x(null), w = x(null), [T, te] = S(), E = r(), D = d((e) => e.setModelNames), O = d((e) => e.setModelProps), k = d((e) => e.setModelStructure), A = d((e) => e.setShowNavCube), j = d((e) => e.setShowStats), M = d((e) => e.setUserDevice), N = d((e) => e.showNavCube), P = o ?? T, F = l ? Vs(n, 1) : n, I = Vs(F, l ? Ds : Es), ne = s ?? (l ? "performance" : void 0), [L, re] = S("sleep"), R = Hs(F), ie = b(() => g ? Bs({ performanceMode: l }) : l ? Ss : void 0, [l, g]), z = l ? xs : bs;
+}, dpr: n = window.devicePixelRatio, fitToView: i, modelUrls: a, modelSources: o, modelsLoading: s = !1, modelsData: c, materialMode: l, onReady: u, performanceMode: f = !1, publicApi: p, setSceneApi: m, showNavCube: h, showStats: g, usePerformanceMoving: _ = !1, useWebGPU: y = !1 }) {
+	let w = x(null), T = x(null), E = x(null), ee = x(null), [D, O] = S(), k = r(), A = d((e) => e.setModelNames), j = d((e) => e.setModelProps), M = d((e) => e.setModelStructure), N = d((e) => e.setShowNavCube), P = d((e) => e.setShowStats), te = d((e) => e.setUserDevice), F = d((e) => e.showNavCube), I = c ?? D, L = f ? Hs(n, 1) : n, R = Hs(L, f ? Ds : Es), z = l ?? (f ? "performance" : void 0), [B, ne] = S("sleep"), V = Us(L), re = b(() => y ? Bs({ performanceMode: f }) : f ? Ss : void 0, [f, y]), ie = f ? xs : bs;
 	return v(() => {
-		M(Us());
-	}, [M]), v(() => {
-		j(!!m);
-	}, [j, m]), v(() => {
-		p !== void 0 && A(p);
-	}, [A, p]), v(() => {
+		te(Ws());
+	}, [te]), v(() => {
+		P(!!g);
+	}, [P, g]), v(() => {
+		h !== void 0 && N(h);
+	}, [N, h]), v(() => {
 		let e = {}, t = {}, n = {};
-		P && Object.entries(P).forEach(([r, i]) => {
+		I && Object.entries(I).forEach(([r, i]) => {
 			let a = Number(r);
 			i.name !== void 0 && (e[a] = i.name), i.props !== void 0 && (t[a] = i.props), i.structure !== void 0 && (n[a] = i.structure);
-		}), D(e), O(t), k(n);
+		}), A(e), j(t), M(n);
 	}, [
-		P,
-		D,
-		O,
-		k
+		I,
+		A,
+		j,
+		M
 	]), v(() => {
-		if (o) return;
-		let e = a ?? i;
+		if (c) return;
+		let e = o ?? a;
 		if (!e?.length) return;
 		let t = !0;
 		return Ro.loadModel(e).then((e) => {
-			t && te(e);
+			t && O(e);
 		}), () => {
 			t = !1;
 		};
 	}, [
+		c,
 		o,
-		a,
-		i
-	]), P ? /* @__PURE__ */ K("div", {
+		a
+	]), I ? /* @__PURE__ */ J("div", {
 		style: vs,
-		children: [/* @__PURE__ */ G(ee, {
+		children: [/* @__PURE__ */ q(C, {
 			camera: t,
-			dpr: h && L === "move" ? I : F,
-			gl: ie,
-			children: /* @__PURE__ */ G(ni, {
-				store: E,
-				children: /* @__PURE__ */ G($s, {
+			dpr: _ && B === "move" ? R : L,
+			gl: re,
+			children: /* @__PURE__ */ q(ni, {
+				store: k,
+				children: /* @__PURE__ */ q(ec, {
 					autoFitCamera: e,
-					cameraRef: _,
-					controlRef: y,
-					lightRef: w,
-					materialMode: ne,
-					modelRef: C,
-					modelsData: P,
-					onReady: c,
-					onCameraDprModeChange: re,
-					publicApi: u,
-					setSceneApi: f,
-					usePerformanceMoving: h,
-					useWebGPU: g
+					cameraRef: w,
+					controlRef: T,
+					fitToView: i ?? e,
+					lightRef: ee,
+					materialMode: z,
+					modelRef: E,
+					modelsData: I,
+					modelsLoading: s,
+					onReady: u,
+					onCameraDprModeChange: ne,
+					publicApi: p,
+					setSceneApi: m,
+					usePerformanceMoving: _,
+					useWebGPU: y
 				})
 			})
-		}, g ? "viewer-webgpu" : "viewer-webgl"), N && /* @__PURE__ */ G("div", {
+		}, y ? "viewer-webgpu" : "viewer-webgl"), F && /* @__PURE__ */ q("div", {
 			style: _s,
-			children: /* @__PURE__ */ G(ee, {
+			children: /* @__PURE__ */ q(C, {
 				camera: ys,
-				dpr: R,
-				gl: z,
+				dpr: V,
+				gl: ie,
 				orthographic: !0,
-				children: /* @__PURE__ */ G(hs, {
+				children: /* @__PURE__ */ q(hs, {
 					active: !0,
-					cameraRef: _,
-					controlRef: y,
-					modelRef: C
+					cameraRef: w,
+					controlRef: T,
+					modelRef: E
 				})
 			}, "nav-cube-webgl")
 		})]
-	}) : /* @__PURE__ */ G(Te, {});
+	}) : /* @__PURE__ */ q(Ce, {});
 }
-var tc = m(function(e, t) {
+var nc = m(function(e, t) {
 	let [n] = S(o), r = x(!1), i = x(!1), a = b(() => new gs(), []), { defaultSelected: s, onSelectedChange: c, selected: l } = e, u = _((e) => {
 		a.set(e);
 	}, [a]), d = b(() => Wa(n, a.get), [a, n]);
@@ -5843,15 +5886,15 @@ var tc = m(function(e, t) {
 		if (c) return n.subscribe((e, t) => {
 			e.selected !== t.selected && (i.current || c(Ha(e.selected)));
 		});
-	}, [c, n]), /* @__PURE__ */ G(ni, {
+	}, [c, n]), /* @__PURE__ */ q(ni, {
 		store: n,
-		children: /* @__PURE__ */ G(ec, {
+		children: /* @__PURE__ */ q(tc, {
 			...e,
 			publicApi: d,
 			setSceneApi: u
 		})
 	});
 });
-tc.displayName = "Viewer";
+nc.displayName = "Viewer";
 //#endregion
-export { Ka as BMTLoader, Ea as BmtConverter, Oa as ConvertIfcFileToBmt, ka as ConvertToBmt, Jn as DimensionLine, tr as DimensionsUtils, Va as FilteredElementsCollector, et as ModelGrids, hs as NavigationCube, tc as Viewer, ni as ViewerStoreProvider, Da as bmtConverter, vo as convertIfcFilesToBmtInWorker, yo as createBmtConverterWorker, no as createBmtWorker, jo as createIfcWorker, o as createViewerStore, Gi as exportExcel, Hi as exportModelPropertiesToExcel, to as loadBmtModelsInWorker, Ao as loadIfcModelsInWorker, Ro as loader, nr as useDimensionsUtils, d as useViewerStore, r as useViewerStoreApi };
+export { Ka as BMTLoader, Ea as BmtConverter, Oa as ConvertIfcFileToBmt, ka as ConvertToBmt, Jn as DimensionLine, tr as DimensionsUtils, Va as FilteredElementsCollector, $e as ModelGrids, hs as NavigationCube, nc as Viewer, ni as ViewerStoreProvider, Da as bmtConverter, vo as convertIfcFilesToBmtInWorker, yo as createBmtConverterWorker, no as createBmtWorker, jo as createIfcWorker, o as createViewerStore, Gi as exportExcel, Hi as exportModelPropertiesToExcel, to as loadBmtModelsInWorker, Ao as loadIfcModelsInWorker, Ro as loader, nr as useDimensionsUtils, d as useViewerStore, r as useViewerStoreApi };