viral-viewer-2 7.2.4 → 7.2.5

package/dist/index.mjs

@@ -1,31 +1,31 @@
-import { Vector3 as E, Box3 as z, Mesh as y, BufferAttribute as L, BufferGeometry as J, EdgesGeometry as Et, MeshBasicMaterial as G, PointLight as Nt, Object3D as $t, InstancedMesh as oe, Color as B, InstancedBufferAttribute as wt, Matrix4 as ne, LineSegments as yt, Line as mt, Points as St, Clock as ti, AnimationMixer as ii, Vector2 as N, Vector4 as si, Quaternion as ni, Spherical as jt, Sphere as Ht, Raycaster as Pt, MathUtils as ri, PerspectiveCamera as He, OrthographicCamera as Ct, Euler as ai, MeshPhongMaterial as gt, FrontSide as oi, MeshStandardMaterial as K, DoubleSide as ee, ObjectLoader as li, WebGLRenderTarget as ue, DepthTexture as At, UnsignedShortType as _t, ShaderMaterial as le, MeshNormalMaterial as ci, RGBAFormat as Wt, HalfFloatType as Ft, NearestFilter as Ot, Scene as ft, WebGLRenderer as Gt, SRGBColorSpace as hi, VSMShadowMap as di, SphereGeometry as Dt, DirectionalLight as ut, AmbientLight as ui, CameraHelper as pi, BoxGeometry as Tt, AxesHelper as mi, BoxHelper as gi, Box3Helper as fi, PlaneGeometry as ae, Plane as he, Fog as vi, PointsMaterial as bi, LOD as wi, TextureLoader as yi, CanvasTexture as Rt, SpriteMaterial as Lt, Sprite as kt, LineBasicMaterial as xi } from "three";
-import { SimplifyModifier as Mi } from "three/examples/jsm/modifiers/SimplifyModifier";
-import { LineSegmentsGeometry as Ut, LineSegments2 as qt, SSAARenderPass as Ei, FXAAShader as Si, TAARenderPass as Ci, SAOPass as Ai, SSAOPass as pt } from "three/examples/jsm/Addons";
-import { computeBoundsTree as _i, disposeBoundsTree as Ii, acceleratedRaycast as Vi } from "three-mesh-bvh";
+import { Vector3 as E, Box3 as j, Mesh as x, BufferAttribute as z, BufferGeometry as ne, EdgesGeometry as Mt, MeshBasicMaterial as q, PointLight as $t, Object3D as jt, InstancedMesh as oe, Color as $, InstancedBufferAttribute as bt, Matrix4 as se, LineSegments as wt, Line as mt, Points as Et, Clock as ii, AnimationMixer as si, Vector2 as H, Vector4 as ni, Quaternion as ri, Spherical as Ht, Sphere as Ft, Raycaster as It, MathUtils as ai, PerspectiveCamera as He, OrthographicCamera as Ct, Euler as oi, MeshPhongMaterial as gt, FrontSide as li, MeshStandardMaterial as K, DoubleSide as J, ObjectLoader as ci, WebGLRenderTarget as ue, DepthTexture as St, UnsignedShortType as At, ShaderMaterial as le, MeshNormalMaterial as hi, RGBAFormat as Wt, HalfFloatType as Gt, NearestFilter as Ot, WebGLRenderer as Ut, SRGBColorSpace as di, VSMShadowMap as ui, Scene as Tt, SphereGeometry as Dt, DirectionalLight as ut, AmbientLight as pi, CameraHelper as mi, BoxGeometry as Pt, AxesHelper as gi, BoxHelper as fi, Box3Helper as vi, PlaneGeometry as ae, Plane as he, Fog as bi, PointsMaterial as wi, LOD as yi, TextureLoader as xi, CanvasTexture as Rt, SpriteMaterial as Lt, Sprite as kt, LineBasicMaterial as Mi } from "three";
+import { SimplifyModifier as Ei } from "three/examples/jsm/modifiers/SimplifyModifier";
+import { LineSegmentsGeometry as qt, LineSegments2 as Qt, SSAARenderPass as Ci, FXAAShader as Si, TAARenderPass as Ai, SAOPass as _i, SSAOPass as pt } from "three/examples/jsm/Addons";
+import { computeBoundsTree as Vi, disposeBoundsTree as Ii, acceleratedRaycast as Ti } from "three-mesh-bvh";
 import pe from "camera-controls";
-import { inflate as Pi, Inflate as Ti } from "pako";
-import { Potree as Oi, PointSizeType as Di, PointShape as Ri, PointColorType as Li } from "potree-core-viral";
-import { GLTFLoader as ki } from "three/examples/jsm/loaders/GLTFLoader";
-import { LineMaterial as Qt } from "three/examples/jsm/lines/LineMaterial";
-import { N8AOPass as Bi } from "n8ao";
-import { EffectComposer as zi } from "three/examples/jsm/postprocessing/EffectComposer";
-import { OutlinePass as Ni } from "three/examples/jsm/postprocessing/OutlinePass";
-import { OutputPass as $i } from "three/examples/jsm/postprocessing/OutputPass";
-import { RenderPass as ji } from "three/examples/jsm/postprocessing/RenderPass";
-import { ShaderPass as xt } from "three/examples/jsm/postprocessing/ShaderPass";
-import { SMAAPass as Hi } from "three/examples/jsm/postprocessing/SMAAPass";
+import { inflate as Pi, Inflate as Oi } from "pako";
+import { Potree as Di, PointSizeType as Ri, PointShape as Li, PointColorType as ki } from "potree-core-viral";
+import { GLTFLoader as Bi } from "three/examples/jsm/loaders/GLTFLoader";
+import { LineMaterial as Zt } from "three/examples/jsm/lines/LineMaterial";
+import { N8AOPass as zi } from "n8ao";
+import { EffectComposer as Ni } from "three/examples/jsm/postprocessing/EffectComposer";
+import { OutlinePass as $i } from "three/examples/jsm/postprocessing/OutlinePass";
+import { OutputPass as ji } from "three/examples/jsm/postprocessing/OutputPass";
+import { RenderPass as Hi } from "three/examples/jsm/postprocessing/RenderPass";
+import { ShaderPass as yt } from "three/examples/jsm/postprocessing/ShaderPass";
+import { SMAAPass as Fi } from "three/examples/jsm/postprocessing/SMAAPass";
 import { GammaCorrectionShader as Wi } from "three/examples/jsm/shaders/GammaCorrectionShader";
