bimatter-viewer-react 0.0.1

package/lib/index.js

@@ -0,0 +1,1165 @@
+import e, { createContext as t, forwardRef as n, useCallback as r, useContext as i, useEffect as a, useImperativeHandle as o, useMemo as s, useRef as c, useState as l } from "react";
+import { Canvas as u, useThree as d } from "@react-three/fiber";
+import { OrbitControls as f, Stats as p } from "@react-three/drei";
+import { Box3 as m, BufferAttribute as h, Color as g, DoubleSide as _, Matrix4 as v, Mesh as y, MeshLambertMaterial as b, PerspectiveCamera as x, Vector2 as S, Vector3 as C } from "three";
+import { CONTAINED as w, INTERSECTED as T, MeshBVH as E, NOT_INTERSECTED as D, acceleratedRaycast as O } from "three-mesh-bvh";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { useStore as M } from "zustand";
+import { createStore as ee } from "zustand/vanilla";
+import N from "pako";
+//#region src/viewer/SelectableMesh.tsx
+y.prototype.raycast = O;
+var te = e.memo(function({ material: e, data: t, meshMatrix: n }) {
+	let r = c(null), i = s(() => {
+		let t = new b({
+			color: new g(e.r, e.g, e.b),
+			transparent: !!(e.opacity && e.opacity != 1),
+			opacity: e.opacity ?? 1,
+			side: _
+		});
+		return t.onBeforeCompile = (n) => {
+			let r = new g("rgb(17, 148, 189)"), i = new g("rgb(104, 198, 227)");
+			n.uniforms.baseColor = { value: new g(e.r, e.g, e.b) }, n.uniforms.selectionColor = { value: r }, n.uniforms.preSelectionColor = { value: i }, n.uniforms.preSelectionId = { value: -1 }, n.vertexShader = n.vertexShader.replace("#include <common>", "\n                #include <common>\n                attribute float selected;\n                attribute uint ids;\n                flat varying float vSel;\n                flat varying float vPreselectId;\n                "), n.vertexShader = n.vertexShader.replace("#include <begin_vertex>", "\n                #include <begin_vertex>\n                vSel = selected;\n                vPreselectId = float(ids);\n                "), n.fragmentShader = n.fragmentShader.replace("#include <common>", "\n                #include <common>\n                uniform vec3 baseColor;\n                uniform vec3 selectionColor;\n                uniform vec3 preSelectionColor;\n                flat varying float vPreselectId;\n                uniform float preSelectionId;\n                flat varying float vSel;\n                "), n.fragmentShader = n.fragmentShader.replace("vec4 diffuseColor = vec4( diffuse, opacity );", "\n                vec4 diffuseColor;\n                if(vSel > 0.5){\n                    diffuseColor = vec4(selectionColor, 1.0);\n                }  \n                else if(preSelectionId == vPreselectId){\n                    diffuseColor = vec4(preSelectionColor, 1.0);\n                }\n                else{\n                   diffuseColor  = vec4(baseColor, opacity);\n                }\n                "), t.userData.shader = n;
+		}, t;
+	}, [e]), o = s(() => new Uint8Array(t.ids.length), [t]);
+	return a(() => {
+		if (!r.current) return;
+		let e = r.current.geometry, t = new E(e, { indirect: !0 });
+		return Object.assign(e, { boundsTree: t }), () => {
+			i.dispose(), Object.assign(e, { boundsTree: null });
+		};
+	}, [i]), /* @__PURE__ */ j("mesh", {
+		matrix: n,
+		matrixAutoUpdate: !1,
+		ref: r,
+		onPointerLeave: (e) => {
+			e.object.preselected && (e.object.preselected = !1);
+		},
+		children: [/* @__PURE__ */ j("bufferGeometry", { children: [
+			/* @__PURE__ */ A("bufferAttribute", {
+				attach: "attributes-position",
+				args: [t.pos, 3]
+			}),
+			/* @__PURE__ */ A("bufferAttribute", {
+				attach: "attributes-ids",
+				args: [t.ids, 1]
+			}),
+			/* @__PURE__ */ A("bufferAttribute", {
+				attach: "attributes-selected",
+				args: [o, 1]
+			}),
+			/* @__PURE__ */ A("bufferAttribute", {
+				attach: "index",
+				args: [t.ind, 1]
+			})
+		] }), /* @__PURE__ */ A("primitive", { object: i })]
+	});
+});
+//#endregion
+//#region src/viewer/Model.tsx
+function ne({ modelID: e, data: t }) {
+	let n = s(() => {
+		if (!t) return {
+			data: [],
+			coordinationMatrix: null
+		};
+		let n = null;
+		return {
+			data: Object.values(t).map((t) => {
+				let r = new v().fromArray(JSON.parse(t.matrix)).invert();
+				n ||= r.clone().invert();
+				let i = t.mat;
+				return {
+					data: t,
+					key: `${e}_${i.name}`,
+					material: i,
+					meshMatrix: r,
+					coordinationMatrix: n
+				};
+			}),
+			coordinationMatrix: n
+		};
+	}, [t, e]);
+	return t ? /* @__PURE__ */ A("group", {
+		matrix: n.coordinationMatrix ?? void 0,
+		matrixAutoUpdate: !!n.coordinationMatrix,
+		userData: { modelID: e },
+		children: n.data.map(({ data: e, key: t, material: n, meshMatrix: r }) => /* @__PURE__ */ A(te, {
+			material: n,
+			data: e,
+			meshMatrix: r
+		}, t))
+	}) : /* @__PURE__ */ A(k, {});
+}
+//#endregion
+//#region src/viewer/GeometryUtils/useGeometryIndex.ts
+function re(e) {
+	return e instanceof Uint16Array || e instanceof Uint32Array ? e : e.length > 65535 ? new Uint32Array(e) : new Uint16Array(e);
+}
+function ie(e, t, n, r) {
+	let i = n.get(e);
+	if (i) return i;
+	i = {
+		record: t,
+		vertexRanges: []
+	}, n.set(e, i);
+	let a = r.get(e);
+	return a || (a = [], r.set(e, a)), a.push(i), i;
+}
+function ae(e, t, n, r, i, a) {
+	n && ie(e, r, i, a).vertexRanges.push({
+		count: n,
+		start: t
+	});
+}
+function oe(e, t, n, r, i, a) {
+	n && (ie(e, r, i, a), r.triangleRanges.push({
+		count: n,
+		id: e,
+		start: t
+	}));
+}
+function se(e) {
+	let t = e;
+	for (; t;) {
+		let e = t.userData.modelID;
+		if (typeof e == "number") return e;
+		t = t.parent;
+	}
+	return 0;
+}
+function ce(e) {
+	let t = c({
+		elementIndex: /* @__PURE__ */ new Map(),
+		indexedModel: null,
+		isolatedIdsByModel: null,
+		isolatedIds: null,
+		records: /* @__PURE__ */ new Set()
+	});
+	return { buildIndex: r(() => {
+		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 Set();
+		return n.traverse((e) => {
+			if (!(e instanceof y)) return;
+			let t = e, n = t.geometry, r = n.index, o = n.attributes.ids;
+			if (!r || !o) return;
+			let s = se(t), c = re(r.array), l = {
+				hiddenIds: /* @__PURE__ */ new Set(),
+				initialVisible: t.visible,
+				mesh: t,
+				modelID: s,
+				originalBoundsTree: n.boundsTree ?? null,
+				originalIndex: c,
+				visibleStateKey: "",
+				triangleRanges: []
+			}, u = /* @__PURE__ */ new Map(), d = null, f = 0, p = c.length / 3;
+			for (let e = 0; e < p; e++) {
+				let t = o.getX(c[e * 3]);
+				d === null ? (d = t, f = e) : t !== d && (oe(d, f, e - f, l, u, i), d = t, f = e);
+			}
+			d !== null && oe(d, f, p - f, l, u, i);
+			let m = null, h = 0;
+			for (let e = 0; e < o.count; e++) {
+				let t = o.getX(e);
+				m === null ? (m = t, h = e) : t !== m && (ae(m, h, e - h, l, u, i), m = t, h = e);
+			}
+			m !== null && ae(m, h, o.count - h, l, u, i), a.add(l);
+		}), t.current = {
+			elementIndex: i,
+			indexedModel: n,
+			isolatedIdsByModel: null,
+			isolatedIds: null,
+			records: a
+		}, t.current;
+	}, [e]) };
+}
+//#endregion
+//#region src/viewer/store/ViewerStoreContext.ts
+var le = t(null);
+//#endregion
+//#region src/viewer/store/useViewerStore.ts
+function P(e) {
+	return M(F(), e);
+}
+function F() {
+	let e = i(le);
+	if (!e) throw Error("useViewerStore must be used inside ViewerStoreProvider");
+	return e;
+}
+//#endregion
+//#region src/viewer/GeometryUtils/useGeometryUtils.ts
+function ue(e, t) {
+	return e instanceof Uint32Array ? new Uint32Array(t) : new Uint16Array(t);
+}
+function de(e) {
+	let t = e.geometry;
+	Object.assign(t, { boundsTree: void 0 }), e.geometry.index?.count && Object.assign(t, { boundsTree: new E(e.geometry, { indirect: !0 }) });
+}
+function fe(e, t, n = !0) {
+	e.mesh.geometry.setIndex(new h(t, 1)), n && de(e.mesh);
+}
+function I(e) {
+	let t = e.mesh.geometry, n = t.index?.array;
+	e.mesh.visible = e.initialVisible, n !== e.originalIndex && fe(e, e.originalIndex, !1), e.originalBoundsTree ? Object.assign(t, { boundsTree: e.originalBoundsTree }) : (de(e.mesh), e.originalBoundsTree = e.mesh.geometry.boundsTree ?? null);
+}
+function pe(e) {
+	return e === null ? "*" : e.size ? Array.from(e).sort((e, t) => e - t).join(",") : "";
+}
+function me(e, t) {
+	return `h:${pe(e)}|i:${pe(t)}`;
+}
+function L(e, t, n) {
+	return !t.has(e) && (!n || n.has(e));
+}
+function R(e, t) {
+	Object.entries(e).forEach(([e, n]) => {
+		n.forEach((n) => t(Number(e), n));
+	});
+}
+function z(e, t, n) {
+	e.hiddenIds.has(t) || (e.hiddenIds.add(t), n.add(e));
+}
+function B(e, t, n) {
+	e && console.log(`${t}:`, Date.now() - n, "ms");
+}
+function V(e, t, n) {
+	let { hiddenIds: r, originalIndex: i, triangleRanges: a } = e, o = me(r, t);
+	if (e.visibleStateKey === o) return;
+	if (!r.size && !t) {
+		I(e), e.visibleStateKey = o;
+		return;
+	}
+	let s = 0, c = 0;
+	if (a.forEach(({ count: e, id: n }) => {
+		L(n, r, t) ? s += e * 3 : c += e * 3;
+	}), !s) {
+		I(e), e.mesh.visible = !1, e.visibleStateKey = o;
+		return;
+	}
+	if (!c) {
+		I(e), e.visibleStateKey = o;
+		return;
+	}
+	e.mesh.visible = e.initialVisible;
+	let l = ue(i, s), u = 0;
+	for (let e = 0; e < a.length; e++) {
+		let { count: n, id: o, start: s } = a[e];
+		if (!L(o, r, t)) continue;
+		let c = s * 3, d = c + n * 3;
+		l.set(i.subarray(c, d), u), u += n * 3;
+	}
+	n || (e.originalBoundsTree = null), fe(e, l), e.visibleStateKey = o;
+}
+function H(e, t) {
+	return e.isolatedIdsByModel ? e.isolatedIdsByModel.get(t.modelID) ?? /* @__PURE__ */ new Set() : e.isolatedIds;
+}
+function he(e) {
+	let t = P((e) => e.selected), n = P((e) => e.resetSelected), i = P((e) => e.showStats), a = P((e) => e.userDevice) === "pc", o = e.buildIndex, s = r(() => Array.from(o().elementIndex.keys()), [o]), c = r((e) => {
+		let t = Date.now(), n = o(), r = /* @__PURE__ */ new Set();
+		e.forEach((e) => {
+			let t = n.elementIndex.get(e);
+			t && t.forEach(({ record: t }) => {
+				z(t, e, r);
+			});
+		}), r.forEach((e) => V(e, H(n, e), a)), B(i, "hideByIds", t);
+	}, [
+		o,
+		a,
+		i
+	]), l = r(() => {
+		let e = Date.now(), r = o(), s = /* @__PURE__ */ new Set();
+		R(t, (e, t) => {
+			let n = r.elementIndex.get(t);
+			n && n.forEach(({ record: n }) => {
+				n.modelID === e && z(n, t, s);
+			});
+		}), s.forEach((e) => V(e, H(r, e), a)), n(), B(i, "hideSelected", e);
+	}, [
+		o,
+		a,
+		n,
+		t,
+		i
+	]), u = r((e) => {
+		let t = Date.now(), n = o(), r = /* @__PURE__ */ new Set();
+		e.forEach((e) => {
+			let t = n.elementIndex.get(e);
+			t && t.forEach(({ record: t }) => {
+				t.hiddenIds.delete(e) && r.add(t);
+			});
+		}), r.forEach((e) => V(e, H(n, e), a)), B(i, "showByIds", t);
+	}, [
+		o,
+		a,
+		i
+	]);
+	return {
+		buildIndex: o,
+		getAllIds: s,
+		hideByIds: c,
+		hideSelected: l,
+		isolateByIds: r((e) => {
+			let t = Date.now(), n = o();
+			n.isolatedIdsByModel = null, n.isolatedIds = new Set(e), n.records.forEach((e) => V(e, H(n, e), a)), B(i, "isolateByIds", t);
+		}, [
+			o,
+			a,
+			i
+		]),
+		isolateSelected: r(() => {
+			let e = Date.now(), n = o(), r = /* @__PURE__ */ new Map();
+			R(t, (e, t) => {
+				let n = r.get(e);
+				n || (n = /* @__PURE__ */ new Set(), r.set(e, n)), n.add(t);
+			}), n.isolatedIdsByModel = r, n.isolatedIds = null, n.records.forEach((e) => V(e, H(n, e), a)), B(i, "isolateSelected", e);
+		}, [
+			o,
+			a,
+			t,
+			i
+		]),
+		resetIsolation: r(() => {
+			let e = Date.now(), t = o();
+			t.isolatedIdsByModel = null, t.isolatedIds = null, t.records.forEach((e) => V(e, H(t, e), a)), B(i, "resetIsolation", e);
+		}, [
+			o,
+			a,
+			i
+		]),
+		showAll: r(() => {
+			let e = Date.now(), t = o();
+			t.isolatedIdsByModel = null, t.isolatedIds = null, t.records.forEach((e) => {
+				e.hiddenIds.clear(), V(e, H(t, e), a);
+			}), B(i, "showAll", e);
+		}, [
+			o,
+			a,
+			i
+		]),
+		showByIds: u
+	};
+}
+//#endregion
+//#region src/viewer/Hotkeys/useHotkeysUtils.tsx
+function ge(e) {
+	a(() => {
+		let t = (t) => {
+			t.code === "KeyI" && e.isolateSelected(), t.code === "KeyH" && e.hideSelected(), t.code === "KeyC" && e.showAll();
+		};
+		return window.addEventListener("keydown", t), () => {
+			window.removeEventListener("keydown", t);
+		};
+	}, [P((e) => e.selected), e]);
+}
+//#endregion
+//#region src/viewer/Selector/SelectionBox.ts
+var _e = new C(), U = new C(), W = new S();
+function ve(e) {
+	let t = e;
+	for (; t;) {
+		let e = t.modelID ?? t.userData.modelID;
+		if (typeof e == "number") return e;
+		t = t.parent;
+	}
+	return 0;
+}
+function ye(e) {
+	let t = e.getBoundingClientRect();
+	return {
+		height: t.height,
+		left: t.left,
+		top: t.top,
+		width: t.width
+	};
+}
+function be(e) {
+	return {
+		boundsCheckMs: 0,
+		candidateIds: 0,
+		containedCandidateVertices: 0,
+		containedIdsMs: 0,
+		containedVerticesVisited: 0,
+		intersectsBoundsCalls: 0,
+		intersectsBoundsMs: 0,
+		intersectsRangeCalls: 0,
+		intersectsRangeMs: 0,
+		intersectsTriangleCalls: 0,
+		intersectsTriangleMs: 0,
+		matrixUpdateMs: 0,
+		meshCount: 0,
+		mode: e,
+		selectedIds: 0,
+		shapecastMs: 0,
+		skippedMeshCount: 0,
+		totalMs: 0,
+		trianglePointCalls: 0,
+		trianglePointMs: 0,
+		trianglePointVertices: 0,
+		triangleProjectionMs: 0
+	};
+}
+function xe(e, t) {
+	return {
+		minX: Math.min(e.x, t.x),
+		minY: Math.min(e.y, t.y),
+		maxX: Math.max(e.x, t.x),
+		maxY: Math.max(e.y, t.y)
+	};
+}
+function Se(e, t) {
+	return t.x >= e.x ? "contains" : "intersects";
+}
+function G(e, t) {
+	return Ce(e.x, e.y, t);
+}
+function Ce(e, t, n) {
+	return e >= n.minX && e <= n.maxX && t >= n.minY && t <= n.maxY;
+}
+function K(e, t, n, r, i, a) {
+	return (a - t) * (n - e) > (r - t) * (i - e);
+}
+function q(e, t, n, r, i, a, o, s) {
+	return K(e, t, i, a, o, s) !== K(n, r, i, a, o, s) && K(e, t, n, r, i, a) !== K(e, t, n, r, o, s);
+}
+function J(e, t, n, r, i) {
+	let a = .5 * (-r.y * i.x + n.y * (-r.x + i.x) + n.x * (r.y - i.y) + r.x * i.y), o = a < 0 ? -1 : 1, s = (n.y * i.x - n.x * i.y + (i.y - n.y) * e + (n.x - i.x) * t) * o, c = (n.x * r.y - n.y * r.x + (n.y - r.y) * e + (r.x - n.x) * t) * o;
+	return s >= 0 && c >= 0 && s + c <= 2 * a * o;
+}
+function we(e, t, n, r) {
+	return G(e, r) || G(t, r) || G(n, r) || J(r.minX, r.minY, e, t, n) || J(r.maxX, r.minY, e, t, n) || J(r.maxX, r.maxY, e, t, n) || J(r.minX, r.maxY, e, t, n) ? !0 : Y(e, t, r) || Y(t, n, r) || Y(n, e, r);
+}
+function Y(e, t, n) {
+	return q(e.x, e.y, t.x, t.y, n.minX, n.minY, n.maxX, n.minY) || q(e.x, e.y, t.x, t.y, n.maxX, n.minY, n.maxX, n.maxY) || q(e.x, e.y, t.x, t.y, n.maxX, n.maxY, n.minX, n.maxY) || q(e.x, e.y, t.x, t.y, n.minX, n.maxY, n.minX, n.minY);
+}
+function X(e, t, n, r, i = new S()) {
+	let a = _e.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 Te(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++) U.set(u ? t.max.x : t.min.x, d ? t.max.y : t.min.y, f ? t.max.z : t.min.z), X(e, U, r, i, W), a = Math.min(a, W.x), o = Math.max(o, W.x), s = Math.min(s, W.y), c = Math.max(c, W.y), G(W, n) && (l += 1);
+	return o < n.minX || a > n.maxX || c < n.minY || s > n.maxY ? D : l === 8 ? w : T;
+}
+function Ee(e, t, n, r) {
+	let i = Infinity, a = -Infinity, o = Infinity, s = -Infinity;
+	for (let c = 0; c < 2; c++) for (let l = 0; l < 2; l++) for (let u = 0; u < 2; u++) U.set(c ? t.max.x : t.min.x, l ? t.max.y : t.min.y, u ? t.max.z : t.min.z), X(e, U, n, r, W), i = Math.min(i, W.x), a = Math.max(a, W.x), o = Math.min(o, W.y), s = Math.max(s, W.y);
+	return {
+		minX: i,
+		minY: o,
+		maxX: a,
+		maxY: s
+	};
+}
+function De(e, t) {
+	return !(e.maxX < t.minX || e.minX > t.maxX || e.maxY < t.minY || e.minY > t.maxY);
+}
+function Oe(e, t, n, r) {
+	e.geometry.boundingBox || e.geometry.computeBoundingBox();
+	let i = e.geometry.boundingBox;
+	return i ? De(Ee(e, i, n, r), t) : !0;
+}
+function ke(e, t, n) {
+	let r = e.get(t);
+	r || (r = /* @__PURE__ */ new Set(), e.set(t, r)), r.add(n);
+}
+function Ae(e) {
+	let t = 0;
+	return e.forEach((e) => {
+		t += e.size;
+	}), t;
+}
+function Z(e, t, n) {
+	let r = e.geometry, i = r.index, a = r.attributes.ids;
+	if (!i || !a) return;
+	let o = t * 3;
+	ke(n, ve(e), a.getX(i.getX(o)));
+}
+function je({ model: e, camera: t, viewport: n, rect: r, candidateIdsByModel: i, profile: a }) {
+	let o = performance.now(), s = /* @__PURE__ */ new Map(), c = new C();
+	e.traverse((e) => {
+		let o = e;
+		if (!o.isMesh) return;
+		let l = o.geometry.attributes.ids, u = o.geometry.attributes.position;
+		if (!(!l || !u)) {
+			a && (a.containedVerticesVisited += l.count);
+			for (let e = 0; e < l.count; e++) {
+				let d = ve(o), f = l.getX(e);
+				if (!i.get(d)?.has(f)) continue;
+				a && (a.containedCandidateVertices += 1);
+				let p = `${d}:${f}`, m = s.get(p);
+				m || (m = {
+					id: f,
+					inside: 0,
+					modelID: d,
+					total: 0
+				}, s.set(p, m)), c.fromBufferAttribute(u, e), m.total += 1, G(X(o, c, t, n), r) && (m.inside += 1);
+			}
+		}
+	});
+	let l = /* @__PURE__ */ new Map();
+	return s.forEach((e) => {
+		e.total > 0 && e.total === e.inside && ke(l, e.modelID, e.id);
+	}), a && (a.containedIdsMs += performance.now() - o), l;
+}
+function Me({ model: e, camera: t, domElement: n, rect: r, mode: i, profile: a }) {
+	let o = performance.now(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+	if (!e) return s;
+	let l = ye(n), u = performance.now();
+	e.updateMatrixWorld(!0), t.updateMatrixWorld(), a && (a.matrixUpdateMs += performance.now() - u), e.traverse((e) => {
+		let n = e;
+		if (!n.isMesh) return;
+		a && (a.meshCount += 1);
+		let o = n.geometry.boundsTree;
+		if (!o || !n.geometry.index || !n.geometry.attributes.ids) {
+			a && (a.skippedMeshCount += 1);
+			return;
+		}
+		let u = performance.now(), d = Oe(n, r, t, l);
+		if (a && (a.boundsCheckMs += performance.now() - u), !d) {
+			a && (a.skippedMeshCount += 1);
+			return;
+		}
+		let f = performance.now();
+		o.shapecast({
+			intersectsBounds: (e) => {
+				let i = performance.now(), o = Te(n, e, r, t, l);
+				return a && (a.intersectsBoundsCalls += 1, a.intersectsBoundsMs += performance.now() - i), o;
+			},
+			intersectsRange: (e, t, r) => {
+				let l = performance.now();
+				if (a && (a.intersectsRangeCalls += 1), !r) return a && (a.intersectsRangeMs += performance.now() - l), !1;
+				for (let r = e; r < e + t; r++) Z(n, o.resolveTriangleIndex(r), i === "contains" ? c : s);
+				return a && (a.intersectsRangeMs += performance.now() - l), !1;
+			},
+			intersectsTriangle: (e, o, u) => {
+				let d = performance.now();
+				if (a && (a.intersectsTriangleCalls += 1), !u) {
+					let i = performance.now(), o = X(n, e.a, t, l), s = X(n, e.b, t, l), c = X(n, e.c, t, l);
+					if (a && (a.triangleProjectionMs += performance.now() - i), !we(o, s, c, r)) return a && (a.intersectsTriangleMs += performance.now() - d), !1;
+				}
+				return i === "contains" ? Z(n, o, c) : Z(n, o, s), a && (a.intersectsTriangleMs += performance.now() - d), !1;
+			}
+		}), a && (a.shapecastMs += performance.now() - f);
+	});
+	let d = i === "contains" ? je({
+		model: e,
+		camera: t,
+		viewport: l,
+		rect: r,
+		candidateIdsByModel: c,
+		profile: a
+	}) : s;
+	return a && (a.candidateIds = Ae(c), a.selectedIds = Ae(d), a.totalMs = performance.now() - o), d;
+}
+function Ne(e) {
+	let t = be(e.mode);
+	return {
+		ids: Me({
+			...e,
+			profile: t
+		}),
+		profile: t
+	};
+}
+function Pe(e) {
+	return e === "contains" ? {
+		border: "rgb(37, 99, 235)",
+		background: "rgba(37, 99, 235, 0.16)"
+	} : {
+		border: "rgb(22, 163, 74)",
+		background: "rgba(22, 163, 74, 0.16)"
+	};
+}
+function Fe(e, t, n) {
+	let r = Pe(Se(t, n));
+	if (!e.current) {
+		let t = document.createElement("div");
+		t.style.position = "fixed", t.style.pointerEvents = "none", t.style.zIndex = "10", e.current = t, document.body.appendChild(t);
+	}
+	let i = xe(t, n);
+	e.current.style.border = `1px solid ${r.border}`, e.current.style.background = r.background, e.current.style.left = `${i.minX}px`, e.current.style.top = `${i.minY}px`, e.current.style.width = `${i.maxX - i.minX}px`, e.current.style.height = `${i.maxY - i.minY}px`;
+}
+function Ie(e) {
+	e.current?.remove(), e.current = null;
+}
+//#endregion
+//#region src/viewer/Selector/useSelector.tsx
+function Le(e) {
+	if (!Array.isArray(e)) return e.userData.shader;
+}
+function Re(e) {
+	return Number(e.current?.modelID ?? 0);
+}
+function ze(e) {
+	let t = e;
+	for (; t;) {
+		let e = t.modelID ?? t.userData.modelID;
+		if (typeof e == "number") return e;
+		t = t.parent;
+	}
+	return 0;
+}
+function Be(e, t, n) {
+	let r = c("end"), i = P((e) => e.selected), o = P((e) => e.setSelected), s = P((e) => e.addSelected), l = P((e) => e.removeSelected), u = P((e) => e.showStats), f = c(null), p = c(null), m = c(!1), h = c(!1), g = c("add"), _ = c(null), v = c(null), b = c(/* @__PURE__ */ new Set()), x = (t) => {
+		if (f.current || r.current !== "end" && r.current !== "start") return;
+		let n = N(t, e.current)[0], i;
+		n && (i = n.object), e.current?.traverse((e) => {
+			if (!(e instanceof y)) return;
+			let t = e;
+			if (n && t === i) {
+				let e = n.faceIndex * 3, r = t.geometry.index.getX(e), i = t.geometry.attributes.ids.getX(r);
+				t.preselected = !0;
+				let a = Le(t.material);
+				if (!a) return;
+				a.uniforms.preSelectionId?.value !== i && (a.uniforms.preSelectionId = { value: i });
+			} else if (t.preselected) {
+				t.preselected = !1;
+				let e = Le(t.material);
+				if (!e) return;
+				e.uniforms.preSelectionId = { value: null };
+			}
+		});
+	}, C = c(null);
+	a(() => {
+		if (!e.current) return;
+		let t = n.buildIndex();
+		_.current !== t.indexedModel && (_.current = t.indexedModel, b.current = /* @__PURE__ */ new Set());
+		let r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
+		Object.entries(i).forEach(([e, t]) => {
+			t.forEach((t) => {
+				r.add(t), a.add(`${e}:${t}`);
+			});
+		});
+		let o = /* @__PURE__ */ new Set(), s = b.current;
+		a.forEach((e) => {
+			if (!s.has(e)) {
+				let t = Number(e.split(":")[1]);
+				o.add(t);
+			}
+		}), s.forEach((e) => {
+			if (!a.has(e)) {
+				let t = Number(e.split(":")[1]);
+				o.add(t);
+			}
+		});
+		let c = /* @__PURE__ */ new Set();
+		o.forEach((e) => {
+			let n = t.elementIndex.get(e);
+			n && n.forEach(({ record: t, vertexRanges: n }) => {
+				let r = +!!i[t.modelID]?.has(e), a = t.mesh, o = a.geometry.attributes.selected;
+				if (!o) return;
+				let s = o.array;
+				n.forEach(({ count: e, start: t }) => {
+					s.fill(r, t, t + e);
+				}), c.add(a);
+			});
+		}), c.forEach((e) => {
+			let t = e.geometry.attributes.selected;
+			t && (t.needsUpdate = !0);
+		}), b.current = new Set(a);
+		let l = v.current;
+		if (l) {
+			u && C.current !== null && console.log(`selection ${l.action}:`, Date.now() - C.current, "ms"), v.current = null, C.current = null;
+			return;
+		}
+		u && C.current !== null && (console.log("selection spend:", Date.now() - C.current, "ms"), C.current = null);
+	}, [i, u]);
+	function w() {
+		return Date.now();
+	}
+	let T = (t) => {
+		if (h.current) {
+			h.current = !1;
+			return;
+		}
+		if (C.current = w(), r.current !== "end" && r.current !== "start" && r.current > 15) {
+			r.current = "end";
+			return;
+		}
+		let n = t.shiftKey, i = t.ctrlKey, a = N(t, e.current), c, u = Re(e);
+		if (a.length) {
+			let e = a[0], t = e.object;
+			u = ze(t);
+			let n = e.faceIndex * 3, r = t.geometry.index.getX(n);
+			c = t.geometry.attributes.ids.getX(r);
+		}
+		if (i) {
+			c !== void 0 && l(u, [c]);
+			return;
+		}
+		if (n) {
+			c !== void 0 && s(u, [c]);
+			return;
+		}
+		o(u, c === void 0 ? [] : [c], !0);
+	}, { camera: E, gl: D, raycaster: O } = d(), k = c(new S()), A = (e) => {
+		e.button !== 0 || !e.shiftKey && !e.ctrlKey || (f.current = new S(e.clientX, e.clientY), g.current = e.ctrlKey ? "remove" : "add", m.current = !1, t.current && (t.current.enabled = !1));
+	}, j = (e) => {
+		if (!f.current) return;
+		let t = new S(e.clientX, e.clientY), n = Math.abs(t.x - f.current.x), r = Math.abs(t.y - f.current.y);
+		n < 6 && r < 6 || (m.current ||= !0, e.preventDefault(), Fe(p, f.current, t));
+	}, M = (n) => {
+		if (!f.current) return;
+		C.current = w();
+		let r = m.current, i = new S(n.clientX, n.clientY), a = xe(f.current, i), o = Se(f.current, i);
+		if (f.current = null, m.current = !1, Ie(p), t.current && setTimeout(() => {
+			t.current && (t.current.enabled = !0);
+		}, 100), !r) return;
+		h.current = !0, n.preventDefault();
+		let { ids: c, profile: u } = Ne({
+			model: e.current,
+			camera: E,
+			domElement: D.domElement,
+			rect: a,
+			mode: o
+		}), d = Array.from(c.values()).reduce((e, t) => e + t.size, 0), _ = {
+			action: g.current,
+			box: u,
+			ids: d
+		};
+		d && (v.current = _, c.forEach((e, t) => {
+			let n = Array.from(e);
+			g.current === "remove" ? l(t, n) : s(t, n);
+		}));
+	};
+	function ee(e) {
+		let t = D.domElement.getBoundingClientRect();
+		return {
+			x: (e.clientX - t.left) / t.width * 2 - 1,
+			y: -((e.clientY - t.top) / t.height) * 2 + 1
+		};
+	}
+	let N = (e, t) => {
+		let { x: n, y: r } = ee(e);
+		return k.current.set(n, r), O.setFromCamera(k.current, E), t ? O.intersectObject(t, !0) : [];
+	};
+	a(() => {
+		let e = t.current;
+		if (!e) return;
+		D.domElement.addEventListener("pointerdown", A), D.domElement.addEventListener("pointermove", j), window.addEventListener("pointerup", M), D.domElement.addEventListener("contextmenu", o), D.domElement.addEventListener("click", T), D.domElement.addEventListener("pointerup", a), D.domElement.addEventListener("pointermove", x), D.domElement.addEventListener("pointerdown", i), e.addEventListener("change", n);
+		function n() {
+			typeof r.current == "number" ? r.current += 1 : r.current === "start" && (r.current = 1);
+		}
+		function i() {
+			r.current = "start";
+		}
+		function a() {
+			setTimeout(() => {
+				r.current = "end";
+			}, 100);
+		}
+		function o(e) {
+			e.ctrlKey && e.preventDefault();
+		}
+		return () => {
+			Ie(p), e.removeEventListener("change", n), D.domElement.removeEventListener("pointerdown", A), D.domElement.removeEventListener("pointermove", j), window.removeEventListener("pointerup", M), D.domElement.removeEventListener("contextmenu", o), D.domElement.removeEventListener("pointerup", a), D.domElement.removeEventListener("pointerdown", i), D.domElement.removeEventListener("pointermove", x), D.domElement.removeEventListener("click", T);
+		};
+	});
+}
+//#endregion
+//#region src/viewer/Camera/useCameraFit.tsx
+function Ve() {
+	let { camera: e } = d();
+	return (t, n, r) => {
+		if (!t.current || !(e instanceof x)) return;
+		let i = new m().setFromObject(t.current), a = i.getCenter(new C()), o = i.getSize(new C()), s = Math.max(o.x, o.y, o.z), c = e.fov * (Math.PI / 180), l = s / (2 * Math.tan(c / 2));
+		l *= 1.5, e.position.set(a.x, a.y, a.z + l), e.lookAt(a), n.current && (n.current.target.copy(a), n.current.update()), r.current && (r.current.position.set(i.max.x * 1.3, i.max.y + 10, i.max.z * 1.3), r.current.lookAt(a));
+	};
+}
+//#endregion
+//#region src/viewer/store/ViewerStore.ts
+function Q() {
+	return ee((e) => ({
+		selected: {},
+		showStats: !1,
+		userDevice: "pc",
+		setShowStats: (t) => e({ showStats: t }),
+		setUserDevice: (t) => e({ userDevice: t }),
+		setSelection: (t) => e({ selected: t }),
+		setSelected: (t, n, r = !1) => {
+			e((e) => {
+				if (r) {
+					let r = {};
+					return Object.keys(e.selected).forEach((e) => {
+						r[Number(e)] = Number(e) === t ? new Set(n) : /* @__PURE__ */ new Set();
+					}), r[t] || (r[t] = new Set(n)), { selected: r };
+				}
+				return { selected: {
+					...e.selected,
+					[t]: new Set(n)
+				} };
+			});
+		},
+		addSelected: (t, n) => {
+			e((e) => {
+				let r = new Set(e.selected[t] ?? []);
+				return n.forEach((e) => r.add(e)), { selected: {
+					...e.selected,
+					[t]: r
+				} };
+			});
+		},
+		removeSelected: (t, n) => {
+			e((e) => {
+				let r = new Set(e.selected[t] ?? []);
+				return n.forEach((e) => r.delete(e)), { selected: {
+					...e.selected,
+					[t]: r
+				} };
+			});
+		},
+		resetSelected: (t) => {
+			e((e) => {
+				if (t !== void 0) return { selected: {
+					...e.selected,
+					[t]: /* @__PURE__ */ new Set()
+				} };
+				let n = {};
+				return Object.keys(e.selected).forEach((e) => {
+					n[Number(e)] = /* @__PURE__ */ new Set();
+				}), { selected: n };
+			});
+		}
+	}));
+}
+//#endregion
+//#region src/viewer/store/ViewerStoreProvider.tsx
+function $({ children: e, store: t }) {
+	let [n] = l(() => t ?? Q());
+	return /* @__PURE__ */ A(le.Provider, {
+		value: n,
+		children: e
+	});
+}
+//#endregion
+//#region src/viewer/api/ViewerApi.ts
+function He(e) {
+	let t = {};
+	return Object.entries(e).forEach(([e, n]) => {
+		t[Number(e)] = Array.from(n);
+	}), t;
+}
+function Ue(e) {
+	let t = {};
+	return Object.entries(e).forEach(([e, n]) => {
+		t[Number(e)] = new Set(n);
+	}), t;
+}
+function We(e, t) {
+	return {
+		camera: { fitCamera: () => {
+			t()?.camera.fitCamera();
+		} },
+		geometryUtils: {
+			getAllIds: () => t()?.geometryUtils.getAllIds() ?? [],
+			hideByIds: (e) => {
+				t()?.geometryUtils.hideByIds(e);
+			},
+			hideSelected: () => {
+				t()?.geometryUtils.hideSelected();
+			},
+			isolateByIds: (e) => {
+				t()?.geometryUtils.isolateByIds(e);
+			},
+			isolateSelected: () => {
+				t()?.geometryUtils.isolateSelected();
+			},
+			resetIsolation: () => {
+				t()?.geometryUtils.resetIsolation();
+			},
+			showAll: () => {
+				t()?.geometryUtils.showAll();
+			},
+			showByIds: (e) => {
+				t()?.geometryUtils.showByIds(e);
+			}
+		},
+		selector: {
+			addSelected: (t, n) => {
+				e.getState().addSelected(t, n);
+			},
+			getSelected: () => He(e.getState().selected),
+			removeSelected: (t, n) => {
+				e.getState().removeSelected(t, n);
+			},
+			resetSelection: (t) => {
+				e.getState().resetSelected(t);
+			},
+			setSelected: (t, n, r = !1) => {
+				e.getState().setSelected(t, n, r);
+			}
+		},
+		utils: {
+			getShowStats: () => e.getState().showStats,
+			getUserDevice: () => e.getState().userDevice,
+			setShowStats: (t) => {
+				e.getState().setShowStats(t);
+			}
+		}
+	};
+}
+//#endregion
+//#region src/viewer/Loaders/BmtLoader.ts
+var Ge = class {
+	view;
+	offset = 0;
+	constructor(e) {
+		this.view = new DataView(e);
+	}
+	readUint8() {
+		return this.view.getUint8(this.offset++);
+	}
+	readUint32() {
+		let e = this.view.getUint32(this.offset, !0);
+		return this.offset += 4, e;
+	}
+	readBytes(e) {
+		let t = new Uint8Array(this.view.buffer, this.offset, e);
+		return this.offset += e, t;
+	}
+	eof() {
+		return this.offset >= this.view.byteLength;
+	}
+}, Ke = class {
+	decodeBuffer(e) {
+		return this.textDecoder.decode(N.inflate(e));
+	}
+	decoder = N;
+	textDecoder = new TextDecoder("utf-8");
+	ChunkType = {
+		PROP: 1,
+		MESH: 2,
+		STRUCTURE: 3,
+		GRIDS: 4,
+		MATRIX: 5
+	};
+	parseMesh(e) {
+		let t = new DataView(e.buffer, e.byteOffset), n = 0, r = () => {
+			let r = t.getUint32(n, !0);
+			n += 4;
+			let i = new Uint8Array(e.buffer, e.byteOffset + n, r);
+			return n += r, i;
+		};
+		return {
+			pos: r(),
+			ids: r(),
+			ind: (() => {
+				let r = t.getUint32(n, !0);
+				n += 4;
+				let i = t.getUint32(n, !0);
+				n += 4;
+				let a = new Uint8Array(e.buffer, e.byteOffset + n, r);
+				return n += r, {
+					data: a,
+					type: i
+				};
+			})(),
+			colorId: (() => {
+				let e = t.getUint8(n++) / 255, r = t.getUint8(n++) / 255, i = t.getUint8(n++) / 255, a = t.getUint8(n++) / 255, o = t.getUint32(n, !0);
+				return n += 4, {
+					r: e,
+					g: r,
+					b: i,
+					opacity: a,
+					name: o
+				};
+			})()
+		};
+	}
+	async loadModel(e) {
+		let t = await (await fetch(e)).blob();
+		console.log("Parsing BMT model");
+		let n = await t.arrayBuffer();
+		return this.parseBinaryFile(n);
+	}
+	parseBinaryFile(e) {
+		let t = new Ge(e);
+		if (new TextDecoder().decode(t.readBytes(3)) !== "BMT") throw Error("Invalid file");
+		let n = t.readUint8();
+		console.log(`model version: ${n}`);
+		let r = {}, i = (e) => this.decoder.inflate(e), a = "";
+		for (; !t.eof();) {
+			let e = t.readUint8(), n = t.readUint32(), o = t.readBytes(n);
+			switch (e) {
+				case this.ChunkType.MESH: {
+					let e = this.parseMesh(o), t = i(e.pos), n = i(e.ids), s = i(e.ind.data), c = e.colorId, l = new Float32Array(t.buffer), u = new Uint32Array(n.buffer), d;
+					if (s && s.length) d = e.ind.type === 0 ? new Uint16Array(s.buffer, s.byteOffset, s.byteLength / 2) : new Uint32Array(s.buffer, s.byteOffset, s.byteLength / 4);
+					else {
+						d = new Uint32Array(t.length);
+						for (let e = 0; e < t.length; e++) d[e] = e;
+					}
+					r[c.name] = {
+						pos: l,
+						ids: u,
+						ind: d,
+						mat: c,
+						matrix: a
+					};
+					break;
+				}
+				case this.ChunkType.PROP: break;
+				case this.ChunkType.STRUCTURE: break;
+				case this.ChunkType.GRIDS: break;
+				case this.ChunkType.MATRIX:
+					n && (a = this.decodeBuffer(o));
+					break;
+				default: break;
+			}
+		}
+		return r;
+	}
+};
+//#endregion
+//#region src/viewer/api/loader.ts
+function qe(e) {
+	return typeof e == "string" ? e : e.name;
+}
+function Je(e) {
+	let t = qe(e).split(/[?#]/)[0].toLowerCase(), n = t.lastIndexOf(".");
+	return n === -1 ? "" : t.slice(n + 1);
+}
+async function Ye(e) {
+	let t = new Ke();
+	return typeof e == "string" ? t.loadModel(e) : t.parseBinaryFile(await e.arrayBuffer());
+}
+async function Xe(e) {
+	let t = Je(e);
+	if (t === "ifc") return null;
+	if (t === "bmt") return Ye(e);
+	throw Error(`Unsupported model format: ${qe(e)}`);
+}
+async function Ze(e) {
+	let t = await Promise.all(e.map(Xe)), n = {};
+	return t.forEach((e, t) => {
+		e && (n[t] = e);
+	}), n;
+}
+var Qe = { loadModel: Ze };
+//#endregion
+//#region src/viewer/Viewer.tsx
+function $e() {
+	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 et({ modelsData: e, onReady: t, publicApi: n, setSceneApi: r }) {
+	let i = c(null), o = c(null), s = c(null), l = ce(o), u = he(l), d = Ve(), m = c(!1), h = P((e) => e.showStats);
+	return Be(o, i, l), ge(u), a(() => {
+		if (!o.current) return;
+		let e = requestAnimationFrame(() => {
+			o.current?.updateMatrixWorld(!0), u.buildIndex(), d(o, i, s);
+		});
+		return () => cancelAnimationFrame(e);
+	}, [e]), a(() => (r({
+		camera: { fitCamera: () => d(o, i, s) },
+		geometryUtils: {
+			getAllIds: u.getAllIds,
+			hideByIds: u.hideByIds,
+			hideSelected: u.hideSelected,
+			isolateByIds: u.isolateByIds,
+			isolateSelected: u.isolateSelected,
+			resetIsolation: u.resetIsolation,
+			showAll: u.showAll,
+			showByIds: u.showByIds
+		}
+	}), m.current || (m.current = !0, t?.(n)), () => r(null)), [
+		d,
+		u,
+		t,
+		n,
+		r
+	]), /* @__PURE__ */ j(k, { children: [
+		/* @__PURE__ */ A("ambientLight", {
+			intensity: 1.2,
+			color: "#ffffff"
+		}),
+		/* @__PURE__ */ A("directionalLight", {
+			ref: s,
+			position: [
+				10,
+				10,
+				10
+			],
+			color: "#ffffff",
+			intensity: 2
+		}),
+		h && /* @__PURE__ */ A(p, {}),
+		/* @__PURE__ */ A("group", {
+			ref: o,
+			children: Object.keys(e).map((t) => /* @__PURE__ */ A(ne, {
+				data: e[Number(t)],
+				modelID: Number(t)
+			}, t))
+		}),
+		/* @__PURE__ */ A(f, { ref: i })
+	] });
+}
+function tt({ camera: e = {
+	position: [
+		10,
+		10,
+		10
+	],
+	fov: 50
+}, dpr: t = window.devicePixelRatio, modelUrls: n, modelSources: r, modelsData: i, onReady: o, publicApi: s, setSceneApi: c, showStats: d }) {
+	let [f, p] = l(), m = F(), h = P((e) => e.setShowStats), g = P((e) => e.setUserDevice), _ = i ?? f;
+	return a(() => {
+		g($e());
+	}, [g]), a(() => {
+		h(!!d);
+	}, [h, d]), a(() => {
+		if (i) return;
+		let e = r ?? n;
+		if (!e?.length) return;
+		let t = !0;
+		return Qe.loadModel(e).then((e) => {
+			t && p(e);
+		}), () => {
+			t = !1;
+		};
+	}, [
+		i,
+		r,
+		n
+	]), _ ? /* @__PURE__ */ A(u, {
+		camera: e,
+		dpr: t,
+		children: /* @__PURE__ */ A($, {
+			store: m,
+			children: /* @__PURE__ */ A(et, {
+				modelsData: _,
+				onReady: o,
+				publicApi: s,
+				setSceneApi: c
+			})
+		})
+	}) : /* @__PURE__ */ A(k, {});
+}
+var nt = n(function(e, t) {
+	let [n] = l(Q), i = c(!1), u = c(!1), d = c(null), { defaultSelected: f, onSelectedChange: p, selected: m } = e, h = r((e) => {
+		d.current = e;
+	}, []), g = s(() => We(n, () => d.current), [n]);
+	return o(t, () => g, [g]), a(() => {
+		i.current || !f || m !== void 0 || (i.current = !0, n.getState().setSelection(Ue(f)));
+	}, [
+		m,
+		f,
+		n
+	]), a(() => {
+		m !== void 0 && (u.current = !0, n.getState().setSelection(Ue(m)), u.current = !1);
+	}, [m, n]), a(() => {
+		if (p) return n.subscribe((e, t) => {
+			e.selected !== t.selected && (u.current || p(He(e.selected)));
+		});
+	}, [p, n]), /* @__PURE__ */ A($, {
+		store: n,
+		children: /* @__PURE__ */ A(tt, {
+			...e,
+			publicApi: g,
+			setSceneApi: h
+		})
+	});
+});
+nt.displayName = "Viewer";
+//#endregion
+export { Ke as BMTLoader, nt as Viewer, $ as ViewerStoreProvider, Q as createViewerStore, Qe as loader, P as useViewerStore, F as useViewerStoreApi };