bimatter-viewer-react 0.6.8 → 0.6.10

package/lib/Viewer.d.ts

@@ -13,7 +13,6 @@ export type ViewerProps = {
     defaultSelected?: ViewerSelection;
     fitToView?: boolean;
     materialMode?: ViewerMaterialMode;
-    modelsLoading?: boolean;
     modelUrls?: string[];
     modelSources?: ViewerModelSource[];
     modelsData?: ModelsData;

package/lib/api/ViewerApi.d.ts

@@ -7,6 +7,8 @@ import type { ViewerDimensionsApi } from "../utils/DimentionsUtils";
 import type { ViewerCameraGetIntersection } from "../Camera/useCameraUtils";
 import type { BmtConversionResult, BmtConverterOptions, BmtConverterSource } from "../Loaders/BmtConverter";
 import { FilteredElementsCollector } from "../Selector/FilteredElementsCollector";
+import type { ViewerLoadedModels, ViewerLoadModelOptions, ViewerModelSource } from "./loader";
+import type { WorkerProgressEvent } from "../workers";
 export type { ViewerClippingApi } from "../utils/ClippingUtils";
 export type { ViewerColorConfigByModel, ViewerModelColorConfig, } from "../utils/ColorsUtils/useElementColors";
 export type { ViewerDimensionsApi } from "../utils/DimentionsUtils";
@@ -76,6 +78,20 @@ export type ViewerConverterApi = {
     convertIfcFileToBmt: (sources: BmtConverterSource, options?: ViewerBmtConverterOptions) => Promise<BmtConversionResult>;
     convertToBmt: (options?: ViewerBmtConverterOptions) => BmtConversionResult;
 };
+export type ViewerLoadModelsOptions = ViewerLoadModelOptions & {
+    clearViewer?: boolean;
+    fitToView?: boolean;
+    onModelLoadingChange?: (loading: boolean) => void;
+    onModelProgress?: (progress: WorkerProgressEvent | null) => void;
+    onModelsDataChange?: (modelsData: ViewerLoadedModels | undefined) => void;
+};
+export type ViewerModelsApi = {
+    getData: () => ViewerLoadedModels | undefined;
+    getLoading: () => boolean;
+    getProgress: () => WorkerProgressEvent | null;
+    loadModels: (sources: ViewerModelSource[], options?: ViewerLoadModelsOptions) => Promise<ViewerLoadedModels>;
+    reset: () => void;
+};
 export type ViewerApi = {
     camera: ViewerCameraApi;
     clipping: ViewerClippingApi;
@@ -83,6 +99,7 @@ export type ViewerApi = {
     converter: ViewerConverterApi;
     dimensions: ViewerDimensionsApi;
     geometryUtils: ViewerGeometryUtilsApi;
+    models: ViewerModelsApi;
     properties: ViewerPropertiesApi;
     selector: ViewerSelectorApi;
     utils: ViewerUtilsApi;
@@ -98,4 +115,4 @@ export type ViewerSceneApi = {
 };
 export declare function serializeSelected(selected: SelectedStore): ViewerSelection;
 export declare function createSelectedStore(selection: ViewerSelection): SelectedStore;
-export declare function createPublicViewerApi(viewerStore: ViewerStoreApi, getSceneApi: () => ViewerSceneApi | null): ViewerApi;
+export declare function createPublicViewerApi(viewerStore: ViewerStoreApi, getSceneApi: () => ViewerSceneApi | null, getModelsApi: () => ViewerModelsApi | null): ViewerApi;

package/lib/index.d.ts

@@ -1,7 +1,7 @@
 export { default as Viewer } from "./Viewer";
 export type { ViewerModelsData, ViewerProps } from "./Viewer";
 export type { ViewerMaterialMode } from "./types";
-export type { ViewerApi, ViewerCameraApi, ViewerCameraGetIntersection, ViewerClippingApi, ViewerColorsApi, ViewerBmtConverterOptions, ViewerConverterApi, ViewerDimensionsApi, ViewerGeometryUtilsApi, ViewerSelection, ViewerSelectorApi, ViewerUtilsApi, } from "./api/ViewerApi";
+export type { ViewerApi, ViewerCameraApi, ViewerCameraGetIntersection, ViewerClippingApi, ViewerColorsApi, ViewerBmtConverterOptions, ViewerConverterApi, ViewerDimensionsApi, ViewerGeometryUtilsApi, ViewerLoadModelsOptions, ViewerModelsApi, ViewerSelection, ViewerSelectorApi, ViewerUtilsApi, } from "./api/ViewerApi";
 export type { ViewerModelLevel, ViewerModelLevelsByModel, ViewerPropertiesApi, ViewerPropertiesExcelOptions, } from "./api/ViewerPropertiesApi";
 export { BMTLoader } from "./Loaders/BmtLoader";
 export type { BmtGeometryChunkData, BmtParseCallbacks, BmtParseProgressData, BmtModelGeometryData, BmtGeomData, BmtIndexArray, BmtMaterialData, BmtElementProps, BmtModelData, BmtModelProps, BmtModelStructure, BmtModelStructureNode, BmtPropertyRecord, BmtPropertySet, BmtPropertyValue, } from "./Loaders/BmtLoader";

package/lib/index.js

@@ -3,7 +3,7 @@ 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,
 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 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 { Box3 as D, BoxGeometry as O, BufferAttribute as k, BufferGeometry as A, CanvasTexture as j, Color as M, ConeGeometry as N, DoubleSide as te, DynamicDrawUsage as ne, Float32BufferAttribute as P, Group as F, Line as I, Line3 as L, LineBasicMaterial as R, LineDashedMaterial as z, LineSegments as re, LinearFilter as B, LinearMipmapLinearFilter as ie, MathUtils as ae, Matrix4 as V, 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";
@@ -21,7 +21,7 @@ var Te = 1 / 1.5, Ee = f.memo(function({ colorPaletteTexture: e, material: t, ma
 			opacity: t.opacity ?? 1
 		}, a = o ? {
 			...i,
-			side: P
+			side: te
 		} : i, s = n === "performance" ? new U(a) : new oe(a), c = s;
 		return c.defaultAttributeValues = {
 			...c.defaultAttributeValues,
@@ -102,7 +102,7 @@ function Pe(e, t, n, r) {
 	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 j(a);
-	return h.colorSpace = de, h.generateMipmaps = !1, h.magFilter = V, h.minFilter = V, h.needsUpdate = !0, {
+	return h.colorSpace = de, h.generateMipmaps = !1, h.magFilter = B, h.minFilter = B, h.needsUpdate = !0, {
 		disposeTimer: null,
 		height: m,
 		key: e,
@@ -360,12 +360,12 @@ function $e({ color: e, floorY: t, fontSize: n = De, grids: r, labelOffset: i =
 }
 //#endregion
 //#region src/viewer/Model.tsx
-var et = new ae(), tt = h(() => import("./WebGpuSelectableMesh-s4XT_3wd.js").then((e) => ({ default: e.WebGpuSelectableMesh })));
+var et = new V(), 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 ae().fromArray(t);
+		return !Array.isArray(t) || t.length !== 16 ? null : new V().fromArray(t);
 	} catch (e) {
 		return console.warn("Model matrix parsing error", e), null;
 	}
@@ -386,7 +386,7 @@ function at({ colorPaletteTexture: e, coordinationMatrix: t, modelID: n, data: r
 		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 = (nt(e.matrix) ?? new ae()).clone().invert(), r = e.mat, o = e.pos;
+				let t = (nt(e.matrix) ?? new V()).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,
@@ -770,7 +770,7 @@ function Qt(e) {
 		r.stroke();
 	}
 	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;
+	return i.anisotropy = Math.max(1, e), i.magFilter = B, i.minFilter = ie, i.wrapS = ue, i.wrapT = ue, i.needsUpdate = !0, i;
 }
 function $t(e, t) {
 	return new k(t ? new Uint32Array(e) : new Uint8Array(e), 1);
@@ -782,12 +782,12 @@ var en = class {
 	capMesh;
 	capTexture;
 	context;
-	root = new I();
+	root = new F();
 	box = new D();
 	meshBox = new D();
-	inverseMatrix = new ae();
+	inverseMatrix = new V();
 	localPlane = new le();
-	tempLine = new R();
+	tempLine = new L();
 	tempVector = new K();
 	tempVector1 = new K();
 	tempAxisX = new K();
@@ -810,12 +810,12 @@ var en = class {
 		return this.context.getUseWebGPU() ? new e({
 			color: At,
 			depthWrite: !1,
-			side: P
+			side: te
 		}) : new U({
 			color: At,
 			depthWrite: !1,
 			map: this.capTexture,
-			side: P
+			side: te
 		});
 	}
 	dispose() {
@@ -895,7 +895,7 @@ var en = class {
 		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 _e(c, 1)), e.setAttribute("modelID", new _e(l, 1)), e.setAttribute("colorIndex", $t(c.length, this.context.getUseWebGPU())), c.length) {
+		if (e.setAttribute("position", new P(u, 3)), e.setAttribute("uv", new P(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 _e(t, 1));
@@ -1100,7 +1100,7 @@ var en = class {
 }, tn = 1024, nn = 1;
 function rn(e) {
 	let t = new k(new Float32Array(e * 3), 3, !1);
-	return t.setUsage(te), t;
+	return t.setUsage(ne), t;
 }
 function an(e) {
 	return Math.max(1, Math.ceil((e.geometry.index?.count ?? 0) / 3));
@@ -1108,7 +1108,7 @@ function an(e) {
 function on(e, t) {
 	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 ne(n, e);
+	let i = new re(n, e);
 	return i.frustumCulled = !1, i.renderOrder = nn, i.visible = !1, i;
 }
 function sn(e, t) {
@@ -1126,9 +1126,9 @@ var ln = class {
 	plane;
 	context;
 	lines = /* @__PURE__ */ new Map();
-	inverseMatrix = new ae();
+	inverseMatrix = new V();
 	localPlane = new le();
-	tempLine = new R();
+	tempLine = new L();
 	tempVector = new K();
 	tempVector1 = new K();
 	tempVector2 = new K();
@@ -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 z({
+		this.material = new R({
 			clippingPlanes: n,
 			color: "black",
 			depthTest: !0,
@@ -1228,7 +1228,7 @@ function Dn(e) {
 	return Math.max(Sn, t.length() * hn);
 }
 var On = class extends W {
-	helper = new I();
+	helper = new F();
 	borderMaterial;
 	material;
 	plane;
@@ -1250,11 +1250,11 @@ var On = class extends W {
 			color: dn,
 			depthWrite: !1,
 			opacity: fn,
-			side: P,
+			side: te,
 			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 B({
+		this.borderMaterial = new z({
 			color: un,
 			dashSize: i,
 			depthWrite: !1,
@@ -1424,7 +1424,7 @@ var On = class extends W {
 		return e.renderOrder = 2, e;
 	}
 	createBorder() {
-		let e = new ne(new A(), this.borderMaterial);
+		let e = new re(new A(), this.borderMaterial);
 		return e.renderOrder = 3, e;
 	}
 	replaceGeometry(e, t) {
@@ -1439,7 +1439,7 @@ var On = class extends W {
 				n.push(t.x, t.y, 0, i.x, i.y, 0, a.x, a.y, 0);
 			}
 		}
-		return t.setAttribute("position", new F(n, 3)), n.length && t.computeBoundingSphere(), t;
+		return t.setAttribute("position", new P(n, 3)), n.length && t.computeBoundingSphere(), t;
 	}
 	createBorderGeometry(e) {
 		let t = new A(), n = [];
@@ -1447,7 +1447,7 @@ var On = class extends W {
 			let r = e[t], i = e[(t + 1) % e.length];
 			n.push(r.x, r.y, 0, i.x, i.y, 0);
 		}
-		return t.setAttribute("position", new F(n, 3)), n.length && t.computeBoundingSphere(), t;
+		return t.setAttribute("position", new P(n, 3)), n.length && t.computeBoundingSphere(), t;
 	}
 	getClippedPolygon() {
 		let e = this.getPlaneBasis(), t = [
@@ -1531,7 +1531,7 @@ var On = class extends W {
 		};
 	}
 	applyPlaneOrientation() {
-		let e = this.getPlaneBasis(), t = new ae().makeBasis(e.u, e.v, this.normal);
+		let e = this.getPlaneBasis(), t = new V().makeBasis(e.u, e.v, this.normal);
 		this.helper.quaternion.setFromRotationMatrix(t);
 	}
 	getModelWorldBox() {
@@ -2021,7 +2021,7 @@ function qn(e) {
 	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 j(n);
-	return u.colorSpace = de, u.generateMipmaps = !1, u.magFilter = V, u.minFilter = V, u.needsUpdate = !0, {
+	return u.colorSpace = de, u.generateMipmaps = !1, u.magFilter = B, u.minFilter = B, u.needsUpdate = !0, {
 		height: l,
 		texture: u,
 		width: c
@@ -2031,7 +2031,7 @@ var Jn = class e {
 	static scale = 1;
 	static scaleFactor = .015;
 	static units = "m";
-	root = new I();
+	root = new F();
 	start;
 	endpointMeshes = [];
 	boundingMesh = null;
@@ -2050,14 +2050,14 @@ var Jn = class e {
 	labelTexture = null;
 	labelWidth = 1;
 	constructor({ boundingMaterial: e, endpointGeometry: t, endpointMaterial: n, endpointScale: r, lineMaterial: i, root: a, start: o, end: s }) {
-		this.boundingMaterial = e, this.endpointGeometry = t, this.endpointMaterial = n, this.endpointBaseScale = r.clone(), this.lineMaterial = i, this.ownerRoot = a, this.start = o.clone(), this.end = s.clone(), this.root.renderOrder = 4, this.lineGeometry.setAttribute("position", new F([
+		this.boundingMaterial = e, this.endpointGeometry = t, this.endpointMaterial = n, this.endpointBaseScale = r.clone(), this.lineMaterial = i, this.ownerRoot = a, this.start = o.clone(), this.end = s.clone(), this.root.renderOrder = 4, this.lineGeometry.setAttribute("position", new P([
 			this.start.x,
 			this.start.y,
 			this.start.z,
 			this.end.x,
 			this.end.y,
 			this.end.z
-		], 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);
+		], 3)), this.line = new I(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);
@@ -2180,7 +2180,7 @@ var tr = class e {
 		depthWrite: !1
 	});
 	endpointScale = new K(1, 1, 1);
-	lineMaterial = new B({
+	lineMaterial = new z({
 		color: Yn,
 		dashSize: .2,
 		depthTest: !1,
@@ -2194,7 +2194,7 @@ var tr = class e {
 		depthTest: !1,
 		depthWrite: !1
 	}));
-	root = new I();
+	root = new F();
 	snapDistance = Xn;
 	startPoint = new K();
 	unit = "m";
@@ -2828,7 +2828,7 @@ function Qr(e, t, n, i, a, o) {
 		});
 	}, N = () => {
 		o?.(null), M(D.current), D.current = null;
-	}, P = (e, t) => {
+	}, te = (e, t) => {
 		let n = D.current;
 		n?.modelID === e && n.elementID === t || (M(n), o?.({
 			elementID: t,
@@ -2839,9 +2839,9 @@ function Qr(e, t, n, i, a, o) {
 			elementID: t,
 			modelID: e
 		});
-	}, te = () => {
+	}, ne = () => {
 		h.current = null, _.current = !1, Hr(g), t.current && (t.current.enabled = !0);
-	}, F = (e) => {
+	}, P = (e) => {
 		if (k()) {
 			N();
 			return;
@@ -2859,40 +2859,40 @@ function Qr(e, t, n, i, a, o) {
 			N();
 			return;
 		}
-		P(t.modelID, t.elementID);
+		te(t.modelID, t.elementID);
 	};
-	function I() {
+	function F() {
 		return performance.now();
 	}
-	let L = (e) => {
+	let I = (e) => {
 		if (k()) {
 			ee.current = null, E.current !== null && (window.clearTimeout(E.current), E.current = null), N();
 			return;
 		}
 		if (ee.current = e, E.current !== null) return;
-		let t = I() - w.current, n = Math.max(0, Ur - t);
+		let t = F() - 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));
+			ee.current = null, e && (w.current = performance.now(), P(e));
 		}, n);
-	}, R = x(null);
+	}, L = x(null);
 	v(() => {
 		let e = S.current;
 		if (e) {
-			p && R.current !== null && console.log(`selection ${e.action}:`, Date.now() - R.current, "ms"), S.current = null, R.current = null;
+			p && L.current !== null && console.log(`selection ${e.action}:`, Date.now() - L.current, "ms"), S.current = null, L.current = null;
 			return;
 		}
-		p && R.current !== null && (console.log("selection spend:", Date.now() - R.current, "ms"), R.current = null);
+		p && L.current !== null && (console.log("selection spend:", Date.now() - L.current, "ms"), L.current = null);
 	}, [c, p]);
-	let { camera: z, gl: B } = T();
-	function ne() {
+	let { camera: R, gl: z } = T();
+	function re() {
 		return Date.now();
 	}
-	let V = (e) => {
-		let t = B.domElement.getBoundingClientRect();
+	let B = (e) => {
+		let t = z.domElement.getBoundingClientRect();
 		return e.clientX >= t.left && e.clientX <= t.right && e.clientY >= t.top && e.clientY <= t.bottom;
-	}, re = (t) => {
+	}, ie = (t) => {
 		if (k()) {
 			C.current = !1, y.current = !1, N();
 			return;
@@ -2902,8 +2902,8 @@ function Qr(e, t, n, i, a, o) {
 			y.current = !1;
 			return;
 		}
-		if (!V(t)) return;
-		if (R.current = ne(), s.current !== "end" && s.current !== "start" && s.current > 15) {
+		if (!B(t)) return;
+		if (L.current = re(), s.current !== "end" && s.current !== "start" && s.current > 15) {
 			s.current = "end";
 			return;
 		}
@@ -2916,11 +2916,11 @@ function Qr(e, t, n, i, a, o) {
 			return;
 		}
 		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) => {
+		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));
+	}, V = (e) => {
 		if (k()) {
-			te();
+			ne();
 			return;
 		}
 		if (!h.current) return;
@@ -2928,11 +2928,11 @@ function Qr(e, t, n, i, a, o) {
 		n < 6 && r < 6 || (_.current ||= !0, e.preventDefault(), Vr(g, h.current, t));
 	}, U = (r) => {
 		if (k()) {
-			te();
+			ne();
 			return;
 		}
 		if (!h.current) return;
-		R.current = ne();
+		L.current = re();
 		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);
@@ -2940,9 +2940,9 @@ function Qr(e, t, n, i, a, o) {
 		y.current = !0, r.preventDefault();
 		let { ids: c, profile: l } = zr({
 			model: e.current,
-			camera: z,
+			camera: R,
 			clippingPlanes: n.getActiveClippingPlanes(),
-			domElement: B.domElement,
+			domElement: z.domElement,
 			rect: o,
 			mode: s
 		}), d = Array.from(c.values()).reduce((e, t) => e + t.size, 0), p = {
@@ -2974,7 +2974,7 @@ function Qr(e, t, n, i, a, o) {
 	v(() => {
 		let e = t.current;
 		if (!e) return;
-		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);
+		z.domElement.addEventListener("pointerdown", ae), z.domElement.addEventListener("pointermove", V), window.addEventListener("pointerup", U), window.addEventListener("pointerup", ie), z.domElement.addEventListener("contextmenu", a), z.domElement.addEventListener("pointerup", i), z.domElement.addEventListener("pointermove", I), z.domElement.addEventListener("pointerleave", N), z.domElement.addEventListener("pointerdown", r), e.addEventListener("update", n);
 		function n() {
 			typeof s.current == "number" ? s.current += 1 : s.current === "start" && (s.current = 1);
 		}
@@ -2990,7 +2990,7 @@ function Qr(e, t, n, i, a, o) {
 			e.ctrlKey && e.preventDefault();
 		}
 		return () => {
-			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);
+			Hr(g), E.current !== null && (window.clearTimeout(E.current), E.current = null), ee.current = null, N(), e.removeEventListener("update", n), z.domElement.removeEventListener("pointerdown", ae), z.domElement.removeEventListener("pointermove", V), window.removeEventListener("pointerup", U), window.removeEventListener("pointerup", ie), z.domElement.removeEventListener("contextmenu", a), z.domElement.removeEventListener("pointerup", i), z.domElement.removeEventListener("pointerdown", r), z.domElement.removeEventListener("pointermove", I), z.domElement.removeEventListener("pointerleave", N);
 		};
 	});
 }
@@ -3003,7 +3003,7 @@ function ti() {
 		if (!t.current || !(e instanceof ce)) return;
 		let i = new D().setFromObject(t.current);
 		if (i.isEmpty()) return;
-		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;
+		let a = i.getCenter(new K()), o = i.getBoundingSphere(new pe()), s = ae.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));
@@ -4153,8 +4153,8 @@ function Ua(e) {
 		t[Number(e)] = new Set(n);
 	}), t;
 }
-function Wa(e, t) {
-	let n = new Ea();
+function Wa(e, t, n) {
+	let r = new Ea();
 	return {
 		camera: {
 			fitCamera: () => {
@@ -4219,9 +4219,9 @@ function Wa(e, t) {
 			}
 		},
 		converter: {
-			convertIfcFileToBmt: (e, r) => {
+			convertIfcFileToBmt: (e, n) => {
 				let i = t();
-				return i ? i.converter.convertIfcFileToBmt(e, r) : n.ConvertIfcFileToBmt(e, r);
+				return i ? i.converter.convertIfcFileToBmt(e, n) : r.ConvertIfcFileToBmt(e, n);
 			},
 			convertToBmt: (e) => t()?.converter.convertToBmt(e) ?? {
 				files: [],
@@ -4300,6 +4300,18 @@ function Wa(e, t) {
 				t()?.geometryUtils.toggleIIfcSpacesVisibility();
 			}
 		},
+		models: {
+			getData: () => n()?.getData(),
+			getLoading: () => n()?.getLoading() ?? !1,
+			getProgress: () => n()?.getProgress() ?? null,
+			loadModels: (e, t) => {
+				let r = n();
+				return r ? r.loadModels(e, t) : Promise.reject(/* @__PURE__ */ Error("Viewer model loader is not ready"));
+			},
+			reset: () => {
+				n()?.reset();
+			}
+		},
 		properties: ya(e),
 		selector: {
 			addSelected: (n, r, i = !0, a = !1) => {
@@ -5231,7 +5243,7 @@ function ss(e, t) {
 	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 j(n);
-	return u.colorSpace = de, u.generateMipmaps = !1, u.magFilter = V, u.minFilter = V, u.anisotropy = Xo, u.needsUpdate = !0, {
+	return u.colorSpace = de, u.generateMipmaps = !1, u.magFilter = B, u.minFilter = B, u.anisotropy = Xo, u.needsUpdate = !0, {
 		aspect: c / l,
 		texture: u
 	};
@@ -5370,7 +5382,13 @@ var gs = class {
 	set = (e) => {
 		this.sceneApi = e;
 	};
-}, _s = {
+}, _s = class {
+	modelsApi = null;
+	get = () => this.modelsApi;
+	set = (e) => {
+		this.modelsApi = e;
+	};
+}, vs = {
 	bottom: 16,
 	height: 96,
 	pointerEvents: "auto",
@@ -5379,11 +5397,11 @@ var gs = class {
 	touchAction: "none",
 	width: 96,
 	zIndex: 2
-}, vs = {
+}, ys = {
 	height: "100%",
 	position: "relative",
 	width: "100%"
-}, ys = {
+}, bs = {
 	far: 50,
 	near: .1,
 	position: [
@@ -5392,18 +5410,18 @@ var gs = class {
 		10
 	],
 	zoom: 72
-}, bs = {
+}, xs = {
 	alpha: !0,
 	antialias: !0
-}, xs = {
+}, Ss = {
 	alpha: !0,
 	antialias: !1,
 	powerPreference: "high-performance"
-}, Ss = {
+}, Cs = {
 	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 D(), Ls = new pe(), $ = new K(), Rs = new K(), zs = new K();
-function Bs({ alpha: e = !0, performanceMode: t }) {
+}, ws = .1, Ts = .02, Es = 150, Ds = .75, Os = .6, ks = 1e3, As = 50, js = 30, Ms = 240, Ns = 2, Ps = 1.25, Fs = .08, Is = 1.2, Ls = 2, Rs = new D(), zs = new pe(), $ = new K(), Bs = new K(), Vs = new K();
+function Hs({ 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({
 			alpha: e,
@@ -5413,7 +5431,7 @@ function Bs({ alpha: e = !0, performanceMode: t }) {
 		return await i.init?.(), i.setClearColor(0, 0), i;
 	};
 }
-function Vs(e = !1) {
+function Us(e = !1) {
 	return {
 		active: e,
 		finalFitDone: !1,
@@ -5421,41 +5439,72 @@ function Vs(e = !1) {
 		userInteractedAfterFirstFit: !1
 	};
 }
-function Hs(e, t) {
+function Ws(e, t) {
+	let n = e?.[t.modelID] ?? {
+		data: {},
+		name: t.modelName,
+		props: {},
+		structure: {}
+	};
+	return {
+		...e ?? {},
+		[t.modelID]: {
+			...n,
+			data: {
+				...n.data,
+				[t.geometryID]: t.geometry
+			}
+		}
+	};
+}
+function Gs(e, t) {
+	let n = { ...e ?? {} };
+	return Object.entries(t).forEach(([t, r]) => {
+		let i = Number(t);
+		n[i] = {
+			...r,
+			data: {
+				...e?.[i]?.data ?? {},
+				...r.data
+			}
+		};
+	}), n;
+}
+function Ks(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 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 qs(e) {
+	return Array.isArray(e) ? [Math.max(e[0], Ns), Math.max(e[1], Ns)] : typeof e == "number" ? Math.max(e, Ns) : Ns;
 }
-function Ws() {
+function Js() {
 	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 Gs(e) {
-	let t = Ks(e);
-	return t ? Math.max(t.radius * ws, Cs) : Cs;
+function Ys(e) {
+	let t = Xs(e);
+	return t ? Math.max(t.radius * Ts, ws) : ws;
 }
-function Ks(e) {
-	if (!e || (Is.setFromObject(e), Is.isEmpty())) return null;
-	let t = Is.getBoundingSphere(Ls);
+function Xs(e) {
+	if (!e || (Rs.setFromObject(e), Rs.isEmpty())) return null;
+	let t = Rs.getBoundingSphere(zs);
 	return !Number.isFinite(t.radius) || t.radius <= 0 ? null : t;
 }
-function qs(e) {
+function Zs(e) {
 	return e.type === "Group" && typeof e.userData.modelID == "number";
 }
-function Js(e) {
-	return e?.children.filter(qs) ?? [];
+function Qs(e) {
+	return e?.children.filter(Zs) ?? [];
 }
-function Ys(e, t) {
-	return Js(e).find((e) => e.userData.modelID === t) ?? null;
+function $s(e, t) {
+	return Qs(e).find((e) => e.userData.modelID === t) ?? null;
 }
-function Xs(e, t) {
-	let n = Ks(t);
+function ec(e, t) {
+	let n = Xs(t);
 	if (!n) return;
-	let r = Math.max(Os, n.radius * ks, e.near + 1);
+	let r = Math.max(ks, n.radius * As, e.near + 1);
 	Math.abs(e.far - r) < 1 || (e.far = r, e.updateProjectionMatrix());
 }
-function Zs(e, t) {
+function tc(e, t) {
 	let n = new D();
 	return Object.entries(e).forEach(([e, r]) => {
 		let i = Number(e), a = t.elementBounds.get(i);
@@ -5465,16 +5514,16 @@ function Zs(e, t) {
 		});
 	}), n.isEmpty() ? null : n;
 }
-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 nc(e) {
+	let t = e.getSize(Vs), n = Math.max(t.x, t.y, t.z);
+	return Number.isFinite(n) && n > 0 ? n * Fs : ws;
 }
-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 rc(e, t, n) {
+	let r = Math.max(ws, (Number.isFinite(n) ? n : ws) * Ps), 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(), Bs.copy(t.position).addScaledVector($, r));
 }
-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) => {
+function ic({ 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, te = C.resetIndex, ne = O.applyStoredColors, P = ti(), F = x(null), I = x(null), L = x(null), R = x(Us()), z = x(l), re = x(!1), B = d((e) => e.showStats), ie = _((e) => {
 		if (s.current = e, !e) return;
 		let t = e;
 		t.isClippingGroup = g, t.enabled = !1, t.clipIntersection = !1, t.clipShadows = !1, t.clippingPlanes = [];
@@ -5486,42 +5535,42 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 		s,
 		g
 	]);
-	let ie = b(() => {
+	let ae = b(() => {
 		let e = Object.keys(c).sort((e, t) => Number(e) - Number(t));
 		for (let t of e) {
 			let e = it(c[Number(t)]);
 			if (e) return e;
 		}
 		return null;
-	}, [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));
+	}, [c]), V = b(() => nt(ae ?? void 0), [ae]), H = b(() => Object.entries(c).map(([e, t]) => [Number(e), t]), [c]), U = o !== "performance", oe = _(() => {
+		r.current && (r.current.minDistance = Ys(s.current));
 	}, [r, s]), W = _((e, t = !1) => {
 		let n = r.current;
 		if (!n) return !1;
-		let i = t ? $s(e, y, n.minDistance) : e;
+		let i = t ? rc(e, y, n.minDistance) : e;
 		return n.cancel(), n.setOrbitPoint(i.x, i.y, i.z), !0;
 	}, [y, r]), le = _((e) => {
-		I.current = e.clone(), W(e, !0);
+		F.current = e.clone(), W(e, !0);
 	}, [W]), ue = _(() => {
-		I.current = null, F(s, r, a);
+		F.current = null, P(s, r, a);
 	}, [
 		r,
-		F,
+		P,
 		a,
 		s
 	]), de = _((t) => {
 		if (!t) return !1;
-		if (!e || !i) return l || (z.current = Vs()), !1;
-		let n = z.current;
+		if (!e || !i) return l || (R.current = Us()), !1;
+		let n = R.current;
 		if (l) {
-			n.active || (z.current = Vs(!0));
-			let e = z.current;
+			n.active || (R.current = Us(!0));
+			let e = R.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 R.current = Us(), e;
 		}
 		return !0;
 	}, [
@@ -5531,18 +5580,18 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 	]), fe = _((e, t = !1) => {
 		let n = r.current;
 		if (!n) return;
-		let i = Zs(e, C.buildIndex());
+		let i = tc(e, C.buildIndex());
 		if (!i) return;
 		let a = i.getCenter(new K());
-		if (I.current = a.clone(), n.cancel(), t) {
-			let e = Qs(i);
+		if (F.current = a.clone(), n.cancel(), t) {
+			let e = nc(i);
 			n.fitToBox(i, !0, {
 				paddingBottom: e,
 				paddingLeft: e,
 				paddingRight: e,
 				paddingTop: e
 			}).then(() => {
-				let e = I.current;
+				let e = F.current;
 				e && W(e, !0);
 			});
 			return;
@@ -5568,10 +5617,10 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 	]);
 	return v(() => {
 		let e = () => {
-			L.current !== null && (window.clearTimeout(L.current), L.current = null);
+			I.current !== null && (window.clearTimeout(I.current), I.current = null);
 		}, t = () => {
-			let e = R.current;
-			e !== null && (R.current = null, A.setEdgesActive(e));
+			let e = L.current;
+			e !== null && (L.current = null, A.setEdgesActive(e));
 		};
 		if (!h) {
 			e(), t(), f("sleep");
@@ -5580,9 +5629,9 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 		let n = r.current;
 		if (!n) return;
 		let i = () => {
-			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);
+			e(), f("wake"), I.current = window.setTimeout(() => {
+				I.current = null, f("move"), L.current === null && (L.current = A.getEdgesActive()), L.current && A.setEdgesActive(!1);
+			}, Es);
 		}, a = () => {
 			e(), t(), f("sleep");
 		};
@@ -5595,12 +5644,12 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 		f,
 		h
 	]), v(() => {
-		l && !B.current && (z.current = Vs(!0)), B.current = l;
+		l && !z.current && (R.current = Us(!0)), z.current = l;
 	}, [l]), v(() => {
 		let e = r.current;
 		if (!e) return;
 		let t = () => {
-			let e = z.current;
+			let e = R.current;
 			!e.active || !e.firstFitDone || (e.userInteractedAfterFirstFit = !0);
 		};
 		return e.addEventListener("controlstart", t), e.addEventListener("control", t), () => {
@@ -5608,7 +5657,7 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 		};
 	}, [r]), Qr(s, r, k, le, A.getSelectableObjects, A.setCapsPreselection), ir(), v(() => {
 		let e = S.domElement, t = (e) => {
-			let t = I.current;
+			let t = F.current;
 			t && e.button === 0 && (e.ctrlKey || e.metaKey || e.shiftKey || W(t, !0));
 		};
 		return e.addEventListener("pointerdown", t, !0), () => {
@@ -5636,19 +5685,19 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 			}
 		}, a = (e) => {
 			if (n || !s.current) return;
-			s.current.updateMatrixWorld(!0), (y instanceof ce || y instanceof se) && Xs(y, s.current), oe(), P();
+			s.current.updateMatrixWorld(!0), (y instanceof ce || y instanceof se) && ec(y, s.current), oe(), te();
 			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();
+			ne(), A.syncWithModel(), j.syncWithModel(), de(r.records.size > 0) && i();
 		};
-		return r(() => a(As)), () => {
+		return r(() => a(g ? Ms : js)), () => {
 			n = !0, t !== null && cancelAnimationFrame(t);
 		};
 	}, [
-		te,
+		ne,
 		e,
 		N,
 		y,
@@ -5659,7 +5708,7 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 		a,
 		s,
 		c,
-		P,
+		te,
 		de,
 		oe,
 		g
@@ -5720,8 +5769,8 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 			geometryUtils: {
 				getAllIds: w.getAllIds,
 				getIfcSpacesVisibility: w.getIfcSpacesVisibility,
-				getModelGeometry: (e) => Ys(s.current, e),
-				getModelsGeometry: () => Js(s.current),
+				getModelGeometry: (e) => $s(s.current, e),
+				getModelsGeometry: () => Qs(s.current),
 				hideByIds: (e) => t(() => w.hideByIds(e)),
 				hideSelected: () => t(w.hideSelected),
 				isolateByIds: (e) => t(() => w.isolateByIds(e)),
@@ -5733,7 +5782,7 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 				toggleIIfcSpacesVisibility: () => t(w.toggleIIfcSpacesVisibility)
 			},
 			selector: { setTargetToSelection: fe }
-		}), ne.current || (ne.current = !0, u?.(p)), () => m(null);
+		}), re.current || (re.current = !0, u?.(p)), () => m(null);
 	}, [
 		A,
 		k,
@@ -5751,7 +5800,7 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 		fe
 	]), /* @__PURE__ */ J(Ce, { children: [
 		U && /* @__PURE__ */ J(Ce, { children: [/* @__PURE__ */ q("ambientLight", {
-			intensity: Ps,
+			intensity: Is,
 			color: "#ffffff"
 		}), /* @__PURE__ */ q("directionalLight", {
 			ref: a,
@@ -5761,14 +5810,14 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 				10
 			],
 			color: "#ffffff",
-			intensity: Fs
+			intensity: Ls
 		})] }),
-		V && /* @__PURE__ */ q(ee, {}),
+		B && /* @__PURE__ */ q(ee, {}),
 		/* @__PURE__ */ q("group", {
-			ref: re,
+			ref: ie,
 			children: H.map(([e, t]) => /* @__PURE__ */ q(ot, {
 				colorPaletteTexture: D,
-				coordinationMatrix: ae,
+				coordinationMatrix: V,
 				data: t,
 				materialMode: o,
 				modelID: e,
@@ -5778,103 +5827,159 @@ function ec({ autoFitCamera: e, cameraRef: t, controlRef: r, fitToView: i, light
 		/* @__PURE__ */ q(E, {
 			dollyToCursor: !0,
 			infinityDolly: !0,
-			minDistance: Cs,
+			minDistance: ws,
 			ref: r,
 			draggingSmoothTime: .03,
 			smoothTime: .05
 		})
 	] });
 }
-function tc({ autoFitCamera: e = !0, camera: t = {
+function ac({ autoFitCamera: e = !0, camera: t = {
 	position: [
 		10,
 		10,
 		10
 	],
 	fov: 50
-}, 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(() => {
-		te(Ws());
-	}, [te]), v(() => {
-		P(!!g);
-	}, [P, g]), v(() => {
-		h !== void 0 && N(h);
-	}, [N, h]), v(() => {
+}, dpr: n = window.devicePixelRatio, fitToView: i, modelUrls: a, modelSources: o, modelsData: s, materialMode: c, onReady: l, performanceMode: u = !1, publicApi: f, setModelsApi: p, setSceneApi: m, showNavCube: h, showStats: g, usePerformanceMoving: y = !1, useWebGPU: w = !1 }) {
+	let T = x(null), E = x(null), ee = x(null), D = x(null), [O, k] = S(), [A, j] = S(!1), [M, N] = S(!0), [te, ne] = S(null), P = x(void 0), F = x(!1), I = x(null), L = x(0), R = r(), z = d((e) => e.setModelNames), re = d((e) => e.setModelProps), B = d((e) => e.setModelStructure), ie = d((e) => e.setShowNavCube), ae = d((e) => e.setShowStats), V = d((e) => e.setUserDevice), H = d((e) => e.showNavCube), U = s ?? O, oe = A, W = i ?? M, se = u ? Ks(n, 1) : n, ce = Ks(se, u ? Os : Ds), le = c ?? (u ? "performance" : void 0), [ue, de] = S("sleep"), fe = qs(se), pe = b(() => w ? Hs({ performanceMode: u }) : u ? Cs : void 0, [u, w]), me = u ? Ss : xs;
+	v(() => {
+		P.current = U;
+	}, [U]), v(() => {
+		F.current = oe;
+	}, [oe]), v(() => {
+		I.current = te;
+	}, [te]);
+	let he = _(() => {
+		L.current += 1, j(!1), ne(null), k(void 0), R.getState().setSelection({});
+	}, [R]), ge = _((e, t) => {
+		k((n) => {
+			let r = e(n);
+			return t?.(r), r;
+		});
+	}, []), _e = _((e, t) => {
+		ge((t) => Ws(t, e), t);
+	}, [ge]), G = _(async (e, t = {}) => {
+		let { clearViewer: n = !1, fitToView: r = !0, onChunk: i, onModelLoadingChange: a, onModelProgress: o, onModelsDataChange: s, onProgress: c, ...l } = t, u = L.current + 1;
+		L.current = u, ne(null), N(r), j(!0), o?.(null), a?.(!0), R.getState().setSelection({}), n && (k({}), s?.({}));
+		let d = (e) => {
+			L.current === u && ne(e), o?.(e), c?.(e);
+		};
+		try {
+			let t = !!l.useWorker, n = await Ro.loadModel(e, {
+				...l,
+				...t ? {
+					collectWorkerChunks: l.collectWorkerChunks ?? !1,
+					onChunk: (e) => {
+						L.current === u && _e(e, s), i?.(e);
+					},
+					onProgress: d
+				} : { onProgress: d }
+			});
+			return L.current === u && ge((e) => t ? Gs(e, n) : {
+				...e ?? {},
+				...n
+			}, s), n;
+		} finally {
+			L.current === u && (j(!1), a?.(!1));
+		}
+	}, [
+		_e,
+		ge,
+		R
+	]), K = b(() => ({
+		getData: () => P.current,
+		getLoading: () => F.current,
+		getProgress: () => I.current,
+		loadModels: G,
+		reset: he
+	}), [G, he]);
+	return v(() => (p(K), () => p(null)), [K, p]), v(() => {
+		V(Js());
+	}, [V]), v(() => {
+		ae(!!g);
+	}, [ae, g]), v(() => {
+		h !== void 0 && ie(h);
+	}, [ie, h]), v(() => {
 		let e = {}, t = {}, n = {};
-		I && Object.entries(I).forEach(([r, i]) => {
+		U && Object.entries(U).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);
-		}), A(e), j(t), M(n);
+		}), z(e), re(t), B(n);
 	}, [
-		I,
-		A,
-		j,
-		M
+		U,
+		z,
+		re,
+		B
 	]), v(() => {
-		if (c) return;
-		let e = o ?? a;
-		if (!e?.length) return;
-		let t = !0;
-		return Ro.loadModel(e).then((e) => {
-			t && O(e);
-		}), () => {
-			t = !1;
-		};
+		if (s) return;
+		let t = o ?? a;
+		t?.length && G(t, {
+			clearViewer: !0,
+			fitToView: e
+		});
 	}, [
-		c,
+		e,
+		s,
+		G,
 		o,
 		a
-	]), I ? /* @__PURE__ */ J("div", {
-		style: vs,
+	]), U ? /* @__PURE__ */ J("div", {
+		style: ys,
 		children: [/* @__PURE__ */ q(C, {
 			camera: t,
-			dpr: _ && B === "move" ? R : L,
-			gl: re,
+			dpr: y && ue === "move" ? ce : se,
+			gl: pe,
 			children: /* @__PURE__ */ q(ni, {
-				store: k,
-				children: /* @__PURE__ */ q(ec, {
+				store: R,
+				children: /* @__PURE__ */ q(ic, {
 					autoFitCamera: e,
-					cameraRef: w,
-					controlRef: T,
-					fitToView: i ?? e,
-					lightRef: ee,
-					materialMode: z,
-					modelRef: E,
-					modelsData: I,
-					modelsLoading: s,
-					onReady: u,
-					onCameraDprModeChange: ne,
-					publicApi: p,
+					cameraRef: T,
+					controlRef: E,
+					fitToView: W,
+					lightRef: D,
+					materialMode: le,
+					modelRef: ee,
+					modelsData: U,
+					modelsLoading: oe,
+					onReady: l,
+					onCameraDprModeChange: de,
+					publicApi: f,
 					setSceneApi: m,
-					usePerformanceMoving: _,
-					useWebGPU: y
+					usePerformanceMoving: y,
+					useWebGPU: w
 				})
 			})
-		}, y ? "viewer-webgpu" : "viewer-webgl"), F && /* @__PURE__ */ q("div", {
-			style: _s,
+		}, w ? "viewer-webgpu" : "viewer-webgl"), H && /* @__PURE__ */ q("div", {
+			style: vs,
 			children: /* @__PURE__ */ q(C, {
-				camera: ys,
-				dpr: V,
-				gl: ie,
+				camera: bs,
+				dpr: fe,
+				gl: me,
 				orthographic: !0,
 				children: /* @__PURE__ */ q(hs, {
 					active: !0,
-					cameraRef: w,
-					controlRef: T,
-					modelRef: E
+					cameraRef: T,
+					controlRef: E,
+					modelRef: ee
 				})
 			}, "nav-cube-webgl")
 		})]
 	}) : /* @__PURE__ */ q(Ce, {});
 }
-var nc = m(function(e, t) {
+var oc = 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]);
-	return y(t, () => d, [d]), v(() => (n.getState().setApi(d), () => {
-		n.getState().api === d && n.getState().setApi(null);
-	}), [d, n]), v(() => {
+	}, [a]), d = b(() => new _s(), []), f = _((e) => {
+		d.set(e);
+	}, [d]), p = b(() => Wa(n, a.get, d.get), [
+		d,
+		a,
+		n
+	]);
+	return y(t, () => p, [p]), v(() => (n.getState().setApi(p), () => {
+		n.getState().api === p && n.getState().setApi(null);
+	}), [p, n]), v(() => {
 		r.current || !s || l !== void 0 || (r.current = !0, n.getState().setSelection(Ua(s)));
 	}, [
 		l,
@@ -5888,13 +5993,14 @@ var nc = m(function(e, t) {
 		});
 	}, [c, n]), /* @__PURE__ */ q(ni, {
 		store: n,
-		children: /* @__PURE__ */ q(tc, {
+		children: /* @__PURE__ */ q(ac, {
 			...e,
-			publicApi: d,
+			publicApi: p,
+			setModelsApi: f,
 			setSceneApi: u
 		})
 	});
 });
-nc.displayName = "Viewer";
+oc.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, $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 };
+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, oc 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bimatter-viewer-react",
-  "version": "0.6.8",
+  "version": "0.6.10",
   "license": "PolyForm-Noncommercial-1.0.0",
   "type": "module",
   "main": "./lib/index.js",