-import { Pass as Zt, FullScreenQuad as Yt } from "three/examples/jsm/postprocessing/Pass";
-import { TransformControls as Fi } from "three/examples/jsm/controls/TransformControls";
-import { LineSegments2 as Gi } from "three/examples/jsm/lines/LineSegments2";
-import { LineSegmentsGeometry as Ui } from "three/examples/jsm/lines/LineSegmentsGeometry";
-class vt {
+import { Pass as Yt, FullScreenQuad as Xt } from "three/examples/jsm/postprocessing/Pass";
+import { TransformControls as Gi } from "three/examples/jsm/controls/TransformControls";
+import { LineSegments2 as Ui } from "three/examples/jsm/lines/LineSegments2";
+import { LineSegmentsGeometry as qi } from "three/examples/jsm/lines/LineSegmentsGeometry";
+class ft {
   static createElementFromHTML(e) {
     const t = document.createElement("div");
     return t.innerHTML = e.trim(), t.firstChild;
   }
 }
-const qi = {
+const Qi = {
   background: "#ffffff",
   primary: "#17312c",
   secondary: "#56b77e",
@@ -37,18 +37,18 @@ const qi = {
   added: "#16C47F",
   modified: "#FFD65A",
   notChanged: "#000000"
-}, x = qi;
+}, y = Qi;
 class Q {
   static information(e) {
     console.log(
       `%c ${e}`,
-      `color: ${x.primary}; background: ${x.background}; font-size: 16px;`
+      `color: ${y.primary}; background: ${y.background}; font-size: 16px;`
     );
   }
   static error(e) {
     console.log(
       `%c ${e}`,
-      `color: ${x.accent}; background: ${x.background}; font-size: 16px;`
+      `color: ${y.accent}; background: ${y.background}; font-size: 16px;`
     );
   }
   static memory(e) {
@@ -57,7 +57,7 @@ class Q {
     ) : console.log("Memory tracking is not supported in this browser.");
   }
 }
-class D {
+class R {
   static middlePoint(e, t) {
     return new E(
       (e.x + t.x) / 2,
@@ -100,30 +100,30 @@ class D {
     };
   }
   static rgbToThreejsColor(e, t, i) {
-    return "#" + D.componentToHex(e) + D.componentToHex(t) + D.componentToHex(i);
+    return "#" + R.componentToHex(e) + R.componentToHex(t) + R.componentToHex(i);
   }
   static componentToHex(e) {
     var t = e.toString(16);
     return t.length == 1 ? "0" + t : t;
   }
   static mergeBoundingBoxes(e) {
-    const t = new z();
+    const t = new j();
     return e.forEach((i) => {
       t.union(i);
     }), t;
   }
   static createLowResMesh(e, t = 0.5) {
-    const i = new Mi();
+    const i = new Ei();
     console.log(e);
     const s = i.modify(
       e.geometry.clone(),
       Math.floor(e.geometry.attributes.position.count * t)
     );
-    return new y(s, e.material);
+    return new x(s, e.material);
   }
 }
-const Qi = D.hexToRGB(x.accent);
-class Z extends y {
+const Zi = R.hexToRGB(y.accent);
+class Z extends x {
   constructor(e, t, i) {
     super(e, t), this.globalMaterialIndex = -1, this.workerPool = null, this._depthPrePassMesh = null, this._bufferElements = [], this._colors = null, this._originalColor = null, this._elementMap = /* @__PURE__ */ new Map(), this._isBatching = !1, this._batchQueue = [], this._isProcessingQueue = !1, this._edgeLines = null, this._edgeRanges = /* @__PURE__ */ new Map(), this._edgeThreshold = 60, this._edgeMaterial = null, this._selectedElements = [], this._hidingElements = [], this._isolatingElements = [], this._hiddenSet = /* @__PURE__ */ new Set(), this._isolatedSet = /* @__PURE__ */ new Set(), this._elementOpacityMap = /* @__PURE__ */ new Map(), this._isRGBAMode = !1, this._elementOriginalColors = /* @__PURE__ */ new Map(), this._temporaryColors = /* @__PURE__ */ new Map(), this._isGeneratedLights = !1, this._pointLight = null, this.workerPool = i || null;
   }
@@ -156,7 +156,7 @@ class Z extends y {
         indices: m
       }), o += p;
     }
-    this.geometry.setAttribute("position", new L(s, 3)), this.geometry.setAttribute("color", new L(r, 4)), this.geometry.setIndex(new L(n, 1)), this.geometry.computeVertexNormals(), this.geometry.computeBoundingSphere();
+    this.geometry.setAttribute("position", new z(s, 3)), this.geometry.setAttribute("color", new z(r, 4)), this.geometry.setIndex(new z(n, 1)), this.geometry.computeVertexNormals(), this.geometry.computeBoundingSphere();
     try {
       this.geometry.computeBoundsTree();
     } catch {
@@ -189,18 +189,18 @@ class Z extends y {
         return;
       const b = v.buffer.length / 3, w = [];
       this._elementMap.has(v.modelId.toString()) || this._elementMap.set(v.modelId.toString(), /* @__PURE__ */ new Map());
-      const S = m;
-      for (let C = 0; C < b; C++)
-        c[u++] = v.buffer[C * 3], c[u++] = v.buffer[C * 3 + 1], c[u++] = v.buffer[C * 3 + 2], this._originalColor && (h[p++] = this._originalColor.r, h[p++] = this._originalColor.g, h[p++] = this._originalColor.b, h[p++] = 1);
-      for (let C = 0; C < b - 2; C += 3)
-        d[f++] = m + C, d[f++] = m + C + 1, d[f++] = m + C + 2, w.push(m + C, m + C + 1, m + C + 2);
+      const C = m;
+      for (let S = 0; S < b; S++)
+        c[u++] = v.buffer[S * 3], c[u++] = v.buffer[S * 3 + 1], c[u++] = v.buffer[S * 3 + 2], this._originalColor && (h[p++] = this._originalColor.r, h[p++] = this._originalColor.g, h[p++] = this._originalColor.b, h[p++] = 1);
+      for (let S = 0; S < b - 2; S += 3)
+        d[f++] = m + S, d[f++] = m + S + 1, d[f++] = m + S + 2, w.push(m + S, m + S + 1, m + S + 2);
       const A = this._elementMap.get(v.modelId.toString());
       A.has(v.elementId) || A.set(v.elementId, []), A.get(v.elementId).push({
-        start: S,
+        start: C,
         count: b,
         indices: w
       }), m += b, this._bufferElements.push(v);
-    }), this.geometry.setAttribute("position", new L(c, 3)), this.geometry.setAttribute("color", new L(h, 4)), this.geometry.setIndex(new L(d, 1)), this.geometry.hasAttribute("normal") && this.geometry.deleteAttribute("normal"), this.geometry.computeVertexNormals(), this.geometry.boundingSphere = null, this.geometry.computeBoundingSphere();
+    }), this.geometry.setAttribute("position", new z(c, 3)), this.geometry.setAttribute("color", new z(h, 4)), this.geometry.setIndex(new z(d, 1)), this.geometry.hasAttribute("normal") && this.geometry.deleteAttribute("normal"), this.geometry.computeVertexNormals(), this.geometry.boundingSphere = null, this.geometry.computeBoundingSphere();
     try {
       this.geometry.boundsTree && (this.geometry.boundsTree = null), this.geometry.computeBoundsTree();
     } catch {
@@ -270,7 +270,7 @@ class Z extends y {
     const { newPositions: t, newColors: i, newIndices: s, elementMappings: n } = e;
     try {
       const r = new Float32Array(t), o = new Float32Array(i), a = new Uint32Array(s);
-      this.geometry.setAttribute("position", new L(r, 3)), this.geometry.setAttribute("color", new L(o, 3)), this.geometry.setIndex(new L(a, 1)), n.forEach((l) => {
+      this.geometry.setAttribute("position", new z(r, 3)), this.geometry.setAttribute("color", new z(o, 3)), this.geometry.setIndex(new z(a, 1)), n.forEach((l) => {
         const { modelId: c, elementId: h, start: d, count: u, indices: p } = l;
         this._elementMap.has(c) || this._elementMap.set(c, /* @__PURE__ */ new Map());
         const m = this._elementMap.get(c);
@@ -329,19 +329,19 @@ class Z extends y {
     if (this._edgeLines && (this.remove(this._edgeLines), this._edgeLines.geometry.dispose(), this._edgeLines = null), this._edgeRanges.clear(), !this._edgeMaterial)
       return;
     let e = 0;
-    const t = new J();
+    const t = new ne();
     for (const o of this._bufferElements) {
       const a = o.buffer;
       if (!a || a.length < 9)
         continue;
-      t.setAttribute("position", new L(a, 3));
+      t.setAttribute("position", new z(a, 3));
       const l = Math.floor(a.length / 3 / 3), c = new Uint32Array(l * 3);
       for (let d = 0; d < l; d++) {
         const u = d * 3;
         c[u] = u, c[u + 1] = u + 1, c[u + 2] = u + 2;
       }
-      t.setIndex(new L(c, 1));
-      const h = new Et(t, this._edgeThreshold);
+      t.setIndex(new z(c, 1));
+      const h = new Mt(t, this._edgeThreshold);
       e += h.getAttribute("position").count, h.dispose(), t.deleteAttribute("position"), t.setIndex(null);
     }
     const i = new Float32Array(e * 3);
@@ -350,15 +350,15 @@ class Z extends y {
       const a = o.buffer;
       if (!a || a.length < 9)
         continue;
-      const l = new J();
-      l.setAttribute("position", new L(a, 3));
+      const l = new ne();
+      l.setAttribute("position", new z(a, 3));
       const c = Math.floor(a.length / 3 / 3), h = new Uint32Array(c * 3);
       for (let b = 0; b < c; b++) {
         const w = b * 3;
         h[w] = w, h[w + 1] = w + 1, h[w + 2] = w + 2;
       }
-      l.setIndex(new L(h, 1));
-      const d = new Et(l, this._edgeThreshold), u = d.getAttribute("position");
+      l.setIndex(new z(h, 1));
+      const d = new Mt(l, this._edgeThreshold), u = d.getAttribute("position");
       i.set(u.array, s * 3);
       const p = s, m = u.count;
       let f = this._edgeRanges.get(o.modelId.toString());
@@ -369,8 +369,8 @@ class Z extends y {
     const n = new Uint32Array(e);
     for (let o = 0; o < e; o++)
       n[o] = o;
-    const r = new Ut();
-    r.setPositions(i), this._edgeLines = new qt(r, this._edgeMaterial), this.add(this._edgeLines);
+    const r = new qt();
+    r.setPositions(i), this._edgeLines = new Qt(r, this._edgeMaterial), this.add(this._edgeLines);
   }
   /** Show edges ONLY for the given elements */
   isolateEdge(e) {
@@ -391,7 +391,7 @@ class Z extends y {
     let s = 0;
     for (const n of t)
       i[s++] = n;
-    this._edgeLines.geometry.setIndex(new L(i, 1));
+    this._edgeLines.geometry.setIndex(new z(i, 1));
   }
   /** Hide edges for the given elements (keep all others) */
   hideEdge(e) {
@@ -413,7 +413,7 @@ class Z extends y {
     let n = 0;
     for (let r = 0; r < i.length; r++)
       i[r] && (s[n++] = r);
-    this._edgeLines.geometry.setIndex(new L(s, 1));
+    this._edgeLines.geometry.setIndex(new z(s, 1));
   }
   /** Restore all edges */
   edgeReset() {
@@ -422,14 +422,14 @@ class Z extends y {
     const e = this._edgeLines.geometry.getAttribute("position"), t = new Uint32Array(e.count);
     for (let i = 0; i < t.length; i++)
       t[i] = i;
-    this._edgeLines.geometry.setIndex(new L(t, 1));
+    this._edgeLines.geometry.setIndex(new z(t, 1));
   }
   //#region Selection
   /**
    * Select elements (highlights them with accent color)
    */
   select(e, t = []) {
-    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Qi);
+    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Zi);
   }
   get selectedElements() {
     return this._selectedElements;
@@ -617,7 +617,7 @@ class Z extends y {
    */
   _createDepthPrePass() {
     this._removeDepthPrePass();
-    const e = this.material, t = new G({
+    const e = this.material, t = new q({
       vertexColors: !0,
       transparent: !0,
       alphaTest: 0.5,
@@ -625,7 +625,7 @@ class Z extends y {
       depthWrite: !0,
       side: e == null ? void 0 : e.side
     });
-    this._depthPrePassMesh = new y(this.geometry, t), this._depthPrePassMesh.renderOrder = 0, this._depthPrePassMesh.matrixAutoUpdate = !1, this._depthPrePassMesh.matrixWorld.copy(this.matrixWorld), this.parent && this.parent.add(this._depthPrePassMesh);
+    this._depthPrePassMesh = new x(this.geometry, t), this._depthPrePassMesh.renderOrder = 0, this._depthPrePassMesh.matrixAutoUpdate = !1, this._depthPrePassMesh.matrixWorld.copy(this.matrixWorld), this.parent && this.parent.add(this._depthPrePassMesh);
   }
   /**
    * Remove and dispose the depth pre-pass mesh
@@ -888,7 +888,7 @@ class Z extends y {
           s[c] = a.r, s[c + 1] = a.g, s[c + 2] = a.b;
         }
       }
-      this.geometry.setAttribute("color", new L(s, t)), this.geometry.attributes.color.needsUpdate = !0, this._colors = s, console.log("✅ Unique colors assigned to each face.");
+      this.geometry.setAttribute("color", new z(s, t)), this.geometry.attributes.color.needsUpdate = !0, this._colors = s, console.log("✅ Unique colors assigned to each face.");
     }
   }
   /**
@@ -956,8 +956,8 @@ class Z extends y {
           n && e.push(n);
         }
       });
-      const t = D.getCenterPoint(e), i = this.getFarthestDistance(t, e);
-      t && !this._pointLight && (this._pointLight = new Nt(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
+      const t = R.getCenterPoint(e), i = this.getFarthestDistance(t, e);
+      t && !this._pointLight && (this._pointLight = new $t(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
     }
     this._pointLight && (this._pointLight.visible = !0);
   }
@@ -992,7 +992,7 @@ class Z extends y {
     );
     if (t.length === 0)
       return null;
-    const i = new z(), s = new E();
+    const i = new j(), s = new E();
     for (const n of t)
       if (n.buffer)
         for (let r = 0; r < n.buffer.length; r += 3)
@@ -1086,12 +1086,12 @@ class Z extends y {
     }), this.geometry.index && this.geometry.setIndex(null)), this._edgeLines && (this._edgeLines.geometry && this._edgeLines.geometry.dispose(), this.remove(this._edgeLines), this._edgeLines = null), this.geometry = null;
   }
 }
-let Zi = 1;
+let Yi = 1;
 class Bt {
   constructor(e) {
     this._worker = new Worker(e), this._worker.onmessage = (t) => {
       this._OnMessage(t);
-    }, this._resolve = null, this._id = Zi++;
+    }, this._resolve = null, this._id = Yi++;
   }
   _OnMessage(e) {
     const t = this._resolve;
@@ -1107,7 +1107,7 @@ class Bt {
     this._worker.terminate();
   }
 }
-class te {
+class ee {
   /**
    *
    * @param maxSize maximum number of worker
@@ -1150,93 +1150,7 @@ class te {
     this._workers.forEach((e) => e.dispose()), this._workers = [], this._free = [], this._busy = {}, this._queue = [];
   }
 }
-function Yi() {
-  self.onmessage = (g) => {
-    const {
-      bufferElements: e,
-      selectedKeys: t
-    } = g.data, i = new Set(t);
-    let s = 0;
-    for (const o of e) {
-      const a = new Float32Array(o.buffer);
-      if (o.instances && o.instances.length > 0)
-        for (const l of o.instances) {
-          const c = `${o.modelId}-${l.elementId}`;
-          i.has(c) && (s += a.length);
-        }
-      else
-        s += a.length;
-    }
-    if (s === 0) {
-      self.postMessage({ positions: null });
-      return;
-    }
-    const n = new Float32Array(s);
-    let r = 0;
-    for (const o of e) {
-      const a = new Float32Array(o.buffer);
-      if (o.instances && o.instances.length > 0)
-        for (const l of o.instances) {
-          const c = `${o.modelId}-${l.elementId}`;
-          if (!i.has(c))
-            continue;
-          const h = l.transform;
-          for (let d = 0; d < a.length; d += 3) {
-            const u = a[d], p = a[d + 1], m = a[d + 2], f = 1 / (h[3] * u + h[7] * p + h[11] * m + h[15]);
-            n[r] = (h[0] * u + h[4] * p + h[8] * m + h[12]) * f, n[r + 1] = (h[1] * u + h[5] * p + h[9] * m + h[13]) * f, n[r + 2] = (h[2] * u + h[6] * p + h[10] * m + h[14]) * f, r += 3;
-          }
-        }
-      else
-        n.set(a, r), r += a.length;
-    }
-    self.postMessage({ positions: n.buffer }, [n.buffer]);
-  };
-}
-const Xi = Yi;
-class Ki {
-  constructor() {
-    this._resolve = null, this._requestId = 0;
-    const e = new Blob([`(${Xi})()`]), t = URL.createObjectURL(e);
-    this._worker = new Worker(t), this._worker.onmessage = (i) => {
-      const s = this._resolve;
-      if (this._resolve = null, s) {
-        const n = i.data.positions ? new Float32Array(i.data.positions) : null;
-        s(n);
-      }
-    };
-  }
-  /**
-   * Merge selected element positions in a background thread.
-   * Cancels any in-flight request automatically.
-   */
-  merge(e, t) {
-    this._resolve && (this._resolve(null), this._resolve = null);
-    const i = ++this._requestId, s = [], n = e.filter((r) => r.buffer).map((r) => {
-      const o = r.buffer.slice().buffer;
-      return s.push(o), {
-        buffer: o,
-        modelId: r.modelId,
-        instances: r.instances
-      };
-    });
-    return new Promise((r) => {
-      this._resolve = (o) => {
-        if (i !== this._requestId) {
-          r(null);
-          return;
-        }
-        r(o);
-      }, this._worker.postMessage(
-        { bufferElements: n, selectedKeys: t },
-        s
-      );
-    });
-  }
-  dispose() {
-    this._worker.terminate();
-  }
-}
-const Ji = D.hexToRGB(x.accent), Fe = class Fe extends $t {
+const Xi = R.hexToRGB(y.accent), We = class We extends jt {
   constructor(e) {
     super(), this.material = e, this.globalMaterialIndex = -1, this._depthPrePassMeshes = [], this._instancedMeshes = /* @__PURE__ */ new Map(), this._bufferElements = [], this._originalColor = null, this._elementMap = /* @__PURE__ */ new Map(), this._originalTransforms = /* @__PURE__ */ new Map(), this._elementOpacity = /* @__PURE__ */ new Map(), this._temporaryColors = /* @__PURE__ */ new Map(), this._selectedElements = [], this._hidingElements = [], this._isolatingElements = [], this._edgeLines = /* @__PURE__ */ new Map(), this._edgeRanges = /* @__PURE__ */ new Map(), this._edgeThreshold = 60, this._edgeMaterial = null, this._isGeneratedLights = !1, this._pointLight = null, this._hiddenSet = /* @__PURE__ */ new Set(), this._isolatedSet = /* @__PURE__ */ new Set(), this.material && "vertexColors" in this.material && (this.material.vertexColors = !0, this.material.needsUpdate = !0);
   }
@@ -1283,7 +1197,7 @@ const Ji = D.hexToRGB(x.accent), Fe = class Fe extends $t {
       n.setMatrixAt(c, h);
       const d = a.modelId.toString(), u = l.elementId;
       this._originalTransforms.has(d) || this._originalTransforms.set(d, /* @__PURE__ */ new Map()), this._originalTransforms.get(d).set(u, h.clone());
-      const p = this._originalColor || new B(1, 1, 1);
+      const p = this._originalColor || new $(1, 1, 1);
       r[c * 3] = p.r, r[c * 3 + 1] = p.g, r[c * 3 + 2] = p.b, this._elementMap.has(d) || this._elementMap.set(d, /* @__PURE__ */ new Map());
       const m = this._elementMap.get(d);
       m.has(u) || m.set(u, []), m.get(u).push({
@@ -1291,13 +1205,13 @@ const Ji = D.hexToRGB(x.accent), Fe = class Fe extends $t {
         instanceIndex: c,
         instancedMesh: n
       });
-    }), n.instanceColor = new wt(r, 3), n.instanceMatrix.needsUpdate = !0;
+    }), n.instanceColor = new bt(r, 3), n.instanceMatrix.needsUpdate = !0;
     const o = new Float32Array(t.length);
-    return o.fill(1), s.setAttribute("instanceOpacity", new wt(o, 1)), this.material && "vertexColors" in this.material && (this.material.vertexColors = !0, this.material.needsUpdate = !0), n;
+    return o.fill(1), s.setAttribute("instanceOpacity", new bt(o, 1)), this.material && "vertexColors" in this.material && (this.material.vertexColors = !0, this.material.needsUpdate = !0), n;
   }
   _createGeometryFromBuffer(e) {
-    const t = new J();
-    t.setAttribute("position", new L(e, 3));
+    const t = new ne();
+    t.setAttribute("position", new z(e, 3));
     const i = e.length / 3, s = Math.floor(i / 3), n = new Uint32Array(s * 3);
     for (let o = 0; o < s; o++) {
       const a = o * 3;
@@ -1306,7 +1220,7 @@ const Ji = D.hexToRGB(x.accent), Fe = class Fe extends $t {
     const r = new Float32Array(i * 3);
     for (let o = 0; o < i; o++)
       r[o * 3] = 1, r[o * 3 + 1] = 1, r[o * 3 + 2] = 1;
-    t.setAttribute("color", new L(r, 3)), t.setIndex(new L(n, 1)), t.computeVertexNormals(), t.computeBoundingSphere();
+    t.setAttribute("color", new z(r, 3)), t.setIndex(new z(n, 1)), t.computeVertexNormals(), t.computeBoundingSphere();
     try {
       t.computeBoundsTree();
     } catch {
@@ -1315,9 +1229,9 @@ const Ji = D.hexToRGB(x.accent), Fe = class Fe extends $t {
   }
   _transformArrayToMatrix4(e) {
     if (e.length === 16)
-      return new ne().fromArray(e);
+      return new se().fromArray(e);
     if (e.length === 12) {
-      const t = new ne();
+      const t = new se();
       return t.set(
         e[0],
         e[1],
@@ -1337,7 +1251,7 @@ const Ji = D.hexToRGB(x.accent), Fe = class Fe extends $t {
         1
       ), t;
     } else
-      return console.warn("Unsupported transform array length:", e.length), new ne().identity();
+      return console.warn("Unsupported transform array length:", e.length), new se().identity();
   }
   _generateGeometryKey(e) {
     let t = e.length.toString();
@@ -1353,7 +1267,7 @@ const Ji = D.hexToRGB(x.accent), Fe = class Fe extends $t {
   }
   //#region Selection and Color Control
   select(e, t = []) {
-    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Ji);
+    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Xi);
   }
   unselect() {
     this._selectedElements.length > 0 && (this.resetColor(this._selectedElements), this._selectedElements = []);
@@ -1480,7 +1394,7 @@ const Ji = D.hexToRGB(x.accent), Fe = class Fe extends $t {
       var r;
       const n = (r = this._elementMap.get(i)) == null ? void 0 : r.get(s);
       n && n.forEach(({ instancedMesh: o, instanceIndex: a }) => {
-        o.setMatrixAt(a, Fe.ZERO_MATRIX), o.instanceMatrix.needsUpdate = !0;
+        o.setMatrixAt(a, We.ZERO_MATRIX), o.instanceMatrix.needsUpdate = !0;
       });
     }));
   }
@@ -1498,7 +1412,7 @@ const Ji = D.hexToRGB(x.accent), Fe = class Fe extends $t {
       this._isolatedSet.add(s);
     }), this._isolatingElements = [...t], this._isolatedSet.size === 0 ? (this.visible = !1, this._isolatingElements) : (this._instancedMeshes.forEach((i) => {
       for (let s = 0; s < i.count; s++)
-        i.setMatrixAt(s, Fe.ZERO_MATRIX);
+        i.setMatrixAt(s, We.ZERO_MATRIX);
       i.instanceMatrix.needsUpdate = !0;
     }), t.forEach(({ modelId: i, elementId: s }) => {
       var o, a;
@@ -1605,7 +1519,7 @@ if (gl_FragColor.a < 0.01) discard;`
       if (!e.geometry.getAttribute("instanceOpacity")) {
         const t = new Float32Array(e.count);
         t.fill(1);
-        const i = new wt(t, 1);
+        const i = new bt(t, 1);
         e.geometry.setAttribute("instanceOpacity", i);
       }
     });
@@ -1684,7 +1598,7 @@ if (gl_FragColor.a < 0.01) discard;`
    */
   _createDepthPrePass() {
     this._removeDepthPrePass(), this._instancedMeshes.forEach((e) => {
-      const t = e.material, i = new G({
+      const t = e.material, i = new q({
         colorWrite: !1,
         depthWrite: !0,
         side: t == null ? void 0 : t.side
@@ -1838,13 +1752,13 @@ if (vInstanceOpacity < 0.5) discard;`
     this._edgeLines.forEach((e) => {
       this.remove(e), e.geometry.dispose();
     }), this._edgeLines.clear(), this._edgeRanges.clear(), this._edgeMaterial && this._instancedMeshes.forEach((e, t) => {
-      const i = e.geometry, s = new Et(i, this._edgeThreshold);
+      const i = e.geometry, s = new Mt(i, this._edgeThreshold);
       if (s.getAttribute("position")) {
         const r = s.getAttribute("position").array, o = e.count, a = new Float32Array(
           r.length * o
         );
         for (let c = 0; c < o; c++) {
-          const h = new ne();
+          const h = new se();
           e.getMatrixAt(c, h);
           const d = c * r.length;
           for (let u = 0; u < r.length; u += 3) {
@@ -1856,9 +1770,9 @@ if (vInstanceOpacity < 0.5) discard;`
             p.applyMatrix4(h), a[d + u] = p.x, a[d + u + 1] = p.y, a[d + u + 2] = p.z;
           }
         }
-        const l = new Ut();
+        const l = new qt();
         if (l.setPositions(a), this._edgeMaterial) {
-          const c = new qt(l, this._edgeMaterial);
+          const c = new Qt(l, this._edgeMaterial);
           this.add(c), this._edgeLines.set(t, c);
         }
       }
@@ -1939,15 +1853,15 @@ if (vInstanceOpacity < 0.5) discard;`
   }
   getElementBoxs(e) {
     var s;
-    const t = new z();
+    const t = new j();
     let i = !1;
     for (const n of e) {
       const r = (s = this._elementMap.get(n.modelId)) == null ? void 0 : s.get(n.elementId);
       if (!(!r || r.length === 0))
         for (const { instancedMesh: o, instanceIndex: a } of r) {
-          const l = new ne();
+          const l = new se();
           o.getMatrixAt(a, l);
-          const c = new z().setFromBufferAttribute(
+          const c = new j().setFromBufferAttribute(
             o.geometry.getAttribute("position")
           );
           c.applyMatrix4(l), t.union(c), i = !0;
@@ -1979,8 +1893,8 @@ if (vInstanceOpacity < 0.5) discard;`
           n && e.push(n);
         }
       });
-      const t = D.getCenterPoint(e), i = this.getFarthestDistance(t, e);
-      t && !this._pointLight && (this._pointLight = new Nt(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
+      const t = R.getCenterPoint(e), i = this.getFarthestDistance(t, e);
+      t && !this._pointLight && (this._pointLight = new $t(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
     }
     this._pointLight && (this._pointLight.visible = !0);
   }
@@ -2016,9 +1930,9 @@ if (vInstanceOpacity < 0.5) discard;`
   }
   //#endregion
 };
-Fe.ZERO_MATRIX = new ne().makeScale(0, 0, 0);
-let ce = Fe;
-const es = `
+We.ZERO_MATRIX = new se().makeScale(0, 0, 0);
+let ce = We;
+const Ki = `
 // Web Worker code as string (to be created as blob URL)
 self.onmessage = function(e) {
   const { 
@@ -2132,16 +2046,16 @@ self.onmessage = function(e) {
   }
 };
 `;
-class ts extends y {
+class Ji extends x {
   constructor() {
-    super(), this.workerPool = null, this._mergePositionsWorker = null, this.bimModels = [], this.isReady = !1, this._batchedMeshes = [], this._instancedMeshes = [], this._isolatingElements = [], this._initializeWorkerPool(4);
+    super(), this.workerPool = null, this.bimModels = [], this.isReady = !1, this._batchedMeshes = [], this._instancedMeshes = [], this._isolatingElements = [], this._initializeWorkerPool(4);
   }
   _initializeWorkerPool(e) {
     try {
-      const t = new Blob([es], {
+      const t = new Blob([Ki], {
         type: "application/javascript"
       }), i = URL.createObjectURL(t);
-      this.workerPool = new te(
+      this.workerPool = new ee(
         e || navigator.hardwareConcurrency || 4,
         i
       ), console.log(
@@ -2153,9 +2067,9 @@ class ts extends y {
   }
   get bounds() {
     try {
-      return new z().setFromObject(this);
+      return new j().setFromObject(this);
     } catch {
-      return new z();
+      return new j();
     }
   }
   setReady(e) {
@@ -2320,7 +2234,7 @@ class ts extends y {
       return null;
     const n = new Float32Array(s);
     let r = 0;
-    const o = new ne(), a = new E();
+    const o = new se(), a = new E();
     for (const l of i)
       if (l.buffer)
         if (l.instances && l.instances.length > 0)
@@ -2336,17 +2250,6 @@ class ts extends y {
           n.set(l.buffer, r), r += l.buffer.length;
     return n;
   }
-  /**
-   * Async version — offloads vertex merging to a Web Worker so the main thread stays unblocked.
-   * Automatically cancels any in-flight request when called again.
-   */
-  async getSelectedElementsPositionsAsync() {
-    const e = this.getSelectedElements();
-    if (e.length === 0)
-      return null;
-    const t = e.map((s) => `${s.modelId}-${s.elementId}`), i = this.getElements(e);
-    return i.length === 0 ? null : (this._mergePositionsWorker || (this._mergePositionsWorker = new Ki()), this._mergePositionsWorker.merge(i, t));
-  }
   /**
    * Changes the color of multiple elements in the merged mesh.
    * Works with RGBA color buffer (preserves existing alpha values)
@@ -2369,7 +2272,7 @@ class ts extends y {
     }), this._instancedMeshes.forEach((i) => {
       const s = i.getElementBoxs(e);
       s && t.push(s);
-    }), D.mergeBoundingBoxes(t);
+    }), R.mergeBoundingBoxes(t);
   }
   /**
    * reset visibility/ geometries only not reset color
@@ -2448,8 +2351,7 @@ class ts extends y {
    * *then regenerate again
    */
   dispose() {
-    var e;
-    this.isReady = !1, this._batchedMeshes.forEach((t) => t.dispose()), this._batchedMeshes = [], this._instancedMeshes.forEach((t) => t.dispose()), this._instancedMeshes = [], (e = this._mergePositionsWorker) == null || e.dispose(), this._mergePositionsWorker = null, this.children = [];
+    this.isReady = !1, this._batchedMeshes.forEach((e) => e.dispose()), this._batchedMeshes = [], this._instancedMeshes.forEach((e) => e.dispose()), this._instancedMeshes = [], this.children = [];
   }
 }
 class hr {
@@ -2484,7 +2386,7 @@ class gr {
 }
 class fr {
   constructor() {
-    this.Materials = [], this.Elements = [], this.Camera = new Xt();
+    this.Materials = [], this.Elements = [], this.Camera = new Kt();
   }
 }
 class vr {
@@ -2492,19 +2394,19 @@ class vr {
     this.MaterialIndex = 0, this.Vertices = [], this.Indices = [], this.Buffer = [];
   }
 }
-class Xt {
+class Kt {
   constructor() {
-    this.scale = 0, this.origin = new re(), this.eyePosition = new re(), this.upDirection = new re(), this.forwardDirection = new re(), this.target = new re(), this.box = new is();
+    this.scale = 0, this.origin = new re(), this.eyePosition = new re(), this.upDirection = new re(), this.forwardDirection = new re(), this.target = new re(), this.box = new es();
   }
 }
-class is {
+class es {
   constructor() {
     this.min = new re(), this.max = new re();
   }
 }
 class br {
   constructor() {
-    this.Data = {}, this.CameraData = new Xt(), this.Translation = [];
+    this.Data = {}, this.CameraData = new Kt(), this.Translation = [];
   }
 }
 class re {
@@ -2512,7 +2414,7 @@ class re {
     this.X = 0, this.Y = 0, this.Z = 0;
   }
 }
-const ss = {
+const ts = {
   enabled: !0,
   castShadow: !0,
   intensity: 5,
@@ -2523,7 +2425,7 @@ const ss = {
   indirectLightIntensity: 1.2,
   shadowcatcher: !0
 };
-function ns() {
+function is() {
   function g(i) {
     let s = 0;
     for (let n = 0; n < i.length; n++)
@@ -2553,25 +2455,25 @@ function ns() {
     for (let v = 0; v < a; v++)
       i.forEach((b) => {
         const w = u.get(b.id);
-        w.vx = 0, w.vy = 0, i.forEach((S) => {
-          if (b.id === S.id)
+        w.vx = 0, w.vy = 0, i.forEach((C) => {
+          if (b.id === C.id)
             return;
-          const A = u.get(S.id), C = w.x - A.x, M = w.y - A.y, _ = C * C + M * M, I = Math.sqrt(_) || 1, O = d * d / I;
-          w.vx += C / I * O, w.vy += M / I * O;
+          const A = u.get(C.id), S = w.x - A.x, _ = w.y - A.y, V = S * S + _ * _, T = Math.sqrt(V) || 1, M = d * d / T;
+          w.vx += S / T * M, w.vy += _ / T * M;
         });
       }), s.forEach((b) => {
-        const w = String(b.source), S = String(b.target), A = u.get(w), C = u.get(S);
-        if (!A || !C)
+        const w = String(b.source), C = String(b.target), A = u.get(w), S = u.get(C);
+        if (!A || !S)
           return;
-        const M = A.x - C.x, _ = A.y - C.y, I = Math.sqrt(M * M + _ * _) || 1, O = I * I / d, V = M / I * O, P = _ / I * O;
-        A.vx -= V, A.vy -= P, C.vx += V, C.vy += P;
+        const _ = A.x - S.x, V = A.y - S.y, T = Math.sqrt(_ * _ + V * V) || 1, M = T * T / d, I = _ / T * M, D = V / T * M;
+        A.vx -= I, A.vy -= D, S.vx += I, S.vy += D;
       }), i.forEach((b) => {
-        const w = u.get(b.id), S = Math.sqrt(w.vx * w.vx + w.vy * w.vy) || 1, A = Math.min(S, p);
-        if (w.x += w.vx / S * A, w.y += w.vy / S * A, l === "circular") {
-          const C = r / 2, M = o / 2, _ = Math.min(r, o) / 2, I = w.x - C, O = w.y - M;
-          if (Math.sqrt(I * I + O * O) > _) {
-            const P = Math.atan2(O, I);
-            w.x = C + _ * Math.cos(P), w.y = M + _ * Math.sin(P);
+        const w = u.get(b.id), C = Math.sqrt(w.vx * w.vx + w.vy * w.vy) || 1, A = Math.min(C, p);
+        if (w.x += w.vx / C * A, w.y += w.vy / C * A, l === "circular") {
+          const S = r / 2, _ = o / 2, V = Math.min(r, o) / 2, T = w.x - S, M = w.y - _;
+          if (Math.sqrt(T * T + M * M) > V) {
+            const D = Math.atan2(M, T);
+            w.x = S + V * Math.cos(D), w.y = _ + V * Math.sin(D);
           }
         } else
           w.x = Math.max(0, Math.min(r, w.x)), w.y = Math.max(0, Math.min(o, w.y));
@@ -2605,11 +2507,11 @@ function ns() {
     }
   };
 }
-const rs = ns;
-class as {
+const ss = is;
+class ns {
   constructor() {
-    const e = new Blob([`(${rs})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(2, t);
+    const e = new Blob([`(${ss})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ee(2, t);
   }
   computeLayout(e, t, i, s) {
     const n = {
@@ -2628,7 +2530,7 @@ class as {
     this.workerPool.dispose();
   }
 }
-class os {
+class rs {
   constructor(e, t) {
     this._elementMap = /* @__PURE__ */ new Map(), this._relationships = [], this._searchIndex = null, this._searchIndexBuilt = !1, this._outEdges = /* @__PURE__ */ new Map(), this._inEdges = /* @__PURE__ */ new Map(), this._edgesByType = /* @__PURE__ */ new Map(), this.INVERSE = {
       ON_LEVEL: "HAS_ELEMENT",
@@ -2896,19 +2798,19 @@ class os {
       }), l("Building edges", n, n);
       const d = [];
       this._elementMap.forEach((f, v) => {
-        var w, S, A, C, M;
-        if (a++, (!(f != null && f.Category) || !((w = f.Category) != null && w.value) || f.Category.value == null) && (!(f != null && f.ObjectType) || !((S = f.ObjectType) != null && S.value) || f.ObjectType.value == null) || !h.has(v))
+        var w, C, A, S, _;
+        if (a++, (!(f != null && f.Category) || !((w = f.Category) != null && w.value) || f.Category.value == null) && (!(f != null && f.ObjectType) || !((C = f.ObjectType) != null && C.value) || f.ObjectType.value == null) || !h.has(v))
           return;
         const b = ((A = f == null ? void 0 : f.Name) == null ? void 0 : A.value) || v.toString();
         d.push({
           id: String(v),
           label: b,
-          group: ((C = f == null ? void 0 : f.Category) == null ? void 0 : C.value) || ((M = f == null ? void 0 : f.ObjectType) == null ? void 0 : M.value)
+          group: ((S = f == null ? void 0 : f.Category) == null ? void 0 : S.value) || ((_ = f == null ? void 0 : f.ObjectType) == null ? void 0 : _.value)
         });
       }), l("Building nodes", d.length, d.length);
       const u = d.map((f) => f.id), p = this._calculateNodeLevels(c, u);
       a += r, l("Calculating levels", d.length, d.length);
-      const m = new as();
+      const m = new ns();
       l(
         "Computing layout",
         0,
@@ -2916,12 +2818,12 @@ class os {
       ), m.computeLayout(d, c, e, (f) => {
         a++;
         const v = d.map((b) => {
-          const w = f[b.id], S = p.get(b.id);
+          const w = f[b.id], C = p.get(b.id);
           return {
             ...b,
             x: (w == null ? void 0 : w.x) ?? 0,
             y: (w == null ? void 0 : w.y) ?? 0,
-            level: S
+            level: C
           };
         });
         a++, m.dispose(), t == null || t({
@@ -2964,22 +2866,22 @@ class os {
         b.vx = 0, b.vy = 0, e.forEach((w) => {
           if (v.id === w.id)
             return;
-          const S = h.get(w.id), A = b.x - S.x, C = b.y - S.y, M = A * A + C * C, _ = Math.sqrt(M) || 1, I = c * c / _;
-          b.vx += A / _ * I, b.vy += C / _ * I;
+          const C = h.get(w.id), A = b.x - C.x, S = b.y - C.y, _ = A * A + S * S, V = Math.sqrt(_) || 1, T = c * c / V;
+          b.vx += A / V * T, b.vy += S / V * T;
         });
       }), t.forEach((v) => {
-        const b = String(v.source), w = String(v.target), S = h.get(b), A = h.get(w);
-        if (!S || !A)
+        const b = String(v.source), w = String(v.target), C = h.get(b), A = h.get(w);
+        if (!C || !A)
           return;
-        const C = S.x - A.x, M = S.y - A.y, _ = Math.sqrt(C * C + M * M) || 1, I = _ * _ / c, O = C / _ * I, V = M / _ * I;
-        S.vx -= O, S.vy -= V, A.vx += O, A.vy += V;
+        const S = C.x - A.x, _ = C.y - A.y, V = Math.sqrt(S * S + _ * _) || 1, T = V * V / c, M = S / V * T, I = _ / V * T;
+        C.vx -= M, C.vy -= I, A.vx += M, A.vy += I;
       }), e.forEach((v) => {
-        const b = h.get(v.id), w = Math.sqrt(b.vx * b.vx + b.vy * b.vy) || 1, S = Math.min(w, u);
-        if (b.x += b.vx / w * S, b.y += b.vy / w * S, o === "circular") {
-          const A = s / 2, C = n / 2, M = Math.min(s, n) / 2, _ = b.x - A, I = b.y - C;
-          if (Math.sqrt(_ * _ + I * I) > M) {
-            const V = Math.atan2(I, _);
-            b.x = A + M * Math.cos(V), b.y = C + M * Math.sin(V);
+        const b = h.get(v.id), w = Math.sqrt(b.vx * b.vx + b.vy * b.vy) || 1, C = Math.min(w, u);
+        if (b.x += b.vx / w * C, b.y += b.vy / w * C, o === "circular") {
+          const A = s / 2, S = n / 2, _ = Math.min(s, n) / 2, V = b.x - A, T = b.y - S;
+          if (Math.sqrt(V * V + T * T) > _) {
+            const I = Math.atan2(T, V);
+            b.x = A + _ * Math.cos(I), b.y = S + _ * Math.sin(I);
           }
         } else
           b.x = Math.max(0, Math.min(s, b.x)), b.y = Math.max(0, Math.min(n, b.y));
@@ -3012,8 +2914,8 @@ class wr {
     this.children = /* @__PURE__ */ new Map(), this.keys = /* @__PURE__ */ new Set();
   }
 }
-var k = /* @__PURE__ */ ((g) => (g[g.ON_MOUSE_MOVE = 0] = "ON_MOUSE_MOVE", g[g.ON_MOUSE_DOWN_LEFT = 1] = "ON_MOUSE_DOWN_LEFT", g[g.ON_MOUSE_UP_LEFT = 2] = "ON_MOUSE_UP_LEFT", g[g.ON_MOUSE_DOWN_RIGHT = 3] = "ON_MOUSE_DOWN_RIGHT", g[g.ON_MOUSE_UP_RIGHT = 4] = "ON_MOUSE_UP_RIGHT", g[g.ON_MOUSE_DOUBLE_CLICK = 5] = "ON_MOUSE_DOUBLE_CLICK", g))(k || {}), X = /* @__PURE__ */ ((g) => (g[g.ON_WAKE = 0] = "ON_WAKE", g[g.ON_SLEEP = 1] = "ON_SLEEP", g[g.ON_UPDATE = 2] = "ON_UPDATE", g))(X || {}), me = /* @__PURE__ */ ((g) => (g[g.KEYDOWN = 0] = "KEYDOWN", g[g.KEYUP = 1] = "KEYUP", g))(me || {}), R = /* @__PURE__ */ ((g) => (g[g.LOADED_SCENE = 0] = "LOADED_SCENE", g[g.LOADED_MATERIAL_MANAGER = 1] = "LOADED_MATERIAL_MANAGER", g[g.LOADED_RENDERER = 2] = "LOADED_RENDERER", g[g.LOADED_CAMERA = 3] = "LOADED_CAMERA", g[g.LOADED_CUBE = 4] = "LOADED_CUBE", g[g.LOADED_TOOLS = 5] = "LOADED_TOOLS", g[g.LOADED_SEPERATE_MODEL = 6] = "LOADED_SEPERATE_MODEL", g[g.GENERATED_MERGE_MODEL = 7] = "GENERATED_MERGE_MODEL", g[g.LOADED_DATA = 8] = "LOADED_DATA", g[g.SELECT_ELEMENTS = 9] = "SELECT_ELEMENTS", g[g.UNSELECT_ELEMENTS = 10] = "UNSELECT_ELEMENTS", g))(R || {});
-class It {
+var N = /* @__PURE__ */ ((g) => (g[g.ON_MOUSE_MOVE = 0] = "ON_MOUSE_MOVE", g[g.ON_MOUSE_DOWN_LEFT = 1] = "ON_MOUSE_DOWN_LEFT", g[g.ON_MOUSE_UP_LEFT = 2] = "ON_MOUSE_UP_LEFT", g[g.ON_MOUSE_DOWN_RIGHT = 3] = "ON_MOUSE_DOWN_RIGHT", g[g.ON_MOUSE_UP_RIGHT = 4] = "ON_MOUSE_UP_RIGHT", g[g.ON_MOUSE_DOUBLE_CLICK = 5] = "ON_MOUSE_DOUBLE_CLICK", g))(N || {}), X = /* @__PURE__ */ ((g) => (g[g.ON_WAKE = 0] = "ON_WAKE", g[g.ON_SLEEP = 1] = "ON_SLEEP", g[g.ON_UPDATE = 2] = "ON_UPDATE", g))(X || {}), me = /* @__PURE__ */ ((g) => (g[g.KEYDOWN = 0] = "KEYDOWN", g[g.KEYUP = 1] = "KEYUP", g))(me || {}), k = /* @__PURE__ */ ((g) => (g[g.LOADED_SCENE = 0] = "LOADED_SCENE", g[g.LOADED_MATERIAL_MANAGER = 1] = "LOADED_MATERIAL_MANAGER", g[g.LOADED_RENDERER = 2] = "LOADED_RENDERER", g[g.LOADED_CAMERA = 3] = "LOADED_CAMERA", g[g.LOADED_CUBE = 4] = "LOADED_CUBE", g[g.LOADED_TOOLS = 5] = "LOADED_TOOLS", g[g.LOADED_SEPERATE_MODEL = 6] = "LOADED_SEPERATE_MODEL", g[g.GENERATED_MERGE_MODEL = 7] = "GENERATED_MERGE_MODEL", g[g.LOADED_DATA = 8] = "LOADED_DATA", g[g.SELECT_ELEMENTS = 9] = "SELECT_ELEMENTS", g[g.UNSELECT_ELEMENTS = 10] = "UNSELECT_ELEMENTS", g))(k || {});
+class _t {
   constructor() {
     this.items = {};
   }
@@ -3058,22 +2960,22 @@ class yr {
     };
   }
 }
-class ls {
+class as {
   constructor() {
     this.deleted = [], this.added = [], this.modified = [], this.notChanged = [];
   }
 }
-class cs {
+class os {
   constructor() {
-    this.clashes = new It();
+    this.clashes = new _t();
   }
 }
-class hs {
+class ls {
   constructor() {
     this.value = {}, this.elementIds = [], this.modelId = -1;
   }
 }
-class ds {
+class cs {
   constructor(e) {
     this.viralViewerApi = e, this.panel = null, this.batchListContainer = null, this.isVisible = !1, this.selectedBatchMesh = null, this.inject();
   }
@@ -3088,7 +2990,7 @@ class ds {
         right: 10px;
         width: 300px;
         max-height: 80vh;
-        background-color: ${x.background};
+        background-color: ${y.background};
         border: 1px solid #ccc;
         border-radius: 8px;
         padding: 15px;
@@ -3102,8 +3004,8 @@ class ds {
     const e = document.createElement("div");
     e.innerHTML = `
       <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
-        <h3 style="margin: 0; color: ${x.secondary}; font-size: 16px;">Batch Debug Panel</h3>
-        <span id="batch-debug-close" style="cursor: pointer; font-size: 20px; color: ${x.secondary};">&times;</span>
+        <h3 style="margin: 0; color: ${y.secondary}; font-size: 16px;">Batch Debug Panel</h3>
+        <span id="batch-debug-close" style="cursor: pointer; font-size: 20px; color: ${y.secondary};">&times;</span>
       </div>
     `, this.panel.appendChild(e);
     const t = document.createElement("div");
@@ -3112,7 +3014,7 @@ class ds {
     t.appendChild(i), t.appendChild(s), this.panel.appendChild(t);
     const n = document.createElement("div");
     n.innerHTML = `
-      <h4 style="margin: 10px 0 5px 0; color: ${x.secondary}; font-size: 14px;">Batched Meshes</h4>
+      <h4 style="margin: 10px 0 5px 0; color: ${y.secondary}; font-size: 14px;">Batched Meshes</h4>
     `, this.panel.appendChild(n), this.batchListContainer = document.createElement("div"), this.batchListContainer.setAttribute(
       "style",
       `
@@ -3129,7 +3031,7 @@ class ds {
       `
         flex: 1;
         padding: 8px;
-        background-color: ${x.primary};
+        background-color: ${y.primary};
         color: white;
         border: none;
         border-radius: 4px;
@@ -3139,9 +3041,9 @@ class ds {
         transition: background-color 0.2s;
       `
     ), i.addEventListener("mouseenter", () => {
-      i.style.backgroundColor = x.accent;
+      i.style.backgroundColor = y.accent;
     }), i.addEventListener("mouseleave", () => {
-      i.style.backgroundColor = x.primary;
+      i.style.backgroundColor = y.primary;
     }), i;
   }
   injectStyles() {
@@ -3160,12 +3062,12 @@ class ds {
         background-color: rgba(0, 0, 0, 0.1);
       }
       .batch-item.selected {
-        border-color: ${x.accent};
+        border-color: ${y.accent};
         background-color: rgba(128, 214, 218, 0.2);
       }
       .batch-item-title {
         font-weight: 600;
-        color: ${x.secondary};
+        color: ${y.secondary};
         font-size: 13px;
         margin-bottom: 4px;
       }
@@ -3246,7 +3148,7 @@ class ds {
         background-color: rgba(128, 214, 218, 0.1);
         border-radius: 4px;
         font-size: 11px;
-        color: ${x.secondary};
+        color: ${y.secondary};
         text-align: center;
       `
     ), i.innerHTML = `
@@ -3289,7 +3191,7 @@ class ds {
     this.clearIsolation(), this.panel && (this.panel.remove(), this.panel = null);
   }
 }
-class us {
+class hs {
   constructor(e) {
     this.viralViewerApi = e, this.panel = null, this.instancedListContainer = null, this.isVisible = !1, this.selectedInstancedMesh = null, this.selectedInternalMesh = null, this.inject();
   }
@@ -3304,7 +3206,7 @@ class us {
         right: 320px;
         width: 350px;
         max-height: 80vh;
-        background-color: ${x.background};
+        background-color: ${y.background};
         border: 1px solid #ccc;
         border-radius: 8px;
         padding: 15px;
@@ -3318,8 +3220,8 @@ class us {
     const e = document.createElement("div");
     e.innerHTML = `
       <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
-        <h3 style="margin: 0; color: ${x.secondary}; font-size: 16px;">🔄 Instanced Debug Panel</h3>
-        <span id="instanced-debug-close" style="cursor: pointer; font-size: 20px; color: ${x.secondary};">&times;</span>
+        <h3 style="margin: 0; color: ${y.secondary}; font-size: 16px;">🔄 Instanced Debug Panel</h3>
+        <span id="instanced-debug-close" style="cursor: pointer; font-size: 20px; color: ${y.secondary};">&times;</span>
       </div>
     `, this.panel.appendChild(e);
     const t = document.createElement("div");
@@ -3331,7 +3233,7 @@ class us {
     t.appendChild(i), t.appendChild(s), t.appendChild(n), this.panel.appendChild(t);
     const r = document.createElement("div");
     r.innerHTML = `
-      <h4 style="margin: 10px 0 5px 0; color: ${x.secondary}; font-size: 14px;">Instanced Meshes (ViralInstancedMeshV2)</h4>
+      <h4 style="margin: 10px 0 5px 0; color: ${y.secondary}; font-size: 14px;">Instanced Meshes (ViralInstancedMeshV2)</h4>
     `, this.panel.appendChild(r), this.instancedListContainer = document.createElement("div"), this.instancedListContainer.setAttribute(
       "style",
       `
@@ -3348,7 +3250,7 @@ class us {
       `
         flex: 1;
         padding: 8px;
-        background-color: ${x.primary};
+        background-color: ${y.primary};
         color: white;
         border: none;
         border-radius: 4px;
@@ -3359,9 +3261,9 @@ class us {
         min-width: 80px;
       `
     ), i.addEventListener("mouseenter", () => {
-      i.style.backgroundColor = x.accent;
+      i.style.backgroundColor = y.accent;
     }), i.addEventListener("mouseleave", () => {
-      i.style.backgroundColor = x.primary;
+      i.style.backgroundColor = y.primary;
     }), i;
   }
   injectStyles() {
@@ -3382,12 +3284,12 @@ class us {
         background-color: rgba(0, 0, 0, 0.1);
       }
       .instanced-item.selected {
-        border-color: ${x.accent};
+        border-color: ${y.accent};
         background-color: rgba(128, 214, 218, 0.2);
       }
       .instanced-item-title {
         font-weight: 600;
-        color: ${x.secondary};
+        color: ${y.secondary};
         font-size: 13px;
         margin-bottom: 4px;
       }
@@ -3434,7 +3336,7 @@ class us {
       }
       .internal-mesh-item.selected {
         background-color: rgba(33, 150, 243, 0.2);
-        border-left-color: ${x.accent};
+        border-left-color: ${y.accent};
       }
     `, document.head.appendChild(e);
   }
@@ -3503,8 +3405,8 @@ class us {
         </div>
         <span style="font-size: 14px; color: #666;">▶</span>
       `, u.addEventListener("click", (b) => {
-        const w = d.querySelector(".instanced-wrapper-content"), S = u.querySelector("span");
-        w && S && (w.classList.toggle("expanded"), S.textContent = w.classList.contains("expanded") ? "▼" : "▶");
+        const w = d.querySelector(".instanced-wrapper-content"), C = u.querySelector("span");
+        w && C && (w.classList.toggle("expanded"), C.textContent = w.classList.contains("expanded") ? "▼" : "▶");
       });
       const p = document.createElement("div");
       p.className = "instanced-wrapper-content";
@@ -3525,21 +3427,21 @@ class us {
       ), m.addEventListener("click", (b) => {
         b.stopPropagation(), this.isolateWrapper(r, d);
       }), p.appendChild(m), a.forEach((b, w) => {
-        var _;
-        const S = b.geometry, A = ((_ = S.attributes.position) == null ? void 0 : _.count) || 0, C = S.index ? S.index.count / 3 : A / 3, M = document.createElement("div");
-        M.className = "internal-mesh-item", M.innerHTML = `
+        var V;
+        const C = b.geometry, A = ((V = C.attributes.position) == null ? void 0 : V.count) || 0, S = C.index ? C.index.count / 3 : A / 3, _ = document.createElement("div");
+        _.className = "internal-mesh-item", _.innerHTML = `
           <div style="font-weight: 600; font-size: 12px; margin-bottom: 2px;">
             InstancedMesh ${w + 1}
           </div>
           <div class="instanced-item-info">
             Instances: ${b.count.toLocaleString()}<br>
             Base Vertices: ${A.toLocaleString()}<br>
-            Base Triangles: ${Math.floor(C).toLocaleString()}<br>
+            Base Triangles: ${Math.floor(S).toLocaleString()}<br>
             Total Rendered: ${(A * b.count).toLocaleString()} verts
           </div>
-        `, M.addEventListener("click", (I) => {
-          I.stopPropagation(), this.isolateInternalMesh(r, b, M);
-        }), p.appendChild(M);
+        `, _.addEventListener("click", (T) => {
+          T.stopPropagation(), this.isolateInternalMesh(r, b, _);
+        }), p.appendChild(_);
       }), d.appendChild(u), d.appendChild(p), this.instancedListContainer.appendChild(d);
     });
     const n = document.createElement("div");
@@ -3551,7 +3453,7 @@ class us {
         background-color: rgba(128, 214, 218, 0.1);
         border-radius: 4px;
         font-size: 11px;
-        color: ${x.secondary};
+        color: ${y.secondary};
         text-align: center;
       `
     ), n.innerHTML = `
@@ -3685,7 +3587,7 @@ class us {
     this.clearIsolation(), this.panel && (this.panel.remove(), this.panel = null);
   }
 }
-class ps {
+class ds {
   constructor(e) {
     this.viralViewerApi = e, this.panel = null, this.contentContainer = null, this.isVisible = !1, this.lastAnalysis = null, this.inject();
   }
@@ -3700,7 +3602,7 @@ class ps {
         left: 10px;
         width: 450px;
         max-height: 85vh;
-        background-color: ${x.background};
+        background-color: ${y.background};
         border: 1px solid #ccc;
         border-radius: 8px;
         padding: 15px;
@@ -3715,8 +3617,8 @@ class ps {
     const e = document.createElement("div");
     e.innerHTML = `
       <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
-        <h3 style="margin: 0; color: ${x.secondary}; font-size: 16px;">🔍 Render Debug Panel</h3>
-        <span id="render-debug-close" style="cursor: pointer; font-size: 20px; color: ${x.secondary};">&times;</span>
+        <h3 style="margin: 0; color: ${y.secondary}; font-size: 16px;">🔍 Render Debug Panel</h3>
+        <span id="render-debug-close" style="cursor: pointer; font-size: 20px; color: ${y.secondary};">&times;</span>
       </div>
     `, this.panel.appendChild(e);
     const t = document.createElement("div");
@@ -3740,7 +3642,7 @@ class ps {
       "style",
       `
         padding: 8px 12px;
-        background-color: ${x.primary};
+        background-color: ${y.primary};
         color: white;
         border: none;
         border-radius: 4px;
@@ -3750,9 +3652,9 @@ class ps {
         transition: background-color 0.2s;
       `
     ), i.addEventListener("mouseenter", () => {
-      i.style.backgroundColor = x.accent;
+      i.style.backgroundColor = y.accent;
     }), i.addEventListener("mouseleave", () => {
-      i.style.backgroundColor = x.primary;
+      i.style.backgroundColor = y.primary;
     }), i;
   }
   injectStyles() {
@@ -3766,7 +3668,7 @@ class ps {
       }
       .render-section-title {
         font-weight: 600;
-        color: ${x.secondary};
+        color: ${y.secondary};
         font-size: 13px;
         margin-bottom: 8px;
         display: flex;
@@ -3812,7 +3714,7 @@ class ps {
       }
       .stat-value {
         font-weight: 600;
-        color: ${x.secondary};
+        color: ${y.secondary};
       }
       .warning-box {
         padding: 8px;
@@ -3915,7 +3817,7 @@ class ps {
         );
       } else
         i.set(n.id, r);
-      if (n instanceof y && n.geometry) {
+      if (n instanceof x && n.geometry) {
         const o = this.getGeometryHash(n);
         o !== "no-geometry" && o !== "no-position" && r.vertices > 0 && (s.has(o) || s.set(o, []), s.get(o).push(r));
       }
@@ -3990,14 +3892,14 @@ class ps {
   extractObjectInfo(e) {
     var a, l;
     let t = 0, i = 0, s = 0, n = "N/A";
-    if (e instanceof y) {
+    if (e instanceof x) {
       const c = e.geometry;
       c && (c.attributes.position && (t = c.attributes.position.count), c.index ? i = c.index.count / 3 : i = t / 3), e instanceof oe ? (s = 1, n = "Instanced", i *= e.count) : e instanceof Z ? (s = 1, n = "Batched") : (s = e.visible ? 1 : 0, n = Array.isArray(e.material) ? "Multi-Material" : ((a = e.material) == null ? void 0 : a.type) || "Unknown");
-    } else if (e instanceof yt || e instanceof mt) {
+    } else if (e instanceof wt || e instanceof mt) {
       s = e.visible ? 1 : 0, n = "Line";
       const c = e.geometry;
       c && c.attributes.position && (t = c.attributes.position.count);
-    } else if (e instanceof St) {
+    } else if (e instanceof Et) {
       s = e.visible ? 1 : 0, n = "Points";
       const c = e.geometry;
       c && c.attributes.position && (t = c.attributes.position.count);
@@ -4020,7 +3922,7 @@ class ps {
     };
   }
   isRenderable(e) {
-    return e instanceof y || e instanceof yt || e instanceof mt || e instanceof St;
+    return e instanceof x || e instanceof wt || e instanceof mt || e instanceof Et;
   }
   isVisibleInHierarchy(e) {
     let t = e;
@@ -4046,7 +3948,7 @@ class ps {
     return `v${s}_i${n}_${r}`;
   }
   categorizeObject(e, t, i) {
-    e instanceof Z ? i.batchedMeshes.push(t) : e instanceof ce || e instanceof oe ? i.instancedMeshes.push(t) : e instanceof y ? i.regularMeshes.push(t) : e instanceof yt || e instanceof mt ? i.edgeMeshes.push(t) : this.isRenderable(e) && i.otherObjects.push(t);
+    e instanceof Z ? i.batchedMeshes.push(t) : e instanceof ce || e instanceof oe ? i.instancedMeshes.push(t) : e instanceof x ? i.regularMeshes.push(t) : e instanceof wt || e instanceof mt ? i.edgeMeshes.push(t) : this.isRenderable(e) && i.otherObjects.push(t);
   }
   analyzeMergedModel(e) {
     const t = this.viralViewerApi.viralScene.bimWorld, i = t.getDiagnostics();
@@ -4215,7 +4117,7 @@ class ps {
       n.id === e && (i = n);
     }), i !== void 0) {
       const n = i;
-      console.log("🔍 Selected object:", n), console.log("  - Name:", n.name), console.log("  - Type:", n.constructor.name), console.log("  - Visible:", n.visible), console.log("  - Position:", n.position), console.log("  - Parent:", ((s = n.parent) == null ? void 0 : s.name) || "Scene"), n instanceof y && (console.log("  - Geometry:", n.geometry), console.log("  - Material:", n.material)), window.__VIRAL_DEBUG_SELECTED = n, console.log("  📌 Object stored in window.__VIRAL_DEBUG_SELECTED for inspection");
+      console.log("🔍 Selected object:", n), console.log("  - Name:", n.name), console.log("  - Type:", n.constructor.name), console.log("  - Visible:", n.visible), console.log("  - Position:", n.position), console.log("  - Parent:", ((s = n.parent) == null ? void 0 : s.name) || "Scene"), n instanceof x && (console.log("  - Geometry:", n.geometry), console.log("  - Material:", n.material)), window.__VIRAL_DEBUG_SELECTED = n, console.log("  📌 Object stored in window.__VIRAL_DEBUG_SELECTED for inspection");
     }
   }
   logToConsole() {
@@ -4307,7 +4209,7 @@ class ps {
     var a;
     const i = "  ".repeat(t), s = e.visible ? "✅" : "❌", n = e.constructor.name, r = e.children.length;
     let o = "";
-    e instanceof y && e.geometry && (o = ` [V:${((a = e.geometry.attributes.position) == null ? void 0 : a.count) || 0}]`), e instanceof oe && (o += ` [Instances:${e.count}]`), console.log(
+    e instanceof x && e.geometry && (o = ` [V:${((a = e.geometry.attributes.position) == null ? void 0 : a.count) || 0}]`), e instanceof oe && (o += ` [Instances:${e.count}]`), console.log(
       `${i}${s} ${e.name || "[unnamed]"} (${n})${o} [${r} children]`
     ), t < 3 ? e.children.forEach((l) => {
       this.logObjectTree(l, t + 1);
@@ -4332,10 +4234,10 @@ class ps {
     this.panel && (this.panel.remove(), this.panel = null);
   }
 }
-class ms {
+class us {
   // 5 seconds for cleanup
   constructor(e) {
-    this.viralViewerApi = e, this.clock = new ti(), this.lastSpatialUpdateTime = 0, this.lastCleanupTime = 0, this.spatialUpdateInterval = 16, this.cleanupInterval = 5e3, this.isRainEnabled = !1;
+    this.viralViewerApi = e, this.clock = new ii(), this.lastSpatialUpdateTime = 0, this.lastCleanupTime = 0, this.spatialUpdateInterval = 16, this.cleanupInterval = 5e3, this.isRainEnabled = !1;
   }
   devAnimation() {
     var i, s, n, r, o;
@@ -4378,7 +4280,7 @@ class ms {
     this.isRainEnabled = e, this.isRainEnabled && this.rainAnimation();
   }
 }
-class gs {
+class ps {
   static generateRandomString(e) {
     const t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
     let i = "";
@@ -4389,19 +4291,19 @@ class gs {
     return i;
   }
 }
-const fs = 0.032;
-class vs {
+const ms = 0.032;
+class gs {
   constructor(e, t, i, s, n = 2, r = 1, o, a) {
-    this.viralViewerApi = e, this.scaleRatio = n, this.mixer = null, this.idleAnimation = null, this.walkAnimation = null, this.avatar = null, this.destination = null, this.isReady = !1, this.name = "", this.id = gs.generateRandomString(10), this.MOVEMENT_SPEED = 0.032, this.talkContent = "", o && (this.id = o), a && (this.name = a, this.nameDiv = document.createElement("div"), this.nameDiv.setAttribute(
+    this.viralViewerApi = e, this.scaleRatio = n, this.mixer = null, this.idleAnimation = null, this.walkAnimation = null, this.avatar = null, this.destination = null, this.isReady = !1, this.name = "", this.id = ps.generateRandomString(10), this.MOVEMENT_SPEED = 0.032, this.talkContent = "", o && (this.id = o), a && (this.name = a, this.nameDiv = document.createElement("div"), this.nameDiv.setAttribute(
       "style",
       "position: absolute; top:0; left:0;transform: translateX(-50%); pointer-events: none; background-color:rgba(226, 230, 220,1); color:rgb(23, 49, 44); padding: 5px ; border-radius:5px; font-size:x-small"
     ), this.nameDiv.id = this.id, this.nameDiv.append(this.name), this.viralViewerApi.targetElement.appendChild(this.nameDiv)), this.chatDiv = document.createElement("div"), this.chatDiv.setAttribute(
       "style",
       "position: absolute;display:none; top:0; left:0;transform: translate(-50%, -100%); pointer-events: none; background-color:rgba(226, 230, 220,1); color:rgb(23, 49, 44); padding: 5px ; border-radius:5px; font-size:x-small"
-    ), this.viralViewerApi.targetElement.appendChild(this.chatDiv), this.MOVEMENT_SPEED = fs * r, this.viralViewerApi.viralLoader.threeLoader.loadGLTF(t, (l) => {
+    ), this.viralViewerApi.targetElement.appendChild(this.chatDiv), this.MOVEMENT_SPEED = ms * r, this.viralViewerApi.viralLoader.threeLoader.loadGLTF(t, (l) => {
       this.avatar = l.scene;
       const c = new E(n, n, n);
-      this.avatar.scale.copy(c), console.log(this.avatar), this.mixer = new ii(l.scene), this.viralViewerApi.viralScene.scene.add(l.scene), this.viralViewerApi.viralRenderer.render(), this.viralViewerApi.viralLoader.threeLoader.loadGLTF(i, (h) => {
+      this.avatar.scale.copy(c), console.log(this.avatar), this.mixer = new si(l.scene), this.viralViewerApi.viralScene.scene.add(l.scene), this.viralViewerApi.viralRenderer.render(), this.viralViewerApi.viralLoader.threeLoader.loadGLTF(i, (h) => {
         this.idleAnimation = this.mixer.clipAction(h.animations[0]), this.viralViewerApi.viralLoader.threeLoader.loadGLTF(s, (d) => {
           this.walkAnimation = this.mixer.clipAction(d.animations[0]), Q.information("load avatar succeed!"), this.isReady = !0, this.idle();
         });
@@ -4461,12 +4363,12 @@ class vs {
     (e = this.avatar) == null || e.removeFromParent(), this.mixer = null, this.walkAnimation = null, this.avatar = null, (i = (t = this.nameDiv) == null ? void 0 : t.parentNode) == null || i.removeChild(this.nameDiv), (n = (s = this.chatDiv) == null ? void 0 : s.parentNode) == null || n.removeChild(this.chatDiv);
   }
 }
-class bs {
+class fs {
   constructor(e) {
     this.viralViewerApi = e, this.avatars = [];
   }
   load(e, t, i, s = 2, n = 1, r, o) {
-    const a = new vs(
+    const a = new gs(
       this.viralViewerApi,
       e,
       t,
@@ -4483,30 +4385,30 @@ class bs {
     t && t.dispose(), this.avatars = this.avatars.filter((i) => i.id !== e);
   }
 }
-class ws {
+class vs {
   constructor() {
-    J.prototype.computeBoundsTree = _i, J.prototype.disposeBoundsTree = Ii, y.prototype.raycast = Vi;
+    ne.prototype.computeBoundsTree = Vi, ne.prototype.disposeBoundsTree = Ii, x.prototype.raycast = Ti;
   }
   applyThreeMeshBVH(e) {
     e.boundsTree || e.computeBoundsTree();
   }
 }
-const ys = {
-  Vector2: N,
+const bs = {
+  Vector2: H,
   Vector3: E,
-  Vector4: si,
-  Quaternion: ni,
-  Matrix4: ne,
-  Spherical: jt,
-  Box3: z,
-  Sphere: Ht,
-  Raycaster: Pt,
-  MathUtils: ri
+  Vector4: ni,
+  Quaternion: ri,
+  Matrix4: se,
+  Spherical: Ht,
+  Box3: j,
+  Sphere: Ft,
+  Raycaster: It,
+  MathUtils: ai
 };
-pe.install({ THREE: ys });
-class xs {
+pe.install({ THREE: bs });
+class ws {
   constructor(e) {
-    this.viralViewerApi = e, this.raycaster = new Pt(), this.camera = null, this._orthoCamera = null, this._perspectiveCamera = null, this._frustumSize = 200, this.cameraControls = null, this.onUsing = !1, this.modelId = "0", this.elementId = "243274", this.cameraWakeQueuedEvents = [], this.cameraSleepQueuedEvents = [], this.cameraUpdateQueuedEvents = [], this.targetElement = this.viralViewerApi.options.container, this.setupCamera(), this.viralViewerApi.emit(R.LOADED_CAMERA);
+    this.viralViewerApi = e, this.raycaster = new It(), this.camera = null, this._orthoCamera = null, this._perspectiveCamera = null, this._frustumSize = 200, this.cameraControls = null, this.onUsing = !1, this.modelId = "0", this.elementId = "243274", this.cameraWakeQueuedEvents = [], this.cameraSleepQueuedEvents = [], this.cameraUpdateQueuedEvents = [], this.targetElement = this.viralViewerApi.options.container, this.setupCamera(), this.viralViewerApi.emit(k.LOADED_CAMERA);
   }
   setupCamera() {
     this._perspectiveCamera = new He(
@@ -4679,7 +4581,7 @@ class xs {
     const t = this.viralViewerApi.viralScene.scene;
     if (!t || !this.camera)
       return;
-    const s = new z().setFromObject(t).getSize(new E()), n = Math.max(s.x, s.y, s.z);
+    const s = new j().setFromObject(t).getSize(new E()), n = Math.max(s.x, s.y, s.z);
     this.camera.far = n + e, this.camera.updateProjectionMatrix(), this.cameraControls && (this.cameraControls.maxDistance = this.camera.far * 0.95);
   }
   /**
@@ -4741,7 +4643,7 @@ class xs {
    */
   async focusCameraOnModel(e, t = !1) {
     var u, p, m, f, v;
-    const i = new E(-e.box.min.X, e.box.min.Z, e.box.min.Y), s = new E(-e.box.max.X, e.box.max.Z, e.box.max.Y), n = D.middlePoint(i, s), r = Math.abs(e.box.max.X - e.box.min.X), o = Math.abs(e.box.max.Y - e.box.min.Y), a = Math.abs(e.box.max.Z - e.box.min.Z), l = Math.max(r, o, a);
+    const i = new E(-e.box.min.X, e.box.min.Z, e.box.min.Y), s = new E(-e.box.max.X, e.box.max.Z, e.box.max.Y), n = R.middlePoint(i, s), r = Math.abs(e.box.max.X - e.box.min.X), o = Math.abs(e.box.max.Y - e.box.min.Y), a = Math.abs(e.box.max.Z - e.box.min.Z), l = Math.max(r, o, a);
     await ((u = this.viralViewerApi.viralCamera.cameraControls) == null ? void 0 : u.setTarget(
       n.x,
       n.y,
@@ -4751,7 +4653,7 @@ class xs {
       2 * l / 2,
       -(2 * l) / 2
     ));
-    const c = new z(i, s);
+    const c = new j(i, s);
     await ((m = this.viralViewerApi.viralCamera.cameraControls) == null ? void 0 : m.fitToBox(c, !1));
     const h = new E();
     (f = this.viralViewerApi.viralCamera.cameraControls) == null || f.getPosition(h);
@@ -4765,27 +4667,27 @@ class xs {
   }
   //#endregion
 }
-class Ms {
+class ys {
   pakoUnzip(e) {
     const t = new Uint8Array(e);
     return Pi(t);
   }
   pakoStreamUnzip(e) {
-    const t = new Ti();
+    const t = new Oi();
     return t.push(e, !0), t.result;
   }
 }
-class se {
+class ie {
   constructor(e, t, i) {
     this.x = 0, this.y = 0, this.z = 0, this.x = e, this.y = t, this.z = i;
   }
 }
-class T {
+class O {
   static doesEdgeIncludePlane(e, t, i, s, n, r = 1e-7) {
-    const o = T.subtract(s, i), a = T.subtract(n, i), l = T.crossProduct(o, a), c = -T.dotProduct(l, i), h = T.dotProduct(l, e) + c, d = T.dotProduct(l, t) + c;
+    const o = O.subtract(s, i), a = O.subtract(n, i), l = O.crossProduct(o, a), c = -O.dotProduct(l, i), h = O.dotProduct(l, e) + c, d = O.dotProduct(l, t) + c;
     if (Math.abs(h) > r || Math.abs(d) > r)
       return !1;
-    const u = T.isPointInTriangle(e, i, s, n, r), p = T.isPointInTriangle(t, i, s, n, r);
+    const u = O.isPointInTriangle(e, i, s, n, r), p = O.isPointInTriangle(t, i, s, n, r);
     return !(!u || !p);
   }
   /**
@@ -4798,14 +4700,14 @@ class T {
    * @returns boolean - Whether the edge intersects the triangle
    */
   static doesEdgeIntersectTriangle(e, t, i, s, n, r = 5) {
-    const o = T.subtract(s, i), a = T.subtract(n, i), l = T.crossProduct(o, a), c = -T.dotProduct(l, i), h = T.subtract(t, e), d = T.dotProduct(l, h);
+    const o = O.subtract(s, i), a = O.subtract(n, i), l = O.crossProduct(o, a), c = -O.dotProduct(l, i), h = O.subtract(t, e), d = O.dotProduct(l, h);
     if (Math.abs(d) < 1e-7)
       return !1;
-    const u = -(T.dotProduct(l, e) + c) / d;
+    const u = -(O.dotProduct(l, e) + c) / d;
     if (u < -r || u > 1 + r)
       return !1;
-    const p = T.add(e, T.scale(h, u)), m = T.distance(p, e), f = T.distance(p, t);
-    return m < r || f < r ? !1 : T.isPointInTriangle(p, i, s, n, r);
+    const p = O.add(e, O.scale(h, u)), m = O.distance(p, e), f = O.distance(p, t);
+    return m < r || f < r ? !1 : O.isPointInTriangle(p, i, s, n, r);
   }
   /**
    * Check if a point lies inside a triangle using barycentric coordinates
@@ -4816,7 +4718,7 @@ class T {
    * @returns boolean - Whether the point lies inside the triangle
    */
   static isPointInTriangle(e, t, i, s, n = 1e-7) {
-    const r = T.subtract(i, t), o = T.subtract(s, i), a = T.subtract(t, s), l = T.subtract(e, t), c = T.subtract(e, i), h = T.subtract(e, s), d = T.crossProduct(r, l), u = T.crossProduct(o, c), p = T.crossProduct(a, h), m = T.normalize(d), f = T.normalize(u), v = T.normalize(p), b = T.dotProduct(m, f), w = T.dotProduct(f, v);
+    const r = O.subtract(i, t), o = O.subtract(s, i), a = O.subtract(t, s), l = O.subtract(e, t), c = O.subtract(e, i), h = O.subtract(e, s), d = O.crossProduct(r, l), u = O.crossProduct(o, c), p = O.crossProduct(a, h), m = O.normalize(d), f = O.normalize(u), v = O.normalize(p), b = O.dotProduct(m, f), w = O.dotProduct(f, v);
     return b > 1 - n && w > 1 - n;
   }
   // Vector math helper functions
@@ -4843,22 +4745,22 @@ class T {
     const t = Math.sqrt(
       e.x * e.x + e.y * e.y + e.z * e.z
     );
-    return t < 1e-7 ? new se(0, 0, 0) : new se(e.x / t, e.y / t, e.z / t);
+    return t < 1e-7 ? new ie(0, 0, 0) : new ie(e.x / t, e.y / t, e.z / t);
   }
   static distance(e, t) {
     return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2 + (e.z - t.z) ** 2);
   }
   static doTrianglesIntersect(e, t, i, s, n, r, o = 1e-3) {
-    return !!(T.doesEdgeIntersectTriangle(e, t, s, n, r, o) || T.doesEdgeIntersectTriangle(t, i, s, n, r, o) || T.doesEdgeIntersectTriangle(i, e, s, n, r, o));
+    return !!(O.doesEdgeIntersectTriangle(e, t, s, n, r, o) || O.doesEdgeIntersectTriangle(t, i, s, n, r, o) || O.doesEdgeIntersectTriangle(i, e, s, n, r, o));
   }
   static objectsIntersect(e, t, i = 1e-3) {
     for (let s = 0; s < e.length; s += 9) {
-      const n = new se(e[s], e[s + 1], e[s + 2]), r = new se(e[s + 3], e[s + 4], e[s + 5]), o = new se(e[s + 6], e[s + 7], e[s + 8]);
+      const n = new ie(e[s], e[s + 1], e[s + 2]), r = new ie(e[s + 3], e[s + 4], e[s + 5]), o = new ie(e[s + 6], e[s + 7], e[s + 8]);
       for (let a = 0; a < t.length; a += 9) {
-        const l = new se(t[a], t[a + 1], t[a + 2]), c = new se(t[a + 3], t[a + 4], t[a + 5]), h = new se(t[a + 6], t[a + 7], t[a + 8]);
-        if (T.doesEdgeIncludePlane(n, r, l, c, h, i) && T.doesEdgeIncludePlane(r, o, l, c, h, i))
+        const l = new ie(t[a], t[a + 1], t[a + 2]), c = new ie(t[a + 3], t[a + 4], t[a + 5]), h = new ie(t[a + 6], t[a + 7], t[a + 8]);
+        if (O.doesEdgeIncludePlane(n, r, l, c, h, i) && O.doesEdgeIncludePlane(r, o, l, c, h, i))
           return console.log("belong to face"), !1;
-        if (T.doTrianglesIntersect(n, r, o, l, c, h, i))
+        if (O.doTrianglesIntersect(n, r, o, l, c, h, i))
           return !0;
       }
     }
@@ -4869,7 +4771,7 @@ class T {
     return i && s && n;
   }
 }
-function Es() {
+function xs() {
   class g {
     constructor(t, i, s) {
       this.X = 0, this.Y = 0, this.Z = 0, this.X = t, this.Y = i, this.Z = s;
@@ -4891,11 +4793,11 @@ function Es() {
     self.postMessage(i());
   };
 }
-const Ss = Es;
-class Cs {
+const Ms = xs;
+class Es {
   constructor() {
-    const e = new Blob([`(${Ss})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(navigator.hardwareConcurrency || 10, t);
+    const e = new Blob([`(${Ms})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ee(navigator.hardwareConcurrency || 10, t);
   }
   getBoundingBox(e, t = (i) => {
   }) {
@@ -4907,7 +4809,7 @@ class Cs {
     );
   }
 }
-function As() {
+function Cs() {
   self.onmessage = (g) => {
     const e = g.data;
     function t(s, n, r = 0.1) {
@@ -4925,11 +4827,11 @@ function As() {
     self.postMessage(i);
   };
 }
-const _s = As;
-class Is {
+const Ss = Cs;
+class As {
   constructor() {
-    const e = new Blob([`(${_s})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(4, t);
+    const e = new Blob([`(${Ss})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ee(4, t);
   }
   checkIntersect(e, t = (i) => {
   }) {
@@ -4938,7 +4840,7 @@ class Is {
     });
   }
 }
-function Vs() {
+function _s() {
   class g {
     constructor() {
       this.children = /* @__PURE__ */ new Map(), this.keys = /* @__PURE__ */ new Set();
@@ -5030,11 +4932,11 @@ function Vs() {
     }
   };
 }
-const Ps = Vs;
-class Ts {
+const Vs = _s;
+class Is {
   constructor() {
-    const e = new Blob([`(${Ps})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(2, t);
+    const e = new Blob([`(${Vs})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ee(2, t);
   }
   buildTreeNode(e, t = (i) => {
   }) {
@@ -5043,7 +4945,7 @@ class Ts {
     });
   }
 }
-function Os() {
+function Ts() {
   class g {
     constructor(u, p, m) {
       this.x = 0, this.y = 0, this.z = 0, this.x = u, this.y = p, this.z = m;
@@ -5078,46 +4980,46 @@ function Os() {
     return Math.sqrt((d.x - u.x) ** 2 + (d.y - u.y) ** 2 + (d.z - u.z) ** 2);
   }
   function a(d, u, p, m, f = 1e-7) {
-    const v = e(p, u), b = e(m, p), w = e(u, m), S = e(d, u), A = e(d, p), C = e(d, m), M = n(v, S), _ = n(b, A), I = n(w, C), O = r(M), V = r(_), P = r(I), j = s(O, V), H = s(V, P);
-    return j > 1 - f && H > 1 - f;
+    const v = e(p, u), b = e(m, p), w = e(u, m), C = e(d, u), A = e(d, p), S = e(d, m), _ = n(v, C), V = n(b, A), T = n(w, S), M = r(_), I = r(V), D = r(T), B = s(M, I), P = s(I, D);
+    return B > 1 - f && P > 1 - f;
   }
   function l(d, u, p, m, f, v, b = 1e-3) {
     return !!(h(d, u, m, f, v, b) || h(u, p, m, f, v, b) || h(p, d, m, f, v, b));
   }
   function c(d, u, p, m, f, v = 1e-7) {
-    const b = e(m, p), w = e(f, p), S = n(b, w), A = -s(S, p), C = s(S, d) + A, M = s(S, u) + A;
-    if (Math.abs(C) > v || Math.abs(M) > v)
+    const b = e(m, p), w = e(f, p), C = n(b, w), A = -s(C, p), S = s(C, d) + A, _ = s(C, u) + A;
+    if (Math.abs(S) > v || Math.abs(_) > v)
       return !1;
-    const _ = a(d, p, m, f, v), I = a(u, p, m, f, v);
-    return !(!_ || !I);
+    const V = a(d, p, m, f, v), T = a(u, p, m, f, v);
+    return !(!V || !T);
   }
   function h(d, u, p, m, f, v = 5) {
-    const b = e(m, p), w = e(f, p), S = n(b, w), A = -s(S, p), C = e(u, d), M = s(S, C);
-    if (Math.abs(M) < 1e-7)
+    const b = e(m, p), w = e(f, p), C = n(b, w), A = -s(C, p), S = e(u, d), _ = s(C, S);
+    if (Math.abs(_) < 1e-7)
       return !1;
-    const _ = -(s(S, d) + A) / M;
-    if (_ < -v || _ > 1 + v)
+    const V = -(s(C, d) + A) / _;
+    if (V < -v || V > 1 + v)
       return !1;
-    const I = t(d, i(C, _)), O = o(I, d), V = o(I, u);
-    return O < v || V < v ? !1 : a(I, p, m, f, v);
+    const T = t(d, i(S, V)), M = o(T, d), I = o(T, u);
+    return M < v || I < v ? !1 : a(T, p, m, f, v);
   }
   self.onmessage = (d) => {
     const u = d.data, p = u.buffer1, m = u.buffer2, f = 1e-3;
     for (let v = 0; v < p.length; v += 9) {
-      const b = new g(p[v], p[v + 1], p[v + 2]), w = new g(p[v + 3], p[v + 4], p[v + 5]), S = new g(p[v + 6], p[v + 7], p[v + 8]);
+      const b = new g(p[v], p[v + 1], p[v + 2]), w = new g(p[v + 3], p[v + 4], p[v + 5]), C = new g(p[v + 6], p[v + 7], p[v + 8]);
       for (let A = 0; A < m.length; A += 9) {
-        const C = new g(m[A], m[A + 1], m[A + 2]), M = new g(m[A + 3], m[A + 4], m[A + 5]), _ = new g(m[A + 6], m[A + 7], m[A + 8]);
-        c(b, w, C, M, _, f) && c(w, S, C, M, _, f) && (console.log("belong to face"), self.postMessage(!1)), l(b, w, S, C, M, _, f) && self.postMessage(!0);
+        const S = new g(m[A], m[A + 1], m[A + 2]), _ = new g(m[A + 3], m[A + 4], m[A + 5]), V = new g(m[A + 6], m[A + 7], m[A + 8]);
+        c(b, w, S, _, V, f) && c(w, C, S, _, V, f) && (console.log("belong to face"), self.postMessage(!1)), l(b, w, C, S, _, V, f) && self.postMessage(!0);
       }
     }
     self.postMessage(!1);
   };
 }
-const Ds = Os;
-class Rs {
+const Ps = Ts;
+class Os {
   constructor() {
-    const e = new Blob([`(${Ds})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(navigator.hardwareConcurrency || 10, t);
+    const e = new Blob([`(${Ps})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ee(navigator.hardwareConcurrency || 10, t);
   }
   checkClash(e, t = (i) => {
   }) {
@@ -5126,7 +5028,7 @@ class Rs {
     });
   }
 }
-function Ls() {
+function Ds() {
   self.addEventListener(
     "message",
     (g) => {
@@ -5160,28 +5062,28 @@ function Ls() {
     !1
   );
 }
-const ks = Ls;
-class Bs {
+const Rs = Ds;
+class Ls {
   constructor() {
-    const e = new Blob([`(${ks})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(2, t);
+    const e = new Blob([`(${Rs})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ee(2, t);
   }
   fetch(e, t = (n) => {
   }, i, s) {
-    const n = new zs(e, i, s);
+    const n = new ks(e, i, s);
     this.workerPool.Enqueue(n, (r) => {
       t(r);
     });
   }
 }
-class zs {
+class ks {
   constructor(e, t, i) {
     this.url = "", this.url = e, this.byteRangeStart = t, this.byteRangeEnd = i;
   }
 }
-class Ns {
+class Bs {
   constructor(e) {
-    this.viralViewerApi = e, this.dataTree = [], this.trackingData = /* @__PURE__ */ new Map(), this.fetchDataWorker = new Bs(), this.buildTreeNodeWorker = new Ts(), this._boundingBoxWorker = new Cs(), this._boundingBoxIntersectWorker = new Is(), this._checkClashWorker = new Rs(), this.searchValue = "", this.firstElementId = "211850", this.secondElementId = "680539", this.groupByKeyword = "Category", this._shallowCompare = (t, i) => JSON.stringify(Object.keys(t).sort()) === JSON.stringify(Object.keys(i).sort()) && JSON.stringify(Object.values(t).sort()) === JSON.stringify(Object.values(i).sort());
+    this.viralViewerApi = e, this.dataTree = [], this.trackingData = /* @__PURE__ */ new Map(), this.fetchDataWorker = new Ls(), this.buildTreeNodeWorker = new Is(), this._boundingBoxWorker = new Es(), this._boundingBoxIntersectWorker = new As(), this._checkClashWorker = new Os(), this.searchValue = "", this.firstElementId = "211850", this.secondElementId = "680539", this.groupByKeyword = "Category", this._shallowCompare = (t, i) => JSON.stringify(Object.keys(t).sort()) === JSON.stringify(Object.keys(i).sort()) && JSON.stringify(Object.values(t).sort()) === JSON.stringify(Object.values(i).sort());
   }
   addTrackingData(e, t) {
     this.trackingData.set(e, t);
@@ -5231,8 +5133,8 @@ class Ns {
   addData(e) {
     const t = performance.now(), i = Object.keys(e.Data).length;
     console.log(`[DataManager] Adding ${i} elements to data tree...`);
-    const s = new os();
-    s.addElements(e.Data), e.Relationships && (s.addRelationships(e.Relationships), s.buildGraphIndex()), this.dataTree.push(s), this.viralViewerApi.emit(R.LOADED_DATA, {
+    const s = new rs();
+    s.addElements(e.Data), e.Relationships && (s.addRelationships(e.Relationships), s.buildGraphIndex()), this.dataTree.push(s), this.viralViewerApi.emit(k.LOADED_DATA, {
       modelId: this.dataTree.length - 1
     }), console.log(
       `[DataManager] Data tree created in ${(performance.now() - t).toFixed(2)}ms`
@@ -5309,7 +5211,7 @@ class Ns {
    * @returns
    */
   compareModels(e = 0, t = 1) {
-    const i = new ls();
+    const i = new as();
     if (!this.dataTree[e] || !this.dataTree[t])
       return i;
     const s = this.dataTree[e].elementData, n = this.dataTree[t].elementData, r = this._getDiffKeys(s[0], n[0]);
@@ -5337,46 +5239,46 @@ class Ns {
     }
     return this.viralViewerApi.viralVisibilityManager.exceptElements = [], this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.deleted.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      D.hexToRGB(x.deleted),
+      R.hexToRGB(y.deleted),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.deleted.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      color: D.hexToRGB(x.deleted)
+      color: R.hexToRGB(y.deleted)
     }), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.added.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      D.hexToRGB(x.added),
+      R.hexToRGB(y.added),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.added.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      color: D.hexToRGB(x.added)
+      color: R.hexToRGB(y.added)
     }), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.modified.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      D.hexToRGB(x.modified),
+      R.hexToRGB(y.modified),
       !0
     ), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.modified.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      D.hexToRGB(x.modified),
+      R.hexToRGB(y.modified),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.modified.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      color: D.hexToRGB(x.modified)
+      color: R.hexToRGB(y.modified)
     }), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.modified.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      color: D.hexToRGB(x.modified)
+      color: R.hexToRGB(y.modified)
     }), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.notChanged.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      D.hexToRGB(x.notChanged),
+      R.hexToRGB(y.notChanged),
       !0
     ), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.notChanged.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      D.hexToRGB(x.notChanged),
+      R.hexToRGB(y.notChanged),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.notChanged.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      color: D.hexToRGB(x.notChanged)
+      color: R.hexToRGB(y.notChanged)
     }), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.notChanged.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      color: D.hexToRGB(x.notChanged)
+      color: R.hexToRGB(y.notChanged)
     }), this.viralViewerApi.viralRenderer.render(), i;
   }
   uncompareModels() {
@@ -5405,7 +5307,7 @@ class Ns {
     if (i.length > 0 && s.length > 0) {
       const n = i[0], r = s[0];
       console.log(
-        T.objectsIntersect(
+        O.objectsIntersect(
           Array.from(n.buffer),
           Array.from(r.buffer)
         )
@@ -5418,7 +5320,7 @@ class Ns {
    * @param secondModelIndex
    */
   async checkClashModels(e = 0, t = 0) {
-    const i = new cs(), s = this.viralViewerApi.viralScene.bimWorld.getElementsByModel(e), n = e === t ? s : this.viralViewerApi.viralScene.bimWorld.getElementsByModel(t);
+    const i = new os(), s = this.viralViewerApi.viralScene.bimWorld.getElementsByModel(e), n = e === t ? s : this.viralViewerApi.viralScene.bimWorld.getElementsByModel(t);
     if (s.length === 0 || n.length === 0)
       return i;
     const r = (h) => new Promise((d) => {
@@ -5459,30 +5361,30 @@ class Ns {
             (w) => f.includes(Number.parseInt(w.elementId))
           ), b = [];
           for (let w = 0; w < v.length; w++) {
-            const S = v[w];
-            if (d.buffer && S.buffer) {
-              const A = () => new Promise((C) => {
+            const C = v[w];
+            if (d.buffer && C.buffer) {
+              const A = () => new Promise((S) => {
                 this._checkClashWorker.checkClash(
                   {
                     buffer1: Array.from(d.buffer),
-                    buffer2: Array.from(S.buffer)
+                    buffer2: Array.from(C.buffer)
                   },
-                  (M) => {
-                    if (M) {
+                  (_) => {
+                    if (_) {
                       i.clashes.containsKey(
                         Number.parseInt(d.elementId)
                       ) || i.clashes.add(
                         Number.parseInt(d.elementId),
                         []
                       );
-                      const _ = i.clashes.get(
+                      const V = i.clashes.get(
                         Number.parseInt(d.elementId)
                       );
-                      _ == null || _.push(
-                        Number.parseInt(S.elementId)
+                      V == null || V.push(
+                        Number.parseInt(C.elementId)
                       );
                     }
-                    C();
+                    S();
                   }
                 );
               });
@@ -5509,7 +5411,7 @@ class Ns {
               (h) => this._shallowCompare(h.value, l)
             );
             if (c < 0) {
-              const h = new hs();
+              const h = new ls();
               h.value = l, h.modelId = s, h.elementIds = [], h.elementIds.push(Number(o)), t.push(h);
             } else
               t[c].elementIds.push(Number(o));
@@ -5536,20 +5438,20 @@ class Ns {
   }
   //#endregion
 }
-class $s {
+class zs {
   constructor() {
     this.events = {
-      [R.LOADED_SCENE]: [],
-      [R.LOADED_MATERIAL_MANAGER]: [],
-      [R.LOADED_RENDERER]: [],
-      [R.LOADED_CAMERA]: [],
-      [R.LOADED_CUBE]: [],
-      [R.LOADED_TOOLS]: [],
-      [R.LOADED_SEPERATE_MODEL]: [],
-      [R.GENERATED_MERGE_MODEL]: [],
-      [R.LOADED_DATA]: [],
-      [R.SELECT_ELEMENTS]: [],
-      [R.UNSELECT_ELEMENTS]: []
+      [k.LOADED_SCENE]: [],
+      [k.LOADED_MATERIAL_MANAGER]: [],
+      [k.LOADED_RENDERER]: [],
+      [k.LOADED_CAMERA]: [],
+      [k.LOADED_CUBE]: [],
+      [k.LOADED_TOOLS]: [],
+      [k.LOADED_SEPERATE_MODEL]: [],
+      [k.GENERATED_MERGE_MODEL]: [],
+      [k.LOADED_DATA]: [],
+      [k.SELECT_ELEMENTS]: [],
+      [k.UNSELECT_ELEMENTS]: []
     };
   }
   /**
@@ -5578,7 +5480,7 @@ class $s {
     i && i.forEach((s) => s(...t));
   }
 }
-class js {
+class Ns {
   constructor(e) {
     this.viralViewerApi = e, this.keydownQueuedEvents = [], this.keyupQueuedEvents = [], this.setupKeyPress();
   }
@@ -5626,9 +5528,9 @@ class js {
   }
   //#endregion
 }
-class Hs {
+class $s {
   constructor(e) {
-    this.viralViewerApi = e, this.position = new N(), this.rawPosition = new N(), this.mouseMoveQueuedEvents = [], this.mouseDownLeftQueuedEvents = [], this.mouseUpLeftQueuedEvents = [], this.mouseDownRightQueuedEvents = [], this.mouseUpRightQueuedEvents = [], this.mouseDoubleClickQueuedEvents = [], this.handleClick = async (t) => {
+    this.viralViewerApi = e, this.position = new H(), this.rawPosition = new H(), this.mouseMoveQueuedEvents = [], this.mouseDownLeftQueuedEvents = [], this.mouseUpLeftQueuedEvents = [], this.mouseDownRightQueuedEvents = [], this.mouseUpRightQueuedEvents = [], this.mouseDoubleClickQueuedEvents = [], this.handleClick = async (t) => {
       var i, s, n;
       if (this.viralViewerApi) {
         if (t.button === 0) {
@@ -5726,53 +5628,53 @@ class Hs {
    */
   addEventListener(e, t, i) {
     switch (e) {
-      case k.ON_MOUSE_MOVE:
+      case N.ON_MOUSE_MOVE:
         this.mouseMoveQueuedEvents.push([t, i]);
         break;
-      case k.ON_MOUSE_DOWN_LEFT:
+      case N.ON_MOUSE_DOWN_LEFT:
         this.mouseDownLeftQueuedEvents.push([t, i]);
         break;
-      case k.ON_MOUSE_UP_LEFT:
+      case N.ON_MOUSE_UP_LEFT:
         this.mouseUpLeftQueuedEvents.push([t, i]);
         break;
-      case k.ON_MOUSE_DOWN_RIGHT:
+      case N.ON_MOUSE_DOWN_RIGHT:
         this.mouseDownRightQueuedEvents.push([t, i]);
         break;
-      case k.ON_MOUSE_UP_RIGHT:
+      case N.ON_MOUSE_UP_RIGHT:
         this.mouseUpRightQueuedEvents.push([t, i]);
         break;
-      case k.ON_MOUSE_DOUBLE_CLICK:
+      case N.ON_MOUSE_DOUBLE_CLICK:
         this.mouseDoubleClickQueuedEvents.push([t, i]);
         break;
     }
   }
   removeEventListener(e, t) {
     switch (e) {
-      case k.ON_MOUSE_MOVE:
+      case N.ON_MOUSE_MOVE:
         {
           const i = this.mouseMoveQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseMoveQueuedEvents.splice(i, 1);
         }
         break;
-      case k.ON_MOUSE_DOWN_LEFT:
+      case N.ON_MOUSE_DOWN_LEFT:
         {
           const i = this.mouseDownLeftQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseDownLeftQueuedEvents.splice(i, 1);
         }
         break;
-      case k.ON_MOUSE_UP_LEFT:
+      case N.ON_MOUSE_UP_LEFT:
         {
           const i = this.mouseUpLeftQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseUpLeftQueuedEvents.splice(i, 1);
         }
         break;
-      case k.ON_MOUSE_DOWN_RIGHT:
+      case N.ON_MOUSE_DOWN_RIGHT:
         {
           const i = this.mouseDownRightQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseDownRightQueuedEvents.splice(i, 1);
         }
         break;
-      case k.ON_MOUSE_UP_RIGHT:
+      case N.ON_MOUSE_UP_RIGHT:
         {
           const i = this.mouseUpRightQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseUpRightQueuedEvents.splice(i, 1);
@@ -5807,7 +5709,7 @@ const je = {
   focus: (g, e) => `<svg xmlns="http://www.w3.org/2000/svg" fill=${e || ""} height=${g || 24} viewBox="0 -960 960 960" width="24"><path d="M120-120v-200h80v120h120v80H120Zm520 0v-80h120v-120h80v200H640ZM120-640v-200h200v80H200v120h-80Zm640 0v-120H640v-80h200v200h-80Z"/></svg>`,
   properties: (g, e) => `<svg xmlns="http://www.w3.org/2000/svg" fill=${e || ""} height=${g || 24} viewBox="0 -960 960 960" width="24"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>`
 };
-class Ws {
+class js {
   constructor(e) {
     this.viralViewerApi = e, this.elementProperties = {}, this._sleepDebounceTimer = null, this._sleepDebounceDelay = 150, this.resizeObserver = null, this.isShiftPressed = !1, this.windowHandler(), this.contextMenuEventHandler(), this.selectElementHandler2(), this.doubleClickElementHandler(), this.keyboardHandler(), this.cameraHandler(), this._visibilityManager = this.viralViewerApi.viralVisibilityManager;
   }
@@ -5815,40 +5717,40 @@ class Ws {
     this.viralViewerApi.viralContextMenu && (this.viralViewerApi.viralContextMenu.addContextItem(
       0,
       "Show all elements",
-      je.showAll(void 0, x.primary),
+      je.showAll(void 0, y.primary),
       (e) => {
         this._visibilityManager.showAll2(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       1,
       "Isolate",
-      je.isolate(void 0, x.primary),
+      je.isolate(void 0, y.primary),
       (e) => {
         this._visibilityManager.isolate2(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       2,
       "Hide",
-      je.hide(void 0, x.primary),
+      je.hide(void 0, y.primary),
       (e) => {
         this._visibilityManager.hide2(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       3,
       "Focus",
-      je.focus(void 0, x.primary),
+      je.focus(void 0, y.primary),
       (e) => {
         this._visibilityManager.zoomTo(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       4,
       "Properties",
-      je.properties(void 0, x.secondary),
+      je.properties(void 0, y.secondary),
       (e) => {
         this.viralViewerApi.viralDraggableModal.show(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     )), this.viralViewerApi.viralMouse && (this.viralViewerApi.viralMouse.addEventListener(
-      k.ON_MOUSE_DOWN_RIGHT,
+      N.ON_MOUSE_DOWN_RIGHT,
       "ShowContextMenu",
       (e) => {
         this.viralViewerApi.viralContextMenu.showContextMenu(
@@ -5858,7 +5760,7 @@ class Ws {
         );
       }
     ), this.viralViewerApi.viralMouse.addEventListener(
-      k.ON_MOUSE_DOWN_LEFT,
+      N.ON_MOUSE_DOWN_LEFT,
       "HideContextMenu",
       (e) => {
         this.viralViewerApi.viralContextMenu.hideContextMenu();
@@ -5900,13 +5802,13 @@ class Ws {
     let e = null;
     const t = 250;
     this.viralViewerApi.viralMouse.addEventListener(
-      k.ON_MOUSE_DOWN_LEFT,
+      N.ON_MOUSE_DOWN_LEFT,
       "SelectElement",
       (i) => {
         e = performance.now();
       }
     ), this.viralViewerApi.viralMouse.addEventListener(
-      k.ON_MOUSE_UP_LEFT,
+      N.ON_MOUSE_UP_LEFT,
       "SelectElementUp",
       (i) => {
         var s, n;
@@ -5994,7 +5896,7 @@ class Ws {
   //#region Double Click element handler
   doubleClickElementHandler() {
     this.viralViewerApi.viralMouse.addEventListener(
-      k.ON_MOUSE_DOUBLE_CLICK,
+      N.ON_MOUSE_DOUBLE_CLICK,
       "DoubleClickElement",
       (e) => {
         const t = this.viralViewerApi.viralCamera.clientToWorld();
@@ -6053,36 +5955,36 @@ class Ws {
   }
   //#endregion
 }
-class Fs {
+class Hs {
   constructor(e, t) {
-    this.viralViewerApi = e, this.options = t, this.viralViewerApi.on(R.LOADED_SCENE, () => this.loadedScene()), this.viralViewerApi.on(
-      R.LOADED_MATERIAL_MANAGER,
+    this.viralViewerApi = e, this.options = t, this.viralViewerApi.on(k.LOADED_SCENE, () => this.loadedScene()), this.viralViewerApi.on(
+      k.LOADED_MATERIAL_MANAGER,
       () => this.loadedMaterialManager()
-    ), this.viralViewerApi.on(R.LOADED_RENDERER, () => this.loadedRenderer()), this.viralViewerApi.on(R.LOADED_CAMERA, () => this.loadedCamera()), this.viralViewerApi.on(R.LOADED_CUBE, () => this.loadedCube()), this.viralViewerApi.on(R.LOADED_TOOLS, () => this.loadedTools()), this.viralViewerApi.on(
-      R.LOADED_SEPERATE_MODEL,
+    ), this.viralViewerApi.on(k.LOADED_RENDERER, () => this.loadedRenderer()), this.viralViewerApi.on(k.LOADED_CAMERA, () => this.loadedCamera()), this.viralViewerApi.on(k.LOADED_CUBE, () => this.loadedCube()), this.viralViewerApi.on(k.LOADED_TOOLS, () => this.loadedTools()), this.viralViewerApi.on(
+      k.LOADED_SEPERATE_MODEL,
       (i) => this.loadedModels(i)
     );
   }
   loadedScene() {
-    this.options.isDev && Q.information("scene loaded!"), this.viralViewerApi.off(R.LOADED_SCENE, () => this.loadedScene());
+    this.options.isDev && Q.information("scene loaded!"), this.viralViewerApi.off(k.LOADED_SCENE, () => this.loadedScene());
   }
   loadedMaterialManager() {
     this.options.isDev && Q.information("material manager loaded!"), this.viralViewerApi.off(
-      R.LOADED_MATERIAL_MANAGER,
+      k.LOADED_MATERIAL_MANAGER,
       () => this.loadedMaterialManager()
     );
   }
   loadedRenderer() {
-    this.options.isDev && Q.information("renderer loaded!"), this.viralViewerApi.off(R.LOADED_RENDERER, () => this.loadedRenderer());
+    this.options.isDev && Q.information("renderer loaded!"), this.viralViewerApi.off(k.LOADED_RENDERER, () => this.loadedRenderer());
   }
   loadedCamera() {
     this.options.isDev && Q.information("camera loaded!");
   }
   loadedCube() {
-    this.options.isDev && Q.information("cube loaded!"), this.viralViewerApi.off(R.LOADED_CUBE, () => this.loadedCube());
+    this.options.isDev && Q.information("cube loaded!"), this.viralViewerApi.off(k.LOADED_CUBE, () => this.loadedCube());
   }
   loadedTools() {
-    this.options.isDev && Q.information("tools loaded!"), this.viralViewerApi.off(R.LOADED_TOOLS, () => this.loadedTools());
+    this.options.isDev && Q.information("tools loaded!"), this.viralViewerApi.off(k.LOADED_TOOLS, () => this.loadedTools());
   }
   async loadedModels(e) {
     this.options.isDev && Q.information(`model ${e.modelId} loaded!`), this.viralViewerApi.viralScene.selectables = [], this.viralViewerApi.viralScene.selectables = [], this.viralViewerApi.viralScene.bimWorld.children.forEach((t) => {
@@ -6096,9 +5998,9 @@ class Fs {
     });
   }
 }
-class Gs {
+class Fs {
   constructor(e) {
-    this.viralViewerApi = e, this.potree = new Oi(), this.pointClouds = [];
+    this.viralViewerApi = e, this.potree = new Di(), this.pointClouds = [];
   }
   /**
    *
@@ -6114,13 +6016,13 @@ class Gs {
     (r = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || r.disableOutline(), this.potree.pointBudget = s, this.potree.loadPointCloudCustom(e, t, i).then((o) => {
       var d;
       const a = o.material;
-      a.size = 1, a.pointSizeType = Di.ADAPTIVE, a.shape = Ri.CIRCLE, a.pointColorType = Li.RGB, a.inputColorEncoding = 1, a.outputColorEncoding = 1, console.log(o.boundingBox);
-      const l = new E(0, -1.5, 3), c = new ai(-Math.PI / 2, 0, 0), h = new E(2, 2, 2);
+      a.size = 1, a.pointSizeType = Ri.ADAPTIVE, a.shape = Li.CIRCLE, a.pointColorType = ki.RGB, a.inputColorEncoding = 1, a.outputColorEncoding = 1, console.log(o.boundingBox);
+      const l = new E(0, -1.5, 3), c = new oi(-Math.PI / 2, 0, 0), h = new E(2, 2, 2);
       o.position.copy(l), o.rotation.copy(c), o.scale.copy(h), this.viralViewerApi.viralScene.addModel(o), this.viralViewerApi.viralScene.selectables.push(o), this.pointClouds.push(o), this.viralViewerApi.viralCamera.camera && ((d = this.viralViewerApi.viralCamera.cameraControls) == null || d.fitToBox(o.boundingBox, !0)), n(o);
     });
   }
 }
-class Us {
+class Ws {
   static getDeviceType() {
     const e = navigator.userAgent.toLowerCase(), t = /iphone|ipod|android.*mobile|blackberry|opera mini|windows phone/i.test(
       e
@@ -6128,7 +6030,7 @@ class Us {
     return t ? "mobile" : i ? "tablet" : "pc";
   }
 }
-class qs {
+class Gs {
   constructor() {
     this.gl = null, this.specs = null, this.initWebGL(), this.detectSpecs();
   }
@@ -6272,16 +6174,16 @@ class qs {
     });
   }
 }
-class Qs {
+class Us {
   constructor() {
-    this.modelId = -1, this.elements = [], this.materials = [], this.mapMaterialsToMaterialManager = new It();
+    this.modelId = -1, this.elements = [], this.materials = [], this.mapMaterialsToMaterialManager = new _t();
   }
   //#endregion
   dispose() {
-    this.elements = [], this.materials = [], this.mapMaterialsToMaterialManager = new It();
+    this.elements = [], this.materials = [], this.mapMaterialsToMaterialManager = new _t();
   }
 }
-class Zs {
+class qs {
   constructor() {
     this.MIN_VERTEX_INSTANCES_FOR_INSTANCING = 1e3, this.MIN_INSTANCES_FOR_INSTANCING = 3, this.MAX_DRAW_CALLS = 25, this.MIN_INSTANCED_VERTEX_RATIO = 0.6, this.HIGH_VERTEX_THRESHOLD = 500;
   }
@@ -6430,8 +6332,8 @@ class Zs {
     }
   }
 }
-const Ys = new Zs();
-function Xs() {
+const Qs = new qs();
+function Zs() {
   class g {
     constructor() {
       this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
@@ -6478,8 +6380,8 @@ function Xs() {
     ]);
     const u = d.elements;
     for (let p = 0; p < o; p++) {
-      const m = s[i[p]], f = -m.X, v = m.Z, b = m.Y, w = 1 / (u[3] * f + u[7] * v + u[11] * b + u[15]), S = p * 3;
-      a[S] = (u[0] * f + u[4] * v + u[8] * b + u[12]) * w, a[S + 1] = (u[1] * f + u[5] * v + u[9] * b + u[13]) * w, a[S + 2] = (u[2] * f + u[6] * v + u[10] * b + u[14]) * w;
+      const m = s[i[p]], f = -m.X, v = m.Z, b = m.Y, w = 1 / (u[3] * f + u[7] * v + u[11] * b + u[15]), C = p * 3;
+      a[C] = (u[0] * f + u[4] * v + u[8] * b + u[12]) * w, a[C + 1] = (u[1] * f + u[5] * v + u[9] * b + u[13]) * w, a[C + 2] = (u[2] * f + u[6] * v + u[10] * b + u[14]) * w;
     }
     return a;
   }
@@ -6516,8 +6418,8 @@ function Xs() {
     }), self.postMessage(r);
   };
 }
-const Ks = Xs;
-function Js() {
+const Ys = Zs;
+function Xs() {
   class g {
     constructor() {
       this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
@@ -6564,8 +6466,8 @@ function Js() {
     ]);
     const u = d.elements;
     for (let p = 0; p < o; p++) {
-      const m = s[i[p]], f = -m.X, v = m.Z, b = m.Y, w = 1 / (u[3] * f + u[7] * v + u[11] * b + u[15]), S = p * 3;
-      a[S] = (u[0] * f + u[4] * v + u[8] * b + u[12]) * w, a[S + 1] = (u[1] * f + u[5] * v + u[9] * b + u[13]) * w, a[S + 2] = (u[2] * f + u[6] * v + u[10] * b + u[14]) * w;
+      const m = s[i[p]], f = -m.X, v = m.Z, b = m.Y, w = 1 / (u[3] * f + u[7] * v + u[11] * b + u[15]), C = p * 3;
+      a[C] = (u[0] * f + u[4] * v + u[8] * b + u[12]) * w, a[C + 1] = (u[1] * f + u[5] * v + u[9] * b + u[13]) * w, a[C + 2] = (u[2] * f + u[6] * v + u[10] * b + u[14]) * w;
     }
     return a;
   }
@@ -6607,19 +6509,19 @@ function Js() {
     }), self.postMessage(r);
   };
 }
-const en = Js;
-class tn {
+const Ks = Xs;
+class Js {
   // Or 5K objects
   //#endregion
   constructor(e) {
     this.viralViewerApi = e, this.lastRenderTime = 0, this.elementBuffer = /* @__PURE__ */ new Map(), this.BATCH_THRESHOLD_VERTICES = 1e5, this.BATCH_THRESHOLD_OBJECTS = 5e3;
-    const t = new Blob([`(${Ks})()`]), i = URL.createObjectURL(t);
-    this.workerPool = new te(
+    const t = new Blob([`(${Ys})()`]), i = URL.createObjectURL(t);
+    this.workerPool = new ee(
       navigator.hardwareConcurrency || this.viralViewerApi.options.numberOfWorker,
       i
     );
-    const s = new Blob([`(${en})()`]), n = URL.createObjectURL(s);
-    this.workerPool2 = new te(
+    const s = new Blob([`(${Ks})()`]), n = URL.createObjectURL(s);
+    this.workerPool2 = new ee(
       this.viralViewerApi.options.numberOfWorker,
       n
     );
@@ -6631,11 +6533,11 @@ class tn {
    */
   initial(e) {
     console.log(e);
-    const t = new Qs();
+    const t = new Us();
     t.modelId = this.viralViewerApi.viralScene.bimWorld.bimModels.length, this.viralViewerApi.viralScene.bimWorld.bimModels.push(t);
     const i = this.viralViewerApi.viralScene.bimWorld.bimModels.length - 1;
     for (let s = 0; s < e.length; s++) {
-      const n = e[s], r = D.rgbToThreejsColor(
+      const n = e[s], r = R.rgbToThreejsColor(
         n.Red,
         n.Green,
         n.Blue
@@ -6654,7 +6556,7 @@ class tn {
           // polygonOffset: true,
           // polygonOffsetFactor: 1,
           // polygonOffsetUnits: 0.1,
-          side: oi
+          side: li
           // 🔧 FIX: Changed from DoubleSide to halve draw calls
         });
         a.userData.red = n.Red, a.userData.green = n.Green, a.userData.blue = n.Blue, a.userData.opacity = n.Opacity, this.viralViewerApi.viralMaterialManager.materials.push(a);
@@ -6670,7 +6572,7 @@ class tn {
    */
   loadElement(e, t, i = () => {
   }, s = null) {
-    const { highDuplicationElements: n, lowDuplicationElements: r } = Ys.analyze(t), o = r.map((p) => p.element), a = n.map((p) => p.element), l = o.length > 0, c = a.length > 0;
+    const { highDuplicationElements: n, lowDuplicationElements: r } = Qs.analyze(t), o = r.map((p) => p.element), a = n.map((p) => p.element), l = o.length > 0, c = a.length > 0;
     if (!l && !c) {
       i();
       return;
@@ -6778,14 +6680,14 @@ class tn {
    * Uses onBeforeCompile to inject custom shader code for RGBA vertex colors
    */
   createOptimizedMaterial(e) {
-    const t = Us.getDeviceType() === "pc", i = (r, o = 2) => {
+    const t = Ws.getDeviceType() === "pc", i = (r, o = 2) => {
       if (!r)
         return 16777215;
       const a = r.clone();
       return a.multiplyScalar(o), a;
     }, s = e.transparent || e.opacity < 1, n = t ? new K({
       vertexColors: !0,
-      side: ee,
+      side: J,
       // 🔧 FIX: Changed from DoubleSide to halve draw calls
       opacity: e.opacity,
       transparent: !0,
@@ -6803,7 +6705,7 @@ class tn {
         isOriginallyTransparent: s
         // Track original state
       }
-    }) : new G({
+    }) : new q({
       vertexColors: !0,
       opacity: e.opacity,
       transparent: !0,
@@ -6949,9 +6851,9 @@ class tn {
   }
   //#endregion
 }
-class sn {
+class en {
   constructor(e) {
-    this.viralViewerApi = e, this.elements = [], this._loadBatchedElementWorker = new tn(e);
+    this.viralViewerApi = e, this.elements = [], this._loadBatchedElementWorker = new Js(e);
   }
   //#region Load worker
   async load(e, t, i, s = () => {
@@ -7003,7 +6905,7 @@ class sn {
                     p,
                     () => {
                       u += 1, u === d && (this._loadBatchedElementWorker.flushAllBuffers(), this.viralViewerApi.emit(
-                        R.LOADED_SEPERATE_MODEL,
+                        k.LOADED_SEPERATE_MODEL,
                         { modelId: c }
                       ), this.viralViewerApi.viralVisibilityManager.enableShadow(), this.viralViewerApi.viralVisibilityManager.enableAmbientOcclusion(), this.viralViewerApi.viralVisibilityManager.enableAmbientOcclusionScreenSpaceRadius(), this.viralViewerApi.viralVisibilityManager.enableScreenSpaceEdge(
                         "shaded"
@@ -7011,7 +6913,7 @@ class sn {
                     },
                     h
                   ) : (u += 1, u === d && (this._loadBatchedElementWorker.flushAllBuffers(), this.viralViewerApi.emit(
-                    R.LOADED_SEPERATE_MODEL,
+                    k.LOADED_SEPERATE_MODEL,
                     { modelId: c }
                   ), this.viralViewerApi.viralVisibilityManager.enableShadow(), this.viralViewerApi.viralVisibilityManager.enableAmbientOcclusion(), this.viralViewerApi.viralVisibilityManager.enableAmbientOcclusionScreenSpaceRadius(), this.viralViewerApi.viralVisibilityManager.enableScreenSpaceEdge(
                     "shaded"
@@ -7095,9 +6997,9 @@ class sn {
     }), this.viralViewerApi.viralMaterialManager.mergeMaterials = [], this.viralViewerApi.viralVisibilityManager.disableGroundShadow(), this.viralViewerApi.viralRenderer.render(), this.viralViewerApi.viralDataManager.dataTree = [], this.viralViewerApi.viralScene.selectables = [];
   }
 }
-class nn {
+class tn {
   constructor(e) {
-    this.viralViewerApi = e, this.objectLoader = new li(), this.gltfLoader = new ki();
+    this.viralViewerApi = e, this.objectLoader = new ci(), this.gltfLoader = new Bi();
   }
   parseObject(e) {
     return this.objectLoader.parse(e);
@@ -7109,37 +7011,37 @@ class nn {
     this.gltfLoader.load(e, t, i, s);
   }
 }
-class rn {
+class sn {
   constructor(e) {
-    this.viralViewerApi = e, this.revitLoader = new sn(this.viralViewerApi), this.pointCloudLoader = new Gs(this.viralViewerApi), this.threeLoader = new nn(this.viralViewerApi);
+    this.viralViewerApi = e, this.revitLoader = new en(this.viralViewerApi), this.pointCloudLoader = new Fs(this.viralViewerApi), this.threeLoader = new tn(this.viralViewerApi);
   }
 }
-class an {
+class nn {
   constructor(e) {
     this.viralViewerApi = e, this.hoverMaterial = new gt({
-      color: D.hexToThreejsColor(x.secondary),
+      color: R.hexToThreejsColor(y.secondary),
       opacity: 0.7,
       transparent: !0,
       depthTest: !1,
       name: "Render Material",
       flatShading: !0
     }), this.selectedMaterial = new gt({
-      color: D.hexToThreejsColor(x.secondary),
+      color: R.hexToThreejsColor(y.secondary),
       opacity: 0.7,
       transparent: !0,
       name: "Render Material",
       depthTest: !1,
       flatShading: !0
-    }), this.edgeMaterial = new Qt({
-      color: D.hexToThreejsColor(x.edge),
+    }), this.edgeMaterial = new Zt({
+      color: R.hexToThreejsColor(y.edge),
       linewidth: 2,
-      resolution: new N(window.innerWidth, window.innerHeight),
+      resolution: new H(window.innerWidth, window.innerHeight),
       transparent: !0,
       opacity: 0.8
     }), this.outlineMaterial = new K({
       transparent: !0,
       opacity: 0
-    }), this.materials = [], this.mergeMaterials = [], this.originalColors = [], this.viralViewerApi.emit(R.LOADED_MATERIAL_MANAGER);
+    }), this.materials = [], this.mergeMaterials = [], this.originalColors = [], this.viralViewerApi.emit(k.LOADED_MATERIAL_MANAGER);
   }
   /**
    * Checks if a material has a color property.
@@ -7165,9 +7067,9 @@ class an {
     }
   }
 }
-function on() {
-  const g = new ci({
-    side: ee
+function rn() {
+  const g = new hi({
+    side: J
   });
   return g.onBeforeCompile = (e) => {
     e.vertexShader = `attribute vec4 color;
@@ -7187,10 +7089,10 @@ function on() {
     );
   }, g;
 }
-function ln() {
-  const g = new G({
+function an() {
+  const g = new q({
     colorWrite: !1,
-    side: ee
+    side: J
   });
   return g.onBeforeCompile = (e) => {
     e.vertexShader = `attribute vec4 color;
@@ -7210,8 +7112,8 @@ function ln() {
     );
   }, g;
 }
-const cn = {
-  edgeColor: new B(0),
+const on = {
+  edgeColor: new $(0),
   edgeOpacity: 0.6,
   // Reduced for subtlety, better perf
   edgeThickness: 1,
@@ -7228,14 +7130,14 @@ const cn = {
   // Keep - good for creases
   enableObjectIdEdges: !1
   // Disable by default - most expensive (extra render pass)
-}, hn = `
+}, ln = `
 varying vec2 vUv;
 
 void main() {
   vUv = uv;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 }
-`, dn = `
+`, cn = `
 precision highp float;
 
 uniform sampler2D tDiffuse;      // Color buffer (from main render)
@@ -7401,7 +7303,7 @@ void main() {
   
   gl_FragColor = vec4(finalColor, color.a);
 }
-`, un = `
+`, hn = `
 attribute float objectIndex;
 varying float vObjectIndex;
 
@@ -7409,7 +7311,7 @@ void main() {
   vObjectIndex = objectIndex;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 }
-`, pn = `
+`, dn = `
 precision highp float;
 varying float vObjectIndex;
 
@@ -7425,33 +7327,33 @@ void main() {
   gl_FragColor = vec4(packIndex(vObjectIndex), 1.0);
 }
 `;
-class mn extends Zt {
+class un extends Yt {
   constructor(e, t, i, s) {
-    super(), this.excludeObjects = [], this.bypass = !1, this.scene = e, this.camera = t, this.resolution = i || new N(window.innerWidth, window.innerHeight), this.options = { ...cn, ...s };
+    super(), this.excludeObjects = [], this.bypass = !1, this.scene = e, this.camera = t, this.resolution = i || new H(window.innerWidth, window.innerHeight), this.options = { ...on, ...s };
     const n = {
       format: Wt,
-      type: Ft,
+      type: Gt,
       minFilter: Ot,
       magFilter: Ot
     };
     this.normalTarget = new ue(this.resolution.x, this.resolution.y, {
       ...n,
       depthBuffer: !0
-    }), this.normalTarget.depthTexture = new At(
+    }), this.normalTarget.depthTexture = new St(
       this.resolution.x,
       this.resolution.y,
-      _t
+      At
     ), this.depthTarget = new ue(this.resolution.x, this.resolution.y, {
       ...n,
       depthBuffer: !0
-    }), this.depthTarget.depthTexture = new At(
+    }), this.depthTarget.depthTexture = new St(
       this.resolution.x,
       this.resolution.y,
-      _t
-    ), this.objectIdTarget = new ue(this.resolution.x, this.resolution.y, n), this.normalMaterial = on(), this.depthMaterial = ln(), this.objectIdMaterial = new le({
-      vertexShader: un,
-      fragmentShader: pn,
-      side: ee
+      At
+    ), this.objectIdTarget = new ue(this.resolution.x, this.resolution.y, n), this.normalMaterial = rn(), this.depthMaterial = an(), this.objectIdMaterial = new le({
+      vertexShader: hn,
+      fragmentShader: dn,
+      side: J
     }), this.edgeMaterial = new le({
       uniforms: {
         tDiffuse: { value: null },
@@ -7473,8 +7375,8 @@ class mn extends Zt {
         enableNormalEdges: { value: this.options.enableNormalEdges },
         enableObjectIdEdges: { value: this.options.enableObjectIdEdges }
       },
-      vertexShader: hn,
-      fragmentShader: dn
+      vertexShader: ln,
+      fragmentShader: cn
     }), this.copyMaterial = new le({
       uniforms: {
         tDiffuse: { value: null }
@@ -7493,7 +7395,7 @@ class mn extends Zt {
           gl_FragColor = texture2D(tDiffuse, vUv);
         }
       `
-    }), this.fsQuad = new Yt(this.edgeMaterial);
+    }), this.fsQuad = new Xt(this.edgeMaterial);
   }
   /**
    * Update options
@@ -7551,19 +7453,19 @@ class mn extends Zt {
     this.normalTarget.dispose(), this.depthTarget.dispose(), this.objectIdTarget.dispose(), this.normalMaterial.dispose(), this.depthMaterial.dispose(), this.edgeMaterial.dispose(), this.objectIdMaterial.dispose(), this.copyMaterial.dispose(), this.fsQuad.dispose();
   }
 }
-const gn = {
-  outlineColor: new B(x.accent),
+const pn = {
+  outlineColor: new $(y.accent),
   outlineOpacity: 1,
   outlineThickness: 2,
   showOccluded: !0,
   occludedOpacity: 0.5
-}, Mt = `
+}, xt = R.hexToRGB(y.accent), zt = `
 varying vec2 vUv;
 void main() {
   vUv = uv;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 }
-`, fn = `
+`, mn = `
 precision highp float;
 
 uniform sampler2D tDiffuse;     // Original scene
@@ -7597,11 +7499,11 @@ float detectEdge(vec2 uv, vec2 texelSize) {
   float tx0y0 = texture2D(tMask, uv + texelSize * vec2(-1.0, -1.0) * outlineThickness).r;
   float tx1y0 = texture2D(tMask, uv + texelSize * vec2( 0.0, -1.0) * outlineThickness).r;
   float tx2y0 = texture2D(tMask, uv + texelSize * vec2( 1.0, -1.0) * outlineThickness).r;
-  
+
   float tx0y1 = texture2D(tMask, uv + texelSize * vec2(-1.0,  0.0) * outlineThickness).r;
   float tx1y1 = texture2D(tMask, uv + texelSize * vec2( 0.0,  0.0) * outlineThickness).r;
   float tx2y1 = texture2D(tMask, uv + texelSize * vec2( 1.0,  0.0) * outlineThickness).r;
-  
+
   float tx0y2 = texture2D(tMask, uv + texelSize * vec2(-1.0,  1.0) * outlineThickness).r;
   float tx1y2 = texture2D(tMask, uv + texelSize * vec2( 0.0,  1.0) * outlineThickness).r;
   float tx2y2 = texture2D(tMask, uv + texelSize * vec2( 1.0,  1.0) * outlineThickness).r;
@@ -7619,54 +7521,96 @@ float detectEdge(vec2 uv, vec2 texelSize) {
 
 void main() {
   vec2 texelSize = 1.0 / resolution;
-  
+
   // Get original scene color
   vec4 sceneColor = texture2D(tDiffuse, vUv);
-  
+
   // Detect edge strength
   float edge = detectEdge(vUv, texelSize);
-  
+
   // Skip if no edge
   if (edge < 0.1) {
     gl_FragColor = sceneColor;
     return;
   }
-  
+
   // Clamp edge intensity
   edge = clamp(edge, 0.0, 1.0);
-  
+
   // Check occlusion (is the selected object behind something?)
   float sceneDepth = texture2D(tDepth, vUv).r;
   float maskDepth = texture2D(tMaskDepth, vUv).r;
-  
+
   float finalOpacity = outlineOpacity;
-  
+
   // If mask depth is further than scene depth, outline is occluded
   if (showOccluded && maskDepth > sceneDepth + 0.0001) {
     finalOpacity *= occludedOpacity;
   }
-  
+
   // Composite outline over scene
   vec3 finalColor = mix(sceneColor.rgb, outlineColor, edge * finalOpacity);
-  
+
   gl_FragColor = vec4(finalColor, sceneColor.a);
 }
+`, gn = `
+varying vec3 vVertexColor;
+
+void main() {
+  // Three.js injects vertex color handling when vertexColors is enabled
+  // For regular meshes: reads "color" attribute
+  // For InstancedMesh: reads "instanceColor" and multiplies into color
+  #ifdef USE_COLOR
+    vVertexColor = color.rgb;
+  #else
+    vVertexColor = vec3(1.0);
+  #endif
+
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+
+  #ifdef USE_INSTANCING
+    gl_Position = projectionMatrix * modelViewMatrix * instanceMatrix * vec4(position, 1.0);
+  #endif
+}
+`, fn = `
+precision highp float;
+
+uniform vec3 selectColor;
+uniform float colorTolerance;
+
+varying vec3 vVertexColor;
+
+void main() {
+  // Check if this fragment's color matches the selection color
+  float dist = distance(vVertexColor, selectColor);
+  if (dist > colorTolerance) {
+    discard;
+  }
+  gl_FragColor = vec4(1.0); // White mask for selected
+}
 `;
-class vn extends Zt {
+class vn extends Yt {
   constructor(e, t, i, s = {}) {
-    super(), this.copyMaterial = null, this.selectionMesh = null, this.selectionBuffer = null, this.selectionAttribute = null, this.hasSelection = !1, this.bypass = !1, this.camera = t, this.resolution = i, this.options = { ...gn, ...s };
+    super(), this.copyMaterial = null, this.hasSelection = !1, this.bypass = !1, this.scene = e, this.camera = t, this.resolution = i, this.options = { ...pn, ...s };
     const n = i.clone().multiplyScalar(0.5);
     this.maskRenderTarget = new ue(n.x, n.y, {
       depthBuffer: !0
     }), this.maskDepthRenderTarget = new ue(n.x, n.y, {
       depthBuffer: !0
-    }), this.maskMaterial = new G({
-      color: 16777215,
-      side: ee,
+    }), this.selectionFilterMaterial = new le({
+      uniforms: {
+        selectColor: {
+          value: [xt.r, xt.g, xt.b]
+        },
+        colorTolerance: { value: 0.01 }
+      },
+      vertexShader: gn,
+      fragmentShader: fn,
+      vertexColors: !0,
+      side: J,
       depthTest: !this.options.showOccluded,
-      // Disable depth test to capture occluded parts
       depthWrite: !0
-    }), this.outlineMaterial = new le({
+    }), this.selectionFilterMaterialDepth = this.selectionFilterMaterial.clone(), this.selectionFilterMaterialDepth.depthTest = !0, this.outlineMaterial = new le({
       uniforms: {
         tDiffuse: { value: null },
         tMask: { value: this.maskRenderTarget.texture },
@@ -7679,23 +7623,23 @@ class vn extends Zt {
         showOccluded: { value: this.options.showOccluded },
         occludedOpacity: { value: this.options.occludedOpacity }
       },
-      vertexShader: Mt,
-      fragmentShader: fn
-    }), this.selectionGeometry = new J(), this.maskScene = new ft(), this.fsQuad = new Yt(this.outlineMaterial);
+      vertexShader: zt,
+      fragmentShader: mn
+    }), this.fsQuad = new Xt(this.outlineMaterial);
   }
   /**
-   * Update selection geometry from buffer elements
-   * Call this when selection changes
-   * @param positions - Merged Float32Array of all selected element positions
+   * Notify the pass whether there is an active selection.
+   * No data transfer needed — the GPU reads selection state from vertex colors.
+   */
+  setHasSelection(e) {
+    this.hasSelection = e;
+  }
+  /**
+   * Legacy method — kept for backward compatibility.
+   * With the GPU-based approach, this just toggles hasSelection.
    */
   updateSelectionGeometry(e) {
-    if (!e || e.length === 0) {
-      this.hasSelection = !1, this.selectionGeometry.setDrawRange(0, 0);
-      return;
-    }
-    this.hasSelection = !0;
-    const t = e.length / 3;
-    (!this.selectionBuffer || this.selectionBuffer.length < e.length) && (this.selectionBuffer = new Float32Array(e.length), this.selectionAttribute = new L(this.selectionBuffer, 3), this.selectionGeometry.setAttribute("position", this.selectionAttribute)), this.selectionBuffer.set(e), this.selectionAttribute && (this.selectionAttribute.needsUpdate = !0), this.selectionGeometry.setDrawRange(0, t), this.selectionMesh || (this.selectionMesh = new y(this.selectionGeometry, this.maskMaterial), this.selectionMesh.frustumCulled = !1, this.maskScene.add(this.selectionMesh));
+    this.hasSelection = e !== null && e.length > 0;
   }
   /**
    * Get whether there's an active selection
@@ -7707,39 +7651,32 @@ class vn extends Zt {
    * Update outline options
    */
   setOptions(e) {
-    this.options = { ...this.options, ...e }, this.outlineMaterial.uniforms.outlineColor.value = this.options.outlineColor, this.outlineMaterial.uniforms.outlineOpacity.value = this.options.outlineOpacity, this.outlineMaterial.uniforms.outlineThickness.value = this.options.outlineThickness, this.outlineMaterial.uniforms.showOccluded.value = this.options.showOccluded, this.outlineMaterial.uniforms.occludedOpacity.value = this.options.occludedOpacity, this.maskMaterial.depthTest = !this.options.showOccluded;
+    this.options = { ...this.options, ...e }, this.outlineMaterial.uniforms.outlineColor.value = this.options.outlineColor, this.outlineMaterial.uniforms.outlineOpacity.value = this.options.outlineOpacity, this.outlineMaterial.uniforms.outlineThickness.value = this.options.outlineThickness, this.outlineMaterial.uniforms.showOccluded.value = this.options.showOccluded, this.outlineMaterial.uniforms.occludedOpacity.value = this.options.occludedOpacity, this.selectionFilterMaterial.depthTest = !this.options.showOccluded;
   }
   render(e, t, i, s, n) {
     if (this.bypass) {
-      this.copyMaterial || (this.copyMaterial = new le({
-        uniforms: { tDiffuse: { value: null } },
-        vertexShader: Mt,
-        fragmentShader: `
-						uniform sampler2D tDiffuse;
-						varying vec2 vUv;
-						void main() {
-							gl_FragColor = texture2D(tDiffuse, vUv);
-						}
-					`
-      })), this.copyMaterial.uniforms.tDiffuse.value = i.texture, this.fsQuad.material = this.copyMaterial, this.renderToScreen ? e.setRenderTarget(null) : e.setRenderTarget(t), this.fsQuad.render(e), this.fsQuad.material = this.outlineMaterial;
+      this._renderCopyPass(e, i, t);
       return;
     }
-    if (!this.hasSelection || !this.enabled || !this.selectionMesh) {
-      this.copyMaterial || (this.copyMaterial = new le({
-        uniforms: { tDiffuse: { value: null } },
-        vertexShader: Mt,
-        fragmentShader: `
-						uniform sampler2D tDiffuse;
-						varying vec2 vUv;
-						void main() {
-							gl_FragColor = texture2D(tDiffuse, vUv);
-						}
-					`
-      })), this.copyMaterial.uniforms.tDiffuse.value = i.texture, this.fsQuad.material = this.copyMaterial, this.renderToScreen ? e.setRenderTarget(null) : e.setRenderTarget(t), this.fsQuad.render(e);
+    if (!this.hasSelection || !this.enabled) {
+      this._renderCopyPass(e, i, t);
       return;
     }
-    const r = e.getRenderTarget(), o = e.autoClear;
-    e.setRenderTarget(this.maskRenderTarget), e.setClearColor(0, 0), e.clear(), e.render(this.maskScene, this.camera), this.options.showOccluded && (this.maskMaterial.depthTest = !0, e.setRenderTarget(this.maskDepthRenderTarget), e.clear(), e.render(this.maskScene, this.camera), this.maskMaterial.depthTest = !1), this.outlineMaterial.uniforms.tDiffuse.value = i.texture, this.outlineMaterial.uniforms.tMask.value = this.maskRenderTarget.texture, i.depthTexture && (this.outlineMaterial.uniforms.tDepth.value = i.depthTexture), this.renderToScreen ? e.setRenderTarget(null) : e.setRenderTarget(t), this.fsQuad.material = this.outlineMaterial, this.fsQuad.render(e), e.setRenderTarget(r), e.autoClear = o;
+    const r = e.getRenderTarget(), o = e.autoClear, a = this.scene.overrideMaterial;
+    e.setRenderTarget(this.maskRenderTarget), e.setClearColor(0, 0), e.clear(), this.scene.overrideMaterial = this.selectionFilterMaterial, e.render(this.scene, this.camera), this.options.showOccluded && (e.setRenderTarget(this.maskDepthRenderTarget), e.clear(), this.scene.overrideMaterial = this.selectionFilterMaterialDepth, e.render(this.scene, this.camera)), this.scene.overrideMaterial = a, this.outlineMaterial.uniforms.tDiffuse.value = i.texture, this.outlineMaterial.uniforms.tMask.value = this.maskRenderTarget.texture, i.depthTexture && (this.outlineMaterial.uniforms.tDepth.value = i.depthTexture), this.renderToScreen ? e.setRenderTarget(null) : e.setRenderTarget(t), this.fsQuad.material = this.outlineMaterial, this.fsQuad.render(e), e.setRenderTarget(r), e.autoClear = o;
+  }
+  _renderCopyPass(e, t, i) {
+    this.copyMaterial || (this.copyMaterial = new le({
+      uniforms: { tDiffuse: { value: null } },
+      vertexShader: zt,
+      fragmentShader: `
+					uniform sampler2D tDiffuse;
+					varying vec2 vUv;
+					void main() {
+						gl_FragColor = texture2D(tDiffuse, vUv);
+					}
+				`
+    })), this.copyMaterial.uniforms.tDiffuse.value = t.texture, this.fsQuad.material = this.copyMaterial, this.renderToScreen ? e.setRenderTarget(null) : e.setRenderTarget(i), this.fsQuad.render(e), this.fsQuad.material = this.outlineMaterial;
   }
   setSize(e, t) {
     this.resolution.set(e, t);
@@ -7748,13 +7685,13 @@ class vn extends Zt {
   }
   dispose() {
     var e;
-    this.maskRenderTarget.dispose(), this.maskDepthRenderTarget.dispose(), this.selectionGeometry.dispose(), this.maskMaterial.dispose(), this.outlineMaterial.dispose(), (e = this.copyMaterial) == null || e.dispose(), this.fsQuad.dispose(), this.selectionMesh && this.maskScene.remove(this.selectionMesh);
+    this.maskRenderTarget.dispose(), this.maskDepthRenderTarget.dispose(), this.selectionFilterMaterial.dispose(), this.selectionFilterMaterialDepth.dispose(), this.outlineMaterial.dispose(), (e = this.copyMaterial) == null || e.dispose(), this.fsQuad.dispose();
   }
 }
-new N(1024, 1024), new B(0);
+new H(1024, 1024), new $(0);
 class bn {
   constructor(e, t) {
-    this.renderer = e, this.viralViewerApi = t, this.gammaPass = null, this.ssaoPass = null, this.saoPass = null, this.smaaPass = null, this.ssaaPass = null, this.fxaaPass = null, this.taaPass = null, this.sobelPass = null, this.whitePass = null, this.shadowRemovalPass = null, this.outlinePass = null, this.screenSpaceEdgesPass = null, this.selectionOutlinePass = null, this.perfChecker = new qs(), this._whiteShader = {
+    this.renderer = e, this.viralViewerApi = t, this.gammaPass = null, this.ssaoPass = null, this.saoPass = null, this.smaaPass = null, this.ssaaPass = null, this.fxaaPass = null, this.taaPass = null, this.sobelPass = null, this.whitePass = null, this.shadowRemovalPass = null, this.outlinePass = null, this.screenSpaceEdgesPass = null, this.selectionOutlinePass = null, this.perfChecker = new Gs(), this._whiteShader = {
       uniforms: {
         tDiffuse: { value: null },
         shadowTexture: { value: null },
@@ -7785,15 +7722,15 @@ class bn {
         }
     `
     };
-    const i = new N();
+    const i = new H();
     e.getSize(i);
     const s = new ue(i.x, i.y, {
       format: Wt,
-      type: Ft,
+      type: Gt,
       depthBuffer: !0,
       stencilBuffer: !1
     });
-    s.depthTexture = new At(i.x, i.y, _t), this.composer = new zi(this.renderer, s), this.composer.setSize(window.innerWidth, window.innerHeight);
+    s.depthTexture = new St(i.x, i.y, At), this.composer = new Ni(this.renderer, s), this.composer.setSize(window.innerWidth, window.innerHeight);
   }
   isWebGL2Available() {
     return !!window.WebGL2RenderingContext;
@@ -7802,7 +7739,7 @@ class bn {
     this.composer.render();
   }
   initRenderPass(e, t) {
-    this.renderPass = new ji(e, t), this.composer.addPass(this.renderPass);
+    this.renderPass = new Hi(e, t), this.composer.addPass(this.renderPass);
     const i = this.perfChecker.getSpecs();
     if (console.log(i), this.perfChecker.canHandleExpensiveEffects()) {
       //! this pass cause slow render on weak machine, turn it off when camera moving
@@ -7814,16 +7751,16 @@ class bn {
       this.perfChecker.canHandleBasicEffects();
     this.initScreenSpaceEdgesPass(e, t), this.initSelectionOutlinePass(e, t);
     //! this pass slow render too, turn it off when we dont use
-    const s = new $i();
+    const s = new ji();
     this.composer.addPass(s);
   }
   initGammaPass() {
-    this.gammaPass = new xt(Wi), this.composer.addPass(this.gammaPass);
+    this.gammaPass = new yt(Wi), this.composer.addPass(this.gammaPass);
   }
   //#region N8AOPass
   initn8aoPass(e, t) {
     //! need to optimize this base on performance
-    this.n8aoPass = new Bi(e, t), this.n8aoPass.configuration.aoSamples = 16, this.n8aoPass.configuration.denoiseRadius = 16, this.n8aoPass.configuration.intensity = 5, this.n8aoPass.configuration.aoRadius = 10, this.n8aoPass.configuration.quality = "Low", this.n8aoPass.configuration.gammaCorrection = !1, this.n8aoPass.configuration.halfRes = !1, this.n8aoPass.configuration.distanceFalloff = 5, this.n8aoPass.configuration.accumulate = !1, this.n8aoPass.configuration.renderToScreen = !1, this.composer.addPass(this.n8aoPass);
+    this.n8aoPass = new zi(e, t), this.n8aoPass.configuration.aoSamples = 16, this.n8aoPass.configuration.denoiseRadius = 16, this.n8aoPass.configuration.intensity = 5, this.n8aoPass.configuration.aoRadius = 10, this.n8aoPass.configuration.quality = "Low", this.n8aoPass.configuration.gammaCorrection = !1, this.n8aoPass.configuration.halfRes = !1, this.n8aoPass.configuration.distanceFalloff = 5, this.n8aoPass.configuration.accumulate = !1, this.n8aoPass.configuration.renderToScreen = !1, this.composer.addPass(this.n8aoPass);
   }
   enableN8AOPass() {
     this.n8aoPass && (this.n8aoPass.setDisplayMode("Combined"), this.n8aoPass.enabled = !0);
@@ -7840,19 +7777,19 @@ class bn {
   //#endregion
   //#region Anti Aliases Passes
   initSMAAPass() {
-    this.smaaPass = new Hi(), this.smaaPass.renderToScreen = !0, this.composer.addPass(this.smaaPass);
+    this.smaaPass = new Fi(), this.smaaPass.renderToScreen = !0, this.composer.addPass(this.smaaPass);
   }
   initSSAAPass(e, t) {
-    this.ssaaPass = new Ei(e, t), this.ssaaPass.unbiased = !0, this.ssaaPass.sampleLevel = 2, this.composer.addPass(this.ssaaPass);
+    this.ssaaPass = new Ci(e, t), this.ssaaPass.unbiased = !0, this.ssaaPass.sampleLevel = 2, this.composer.addPass(this.ssaaPass);
   }
   initFXAAPass() {
-    this.fxaaPass = new xt(Si), this.fxaaPass.uniforms.resolution.value.set(
+    this.fxaaPass = new yt(Si), this.fxaaPass.uniforms.resolution.value.set(
       1 / window.innerWidth,
       1 / window.innerHeight
     ), this.composer.addPass(this.fxaaPass);
   }
   initTAAPass(e, t) {
-    this.taaPass = new Ci(e, t), this.taaPass.sampleLevel = 2, this.taaPass.unbiased = !1, this.composer.addPass(this.taaPass);
+    this.taaPass = new Ai(e, t), this.taaPass.sampleLevel = 2, this.taaPass.unbiased = !1, this.composer.addPass(this.taaPass);
   }
   enableTAA() {
     this.taaPass && (this.taaPass.enabled = !0);
@@ -7863,7 +7800,7 @@ class bn {
   //#endregion
   //#region SAO
   initSAOPass(e, t) {
-    this.saoPass = new Ai(e, t), this.saoPass.params.saoIntensity = 1e-4, this.saoPass.params.saoKernelRadius = 10, this.composer.addPass(this.saoPass);
+    this.saoPass = new _i(e, t), this.saoPass.params.saoIntensity = 1e-4, this.saoPass.params.saoKernelRadius = 10, this.composer.addPass(this.saoPass);
   }
   //#endregion
   //#region SSAO
@@ -7894,12 +7831,12 @@ class bn {
    * - Object ID discontinuity detection (object boundaries)
    */
   initScreenSpaceEdgesPass(e, t) {
-    this.screenSpaceEdgesPass = new mn(
+    this.screenSpaceEdgesPass = new un(
       e,
       t,
-      new N(window.innerWidth, window.innerHeight),
+      new H(window.innerWidth, window.innerHeight),
       {
-        edgeColor: new B(0),
+        edgeColor: new $(0),
         edgeOpacity: 1,
         edgeThickness: 2,
         depthMultiplier: 1.5,
@@ -7950,7 +7887,7 @@ class bn {
    */
   setScreenSpaceEdgeColor(e) {
     if (this.screenSpaceEdgesPass) {
-      const t = typeof e == "number" ? new B(e) : e;
+      const t = typeof e == "number" ? new $(e) : e;
       this.screenSpaceEdgesPass.setOptions({ edgeColor: t });
     }
   }
@@ -7981,7 +7918,7 @@ class bn {
    */
   setScreenSpaceEdgesPenMode() {
     this.screenSpaceEdgesPass && this.screenSpaceEdgesPass.setOptions({
-      edgeColor: new B(0),
+      edgeColor: new $(0),
       edgeOpacity: 1,
       edgeThickness: 1.5
     });
@@ -7991,24 +7928,24 @@ class bn {
    */
   setScreenSpaceEdgesShadedMode() {
     this.screenSpaceEdgesPass && this.screenSpaceEdgesPass.setOptions({
-      edgeColor: new B(0),
+      edgeColor: new $(0),
       edgeOpacity: 0.8,
       edgeThickness: 1.5
     });
   }
   initWhitePass() {
-    this.whitePass = new xt(this._whiteShader), this.composer.addPass(this.whitePass);
+    this.whitePass = new yt(this._whiteShader), this.composer.addPass(this.whitePass);
   }
   //#endregion
   //#region Outline Pass
   initOutlinePass(e, t) {
-    this.outlinePass = new Ni(
-      new N(window.innerWidth, window.innerHeight),
+    this.outlinePass = new $i(
+      new H(window.innerWidth, window.innerHeight),
       e,
       t,
       // TODO : investigate why this effect when render new model
       [this.viralViewerApi.viralScene.outlineModel]
-    ), this.outlinePass.edgeStrength = 5, this.outlinePass.edgeGlow = 0.4, this.outlinePass.edgeThickness = 2, this.outlinePass.pulsePeriod = 0, this.outlinePass.visibleEdgeColor.set(x.accent), this.outlinePass.hiddenEdgeColor.set(x.accent), this.outlinePass.enabled = !1, this.outlinePass.renderToScreen = !1, this.composer.addPass(this.outlinePass);
+    ), this.outlinePass.edgeStrength = 5, this.outlinePass.edgeGlow = 0.4, this.outlinePass.edgeThickness = 2, this.outlinePass.pulsePeriod = 0, this.outlinePass.visibleEdgeColor.set(y.accent), this.outlinePass.hiddenEdgeColor.set(y.accent), this.outlinePass.enabled = !1, this.outlinePass.renderToScreen = !1, this.composer.addPass(this.outlinePass);
   }
   enableOutline() {
     this.outlinePass && (this.outlinePass.enabled = !0, this.outlinePass.renderToScreen = !0);
@@ -8027,9 +7964,9 @@ class bn {
     this.selectionOutlinePass = new vn(
       e,
       t,
-      new N(window.innerWidth, window.innerHeight),
+      new H(window.innerWidth, window.innerHeight),
       {
-        outlineColor: new B(x.accent),
+        outlineColor: new $(y.accent),
         outlineOpacity: 1,
         outlineThickness: 2,
         showOccluded: !0,
@@ -8045,6 +7982,13 @@ class bn {
   updateSelectionOutline(e) {
     this.selectionOutlinePass && this.selectionOutlinePass.updateSelectionGeometry(e);
   }
+  /**
+   * Notify the outline pass whether elements are currently selected.
+   * The GPU reads selection state directly from vertex colors — no data transfer needed.
+   */
+  setSelectionOutlineActive(e) {
+    this.selectionOutlinePass && this.selectionOutlinePass.setHasSelection(e);
+  }
   /**
    * Enable selection outline rendering
    */
@@ -8083,7 +8027,7 @@ class bn {
    */
   setSelectionOutlineColor(e) {
     if (this.selectionOutlinePass) {
-      const t = e instanceof B ? e : new B(e);
+      const t = e instanceof $ ? e : new $(e);
       this.selectionOutlinePass.setOptions({ outlineColor: t });
     }
   }
@@ -8097,22 +8041,22 @@ class bn {
 }
 class wn {
   constructor(e) {
-    this.viralViewerApi = e, this.renderer = new Gt({
+    this.viralViewerApi = e, this.renderer = new Ut({
       alpha: !0,
       antialias: !0,
       stencil: !0,
       logarithmicDepthBuffer: !0,
       powerPreference: "high-performance",
       preserveDrawingBuffer: !0
-    }), this._t = 0, this._lastSpatialStatsTime = 0, this.renderTimeout = null, this.jitterOffsets = [], this.jitterIndex = 0, this.size = new N(window.innerWidth, window.innerHeight), this.samples = 4;
+    }), this._t = 0, this._lastSpatialStatsTime = 0, this.renderTimeout = null, this.jitterOffsets = [], this.jitterIndex = 0, this.size = new H(window.innerWidth, window.innerHeight), this.samples = 4;
     const t = this.renderer.getContext(), i = t.getParameter(t.MAX_FRAGMENT_UNIFORM_VECTORS);
     console.log("Max Fragment Uniform Vectors ->", i), this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer.setSize(
       this.viralViewerApi.targetElement.offsetWidth,
       this.viralViewerApi.targetElement.offsetHeight
-    ), this.renderer.outputColorSpace = hi, this.renderer.shadowMap.enabled = !0, this.renderer.shadowMap.type = di, this.renderer.shadowMap.autoUpdate = !1, this.renderer.shadowMap.needsUpdate = !0, this.renderer.info.autoReset = !1, this.viralViewerApi.targetElement.appendChild(this.renderer.domElement), this.viralViewerApi.options.enablePostProcessing !== !1 && (this.postProcessingRenderer = new bn(
+    ), this.renderer.outputColorSpace = di, this.renderer.shadowMap.enabled = !0, this.renderer.shadowMap.type = ui, this.renderer.shadowMap.autoUpdate = !1, this.renderer.shadowMap.needsUpdate = !0, this.renderer.info.autoReset = !1, this.viralViewerApi.targetElement.appendChild(this.renderer.domElement), this.viralViewerApi.options.enablePostProcessing !== !1 && (this.postProcessingRenderer = new bn(
       this.renderer,
       this.viralViewerApi
-    )), this.jitterOffsets = this.generateJitterOffsets(), this.viralViewerApi.emit(R.LOADED_RENDERER);
+    )), this.jitterOffsets = this.generateJitterOffsets(), this.viralViewerApi.emit(k.LOADED_RENDERER);
   }
   updateSize(e, t) {
     this.renderer.setSize(e, t), this.postProcessingRenderer && this.postProcessingRenderer.composer.setSize(e, t);
@@ -8226,17 +8170,17 @@ const de = {
 };
 class yn {
   constructor(e) {
-    this.viralViewerApi = e, this.scene = new ft(), this.objects = [], this.models = [], this.bimWorld = new ts(), this.outlineModel = new y(), this.hideables = [], this.selectables = [], this.edges = [], this.sunLight = null, this.lights = [], this.transformControls = null, this.lightHelpers = [], this.fullScreenQuadMaterial = new G({
+    this.viralViewerApi = e, this.scene = new Tt(), this.objects = [], this.models = [], this.bimWorld = new Ji(), this.outlineModel = new x(), this.hideables = [], this.selectables = [], this.edges = [], this.sunLight = null, this.lights = [], this.transformControls = null, this.lightHelpers = [], this.fullScreenQuadMaterial = new q({
       map: null,
       // Use the render target's texture
-      side: ee
-    }), this.fullScreenQuad = null, this.viralViewerApi.emit(R.LOADED_SCENE), this.bimWorld.name = de.mergedModel, this.addModel(this.bimWorld), this.outlineModel.name = de.outlineModel, this.outlineModel.renderOrder = 0, this.addModel(this.outlineModel);
+      side: J
+    }), this.fullScreenQuad = null, this.viralViewerApi.emit(k.LOADED_SCENE), this.bimWorld.name = de.mergedModel, this.addModel(this.bimWorld), this.outlineModel.name = de.outlineModel, this.outlineModel.renderOrder = 0, this.addModel(this.outlineModel);
     const t = new Dt(5, 32, 32), i = new K({
       color: 16768256,
       emissive: 16755200,
       emissiveIntensity: 1
     });
-    this.sunSphere = new y(t, i), this.sunSphere.visible = !1, this.addObject(this.sunSphere), this.addLights(), this.addPivotPoint(), this.viralViewerApi.options.isDev && this.addAxes();
+    this.sunSphere = new x(t, i), this.sunSphere.visible = !1, this.addObject(this.sunSphere), this.addLights(), this.addPivotPoint(), this.viralViewerApi.options.isDev && this.addAxes();
   }
   //#region Add Main Objects
   addObject(e) {
@@ -8268,22 +8212,22 @@ class yn {
     t.position.set(0, -1, 0).normalize();
     const i = new ut(16777215, 1);
     i.position.set(-1, 1, -1).normalize();
-    const s = new ui(16777215, 1);
+    const s = new pi(16777215, 1);
     this.sunLight = new ut(16777215, 4), this.sunLight.name = de.sunlight, this.sunLight.castShadow = !1, this.sunLight.position.set(50, 50, 50), this.sunLight.shadow.camera.top = 50, this.sunLight.shadow.camera.bottom = -50, this.sunLight.shadow.camera.left = -50, this.sunLight.shadow.camera.right = 50, this.sunLight.shadow.mapSize.x = 2048, this.sunLight.shadow.mapSize.y = 2048, this.sunLight.shadow.camera.near = 5, this.sunLight.shadow.camera.far = 350, this.sunLight.shadow.bias = -1e-3, this.sunLight.shadow.radius = 2, this.sunLight.visible = !0;
-    const n = new pi(this.sunLight.shadow.camera);
+    const n = new mi(this.sunLight.shadow.camera);
     n.visible = !1, this.addObject(e), this.addObject(t), this.addObject(i), this.addObject(s), this.addObject(this.sunLight), this.addObject(n), this.lights.push(e), this.lights.push(t), this.lights.push(i), this.lights.push(s), this.lights.push(this.sunLight), this.lightHelpers.push(n);
   }
   //#endregion
   addPivotPoint() {
-    const e = new Dt(1, 16, 16), t = new G({
-      color: D.hexToThreejsColor(x.accent)
+    const e = new Dt(1, 16, 16), t = new q({
+      color: R.hexToThreejsColor(y.accent)
       // transparent: true,
       // opacity: 0.5,
-    }), i = new y(e, t);
+    }), i = new x(e, t);
     i.name = de.pivotPoint, i.visible = !1, this.addObject(i);
   }
   addTransformControls(e) {
-    this.transformControls = new Fi(
+    this.transformControls = new Gi(
       e,
       this.viralViewerApi.viralRenderer.renderer.domElement
     );
@@ -8300,8 +8244,8 @@ class yn {
   //#region Helper
   addCube() {
     if (this.scene) {
-      const e = new y(
-        new Tt(1, 1, 1),
+      const e = new x(
+        new Pt(1, 1, 1),
         new K({ color: 16711680 })
       );
       e.castShadow = !0, e.receiveShadow = !0, this.addObject(e);
@@ -8309,7 +8253,7 @@ class yn {
   }
   addAxes() {
     if (this.scene) {
-      const e = new mi(10);
+      const e = new gi(10);
       e.renderOrder = 999, e.material.depthTest = !1, e.material.depthWrite = !1, this.addObject(e);
     }
   }
@@ -8323,20 +8267,20 @@ class yn {
    * Add box helper to check mesh
    */
   addBoxHelper(e) {
-    const t = new gi(e, 16711680);
+    const t = new fi(e, 16711680);
     this.addObject(t);
   }
   addBox3Helper(e) {
-    const t = new fi(e, 16776960);
+    const t = new vi(e, 16776960);
     this.addObject(t);
   }
   addFullscreenQuad() {
     const e = new ae(window.innerWidth, window.innerHeight);
-    this.fullScreenQuad = new y(e, this.fullScreenQuadMaterial), this.addObject(this.fullScreenQuad);
+    this.fullScreenQuad = new x(e, this.fullScreenQuadMaterial), this.addObject(this.fullScreenQuad);
   }
   //#endregion
 }
-const zt = new Float32Array([
+const Nt = new Float32Array([
   // Bottom face (Y = -1)
   -1,
   -1,
@@ -8427,7 +8371,7 @@ const zt = new Float32Array([
   // 5: -Z
 ], Ge = class Ge {
   constructor(e) {
-    this.viralViewerApi = e, this._isGenerated = !1, this._isActive = !1, this._isVisible = !1, this._initialCenter = new E(), this._initialHalfSize = new E(), this._center = new E(), this._halfSize = new E(), this._boxOutline = null, this._outlineGeometry = null, this._outlineMaterial = null, this._hitBoxMesh = null, this._facePlaneMesh = null, this._dragAnchor = new $t(), this._selectedFaceIndex = -1, this._clippingPlanes = [], this._transformedEdges = new Float32Array(72);
+    this.viralViewerApi = e, this._isGenerated = !1, this._isActive = !1, this._isVisible = !1, this._initialCenter = new E(), this._initialHalfSize = new E(), this._center = new E(), this._halfSize = new E(), this._boxOutline = null, this._outlineGeometry = null, this._outlineMaterial = null, this._hitBoxMesh = null, this._facePlaneMesh = null, this._dragAnchor = new jt(), this._selectedFaceIndex = -1, this._clippingPlanes = [], this._transformedEdges = new Float32Array(72);
   }
   /** Whether section box is active (clipping enabled) */
   get isActive() {
@@ -8551,46 +8495,46 @@ const zt = new Float32Array([
   }
   // --- Private methods ---
   _initFromBoundingBox() {
-    const e = new z().setFromObject(this.viralViewerApi.viralScene.bimWorld);
+    const e = new j().setFromObject(this.viralViewerApi.viralScene.bimWorld);
     e.getCenter(this._center), e.getSize(this._halfSize).multiplyScalar(0.5), this._initialCenter.copy(this._center), this._initialHalfSize.copy(this._halfSize), this._isGenerated = !0;
   }
   _createVisuals() {
     if (this._boxOutline)
       return;
-    this._outlineMaterial = new Qt({
-      color: D.hexToThreejsColor(x.accent),
+    this._outlineMaterial = new Zt({
+      color: R.hexToThreejsColor(y.accent),
       linewidth: 2,
-      resolution: new N(window.innerWidth, window.innerHeight),
+      resolution: new H(window.innerWidth, window.innerHeight),
       worldUnits: !1,
       transparent: !1,
       depthTest: !0,
       depthWrite: !0
-    }), this._outlineGeometry = new Ui(), this._outlineGeometry.setPositions(zt), this._boxOutline = new Gi(this._outlineGeometry, this._outlineMaterial), this._boxOutline.name = "SectionBoxOutline", this._boxOutline.renderOrder = 0, this._boxOutline.frustumCulled = !1, this.viralViewerApi.viralScene.addObject(this._boxOutline);
-    const e = new Tt(2, 2, 2), t = new G({
+    }), this._outlineGeometry = new qi(), this._outlineGeometry.setPositions(Nt), this._boxOutline = new Ui(this._outlineGeometry, this._outlineMaterial), this._boxOutline.name = "SectionBoxOutline", this._boxOutline.renderOrder = 0, this._boxOutline.frustumCulled = !1, this.viralViewerApi.viralScene.addObject(this._boxOutline);
+    const e = new Pt(2, 2, 2), t = new q({
       transparent: !0,
       opacity: 0,
-      side: ee,
+      side: J,
       depthWrite: !1,
       depthTest: !1
     });
-    this._hitBoxMesh = new y(e, t), this._hitBoxMesh.name = "SectionBoxHit", this._hitBoxMesh.visible = !0, this._hitBoxMesh.renderOrder = -1, this.viralViewerApi.viralScene.addObject(this._hitBoxMesh);
-    const i = new G({
-      color: D.hexToThreejsColor(x.accent),
+    this._hitBoxMesh = new x(e, t), this._hitBoxMesh.name = "SectionBoxHit", this._hitBoxMesh.visible = !0, this._hitBoxMesh.renderOrder = -1, this.viralViewerApi.viralScene.addObject(this._hitBoxMesh);
+    const i = new q({
+      color: R.hexToThreejsColor(y.accent),
       transparent: !0,
       opacity: 0.15,
-      side: ee,
+      side: J,
       depthWrite: !1,
       depthTest: !1,
       polygonOffset: !0,
       polygonOffsetFactor: 1,
       polygonOffsetUnits: 1
     });
-    this._facePlaneMesh = new y(new ae(1, 1), i), this._facePlaneMesh.name = "SectionBoxFaceHighlight", this._facePlaneMesh.visible = !1, this._facePlaneMesh.renderOrder = 997, this.viralViewerApi.viralScene.addObject(this._facePlaneMesh), this._dragAnchor.name = "SectionBoxDragAnchor", this.viralViewerApi.viralScene.scene.add(this._dragAnchor);
+    this._facePlaneMesh = new x(new ae(1, 1), i), this._facePlaneMesh.name = "SectionBoxFaceHighlight", this._facePlaneMesh.visible = !1, this._facePlaneMesh.renderOrder = 997, this.viralViewerApi.viralScene.addObject(this._facePlaneMesh), this._dragAnchor.name = "SectionBoxDragAnchor", this.viralViewerApi.viralScene.scene.add(this._dragAnchor);
   }
   _updateVisuals() {
     if (!this._boxOutline || !this._outlineGeometry || !this._hitBoxMesh)
       return;
-    const e = Ge.VISUAL_INSET, t = this._center.x, i = this._center.y, s = this._center.z, n = this._halfSize.x * (1 - e), r = this._halfSize.y * (1 - e), o = this._halfSize.z * (1 - e), a = zt, l = this._transformedEdges;
+    const e = Ge.VISUAL_INSET, t = this._center.x, i = this._center.y, s = this._center.z, n = this._halfSize.x * (1 - e), r = this._halfSize.y * (1 - e), o = this._halfSize.z * (1 - e), a = Nt, l = this._transformedEdges;
     for (let c = 0; c < 72; c += 3)
       l[c] = t + n * a[c], l[c + 1] = i + r * a[c + 1], l[c + 2] = s + o * a[c + 2];
     if (this._outlineGeometry.setPositions(l), this._boxOutline.computeLineDistances(), this._boxOutline.geometry.computeBoundingSphere(), this._hitBoxMesh.position.copy(this._center), this._hitBoxMesh.scale.copy(this._halfSize), this._hitBoxMesh.updateMatrixWorld(!0), this._outlineMaterial) {
@@ -8692,7 +8636,7 @@ const zt = new Float32Array([
 };
 Ge.VISUAL_INSET = 2e-3;
 let Vt = Ge;
-var We = () => {
+var Fe = () => {
   var g = 0, e = document.createElement("div");
   e.style.cssText = "position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000", e.addEventListener(
     "click",
@@ -8709,9 +8653,9 @@ var We = () => {
       e.children[h].style.display = h === c ? "block" : "none";
     g = c;
   }
-  var s = (performance || Date).now(), n = s, r = 0, o = t(We.Panel("FPS", "#0ff", "#002")), a = t(We.Panel("MS", "#0f0", "#020"));
+  var s = (performance || Date).now(), n = s, r = 0, o = t(Fe.Panel("FPS", "#0ff", "#002")), a = t(Fe.Panel("MS", "#0f0", "#020"));
   if (self.performance && self.performance.memory)
-    var l = t(We.Panel("MB", "#f08", "#201"));
+    var l = t(Fe.Panel("MB", "#f08", "#201"));
   return i(0), {
     REVISION: 16,
     dom: e,
@@ -8740,7 +8684,7 @@ var We = () => {
     setMode: i
   };
 };
-We.Panel = (g, e, t) => {
+Fe.Panel = (g, e, t) => {
   var i = 1 / 0, s = 0, n = Math.round, r = n(window.devicePixelRatio || 1), o = 80 * r, a = 48 * r, l = 3 * r, c = 2 * r, h = 3 * r, d = 15 * r, u = 74 * r, p = 30 * r, m = document.createElement("canvas");
   m.width = o, m.height = a, m.style.cssText = "width:80px;height:48px";
   var f = m.getContext("2d");
@@ -8772,12 +8716,12 @@ We.Panel = (g, e, t) => {
 };
 class Mn {
   constructor(e) {
-    this.viralViewerApi = e, this.stats = null, this.viralViewerApi.targetElement && (this.stats = We(), this.stats.showPanel(0), this.viralViewerApi.targetElement.appendChild(this.stats.dom));
+    this.viralViewerApi = e, this.stats = null, this.viralViewerApi.targetElement && (this.stats = Fe(), this.stats.showPanel(0), this.viralViewerApi.targetElement.appendChild(this.stats.dom));
   }
 }
 class En {
   constructor(e) {
-    this.viralViewerApi = e, this._selectionOutlineEnabled = !0, this._outlineUpdateScheduled = !1, this.exceptElements = [], this.isolateModelId = "0", this.sunConfiguration = ss, this._ground = null, this.opacity = 1, this._fog = new vi(13421772, 1, 1e3), this.rainGeometry = new J(), this.rain = null, this._isGeneratedRain = !1, this.ghostMode = !0, this._batchColors = /* @__PURE__ */ new Map(), this._originalBatchMaterials = /* @__PURE__ */ new Map(), this._batchVisualizationEnabled = !1, this.showHidePercentage = 100, this.randomColor = 100;
+    this.viralViewerApi = e, this._selectionOutlineEnabled = !0, this.exceptElements = [], this.isolateModelId = "0", this.sunConfiguration = ts, this._ground = null, this.opacity = 1, this._fog = new bi(13421772, 1, 1e3), this.rainGeometry = new ne(), this.rain = null, this._isGeneratedRain = !1, this.ghostMode = !0, this._batchColors = /* @__PURE__ */ new Map(), this._originalBatchMaterials = /* @__PURE__ */ new Map(), this._batchVisualizationEnabled = !1, this.showHidePercentage = 100, this.randomColor = 100;
   }
   /**
    * show all elements and reset back to normal visualization
@@ -8786,10 +8730,20 @@ class En {
     this.viralViewerApi.viralScene.bimWorld.resetVisibility(), this.viralViewerApi.viralRenderer.render();
   }
   /**
-   * hide all elements and reset back to normal visualization
+   * Hide all elements (sets all meshes invisible)
    */
   hideAllElements() {
-    this.viralViewerApi.viralScene.bimWorld.isolate([]), this.viralViewerApi.viralRenderer.render();
+    const e = this.viralViewerApi.viralScene.bimWorld, t = [];
+    for (const i of this.viralViewerApi.viralScene.bimWorld.bimModels) {
+      const s = i.modelId.toString();
+      for (const n of i.elements)
+        for (const r of n.Instances)
+          t.push({
+            modelId: s,
+            elementId: r.Id
+          });
+    }
+    e.hide(t), this.viralViewerApi.viralRenderer.render();
   }
   /**
    *
@@ -8836,7 +8790,7 @@ class En {
    * Select elements (replaces current selection)
    */
   selectElements(e) {
-    e.length > 0 && (this.viralViewerApi.emit(R.SELECT_ELEMENTS, e), this.viralViewerApi.viralScene.bimWorld.select(e, this.exceptElements), this.scheduleOutlineUpdate());
+    e.length > 0 && (this.viralViewerApi.emit(k.SELECT_ELEMENTS, e), this.viralViewerApi.viralScene.bimWorld.select(e, this.exceptElements), this.notifySelectionOutline(!0), this.viralViewerApi.viralRenderer.render());
   }
   /**
    * Add elements to current selection (multi-select with Shift)
@@ -8855,13 +8809,13 @@ class En {
       ) || s.push(r);
     });
     const n = [...s, ...i];
-    n.length > 0 ? (this.viralViewerApi.viralScene.bimWorld.select(n, this.exceptElements), this.scheduleOutlineUpdate()) : this.unselectElements();
+    n.length > 0 ? (this.viralViewerApi.viralScene.bimWorld.select(n, this.exceptElements), this.notifySelectionOutline(!0), this.viralViewerApi.viralRenderer.render()) : this.unselectElements();
   }
   /**
    * Unselect all elements
    */
   unselectElements() {
-    this.viralViewerApi.viralScene.bimWorld.unselect(), this.viralViewerApi.emit(R.UNSELECT_ELEMENTS), this.updateSelectionOutline(), this.viralViewerApi.viralRenderer.render();
+    this.viralViewerApi.viralScene.bimWorld.unselect(), this.viralViewerApi.emit(k.UNSELECT_ELEMENTS), this.notifySelectionOutline(!1), this.viralViewerApi.viralRenderer.render();
   }
   selectAllElements() {
     console.time("⏱️ selectAllElements - gathering elements");
@@ -8901,15 +8855,15 @@ class En {
     this.viralViewerApi.viralScene.sunLight && (this.viralViewerApi.viralScene.sunLight.castShadow = !1), this.viralViewerApi.viralRenderer.render();
   }
   _adjustLightForMesh(e, t) {
-    const i = new z().setFromObject(e), s = i.min, n = i.max, r = s.distanceTo(n), o = i.getCenter(new E()), a = t.shadow.camera;
+    const i = new j().setFromObject(e), s = i.min, n = i.max, r = s.distanceTo(n), o = i.getCenter(new E()), a = t.shadow.camera;
     a.left = -r / 2, a.right = r / 2, a.top = r / 2, a.bottom = -r / 2, a.near = 0.1, a.far = r + t.position.distanceTo(o), t.position.set(o.x + r / 2, o.y + r / 2, o.z + r / 2), t.target.position.copy(o), t.shadow.camera.updateProjectionMatrix(), t.castShadow = !0;
   }
   _updateDirectLights(e, t) {
-    const i = D.mergeBoundingBoxes(e), s = i.min, n = i.max;
+    const i = R.mergeBoundingBoxes(e), s = i.min, n = i.max;
     s.distanceTo(n);
     const r = i.getCenter(new E()), o = this.sunConfiguration.elevation, a = this.sunConfiguration.azimuth, l = this.sunConfiguration.radius || 0;
-    this.sunConfiguration.castShadow !== void 0 && (t.castShadow = this.sunConfiguration.castShadow), this.sunConfiguration.intensity !== void 0 && (t.intensity = this.sunConfiguration.intensity), t.color = new B(this.sunConfiguration.color), this.sunConfiguration.enabled !== void 0 && (t.visible = this.sunConfiguration.enabled), t.position.copy(r);
-    const c = i.getBoundingSphere(new Ht()), h = new jt(c.radius + l, o, a);
+    this.sunConfiguration.castShadow !== void 0 && (t.castShadow = this.sunConfiguration.castShadow), this.sunConfiguration.intensity !== void 0 && (t.intensity = this.sunConfiguration.intensity), t.color = new $(this.sunConfiguration.color), this.sunConfiguration.enabled !== void 0 && (t.visible = this.sunConfiguration.enabled), t.position.copy(r);
+    const c = i.getBoundingSphere(new Ft()), h = new Ht(c.radius + l, o, a);
     t.position.setFromSpherical(h), t.position.add(r), t.updateWorldMatrix(!0, !0), t.shadow.updateMatrices(t), this._updateLightShadowCamera(t, i), this.viralViewerApi.viralScene.sunSphere.position.copy(t.position);
   }
   _updateLightShadowCamera(e, t) {
@@ -8924,7 +8878,7 @@ class En {
       new E(s.x, s.y, s.z)
     ];
     n.forEach((o) => o.applyMatrix4(e.shadow.camera.matrixWorldInverse));
-    const r = new z().setFromPoints(n);
+    const r = new j().setFromPoints(n);
     e.shadow.camera.left = r.min.x, e.shadow.camera.right = r.max.x, e.shadow.camera.top = r.min.y, e.shadow.camera.bottom = r.max.y, e.shadow.camera.near = Math.abs(r.max.z), e.shadow.camera.far = Math.abs(r.min.z), e.shadow.camera.updateProjectionMatrix(), this.viralViewerApi.viralRenderer.renderer.shadowMap.needsUpdate = !0;
   }
   //#endregion
@@ -9005,7 +8959,7 @@ class En {
   enableAllWhite() {
     this.viralViewerApi.viralMaterialManager.mergeMaterials.forEach(
       (e) => {
-        e.vertexColors = !1, e.color = new B(16448250), e.needsUpdate = !0;
+        e.vertexColors = !1, e.color = new $(16448250), e.needsUpdate = !0;
       }
     ), this.viralViewerApi.viralRenderer.render();
   }
@@ -9038,18 +8992,18 @@ class En {
     if (this._ground)
       this._ground.visible = !0, this.viralViewerApi.viralRenderer.render();
     else {
-      let t = new z();
+      let t = new j();
       if (e)
-        t = new z().setFromObject(e);
+        t = new j().setFromObject(e);
       else {
         const a = [this.viralViewerApi.viralScene.bimWorld.bounds];
-        t = D.mergeBoundingBoxes(a);
+        t = R.mergeBoundingBoxes(a);
       }
       const i = new E();
       t.getSize(i);
       const s = t.max.x - t.min.x, n = t.max.z - t.min.z, r = t.min.y, o = new le({
         uniforms: {
-          color: { value: new B(0) },
+          color: { value: new $(0) },
           opacity: { value: 0.5 }
         },
         vertexShader: `
@@ -9071,7 +9025,7 @@ class En {
       `,
         transparent: !0
       });
-      this._ground = new y(
+      this._ground = new x(
         new ae(s * 1.5, n * 1.5),
         o
         // Semi-transparent shadow material
@@ -9112,9 +9066,9 @@ class En {
     for (let i = 0; i < t.length; i++) {
       const s = t[i];
       if (s.buffer) {
-        const n = new J();
-        n.setAttribute("position", new L(s.buffer, 3));
-        const r = new y(
+        const n = new ne();
+        n.setAttribute("position", new z(s.buffer, 3));
+        const r = new x(
           n,
           this.viralViewerApi.viralMaterialManager.outlineMaterial
         );
@@ -9128,27 +9082,20 @@ class En {
    * Uses merged geometry for efficient rendering
    */
   updateSelectionOutline() {
-    var t;
     if (!this._selectionOutlineEnabled)
       return;
-    const e = this.viralViewerApi.viralScene.bimWorld.getSelectedElementsPositions();
-    (t = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || t.updateSelectionOutline(e);
+    const e = this.viralViewerApi.viralScene.bimWorld.getSelectedElements().length > 0;
+    this.notifySelectionOutline(e);
   }
   /**
-   * Schedule outline update for the next animation frame.
-   * Batches multiple rapid selection changes into a single update.
-   * Uses Web Worker to avoid blocking the main thread.
+   * Notify the outline pass whether there is an active selection.
+   * The GPU reads selection state directly from vertex colors — no CPU work needed.
    */
-  scheduleOutlineUpdate() {
-    this._outlineUpdateScheduled || (this._outlineUpdateScheduled = !0, requestAnimationFrame(async () => {
-      var t;
-      if (this._outlineUpdateScheduled = !1, !this._selectionOutlineEnabled)
-        return;
-      const e = await this.viralViewerApi.viralScene.bimWorld.getSelectedElementsPositionsAsync();
-      (t = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || t.updateSelectionOutline(
-        e
-      ), this.viralViewerApi.viralRenderer.render();
-    }));
+  notifySelectionOutline(e) {
+    var t;
+    this._selectionOutlineEnabled || (e = !1), (t = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || t.setSelectionOutlineActive(
+      e
+    );
   }
   /**
    * Enable selection outline effect
@@ -9169,8 +9116,13 @@ class En {
    * @param enabled - true to enable outline on selection, false to disable
    */
   setSelectionOutlineMode(e) {
-    var t;
-    this._selectionOutlineEnabled = e, e ? (this.enableSelectionOutline(), this.updateSelectionOutline()) : ((t = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || t.updateSelectionOutline(null), this.disableSelectionOutline()), this.viralViewerApi.viralRenderer.render();
+    if (this._selectionOutlineEnabled = e, e) {
+      this.enableSelectionOutline();
+      const t = this.viralViewerApi.viralScene.bimWorld.getSelectedElements().length > 0;
+      this.notifySelectionOutline(t);
+    } else
+      this.notifySelectionOutline(!1), this.disableSelectionOutline();
+    this.viralViewerApi.viralRenderer.render();
   }
   /**
    * Get whether selection outline mode is enabled
@@ -9238,14 +9190,14 @@ class En {
       const e = this.viralViewerApi.viralScene.bimWorld.bounds, t = 1e4, i = new Float32Array(t * 3);
       for (let n = 0; n < t; n++)
         i[n * 3] = Math.random() * (e.max.x - e.min.x) + e.min.x, i[n * 3 + 1] = Math.random() * (e.max.y + 100 - e.min.y) + e.min.y, i[n * 3 + 2] = Math.random() * (e.max.z - e.min.z) + e.min.z;
-      this.rainGeometry.setAttribute("position", new L(i, 3));
-      const s = new bi({
+      this.rainGeometry.setAttribute("position", new z(i, 3));
+      const s = new wi({
         color: 11184810,
         size: 0.2,
         transparent: !0,
         opacity: 0.8
       });
-      this.rain = new St(this.rainGeometry, s), this.viralViewerApi.viralScene.addObject(this.rain), this._isGeneratedRain = !0;
+      this.rain = new Et(this.rainGeometry, s), this.viralViewerApi.viralScene.addObject(this.rain), this._isGeneratedRain = !0;
     }
     this.rain && (this.rain.visible = !0), this.viralViewerApi.viralAnimation.toggleRain(!0);
   }
@@ -9318,7 +9270,7 @@ class En {
   generateLOD() {
     this.viralViewerApi.viralScene.bimWorld.children.forEach((e) => {
       if (e.isMesh) {
-        const t = new wi(), i = D.createLowResMesh(e, 0.5);
+        const t = new yi(), i = R.createLowResMesh(e, 0.5);
         t.addLevel(e, 50), t.addLevel(i, 200), this.viralViewerApi.viralScene.bimWorld.add(t), this.viralViewerApi.viralScene.bimWorld.remove(e);
       }
     });
@@ -9327,7 +9279,7 @@ class En {
    * Generate a random but distinct color for each material ID
    */
   _generateDistinctColor(e) {
-    const i = e * 0.618033988749895 % 1, s = 0.7 + Math.sin(e * 0.5) * 0.3, n = 0.5 + Math.cos(e * 0.7) * 0.2, r = new B();
+    const i = e * 0.618033988749895 % 1, s = 0.7 + Math.sin(e * 0.5) * 0.3, n = 0.5 + Math.cos(e * 0.7) * 0.2, r = new $();
     return r.setHSL(i, s, n), r;
   }
   /**
@@ -9426,7 +9378,7 @@ class En {
   }
   //#endregion
 }
-class Sn {
+class Cn {
   constructor(e) {
     this.viralViewerApi = e, this.contextMenu = null, this.contextItems = [], this.injectContextMenu();
   }
@@ -9436,14 +9388,14 @@ class Sn {
             transition: background-color 0.3s ease;
         }
         .hover-element:hover {
-            background-color: ${x.hover};
+            background-color: ${y.hover};
 
         }`, t = document.createElement("style");
     t.innerHTML = e, document.head.appendChild(t), this.viralViewerApi.targetElement && (this.contextMenu = document.createElement("div"), this.contextMenu.addEventListener("contextmenu", (i) => {
       i.preventDefault();
     }), this.contextMenu.setAttribute(
       "style",
-      `position: absolute;top:0px;left:0px;background-color: ${x.background};justify-content: center;display:none; z-index: 100; flex-direction:column; padding: 10px 0; border-radius:10px`
+      `position: absolute;top:0px;left:0px;background-color: ${y.background};justify-content: center;display:none; z-index: 100; flex-direction:column; padding: 10px 0; border-radius:10px`
     ), this.viralViewerApi.targetElement.appendChild(this.contextMenu));
   }
   showContextMenu(e, t, i) {
@@ -9459,8 +9411,8 @@ class Sn {
     for (let i = 0; i < this.contextItems.length; i++) {
       if (e.findIndex((l) => l == this.contextItems[i][0]) < 0)
         continue;
-      const [s, n, r, o] = this.contextItems[i], a = vt.createElementFromHTML(
-        `<div class="hover-element" style="padding: 5px 10px; cursor: pointer; color:${x.primary}; display:flex; align-items:center">${r} <p style="margin:0px !important;padding-left:5px">${n}</p></div>`
+      const [s, n, r, o] = this.contextItems[i], a = ft.createElementFromHTML(
+        `<div class="hover-element" style="padding: 5px 10px; cursor: pointer; color:${y.primary}; display:flex; align-items:center">${r} <p style="margin:0px !important;padding-left:5px">${n}</p></div>`
       );
       a.addEventListener("click", (l) => {
         l.stopPropagation(), o(l);
@@ -9476,7 +9428,7 @@ class Sn {
     this.contextItems.push([e, t, i, s]);
   }
 }
-class Cn {
+class Sn {
   constructor(e) {
     this.viralViewerApi = e, this.modal = null, this.modalTitle = null, this.modalBody = null, this.modalBodyLeft = null, this.modalBodyRight = null, this.properties = null, this.rawModal = `<div class="modal" id="myModal">
     <div class="modal-content">
@@ -9488,7 +9440,7 @@ class Cn {
       flex-shrink: 0;
     ">
             <span class="close" id="closeBtn">&times;</span>
-            <h2 style="margin: 0px !important;color:${x.secondary};white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" id="modal-title">
+            <h2 style="margin: 0px !important;color:${y.secondary};white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" id="modal-title">
             </h2>
         </div>
         <div id="modal-body" style="overflow-y: auto;overflow-x: hidden;flex: 1;min-height: 0;">
@@ -9509,7 +9461,7 @@ class Cn {
     }
     
     .modal-content {
-        background-color: ${x.background};
+        background-color: ${y.background};
         border: 1px solid #ccc;
         border-radius: 5px;
         padding: 10px;
@@ -9529,7 +9481,7 @@ class Cn {
         width: 15px;
         height: 15px;
         cursor: nwse-resize;
-        background: linear-gradient(135deg, transparent 0%, transparent 50%, ${x.secondary} 50%, ${x.secondary} 100%);
+        background: linear-gradient(135deg, transparent 0%, transparent 50%, ${y.secondary} 50%, ${y.secondary} 100%);
         opacity: 0.5;
         border-bottom-right-radius: 5px;
     }
@@ -9553,7 +9505,7 @@ class Cn {
     }
     
     .close:hover {
-        color: ${x.accent};
+        color: ${y.accent};
     }
     ::-webkit-scrollbar {
       width: 5px;
@@ -9586,7 +9538,7 @@ class Cn {
   inject() {
     if (this.viralViewerApi.targetElement) {
       const e = document.createElement("style");
-      e.innerHTML = this.rawModalStyle, document.head.appendChild(e), this.modal = vt.createElementFromHTML(this.rawModal), this.viralViewerApi.targetElement.appendChild(this.modal);
+      e.innerHTML = this.rawModalStyle, document.head.appendChild(e), this.modal = ft.createElementFromHTML(this.rawModal), this.viralViewerApi.targetElement.appendChild(this.modal);
       const t = this.viralViewerApi.targetElement.getBoundingClientRect(), i = this.modal.querySelector(".modal-content");
       i && (i.style.maxHeight = `${t.height - 20}px`);
       const s = document.getElementById("modal-header"), n = document.getElementById("resizeHandle"), r = document.getElementById("column-resizer");
@@ -9662,27 +9614,27 @@ class Cn {
       for (let o = 0; o < r.length; o++) {
         const a = r[o], l = this.properties[a], c = (l == null ? void 0 : l.name) || a;
         let h = ((n = l == null ? void 0 : l.value) == null ? void 0 : n.toString()) || (l == null ? void 0 : l.toString());
-        (l == null ? void 0 : l.value) === "<None>" && (h = "None"), this.modalBodyLeft.innerHTML += `<p style="margin:0px !important;color:${x.primary};font-weight:600;font-size:14px;line-height:20px;" title="${c}">${c}</p>`, this.modalBodyRight.innerHTML += `<p style="margin:0px !important;color:${x.primary};font-size:14px;line-height:20px;" title="${h}">${h}</p>`;
+        (l == null ? void 0 : l.value) === "<None>" && (h = "None"), this.modalBodyLeft.innerHTML += `<p style="margin:0px !important;color:${y.primary};font-weight:600;font-size:14px;line-height:20px;" title="${c}">${c}</p>`, this.modalBodyRight.innerHTML += `<p style="margin:0px !important;color:${y.primary};font-size:14px;line-height:20px;" title="${h}">${h}</p>`;
       }
     }
   }
 }
-const Kt = {
+const Jt = {
   QUICK_SAND: {
     importLink: "https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap",
     fontFamily: "Quicksand, sans-serif"
   }
 }, An = (g) => {
   const e = document.createElement("style");
-  e.innerHTML = `@import url(${Kt[g]});`, document.head.appendChild(e);
+  e.innerHTML = `@import url(${Jt[g]});`, document.head.appendChild(e);
 }, _n = (g, e) => {
-  const t = Kt[e];
+  const t = Jt[e];
   g && t && (g.style.fontFamily = t.fontFamily);
 };
-class In {
+class Vn {
   constructor(e) {
     this.viralNavigationCube = e, this._mouseDownTime = null, this.clickThreshold = 250, this._handleClick = async (t) => {
-      var c, h, d, u, p, m, f, v, b, w, S, A, C, M, _, I, O, V, P, j, H;
+      var c, h, d, u, p, m, f, v, b, w, C, A, S, _, V, T, M, I, D, B, P;
       if (!((c = this.viralNavigationCube.cubeScene) != null && c.activePlane) || (h = this.viralNavigationCube.cubeCamera) != null && h.cameraControlHasMoved)
         return console.log("false"), !1;
       let i = new E(
@@ -9691,27 +9643,27 @@ class In {
         (p = this.viralNavigationCube.cubeScene) == null ? void 0 : p.activePlane.position.z
       );
       if (((m = this.viralNavigationCube.cubeScene) == null ? void 0 : m.activePlane.children.length) > 0) {
-        let q = 0, $ = 0, U = 0;
+        let L = 0, F = 0, U = 0;
         for (let W = 0; W < ((f = this.viralNavigationCube.cubeScene) == null ? void 0 : f.activePlane.children.length); W++) {
-          const F = (v = this.viralNavigationCube.cubeScene) == null ? void 0 : v.activePlane.children[W];
-          q += F.position.x, $ += F.position.y, U += F.position.z;
+          const G = (v = this.viralNavigationCube.cubeScene) == null ? void 0 : v.activePlane.children[W];
+          L += G.position.x, F += G.position.y, U += G.position.z;
         }
         i = new E(
-          q / ((b = this.viralNavigationCube.cubeScene) == null ? void 0 : b.activePlane.children.length),
-          $ / ((w = this.viralNavigationCube.cubeScene) == null ? void 0 : w.activePlane.children.length),
-          U / ((S = this.viralNavigationCube.cubeScene) == null ? void 0 : S.activePlane.children.length)
+          L / ((b = this.viralNavigationCube.cubeScene) == null ? void 0 : b.activePlane.children.length),
+          F / ((w = this.viralNavigationCube.cubeScene) == null ? void 0 : w.activePlane.children.length),
+          U / ((C = this.viralNavigationCube.cubeScene) == null ? void 0 : C.activePlane.children.length)
         );
       }
       const s = new E();
       (A = this.viralNavigationCube.cubeCamera) == null || A.cameraControls.getTarget(s);
       const n = i.clone().sub(s).normalize();
-      (_ = this.viralNavigationCube.cubeCamera) == null || _.cameraControlOldPosition.copy(
-        (M = (C = this.viralNavigationCube.cubeCamera) == null ? void 0 : C.camera) == null ? void 0 : M.position
+      (V = this.viralNavigationCube.cubeCamera) == null || V.cameraControlOldPosition.copy(
+        (_ = (S = this.viralNavigationCube.cubeCamera) == null ? void 0 : S.camera) == null ? void 0 : _.position
       );
       const r = new E();
-      (I = this.viralNavigationCube.viralViewerApi.viralCamera) == null || I.cameraControls.getTarget(r);
+      (T = this.viralNavigationCube.viralViewerApi.viralCamera) == null || T.cameraControls.getTarget(r);
       const o = new E();
-      (O = this.viralNavigationCube.viralViewerApi.viralCamera) == null || O.cameraControls.getPosition(
+      (M = this.viralNavigationCube.viralViewerApi.viralCamera) == null || M.cameraControls.getPosition(
         o
       );
       const a = o.clone().sub(r).length(), l = new E(
@@ -9719,73 +9671,73 @@ class In {
         Math.round(n.y),
         Math.round(n.z)
       );
-      l.multiplyScalar(a), (V = this.viralNavigationCube.viralViewerApi.viralCamera.camera) == null || V.updateMatrixWorld(), (P = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || P.setTarget(0, 0, 0), n.multiplyScalar(2), (j = this.viralNavigationCube.cubeCamera) == null || j.cameraControls.setPosition(
+      l.multiplyScalar(a), (I = this.viralNavigationCube.viralViewerApi.viralCamera.camera) == null || I.updateMatrixWorld(), (D = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || D.setTarget(0, 0, 0), n.multiplyScalar(2), (B = this.viralNavigationCube.cubeCamera) == null || B.cameraControls.setPosition(
         n.x,
         n.y,
         n.z,
         !0
-      ), (H = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || H.setPosition(
+      ), (P = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || P.setPosition(
         l.x,
         l.y,
         l.z,
         !0
       );
     }, this._handleMouseUp = async (t) => {
-      var i, s, n, r, o, a, l, c, h, d, u, p, m, f, v, b, w, S, A, C, M;
+      var i, s, n, r, o, a, l, c, h, d, u, p, m, f, v, b, w, C, A, S, _;
       if (console.log(this._mouseDownTime), this._mouseDownTime !== null && performance.now() - this._mouseDownTime < this.clickThreshold) {
         if (!((i = this.viralNavigationCube.cubeScene) != null && i.activePlane) || (s = this.viralNavigationCube.cubeCamera) != null && s.cameraControlHasMoved)
           return console.log("false"), !1;
-        let O = new E(
+        let M = new E(
           (n = this.viralNavigationCube.cubeScene) == null ? void 0 : n.activePlane.position.x,
           (r = this.viralNavigationCube.cubeScene) == null ? void 0 : r.activePlane.position.y,
           (o = this.viralNavigationCube.cubeScene) == null ? void 0 : o.activePlane.position.z
         );
         if (((a = this.viralNavigationCube.cubeScene) == null ? void 0 : a.activePlane.children.length) > 0) {
-          let U = 0, W = 0, F = 0;
+          let U = 0, W = 0, G = 0;
           for (let Y = 0; Y < ((l = this.viralNavigationCube.cubeScene) == null ? void 0 : l.activePlane.children.length); Y++) {
-            const ie = (c = this.viralNavigationCube.cubeScene) == null ? void 0 : c.activePlane.children[Y];
-            U += ie.position.x, W += ie.position.y, F += ie.position.z;
+            const te = (c = this.viralNavigationCube.cubeScene) == null ? void 0 : c.activePlane.children[Y];
+            U += te.position.x, W += te.position.y, G += te.position.z;
           }
-          O = new E(
+          M = new E(
             U / ((h = this.viralNavigationCube.cubeScene) == null ? void 0 : h.activePlane.children.length),
             W / ((d = this.viralNavigationCube.cubeScene) == null ? void 0 : d.activePlane.children.length),
-            F / ((u = this.viralNavigationCube.cubeScene) == null ? void 0 : u.activePlane.children.length)
+            G / ((u = this.viralNavigationCube.cubeScene) == null ? void 0 : u.activePlane.children.length)
           );
         }
-        const V = new E();
+        const I = new E();
         (p = this.viralNavigationCube.cubeCamera) == null || p.cameraControls.getTarget(
-          V
+          I
         );
-        const P = O.clone().sub(V).normalize();
+        const D = M.clone().sub(I).normalize();
         (v = this.viralNavigationCube.cubeCamera) == null || v.cameraControlOldPosition.copy(
           (f = (m = this.viralNavigationCube.cubeCamera) == null ? void 0 : m.camera) == null ? void 0 : f.position
         );
-        const j = new E();
+        const B = new E();
         (b = this.viralNavigationCube.viralViewerApi.viralCamera) == null || b.cameraControls.getTarget(
-          j
+          B
         );
-        const H = new E();
+        const P = new E();
         (w = this.viralNavigationCube.viralViewerApi.viralCamera) == null || w.cameraControls.getPosition(
-          H
+          P
         );
-        const q = H.clone().sub(j).length(), $ = new E(
-          Math.round(P.x),
-          Math.round(P.y),
-          Math.round(P.z)
+        const L = P.clone().sub(B).length(), F = new E(
+          Math.round(D.x),
+          Math.round(D.y),
+          Math.round(D.z)
         );
-        $.multiplyScalar(q), (S = this.viralNavigationCube.viralViewerApi.viralCamera.camera) == null || S.updateMatrixWorld(), (A = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || A.setTarget(
+        F.multiplyScalar(L), (C = this.viralNavigationCube.viralViewerApi.viralCamera.camera) == null || C.updateMatrixWorld(), (A = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || A.setTarget(
           0,
           0,
           0
-        ), P.multiplyScalar(2), (C = this.viralNavigationCube.cubeCamera) == null || C.cameraControls.setPosition(
-          P.x,
-          P.y,
-          P.z,
+        ), D.multiplyScalar(2), (S = this.viralNavigationCube.cubeCamera) == null || S.cameraControls.setPosition(
+          D.x,
+          D.y,
+          D.z,
           !0
-        ), (M = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || M.setPosition(
-          $.x,
-          $.y,
-          $.z,
+        ), (_ = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || _.setPosition(
+          F.x,
+          F.y,
+          F.z,
           !0
         );
       }
@@ -9800,7 +9752,7 @@ class In {
         }
         this.viralNavigationCube.cubeScene.activePlane = null;
       }
-      const i = t.offsetX, s = t.offsetY, n = (c = this.viralNavigationCube.cubeRenderer) == null ? void 0 : c.renderer.getSize(new N()), r = new N(i / n.width * 2 - 1, -s / n.height * 2 + 1), o = new Pt();
+      const i = t.offsetX, s = t.offsetY, n = (c = this.viralNavigationCube.cubeRenderer) == null ? void 0 : c.renderer.getSize(new H()), r = new H(i / n.width * 2 - 1, -s / n.height * 2 + 1), o = new It();
       o.setFromCamera(r, (h = this.viralNavigationCube.cubeCamera) == null ? void 0 : h.camera);
       const a = o.intersectObjects((d = this.viralNavigationCube.cubeScene) == null ? void 0 : d.objects);
       if (a.length > 0 && a[0].object != ((u = this.viralNavigationCube.cubeScene) == null ? void 0 : u.cube)) {
@@ -9827,7 +9779,7 @@ class In {
   }
   //#endregion
 }
-class Vn {
+class In {
   constructor(e) {
     this.viralNavigationCube = e, this.camera = null, this.cameraControls = null, this.cameraControlOldPosition = new E(), this.cameraControlNewPosition = new E(), this.cameraControlHasMoved = !1, this.setupCamera(), this.setupHandle();
   }
@@ -9865,9 +9817,9 @@ class Vn {
     window.addEventListener("mousedown", e, !1), window.addEventListener("mousemove", t, !1), window.addEventListener("touchstart", e, !1), window.addEventListener("touchmove", t, !0);
   }
 }
-class Pn {
+class Tn {
   constructor(e) {
-    this.viralNavigationCube = e, this.renderer = new Gt({
+    this.viralNavigationCube = e, this.renderer = new Ut({
       alpha: !0,
       antialias: !0,
       logarithmicDepthBuffer: !0
@@ -9900,191 +9852,191 @@ class Pn {
   //     }
   // }
 }
-class Tn {
+class Pn {
   constructor(e, t = 1) {
-    this.viralNavigationCube = e, this.scene = new ft(), this.objects = [], this.cube = null, this.activePlane = null, this.cubeScale = 1, this.cubeScale = Math.round(Math.max(0.1, Math.min(1, t)) * 10) / 10, this.addCube(), this.addPlanes();
+    this.viralNavigationCube = e, this.scene = new Tt(), this.objects = [], this.cube = null, this.activePlane = null, this.cubeScale = 1, this.cubeScale = Math.round(Math.max(0.1, Math.min(1, t)) * 10) / 10, this.addCube(), this.addPlanes();
   }
   addObject(e) {
     this.scene.add(e), this.objects.push(e);
   }
   addCube() {
-    const e = [], t = ["RIGHT", "LEFT", "TOP", "BOTTOM", "FRONT", "BACK"], i = new yi(), s = document.createElement("canvas"), n = s.getContext("2d"), r = 64;
+    const e = [], t = ["RIGHT", "LEFT", "TOP", "BOTTOM", "FRONT", "BACK"], i = new xi(), s = document.createElement("canvas"), n = s.getContext("2d"), r = 64;
     if (s.width = r, s.height = r, n) {
       n.font = 'bolder 12px "Open sans", Arial', n.textBaseline = "middle", n.textAlign = "center";
-      const o = `${x.background}`;
+      const o = `${y.background}`;
       for (let l = 0; l < 6; l++)
-        t[l] == "TOP" || t[l] == "BOTTOM", n.fillStyle = o, n.fillRect(0, 0, r, r), n.strokeStyle = `${x.primary}`, n.setLineDash([8, 8]), n.lineWidth = 4, n.strokeRect(0, 0, r, r), n.fillStyle = `${x.primary}`, n.fillText(t[l], r / 2, r / 2), e[l] = new G({
+        t[l] == "TOP" || t[l] == "BOTTOM", n.fillStyle = o, n.fillRect(0, 0, r, r), n.strokeStyle = `${y.primary}`, n.setLineDash([8, 8]), n.lineWidth = 4, n.strokeRect(0, 0, r, r), n.fillStyle = `${y.primary}`, n.fillText(t[l], r / 2, r / 2), e[l] = new q({
           map: i.load(s.toDataURL())
         });
       const a = this.cubeScale;
-      this.cube = new y(new Tt(a, a, a), e), this.addObject(this.cube);
+      this.cube = new x(new Pt(a, a, a), e), this.addObject(this.cube);
     }
   }
   addPlanes() {
-    const e = this.cubeScale, t = new G({
-      side: ee,
+    const e = this.cubeScale, t = new q({
+      side: J,
       color: 6659921,
       transparent: !0,
       opacity: 0,
       depthTest: !1
-    }), i = 0.7 * e, s = 0.7 * e, n = 0.15 * e, r = new ae(i, i), o = new ae(n, s), a = new ae(n, n), l = 0.51 * e, c = new y(r, t.clone());
+    }), i = 0.7 * e, s = 0.7 * e, n = 0.15 * e, r = new ae(i, i), o = new ae(n, s), a = new ae(n, n), l = 0.51 * e, c = new x(r, t.clone());
     c.position.z = l, c.name = "FRONT";
-    const h = new y(o, t.clone());
+    const h = new x(o, t.clone());
     h.position.z = l, h.position.x = i / 2 + n / 2;
-    const d = new y(o, t.clone());
+    const d = new x(o, t.clone());
     d.position.z = l, d.position.x = -(i / 2 + n / 2);
-    const u = new y(o, t.clone());
+    const u = new x(o, t.clone());
     u.position.z = l, u.rotation.z = Math.PI / 2, u.position.y = i / 2 + n / 2;
-    const p = new y(o, t.clone());
+    const p = new x(o, t.clone());
     p.position.z = l, p.rotation.z = Math.PI / 2, p.position.y = -(i / 2 + n / 2);
-    const m = new y(a, t.clone());
+    const m = new x(a, t.clone());
     m.position.z = l, m.position.x = -(i / 2 + n / 2), m.position.y = i / 2 + n / 2;
-    const f = new y(a, t.clone());
+    const f = new x(a, t.clone());
     f.position.z = l, f.position.x = i / 2 + n / 2, f.position.y = i / 2 + n / 2;
-    const v = new y(a, t.clone());
+    const v = new x(a, t.clone());
     v.position.z = l, v.position.x = i / 2 + n / 2, v.position.y = -(i / 2 + n / 2);
-    const b = new y(a, t.clone());
+    const b = new x(a, t.clone());
     b.position.z = l, b.position.x = -(i / 2 + n / 2), b.position.y = -(i / 2 + n / 2);
-    const w = new y(r, t.clone());
+    const w = new x(r, t.clone());
     w.position.z = -l, w.name = "BACK";
-    const S = new y(o, t.clone());
-    S.position.z = -l, S.position.x = i / 2 + n / 2;
-    const A = new y(o, t.clone());
+    const C = new x(o, t.clone());
+    C.position.z = -l, C.position.x = i / 2 + n / 2;
+    const A = new x(o, t.clone());
     A.position.z = -l, A.position.x = -(i / 2 + n / 2);
-    const C = new y(o, t.clone());
-    C.position.z = -l, C.rotation.z = Math.PI / 2, C.position.y = i / 2 + n / 2;
-    const M = new y(o, t.clone());
-    M.position.z = -l, M.rotation.z = Math.PI / 2, M.position.y = -(i / 2 + n / 2);
-    const _ = new y(a, t.clone());
-    _.position.z = -l, _.position.x = i / 2 + n / 2, _.position.y = i / 2 + n / 2;
-    const I = new y(a, t.clone());
-    I.position.z = -l, I.position.x = -(i / 2 + n / 2), I.position.y = i / 2 + n / 2;
-    const O = new y(a, t.clone());
-    O.position.z = -l, O.position.x = -(i / 2 + n / 2), O.position.y = -(i / 2 + n / 2);
-    const V = new y(a, t.clone());
-    V.position.z = -l, V.position.x = i / 2 + n / 2, V.position.y = -(i / 2 + n / 2);
-    const P = new y(r, t.clone());
-    P.rotation.y = Math.PI / 2, P.position.x = l, P.name = "RIGHT";
-    const j = new y(o, t.clone());
-    j.rotation.y = Math.PI / 2, j.position.x = l, j.position.z = i / 2 + n / 2;
-    const H = new y(o, t.clone());
-    H.rotation.y = Math.PI / 2, H.position.x = l, H.position.z = -(i / 2 + n / 2);
-    const q = new y(o, t.clone());
-    q.rotation.y = Math.PI / 2, q.position.x = l, q.rotation.z = Math.PI / 2, q.position.y = i / 2 + n / 2;
-    const $ = new y(o, t.clone());
-    $.rotation.y = Math.PI / 2, $.position.x = l, $.rotation.z = Math.PI / 2, $.position.y = -(i / 2 + n / 2);
-    const U = new y(a, t.clone());
+    const S = new x(o, t.clone());
+    S.position.z = -l, S.rotation.z = Math.PI / 2, S.position.y = i / 2 + n / 2;
+    const _ = new x(o, t.clone());
+    _.position.z = -l, _.rotation.z = Math.PI / 2, _.position.y = -(i / 2 + n / 2);
+    const V = new x(a, t.clone());
+    V.position.z = -l, V.position.x = i / 2 + n / 2, V.position.y = i / 2 + n / 2;
+    const T = new x(a, t.clone());
+    T.position.z = -l, T.position.x = -(i / 2 + n / 2), T.position.y = i / 2 + n / 2;
+    const M = new x(a, t.clone());
+    M.position.z = -l, M.position.x = -(i / 2 + n / 2), M.position.y = -(i / 2 + n / 2);
+    const I = new x(a, t.clone());
+    I.position.z = -l, I.position.x = i / 2 + n / 2, I.position.y = -(i / 2 + n / 2);
+    const D = new x(r, t.clone());
+    D.rotation.y = Math.PI / 2, D.position.x = l, D.name = "RIGHT";
+    const B = new x(o, t.clone());
+    B.rotation.y = Math.PI / 2, B.position.x = l, B.position.z = i / 2 + n / 2;
+    const P = new x(o, t.clone());
+    P.rotation.y = Math.PI / 2, P.position.x = l, P.position.z = -(i / 2 + n / 2);
+    const L = new x(o, t.clone());
+    L.rotation.y = Math.PI / 2, L.position.x = l, L.rotation.z = Math.PI / 2, L.position.y = i / 2 + n / 2;
+    const F = new x(o, t.clone());
+    F.rotation.y = Math.PI / 2, F.position.x = l, F.rotation.z = Math.PI / 2, F.position.y = -(i / 2 + n / 2);
+    const U = new x(a, t.clone());
     U.rotation.y = Math.PI / 2, U.position.x = l, U.position.z = i / 2 + n / 2, U.position.y = i / 2 + n / 2;
-    const W = new y(a, t.clone());
+    const W = new x(a, t.clone());
     W.rotation.y = Math.PI / 2, W.position.x = l, W.position.z = -(i / 2 + n / 2), W.position.y = i / 2 + n / 2;
-    const F = new y(a, t.clone());
-    F.rotation.y = Math.PI / 2, F.position.x = l, F.position.z = -(i / 2 + n / 2), F.position.y = -(i / 2 + n / 2);
-    const Y = new y(a, t.clone());
+    const G = new x(a, t.clone());
+    G.rotation.y = Math.PI / 2, G.position.x = l, G.position.z = -(i / 2 + n / 2), G.position.y = -(i / 2 + n / 2);
+    const Y = new x(a, t.clone());
     Y.rotation.y = Math.PI / 2, Y.position.x = l, Y.position.z = i / 2 + n / 2, Y.position.y = -(i / 2 + n / 2);
-    const ie = new y(r, t.clone());
-    ie.rotation.y = Math.PI / 2, ie.position.x = -l, ie.name = "LEFT";
-    const Ue = new y(o, t.clone());
+    const te = new x(r, t.clone());
+    te.rotation.y = Math.PI / 2, te.position.x = -l, te.name = "LEFT";
+    const Ue = new x(o, t.clone());
     Ue.rotation.y = Math.PI / 2, Ue.position.x = -l, Ue.position.z = i / 2 + n / 2;
-    const qe = new y(o, t.clone());
+    const qe = new x(o, t.clone());
     qe.rotation.y = Math.PI / 2, qe.position.x = -l, qe.position.z = -(i / 2 + n / 2);
-    const ge = new y(o, t.clone());
+    const ge = new x(o, t.clone());
     ge.rotation.y = Math.PI / 2, ge.position.x = -l, ge.rotation.z = Math.PI / 2, ge.position.y = i / 2 + n / 2;
-    const fe = new y(o, t.clone());
+    const fe = new x(o, t.clone());
     fe.rotation.y = Math.PI / 2, fe.position.x = -l, fe.rotation.z = Math.PI / 2, fe.position.y = -(i / 2 + n / 2);
-    const ve = new y(a, t.clone());
+    const ve = new x(a, t.clone());
     ve.rotation.y = Math.PI / 2, ve.position.x = -l, ve.position.z = -(i / 2 + n / 2), ve.position.y = i / 2 + n / 2;
-    const be = new y(a, t.clone());
+    const be = new x(a, t.clone());
     be.rotation.y = Math.PI / 2, be.position.x = -l, be.position.z = i / 2 + n / 2, be.position.y = i / 2 + n / 2;
-    const we = new y(a, t.clone());
+    const we = new x(a, t.clone());
     we.rotation.y = Math.PI / 2, we.position.x = -l, we.position.z = i / 2 + n / 2, we.position.y = -(i / 2 + n / 2);
-    const ye = new y(a, t.clone());
+    const ye = new x(a, t.clone());
     ye.rotation.y = Math.PI / 2, ye.position.x = -l, ye.position.z = -(i / 2 + n / 2), ye.position.y = -(i / 2 + n / 2);
-    const Qe = new y(r, t.clone());
+    const Qe = new x(r, t.clone());
     Qe.rotation.x = Math.PI / 2, Qe.position.y = l, Qe.name = "TOP";
-    const Ze = new y(o, t.clone());
+    const Ze = new x(o, t.clone());
     Ze.rotation.x = Math.PI / 2, Ze.position.y = l, Ze.position.x = i / 2 + n / 2;
-    const Ye = new y(o, t.clone());
+    const Ye = new x(o, t.clone());
     Ye.rotation.x = Math.PI / 2, Ye.position.y = l, Ye.position.x = -(i / 2 + n / 2);
-    const xe = new y(o, t.clone());
+    const xe = new x(o, t.clone());
     xe.rotation.x = Math.PI / 2, xe.position.y = l, xe.rotation.z = Math.PI / 2, xe.position.z = i / 2 + n / 2;
-    const Me = new y(o, t.clone());
+    const Me = new x(o, t.clone());
     Me.rotation.x = Math.PI / 2, Me.position.y = l, Me.rotation.z = Math.PI / 2, Me.position.z = -(i / 2 + n / 2);
-    const Ee = new y(a, t.clone());
+    const Ee = new x(a, t.clone());
     Ee.rotation.x = Math.PI / 2, Ee.position.y = l, Ee.position.z = -(i / 2 + n / 2), Ee.position.x = -(i / 2 + n / 2);
-    const Se = new y(a, t.clone());
-    Se.rotation.x = Math.PI / 2, Se.position.y = l, Se.position.z = -(i / 2 + n / 2), Se.position.x = i / 2 + n / 2;
-    const Ce = new y(a, t.clone());
-    Ce.rotation.x = Math.PI / 2, Ce.position.y = l, Ce.position.z = i / 2 + n / 2, Ce.position.x = i / 2 + n / 2;
-    const Ae = new y(a, t.clone());
+    const Ce = new x(a, t.clone());
+    Ce.rotation.x = Math.PI / 2, Ce.position.y = l, Ce.position.z = -(i / 2 + n / 2), Ce.position.x = i / 2 + n / 2;
+    const Se = new x(a, t.clone());
+    Se.rotation.x = Math.PI / 2, Se.position.y = l, Se.position.z = i / 2 + n / 2, Se.position.x = i / 2 + n / 2;
+    const Ae = new x(a, t.clone());
     Ae.rotation.x = Math.PI / 2, Ae.position.y = l, Ae.position.z = i / 2 + n / 2, Ae.position.x = -(i / 2 + n / 2);
-    const Xe = new y(r, t.clone());
+    const Xe = new x(r, t.clone());
     Xe.rotation.x = Math.PI / 2, Xe.position.y = -l, Xe.name = "BOTTOM";
-    const Ke = new y(o, t.clone());
+    const Ke = new x(o, t.clone());
     Ke.rotation.x = Math.PI / 2, Ke.position.y = -l, Ke.position.x = i / 2 + n / 2;
-    const Je = new y(o, t.clone());
+    const Je = new x(o, t.clone());
     Je.rotation.x = Math.PI / 2, Je.position.y = -l, Je.position.x = -(i / 2 + n / 2);
-    const _e = new y(o, t.clone());
+    const _e = new x(o, t.clone());
     _e.rotation.x = Math.PI / 2, _e.position.y = -l, _e.rotation.z = Math.PI / 2, _e.position.z = i / 2 + n / 2;
-    const Ie = new y(o, t.clone());
-    Ie.rotation.x = Math.PI / 2, Ie.position.y = -l, Ie.rotation.z = Math.PI / 2, Ie.position.z = -(i / 2 + n / 2);
-    const Ve = new y(a, t.clone());
-    Ve.rotation.x = Math.PI / 2, Ve.position.y = -l, Ve.position.z = i / 2 + n / 2, Ve.position.x = -(i / 2 + n / 2);
-    const Pe = new y(a, t.clone());
-    Pe.rotation.x = Math.PI / 2, Pe.position.y = -l, Pe.position.z = i / 2 + n / 2, Pe.position.x = i / 2 + n / 2;
-    const Te = new y(a, t.clone());
-    Te.rotation.x = Math.PI / 2, Te.position.y = -l, Te.position.z = -(i / 2 + n / 2), Te.position.x = i / 2 + n / 2;
-    const Oe = new y(a, t.clone());
+    const Ve = new x(o, t.clone());
+    Ve.rotation.x = Math.PI / 2, Ve.position.y = -l, Ve.rotation.z = Math.PI / 2, Ve.position.z = -(i / 2 + n / 2);
+    const Ie = new x(a, t.clone());
+    Ie.rotation.x = Math.PI / 2, Ie.position.y = -l, Ie.position.z = i / 2 + n / 2, Ie.position.x = -(i / 2 + n / 2);
+    const Te = new x(a, t.clone());
+    Te.rotation.x = Math.PI / 2, Te.position.y = -l, Te.position.z = i / 2 + n / 2, Te.position.x = i / 2 + n / 2;
+    const Pe = new x(a, t.clone());
+    Pe.rotation.x = Math.PI / 2, Pe.position.y = -l, Pe.position.z = -(i / 2 + n / 2), Pe.position.x = i / 2 + n / 2;
+    const Oe = new x(a, t.clone());
     Oe.rotation.x = Math.PI / 2, Oe.position.y = -l, Oe.position.z = -(i / 2 + n / 2), Oe.position.x = -(i / 2 + n / 2);
-    const Jt = new G({
+    const ei = new q({
       color: 11184810
-    }), ei = new ae(1 * e, 1 * e), bt = new y(ei, Jt);
-    bt.rotation.x = -Math.PI / 2, bt.position.y = -0.6 * e, this.addObject(c), this.addObject(w), this.addObject(P), this.addObject(ie), this.addObject(Qe), this.addObject(Xe), this.addObject(bt);
-    const et = new y();
-    et.name = "1131", et.add(h), et.add(j), this.addObject(et);
-    const tt = new y();
+    }), ti = new ae(1 * e, 1 * e), vt = new x(ti, ei);
+    vt.rotation.x = -Math.PI / 2, vt.position.y = -0.6 * e, this.addObject(c), this.addObject(w), this.addObject(D), this.addObject(te), this.addObject(Qe), this.addObject(Xe), this.addObject(vt);
+    const et = new x();
+    et.name = "1131", et.add(h), et.add(B), this.addObject(et);
+    const tt = new x();
     tt.name = "1241", tt.add(d), tt.add(Ue), this.addObject(tt);
-    const it = new y();
+    const it = new x();
     it.name = "1353", it.add(u), it.add(xe), this.addObject(it);
-    const st = new y();
+    const st = new x();
     st.name = "1463", st.add(p), st.add(_e), this.addObject(st);
-    const nt = new y();
-    nt.name = "2464", nt.add(M), nt.add(Ie), this.addObject(nt);
-    const rt = new y();
-    rt.name = "3221", rt.add(H), rt.add(S), this.addObject(rt);
-    const at = new y();
-    at.name = "3351", at.add(q), at.add(Ze), this.addObject(at);
-    const ot = new y();
-    ot.name = "3461", ot.add($), ot.add(Ke), this.addObject(ot);
-    const lt = new y();
+    const nt = new x();
+    nt.name = "2464", nt.add(_), nt.add(Ve), this.addObject(nt);
+    const rt = new x();
+    rt.name = "3221", rt.add(P), rt.add(C), this.addObject(rt);
+    const at = new x();
+    at.name = "3351", at.add(L), at.add(Ze), this.addObject(at);
+    const ot = new x();
+    ot.name = "3461", ot.add(F), ot.add(Ke), this.addObject(ot);
+    const lt = new x();
     lt.name = "4222", lt.add(qe), lt.add(A), this.addObject(lt);
-    const ct = new y();
+    const ct = new x();
     ct.name = "4352", ct.add(ge), ct.add(Ye), this.addObject(ct);
-    const ht = new y();
+    const ht = new x();
     ht.name = "3462", ht.add(fe), ht.add(Je), this.addObject(ht);
-    const dt = new y();
-    dt.name = "5423", dt.add(Me), dt.add(C), this.addObject(dt);
-    const De = new y();
+    const dt = new x();
+    dt.name = "5423", dt.add(Me), dt.add(S), this.addObject(dt);
+    const De = new x();
     De.name = "corner1", De.add(m), De.add(Ae), De.add(be), this.addObject(De);
-    const Re = new y();
-    Re.name = "corner2", Re.add(f), Re.add(U), Re.add(Ce), this.addObject(Re);
-    const Le = new y();
-    Le.name = "corner3", Le.add(v), Le.add(Y), Le.add(Pe), this.addObject(Le);
-    const ke = new y();
-    ke.name = "corner4", ke.add(b), ke.add(we), ke.add(Ve), this.addObject(ke);
-    const Be = new y();
-    Be.name = "corner5", Be.add(_), Be.add(W), Be.add(Se), this.addObject(Be);
-    const ze = new y();
-    ze.name = "corner6", ze.add(I), ze.add(Ee), ze.add(ve), this.addObject(ze);
-    const Ne = new y();
-    Ne.name = "corner7", Ne.add(O), Ne.add(ye), Ne.add(Oe), this.addObject(Ne);
-    const $e = new y();
-    $e.name = "corner8", $e.add(V), $e.add(F), $e.add(Te), this.addObject($e);
+    const Re = new x();
+    Re.name = "corner2", Re.add(f), Re.add(U), Re.add(Se), this.addObject(Re);
+    const Le = new x();
+    Le.name = "corner3", Le.add(v), Le.add(Y), Le.add(Te), this.addObject(Le);
+    const ke = new x();
+    ke.name = "corner4", ke.add(b), ke.add(we), ke.add(Ie), this.addObject(ke);
+    const Be = new x();
+    Be.name = "corner5", Be.add(V), Be.add(W), Be.add(Ce), this.addObject(Be);
+    const ze = new x();
+    ze.name = "corner6", ze.add(T), ze.add(Ee), ze.add(ve), this.addObject(ze);
+    const Ne = new x();
+    Ne.name = "corner7", Ne.add(M), Ne.add(ye), Ne.add(Oe), this.addObject(Ne);
+    const $e = new x();
+    $e.name = "corner8", $e.add(I), $e.add(G), $e.add(Pe), this.addObject($e);
   }
 }
 class On {
   //* view cube from third party (new approach)
   constructor(e, t = 1) {
-    this.viralViewerApi = e, this.targetElement = null, this.cubeScene = null, this.cubeRenderer = null, this.cubeCamera = null, this.cubeMouse = null, this.cubeScale = 1, this.cubeScale = Math.round(Math.max(0.1, Math.min(1, t)) * 10) / 10, this.injectCubeWrapperElement(), this.targetElement = document.getElementById("orientCubeWrapper"), this.targetElement && (this.cubeScene = new Tn(this, this.cubeScale), this.cubeRenderer = new Pn(this), this.cubeCamera = new Vn(this), this.cubeMouse = new In(this)), this.viralViewerApi.emit(R.LOADED_CUBE);
+    this.viralViewerApi = e, this.targetElement = null, this.cubeScene = null, this.cubeRenderer = null, this.cubeCamera = null, this.cubeMouse = null, this.cubeScale = 1, this.cubeScale = Math.round(Math.max(0.1, Math.min(1, t)) * 10) / 10, this.injectCubeWrapperElement(), this.targetElement = document.getElementById("orientCubeWrapper"), this.targetElement && (this.cubeScene = new Pn(this, this.cubeScale), this.cubeRenderer = new Tn(this), this.cubeCamera = new In(this), this.cubeMouse = new Vn(this)), this.viralViewerApi.emit(k.LOADED_CUBE);
   }
   injectCubeWrapperElement() {
     if (this.viralViewerApi.targetElement) {
@@ -10112,7 +10064,7 @@ class Dn {
   injectContextMenu() {
     this.viralViewerApi.targetElement && (this.contextMenu = document.createElement("div"), this.contextMenu.setAttribute("id", "viral-pivot-point"), this.contextMenu.setAttribute(
       "style",
-      `position: absolute;top:0px;left:0px;background-color: ${x.secondary}; border-radius:5px; height: 10px; width:10px; opacity:80%; transform: translate(-50%, -50%);display: none`
+      `position: absolute;top:0px;left:0px;background-color: ${y.secondary}; border-radius:5px; height: 10px; width:10px; opacity:80%; transform: translate(-50%, -50%);display: none`
     ), this.viralViewerApi.targetElement.appendChild(this.contextMenu));
   }
   show(e, t) {
@@ -10185,14 +10137,14 @@ class Rn {
     if (t.innerHTML = e, document.head.appendChild(t), this.viralViewerApi.targetElement) {
       this.spinner = document.createElement("div"), this.spinner.setAttribute(
         "style",
-        `position: absolute;top:0px;left:0px;right:0px;bottom:0px;background-color: ${x.background};justify-content: center;align-items: center;display:none;    z-index: 100`
+        `position: absolute;top:0px;left:0px;right:0px;bottom:0px;background-color: ${y.background};justify-content: center;align-items: center;display:none;    z-index: 100`
       );
       const i = document.createElement("div"), s = document.createElement("div");
       s.setAttribute(
         "style",
-        `width: 200px; height: 200px; border-radius: 50%; border: 2px solid #ccc; border-top: 2px solid ${x.primary}; animation: spin 1.5s linear infinite;`
+        `width: 200px; height: 200px; border-radius: 50%; border: 2px solid #ccc; border-top: 2px solid ${y.primary}; animation: spin 1.5s linear infinite;`
       );
-      const n = vt.createElementFromHTML(this.logo);
+      const n = ft.createElementFromHTML(this.logo);
       n.setAttribute(
         "style",
         "height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)"
@@ -10262,7 +10214,7 @@ class zn {
 }
 class Nn {
   constructor(e) {
-    this.viralTools = e, this.viralToolMeasureScene = new ft(), this.isActivated = !1, this.measures = [], this.point1 = null, this.point2 = null, this.tempPoint2 = null, this.defaultSprite = this.makeSprite(), this.measureObject = new y(), this.tempMeasure = new y(), this.tempSprite1 = null, this.tempLine = null, this.tempSprite2 = null;
+    this.viralTools = e, this.viralToolMeasureScene = new Tt(), this.isActivated = !1, this.measures = [], this.point1 = null, this.point2 = null, this.tempPoint2 = null, this.defaultSprite = this.makeSprite(), this.measureObject = new x(), this.tempMeasure = new x(), this.tempSprite1 = null, this.tempLine = null, this.tempSprite2 = null;
   }
   activate(e) {
     this.isActivated = e.activate, this.isActivated ? (this.viralToolMeasureScene.getObjectByName("measure-object") || (this.measureObject.name = "measure-object", this.viralToolMeasureScene.add(this.measureObject)), this.viralToolMeasureScene.getObjectByName("temp-measure") || (this.tempMeasure.name = "temp-measure", this.viralToolMeasureScene.add(this.tempMeasure))) : this.dispose();
@@ -10299,7 +10251,7 @@ class Nn {
           const s = this.defaultSprite.clone();
           s.position.copy(this.point1), this.tempMeasure.add(s);
         } else if (this.point1 && !this.point2) {
-          this.point2 = i, D.clearChildren(this.tempMeasure);
+          this.point2 = i, R.clearChildren(this.tempMeasure);
           const s = this.defaultSprite.clone();
           s.position.copy(this.point1), this.measureObject.add(s);
           const n = this.defaultSprite.clone();
@@ -10324,7 +10276,7 @@ class Nn {
       const n = document.createElement("canvas"), r = n.getContext("2d"), o = 32;
       n.width = o, n.height = o;
       const a = o * 0.8 / 2;
-      return r && (r.shadowBlur = 5, r.shadowColor = "#555", r.fillStyle = "#fff", r.beginPath(), r.arc(o / 2, o / 2, a, 0, Math.PI * 2), r.closePath(), r.fill(), r.shadowBlur = 0, r.fillStyle = x.primary, r.beginPath(), r.arc(o / 2, o / 2, a * 0.5, 0, Math.PI * 2), r.closePath(), r.fill()), n;
+      return r && (r.shadowBlur = 5, r.shadowColor = "#555", r.fillStyle = "#fff", r.beginPath(), r.arc(o / 2, o / 2, a, 0, Math.PI * 2), r.closePath(), r.fill(), r.shadowBlur = 0, r.fillStyle = y.primary, r.beginPath(), r.arc(o / 2, o / 2, a * 0.5, 0, Math.PI * 2), r.closePath(), r.fill()), n;
     }
     const t = new Rt(e()), i = new Lt({
       map: t,
@@ -10333,10 +10285,10 @@ class Nn {
     return s.scale.setScalar(0.08), s;
   }
   makeLine(e, t) {
-    const i = new xi({
-      color: D.hexToThreejsColor(x.primary),
+    const i = new Mi({
+      color: R.hexToThreejsColor(y.primary),
       linewidth: 20
-    }), s = [e, t], n = new J().setFromPoints(s);
+    }), s = [e, t], n = new ne().setFromPoints(s);
     return new mt(n, i);
   }
   makeDistanceSprite(e, t) {
@@ -10347,7 +10299,7 @@ class Nn {
     if (n) {
       n.font = "bolder " + r + 'px "Open Sans", Arial';
       const h = "~ " + Math.round(e.distanceTo(t)), d = n.measureText(h), u = 20, p = 10, m = 10;
-      s.width = d.width + u * 2 + m * 2, s.height = r + p * 2 + m * 2, n.shadowBlur = 10, n.shadowColor = "#555", n.fillStyle = x.primary, i(
+      s.width = d.width + u * 2 + m * 2, s.height = r + p * 2 + m * 2, n.shadowBlur = 10, n.shadowColor = "#555", n.fillStyle = y.primary, i(
         n,
         m,
         m,
@@ -10363,14 +10315,14 @@ class Nn {
       })
     );
     a.scale.set(2e-3 * s.width * 0.5, 25e-4 * s.height * 0.5, 1);
-    const l = D.middlePoint(e, t);
+    const l = R.middlePoint(e, t);
     return a.position.copy(l), a;
   }
   dispose() {
-    this.resetPickedPoints(), D.clearChildren(this.measureObject), D.clearChildren(this.tempMeasure), this.viralTools.viralViewerApi.viralRenderer.render();
+    this.resetPickedPoints(), R.clearChildren(this.measureObject), R.clearChildren(this.tempMeasure), this.viralTools.viralViewerApi.viralRenderer.render();
   }
   onKeyPress(e) {
-    e.code == "Escape" && (D.clearChildren(this.tempMeasure), this.point1 = null, this.point2 = null, this.tempPoint2 = null, this.viralTools.viralViewerApi.viralRenderer.render());
+    e.code == "Escape" && (R.clearChildren(this.tempMeasure), this.point1 = null, this.point2 = null, this.tempPoint2 = null, this.viralTools.viralViewerApi.viralRenderer.render());
   }
 }
 class $n {
@@ -10385,7 +10337,7 @@ class $n {
       if (e.activate) {
         if (t) {
           if (t.visible = !0, this.viralTools.viralViewerApi.viralScene.models.length > 0) {
-            const i = new z().setFromObject(
+            const i = new j().setFromObject(
               this.viralTools.viralViewerApi.viralScene.models[0]
             ), s = new E();
             i.getSize(s);
@@ -10415,7 +10367,7 @@ class jn {
         name: "navigation",
         tools: [
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>cursor-move</title><path d="M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>cursor-move</title><path d="M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z" /></svg>`,
             index: 0,
             activate: !0,
             allowDehydrated: !1,
@@ -10424,7 +10376,7 @@ class jn {
             }
           },
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>nature-people-outline</title><path d="M16 20V16.12C19.47 15.71 22.17 12.76 22.17 9.17C22.17 5.3 19.04 2.17 15.17 2.17C13.31 2.17 11.53 2.91 10.22 4.22C8.91 5.53 8.17 7.31 8.17 9.17C8.17 9.95 8.3 10.69 8.53 11.38C8.64 11.71 8.77 12.03 8.93 12.33C9.91 14.27 11.78 15.68 14 16.06V20H6V17H7V12.95C7 12.72 6.89 12.5 6.74 12.33L6.71 12.29L6.66 12.25C6.5 12.09 6.25 12 6 12H3C2.76 12 2.5 12.09 2.34 12.25L2.29 12.29C2.11 12.5 2 12.74 2 13V17H3V22H19V20H16M15.08 14.22L14.33 14.09C11.96 13.69 10.17 11.64 10.17 9.17C10.17 7.84 10.7 6.57 11.63 5.63C12.57 4.7 13.85 4.17 15.17 4.17C17.93 4.17 20.17 6.41 20.17 9.17C20.17 11.73 18.24 13.84 15.77 14.13L15.08 14.21M4.5 11C5.33 11 6 10.33 6 9.5C6 8.67 5.33 8 4.5 8C3.67 8 3 8.67 3 9.5C3 10.33 3.67 11 4.5 11Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>nature-people-outline</title><path d="M16 20V16.12C19.47 15.71 22.17 12.76 22.17 9.17C22.17 5.3 19.04 2.17 15.17 2.17C13.31 2.17 11.53 2.91 10.22 4.22C8.91 5.53 8.17 7.31 8.17 9.17C8.17 9.95 8.3 10.69 8.53 11.38C8.64 11.71 8.77 12.03 8.93 12.33C9.91 14.27 11.78 15.68 14 16.06V20H6V17H7V12.95C7 12.72 6.89 12.5 6.74 12.33L6.71 12.29L6.66 12.25C6.5 12.09 6.25 12 6 12H3C2.76 12 2.5 12.09 2.34 12.25L2.29 12.29C2.11 12.5 2 12.74 2 13V17H3V22H19V20H16M15.08 14.22L14.33 14.09C11.96 13.69 10.17 11.64 10.17 9.17C10.17 7.84 10.7 6.57 11.63 5.63C12.57 4.7 13.85 4.17 15.17 4.17C17.93 4.17 20.17 6.41 20.17 9.17C20.17 11.73 18.24 13.84 15.77 14.13L15.08 14.21M4.5 11C5.33 11 6 10.33 6 9.5C6 8.67 5.33 8 4.5 8C3.67 8 3 8.67 3 9.5C3 10.33 3.67 11 4.5 11Z" /></svg>`,
             index: 1,
             activate: !1,
             allowDehydrated: !1,
@@ -10437,7 +10389,7 @@ class jn {
         name: "helper",
         tools: [
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>flag-variant-outline</title><path d="M6,3A1,1 0 0,1 7,4V4.88C8.06,4.44 9.5,4 11,4C14,4 14,6 16,6C19,6 20,4 20,4V12C20,12 19,14 16,14C13,14 13,12 11,12C8,12 7,14 7,14V21H5V4A1,1 0 0,1 6,3M7,7.25V11.5C7,11.5 9,10 11,10C13,10 14,12 16,12C18,12 18,11 18,11V7.5C18,7.5 17,8 16,8C14,8 13,6 11,6C9,6 7,7.25 7,7.25Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>flag-variant-outline</title><path d="M6,3A1,1 0 0,1 7,4V4.88C8.06,4.44 9.5,4 11,4C14,4 14,6 16,6C19,6 20,4 20,4V12C20,12 19,14 16,14C13,14 13,12 11,12C8,12 7,14 7,14V21H5V4A1,1 0 0,1 6,3M7,7.25V11.5C7,11.5 9,10 11,10C13,10 14,12 16,12C18,12 18,11 18,11V7.5C18,7.5 17,8 16,8C14,8 13,6 11,6C9,6 7,7.25 7,7.25Z" /></svg>`,
             index: 0,
             activate: !1,
             allowDehydrated: !1,
@@ -10445,7 +10397,7 @@ class jn {
             action: (t) => this.viralToolElevation.activate(t)
           },
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>ruler</title><path d="M1.39,18.36L3.16,16.6L4.58,18L5.64,16.95L4.22,15.54L5.64,14.12L8.11,16.6L9.17,15.54L6.7,13.06L8.11,11.65L9.53,13.06L10.59,12L9.17,10.59L10.59,9.17L13.06,11.65L14.12,10.59L11.65,8.11L13.06,6.7L14.47,8.11L15.54,7.05L14.12,5.64L15.54,4.22L18,6.7L19.07,5.64L16.6,3.16L18.36,1.39L22.61,5.64L5.64,22.61L1.39,18.36Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>ruler</title><path d="M1.39,18.36L3.16,16.6L4.58,18L5.64,16.95L4.22,15.54L5.64,14.12L8.11,16.6L9.17,15.54L6.7,13.06L8.11,11.65L9.53,13.06L10.59,12L9.17,10.59L10.59,9.17L13.06,11.65L14.12,10.59L11.65,8.11L13.06,6.7L14.47,8.11L15.54,7.05L14.12,5.64L15.54,4.22L18,6.7L19.07,5.64L16.6,3.16L18.36,1.39L22.61,5.64L5.64,22.61L1.39,18.36Z" /></svg>`,
             index: 1,
             activate: !1,
             allowDehydrated: !1,
@@ -10453,7 +10405,7 @@ class jn {
             action: (t) => this.viralToolMeasure.activate(t)
           },
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>vector-intersection</title><path d="M3.14,1A2.14,2.14 0 0,0 1,3.14V5H3V3H5V1H3.14M7,1V3H10V1H7M12,1V3H14V5H16V3.14C16,1.96 15.04,1 13.86,1H12M1,7V10H3V7H1M9,7C7.89,7 7,7.89 7,9C7,11.33 7,16 7,16C7,16 11.57,16 13.86,16A2.14,2.14 0 0,0 16,13.86C16,11.57 16,7 16,7C16,7 11.33,7 9,7M18,7V9H20V11H22V9C22,7.89 21.11,7 20,7H18M9,9H14V14H9V9M1,12V13.86C1,15.04 1.96,16 3.14,16H5V14H3V12H1M20,13V16H22V13H20M7,18V20C7,21.11 7.89,22 9,22H11V20H9V18H7M20,18V20H18V22H20C21.11,22 22,21.11 22,20V18H20M13,20V22H16V20H13Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>vector-intersection</title><path d="M3.14,1A2.14,2.14 0 0,0 1,3.14V5H3V3H5V1H3.14M7,1V3H10V1H7M12,1V3H14V5H16V3.14C16,1.96 15.04,1 13.86,1H12M1,7V10H3V7H1M9,7C7.89,7 7,7.89 7,9C7,11.33 7,16 7,16C7,16 11.57,16 13.86,16A2.14,2.14 0 0,0 16,13.86C16,11.57 16,7 16,7C16,7 11.33,7 9,7M18,7V9H20V11H22V9C22,7.89 21.11,7 20,7H18M9,9H14V14H9V9M1,12V13.86C1,15.04 1.96,16 3.14,16H5V14H3V12H1M20,13V16H22V13H20M7,18V20C7,21.11 7.89,22 9,22H11V20H9V18H7M20,18V20H18V22H20C21.11,22 22,21.11 22,20V18H20M13,20V22H16V20H13Z" /></svg>`,
             index: 2,
             activate: !1,
             allowDehydrated: !1,
@@ -10467,7 +10419,7 @@ class jn {
         name: "environment",
         tools: [
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>white-balance-sunny</title><path d="M3.55 19.09L4.96 20.5L6.76 18.71L5.34 17.29M12 6C8.69 6 6 8.69 6 12S8.69 18 12 18 18 15.31 18 12C18 8.68 15.31 6 12 6M20 13H23V11H20M17.24 18.71L19.04 20.5L20.45 19.09L18.66 17.29M20.45 5L19.04 3.6L17.24 5.39L18.66 6.81M13 1H11V4H13M6.76 5.39L4.96 3.6L3.55 5L5.34 6.81L6.76 5.39M1 13H4V11H1M13 20H11V23H13" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>white-balance-sunny</title><path d="M3.55 19.09L4.96 20.5L6.76 18.71L5.34 17.29M12 6C8.69 6 6 8.69 6 12S8.69 18 12 18 18 15.31 18 12C18 8.68 15.31 6 12 6M20 13H23V11H20M17.24 18.71L19.04 20.5L20.45 19.09L18.66 17.29M20.45 5L19.04 3.6L17.24 5.39L18.66 6.81M13 1H11V4H13M6.76 5.39L4.96 3.6L3.55 5L5.34 6.81L6.76 5.39M1 13H4V11H1M13 20H11V23H13" /></svg>`,
             index: 0,
             activate: !1,
             allowDehydrated: !1,
@@ -10475,7 +10427,7 @@ class jn {
             action: (t) => this.viralToolSunlight.activate(t)
           },
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-120q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T120-480q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120ZM200-480q0 83 44.5 152T365-225q-42-51-63.5-120T280-492q0-66 16-125t46-107q-66 38-104 103t-38 141Zm348 272q75-19 130-74t74-130L548-208Zm-67-18 278-278q-2-14-4-28.5t-7-28.5L444-257q8 9 17.5 16.5T481-226Zm-74-79 315-315q-6-10-12-19.5T696-658L385-348q5 11 10.5 21.5T407-305Zm-40-108 286-287q-10-8-19.5-14.5T613-727L360-474q1 16 2.5 31t4.5 30Zm0-152 185-186q-15-4-30-6t-30-3q-49 29-81 79t-44 116Zm-25-159Z"/></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-120q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T120-480q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120ZM200-480q0 83 44.5 152T365-225q-42-51-63.5-120T280-492q0-66 16-125t46-107q-66 38-104 103t-38 141Zm348 272q75-19 130-74t74-130L548-208Zm-67-18 278-278q-2-14-4-28.5t-7-28.5L444-257q8 9 17.5 16.5T481-226Zm-74-79 315-315q-6-10-12-19.5T696-658L385-348q5 11 10.5 21.5T407-305Zm-40-108 286-287q-10-8-19.5-14.5T613-727L360-474q1 16 2.5 31t4.5 30Zm0-152 185-186q-15-4-30-6t-30-3q-49 29-81 79t-44 116Zm-25-159Z"/></svg>`,
             index: 1,
             activate: !1,
             allowDehydrated: !1,
@@ -10488,7 +10440,7 @@ class jn {
         name: "theme",
         tools: [
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>moon-waning-crescent</title><path d="M2 12A10 10 0 0 0 15 21.54A10 10 0 0 1 15 2.46A10 10 0 0 0 2 12Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>moon-waning-crescent</title><path d="M2 12A10 10 0 0 0 15 21.54A10 10 0 0 1 15 2.46A10 10 0 0 0 2 12Z" /></svg>`,
             index: 0,
             activate: !1,
             allowDehydrated: !0,
@@ -10501,7 +10453,7 @@ class jn {
         name: "debug",
         tools: [
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>cube-scan</title><path d="M17 22L22 19V13L17 16V22M17 8V2L22 5V11L17 8M1 8L6 11L11 8L6 5L1 8M6 13L1 10V16L6 19V13M13 16L8 13V19L13 22V16M13 8L8 5V11L13 8Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>cube-scan</title><path d="M17 22L22 19V13L17 16V22M17 8V2L22 5V11L17 8M1 8L6 11L11 8L6 5L1 8M6 13L1 10V16L6 19V13M13 16L8 13V19L13 22V16M13 8L8 5V11L13 8Z" /></svg>`,
             index: 0,
             activate: !1,
             allowDehydrated: !1,
@@ -10512,7 +10464,7 @@ class jn {
           }
         ]
       }
-    ], this.items = [], this.viralToolAvatar = new kn(this), this.viralToolDarkMode = new Bn(this), this.viralToolSunlight = new $n(this), this.viralToolElevation = new zn(this), this.viralToolMeasure = new Nn(this), this.viralToolAmbientOcclusion = new Ln(this), this.dehydratedCachedData(), this.executeToolsByDefault(), this.injectTools(), this.viralViewerApi.emit(R.LOADED_TOOLS);
+    ], this.items = [], this.viralToolAvatar = new kn(this), this.viralToolDarkMode = new Bn(this), this.viralToolSunlight = new $n(this), this.viralToolElevation = new zn(this), this.viralToolMeasure = new Nn(this), this.viralToolAmbientOcclusion = new Ln(this), this.dehydratedCachedData(), this.executeToolsByDefault(), this.injectTools(), this.viralViewerApi.emit(k.LOADED_TOOLS);
   }
   //#region Init
   injectTools() {
@@ -10526,7 +10478,7 @@ class jn {
         const i = this.tools[t], s = document.createElement("div");
         s.setAttribute(
           "style",
-          `padding: 8px 10px 10px 10px; display: flex;flex-direction: row;justify-content: center; align-items: center; background-color: ${x.background}; border-radius: 10px; pointer-events: visible;margin: 0 2.5px;`
+          `padding: 8px 10px 10px 10px; display: flex;flex-direction: row;justify-content: center; align-items: center; background-color: ${y.background}; border-radius: 10px; pointer-events: visible;margin: 0 2.5px;`
         );
         for (let n = 0; n < i.tools.length; n++) {
           const r = i.tools[n], o = document.createElement("div");
@@ -10539,10 +10491,10 @@ class jn {
           const a = document.createElement("div");
           a.setAttribute(
             "style",
-            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${x.background};`
+            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${y.background};`
           ), r.activate && a.setAttribute(
             "style",
-            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${x.secondary};`
+            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${y.secondary};`
           ), o.appendChild(a);
           const l = document.createElement("div");
           l.setAttribute(
@@ -10556,8 +10508,8 @@ class jn {
           }, l.onmouseleave = () => {
             l.style.setProperty("background-color", "unset");
           };
-          const c = vt.createElementFromHTML(r.svg);
-          r.activate && c && c.setAttribute("fill", `${x.secondary}`), l.appendChild(c), o.appendChild(l), s.appendChild(o);
+          const c = ft.createElementFromHTML(r.svg);
+          r.activate && c && c.setAttribute("fill", `${y.secondary}`), l.appendChild(c), o.appendChild(l), s.appendChild(o);
         }
         e.appendChild(s);
       }
@@ -10591,7 +10543,7 @@ class jn {
     if (s) {
       s.activate = !s.activate;
       const n = t.children[0], o = t.children[1].children[0];
-      s.activate ? (n.style.setProperty("border-color", `${x.secondary}`), o.setAttribute("fill", `${x.secondary}`)) : (n.style.setProperty("border-color", `${x.background}`), o.setAttribute("fill", `${x.primary}`)), s.action(s);
+      s.activate ? (n.style.setProperty("border-color", `${y.secondary}`), o.setAttribute("fill", `${y.secondary}`)) : (n.style.setProperty("border-color", `${y.background}`), o.setAttribute("fill", `${y.primary}`)), s.action(s);
     }
   }
   //#endregion
@@ -10645,7 +10597,7 @@ class Hn {
     localStorage.clear();
   }
 }
-class xr extends $s {
+class xr extends zs {
   constructor(e = {
     isDev: !1,
     cameraZUp: !1,
@@ -10657,13 +10609,13 @@ class xr extends $s {
     adaptiveEdges: !0,
     adaptiveAmbientOcclusion: !0
   }) {
-    super(), this.viralCompressProcessor = new Ms(), this.localStorageService = new Hn(), this.viralStats = null, this.viralSectionBox = null, this.viralBatchDebugPanel = null, this.viralRenderDebugPanel = null, this.viralInstancedDebugPanel = null, this.options = e, this.viralLifecycleEventHandler = new Fs(this, this.options), this.targetElement = e.container, An("QUICK_SAND"), _n(this.targetElement, "QUICK_SAND"), this.options.enableTools && (this.viralTools = new jn(this)), this.viralSpinner = new Rn(this), this.viralDraggableModal = new Cn(this), this.viralContextMenu = new Sn(this), this.viralPivotPoint = new Dn(this), this.viralScene = new yn(this), this.viralMaterialManager = new an(this), this.viralRenderer = new wn(this), this.viralCamera = new xs(this), this.options.enableNavigationCube && (this.viralNavigationCube = new On(
+    super(), this.viralCompressProcessor = new ys(), this.localStorageService = new Hn(), this.viralStats = null, this.viralSectionBox = null, this.viralBatchDebugPanel = null, this.viralRenderDebugPanel = null, this.viralInstancedDebugPanel = null, this.options = e, this.viralLifecycleEventHandler = new Hs(this, this.options), this.targetElement = e.container, An("QUICK_SAND"), _n(this.targetElement, "QUICK_SAND"), this.options.enableTools && (this.viralTools = new jn(this)), this.viralSpinner = new Rn(this), this.viralDraggableModal = new Sn(this), this.viralContextMenu = new Cn(this), this.viralPivotPoint = new Dn(this), this.viralScene = new yn(this), this.viralMaterialManager = new nn(this), this.viralRenderer = new wn(this), this.viralCamera = new ws(this), this.options.enableNavigationCube && (this.viralNavigationCube = new On(
       this,
       this.options.navigationCubeScale || 1
-    )), this.viralMouse = new Hs(this), this.viralKeyboard = new js(this), this.viralAnimation = new ms(this), this.viralVisibilityManager = new En(this), this.viralCentralizedEventHandler = new Ws(this), this.viralLoader = new rn(this), this.viralBVH = new ws(), this.viralDataManager = new Ns(this), this.viralAvatarManager = new bs(this), this.options.isDev && (this.viralStats = new Mn(this)), this.options.isDev ? this.viralAnimation.devAnimation() : this.viralAnimation.animation();
+    )), this.viralMouse = new $s(this), this.viralKeyboard = new Ns(this), this.viralAnimation = new us(this), this.viralVisibilityManager = new En(this), this.viralCentralizedEventHandler = new js(this), this.viralLoader = new sn(this), this.viralBVH = new vs(), this.viralDataManager = new Bs(this), this.viralAvatarManager = new fs(this), this.options.isDev && (this.viralStats = new Mn(this)), this.options.isDev ? this.viralAnimation.devAnimation() : this.viralAnimation.animation();
     const t = window;
-    t.VIRAL_VIEWER = this, this.viralSectionBox = new Vt(this), this.viralBatchDebugPanel = new ds(this), this.viralRenderDebugPanel = new ps(this), this.viralInstancedDebugPanel = new us(this), this.options.isDev && import("./lil-gui.esm-BtfdsiIY.mjs").then(({ GUI: i }) => {
-      var b, w, S, A, C;
+    t.VIRAL_VIEWER = this, this.viralSectionBox = new Vt(this), this.viralBatchDebugPanel = new cs(this), this.viralRenderDebugPanel = new ds(this), this.viralInstancedDebugPanel = new hs(this), this.options.isDev && import("./lil-gui.esm-BtfdsiIY.mjs").then(({ GUI: i }) => {
+      var A, S, _, V, T;
       const s = new i({ title: "Controls" }), n = s.addFolder("Sun Light");
       n.add(this.viralScene.sunLight, "visible").onChange(() => {
         this.viralRenderer.render();
@@ -10684,15 +10636,46 @@ class xr extends $s {
       o.add(a, "enabled").name("Outline Enabled").onChange((M) => {
         this.viralVisibilityManager.setSelectionOutlineMode(M);
       }), o.addColor(a, "color").name("Outline Color").onChange((M) => {
-        var _;
-        (_ = this.viralRenderer.postProcessingRenderer) == null || _.setSelectionOutlineColor(M), this.viralRenderer.render();
+        var I;
+        (I = this.viralRenderer.postProcessingRenderer) == null || I.setSelectionOutlineColor(M), this.viralRenderer.render();
       }), o.add(a, "thickness", 0.5, 5, 0.5).name("Thickness").onChange((M) => {
-        var _;
-        (_ = this.viralRenderer.postProcessingRenderer) == null || _.setSelectionOutlineThickness(
+        var I;
+        (I = this.viralRenderer.postProcessingRenderer) == null || I.setSelectionOutlineThickness(
           M
         ), this.viralRenderer.render();
-      }), o.add(this.viralVisibilityManager, "updateSelectionOutline").name("Refresh"), o.open();
-      const l = s.addFolder("Debug Panels"), c = {
+      }), o.add(this.viralVisibilityManager, "updateSelectionOutline").name("Refresh");
+      const l = { randomCount: 500 }, c = () => {
+        const M = [];
+        for (let I = 0; I < this.viralDataManager.dataTree.length; I++) {
+          const D = this.viralDataManager.dataTree[I];
+          for (const B of D.getAllElements())
+            M.push({
+              elementId: B.elementId.toString(),
+              modelId: I.toString()
+            });
+        }
+        return M;
+      }, h = {
+        selectAllAndMeasure: () => {
+          console.log("--- Outline Benchmark ---"), console.time("⏱️ select + outline total"), this.viralVisibilityManager.selectAllElements(), console.timeEnd("⏱️ select + outline total"), console.log(
+            `📊 Selected: ${this.viralScene.bimWorld.getSelectedElements().length} elements`
+          );
+        },
+        selectRandom: () => {
+          const M = c(), I = Math.min(l.randomCount, M.length);
+          for (let B = M.length - 1; B > M.length - 1 - I; B--) {
+            const P = Math.floor(Math.random() * (B + 1));
+            [M[B], M[P]] = [M[P], M[B]];
+          }
+          const D = M.slice(M.length - I);
+          console.log(`--- Outline Benchmark (random ${I}) ---`), console.time("⏱️ select + outline total"), this.viralVisibilityManager.selectElements(D), console.timeEnd("⏱️ select + outline total"), console.log(`📊 Selected: ${I} / ${M.length} elements`);
+        },
+        unselectAll: () => {
+          console.time("⏱️ unselect + outline"), this.viralVisibilityManager.unselectElements(), console.timeEnd("⏱️ unselect + outline");
+        }
+      };
+      o.add(l, "randomCount", 1, 5e3, 1).name("Random Count"), o.add(h, "selectRandom").name("⏱️ Select Random (bench)"), o.add(h, "selectAllAndMeasure").name("⏱️ Select All (bench)"), o.add(h, "unselectAll").name("⏱️ Unselect All (bench)"), o.open();
+      const d = s.addFolder("Debug Panels"), u = {
         showBatchDebugPanel: () => {
           var M;
           return (M = this.viralBatchDebugPanel) == null ? void 0 : M.show();
@@ -10722,91 +10705,91 @@ class xr extends $s {
           return (M = this.viralRenderDebugPanel) == null ? void 0 : M.logToConsole();
         }
       };
-      l.add(c, "showRenderDebugPanel").name("🔍 Show Render Debug"), l.add(c, "hideRenderDebugPanel").name("Hide Render Debug"), l.add(c, "logSceneAnalysis").name("📋 Log to Console"), l.add(c, "showBatchDebugPanel").name("📦 Show Batch Debug"), l.add(c, "hideBatchDebugPanel").name("Hide Batch Debug"), l.add(c, "showInstancedDebugPanel").name("🔄 Show Instanced Debug"), l.add(c, "hideInstancedDebugPanel").name("Hide Instanced Debug"), l.open(), r.add(this.viralVisibilityManager, "opacity", 0, 1, 0.1).onChange(() => {
+      d.add(u, "showRenderDebugPanel").name("🔍 Show Render Debug"), d.add(u, "hideRenderDebugPanel").name("Hide Render Debug"), d.add(u, "logSceneAnalysis").name("📋 Log to Console"), d.add(u, "showBatchDebugPanel").name("📦 Show Batch Debug"), d.add(u, "hideBatchDebugPanel").name("Hide Batch Debug"), d.add(u, "showInstancedDebugPanel").name("🔄 Show Instanced Debug"), d.add(u, "hideInstancedDebugPanel").name("Hide Instanced Debug"), d.open(), r.add(this.viralVisibilityManager, "opacity", 0, 1, 0.1).onChange(() => {
         this.viralVisibilityManager.setOpacity();
       }), r.add(this.viralVisibilityManager, "showHidePercentage", 0, 100, 1).onChange(() => {
         this.viralVisibilityManager.showHideByPercentage();
       }), r.add(this.viralVisibilityManager, "randomColor", 0, 100, 1).onChange(() => {
         this.viralVisibilityManager.changeRandomColor();
       });
-      const h = r.addFolder("Element Opacity"), d = {
+      const p = r.addFolder("Element Opacity"), m = {
         ghostOpacity: 0.12,
         elementOpacity: 0.5,
         ghostSelected: () => {
           const M = this.viralScene.bimWorld.getSelectedElements();
           M.length > 0 && this.viralVisibilityManager.setElementGhost(
             M,
-            d.ghostOpacity
+            m.ghostOpacity
           );
         },
         ghostExceptSelected: () => {
           const M = this.viralScene.bimWorld.getSelectedElements();
           M.length > 0 && this.viralVisibilityManager.ghostExcept(
             M,
-            d.ghostOpacity
+            m.ghostOpacity
           );
         },
         setSelectedOpacity: () => {
           const M = this.viralScene.bimWorld.getSelectedElements();
           M.length > 0 && this.viralVisibilityManager.setElementOpacity(
             M,
-            d.elementOpacity
+            m.elementOpacity
           );
         },
         resetOpacity: () => {
           this.viralVisibilityManager.resetElementOpacity();
         }
       };
-      h.add(d, "ghostOpacity", 0, 1, 0.01).name("Ghost Opacity"), h.add(d, "elementOpacity", 0, 1, 0.01).name("Element Opacity"), h.add(d, "ghostSelected").name("Ghost Selected"), h.add(d, "ghostExceptSelected").name("Ghost Except Selected"), h.add(d, "setSelectedOpacity").name("Set Selected Opacity"), h.add(d, "resetOpacity").name("Reset All Opacity"), r.close();
-      const u = s.addFolder("Camera");
-      u.add(this.viralCamera, "enableOrthographicCamera"), u.add(this.viralCamera, "enablePerspectiveCamera"), u.add(this.viralCamera, "modelId"), u.add(this.viralCamera, "elementId"), u.add(this.viralCamera, "zoomTo");
-      const p = s.addFolder("Data");
-      p.add(this.viralDataManager, "searchValue"), p.add(this.viralDataManager, "searchElementData"), p.add(this.viralDataManager, "compareModels"), p.add(this.viralDataManager, "uncompareModels"), p.add(this.viralDataManager, "firstElementId"), p.add(this.viralDataManager, "secondElementId"), p.add(this.viralDataManager, "checkClash"), p.add(this.viralDataManager, "checkClashModels"), p.add(this.viralDataManager, "groupByKeyword"), p.add(this.viralDataManager, "groupBy");
-      const m = s.addFolder("Section Box");
-      if (m.add(this.viralVisibilityManager, "enableSectionBox").name("Enable (Activate)"), m.add(this.viralVisibilityManager, "disableSectionBox").name("Disable (Deactivate)"), m.add(this.viralVisibilityManager, "showSectionBox").name("Show Visuals"), m.add(this.viralVisibilityManager, "hideSectionBox").name("Hide Visuals"), m.add(this.viralVisibilityManager, "resetSectionBox").name("Reset to Initial"), s.addFolder("Model Management").add(this.viralLoader.revitLoader, "disposeModels"), s.addFolder("Materials").add(this.viralMaterialManager.edgeMaterial, "linewidth", 0, 10, 1).onChange((M) => {
+      p.add(m, "ghostOpacity", 0, 1, 0.01).name("Ghost Opacity"), p.add(m, "elementOpacity", 0, 1, 0.01).name("Element Opacity"), p.add(m, "ghostSelected").name("Ghost Selected"), p.add(m, "ghostExceptSelected").name("Ghost Except Selected"), p.add(m, "setSelectedOpacity").name("Set Selected Opacity"), p.add(m, "resetOpacity").name("Reset All Opacity"), r.close();
+      const f = s.addFolder("Camera");
+      f.add(this.viralCamera, "enableOrthographicCamera"), f.add(this.viralCamera, "enablePerspectiveCamera"), f.add(this.viralCamera, "modelId"), f.add(this.viralCamera, "elementId"), f.add(this.viralCamera, "zoomTo");
+      const v = s.addFolder("Data");
+      v.add(this.viralDataManager, "searchValue"), v.add(this.viralDataManager, "searchElementData"), v.add(this.viralDataManager, "compareModels"), v.add(this.viralDataManager, "uncompareModels"), v.add(this.viralDataManager, "firstElementId"), v.add(this.viralDataManager, "secondElementId"), v.add(this.viralDataManager, "checkClash"), v.add(this.viralDataManager, "checkClashModels"), v.add(this.viralDataManager, "groupByKeyword"), v.add(this.viralDataManager, "groupBy");
+      const b = s.addFolder("Section Box");
+      if (b.add(this.viralVisibilityManager, "enableSectionBox").name("Enable (Activate)"), b.add(this.viralVisibilityManager, "disableSectionBox").name("Disable (Deactivate)"), b.add(this.viralVisibilityManager, "showSectionBox").name("Show Visuals"), b.add(this.viralVisibilityManager, "hideSectionBox").name("Hide Visuals"), b.add(this.viralVisibilityManager, "resetSectionBox").name("Reset to Initial"), s.addFolder("Model Management").add(this.viralLoader.revitLoader, "disposeModels"), s.addFolder("Materials").add(this.viralMaterialManager.edgeMaterial, "linewidth", 0, 10, 1).onChange((M) => {
         console.log("The value is now " + M), this.viralMaterialManager.edgeMaterial.linewidth = M, this.viralRenderer.render();
       }), this.viralRenderer.postProcessingRenderer) {
-        const M = s.addFolder("Post Processing"), _ = M.addFolder("N8ao");
-        _.add(
-          (b = this.viralRenderer.postProcessingRenderer) == null ? void 0 : b.n8aoPass.configuration,
+        const M = s.addFolder("Post Processing"), I = M.addFolder("N8ao");
+        I.add(
+          (A = this.viralRenderer.postProcessingRenderer) == null ? void 0 : A.n8aoPass.configuration,
           "aoSamples",
           1,
           64,
           1
-        ).onChange((V) => {
-          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.aoSamples = V, this.viralRenderer.render();
-        }), _.add(
-          (w = this.viralRenderer.postProcessingRenderer) == null ? void 0 : w.n8aoPass.configuration,
+        ).onChange((P) => {
+          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.aoSamples = P, this.viralRenderer.render();
+        }), I.add(
+          (S = this.viralRenderer.postProcessingRenderer) == null ? void 0 : S.n8aoPass.configuration,
           "aoRadius",
           1,
           10,
           0.01
-        ).onChange((V) => {
-          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.aoRadius = V, this.viralRenderer.render();
-        }), _.add(
-          (S = this.viralRenderer.postProcessingRenderer) == null ? void 0 : S.n8aoPass.configuration,
+        ).onChange((P) => {
+          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.aoRadius = P, this.viralRenderer.render();
+        }), I.add(
+          (_ = this.viralRenderer.postProcessingRenderer) == null ? void 0 : _.n8aoPass.configuration,
           "denoiseRadius",
           0,
           24,
           0.01
-        ).onChange((V) => {
-          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.denoiseRadius = V, this.viralRenderer.render();
-        }), _.add(
-          (A = this.viralRenderer.postProcessingRenderer) == null ? void 0 : A.n8aoPass.configuration,
+        ).onChange((P) => {
+          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.denoiseRadius = P, this.viralRenderer.render();
+        }), I.add(
+          (V = this.viralRenderer.postProcessingRenderer) == null ? void 0 : V.n8aoPass.configuration,
           "intensity",
           0,
           10,
           0.01
-        ).onChange((V) => {
-          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.intensity = V, this.viralRenderer.render();
-        }), _.add(
-          (C = this.viralRenderer.postProcessingRenderer) == null ? void 0 : C.n8aoPass.configuration,
+        ).onChange((P) => {
+          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.intensity = P, this.viralRenderer.render();
+        }), I.add(
+          (T = this.viralRenderer.postProcessingRenderer) == null ? void 0 : T.n8aoPass.configuration,
           "distanceFalloff",
           0,
           10,
           0.01
-        ).onChange((V) => {
-          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.distanceFalloff = V, this.viralRenderer.render();
+        ).onChange((P) => {
+          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.distanceFalloff = P, this.viralRenderer.render();
         }), M.add(
           this.viralRenderer.postProcessingRenderer,
           "enableSobel"
@@ -10814,15 +10797,15 @@ class xr extends $s {
           this.viralRenderer.postProcessingRenderer,
           "disableSobel"
         );
-        const I = M.addFolder("Screen-Space Edges");
-        I.add(this.viralRenderer.postProcessingRenderer, "enableScreenSpaceEdges").name("Enable"), I.add(this.viralRenderer.postProcessingRenderer, "disableScreenSpaceEdges").name("Disable"), I.add(
+        const D = M.addFolder("Screen-Space Edges");
+        D.add(this.viralRenderer.postProcessingRenderer, "enableScreenSpaceEdges").name("Enable"), D.add(this.viralRenderer.postProcessingRenderer, "disableScreenSpaceEdges").name("Disable"), D.add(
           this.viralRenderer.postProcessingRenderer,
           "setScreenSpaceEdgesPenMode"
-        ).name("Pen Mode"), I.add(
+        ).name("Pen Mode"), D.add(
           this.viralRenderer.postProcessingRenderer,
           "setScreenSpaceEdgesShadedMode"
         ).name("Shaded Mode");
-        const O = {
+        const B = {
           edgeColor: "#000000",
           edgeOpacity: 1,
           // Slightly reduced for subtlety
@@ -10841,48 +10824,48 @@ class xr extends $s {
           enableObjectIdEdges: !1
           // Disable - most expensive
         };
-        I.addColor(O, "edgeColor").name("Edge Color").onChange((V) => {
-          var P;
-          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeColor(
-            parseInt(V.replace("#", "0x"))
+        D.addColor(B, "edgeColor").name("Edge Color").onChange((P) => {
+          var L;
+          (L = this.viralRenderer.postProcessingRenderer) == null || L.setScreenSpaceEdgeColor(
+            parseInt(P.replace("#", "0x"))
           ), this.viralRenderer.render();
-        }), I.add(O, "edgeOpacity", 0, 1, 0.05).name("Opacity").onChange((V) => {
-          var P;
-          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeOpacity(V), this.viralRenderer.render();
-        }), I.add(O, "edgeThickness", 0.5, 5, 0.1).name("Thickness").onChange((V) => {
-          var P;
-          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeThickness(
-            V
+        }), D.add(B, "edgeOpacity", 0, 1, 0.05).name("Opacity").onChange((P) => {
+          var L;
+          (L = this.viralRenderer.postProcessingRenderer) == null || L.setScreenSpaceEdgeOpacity(P), this.viralRenderer.render();
+        }), D.add(B, "edgeThickness", 0.5, 5, 0.1).name("Thickness").onChange((P) => {
+          var L;
+          (L = this.viralRenderer.postProcessingRenderer) == null || L.setScreenSpaceEdgeThickness(
+            P
           ), this.viralRenderer.render();
-        }), I.add(O, "depthMultiplier", 0, 3, 0.1).name("Depth Sensitivity").onChange((V) => {
-          var P;
-          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgesOptions({
-            depthMultiplier: V
+        }), D.add(B, "depthMultiplier", 0, 3, 0.1).name("Depth Sensitivity").onChange((P) => {
+          var L;
+          (L = this.viralRenderer.postProcessingRenderer) == null || L.setScreenSpaceEdgesOptions({
+            depthMultiplier: P
           }), this.viralRenderer.render();
-        }), I.add(O, "normalMultiplier", 0, 3, 0.1).name("Normal Sensitivity").onChange((V) => {
-          var P;
-          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgesOptions({
-            normalMultiplier: V
+        }), D.add(B, "normalMultiplier", 0, 3, 0.1).name("Normal Sensitivity").onChange((P) => {
+          var L;
+          (L = this.viralRenderer.postProcessingRenderer) == null || L.setScreenSpaceEdgesOptions({
+            normalMultiplier: P
           }), this.viralRenderer.render();
-        }), I.add(O, "normalBias", 0, 1, 0.01).name("Normal Bias").onChange((V) => {
-          var P;
-          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgesOptions({
-            normalBias: V
+        }), D.add(B, "normalBias", 0, 1, 0.01).name("Normal Bias").onChange((P) => {
+          var L;
+          (L = this.viralRenderer.postProcessingRenderer) == null || L.setScreenSpaceEdgesOptions({
+            normalBias: P
           }), this.viralRenderer.render();
-        }), I.add(O, "enableDepthEdges").name("Depth Edges").onChange((V) => {
-          var P;
-          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeMethods({
-            depth: V
+        }), D.add(B, "enableDepthEdges").name("Depth Edges").onChange((P) => {
+          var L;
+          (L = this.viralRenderer.postProcessingRenderer) == null || L.setScreenSpaceEdgeMethods({
+            depth: P
           }), this.viralRenderer.render();
-        }), I.add(O, "enableNormalEdges").name("Normal Edges").onChange((V) => {
-          var P;
-          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeMethods({
-            normal: V
+        }), D.add(B, "enableNormalEdges").name("Normal Edges").onChange((P) => {
+          var L;
+          (L = this.viralRenderer.postProcessingRenderer) == null || L.setScreenSpaceEdgeMethods({
+            normal: P
           }), this.viralRenderer.render();
-        }), I.add(O, "enableObjectIdEdges").name("Object ID Edges").onChange((V) => {
-          var P;
-          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeMethods({
-            objectId: V
+        }), D.add(B, "enableObjectIdEdges").name("Object ID Edges").onChange((P) => {
+          var L;
+          (L = this.viralRenderer.postProcessingRenderer) == null || L.setScreenSpaceEdgeMethods({
+            objectId: P
           }), this.viralRenderer.render();
         });
       }
@@ -10891,35 +10874,35 @@ class xr extends $s {
 }
 export {
   mr as BufferElement,
-  cs as CheckClashResult,
-  ls as CompareModelsResult,
-  os as DataTree,
+  os as CheckClashResult,
+  as as CompareModelsResult,
+  rs as DataTree,
   yr as DebouncedEventHandler,
-  ss as DefaultLightConfiguration,
-  It as Dictionary,
+  ts as DefaultLightConfiguration,
+  _t as Dictionary,
   ur as ElementFragment,
   dr as Fragment,
-  hs as GroupByResult,
-  vt as HTMLUtil,
+  ls as GroupByResult,
+  ft as HTMLUtil,
   Q as LogUtil,
-  D as THREEUtil,
+  R as THREEUtil,
   wr as TreeNode,
-  ts as ViralBIMWorld,
-  ds as ViralBatchDebugPanel,
+  Ji as ViralBIMWorld,
+  cs as ViralBatchDebugPanel,
   Z as ViralBatchedMesh,
   X as ViralCameraEventType,
-  us as ViralInstancedDebugPanel,
+  hs as ViralInstancedDebugPanel,
   me as ViralKeyboardEventType,
-  k as ViralMouseEventType,
+  N as ViralMouseEventType,
   re as ViralPoint,
-  ps as ViralRenderDebugPanel,
+  ds as ViralRenderDebugPanel,
   xr as ViralViewerApi,
   pr as ViralViewerRevitGeometry,
   hr as ViralViewerRevitNoneStructuralGeometry,
-  is as ViralutionBox,
-  Xt as ViralutionCamera,
+  es as ViralutionBox,
+  Kt as ViralutionCamera,
   gr as ViralutionElement,
-  R as ViralutionEvent,
+  k as ViralutionEvent,
   vr as ViralutionSolid,
   fr as ViralutionStandaloneModel,
   br as ViralutionTrackingModel