viral-viewer-2 7.2.3 → 7.2.4

package/dist/index.mjs

@@ -1,31 +1,31 @@
-import { Vector3 as E, Box3 as N, Mesh as x, BufferAttribute as L, BufferGeometry as Z, EdgesGeometry as Et, MeshBasicMaterial as G, PointLight as Ht, Object3D as Ft, InstancedMesh as le, Color as k, InstancedBufferAttribute as je, Matrix4 as re, LineSegments as yt, Line as gt, Points as St, Clock as ii, AnimationMixer as si, Vector2 as z, Vector4 as ni, Quaternion as ri, Spherical as Wt, Sphere as Gt, Raycaster as Tt, MathUtils as ai, PerspectiveCamera as Fe, OrthographicCamera as Ct, Euler as oi, MeshPhongMaterial as ft, FrontSide as li, MeshStandardMaterial as J, DoubleSide as te, ObjectLoader as ci, ShaderMaterial as ee, WebGLRenderTarget as ue, DepthTexture as At, UnsignedShortType as _t, MeshNormalMaterial as hi, RGBAFormat as Ut, HalfFloatType as qt, NearestFilter as Rt, Scene as vt, WebGLRenderer as Qt, SRGBColorSpace as di, VSMShadowMap as ui, SphereGeometry as Lt, DirectionalLight as pt, AmbientLight as pi, CameraHelper as mi, BoxGeometry as Pt, AxesHelper as gi, BoxHelper as fi, Box3Helper as vi, PlaneGeometry as oe, Plane as he, Fog as bi, PointsMaterial as wi, LOD as yi, TextureLoader as xi, CanvasTexture as kt, SpriteMaterial as Bt, Sprite as zt, LineBasicMaterial as Mi } from "three";
-import { SimplifyModifier as Ei } from "three/examples/jsm/modifiers/SimplifyModifier";
-import { LineSegmentsGeometry as Zt, LineSegments2 as Yt, SSAARenderPass as Si, FXAAShader as Ci, TAARenderPass as Ai, SAOPass as _i, SSAOPass as mt } from "three/examples/jsm/Addons";
-import { computeBoundsTree as Ii, disposeBoundsTree as Vi, acceleratedRaycast as Ti } from "three-mesh-bvh";
+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 pe from "camera-controls";
-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 Xt } 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 { 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 Fi } from "three/examples/jsm/postprocessing/SMAAPass";
+import { SMAAPass as Hi } from "three/examples/jsm/postprocessing/SMAAPass";
 import { GammaCorrectionShader as Wi } from "three/examples/jsm/shaders/GammaCorrectionShader";
-import { Pass as Ot, FullScreenQuad as Dt } 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 bt {
+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 {
   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"
-}, y = Qi;
+}, x = qi;
 class Q {
   static information(e) {
     console.log(
       `%c ${e}`,
-      `color: ${y.primary}; background: ${y.background}; font-size: 16px;`
+      `color: ${x.primary}; background: ${x.background}; font-size: 16px;`
     );
   }
   static error(e) {
     console.log(
       `%c ${e}`,
-      `color: ${y.accent}; background: ${y.background}; font-size: 16px;`
+      `color: ${x.accent}; background: ${x.background}; font-size: 16px;`
     );
   }
   static memory(e) {
@@ -107,23 +107,23 @@ class D {
     return t.length == 1 ? "0" + t : t;
   }
   static mergeBoundingBoxes(e) {
-    const t = new N();
+    const t = new z();
     return e.forEach((i) => {
       t.union(i);
     }), t;
   }
   static createLowResMesh(e, t = 0.5) {
-    const i = new Ei();
+    const i = new Mi();
     console.log(e);
     const s = i.modify(
       e.geometry.clone(),
       Math.floor(e.geometry.attributes.position.count * t)
     );
-    return new x(s, e.material);
+    return new y(s, e.material);
   }
 }
-const Zi = D.hexToRGB(y.accent), Yi = 0.99;
-class Y extends x {
+const Qi = D.hexToRGB(x.accent);
+class Z extends y {
   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;
   }
@@ -329,7 +329,7 @@ class Y extends x {
     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 Z();
+    const t = new J();
     for (const o of this._bufferElements) {
       const a = o.buffer;
       if (!a || a.length < 9)
@@ -350,7 +350,7 @@ class Y extends x {
       const a = o.buffer;
       if (!a || a.length < 9)
         continue;
-      const l = new Z();
+      const l = new J();
       l.setAttribute("position", new L(a, 3));
       const c = Math.floor(a.length / 3 / 3), h = new Uint32Array(c * 3);
       for (let b = 0; b < c; b++) {
@@ -369,8 +369,8 @@ class Y extends x {
     const n = new Uint32Array(e);
     for (let o = 0; o < e; o++)
       n[o] = o;
-    const r = new Zt();
-    r.setPositions(i), this._edgeLines = new Yt(r, this._edgeMaterial), this.add(this._edgeLines);
+    const r = new Ut();
+    r.setPositions(i), this._edgeLines = new qt(r, this._edgeMaterial), this.add(this._edgeLines);
   }
   /** Show edges ONLY for the given elements */
   isolateEdge(e) {
@@ -429,43 +429,13 @@ class Y extends x {
    * Select elements (highlights them with accent color)
    */
   select(e, t = []) {
-    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Zi), this._setSelectionAlpha(this._selectedElements, Yi);
+    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Qi);
   }
   get selectedElements() {
     return this._selectedElements;
   }
   unselect() {
-    this._selectedElements.length !== 0 && (this._setSelectionAlpha(this._selectedElements, 1), this.resetColor(this._selectedElements), this._selectedElements = []);
-  }
-  /**
-   * Set alpha value for elements (used for selection marking)
-   * This is VERY fast - only updates alpha channel, no geometry copying
-   *
-   * When setting alpha to 1.0 (removing selection), respects hidden/isolated state
-   */
-  _setSelectionAlpha(e, t) {
-    var s;
-    if (!this._colors)
-      return;
-    const i = this.geometry.getAttribute("color");
-    if (i.itemSize === 4) {
-      for (const { modelId: n, elementId: r } of e) {
-        const o = (s = this._elementMap.get(n)) == null ? void 0 : s.get(r);
-        if (!o)
-          continue;
-        let a = t;
-        if (t === 1) {
-          const l = `${n}:${r}`, c = this._elementOpacityMap.get(l);
-          c !== void 0 ? a = c : this._isolatedSet.size > 0 ? a = this._isolatedSet.has(l) ? 1 : 0 : this._hiddenSet.has(l) && (a = 0);
-        }
-        for (const l of o)
-          for (let c = 0; c < l.count; c++) {
-            const h = (l.start + c) * 4 + 3;
-            this._colors[h] = a;
-          }
-      }
-      i.needsUpdate = !0;
-    }
+    this._selectedElements.length !== 0 && (this.resetColor(this._selectedElements), this._selectedElements = []);
   }
   //#endregion
   //#region Hide/Isolate/Show
@@ -655,7 +625,7 @@ class Y extends x {
       depthWrite: !0,
       side: e == null ? void 0 : e.side
     });
-    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);
+    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);
   }
   /**
    * Remove and dispose the depth pre-pass mesh
@@ -987,7 +957,7 @@ class Y extends x {
         }
       });
       const t = D.getCenterPoint(e), i = this.getFarthestDistance(t, e);
-      t && !this._pointLight && (this._pointLight = new Ht(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
+      t && !this._pointLight && (this._pointLight = new Nt(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
     }
     this._pointLight && (this._pointLight.visible = !0);
   }
@@ -1022,7 +992,7 @@ class Y extends x {
     );
     if (t.length === 0)
       return null;
-    const i = new N(), s = new E();
+    const i = new z(), s = new E();
     for (const n of t)
       if (n.buffer)
         for (let r = 0; r < n.buffer.length; r += 3)
@@ -1073,7 +1043,7 @@ class Y extends x {
           o,
           100
           // Process 100 elements at a time
-        ), l = new Y(
+        ), l = new Z(
           void 0,
           Array.isArray(this.material) ? this.material[0] : this.material,
           this.workerPool
@@ -1116,12 +1086,12 @@ class Y extends x {
     }), 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 Xi = 1;
-class Nt {
+let Zi = 1;
+class Bt {
   constructor(e) {
     this._worker = new Worker(e), this._worker.onmessage = (t) => {
       this._OnMessage(t);
-    }, this._resolve = null, this._id = Xi++;
+    }, this._resolve = null, this._id = Zi++;
   }
   _OnMessage(e) {
     const t = this._resolve;
@@ -1137,14 +1107,14 @@ class Nt {
     this._worker.terminate();
   }
 }
-class ie {
+class te {
   /**
    *
    * @param maxSize maximum number of worker
    * @param scriptPath javascript path for worker execute
    */
   constructor(e, t) {
-    this._workers = [], this.maximumNumberOfWorker = e, this.scriptPath = t, this._workers.push(new Nt(t)), this._free = [...this._workers], this._busy = {}, this._queue = [];
+    this._workers = [], this.maximumNumberOfWorker = e, this.scriptPath = t, this._workers.push(new Bt(t)), this._free = [...this._workers], this._busy = {}, this._queue = [];
   }
   get length() {
     return this._workers.length;
@@ -1163,7 +1133,7 @@ class ie {
   _PumpQueue() {
     for (; this._queue.length > 0; ) {
       if (this._free.length == 0 && this._workers.length < this.maximumNumberOfWorker) {
-        const s = new Nt(this.scriptPath);
+        const s = new Bt(this.scriptPath);
         this._workers.push(s), this._free.push(s);
       }
       if (this._free.length == 0)
@@ -1180,7 +1150,93 @@ class ie {
     this._workers.forEach((e) => e.dispose()), this._workers = [], this._free = [], this._busy = {}, this._queue = [];
   }
 }
-const Ki = D.hexToRGB(y.accent), Ge = class Ge extends Ft {
+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 {
   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);
   }
@@ -1221,28 +1277,26 @@ const Ki = D.hexToRGB(y.accent), Ge = class Ge extends Ft {
     );
   }
   _createInstancedMesh(e, t, i) {
-    const s = this._createGeometryFromBuffer(e.buffer), n = new le(s, this.material, t.length), r = new Float32Array(t.length * 3);
-    t.forEach(({ element: l, instanceData: c }, h) => {
-      const d = this._transformArrayToMatrix4(c.transform);
-      n.setMatrixAt(h, d);
-      const u = l.modelId.toString(), p = c.elementId;
-      this._originalTransforms.has(u) || this._originalTransforms.set(u, /* @__PURE__ */ new Map()), this._originalTransforms.get(u).set(p, d.clone());
-      const m = this._originalColor || new k(1, 1, 1);
-      r[h * 3] = m.r, r[h * 3 + 1] = m.g, r[h * 3 + 2] = m.b, this._elementMap.has(u) || this._elementMap.set(u, /* @__PURE__ */ new Map());
-      const f = this._elementMap.get(u);
-      f.has(p) || f.set(p, []), f.get(p).push({
+    const s = this._createGeometryFromBuffer(e.buffer), n = new oe(s, this.material, t.length), r = new Float32Array(t.length * 3);
+    t.forEach(({ element: a, instanceData: l }, c) => {
+      const h = this._transformArrayToMatrix4(l.transform);
+      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);
+      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({
         geometryKey: i,
-        instanceIndex: h,
+        instanceIndex: c,
         instancedMesh: n
       });
-    }), n.instanceColor = new je(r, 3), n.instanceMatrix.needsUpdate = !0;
+    }), n.instanceColor = new wt(r, 3), n.instanceMatrix.needsUpdate = !0;
     const o = new Float32Array(t.length);
-    o.fill(1), s.setAttribute("instanceOpacity", new je(o, 1));
-    const a = new Float32Array(t.length);
-    return a.fill(0), s.setAttribute("instanceSelected", new je(a, 1)), this.material && "vertexColors" in this.material && (this.material.vertexColors = !0, this.material.needsUpdate = !0), n;
+    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;
   }
   _createGeometryFromBuffer(e) {
-    const t = new Z();
+    const t = new J();
     t.setAttribute("position", new L(e, 3));
     const i = e.length / 3, s = Math.floor(i / 3), n = new Uint32Array(s * 3);
     for (let o = 0; o < s; o++) {
@@ -1261,9 +1315,9 @@ const Ki = D.hexToRGB(y.accent), Ge = class Ge extends Ft {
   }
   _transformArrayToMatrix4(e) {
     if (e.length === 16)
-      return new re().fromArray(e);
+      return new ne().fromArray(e);
     if (e.length === 12) {
-      const t = new re();
+      const t = new ne();
       return t.set(
         e[0],
         e[1],
@@ -1283,7 +1337,7 @@ const Ki = D.hexToRGB(y.accent), Ge = class Ge extends Ft {
         1
       ), t;
     } else
-      return console.warn("Unsupported transform array length:", e.length), new re().identity();
+      return console.warn("Unsupported transform array length:", e.length), new ne().identity();
   }
   _generateGeometryKey(e) {
     let t = e.length.toString();
@@ -1299,29 +1353,10 @@ const Ki = D.hexToRGB(y.accent), Ge = class Ge extends Ft {
   }
   //#region Selection and Color Control
   select(e, t = []) {
-    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Ki), this._setInstanceSelection(this._selectedElements, 1);
+    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Ji);
   }
   unselect() {
-    this._selectedElements.length > 0 && (this._setInstanceSelection(this._selectedElements, 0), this.resetColor(this._selectedElements), this._selectedElements = []);
-  }
-  /**
-   * Set instance selection state for fast outline detection
-   * @param elements - Elements to set selection for
-   * @param selected - 1.0 = selected, 0.0 = not selected
-   */
-  _setInstanceSelection(e, t) {
-    var i;
-    this._ensureSelectionAttributes();
-    for (const { modelId: s, elementId: n } of e) {
-      const r = (i = this._elementMap.get(s)) == null ? void 0 : i.get(n);
-      if (r)
-        for (const { instancedMesh: o, instanceIndex: a } of r) {
-          const l = o.geometry.getAttribute(
-            "instanceSelected"
-          );
-          l && (l.array[a] = t, l.needsUpdate = !0);
-        }
-    }
+    this._selectedElements.length > 0 && (this.resetColor(this._selectedElements), this._selectedElements = []);
   }
   /**
    * Changes the color of multiple elements.
@@ -1445,7 +1480,7 @@ const Ki = D.hexToRGB(y.accent), Ge = class Ge extends Ft {
       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, Ge.ZERO_MATRIX), o.instanceMatrix.needsUpdate = !0;
+        o.setMatrixAt(a, Fe.ZERO_MATRIX), o.instanceMatrix.needsUpdate = !0;
       });
     }));
   }
@@ -1463,7 +1498,7 @@ const Ki = D.hexToRGB(y.accent), Ge = class Ge extends Ft {
       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, Ge.ZERO_MATRIX);
+        i.setMatrixAt(s, Fe.ZERO_MATRIX);
       i.instanceMatrix.needsUpdate = !0;
     }), t.forEach(({ modelId: i, elementId: s }) => {
       var o, a;
@@ -1533,10 +1568,7 @@ const Ki = D.hexToRGB(y.accent), Ge = class Ge extends Ft {
   //#endregion
   //#region Opacity Control (Per-Instance Transparency)
   /**
-   * Inject per-instance opacity and selection shader into material
-   * Enables:
-   * - Per-instance opacity (ghosting, hiding)
-   * - Selection alpha marker (for fast outline detection via AlphaSelectionOutlinePass)
+   * Inject per-instance opacity shader into material
    * Must be called after material is set and before rendering
    */
   injectOpacityShader() {
@@ -1548,28 +1580,19 @@ const Ki = D.hexToRGB(y.accent), Ge = class Ge extends Ft {
         "#include <common>",
         `#include <common>
 attribute float instanceOpacity;
-attribute float instanceSelected;
-varying float vInstanceOpacity;
-varying float vInstanceSelected;`
+varying float vInstanceOpacity;`
       ), t.vertexShader = t.vertexShader.replace(
         "#include <begin_vertex>",
         `#include <begin_vertex>
-vInstanceOpacity = instanceOpacity;
-vInstanceSelected = instanceSelected;`
+vInstanceOpacity = instanceOpacity;`
       ), t.fragmentShader = t.fragmentShader.replace(
         "#include <common>",
         `#include <common>
-varying float vInstanceOpacity;
-varying float vInstanceSelected;`
+varying float vInstanceOpacity;`
       ), t.fragmentShader = t.fragmentShader.replace(
         "#include <dithering_fragment>",
         `#include <dithering_fragment>
-// Apply per-instance opacity
 gl_FragColor.a *= vInstanceOpacity;
-// If selected, set alpha to SELECTION_ALPHA (0.99) for outline detection
-if (vInstanceSelected > 0.5) {
-  gl_FragColor.a = 0.99;
-}
 if (gl_FragColor.a < 0.01) discard;`
       );
     }, e._opacityInjected = !0, e.needsUpdate = !0);
@@ -1582,25 +1605,11 @@ if (gl_FragColor.a < 0.01) discard;`
       if (!e.geometry.getAttribute("instanceOpacity")) {
         const t = new Float32Array(e.count);
         t.fill(1);
-        const i = new je(t, 1);
+        const i = new wt(t, 1);
         e.geometry.setAttribute("instanceOpacity", i);
       }
     });
   }
-  /**
-   * Ensure all instanced meshes have selection attribute
-   * Used for fast outline detection via AlphaSelectionOutlinePass
-   */
-  _ensureSelectionAttributes() {
-    this._instancedMeshes.forEach((e) => {
-      if (!e.geometry.getAttribute("instanceSelected")) {
-        const t = new Float32Array(e.count);
-        t.fill(0);
-        const i = new je(t, 1);
-        e.geometry.setAttribute("instanceSelected", i);
-      }
-    });
-  }
   /**
    * Update opacity for specific instances
    */
@@ -1700,7 +1709,7 @@ varying float vInstanceOpacity;`
 if (vInstanceOpacity < 0.5) discard;`
         );
       }, i.needsUpdate = !0;
-      const s = new le(
+      const s = new oe(
         e.geometry,
         i,
         e.count
@@ -1835,7 +1844,7 @@ if (vInstanceOpacity < 0.5) discard;`
           r.length * o
         );
         for (let c = 0; c < o; c++) {
-          const h = new re();
+          const h = new ne();
           e.getMatrixAt(c, h);
           const d = c * r.length;
           for (let u = 0; u < r.length; u += 3) {
@@ -1847,9 +1856,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 Zt();
+        const l = new Ut();
         if (l.setPositions(a), this._edgeMaterial) {
-          const c = new Yt(l, this._edgeMaterial);
+          const c = new qt(l, this._edgeMaterial);
           this.add(c), this._edgeLines.set(t, c);
         }
       }
@@ -1879,7 +1888,7 @@ if (vInstanceOpacity < 0.5) discard;`
    * Custom raycast function for instanced meshes
    */
   _instancedRaycast(e, t, i) {
-    const s = le.prototype.raycast, n = [];
+    const s = oe.prototype.raycast, n = [];
     s.call(e, t, n), n.forEach((r) => {
       if (r.instanceId !== void 0) {
         const o = this.findElementByInstancedMeshAndIndex(
@@ -1930,15 +1939,15 @@ if (vInstanceOpacity < 0.5) discard;`
   }
   getElementBoxs(e) {
     var s;
-    const t = new N();
+    const t = new z();
     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 re();
+          const l = new ne();
           o.getMatrixAt(a, l);
-          const c = new N().setFromBufferAttribute(
+          const c = new z().setFromBufferAttribute(
             o.geometry.getAttribute("position")
           );
           c.applyMatrix4(l), t.union(c), i = !0;
@@ -1971,7 +1980,7 @@ if (vInstanceOpacity < 0.5) discard;`
         }
       });
       const t = D.getCenterPoint(e), i = this.getFarthestDistance(t, e);
-      t && !this._pointLight && (this._pointLight = new Ht(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
+      t && !this._pointLight && (this._pointLight = new Nt(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
     }
     this._pointLight && (this._pointLight.visible = !0);
   }
@@ -2007,9 +2016,9 @@ if (vInstanceOpacity < 0.5) discard;`
   }
   //#endregion
 };
-Ge.ZERO_MATRIX = new re().makeScale(0, 0, 0);
-let ce = Ge;
-const Ji = `
+Fe.ZERO_MATRIX = new ne().makeScale(0, 0, 0);
+let ce = Fe;
+const es = `
 // Web Worker code as string (to be created as blob URL)
 self.onmessage = function(e) {
   const { 
@@ -2123,16 +2132,16 @@ self.onmessage = function(e) {
   }
 };
 `;
-class es extends x {
+class ts extends y {
   constructor() {
-    super(), this.workerPool = null, this.bimModels = [], this.isReady = !1, this._batchedMeshes = [], this._instancedMeshes = [], this._isolatingElements = [], this._initializeWorkerPool(4);
+    super(), this.workerPool = null, this._mergePositionsWorker = null, this.bimModels = [], this.isReady = !1, this._batchedMeshes = [], this._instancedMeshes = [], this._isolatingElements = [], this._initializeWorkerPool(4);
   }
   _initializeWorkerPool(e) {
     try {
-      const t = new Blob([Ji], {
+      const t = new Blob([es], {
         type: "application/javascript"
       }), i = URL.createObjectURL(t);
-      this.workerPool = new ie(
+      this.workerPool = new te(
         e || navigator.hardwareConcurrency || 4,
         i
       ), console.log(
@@ -2144,9 +2153,9 @@ class es extends x {
   }
   get bounds() {
     try {
-      return new N().setFromObject(this);
+      return new z().setFromObject(this);
     } catch {
-      return new N();
+      return new z();
     }
   }
   setReady(e) {
@@ -2169,7 +2178,7 @@ class es extends x {
    * Get diagnostic info about merged model structure
    */
   getDiagnostics() {
-    const e = this.children.filter((s) => s instanceof Y).length, t = this.children.filter(
+    const e = this.children.filter((s) => s instanceof Z).length, t = this.children.filter(
       (s) => s instanceof ce
     ).length;
     let i = 0;
@@ -2196,9 +2205,9 @@ class es extends x {
   }
   hide(e) {
     this._batchedMeshes.forEach((t) => {
-      t.hide(e);
+      t.hide(e), t.hideEdge(e);
     }), this._instancedMeshes.forEach((t) => {
-      t.hide(e);
+      t.hide(e), t.hideEdge(e);
     });
   }
   isolate(e) {
@@ -2311,7 +2320,7 @@ class es extends x {
       return null;
     const n = new Float32Array(s);
     let r = 0;
-    const o = new re(), a = new E();
+    const o = new ne(), a = new E();
     for (const l of i)
       if (l.buffer)
         if (l.instances && l.instances.length > 0)
@@ -2327,6 +2336,17 @@ class es extends x {
           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)
@@ -2428,70 +2448,71 @@ class es extends x {
    * *then regenerate again
    */
   dispose() {
-    this.isReady = !1, this._batchedMeshes.forEach((e) => e.dispose()), this._batchedMeshes = [], this._instancedMeshes.forEach((e) => e.dispose()), this._instancedMeshes = [], this.children = [];
+    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 = [];
   }
 }
-class ur {
+class hr {
   constructor() {
     this.MaterialIndex = 0, this.Vertices = [], this.Indices = [], this.Name = "", this.Instances = [];
   }
 }
-class pr {
+class dr {
   constructor() {
     this.MaterialIndex = 0, this.Elements = [];
   }
 }
-class mr {
+class ur {
   constructor() {
     this.Vertices = [], this.Indices = [], this.Instances = [], this.Id = "";
   }
 }
-class gr {
+class pr {
   constructor() {
     this.Vertices = [], this.Indices = [], this.Transform = null;
   }
 }
-class fr {
+class mr {
   constructor() {
     this.buffer = null, this.instances = [];
   }
 }
-class vr {
+class gr {
   constructor() {
     this.Solids = [], this.Id = "", this.Instances = [];
   }
 }
-class br {
+class fr {
   constructor() {
-    this.Materials = [], this.Elements = [], this.Camera = new Kt();
+    this.Materials = [], this.Elements = [], this.Camera = new Xt();
   }
 }
-class wr {
+class vr {
   constructor() {
     this.MaterialIndex = 0, this.Vertices = [], this.Indices = [], this.Buffer = [];
   }
 }
-class Kt {
+class Xt {
   constructor() {
-    this.scale = 0, this.origin = new ae(), this.eyePosition = new ae(), this.upDirection = new ae(), this.forwardDirection = new ae(), this.target = new ae(), this.box = new ts();
+    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();
   }
 }
-class ts {
+class is {
   constructor() {
-    this.min = new ae(), this.max = new ae();
+    this.min = new re(), this.max = new re();
   }
 }
-class yr {
+class br {
   constructor() {
-    this.Data = {}, this.CameraData = new Kt(), this.Translation = [];
+    this.Data = {}, this.CameraData = new Xt(), this.Translation = [];
   }
 }
-class ae {
+class re {
   constructor() {
     this.X = 0, this.Y = 0, this.Z = 0;
   }
 }
-const is = {
+const ss = {
   enabled: !0,
   castShadow: !0,
   intensity: 5,
@@ -2502,7 +2523,7 @@ const is = {
   indirectLightIntensity: 1.2,
   shadowcatcher: !0
 };
-function ss() {
+function ns() {
   function g(i) {
     let s = 0;
     for (let n = 0; n < i.length; n++)
@@ -2542,15 +2563,15 @@ function ss() {
         const w = String(b.source), S = String(b.target), A = u.get(w), C = u.get(S);
         if (!A || !C)
           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, T = _ / I * O;
-        A.vx -= V, A.vy -= T, C.vx += V, C.vy += T;
+        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;
       }), 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 T = Math.atan2(O, I);
-            w.x = C + _ * Math.cos(T), w.y = M + _ * Math.sin(T);
+            const P = Math.atan2(O, I);
+            w.x = C + _ * Math.cos(P), w.y = M + _ * Math.sin(P);
           }
         } else
           w.x = Math.max(0, Math.min(r, w.x)), w.y = Math.max(0, Math.min(o, w.y));
@@ -2584,11 +2605,11 @@ function ss() {
     }
   };
 }
-const ns = ss;
-class rs {
+const rs = ns;
+class as {
   constructor() {
-    const e = new Blob([`(${ns})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new ie(2, t);
+    const e = new Blob([`(${rs})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new te(2, t);
   }
   computeLayout(e, t, i, s) {
     const n = {
@@ -2607,7 +2628,7 @@ class rs {
     this.workerPool.dispose();
   }
 }
-class as {
+class os {
   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",
@@ -2887,7 +2908,7 @@ class as {
       }), 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 rs();
+      const m = new as();
       l(
         "Computing layout",
         0,
@@ -2986,12 +3007,12 @@ class as {
   }
   //#endregion
 }
-class xr {
+class wr {
   constructor() {
     this.children = /* @__PURE__ */ new Map(), this.keys = /* @__PURE__ */ new Set();
   }
 }
-var B = /* @__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))(B || {}), K = /* @__PURE__ */ ((g) => (g[g.ON_WAKE = 0] = "ON_WAKE", g[g.ON_SLEEP = 1] = "ON_SLEEP", g[g.ON_UPDATE = 2] = "ON_UPDATE", g))(K || {}), 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 || {});
+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 {
   constructor() {
     this.items = {};
@@ -3028,7 +3049,7 @@ class It {
     return Object.keys(this.items).length;
   }
 }
-class Mr {
+class yr {
   constructor(e, t) {
     this.delay = e, this.eventHandler = t, this.timerId = null, this.handleEvent = (i) => {
       this.timerId && clearTimeout(this.timerId), this.timerId = setTimeout(() => {
@@ -3037,22 +3058,22 @@ class Mr {
     };
   }
 }
-class os {
+class ls {
   constructor() {
     this.deleted = [], this.added = [], this.modified = [], this.notChanged = [];
   }
 }
-class ls {
+class cs {
   constructor() {
     this.clashes = new It();
   }
 }
-class cs {
+class hs {
   constructor() {
     this.value = {}, this.elementIds = [], this.modelId = -1;
   }
 }
-class hs {
+class ds {
   constructor(e) {
     this.viralViewerApi = e, this.panel = null, this.batchListContainer = null, this.isVisible = !1, this.selectedBatchMesh = null, this.inject();
   }
@@ -3067,7 +3088,7 @@ class hs {
         right: 10px;
         width: 300px;
         max-height: 80vh;
-        background-color: ${y.background};
+        background-color: ${x.background};
         border: 1px solid #ccc;
         border-radius: 8px;
         padding: 15px;
@@ -3081,8 +3102,8 @@ class hs {
     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: ${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>
+        <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>
       </div>
     `, this.panel.appendChild(e);
     const t = document.createElement("div");
@@ -3091,7 +3112,7 @@ class hs {
     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: ${y.secondary}; font-size: 14px;">Batched Meshes</h4>
+      <h4 style="margin: 10px 0 5px 0; color: ${x.secondary}; font-size: 14px;">Batched Meshes</h4>
     `, this.panel.appendChild(n), this.batchListContainer = document.createElement("div"), this.batchListContainer.setAttribute(
       "style",
       `
@@ -3108,7 +3129,7 @@ class hs {
       `
         flex: 1;
         padding: 8px;
-        background-color: ${y.primary};
+        background-color: ${x.primary};
         color: white;
         border: none;
         border-radius: 4px;
@@ -3118,9 +3139,9 @@ class hs {
         transition: background-color 0.2s;
       `
     ), i.addEventListener("mouseenter", () => {
-      i.style.backgroundColor = y.accent;
+      i.style.backgroundColor = x.accent;
     }), i.addEventListener("mouseleave", () => {
-      i.style.backgroundColor = y.primary;
+      i.style.backgroundColor = x.primary;
     }), i;
   }
   injectStyles() {
@@ -3139,12 +3160,12 @@ class hs {
         background-color: rgba(0, 0, 0, 0.1);
       }
       .batch-item.selected {
-        border-color: ${y.accent};
+        border-color: ${x.accent};
         background-color: rgba(128, 214, 218, 0.2);
       }
       .batch-item-title {
         font-weight: 600;
-        color: ${y.secondary};
+        color: ${x.secondary};
         font-size: 13px;
         margin-bottom: 4px;
       }
@@ -3225,7 +3246,7 @@ class hs {
         background-color: rgba(128, 214, 218, 0.1);
         border-radius: 4px;
         font-size: 11px;
-        color: ${y.secondary};
+        color: ${x.secondary};
         text-align: center;
       `
     ), i.innerHTML = `
@@ -3268,7 +3289,7 @@ class hs {
     this.clearIsolation(), this.panel && (this.panel.remove(), this.panel = null);
   }
 }
-class ds {
+class us {
   constructor(e) {
     this.viralViewerApi = e, this.panel = null, this.instancedListContainer = null, this.isVisible = !1, this.selectedInstancedMesh = null, this.selectedInternalMesh = null, this.inject();
   }
@@ -3283,7 +3304,7 @@ class ds {
         right: 320px;
         width: 350px;
         max-height: 80vh;
-        background-color: ${y.background};
+        background-color: ${x.background};
         border: 1px solid #ccc;
         border-radius: 8px;
         padding: 15px;
@@ -3297,8 +3318,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: ${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>
+        <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>
       </div>
     `, this.panel.appendChild(e);
     const t = document.createElement("div");
@@ -3310,7 +3331,7 @@ class ds {
     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: ${y.secondary}; font-size: 14px;">Instanced Meshes (ViralInstancedMeshV2)</h4>
+      <h4 style="margin: 10px 0 5px 0; color: ${x.secondary}; font-size: 14px;">Instanced Meshes (ViralInstancedMeshV2)</h4>
     `, this.panel.appendChild(r), this.instancedListContainer = document.createElement("div"), this.instancedListContainer.setAttribute(
       "style",
       `
@@ -3327,7 +3348,7 @@ class ds {
       `
         flex: 1;
         padding: 8px;
-        background-color: ${y.primary};
+        background-color: ${x.primary};
         color: white;
         border: none;
         border-radius: 4px;
@@ -3338,9 +3359,9 @@ class ds {
         min-width: 80px;
       `
     ), i.addEventListener("mouseenter", () => {
-      i.style.backgroundColor = y.accent;
+      i.style.backgroundColor = x.accent;
     }), i.addEventListener("mouseleave", () => {
-      i.style.backgroundColor = y.primary;
+      i.style.backgroundColor = x.primary;
     }), i;
   }
   injectStyles() {
@@ -3361,12 +3382,12 @@ class ds {
         background-color: rgba(0, 0, 0, 0.1);
       }
       .instanced-item.selected {
-        border-color: ${y.accent};
+        border-color: ${x.accent};
         background-color: rgba(128, 214, 218, 0.2);
       }
       .instanced-item-title {
         font-weight: 600;
-        color: ${y.secondary};
+        color: ${x.secondary};
         font-size: 13px;
         margin-bottom: 4px;
       }
@@ -3413,7 +3434,7 @@ class ds {
       }
       .internal-mesh-item.selected {
         background-color: rgba(33, 150, 243, 0.2);
-        border-left-color: ${y.accent};
+        border-left-color: ${x.accent};
       }
     `, document.head.appendChild(e);
   }
@@ -3530,7 +3551,7 @@ class ds {
         background-color: rgba(128, 214, 218, 0.1);
         border-radius: 4px;
         font-size: 11px;
-        color: ${y.secondary};
+        color: ${x.secondary};
         text-align: center;
       `
     ), n.innerHTML = `
@@ -3664,7 +3685,7 @@ class ds {
     this.clearIsolation(), this.panel && (this.panel.remove(), this.panel = null);
   }
 }
-class us {
+class ps {
   constructor(e) {
     this.viralViewerApi = e, this.panel = null, this.contentContainer = null, this.isVisible = !1, this.lastAnalysis = null, this.inject();
   }
@@ -3679,7 +3700,7 @@ class us {
         left: 10px;
         width: 450px;
         max-height: 85vh;
-        background-color: ${y.background};
+        background-color: ${x.background};
         border: 1px solid #ccc;
         border-radius: 8px;
         padding: 15px;
@@ -3694,8 +3715,8 @@ class us {
     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: ${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>
+        <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>
       </div>
     `, this.panel.appendChild(e);
     const t = document.createElement("div");
@@ -3719,7 +3740,7 @@ class us {
       "style",
       `
         padding: 8px 12px;
-        background-color: ${y.primary};
+        background-color: ${x.primary};
         color: white;
         border: none;
         border-radius: 4px;
@@ -3729,9 +3750,9 @@ class us {
         transition: background-color 0.2s;
       `
     ), i.addEventListener("mouseenter", () => {
-      i.style.backgroundColor = y.accent;
+      i.style.backgroundColor = x.accent;
     }), i.addEventListener("mouseleave", () => {
-      i.style.backgroundColor = y.primary;
+      i.style.backgroundColor = x.primary;
     }), i;
   }
   injectStyles() {
@@ -3745,7 +3766,7 @@ class us {
       }
       .render-section-title {
         font-weight: 600;
-        color: ${y.secondary};
+        color: ${x.secondary};
         font-size: 13px;
         margin-bottom: 8px;
         display: flex;
@@ -3791,7 +3812,7 @@ class us {
       }
       .stat-value {
         font-weight: 600;
-        color: ${y.secondary};
+        color: ${x.secondary};
       }
       .warning-box {
         padding: 8px;
@@ -3894,7 +3915,7 @@ class us {
         );
       } else
         i.set(n.id, r);
-      if (n instanceof x && n.geometry) {
+      if (n instanceof y && 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));
       }
@@ -3969,10 +3990,10 @@ class us {
   extractObjectInfo(e) {
     var a, l;
     let t = 0, i = 0, s = 0, n = "N/A";
-    if (e instanceof x) {
+    if (e instanceof y) {
       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 le ? (s = 1, n = "Instanced", i *= e.count) : e instanceof Y ? (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 gt) {
+      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) {
       s = e.visible ? 1 : 0, n = "Line";
       const c = e.geometry;
       c && c.attributes.position && (t = c.attributes.position.count);
@@ -3999,7 +4020,7 @@ class us {
     };
   }
   isRenderable(e) {
-    return e instanceof x || e instanceof yt || e instanceof gt || e instanceof St;
+    return e instanceof y || e instanceof yt || e instanceof mt || e instanceof St;
   }
   isVisibleInHierarchy(e) {
     let t = e;
@@ -4025,7 +4046,7 @@ class us {
     return `v${s}_i${n}_${r}`;
   }
   categorizeObject(e, t, i) {
-    e instanceof Y ? i.batchedMeshes.push(t) : e instanceof ce || e instanceof le ? i.instancedMeshes.push(t) : e instanceof x ? i.regularMeshes.push(t) : e instanceof yt || e instanceof gt ? 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 y ? i.regularMeshes.push(t) : e instanceof yt || 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();
@@ -4194,7 +4215,7 @@ class us {
       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 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");
+      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");
     }
   }
   logToConsole() {
@@ -4286,7 +4307,7 @@ class us {
     var a;
     const i = "  ".repeat(t), s = e.visible ? "✅" : "❌", n = e.constructor.name, r = e.children.length;
     let o = "";
-    e instanceof x && e.geometry && (o = ` [V:${((a = e.geometry.attributes.position) == null ? void 0 : a.count) || 0}]`), e instanceof le && (o += ` [Instances:${e.count}]`), console.log(
+    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(
       `${i}${s} ${e.name || "[unnamed]"} (${n})${o} [${r} children]`
     ), t < 3 ? e.children.forEach((l) => {
       this.logObjectTree(l, t + 1);
@@ -4311,10 +4332,10 @@ class us {
     this.panel && (this.panel.remove(), this.panel = null);
   }
 }
-class ps {
+class ms {
   // 5 seconds for cleanup
   constructor(e) {
-    this.viralViewerApi = e, this.clock = new ii(), this.lastSpatialUpdateTime = 0, this.lastCleanupTime = 0, this.spatialUpdateInterval = 16, this.cleanupInterval = 5e3, this.isRainEnabled = !1;
+    this.viralViewerApi = e, this.clock = new ti(), this.lastSpatialUpdateTime = 0, this.lastCleanupTime = 0, this.spatialUpdateInterval = 16, this.cleanupInterval = 5e3, this.isRainEnabled = !1;
   }
   devAnimation() {
     var i, s, n, r, o;
@@ -4357,7 +4378,7 @@ class ps {
     this.isRainEnabled = e, this.isRainEnabled && this.rainAnimation();
   }
 }
-class ms {
+class gs {
   static generateRandomString(e) {
     const t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
     let i = "";
@@ -4368,19 +4389,19 @@ class ms {
     return i;
   }
 }
-const gs = 0.032;
-class fs {
+const fs = 0.032;
+class vs {
   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 = ms.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 = 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(
       "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 = gs * r, this.viralViewerApi.viralLoader.threeLoader.loadGLTF(t, (l) => {
+    ), this.viralViewerApi.targetElement.appendChild(this.chatDiv), this.MOVEMENT_SPEED = fs * 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 si(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 ii(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();
         });
@@ -4440,12 +4461,12 @@ class fs {
     (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 vs {
+class bs {
   constructor(e) {
     this.viralViewerApi = e, this.avatars = [];
   }
   load(e, t, i, s = 2, n = 1, r, o) {
-    const a = new fs(
+    const a = new vs(
       this.viralViewerApi,
       e,
       t,
@@ -4462,33 +4483,33 @@ class vs {
     t && t.dispose(), this.avatars = this.avatars.filter((i) => i.id !== e);
   }
 }
-class bs {
+class ws {
   constructor() {
-    Z.prototype.computeBoundsTree = Ii, Z.prototype.disposeBoundsTree = Vi, x.prototype.raycast = Ti;
+    J.prototype.computeBoundsTree = _i, J.prototype.disposeBoundsTree = Ii, y.prototype.raycast = Vi;
   }
   applyThreeMeshBVH(e) {
     e.boundsTree || e.computeBoundsTree();
   }
 }
-const ws = {
-  Vector2: z,
+const ys = {
+  Vector2: N,
   Vector3: E,
-  Vector4: ni,
-  Quaternion: ri,
-  Matrix4: re,
-  Spherical: Wt,
-  Box3: N,
-  Sphere: Gt,
-  Raycaster: Tt,
-  MathUtils: ai
+  Vector4: si,
+  Quaternion: ni,
+  Matrix4: ne,
+  Spherical: jt,
+  Box3: z,
+  Sphere: Ht,
+  Raycaster: Pt,
+  MathUtils: ri
 };
-pe.install({ THREE: ws });
-class ys {
+pe.install({ THREE: ys });
+class xs {
   constructor(e) {
-    this.viralViewerApi = e, this.raycaster = new Tt(), 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 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);
   }
   setupCamera() {
-    this._perspectiveCamera = new Fe(
+    this._perspectiveCamera = new He(
       60,
       this.targetElement.clientWidth / this.targetElement.clientHeight,
       0.1,
@@ -4537,7 +4558,7 @@ class ys {
    */
   resizeCanvas() {
     if (this.camera) {
-      if (this.camera instanceof Fe && (this.camera.aspect = this.targetElement.clientWidth / this.targetElement.clientHeight), this.camera instanceof Ct) {
+      if (this.camera instanceof He && (this.camera.aspect = this.targetElement.clientWidth / this.targetElement.clientHeight), this.camera instanceof Ct) {
         const e = this.targetElement.offsetWidth / this.targetElement.offsetHeight;
         this.camera.left = -this._frustumSize * e / 2, this.camera.right = this._frustumSize * e / 2, this.camera.top = this._frustumSize / 2, this.camera.bottom = -this._frustumSize / 2;
       }
@@ -4548,7 +4569,7 @@ class ys {
     }
   }
   resizeCanvas2() {
-    this.camera && (this.camera instanceof Fe && (this.camera.aspect = this.targetElement.offsetWidth / this.targetElement.offsetHeight), this.camera.updateProjectionMatrix(), this.viralViewerApi.viralRenderer.updateSize(
+    this.camera && (this.camera instanceof He && (this.camera.aspect = this.targetElement.offsetWidth / this.targetElement.offsetHeight), this.camera.updateProjectionMatrix(), this.viralViewerApi.viralRenderer.updateSize(
       this.targetElement.offsetWidth,
       this.targetElement.offsetHeight
     ), this.viralViewerApi.viralRenderer.render());
@@ -4658,7 +4679,7 @@ class ys {
     const t = this.viralViewerApi.viralScene.scene;
     if (!t || !this.camera)
       return;
-    const s = new N().setFromObject(t).getSize(new E()), n = Math.max(s.x, s.y, s.z);
+    const s = new z().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);
   }
   /**
@@ -4669,32 +4690,32 @@ class ys {
    */
   addEventListener(e, t, i) {
     switch (e) {
-      case K.ON_WAKE:
+      case X.ON_WAKE:
         this.cameraWakeQueuedEvents.push([t, i]);
         break;
-      case K.ON_SLEEP:
+      case X.ON_SLEEP:
         this.cameraSleepQueuedEvents.push([t, i]);
         break;
-      case K.ON_UPDATE:
+      case X.ON_UPDATE:
         this.cameraUpdateQueuedEvents.push([t, i]);
         break;
     }
   }
   removeEventListener(e, t) {
     switch (e) {
-      case K.ON_WAKE:
+      case X.ON_WAKE:
         {
           const i = this.cameraWakeQueuedEvents.findIndex((s) => s[0] === t);
           this.cameraWakeQueuedEvents.splice(i, 1);
         }
         break;
-      case K.ON_SLEEP:
+      case X.ON_SLEEP:
         {
           const i = this.cameraSleepQueuedEvents.findIndex((s) => s[0] === t);
           this.cameraSleepQueuedEvents.splice(i, 1);
         }
         break;
-      case K.ON_UPDATE:
+      case X.ON_UPDATE:
         {
           const i = this.cameraUpdateQueuedEvents.findIndex((s) => s[0] === t);
           this.cameraUpdateQueuedEvents.splice(i, 1);
@@ -4730,7 +4751,7 @@ class ys {
       2 * l / 2,
       -(2 * l) / 2
     ));
-    const c = new N(i, s);
+    const c = new z(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);
@@ -4744,27 +4765,27 @@ class ys {
   }
   //#endregion
 }
-class xs {
+class Ms {
   pakoUnzip(e) {
     const t = new Uint8Array(e);
     return Pi(t);
   }
   pakoStreamUnzip(e) {
-    const t = new Oi();
+    const t = new Ti();
     return t.push(e, !0), t.result;
   }
 }
-class ne {
+class se {
   constructor(e, t, i) {
     this.x = 0, this.y = 0, this.z = 0, this.x = e, this.y = t, this.z = i;
   }
 }
-class P {
+class T {
   static doesEdgeIncludePlane(e, t, i, s, n, r = 1e-7) {
-    const o = P.subtract(s, i), a = P.subtract(n, i), l = P.crossProduct(o, a), c = -P.dotProduct(l, i), h = P.dotProduct(l, e) + c, d = P.dotProduct(l, t) + c;
+    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;
     if (Math.abs(h) > r || Math.abs(d) > r)
       return !1;
-    const u = P.isPointInTriangle(e, i, s, n, r), p = P.isPointInTriangle(t, i, s, n, r);
+    const u = T.isPointInTriangle(e, i, s, n, r), p = T.isPointInTriangle(t, i, s, n, r);
     return !(!u || !p);
   }
   /**
@@ -4777,14 +4798,14 @@ class P {
    * @returns boolean - Whether the edge intersects the triangle
    */
   static doesEdgeIntersectTriangle(e, t, i, s, n, r = 5) {
-    const o = P.subtract(s, i), a = P.subtract(n, i), l = P.crossProduct(o, a), c = -P.dotProduct(l, i), h = P.subtract(t, e), d = P.dotProduct(l, h);
+    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);
     if (Math.abs(d) < 1e-7)
       return !1;
-    const u = -(P.dotProduct(l, e) + c) / d;
+    const u = -(T.dotProduct(l, e) + c) / d;
     if (u < -r || u > 1 + r)
       return !1;
-    const p = P.add(e, P.scale(h, u)), m = P.distance(p, e), f = P.distance(p, t);
-    return m < r || f < r ? !1 : P.isPointInTriangle(p, i, s, n, r);
+    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);
   }
   /**
    * Check if a point lies inside a triangle using barycentric coordinates
@@ -4795,7 +4816,7 @@ class P {
    * @returns boolean - Whether the point lies inside the triangle
    */
   static isPointInTriangle(e, t, i, s, n = 1e-7) {
-    const r = P.subtract(i, t), o = P.subtract(s, i), a = P.subtract(t, s), l = P.subtract(e, t), c = P.subtract(e, i), h = P.subtract(e, s), d = P.crossProduct(r, l), u = P.crossProduct(o, c), p = P.crossProduct(a, h), m = P.normalize(d), f = P.normalize(u), v = P.normalize(p), b = P.dotProduct(m, f), w = P.dotProduct(f, v);
+    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);
     return b > 1 - n && w > 1 - n;
   }
   // Vector math helper functions
@@ -4822,22 +4843,22 @@ class P {
     const t = Math.sqrt(
       e.x * e.x + e.y * e.y + e.z * e.z
     );
-    return t < 1e-7 ? new ne(0, 0, 0) : new ne(e.x / t, e.y / t, e.z / t);
+    return t < 1e-7 ? new se(0, 0, 0) : new se(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 !!(P.doesEdgeIntersectTriangle(e, t, s, n, r, o) || P.doesEdgeIntersectTriangle(t, i, s, n, r, o) || P.doesEdgeIntersectTriangle(i, e, s, n, r, o));
+    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));
   }
   static objectsIntersect(e, t, i = 1e-3) {
     for (let s = 0; s < e.length; s += 9) {
-      const n = new ne(e[s], e[s + 1], e[s + 2]), r = new ne(e[s + 3], e[s + 4], e[s + 5]), o = new ne(e[s + 6], e[s + 7], e[s + 8]);
+      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]);
       for (let a = 0; a < t.length; a += 9) {
-        const l = new ne(t[a], t[a + 1], t[a + 2]), c = new ne(t[a + 3], t[a + 4], t[a + 5]), h = new ne(t[a + 6], t[a + 7], t[a + 8]);
-        if (P.doesEdgeIncludePlane(n, r, l, c, h, i) && P.doesEdgeIncludePlane(r, o, l, c, h, i))
+        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))
           return console.log("belong to face"), !1;
-        if (P.doTrianglesIntersect(n, r, o, l, c, h, i))
+        if (T.doTrianglesIntersect(n, r, o, l, c, h, i))
           return !0;
       }
     }
@@ -4848,7 +4869,7 @@ class P {
     return i && s && n;
   }
 }
-function Ms() {
+function Es() {
   class g {
     constructor(t, i, s) {
       this.X = 0, this.Y = 0, this.Z = 0, this.X = t, this.Y = i, this.Z = s;
@@ -4870,11 +4891,11 @@ function Ms() {
     self.postMessage(i());
   };
 }
-const Es = Ms;
-class Ss {
+const Ss = Es;
+class Cs {
   constructor() {
-    const e = new Blob([`(${Es})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new ie(navigator.hardwareConcurrency || 10, t);
+    const e = new Blob([`(${Ss})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new te(navigator.hardwareConcurrency || 10, t);
   }
   getBoundingBox(e, t = (i) => {
   }) {
@@ -4886,7 +4907,7 @@ class Ss {
     );
   }
 }
-function Cs() {
+function As() {
   self.onmessage = (g) => {
     const e = g.data;
     function t(s, n, r = 0.1) {
@@ -4904,11 +4925,11 @@ function Cs() {
     self.postMessage(i);
   };
 }
-const As = Cs;
-class _s {
+const _s = As;
+class Is {
   constructor() {
-    const e = new Blob([`(${As})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new ie(4, t);
+    const e = new Blob([`(${_s})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new te(4, t);
   }
   checkIntersect(e, t = (i) => {
   }) {
@@ -4917,7 +4938,7 @@ class _s {
     });
   }
 }
-function Is() {
+function Vs() {
   class g {
     constructor() {
       this.children = /* @__PURE__ */ new Map(), this.keys = /* @__PURE__ */ new Set();
@@ -5009,11 +5030,11 @@ function Is() {
     }
   };
 }
-const Vs = Is;
+const Ps = Vs;
 class Ts {
   constructor() {
-    const e = new Blob([`(${Vs})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new ie(2, t);
+    const e = new Blob([`(${Ps})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new te(2, t);
   }
   buildTreeNode(e, t = (i) => {
   }) {
@@ -5022,7 +5043,7 @@ class Ts {
     });
   }
 }
-function Ps() {
+function Os() {
   class g {
     constructor(u, p, m) {
       this.x = 0, this.y = 0, this.z = 0, this.x = u, this.y = p, this.z = m;
@@ -5057,7 +5078,7 @@ function Ps() {
     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(_), T = r(I), j = s(O, V), H = s(V, T);
+    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;
   }
   function l(d, u, p, m, f, v, b = 1e-3) {
@@ -5092,11 +5113,11 @@ function Ps() {
     self.postMessage(!1);
   };
 }
-const Os = Ps;
-class Ds {
+const Ds = Os;
+class Rs {
   constructor() {
-    const e = new Blob([`(${Os})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new ie(navigator.hardwareConcurrency || 10, t);
+    const e = new Blob([`(${Ds})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new te(navigator.hardwareConcurrency || 10, t);
   }
   checkClash(e, t = (i) => {
   }) {
@@ -5105,7 +5126,7 @@ class Ds {
     });
   }
 }
-function Rs() {
+function Ls() {
   self.addEventListener(
     "message",
     (g) => {
@@ -5139,28 +5160,28 @@ function Rs() {
     !1
   );
 }
-const Ls = Rs;
-class ks {
+const ks = Ls;
+class Bs {
   constructor() {
-    const e = new Blob([`(${Ls})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new ie(2, t);
+    const e = new Blob([`(${ks})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new te(2, t);
   }
   fetch(e, t = (n) => {
   }, i, s) {
-    const n = new Bs(e, i, s);
+    const n = new zs(e, i, s);
     this.workerPool.Enqueue(n, (r) => {
       t(r);
     });
   }
 }
-class Bs {
+class zs {
   constructor(e, t, i) {
     this.url = "", this.url = e, this.byteRangeStart = t, this.byteRangeEnd = i;
   }
 }
-class zs {
+class Ns {
   constructor(e) {
-    this.viralViewerApi = e, this.dataTree = [], this.trackingData = /* @__PURE__ */ new Map(), this.fetchDataWorker = new ks(), this.buildTreeNodeWorker = new Ts(), this._boundingBoxWorker = new Ss(), this._boundingBoxIntersectWorker = new _s(), this._checkClashWorker = new Ds(), 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 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());
   }
   addTrackingData(e, t) {
     this.trackingData.set(e, t);
@@ -5210,7 +5231,7 @@ class zs {
   addData(e) {
     const t = performance.now(), i = Object.keys(e.Data).length;
     console.log(`[DataManager] Adding ${i} elements to data tree...`);
-    const s = new as();
+    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, {
       modelId: this.dataTree.length - 1
     }), console.log(
@@ -5288,7 +5309,7 @@ class zs {
    * @returns
    */
   compareModels(e = 0, t = 1) {
-    const i = new os();
+    const i = new ls();
     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]);
@@ -5316,46 +5337,46 @@ class zs {
     }
     return this.viralViewerApi.viralVisibilityManager.exceptElements = [], this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.deleted.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      D.hexToRGB(y.deleted),
+      D.hexToRGB(x.deleted),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.deleted.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      color: D.hexToRGB(y.deleted)
+      color: D.hexToRGB(x.deleted)
     }), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.added.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      D.hexToRGB(y.added),
+      D.hexToRGB(x.added),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.added.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      color: D.hexToRGB(y.added)
+      color: D.hexToRGB(x.added)
     }), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.modified.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      D.hexToRGB(y.modified),
+      D.hexToRGB(x.modified),
       !0
     ), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.modified.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      D.hexToRGB(y.modified),
+      D.hexToRGB(x.modified),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.modified.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      color: D.hexToRGB(y.modified)
+      color: D.hexToRGB(x.modified)
     }), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.modified.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      color: D.hexToRGB(y.modified)
+      color: D.hexToRGB(x.modified)
     }), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.notChanged.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      D.hexToRGB(y.notChanged),
+      D.hexToRGB(x.notChanged),
       !0
     ), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.notChanged.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      D.hexToRGB(y.notChanged),
+      D.hexToRGB(x.notChanged),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.notChanged.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      color: D.hexToRGB(y.notChanged)
+      color: D.hexToRGB(x.notChanged)
     }), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.notChanged.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      color: D.hexToRGB(y.notChanged)
+      color: D.hexToRGB(x.notChanged)
     }), this.viralViewerApi.viralRenderer.render(), i;
   }
   uncompareModels() {
@@ -5384,7 +5405,7 @@ class zs {
     if (i.length > 0 && s.length > 0) {
       const n = i[0], r = s[0];
       console.log(
-        P.objectsIntersect(
+        T.objectsIntersect(
           Array.from(n.buffer),
           Array.from(r.buffer)
         )
@@ -5397,7 +5418,7 @@ class zs {
    * @param secondModelIndex
    */
   async checkClashModels(e = 0, t = 0) {
-    const i = new ls(), s = this.viralViewerApi.viralScene.bimWorld.getElementsByModel(e), n = e === t ? s : this.viralViewerApi.viralScene.bimWorld.getElementsByModel(t);
+    const i = new cs(), 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) => {
@@ -5488,7 +5509,7 @@ class zs {
               (h) => this._shallowCompare(h.value, l)
             );
             if (c < 0) {
-              const h = new cs();
+              const h = new hs();
               h.value = l, h.modelId = s, h.elementIds = [], h.elementIds.push(Number(o)), t.push(h);
             } else
               t[c].elementIds.push(Number(o));
@@ -5515,7 +5536,7 @@ class zs {
   }
   //#endregion
 }
-class Ns {
+class $s {
   constructor() {
     this.events = {
       [R.LOADED_SCENE]: [],
@@ -5557,7 +5578,7 @@ class Ns {
     i && i.forEach((s) => s(...t));
   }
 }
-class $s {
+class js {
   constructor(e) {
     this.viralViewerApi = e, this.keydownQueuedEvents = [], this.keyupQueuedEvents = [], this.setupKeyPress();
   }
@@ -5605,9 +5626,9 @@ class $s {
   }
   //#endregion
 }
-class js {
+class Hs {
   constructor(e) {
-    this.viralViewerApi = e, this.position = new z(), this.rawPosition = new z(), this.mouseMoveQueuedEvents = [], this.mouseDownLeftQueuedEvents = [], this.mouseUpLeftQueuedEvents = [], this.mouseDownRightQueuedEvents = [], this.mouseUpRightQueuedEvents = [], this.mouseDoubleClickQueuedEvents = [], this.handleClick = async (t) => {
+    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) => {
       var i, s, n;
       if (this.viralViewerApi) {
         if (t.button === 0) {
@@ -5619,7 +5640,7 @@ class js {
           if (this.viralViewerApi.options.isDev && Q.information("Time to ray cast: " + (performance.now() - r)), o && o.length > 0 && !((i = this.viralViewerApi.viralSectionBox) != null && i.isVisible)) {
             let l = null;
             for (const c of o)
-              if (c.object instanceof Y) {
+              if (c.object instanceof Z) {
                 const h = c.object.findElementByFaceIndex(
                   ((s = c.face) == null ? void 0 : s.a) ?? 0
                 );
@@ -5651,7 +5672,7 @@ class js {
                 }
                 l = c;
                 break;
-              } else if (c.object instanceof le) {
+              } else if (c.object instanceof oe) {
                 l = c;
                 break;
               }
@@ -5705,53 +5726,53 @@ class js {
    */
   addEventListener(e, t, i) {
     switch (e) {
-      case B.ON_MOUSE_MOVE:
+      case k.ON_MOUSE_MOVE:
         this.mouseMoveQueuedEvents.push([t, i]);
         break;
-      case B.ON_MOUSE_DOWN_LEFT:
+      case k.ON_MOUSE_DOWN_LEFT:
         this.mouseDownLeftQueuedEvents.push([t, i]);
         break;
-      case B.ON_MOUSE_UP_LEFT:
+      case k.ON_MOUSE_UP_LEFT:
         this.mouseUpLeftQueuedEvents.push([t, i]);
         break;
-      case B.ON_MOUSE_DOWN_RIGHT:
+      case k.ON_MOUSE_DOWN_RIGHT:
         this.mouseDownRightQueuedEvents.push([t, i]);
         break;
-      case B.ON_MOUSE_UP_RIGHT:
+      case k.ON_MOUSE_UP_RIGHT:
         this.mouseUpRightQueuedEvents.push([t, i]);
         break;
-      case B.ON_MOUSE_DOUBLE_CLICK:
+      case k.ON_MOUSE_DOUBLE_CLICK:
         this.mouseDoubleClickQueuedEvents.push([t, i]);
         break;
     }
   }
   removeEventListener(e, t) {
     switch (e) {
-      case B.ON_MOUSE_MOVE:
+      case k.ON_MOUSE_MOVE:
         {
           const i = this.mouseMoveQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseMoveQueuedEvents.splice(i, 1);
         }
         break;
-      case B.ON_MOUSE_DOWN_LEFT:
+      case k.ON_MOUSE_DOWN_LEFT:
         {
           const i = this.mouseDownLeftQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseDownLeftQueuedEvents.splice(i, 1);
         }
         break;
-      case B.ON_MOUSE_UP_LEFT:
+      case k.ON_MOUSE_UP_LEFT:
         {
           const i = this.mouseUpLeftQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseUpLeftQueuedEvents.splice(i, 1);
         }
         break;
-      case B.ON_MOUSE_DOWN_RIGHT:
+      case k.ON_MOUSE_DOWN_RIGHT:
         {
           const i = this.mouseDownRightQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseDownRightQueuedEvents.splice(i, 1);
         }
         break;
-      case B.ON_MOUSE_UP_RIGHT:
+      case k.ON_MOUSE_UP_RIGHT:
         {
           const i = this.mouseUpRightQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseUpRightQueuedEvents.splice(i, 1);
@@ -5779,14 +5800,14 @@ class js {
   }
   //#endregion
 }
-const He = {
+const je = {
   showAll: (g, e) => `<svg xmlns="http://www.w3.org/2000/svg" fill=${e || ""} height=${g || 24} viewBox="0 -960 960 960" width="24"><path d="M240-160q-33 0-56.5-23.5T160-240q0-33 23.5-56.5T240-320q33 0 56.5 23.5T320-240q0 33-23.5 56.5T240-160Zm240 0q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm240 0q-33 0-56.5-23.5T640-240q0-33 23.5-56.5T720-320q33 0 56.5 23.5T800-240q0 33-23.5 56.5T720-160ZM240-400q-33 0-56.5-23.5T160-480q0-33 23.5-56.5T240-560q33 0 56.5 23.5T320-480q0 33-23.5 56.5T240-400Zm240 0q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm240 0q-33 0-56.5-23.5T640-480q0-33 23.5-56.5T720-560q33 0 56.5 23.5T800-480q0 33-23.5 56.5T720-400ZM240-640q-33 0-56.5-23.5T160-720q0-33 23.5-56.5T240-800q33 0 56.5 23.5T320-720q0 33-23.5 56.5T240-640Zm240 0q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Zm240 0q-33 0-56.5-23.5T640-720q0-33 23.5-56.5T720-800q33 0 56.5 23.5T800-720q0 33-23.5 56.5T720-640Z"/></svg>`,
   isolate: (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-760v-80h80v80h-80Zm0 640v-80h80v80h-80ZM280-760v-80h80v80h-80Zm0 640v-80h80v80h-80ZM120-760v-80h80v80h-80Zm0 160v-80h80v80h-80Zm0 160v-80h80v80h-80Zm0 160v-80h80v80h-80Zm0 160v-80h80v80h-80Zm480 0v-80h80v-560h-80v-80h240v80h-80v560h80v80H600Z"/></svg>`,
   hide: (g, e) => `<svg xmlns="http://www.w3.org/2000/svg" fill=${e || ""} height=${g || 24} viewBox="0 -960 960 960" width="24"><path d="M200-120q-33 0-56.5-23.5T120-200h80v80Zm-80-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160q0-33 23.5-56.5T200-840v80h-80Zm160 640v-80h80v80h-80Zm0-640v-80h80v80h-80Zm160 0v-80h80v80h-80Zm60 640-56-56 142-142-142-142 56-56 142 142 142-142 56 56-142 142 142 142-56 56-142-142-142 142Zm100-640v-80h80v80h-80Zm160 160v-80h80v80h-80Zm0-160v-80q33 0 56.5 23.5T840-760h-80Z"/></svg>`,
   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 Hs {
+class Ws {
   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;
   }
@@ -5794,40 +5815,40 @@ class Hs {
     this.viralViewerApi.viralContextMenu && (this.viralViewerApi.viralContextMenu.addContextItem(
       0,
       "Show all elements",
-      He.showAll(void 0, y.primary),
+      je.showAll(void 0, x.primary),
       (e) => {
         this._visibilityManager.showAll2(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       1,
       "Isolate",
-      He.isolate(void 0, y.primary),
+      je.isolate(void 0, x.primary),
       (e) => {
         this._visibilityManager.isolate2(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       2,
       "Hide",
-      He.hide(void 0, y.primary),
+      je.hide(void 0, x.primary),
       (e) => {
         this._visibilityManager.hide2(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       3,
       "Focus",
-      He.focus(void 0, y.primary),
+      je.focus(void 0, x.primary),
       (e) => {
         this._visibilityManager.zoomTo(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       4,
       "Properties",
-      He.properties(void 0, y.secondary),
+      je.properties(void 0, x.secondary),
       (e) => {
         this.viralViewerApi.viralDraggableModal.show(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     )), this.viralViewerApi.viralMouse && (this.viralViewerApi.viralMouse.addEventListener(
-      B.ON_MOUSE_DOWN_RIGHT,
+      k.ON_MOUSE_DOWN_RIGHT,
       "ShowContextMenu",
       (e) => {
         this.viralViewerApi.viralContextMenu.showContextMenu(
@@ -5837,7 +5858,7 @@ class Hs {
         );
       }
     ), this.viralViewerApi.viralMouse.addEventListener(
-      B.ON_MOUSE_DOWN_LEFT,
+      k.ON_MOUSE_DOWN_LEFT,
       "HideContextMenu",
       (e) => {
         this.viralViewerApi.viralContextMenu.hideContextMenu();
@@ -5847,13 +5868,13 @@ class Hs {
   // ms to wait before confirming camera is steady
   cameraHandler() {
     this.viralViewerApi.viralCamera && (this.viralViewerApi.viralCamera.addEventListener(
-      K.ON_WAKE,
+      X.ON_WAKE,
       "hide objects",
       () => {
         this._sleepDebounceTimer && (clearTimeout(this._sleepDebounceTimer), this._sleepDebounceTimer = null), this.viralViewerApi.viralVisibilityManager.bypassScreenSpaceEdge(), this.viralViewerApi.viralVisibilityManager.bypassSelectionOutline(), this.viralViewerApi.viralVisibilityManager.disableAmbientOcclusion(), this.viralViewerApi.viralVisibilityManager.disableSampling();
       }
     ), this.viralViewerApi.viralCamera.addEventListener(
-      K.ON_SLEEP,
+      X.ON_SLEEP,
       "unhide objects",
       () => {
         this._sleepDebounceTimer && clearTimeout(this._sleepDebounceTimer), this._sleepDebounceTimer = setTimeout(() => {
@@ -5879,13 +5900,13 @@ class Hs {
     let e = null;
     const t = 250;
     this.viralViewerApi.viralMouse.addEventListener(
-      B.ON_MOUSE_DOWN_LEFT,
+      k.ON_MOUSE_DOWN_LEFT,
       "SelectElement",
       (i) => {
         e = performance.now();
       }
     ), this.viralViewerApi.viralMouse.addEventListener(
-      B.ON_MOUSE_UP_LEFT,
+      k.ON_MOUSE_UP_LEFT,
       "SelectElementUp",
       (i) => {
         var s, n;
@@ -5908,7 +5929,7 @@ class Hs {
                 if (c)
                   break;
                 const d = h;
-                if (d.object instanceof Y && d.face) {
+                if (d.object instanceof Z && d.face) {
                   const u = d.object.findElementByFaceIndex(
                     d.face.a
                   );
@@ -5973,14 +5994,14 @@ class Hs {
   //#region Double Click element handler
   doubleClickElementHandler() {
     this.viralViewerApi.viralMouse.addEventListener(
-      B.ON_MOUSE_DOUBLE_CLICK,
+      k.ON_MOUSE_DOUBLE_CLICK,
       "DoubleClickElement",
       (e) => {
         const t = this.viralViewerApi.viralCamera.clientToWorld();
         if (t && (t == null ? void 0 : t.length) > 0)
           for (const s of t) {
             const n = s;
-            if (n.object instanceof Y && n.face) {
+            if (n.object instanceof Z && n.face) {
               const r = n.object.findElementByFaceIndex(
                 n.face.a
               );
@@ -6065,7 +6086,7 @@ class Fs {
   }
   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) => {
-      if (t instanceof Y) {
+      if (t instanceof Z) {
         this.viralViewerApi.viralScene.selectables.push(t);
         return;
       }
@@ -6075,9 +6096,9 @@ class Fs {
     });
   }
 }
-class Ws {
+class Gs {
   constructor(e) {
-    this.viralViewerApi = e, this.potree = new Di(), this.pointClouds = [];
+    this.viralViewerApi = e, this.potree = new Oi(), this.pointClouds = [];
   }
   /**
    *
@@ -6093,13 +6114,13 @@ class Ws {
     (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 = 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);
+      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);
       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 Gs {
+class Us {
   static getDeviceType() {
     const e = navigator.userAgent.toLowerCase(), t = /iphone|ipod|android.*mobile|blackberry|opera mini|windows phone/i.test(
       e
@@ -6107,7 +6128,7 @@ class Gs {
     return t ? "mobile" : i ? "tablet" : "pc";
   }
 }
-class Us {
+class qs {
   constructor() {
     this.gl = null, this.specs = null, this.initWebGL(), this.detectSpecs();
   }
@@ -6251,7 +6272,7 @@ class Us {
     });
   }
 }
-class qs {
+class Qs {
   constructor() {
     this.modelId = -1, this.elements = [], this.materials = [], this.mapMaterialsToMaterialManager = new It();
   }
@@ -6260,7 +6281,7 @@ class qs {
     this.elements = [], this.materials = [], this.mapMaterialsToMaterialManager = new It();
   }
 }
-class Qs {
+class Zs {
   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;
   }
@@ -6409,8 +6430,8 @@ class Qs {
     }
   }
 }
-const Zs = new Qs();
-function Ys() {
+const Ys = new Zs();
+function Xs() {
   class g {
     constructor() {
       this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
@@ -6495,8 +6516,8 @@ function Ys() {
     }), self.postMessage(r);
   };
 }
-const Xs = Ys;
-function Ks() {
+const Ks = Xs;
+function Js() {
   class g {
     constructor() {
       this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
@@ -6586,19 +6607,19 @@ function Ks() {
     }), self.postMessage(r);
   };
 }
-const Js = Ks;
-class en {
+const en = Js;
+class tn {
   // 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([`(${Xs})()`]), i = URL.createObjectURL(t);
-    this.workerPool = new ie(
+    const t = new Blob([`(${Ks})()`]), i = URL.createObjectURL(t);
+    this.workerPool = new te(
       navigator.hardwareConcurrency || this.viralViewerApi.options.numberOfWorker,
       i
     );
-    const s = new Blob([`(${Js})()`]), n = URL.createObjectURL(s);
-    this.workerPool2 = new ie(
+    const s = new Blob([`(${en})()`]), n = URL.createObjectURL(s);
+    this.workerPool2 = new te(
       this.viralViewerApi.options.numberOfWorker,
       n
     );
@@ -6610,7 +6631,7 @@ class en {
    */
   initial(e) {
     console.log(e);
-    const t = new qs();
+    const t = new Qs();
     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++) {
@@ -6622,7 +6643,7 @@ class en {
         (a) => a.userData.red === n.Red && a.userData.green === n.Green && a.userData.blue === n.Blue && a.userData.opacity === n.Opacity
       );
       if (o < 0) {
-        const a = new ft({
+        const a = new gt({
           color: r,
           opacity: n.Opacity,
           transparent: n.Opacity !== 1,
@@ -6633,7 +6654,7 @@ class en {
           // polygonOffset: true,
           // polygonOffsetFactor: 1,
           // polygonOffsetUnits: 0.1,
-          side: li
+          side: oi
           // 🔧 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);
@@ -6649,7 +6670,7 @@ class en {
    */
   loadElement(e, t, i = () => {
   }, s = null) {
-    const { highDuplicationElements: n, lowDuplicationElements: r } = Zs.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 } = Ys.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;
@@ -6739,7 +6760,7 @@ class en {
   createSingleMergedMesh(e, t, i) {
     const s = this.createOptimizedMaterial(t);
     this.viralViewerApi.viralMaterialManager.mergeMaterials.push(s);
-    const n = new Y(
+    const n = new Z(
       void 0,
       s,
       this.viralViewerApi.viralScene.bimWorld.workerPool
@@ -6757,14 +6778,14 @@ class en {
    * Uses onBeforeCompile to inject custom shader code for RGBA vertex colors
    */
   createOptimizedMaterial(e) {
-    const t = Gs.getDeviceType() === "pc", i = (r, o = 2) => {
+    const t = Us.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 J({
+    }, s = e.transparent || e.opacity < 1, n = t ? new K({
       vertexColors: !0,
-      side: te,
+      side: ee,
       // 🔧 FIX: Changed from DoubleSide to halve draw calls
       opacity: e.opacity,
       transparent: !0,
@@ -6928,9 +6949,9 @@ class en {
   }
   //#endregion
 }
-class tn {
+class sn {
   constructor(e) {
-    this.viralViewerApi = e, this.elements = [], this._loadBatchedElementWorker = new en(e);
+    this.viralViewerApi = e, this.elements = [], this._loadBatchedElementWorker = new tn(e);
   }
   //#region Load worker
   async load(e, t, i, s = () => {
@@ -7074,9 +7095,9 @@ class tn {
     }), this.viralViewerApi.viralMaterialManager.mergeMaterials = [], this.viralViewerApi.viralVisibilityManager.disableGroundShadow(), this.viralViewerApi.viralRenderer.render(), this.viralViewerApi.viralDataManager.dataTree = [], this.viralViewerApi.viralScene.selectables = [];
   }
 }
-class sn {
+class nn {
   constructor(e) {
-    this.viralViewerApi = e, this.objectLoader = new ci(), this.gltfLoader = new Bi();
+    this.viralViewerApi = e, this.objectLoader = new li(), this.gltfLoader = new ki();
   }
   parseObject(e) {
     return this.objectLoader.parse(e);
@@ -7088,34 +7109,34 @@ class sn {
     this.gltfLoader.load(e, t, i, s);
   }
 }
-class nn {
+class rn {
   constructor(e) {
-    this.viralViewerApi = e, this.revitLoader = new tn(this.viralViewerApi), this.pointCloudLoader = new Ws(this.viralViewerApi), this.threeLoader = new sn(this.viralViewerApi);
+    this.viralViewerApi = e, this.revitLoader = new sn(this.viralViewerApi), this.pointCloudLoader = new Gs(this.viralViewerApi), this.threeLoader = new nn(this.viralViewerApi);
   }
 }
-class rn {
+class an {
   constructor(e) {
-    this.viralViewerApi = e, this.hoverMaterial = new ft({
-      color: D.hexToThreejsColor(y.secondary),
+    this.viralViewerApi = e, this.hoverMaterial = new gt({
+      color: D.hexToThreejsColor(x.secondary),
       opacity: 0.7,
       transparent: !0,
       depthTest: !1,
       name: "Render Material",
       flatShading: !0
-    }), this.selectedMaterial = new ft({
-      color: D.hexToThreejsColor(y.secondary),
+    }), this.selectedMaterial = new gt({
+      color: D.hexToThreejsColor(x.secondary),
       opacity: 0.7,
       transparent: !0,
       name: "Render Material",
       depthTest: !1,
       flatShading: !0
-    }), this.edgeMaterial = new Xt({
-      color: D.hexToThreejsColor(y.edge),
+    }), this.edgeMaterial = new Qt({
+      color: D.hexToThreejsColor(x.edge),
       linewidth: 2,
-      resolution: new z(window.innerWidth, window.innerHeight),
+      resolution: new N(window.innerWidth, window.innerHeight),
       transparent: !0,
       opacity: 0.8
-    }), this.outlineMaterial = new J({
+    }), this.outlineMaterial = new K({
       transparent: !0,
       opacity: 0
     }), this.materials = [], this.mergeMaterials = [], this.originalColors = [], this.viralViewerApi.emit(R.LOADED_MATERIAL_MANAGER);
@@ -7140,141 +7161,13 @@ class rn {
   resetToOriginal() {
     for (let e = 0; e < this.materials.length; e++) {
       const t = this.materials[e];
-      t instanceof ft && t.color.set(this.originalColors[e]);
-    }
-  }
-}
-const an = {
-  outlineColor: new k(y.accent),
-  outlineOpacity: 1,
-  outlineThickness: 2,
-  selectionAlpha: 0.99,
-  alphaTolerance: 5e-3
-}, $t = `
-varying vec2 vUv;
-void main() {
-  vUv = uv;
-  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-}
-`, on = `
-precision highp float;
-
-uniform sampler2D tDiffuse;
-
-uniform vec2 resolution;
-uniform vec3 outlineColor;
-uniform float outlineOpacity;
-uniform float outlineThickness;
-uniform float selectionAlpha;
-uniform float alphaTolerance;
-
-varying vec2 vUv;
-
-// Check if pixel is selected based on alpha
-float isSelected(vec4 color) {
-  return abs(color.a - selectionAlpha) < alphaTolerance ? 1.0 : 0.0;
-}
-
-// Edge detection - find boundaries between selected and non-selected
-float detectSelectionEdge(vec2 uv, vec2 texelSize) {
-  // Sample center
-  vec4 center = texture2D(tDiffuse, uv);
-  float centerSelected = isSelected(center);
-  
-  // If center is selected, check if any neighbor is NOT selected (inner edge)
-  // If center is NOT selected, check if any neighbor IS selected (outer edge)
-  
-  float maxDiff = 0.0;
-  
-  // Sample 8 neighbors at outline thickness distance
-  for (float y = -1.0; y <= 1.0; y += 1.0) {
-    for (float x = -1.0; x <= 1.0; x += 1.0) {
-      if (x == 0.0 && y == 0.0) continue;
-      
-      vec2 offset = vec2(x, y) * texelSize * outlineThickness;
-      vec4 neighbor = texture2D(tDiffuse, uv + offset);
-      float neighborSelected = isSelected(neighbor);
-      
-      maxDiff = max(maxDiff, abs(centerSelected - neighborSelected));
-    }
-  }
-  
-  // Only draw outline OUTSIDE selection (where center is NOT selected but has selected neighbor)
-  if (centerSelected > 0.5) {
-    return 0.0; // Don't draw outline inside selected area
-  }
-  
-  return maxDiff;
-}
-
-void main() {
-  vec2 texelSize = 1.0 / resolution;
-  vec4 sceneColor = texture2D(tDiffuse, vUv);
-  
-  // Detect selection boundary
-  float edge = detectSelectionEdge(vUv, texelSize);
-  
-  if (edge < 0.5) {
-    // Restore original alpha if it was selection marker
-    float originalAlpha = isSelected(sceneColor) > 0.5 ? 1.0 : sceneColor.a;
-    gl_FragColor = vec4(sceneColor.rgb, originalAlpha);
-    return;
-  }
-  
-  // Apply outline
-  vec3 finalColor = mix(sceneColor.rgb, outlineColor, outlineOpacity);
-  gl_FragColor = vec4(finalColor, 1.0);
-}
-`;
-class ln extends Ot {
-  constructor(e, t = {}) {
-    super(), this.copyMaterial = null, this.bypass = !1, this.hasSelection = !1, this.resolution = e, this.options = { ...an, ...t }, this.outlineMaterial = new ee({
-      uniforms: {
-        tDiffuse: { value: null },
-        resolution: { value: this.resolution },
-        outlineColor: { value: this.options.outlineColor },
-        outlineOpacity: { value: this.options.outlineOpacity },
-        outlineThickness: { value: this.options.outlineThickness },
-        selectionAlpha: { value: this.options.selectionAlpha },
-        alphaTolerance: { value: this.options.alphaTolerance }
-      },
-      vertexShader: $t,
-      fragmentShader: on
-    }), this.fsQuad = new Dt(this.outlineMaterial);
-  }
-  setOptions(e) {
-    this.options = { ...this.options, ...e };
-    const t = this.outlineMaterial.uniforms;
-    t.outlineColor.value = this.options.outlineColor, t.outlineOpacity.value = this.options.outlineOpacity, t.outlineThickness.value = this.options.outlineThickness, t.selectionAlpha.value = this.options.selectionAlpha, t.alphaTolerance.value = this.options.alphaTolerance;
-  }
-  render(e, t, i, s, n) {
-    if (this.bypass || !this.hasSelection) {
-      this.copyMaterial || (this.copyMaterial = new ee({
-        uniforms: { tDiffuse: { value: null } },
-        vertexShader: $t,
-        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, e.setRenderTarget(this.renderToScreen ? null : t), this.fsQuad.render(e);
-      return;
+      t instanceof gt && t.color.set(this.originalColors[e]);
     }
-    this.outlineMaterial.uniforms.tDiffuse.value = i.texture, this.fsQuad.material = this.outlineMaterial, e.setRenderTarget(this.renderToScreen ? null : t), this.fsQuad.render(e);
-  }
-  setSize(e, t) {
-    this.resolution.set(e, t), this.outlineMaterial.uniforms.resolution.value = this.resolution;
-  }
-  dispose() {
-    var e;
-    this.outlineMaterial.dispose(), (e = this.copyMaterial) == null || e.dispose(), this.fsQuad.dispose();
   }
 }
-function cn() {
-  const g = new hi({
-    side: te
+function on() {
+  const g = new ci({
+    side: ee
   });
   return g.onBeforeCompile = (e) => {
     e.vertexShader = `attribute vec4 color;
@@ -7294,10 +7187,10 @@ function cn() {
     );
   }, g;
 }
-function hn() {
+function ln() {
   const g = new G({
     colorWrite: !1,
-    side: te
+    side: ee
   });
   return g.onBeforeCompile = (e) => {
     e.vertexShader = `attribute vec4 color;
@@ -7317,8 +7210,8 @@ function hn() {
     );
   }, g;
 }
-const dn = {
-  edgeColor: new k(0),
+const cn = {
+  edgeColor: new B(0),
   edgeOpacity: 0.6,
   // Reduced for subtlety, better perf
   edgeThickness: 1,
@@ -7335,14 +7228,14 @@ const dn = {
   // Keep - good for creases
   enableObjectIdEdges: !1
   // Disable by default - most expensive (extra render pass)
-}, un = `
+}, hn = `
 varying vec2 vUv;
 
 void main() {
   vUv = uv;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 }
-`, pn = `
+`, dn = `
 precision highp float;
 
 uniform sampler2D tDiffuse;      // Color buffer (from main render)
@@ -7508,7 +7401,7 @@ void main() {
   
   gl_FragColor = vec4(finalColor, color.a);
 }
-`, mn = `
+`, un = `
 attribute float objectIndex;
 varying float vObjectIndex;
 
@@ -7516,7 +7409,7 @@ void main() {
   vObjectIndex = objectIndex;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 }
-`, gn = `
+`, pn = `
 precision highp float;
 varying float vObjectIndex;
 
@@ -7532,14 +7425,14 @@ void main() {
   gl_FragColor = vec4(packIndex(vObjectIndex), 1.0);
 }
 `;
-class fn extends Ot {
+class mn extends Zt {
   constructor(e, t, i, s) {
-    super(), this.excludeObjects = [], this.bypass = !1, this.scene = e, this.camera = t, this.resolution = i || new z(window.innerWidth, window.innerHeight), this.options = { ...dn, ...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 };
     const n = {
-      format: Ut,
-      type: qt,
-      minFilter: Rt,
-      magFilter: Rt
+      format: Wt,
+      type: Ft,
+      minFilter: Ot,
+      magFilter: Ot
     };
     this.normalTarget = new ue(this.resolution.x, this.resolution.y, {
       ...n,
@@ -7555,11 +7448,11 @@ class fn extends Ot {
       this.resolution.x,
       this.resolution.y,
       _t
-    ), this.objectIdTarget = new ue(this.resolution.x, this.resolution.y, n), this.normalMaterial = cn(), this.depthMaterial = hn(), this.objectIdMaterial = new ee({
-      vertexShader: mn,
-      fragmentShader: gn,
-      side: te
-    }), this.edgeMaterial = new ee({
+    ), 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
+    }), this.edgeMaterial = new le({
       uniforms: {
         tDiffuse: { value: null },
         tDepth: { value: null },
@@ -7580,9 +7473,9 @@ class fn extends Ot {
         enableNormalEdges: { value: this.options.enableNormalEdges },
         enableObjectIdEdges: { value: this.options.enableObjectIdEdges }
       },
-      vertexShader: un,
-      fragmentShader: pn
-    }), this.copyMaterial = new ee({
+      vertexShader: hn,
+      fragmentShader: dn
+    }), this.copyMaterial = new le({
       uniforms: {
         tDiffuse: { value: null }
       },
@@ -7600,7 +7493,7 @@ class fn extends Ot {
           gl_FragColor = texture2D(tDiffuse, vUv);
         }
       `
-    }), this.fsQuad = new Dt(this.edgeMaterial);
+    }), this.fsQuad = new Yt(this.edgeMaterial);
   }
   /**
    * Update options
@@ -7658,8 +7551,8 @@ class fn extends Ot {
     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 vn = {
-  outlineColor: new k(y.accent),
+const gn = {
+  outlineColor: new B(x.accent),
   outlineOpacity: 1,
   outlineThickness: 2,
   showOccluded: !0,
@@ -7670,7 +7563,7 @@ void main() {
   vUv = uv;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 }
-`, bn = `
+`, fn = `
 precision highp float;
 
 uniform sampler2D tDiffuse;     // Original scene
@@ -7759,9 +7652,9 @@ void main() {
   gl_FragColor = vec4(finalColor, sceneColor.a);
 }
 `;
-class wn extends Ot {
+class vn extends Zt {
   constructor(e, t, i, s = {}) {
-    super(), this.copyMaterial = null, this.selectionMesh = null, this.hasSelection = !1, this.bypass = !1, this.camera = t, this.resolution = i, this.options = { ...vn, ...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 };
     const n = i.clone().multiplyScalar(0.5);
     this.maskRenderTarget = new ue(n.x, n.y, {
       depthBuffer: !0
@@ -7769,11 +7662,11 @@ class wn extends Ot {
       depthBuffer: !0
     }), this.maskMaterial = new G({
       color: 16777215,
-      side: te,
+      side: ee,
       depthTest: !this.options.showOccluded,
       // Disable depth test to capture occluded parts
       depthWrite: !0
-    }), this.outlineMaterial = new ee({
+    }), this.outlineMaterial = new le({
       uniforms: {
         tDiffuse: { value: null },
         tMask: { value: this.maskRenderTarget.texture },
@@ -7787,8 +7680,8 @@ class wn extends Ot {
         occludedOpacity: { value: this.options.occludedOpacity }
       },
       vertexShader: Mt,
-      fragmentShader: bn
-    }), this.selectionGeometry = new Z(), this.maskScene = new vt(), this.fsQuad = new Dt(this.outlineMaterial);
+      fragmentShader: fn
+    }), this.selectionGeometry = new J(), this.maskScene = new ft(), this.fsQuad = new Yt(this.outlineMaterial);
   }
   /**
    * Update selection geometry from buffer elements
@@ -7796,11 +7689,13 @@ class wn extends Ot {
    * @param positions - Merged Float32Array of all selected element positions
    */
   updateSelectionGeometry(e) {
-    if (this.selectionGeometry.dispose(), this.selectionGeometry = new Z(), !e || e.length === 0) {
-      this.hasSelection = !1, this.selectionMesh && (this.maskScene.remove(this.selectionMesh), this.selectionMesh = null);
+    if (!e || e.length === 0) {
+      this.hasSelection = !1, this.selectionGeometry.setDrawRange(0, 0);
       return;
     }
-    this.hasSelection = !0, this.selectionGeometry.setAttribute("position", new L(e, 3)), this.selectionGeometry.computeBoundingSphere(), this.selectionMesh ? this.selectionMesh.geometry = this.selectionGeometry : (this.selectionMesh = new x(this.selectionGeometry, this.maskMaterial), this.selectionMesh.frustumCulled = !1, this.maskScene.add(this.selectionMesh));
+    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));
   }
   /**
    * Get whether there's an active selection
@@ -7816,7 +7711,7 @@ class wn extends Ot {
   }
   render(e, t, i, s, n) {
     if (this.bypass) {
-      this.copyMaterial || (this.copyMaterial = new ee({
+      this.copyMaterial || (this.copyMaterial = new le({
         uniforms: { tDiffuse: { value: null } },
         vertexShader: Mt,
         fragmentShader: `
@@ -7830,7 +7725,7 @@ class wn extends Ot {
       return;
     }
     if (!this.hasSelection || !this.enabled || !this.selectionMesh) {
-      this.copyMaterial || (this.copyMaterial = new ee({
+      this.copyMaterial || (this.copyMaterial = new le({
         uniforms: { tDiffuse: { value: null } },
         vertexShader: Mt,
         fragmentShader: `
@@ -7856,10 +7751,10 @@ class wn extends Ot {
     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);
   }
 }
-new z(1024, 1024), new k(0);
-class yn {
+new N(1024, 1024), new B(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.alphaSelectionOutlinePass = null, this.perfChecker = new Us(), 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 qs(), this._whiteShader = {
       uniforms: {
         tDiffuse: { value: null },
         shadowTexture: { value: null },
@@ -7890,15 +7785,15 @@ class yn {
         }
     `
     };
-    const i = new z();
+    const i = new N();
     e.getSize(i);
     const s = new ue(i.x, i.y, {
-      format: Ut,
-      type: qt,
+      format: Wt,
+      type: Ft,
       depthBuffer: !0,
       stencilBuffer: !1
     });
-    s.depthTexture = new At(i.x, i.y, _t), this.composer = new Ni(this.renderer, s), this.composer.setSize(window.innerWidth, window.innerHeight);
+    s.depthTexture = new At(i.x, i.y, _t), this.composer = new zi(this.renderer, s), this.composer.setSize(window.innerWidth, window.innerHeight);
   }
   isWebGL2Available() {
     return !!window.WebGL2RenderingContext;
@@ -7907,7 +7802,7 @@ class yn {
     this.composer.render();
   }
   initRenderPass(e, t) {
-    this.renderPass = new Hi(e, t), this.composer.addPass(this.renderPass);
+    this.renderPass = new ji(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
@@ -7917,9 +7812,9 @@ class yn {
       this.initn8aoPass(e, t);
     } else
       this.perfChecker.canHandleBasicEffects();
-    this.initScreenSpaceEdgesPass(e, t), this.initSelectionOutlinePass(e, t), this.initAlphaSelectionOutlinePass(), this.alphaSelectionOutlinePass && (this.alphaSelectionOutlinePass.enabled = !1);
+    this.initScreenSpaceEdgesPass(e, t), this.initSelectionOutlinePass(e, t);
     //! this pass slow render too, turn it off when we dont use
-    const s = new ji();
+    const s = new $i();
     this.composer.addPass(s);
   }
   initGammaPass() {
@@ -7928,7 +7823,7 @@ class yn {
   //#region N8AOPass
   initn8aoPass(e, t) {
     //! need to optimize this base on performance
-    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);
+    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);
   }
   enableN8AOPass() {
     this.n8aoPass && (this.n8aoPass.setDisplayMode("Combined"), this.n8aoPass.enabled = !0);
@@ -7945,19 +7840,19 @@ class yn {
   //#endregion
   //#region Anti Aliases Passes
   initSMAAPass() {
-    this.smaaPass = new Fi(), this.smaaPass.renderToScreen = !0, this.composer.addPass(this.smaaPass);
+    this.smaaPass = new Hi(), this.smaaPass.renderToScreen = !0, this.composer.addPass(this.smaaPass);
   }
   initSSAAPass(e, t) {
-    this.ssaaPass = new Si(e, t), this.ssaaPass.unbiased = !0, this.ssaaPass.sampleLevel = 2, this.composer.addPass(this.ssaaPass);
+    this.ssaaPass = new Ei(e, t), this.ssaaPass.unbiased = !0, this.ssaaPass.sampleLevel = 2, this.composer.addPass(this.ssaaPass);
   }
   initFXAAPass() {
-    this.fxaaPass = new xt(Ci), this.fxaaPass.uniforms.resolution.value.set(
+    this.fxaaPass = new xt(Si), this.fxaaPass.uniforms.resolution.value.set(
       1 / window.innerWidth,
       1 / window.innerHeight
     ), this.composer.addPass(this.fxaaPass);
   }
   initTAAPass(e, t) {
-    this.taaPass = new Ai(e, t), this.taaPass.sampleLevel = 2, this.taaPass.unbiased = !1, this.composer.addPass(this.taaPass);
+    this.taaPass = new Ci(e, t), this.taaPass.sampleLevel = 2, this.taaPass.unbiased = !1, this.composer.addPass(this.taaPass);
   }
   enableTAA() {
     this.taaPass && (this.taaPass.enabled = !0);
@@ -7968,18 +7863,18 @@ class yn {
   //#endregion
   //#region SAO
   initSAOPass(e, t) {
-    this.saoPass = new _i(e, t), this.saoPass.params.saoIntensity = 1e-4, this.saoPass.params.saoKernelRadius = 10, this.composer.addPass(this.saoPass);
+    this.saoPass = new Ai(e, t), this.saoPass.params.saoIntensity = 1e-4, this.saoPass.params.saoKernelRadius = 10, this.composer.addPass(this.saoPass);
   }
   //#endregion
   //#region SSAO
   initSSAOPass(e, t) {
-    this.ssaoPass = new mt(e, t), this.ssaoPass.output = mt.OUTPUT.Default, this.ssaoPass.kernelRadius = 8, this.ssaoPass.minDistance = 1e-5, this.ssaoPass.maxDistance = 0.02, this.ssaoPass.enabled = !0, this.ssaoPass.renderToScreen = !0, this.composer.addPass(this.ssaoPass);
+    this.ssaoPass = new pt(e, t), this.ssaoPass.output = pt.OUTPUT.Default, this.ssaoPass.kernelRadius = 8, this.ssaoPass.minDistance = 1e-5, this.ssaoPass.maxDistance = 0.02, this.ssaoPass.enabled = !0, this.ssaoPass.renderToScreen = !0, this.composer.addPass(this.ssaoPass);
   }
   enableSSAO() {
-    this.ssaoPass && (this.ssaoPass.output = mt.OUTPUT.SSAO, this.ssaoPass.kernelRadius = 64, this.ssaoPass.minDistance = 1e-3, this.ssaoPass.maxDistance = 0.02);
+    this.ssaoPass && (this.ssaoPass.output = pt.OUTPUT.SSAO, this.ssaoPass.kernelRadius = 64, this.ssaoPass.minDistance = 1e-3, this.ssaoPass.maxDistance = 0.02);
   }
   disableSSAO() {
-    this.ssaoPass && (this.ssaoPass.output = mt.OUTPUT.Default, this.ssaoPass.kernelRadius = 1, this.ssaoPass.minDistance = 5e-4, this.ssaoPass.maxDistance = 0.3);
+    this.ssaoPass && (this.ssaoPass.output = pt.OUTPUT.Default, this.ssaoPass.kernelRadius = 1, this.ssaoPass.minDistance = 5e-4, this.ssaoPass.maxDistance = 0.3);
   }
   //#endregion
   //#region SOBEL
@@ -7999,12 +7894,12 @@ class yn {
    * - Object ID discontinuity detection (object boundaries)
    */
   initScreenSpaceEdgesPass(e, t) {
-    this.screenSpaceEdgesPass = new fn(
+    this.screenSpaceEdgesPass = new mn(
       e,
       t,
-      new z(window.innerWidth, window.innerHeight),
+      new N(window.innerWidth, window.innerHeight),
       {
-        edgeColor: new k(0),
+        edgeColor: new B(0),
         edgeOpacity: 1,
         edgeThickness: 2,
         depthMultiplier: 1.5,
@@ -8055,7 +7950,7 @@ class yn {
    */
   setScreenSpaceEdgeColor(e) {
     if (this.screenSpaceEdgesPass) {
-      const t = typeof e == "number" ? new k(e) : e;
+      const t = typeof e == "number" ? new B(e) : e;
       this.screenSpaceEdgesPass.setOptions({ edgeColor: t });
     }
   }
@@ -8086,7 +7981,7 @@ class yn {
    */
   setScreenSpaceEdgesPenMode() {
     this.screenSpaceEdgesPass && this.screenSpaceEdgesPass.setOptions({
-      edgeColor: new k(0),
+      edgeColor: new B(0),
       edgeOpacity: 1,
       edgeThickness: 1.5
     });
@@ -8096,7 +7991,7 @@ class yn {
    */
   setScreenSpaceEdgesShadedMode() {
     this.screenSpaceEdgesPass && this.screenSpaceEdgesPass.setOptions({
-      edgeColor: new k(0),
+      edgeColor: new B(0),
       edgeOpacity: 0.8,
       edgeThickness: 1.5
     });
@@ -8107,13 +8002,13 @@ class yn {
   //#endregion
   //#region Outline Pass
   initOutlinePass(e, t) {
-    this.outlinePass = new $i(
-      new z(window.innerWidth, window.innerHeight),
+    this.outlinePass = new Ni(
+      new N(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(y.accent), this.outlinePass.hiddenEdgeColor.set(y.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(x.accent), this.outlinePass.hiddenEdgeColor.set(x.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);
@@ -8129,12 +8024,12 @@ class yn {
    * Cost: 1 extra draw call + 1 fullscreen pass
    */
   initSelectionOutlinePass(e, t) {
-    this.selectionOutlinePass = new wn(
+    this.selectionOutlinePass = new vn(
       e,
       t,
-      new z(window.innerWidth, window.innerHeight),
+      new N(window.innerWidth, window.innerHeight),
       {
-        outlineColor: new k(y.accent),
+        outlineColor: new B(x.accent),
         outlineOpacity: 1,
         outlineThickness: 2,
         showOccluded: !0,
@@ -8188,7 +8083,7 @@ class yn {
    */
   setSelectionOutlineColor(e) {
     if (this.selectionOutlinePass) {
-      const t = e instanceof k ? e : new k(e);
+      const t = e instanceof B ? e : new B(e);
       this.selectionOutlinePass.setOptions({ outlineColor: t });
     }
   }
@@ -8199,89 +8094,22 @@ class yn {
     this.selectionOutlinePass && this.selectionOutlinePass.setOptions({ outlineThickness: e });
   }
   //#endregion
-  //#region Alpha Selection Outline Pass (Ultra-Fast)
-  /**
-   * Initialize alpha-based selection outline pass
-   * ZERO extra render passes - detects selection via alpha channel in main render
-   * Cost: 1 fullscreen pass only (no geometry re-render)
-   *
-   * This is MUCH faster than SelectionOutlinePass for large selections
-   * Works with both batched meshes (per-vertex alpha) and instanced meshes (per-instance alpha)
-   */
-  initAlphaSelectionOutlinePass() {
-    this.alphaSelectionOutlinePass = new ln(
-      new z(window.innerWidth, window.innerHeight),
-      {
-        outlineColor: new k(y.accent),
-        outlineOpacity: 1,
-        outlineThickness: 2
-      }
-    ), this.alphaSelectionOutlinePass.enabled = !0, this.composer.addPass(this.alphaSelectionOutlinePass);
-  }
-  /**
-   * Enable alpha selection outline rendering
-   */
-  enableAlphaSelectionOutline() {
-    this.alphaSelectionOutlinePass && (this.alphaSelectionOutlinePass.enabled = !0);
-  }
-  /**
-   * Disable alpha selection outline rendering
-   */
-  disableAlphaSelectionOutline() {
-    this.alphaSelectionOutlinePass && (this.alphaSelectionOutlinePass.enabled = !1);
-  }
-  /**
-   * Bypass alpha selection outline (instant, zero cost)
-   */
-  bypassAlphaSelectionOutline() {
-    this.alphaSelectionOutlinePass && (this.alphaSelectionOutlinePass.bypass = !0);
-  }
-  /**
-   * Resume alpha selection outline after bypassing
-   */
-  resumeAlphaSelectionOutline() {
-    this.alphaSelectionOutlinePass && (this.alphaSelectionOutlinePass.bypass = !1);
-  }
-  /**
-   * Set alpha selection outline color
-   */
-  setAlphaSelectionOutlineColor(e) {
-    if (this.alphaSelectionOutlinePass) {
-      const t = e instanceof k ? e : new k(e);
-      this.alphaSelectionOutlinePass.setOptions({ outlineColor: t });
-    }
-  }
-  /**
-   * Set alpha selection outline thickness in pixels
-   */
-  setAlphaSelectionOutlineThickness(e) {
-    this.alphaSelectionOutlinePass && this.alphaSelectionOutlinePass.setOptions({ outlineThickness: e });
-  }
-  /**
-   * Update alpha selection outline state
-   * Call this when selection changes
-   * @param hasSelection - Whether there's any selection active
-   */
-  updateAlphaSelectionOutline(e) {
-    this.alphaSelectionOutlinePass && (this.alphaSelectionOutlinePass.hasSelection = e);
-  }
-  //#endregion
 }
-class xn {
+class wn {
   constructor(e) {
-    this.viralViewerApi = e, this.renderer = new Qt({
+    this.viralViewerApi = e, this.renderer = new Gt({
       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 z(window.innerWidth, window.innerHeight), this.samples = 4;
+    }), 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;
     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 = 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 yn(
+    ), 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,
       this.viralViewerApi
     )), this.jitterOffsets = this.generateJitterOffsets(), this.viralViewerApi.emit(R.LOADED_RENDERER);
@@ -8372,7 +8200,7 @@ class xn {
         o
       );
     } else
-      i instanceof Fe && (i.projectionMatrix.elements[8] = e / this.size.x, i.projectionMatrix.elements[9] = t / this.size.y);
+      i instanceof He && (i.projectionMatrix.elements[8] = e / this.size.x, i.projectionMatrix.elements[9] = t / this.size.y);
     this.jitterIndex = (this.jitterIndex + 1) % this.samples;
   }
   // Generates jitter offsets for the specified number of samples
@@ -8396,19 +8224,19 @@ const de = {
   outlineModel: "viral_outline_model",
   sunlight: "viral_sunlight"
 };
-class Mn {
+class yn {
   constructor(e) {
-    this.viralViewerApi = e, this.scene = new vt(), this.objects = [], this.models = [], this.bimWorld = new es(), this.outlineModel = new x(), 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 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({
       map: null,
       // Use the render target's texture
-      side: te
+      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);
-    const t = new Lt(5, 32, 32), i = new J({
+    const t = new Dt(5, 32, 32), i = new K({
       color: 16768256,
       emissive: 16755200,
       emissiveIntensity: 1
     });
-    this.sunSphere = new x(t, i), this.sunSphere.visible = !1, this.addObject(this.sunSphere), this.addLights(), this.addPivotPoint(), this.viralViewerApi.options.isDev && this.addAxes();
+    this.sunSphere = new y(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) {
@@ -8434,28 +8262,28 @@ class Mn {
   }
   //#region lights
   addLights() {
-    const e = new pt(16777215, 1);
+    const e = new ut(16777215, 1);
     e.position.set(1, 1, 1).normalize();
-    const t = new pt(16777215, 1.5);
+    const t = new ut(16777215, 1.5);
     t.position.set(0, -1, 0).normalize();
-    const i = new pt(16777215, 1);
+    const i = new ut(16777215, 1);
     i.position.set(-1, 1, -1).normalize();
-    const s = new pi(16777215, 1);
-    this.sunLight = new pt(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 mi(this.sunLight.shadow.camera);
+    const s = new ui(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);
     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 Lt(1, 16, 16), t = new G({
-      color: D.hexToThreejsColor(y.accent)
+    const e = new Dt(1, 16, 16), t = new G({
+      color: D.hexToThreejsColor(x.accent)
       // transparent: true,
       // opacity: 0.5,
-    }), i = new x(e, t);
+    }), i = new y(e, t);
     i.name = de.pivotPoint, i.visible = !1, this.addObject(i);
   }
   addTransformControls(e) {
-    this.transformControls = new Gi(
+    this.transformControls = new Fi(
       e,
       this.viralViewerApi.viralRenderer.renderer.domElement
     );
@@ -8472,16 +8300,16 @@ class Mn {
   //#region Helper
   addCube() {
     if (this.scene) {
-      const e = new x(
-        new Pt(1, 1, 1),
-        new J({ color: 16711680 })
+      const e = new y(
+        new Tt(1, 1, 1),
+        new K({ color: 16711680 })
       );
       e.castShadow = !0, e.receiveShadow = !0, this.addObject(e);
     }
   }
   addAxes() {
     if (this.scene) {
-      const e = new gi(10);
+      const e = new mi(10);
       e.renderOrder = 999, e.material.depthTest = !1, e.material.depthWrite = !1, this.addObject(e);
     }
   }
@@ -8495,20 +8323,20 @@ class Mn {
    * Add box helper to check mesh
    */
   addBoxHelper(e) {
-    const t = new fi(e, 16711680);
+    const t = new gi(e, 16711680);
     this.addObject(t);
   }
   addBox3Helper(e) {
-    const t = new vi(e, 16776960);
+    const t = new fi(e, 16776960);
     this.addObject(t);
   }
   addFullscreenQuad() {
-    const e = new oe(window.innerWidth, window.innerHeight);
-    this.fullScreenQuad = new x(e, this.fullScreenQuadMaterial), this.addObject(this.fullScreenQuad);
+    const e = new ae(window.innerWidth, window.innerHeight);
+    this.fullScreenQuad = new y(e, this.fullScreenQuadMaterial), this.addObject(this.fullScreenQuad);
   }
   //#endregion
 }
-const jt = new Float32Array([
+const zt = new Float32Array([
   // Bottom face (Y = -1)
   -1,
   -1,
@@ -8584,7 +8412,7 @@ const jt = new Float32Array([
   -1,
   1,
   1
-]), En = [
+]), xn = [
   new E(1, 0, 0),
   // 0: +X
   new E(-1, 0, 0),
@@ -8597,9 +8425,9 @@ const jt = new Float32Array([
   // 4: +Z
   new E(0, 0, -1)
   // 5: -Z
-], Ue = class Ue {
+], 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 Ft(), 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 $t(), this._selectedFaceIndex = -1, this._clippingPlanes = [], this._transformedEdges = new Float32Array(72);
   }
   /** Whether section box is active (clipping enabled) */
   get isActive() {
@@ -8689,7 +8517,7 @@ const jt = new Float32Array([
     }
     const i = this._getFaceCenter(e);
     this._dragAnchor.position.copy(i), this._dragAnchor.updateMatrixWorld(!0), t.attach(this._dragAnchor), t.setMode("translate");
-    const s = En[e];
+    const s = xn[e];
     t.showX = Math.abs(s.x) > 0.5, t.showY = Math.abs(s.y) > 0.5, t.showZ = Math.abs(s.z) > 0.5, this._positionFaceHighlight(e);
   }
   onDragAnchorChanged() {
@@ -8723,46 +8551,46 @@ const jt = new Float32Array([
   }
   // --- Private methods ---
   _initFromBoundingBox() {
-    const e = new N().setFromObject(this.viralViewerApi.viralScene.bimWorld);
+    const e = new z().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 Xt({
-      color: D.hexToThreejsColor(y.accent),
+    this._outlineMaterial = new Qt({
+      color: D.hexToThreejsColor(x.accent),
       linewidth: 2,
-      resolution: new z(window.innerWidth, window.innerHeight),
+      resolution: new N(window.innerWidth, window.innerHeight),
       worldUnits: !1,
       transparent: !1,
       depthTest: !0,
       depthWrite: !0
-    }), this._outlineGeometry = new qi(), this._outlineGeometry.setPositions(jt), 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 G({
+    }), 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({
       transparent: !0,
       opacity: 0,
-      side: te,
+      side: ee,
       depthWrite: !1,
       depthTest: !1
     });
-    this._hitBoxMesh = new x(e, t), this._hitBoxMesh.name = "SectionBoxHit", this._hitBoxMesh.visible = !0, this._hitBoxMesh.renderOrder = -1, this.viralViewerApi.viralScene.addObject(this._hitBoxMesh);
+    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(y.accent),
+      color: D.hexToThreejsColor(x.accent),
       transparent: !0,
       opacity: 0.15,
-      side: te,
+      side: ee,
       depthWrite: !1,
       depthTest: !1,
       polygonOffset: !0,
       polygonOffsetFactor: 1,
       polygonOffsetUnits: 1
     });
-    this._facePlaneMesh = new x(new oe(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 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);
   }
   _updateVisuals() {
     if (!this._boxOutline || !this._outlineGeometry || !this._hitBoxMesh)
       return;
-    const e = Ue.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 = jt, 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 = zt, 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) {
@@ -8812,7 +8640,7 @@ const jt = new Float32Array([
   _positionFaceHighlight(e) {
     if (!this._facePlaneMesh)
       return;
-    const t = this._center, i = Ue.VISUAL_INSET, s = this._halfSize.x * (1 - i), n = this._halfSize.y * (1 - i), r = this._halfSize.z * (1 - i);
+    const t = this._center, i = Ge.VISUAL_INSET, s = this._halfSize.x * (1 - i), n = this._halfSize.y * (1 - i), r = this._halfSize.z * (1 - i);
     switch (this._facePlaneMesh.visible = !0, this._facePlaneMesh.rotation.set(0, 0, 0), e) {
       case 0:
         this._facePlaneMesh.scale.set(r * 2, n * 2, 1), this._facePlaneMesh.position.set(t.x + s, t.y, t.z), this._facePlaneMesh.rotation.y = Math.PI / 2;
@@ -8862,8 +8690,8 @@ const jt = new Float32Array([
     );
   }
 };
-Ue.VISUAL_INSET = 2e-3;
-let Vt = Ue;
+Ge.VISUAL_INSET = 2e-3;
+let Vt = Ge;
 var We = () => {
   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(
@@ -8942,14 +8770,14 @@ We.Panel = (g, e, t) => {
     }
   };
 };
-class Sn {
+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));
   }
 }
-class Cn {
+class En {
   constructor(e) {
-    this.viralViewerApi = e, this._selectionOutlineEnabled = !0, this.exceptElements = [], this.isolateModelId = "0", this.sunConfiguration = is, this._ground = null, this._alphaSelectionOutlineEnabled = !1, this.opacity = 1, this._fog = new bi(13421772, 1, 1e3), this.rainGeometry = new Z(), 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._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;
   }
   /**
    * show all elements and reset back to normal visualization
@@ -9008,7 +8836,7 @@ class Cn {
    * 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.updateSelectionOutline(), this.updateAlphaSelectionOutline(), this.viralViewerApi.viralRenderer.render());
+    e.length > 0 && (this.viralViewerApi.emit(R.SELECT_ELEMENTS, e), this.viralViewerApi.viralScene.bimWorld.select(e, this.exceptElements), this.scheduleOutlineUpdate());
   }
   /**
    * Add elements to current selection (multi-select with Shift)
@@ -9027,13 +8855,13 @@ class Cn {
       ) || s.push(r);
     });
     const n = [...s, ...i];
-    n.length > 0 ? (this.viralViewerApi.viralScene.bimWorld.select(n, this.exceptElements), this.updateSelectionOutline(), this.updateAlphaSelectionOutline(), this.viralViewerApi.viralRenderer.render()) : this.unselectElements();
+    n.length > 0 ? (this.viralViewerApi.viralScene.bimWorld.select(n, this.exceptElements), this.scheduleOutlineUpdate()) : this.unselectElements();
   }
   /**
    * Unselect all elements
    */
   unselectElements() {
-    this.viralViewerApi.viralScene.bimWorld.unselect(), this.viralViewerApi.emit(R.UNSELECT_ELEMENTS), this.updateSelectionOutline(), this.updateAlphaSelectionOutline(), this.viralViewerApi.viralRenderer.render();
+    this.viralViewerApi.viralScene.bimWorld.unselect(), this.viralViewerApi.emit(R.UNSELECT_ELEMENTS), this.updateSelectionOutline(), this.viralViewerApi.viralRenderer.render();
   }
   selectAllElements() {
     console.time("⏱️ selectAllElements - gathering elements");
@@ -9073,15 +8901,15 @@ class Cn {
     this.viralViewerApi.viralScene.sunLight && (this.viralViewerApi.viralScene.sunLight.castShadow = !1), this.viralViewerApi.viralRenderer.render();
   }
   _adjustLightForMesh(e, t) {
-    const i = new N().setFromObject(e), s = i.min, n = i.max, r = s.distanceTo(n), o = i.getCenter(new E()), a = t.shadow.camera;
+    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;
     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;
     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 k(this.sunConfiguration.color), this.sunConfiguration.enabled !== void 0 && (t.visible = this.sunConfiguration.enabled), t.position.copy(r);
-    const c = i.getBoundingSphere(new Gt()), h = new Wt(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 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);
     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) {
@@ -9096,7 +8924,7 @@ class Cn {
       new E(s.x, s.y, s.z)
     ];
     n.forEach((o) => o.applyMatrix4(e.shadow.camera.matrixWorldInverse));
-    const r = new N().setFromPoints(n);
+    const r = new z().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
@@ -9177,7 +9005,7 @@ class Cn {
   enableAllWhite() {
     this.viralViewerApi.viralMaterialManager.mergeMaterials.forEach(
       (e) => {
-        e.vertexColors = !1, e.color = new k(16448250), e.needsUpdate = !0;
+        e.vertexColors = !1, e.color = new B(16448250), e.needsUpdate = !0;
       }
     ), this.viralViewerApi.viralRenderer.render();
   }
@@ -9210,18 +9038,18 @@ class Cn {
     if (this._ground)
       this._ground.visible = !0, this.viralViewerApi.viralRenderer.render();
     else {
-      let t = new N();
+      let t = new z();
       if (e)
-        t = new N().setFromObject(e);
+        t = new z().setFromObject(e);
       else {
         const a = [this.viralViewerApi.viralScene.bimWorld.bounds];
         t = D.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 ee({
+      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 k(0) },
+          color: { value: new B(0) },
           opacity: { value: 0.5 }
         },
         vertexShader: `
@@ -9243,8 +9071,8 @@ class Cn {
       `,
         transparent: !0
       });
-      this._ground = new x(
-        new oe(s * 1.5, n * 1.5),
+      this._ground = new y(
+        new ae(s * 1.5, n * 1.5),
         o
         // Semi-transparent shadow material
       ), this._ground.rotation.x = -Math.PI / 2, this._ground.position.set(
@@ -9284,9 +9112,9 @@ class Cn {
     for (let i = 0; i < t.length; i++) {
       const s = t[i];
       if (s.buffer) {
-        const n = new Z();
+        const n = new J();
         n.setAttribute("position", new L(s.buffer, 3));
-        const r = new x(
+        const r = new y(
           n,
           this.viralViewerApi.viralMaterialManager.outlineMaterial
         );
@@ -9306,6 +9134,22 @@ class Cn {
     const e = this.viralViewerApi.viralScene.bimWorld.getSelectedElementsPositions();
     (t = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || t.updateSelectionOutline(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.
+   */
+  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();
+    }));
+  }
   /**
    * Enable selection outline effect
    */
@@ -9334,83 +9178,24 @@ class Cn {
   get selectionOutlineEnabled() {
     return this._selectionOutlineEnabled;
   }
-  /**
-   * Update alpha selection outline state
-   * This is MUCH faster than updateSelectionOutline() - no geometry copying needed
-   */
-  updateAlphaSelectionOutline() {
-    var t;
-    if (!this._alphaSelectionOutlineEnabled)
-      return;
-    const e = this.viralViewerApi.viralScene.bimWorld.getSelectedElements().length > 0;
-    (t = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || t.updateAlphaSelectionOutline(
-      e
-    );
-  }
-  /**
-   * Enable alpha selection outline effect
-   * This is the FAST outline mode - constant cost regardless of selection size
-   */
-  enableAlphaSelectionOutline() {
-    var e;
-    (e = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || e.enableAlphaSelectionOutline();
-  }
-  /**
-   * Disable alpha selection outline effect
-   */
-  disableAlphaSelectionOutline() {
-    var e;
-    (e = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || e.disableAlphaSelectionOutline();
-  }
-  /**
-   * Set whether alpha selection outline mode is enabled
-   * This is the recommended mode for large selections (1000+ elements)
-   * @param enabled - true to enable, false to disable
-   */
-  setAlphaSelectionOutlineMode(e) {
-    var t;
-    this._alphaSelectionOutlineEnabled = e, e ? (this.enableAlphaSelectionOutline(), this.updateAlphaSelectionOutline()) : ((t = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || t.updateAlphaSelectionOutline(
-      !1
-    ), this.disableAlphaSelectionOutline()), this.viralViewerApi.viralRenderer.render();
-  }
-  /**
-   * Get whether alpha selection outline mode is enabled
-   */
-  get alphaSelectionOutlineEnabled() {
-    return this._alphaSelectionOutlineEnabled;
-  }
-  /**
-   * Bypass alpha selection outline (fast, for camera movement)
-   */
-  bypassAlphaSelectionOutline() {
-    var e;
-    (e = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || e.bypassAlphaSelectionOutline();
-  }
-  /**
-   * Resume alpha selection outline after bypass
-   */
-  resumeAlphaSelectionOutline() {
-    var e;
-    (e = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || e.resumeAlphaSelectionOutline();
-  }
   //#endregion
   //#region night
   enableNight() {
     this.viralViewerApi.viralScene.lights.forEach((e) => {
       e.name !== de.sunlight && (e.visible = !1);
     }), this.viralViewerApi.viralMaterialManager.mergeMaterials.forEach((e) => {
-      e instanceof J && e.transparent && (e.emissiveIntensity = 0.5);
+      e instanceof K && e.transparent && (e.emissiveIntensity = 0.5);
     }), this.viralViewerApi.viralScene.bimWorld.children.forEach((e) => {
-      e.material instanceof J && e.material.transparent && e.enableLights && e.enableLights();
+      e.material instanceof K && e.material.transparent && e.enableLights && e.enableLights();
     }), this.viralViewerApi.viralRenderer.render();
   }
   disableNight() {
     this.viralViewerApi.viralScene.lights.forEach((e) => {
       e.name !== de.sunlight && (e.visible = !0);
     }), this.viralViewerApi.viralMaterialManager.mergeMaterials.forEach((e) => {
-      e instanceof J && e.transparent && (e.emissiveIntensity = 0);
+      e instanceof K && e.transparent && (e.emissiveIntensity = 0);
     }), this.viralViewerApi.viralScene.bimWorld.children.forEach((e) => {
-      e.material instanceof J && e.material.transparent && e.disableLights && e.disableLights();
+      e.material instanceof K && e.material.transparent && e.disableLights && e.disableLights();
     }), this.viralViewerApi.viralRenderer.render();
   }
   //#endregion
@@ -9454,7 +9239,7 @@ class Cn {
       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 wi({
+      const s = new bi({
         color: 11184810,
         size: 0.2,
         transparent: !0,
@@ -9533,7 +9318,7 @@ class Cn {
   generateLOD() {
     this.viralViewerApi.viralScene.bimWorld.children.forEach((e) => {
       if (e.isMesh) {
-        const t = new yi(), i = D.createLowResMesh(e, 0.5);
+        const t = new wi(), i = D.createLowResMesh(e, 0.5);
         t.addLevel(e, 50), t.addLevel(i, 200), this.viralViewerApi.viralScene.bimWorld.add(t), this.viralViewerApi.viralScene.bimWorld.remove(e);
       }
     });
@@ -9542,7 +9327,7 @@ class Cn {
    * 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 k();
+    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();
     return r.setHSL(i, s, n), r;
   }
   /**
@@ -9558,7 +9343,7 @@ class Cn {
         i,
         this._generateDistinctColor(i)
       );
-      const s = this._batchColors.get(i), n = new J({
+      const s = this._batchColors.get(i), n = new K({
         color: s,
         roughness: 0.7,
         metalness: 0.2,
@@ -9641,7 +9426,7 @@ class Cn {
   }
   //#endregion
 }
-class An {
+class Sn {
   constructor(e) {
     this.viralViewerApi = e, this.contextMenu = null, this.contextItems = [], this.injectContextMenu();
   }
@@ -9651,14 +9436,14 @@ class An {
             transition: background-color 0.3s ease;
         }
         .hover-element:hover {
-            background-color: ${y.hover};
+            background-color: ${x.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: ${y.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: ${x.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) {
@@ -9674,8 +9459,8 @@ class An {
     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 = bt.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>`
+      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>`
       );
       a.addEventListener("click", (l) => {
         l.stopPropagation(), o(l);
@@ -9691,7 +9476,7 @@ class An {
     this.contextItems.push([e, t, i, s]);
   }
 }
-class _n {
+class Cn {
   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">
@@ -9703,7 +9488,7 @@ class _n {
       flex-shrink: 0;
     ">
             <span class="close" id="closeBtn">&times;</span>
-            <h2 style="margin: 0px !important;color:${y.secondary};white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" id="modal-title">
+            <h2 style="margin: 0px !important;color:${x.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;">
@@ -9724,7 +9509,7 @@ class _n {
     }
     
     .modal-content {
-        background-color: ${y.background};
+        background-color: ${x.background};
         border: 1px solid #ccc;
         border-radius: 5px;
         padding: 10px;
@@ -9744,7 +9529,7 @@ class _n {
         width: 15px;
         height: 15px;
         cursor: nwse-resize;
-        background: linear-gradient(135deg, transparent 0%, transparent 50%, ${y.secondary} 50%, ${y.secondary} 100%);
+        background: linear-gradient(135deg, transparent 0%, transparent 50%, ${x.secondary} 50%, ${x.secondary} 100%);
         opacity: 0.5;
         border-bottom-right-radius: 5px;
     }
@@ -9768,7 +9553,7 @@ class _n {
     }
     
     .close:hover {
-        color: ${y.accent};
+        color: ${x.accent};
     }
     ::-webkit-scrollbar {
       width: 5px;
@@ -9801,7 +9586,7 @@ class _n {
   inject() {
     if (this.viralViewerApi.targetElement) {
       const e = document.createElement("style");
-      e.innerHTML = this.rawModalStyle, document.head.appendChild(e), this.modal = bt.createElementFromHTML(this.rawModal), this.viralViewerApi.targetElement.appendChild(this.modal);
+      e.innerHTML = this.rawModalStyle, document.head.appendChild(e), this.modal = vt.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");
@@ -9877,27 +9662,27 @@ class _n {
       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:${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>`;
+        (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>`;
       }
     }
   }
 }
-const Jt = {
+const Kt = {
   QUICK_SAND: {
     importLink: "https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap",
     fontFamily: "Quicksand, sans-serif"
   }
-}, In = (g) => {
+}, An = (g) => {
   const e = document.createElement("style");
-  e.innerHTML = `@import url(${Jt[g]});`, document.head.appendChild(e);
-}, Vn = (g, e) => {
-  const t = Jt[e];
+  e.innerHTML = `@import url(${Kt[g]});`, document.head.appendChild(e);
+}, _n = (g, e) => {
+  const t = Kt[e];
   g && t && (g.style.fontFamily = t.fontFamily);
 };
-class Tn {
+class In {
   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, T, j, H;
+      var c, h, d, u, p, m, f, v, b, w, S, A, C, M, _, I, O, V, P, j, H;
       if (!((c = this.viralNavigationCube.cubeScene) != null && c.activePlane) || (h = this.viralNavigationCube.cubeCamera) != null && h.cameraControlHasMoved)
         return console.log("false"), !1;
       let i = new E(
@@ -9907,9 +9692,9 @@ class Tn {
       );
       if (((m = this.viralNavigationCube.cubeScene) == null ? void 0 : m.activePlane.children.length) > 0) {
         let q = 0, $ = 0, U = 0;
-        for (let F = 0; F < ((f = this.viralNavigationCube.cubeScene) == null ? void 0 : f.activePlane.children.length); F++) {
-          const W = (v = this.viralNavigationCube.cubeScene) == null ? void 0 : v.activePlane.children[F];
-          q += W.position.x, $ += W.position.y, U += W.position.z;
+        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;
         }
         i = new E(
           q / ((b = this.viralNavigationCube.cubeScene) == null ? void 0 : b.activePlane.children.length),
@@ -9934,7 +9719,7 @@ class Tn {
         Math.round(n.y),
         Math.round(n.z)
       );
-      l.multiplyScalar(a), (V = this.viralNavigationCube.viralViewerApi.viralCamera.camera) == null || V.updateMatrixWorld(), (T = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || T.setTarget(0, 0, 0), n.multiplyScalar(2), (j = this.viralNavigationCube.cubeCamera) == null || j.cameraControls.setPosition(
+      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(
         n.x,
         n.y,
         n.z,
@@ -9956,22 +9741,22 @@ class Tn {
           (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, F = 0, W = 0;
-          for (let X = 0; X < ((l = this.viralNavigationCube.cubeScene) == null ? void 0 : l.activePlane.children.length); X++) {
-            const se = (c = this.viralNavigationCube.cubeScene) == null ? void 0 : c.activePlane.children[X];
-            U += se.position.x, F += se.position.y, W += se.position.z;
+          let U = 0, W = 0, F = 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;
           }
           O = new E(
             U / ((h = this.viralNavigationCube.cubeScene) == null ? void 0 : h.activePlane.children.length),
-            F / ((d = this.viralNavigationCube.cubeScene) == null ? void 0 : d.activePlane.children.length),
-            W / ((u = this.viralNavigationCube.cubeScene) == null ? void 0 : u.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)
           );
         }
         const V = new E();
         (p = this.viralNavigationCube.cubeCamera) == null || p.cameraControls.getTarget(
           V
         );
-        const T = O.clone().sub(V).normalize();
+        const P = O.clone().sub(V).normalize();
         (v = this.viralNavigationCube.cubeCamera) == null || v.cameraControlOldPosition.copy(
           (f = (m = this.viralNavigationCube.cubeCamera) == null ? void 0 : m.camera) == null ? void 0 : f.position
         );
@@ -9984,18 +9769,18 @@ class Tn {
           H
         );
         const q = H.clone().sub(j).length(), $ = new E(
-          Math.round(T.x),
-          Math.round(T.y),
-          Math.round(T.z)
+          Math.round(P.x),
+          Math.round(P.y),
+          Math.round(P.z)
         );
         $.multiplyScalar(q), (S = this.viralNavigationCube.viralViewerApi.viralCamera.camera) == null || S.updateMatrixWorld(), (A = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || A.setTarget(
           0,
           0,
           0
-        ), T.multiplyScalar(2), (C = this.viralNavigationCube.cubeCamera) == null || C.cameraControls.setPosition(
-          T.x,
-          T.y,
-          T.z,
+        ), P.multiplyScalar(2), (C = this.viralNavigationCube.cubeCamera) == null || C.cameraControls.setPosition(
+          P.x,
+          P.y,
+          P.z,
           !0
         ), (M = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || M.setPosition(
           $.x,
@@ -10015,7 +9800,7 @@ class Tn {
         }
         this.viralNavigationCube.cubeScene.activePlane = null;
       }
-      const i = t.offsetX, s = t.offsetY, n = (c = this.viralNavigationCube.cubeRenderer) == null ? void 0 : c.renderer.getSize(new z()), r = new z(i / n.width * 2 - 1, -s / n.height * 2 + 1), o = new Tt();
+      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();
       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)) {
@@ -10042,14 +9827,14 @@ class Tn {
   }
   //#endregion
 }
-class Pn {
+class Vn {
   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();
   }
   setupCamera() {
     if (this.viralNavigationCube.targetElement && this.viralNavigationCube.cubeRenderer) {
       const e = this.viralNavigationCube.targetElement.offsetWidth, t = this.viralNavigationCube.targetElement.offsetHeight;
-      this.camera = new Fe(60, e / t, 0.01, 100), this.camera.position.set(0, 0, 2), this.cameraControls = new pe(
+      this.camera = new He(60, e / t, 0.01, 100), this.camera.position.set(0, 0, 2), this.cameraControls = new pe(
         this.camera,
         this.viralNavigationCube.cubeRenderer.renderer.domElement
       ), this.cameraControls.dollyToCursor = !1, this.cameraControls.infinityDolly = !1, this.cameraControls.setTarget(0, 0, 0), this.cameraControls.polarRotateSpeed = 0.15, this.cameraControls.azimuthRotateSpeed = 0.15, this.cameraControls.mouseButtons.middle = pe.ACTION.NONE, this.cameraControls.mouseButtons.wheel = pe.ACTION.NONE, this.cameraControls.addEventListener("control", (i) => {
@@ -10080,9 +9865,9 @@ class Pn {
     window.addEventListener("mousedown", e, !1), window.addEventListener("mousemove", t, !1), window.addEventListener("touchstart", e, !1), window.addEventListener("touchmove", t, !0);
   }
 }
-class On {
+class Pn {
   constructor(e) {
-    this.viralNavigationCube = e, this.renderer = new Qt({
+    this.viralNavigationCube = e, this.renderer = new Gt({
       alpha: !0,
       antialias: !0,
       logarithmicDepthBuffer: !0
@@ -10115,191 +9900,191 @@ class On {
   //     }
   // }
 }
-class Dn {
+class Tn {
   constructor(e, t = 1) {
-    this.viralNavigationCube = e, this.scene = new vt(), 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 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();
   }
   addObject(e) {
     this.scene.add(e), this.objects.push(e);
   }
   addCube() {
-    const e = [], t = ["RIGHT", "LEFT", "TOP", "BOTTOM", "FRONT", "BACK"], i = new xi(), s = document.createElement("canvas"), n = s.getContext("2d"), r = 64;
+    const e = [], t = ["RIGHT", "LEFT", "TOP", "BOTTOM", "FRONT", "BACK"], i = new yi(), 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 = `${y.background}`;
+      const o = `${x.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 = `${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 G({
+        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({
           map: i.load(s.toDataURL())
         });
       const a = this.cubeScale;
-      this.cube = new x(new Pt(a, a, a), e), this.addObject(this.cube);
+      this.cube = new y(new Tt(a, a, a), e), this.addObject(this.cube);
     }
   }
   addPlanes() {
     const e = this.cubeScale, t = new G({
-      side: te,
+      side: ee,
       color: 6659921,
       transparent: !0,
       opacity: 0,
       depthTest: !1
-    }), i = 0.7 * e, s = 0.7 * e, n = 0.15 * e, r = new oe(i, i), o = new oe(n, s), a = new oe(n, n), l = 0.51 * e, c = new x(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 y(r, t.clone());
     c.position.z = l, c.name = "FRONT";
-    const h = new x(o, t.clone());
+    const h = new y(o, t.clone());
     h.position.z = l, h.position.x = i / 2 + n / 2;
-    const d = new x(o, t.clone());
+    const d = new y(o, t.clone());
     d.position.z = l, d.position.x = -(i / 2 + n / 2);
-    const u = new x(o, t.clone());
+    const u = new y(o, t.clone());
     u.position.z = l, u.rotation.z = Math.PI / 2, u.position.y = i / 2 + n / 2;
-    const p = new x(o, t.clone());
+    const p = new y(o, t.clone());
     p.position.z = l, p.rotation.z = Math.PI / 2, p.position.y = -(i / 2 + n / 2);
-    const m = new x(a, t.clone());
+    const m = new y(a, t.clone());
     m.position.z = l, m.position.x = -(i / 2 + n / 2), m.position.y = i / 2 + n / 2;
-    const f = new x(a, t.clone());
+    const f = new y(a, t.clone());
     f.position.z = l, f.position.x = i / 2 + n / 2, f.position.y = i / 2 + n / 2;
-    const v = new x(a, t.clone());
+    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 b = new x(a, t.clone());
+    const b = new y(a, t.clone());
     b.position.z = l, b.position.x = -(i / 2 + n / 2), b.position.y = -(i / 2 + n / 2);
-    const w = new x(r, t.clone());
+    const w = new y(r, t.clone());
     w.position.z = -l, w.name = "BACK";
-    const S = new x(o, t.clone());
+    const S = new y(o, t.clone());
     S.position.z = -l, S.position.x = i / 2 + n / 2;
-    const A = new x(o, t.clone());
+    const A = new y(o, t.clone());
     A.position.z = -l, A.position.x = -(i / 2 + n / 2);
-    const C = new x(o, t.clone());
+    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 x(o, t.clone());
+    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 x(a, t.clone());
+    const _ = new y(a, t.clone());
     _.position.z = -l, _.position.x = i / 2 + n / 2, _.position.y = i / 2 + n / 2;
-    const I = new x(a, t.clone());
+    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 x(a, t.clone());
+    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 x(a, t.clone());
+    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 T = new x(r, t.clone());
-    T.rotation.y = Math.PI / 2, T.position.x = l, T.name = "RIGHT";
-    const j = new x(o, t.clone());
+    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 x(o, t.clone());
+    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 x(o, t.clone());
+    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 x(o, t.clone());
+    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 x(a, t.clone());
+    const U = new y(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 F = new x(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 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 X = new x(a, t.clone());
-    X.rotation.y = Math.PI / 2, X.position.x = l, X.position.z = i / 2 + n / 2, X.position.y = -(i / 2 + n / 2);
-    const se = new x(r, t.clone());
-    se.rotation.y = Math.PI / 2, se.position.x = -l, se.name = "LEFT";
-    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 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 x(o, t.clone());
+    const W = new y(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());
+    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());
+    Ue.rotation.y = Math.PI / 2, Ue.position.x = -l, Ue.position.z = i / 2 + n / 2;
+    const qe = new y(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());
     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 x(o, t.clone());
+    const fe = new y(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 x(a, t.clone());
+    const ve = new y(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 x(a, t.clone());
+    const be = new y(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 x(a, t.clone());
+    const we = new y(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 x(a, t.clone());
+    const ye = new y(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 Ze = new x(r, t.clone());
-    Ze.rotation.x = Math.PI / 2, Ze.position.y = l, Ze.name = "TOP";
-    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 x(o, t.clone());
-    Xe.rotation.x = Math.PI / 2, Xe.position.y = l, Xe.position.x = -(i / 2 + n / 2);
-    const xe = new x(o, t.clone());
+    const Qe = new y(r, t.clone());
+    Qe.rotation.x = Math.PI / 2, Qe.position.y = l, Qe.name = "TOP";
+    const Ze = new y(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());
+    Ye.rotation.x = Math.PI / 2, Ye.position.y = l, Ye.position.x = -(i / 2 + n / 2);
+    const xe = new y(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 x(o, t.clone());
+    const Me = new y(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 x(a, t.clone());
+    const Ee = new y(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 x(a, t.clone());
+    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 x(a, t.clone());
+    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 x(a, t.clone());
+    const Ae = new y(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 Ke = new x(r, t.clone());
-    Ke.rotation.x = Math.PI / 2, Ke.position.y = -l, Ke.name = "BOTTOM";
-    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 et = new x(o, t.clone());
-    et.rotation.x = Math.PI / 2, et.position.y = -l, et.position.x = -(i / 2 + n / 2);
-    const _e = new x(o, t.clone());
+    const Xe = new y(r, t.clone());
+    Xe.rotation.x = Math.PI / 2, Xe.position.y = -l, Xe.name = "BOTTOM";
+    const Ke = new y(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());
+    Je.rotation.x = Math.PI / 2, Je.position.y = -l, Je.position.x = -(i / 2 + n / 2);
+    const _e = new y(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 x(o, t.clone());
+    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 x(a, t.clone());
+    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 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());
+    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());
     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 ei = new G({
+    const Jt = new G({
       color: 11184810
-    }), ti = new oe(1 * e, 1 * e), wt = new x(ti, ei);
-    wt.rotation.x = -Math.PI / 2, wt.position.y = -0.6 * e, this.addObject(c), this.addObject(w), this.addObject(T), this.addObject(se), this.addObject(Ze), this.addObject(Ke), this.addObject(wt);
-    const tt = new x();
-    tt.name = "1131", tt.add(h), tt.add(j), this.addObject(tt);
-    const it = new x();
-    it.name = "1241", it.add(d), it.add(qe), this.addObject(it);
-    const st = new x();
-    st.name = "1353", st.add(u), st.add(xe), this.addObject(st);
-    const nt = new x();
-    nt.name = "1463", nt.add(p), nt.add(_e), this.addObject(nt);
-    const rt = new x();
-    rt.name = "2464", rt.add(M), rt.add(Ie), this.addObject(rt);
-    const at = new x();
-    at.name = "3221", at.add(H), at.add(S), this.addObject(at);
-    const ot = new x();
-    ot.name = "3351", ot.add(q), ot.add(Ye), this.addObject(ot);
-    const lt = new x();
-    lt.name = "3461", lt.add($), lt.add(Je), this.addObject(lt);
-    const ct = new x();
-    ct.name = "4222", ct.add(Qe), ct.add(A), this.addObject(ct);
-    const ht = new x();
-    ht.name = "4352", ht.add(ge), ht.add(Xe), this.addObject(ht);
-    const dt = new x();
-    dt.name = "3462", dt.add(fe), dt.add(et), this.addObject(dt);
-    const ut = new x();
-    ut.name = "5423", ut.add(Me), ut.add(C), this.addObject(ut);
-    const De = new x();
+    }), 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();
+    tt.name = "1241", tt.add(d), tt.add(Ue), this.addObject(tt);
+    const it = new y();
+    it.name = "1353", it.add(u), it.add(xe), this.addObject(it);
+    const st = new y();
+    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();
+    lt.name = "4222", lt.add(qe), lt.add(A), this.addObject(lt);
+    const ct = new y();
+    ct.name = "4352", ct.add(ge), ct.add(Ye), this.addObject(ct);
+    const ht = new y();
+    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();
     De.name = "corner1", De.add(m), De.add(Ae), De.add(be), this.addObject(De);
-    const Re = new x();
+    const Re = new y();
     Re.name = "corner2", Re.add(f), Re.add(U), Re.add(Ce), this.addObject(Re);
-    const Le = new x();
-    Le.name = "corner3", Le.add(v), Le.add(X), Le.add(Te), this.addObject(Le);
-    const ke = new x();
+    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 x();
-    Be.name = "corner5", Be.add(_), Be.add(F), Be.add(Se), this.addObject(Be);
-    const ze = new x();
+    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 x();
+    const Ne = new y();
     Ne.name = "corner7", Ne.add(O), Ne.add(ye), Ne.add(Oe), this.addObject(Ne);
-    const $e = new x();
-    $e.name = "corner8", $e.add(V), $e.add(W), $e.add(Pe), this.addObject($e);
+    const $e = new y();
+    $e.name = "corner8", $e.add(V), $e.add(F), $e.add(Te), this.addObject($e);
   }
 }
-class Rn {
+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 Dn(this, this.cubeScale), this.cubeRenderer = new On(this), this.cubeCamera = new Pn(this), this.cubeMouse = new Tn(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 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);
   }
   injectCubeWrapperElement() {
     if (this.viralViewerApi.targetElement) {
@@ -10320,14 +10105,14 @@ class Rn {
     this.viralViewerApi.viralCamera.backHome();
   }
 }
-class Ln {
+class Dn {
   constructor(e) {
     this.viralViewerApi = e, this.contextMenu = null, this.injectContextMenu();
   }
   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: ${y.secondary}; border-radius:5px; height: 10px; width:10px; opacity:80%; transform: translate(-50%, -50%);display: none`
+      `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`
     ), this.viralViewerApi.targetElement.appendChild(this.contextMenu));
   }
   show(e, t) {
@@ -10337,7 +10122,7 @@ class Ln {
     this.contextMenu && this.contextMenu.style.setProperty("display", "none");
   }
 }
-class kn {
+class Rn {
   constructor(e) {
     this.viralViewerApi = e, this.spinner = null, this.logo = `<svg
    width="348.25488"
@@ -10400,14 +10185,14 @@ class kn {
     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: ${y.background};justify-content: center;align-items: center;display:none;    z-index: 100`
+        `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`
       );
       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 ${y.primary}; animation: spin 1.5s linear infinite;`
+        `width: 200px; height: 200px; border-radius: 50%; border: 2px solid #ccc; border-top: 2px solid ${x.primary}; animation: spin 1.5s linear infinite;`
       );
-      const n = bt.createElementFromHTML(this.logo);
+      const n = vt.createElementFromHTML(this.logo);
       n.setAttribute(
         "style",
         "height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)"
@@ -10421,7 +10206,7 @@ class kn {
     this.spinner && this.spinner.style.setProperty("display", "none");
   }
 }
-class Bn {
+class Ln {
   constructor(e) {
     this.viralTools = e;
   }
@@ -10430,7 +10215,7 @@ class Bn {
     e.activate && console.log((t = this.viralTools.viralViewerApi.viralCamera.camera) == null ? void 0 : t.position);
   }
 }
-class zn {
+class kn {
   constructor(e) {
     this.viralTools = e;
   }
@@ -10438,7 +10223,7 @@ class zn {
     this.viralTools.viralViewerApi.targetElement && e.activate;
   }
 }
-class Nn {
+class Bn {
   constructor(e) {
     this.viralTools = e;
   }
@@ -10455,7 +10240,7 @@ class Nn {
     ));
   }
 }
-class $n {
+class zn {
   constructor(e) {
     this.viralTools = e, this.isActivated = !1;
   }
@@ -10475,9 +10260,9 @@ class $n {
     }
   }
 }
-class jn {
+class Nn {
   constructor(e) {
-    this.viralTools = e, this.viralToolMeasureScene = new vt(), 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;
+    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;
   }
   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();
@@ -10539,20 +10324,20 @@ class jn {
       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 = y.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 = x.primary, r.beginPath(), r.arc(o / 2, o / 2, a * 0.5, 0, Math.PI * 2), r.closePath(), r.fill()), n;
     }
-    const t = new kt(e()), i = new Bt({
+    const t = new Rt(e()), i = new Lt({
       map: t,
       sizeAttenuation: !1
-    }), s = new zt(i);
+    }), s = new kt(i);
     return s.scale.setScalar(0.08), s;
   }
   makeLine(e, t) {
-    const i = new Mi({
-      color: D.hexToThreejsColor(y.primary),
+    const i = new xi({
+      color: D.hexToThreejsColor(x.primary),
       linewidth: 20
-    }), s = [e, t], n = new Z().setFromPoints(s);
-    return new gt(n, i);
+    }), s = [e, t], n = new J().setFromPoints(s);
+    return new mt(n, i);
   }
   makeDistanceSprite(e, t) {
     function i(c, h, d, u, p, m) {
@@ -10562,7 +10347,7 @@ class jn {
     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 = y.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 = x.primary, i(
         n,
         m,
         m,
@@ -10571,8 +10356,8 @@ class jn {
         10
       ), n.shadowBlur = 0, n.fillStyle = "#fff", n.textAlign = "left", n.textBaseline = "top", n.font = "bolder " + r + 'px "Open Sans", Arial', n.fillText(h, u + m, p + m);
     }
-    const o = new kt(s), a = new zt(
-      new Bt({
+    const o = new Rt(s), a = new kt(
+      new Lt({
         map: o,
         sizeAttenuation: !1
       })
@@ -10588,7 +10373,7 @@ class jn {
     e.code == "Escape" && (D.clearChildren(this.tempMeasure), this.point1 = null, this.point2 = null, this.tempPoint2 = null, this.viralTools.viralViewerApi.viralRenderer.render());
   }
 }
-class Hn {
+class $n {
   constructor(e) {
     this.viralTools = e;
   }
@@ -10600,7 +10385,7 @@ class Hn {
       if (e.activate) {
         if (t) {
           if (t.visible = !0, this.viralTools.viralViewerApi.viralScene.models.length > 0) {
-            const i = new N().setFromObject(
+            const i = new z().setFromObject(
               this.viralTools.viralViewerApi.viralScene.models[0]
             ), s = new E();
             i.getSize(s);
@@ -10623,14 +10408,14 @@ class Hn {
     }
   }
 }
-class Fn {
+class jn {
   constructor(e) {
     this.viralViewerApi = e, this.tools = [
       {
         name: "navigation",
         tools: [
           {
-            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>`,
+            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>`,
             index: 0,
             activate: !0,
             allowDehydrated: !1,
@@ -10639,7 +10424,7 @@ class Fn {
             }
           },
           {
-            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>`,
+            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>`,
             index: 1,
             activate: !1,
             allowDehydrated: !1,
@@ -10652,7 +10437,7 @@ class Fn {
         name: "helper",
         tools: [
           {
-            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>`,
+            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>`,
             index: 0,
             activate: !1,
             allowDehydrated: !1,
@@ -10660,7 +10445,7 @@ class Fn {
             action: (t) => this.viralToolElevation.activate(t)
           },
           {
-            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>`,
+            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>`,
             index: 1,
             activate: !1,
             allowDehydrated: !1,
@@ -10668,7 +10453,7 @@ class Fn {
             action: (t) => this.viralToolMeasure.activate(t)
           },
           {
-            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>`,
+            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>`,
             index: 2,
             activate: !1,
             allowDehydrated: !1,
@@ -10682,7 +10467,7 @@ class Fn {
         name: "environment",
         tools: [
           {
-            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>`,
+            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>`,
             index: 0,
             activate: !1,
             allowDehydrated: !1,
@@ -10690,7 +10475,7 @@ class Fn {
             action: (t) => this.viralToolSunlight.activate(t)
           },
           {
-            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>`,
+            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>`,
             index: 1,
             activate: !1,
             allowDehydrated: !1,
@@ -10703,7 +10488,7 @@ class Fn {
         name: "theme",
         tools: [
           {
-            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>`,
+            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>`,
             index: 0,
             activate: !1,
             allowDehydrated: !0,
@@ -10716,7 +10501,7 @@ class Fn {
         name: "debug",
         tools: [
           {
-            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>`,
+            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>`,
             index: 0,
             activate: !1,
             allowDehydrated: !1,
@@ -10727,7 +10512,7 @@ class Fn {
           }
         ]
       }
-    ], this.items = [], this.viralToolAvatar = new zn(this), this.viralToolDarkMode = new Nn(this), this.viralToolSunlight = new Hn(this), this.viralToolElevation = new $n(this), this.viralToolMeasure = new jn(this), this.viralToolAmbientOcclusion = new Bn(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(R.LOADED_TOOLS);
   }
   //#region Init
   injectTools() {
@@ -10741,7 +10526,7 @@ class Fn {
         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: ${y.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: ${x.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");
@@ -10754,10 +10539,10 @@ class Fn {
           const a = document.createElement("div");
           a.setAttribute(
             "style",
-            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${y.background};`
+            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${x.background};`
           ), r.activate && a.setAttribute(
             "style",
-            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${y.secondary};`
+            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${x.secondary};`
           ), o.appendChild(a);
           const l = document.createElement("div");
           l.setAttribute(
@@ -10771,8 +10556,8 @@ class Fn {
           }, l.onmouseleave = () => {
             l.style.setProperty("background-color", "unset");
           };
-          const c = bt.createElementFromHTML(r.svg);
-          r.activate && c && c.setAttribute("fill", `${y.secondary}`), l.appendChild(c), o.appendChild(l), s.appendChild(o);
+          const c = vt.createElementFromHTML(r.svg);
+          r.activate && c && c.setAttribute("fill", `${x.secondary}`), l.appendChild(c), o.appendChild(l), s.appendChild(o);
         }
         e.appendChild(s);
       }
@@ -10806,12 +10591,12 @@ class Fn {
     if (s) {
       s.activate = !s.activate;
       const n = t.children[0], o = t.children[1].children[0];
-      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);
+      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);
     }
   }
   //#endregion
 }
-class Wn {
+class Hn {
   set(e, t) {
     localStorage[e] = t;
   }
@@ -10860,7 +10645,7 @@ class Wn {
     localStorage.clear();
   }
 }
-class Er extends Ns {
+class xr extends $s {
   constructor(e = {
     isDev: !1,
     cameraZUp: !1,
@@ -10872,12 +10657,12 @@ class Er extends Ns {
     adaptiveEdges: !0,
     adaptiveAmbientOcclusion: !0
   }) {
-    super(), this.viralCompressProcessor = new xs(), this.localStorageService = new Wn(), 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, In("QUICK_SAND"), Vn(this.targetElement, "QUICK_SAND"), this.options.enableTools && (this.viralTools = new Fn(this)), this.viralSpinner = new kn(this), this.viralDraggableModal = new _n(this), this.viralContextMenu = new An(this), this.viralPivotPoint = new Ln(this), this.viralScene = new Mn(this), this.viralMaterialManager = new rn(this), this.viralRenderer = new xn(this), this.viralCamera = new ys(this), this.options.enableNavigationCube && (this.viralNavigationCube = new Rn(
+    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(
       this,
       this.options.navigationCubeScale || 1
-    )), this.viralMouse = new js(this), this.viralKeyboard = new $s(this), this.viralAnimation = new ps(this), this.viralVisibilityManager = new Cn(this), this.viralCentralizedEventHandler = new Hs(this), this.viralLoader = new nn(this), this.viralBVH = new bs(), this.viralDataManager = new zs(this), this.viralAvatarManager = new vs(this), this.options.isDev && (this.viralStats = new Sn(this)), this.options.isDev ? this.viralAnimation.devAnimation() : this.viralAnimation.animation();
+    )), 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();
     const t = window;
-    t.VIRAL_VIEWER = this, this.viralSectionBox = new Vt(this), this.viralBatchDebugPanel = new hs(this), this.viralRenderDebugPanel = new us(this), this.viralInstancedDebugPanel = new ds(this), this.options.isDev && import("./lil-gui.esm-BtfdsiIY.mjs").then(({ GUI: i }) => {
+    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;
       const s = new i({ title: "Controls" }), n = s.addFolder("Sun Light");
       n.add(this.viralScene.sunLight, "visible").onChange(() => {
@@ -11057,46 +10842,46 @@ class Er extends Ns {
           // Disable - most expensive
         };
         I.addColor(O, "edgeColor").name("Edge Color").onChange((V) => {
-          var T;
-          (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeColor(
+          var P;
+          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeColor(
             parseInt(V.replace("#", "0x"))
           ), this.viralRenderer.render();
         }), I.add(O, "edgeOpacity", 0, 1, 0.05).name("Opacity").onChange((V) => {
-          var T;
-          (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeOpacity(V), this.viralRenderer.render();
+          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 T;
-          (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeThickness(
+          var P;
+          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeThickness(
             V
           ), this.viralRenderer.render();
         }), I.add(O, "depthMultiplier", 0, 3, 0.1).name("Depth Sensitivity").onChange((V) => {
-          var T;
-          (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgesOptions({
+          var P;
+          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgesOptions({
             depthMultiplier: V
           }), this.viralRenderer.render();
         }), I.add(O, "normalMultiplier", 0, 3, 0.1).name("Normal Sensitivity").onChange((V) => {
-          var T;
-          (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgesOptions({
+          var P;
+          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgesOptions({
             normalMultiplier: V
           }), this.viralRenderer.render();
         }), I.add(O, "normalBias", 0, 1, 0.01).name("Normal Bias").onChange((V) => {
-          var T;
-          (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgesOptions({
+          var P;
+          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgesOptions({
             normalBias: V
           }), this.viralRenderer.render();
         }), I.add(O, "enableDepthEdges").name("Depth Edges").onChange((V) => {
-          var T;
-          (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeMethods({
+          var P;
+          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeMethods({
             depth: V
           }), this.viralRenderer.render();
         }), I.add(O, "enableNormalEdges").name("Normal Edges").onChange((V) => {
-          var T;
-          (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeMethods({
+          var P;
+          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeMethods({
             normal: V
           }), this.viralRenderer.render();
         }), I.add(O, "enableObjectIdEdges").name("Object ID Edges").onChange((V) => {
-          var T;
-          (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeMethods({
+          var P;
+          (P = this.viralRenderer.postProcessingRenderer) == null || P.setScreenSpaceEdgeMethods({
             objectId: V
           }), this.viralRenderer.render();
         });
@@ -11105,37 +10890,37 @@ class Er extends Ns {
   }
 }
 export {
-  fr as BufferElement,
-  ls as CheckClashResult,
-  os as CompareModelsResult,
-  as as DataTree,
-  Mr as DebouncedEventHandler,
-  is as DefaultLightConfiguration,
+  mr as BufferElement,
+  cs as CheckClashResult,
+  ls as CompareModelsResult,
+  os as DataTree,
+  yr as DebouncedEventHandler,
+  ss as DefaultLightConfiguration,
   It as Dictionary,
-  mr as ElementFragment,
-  pr as Fragment,
-  cs as GroupByResult,
-  bt as HTMLUtil,
+  ur as ElementFragment,
+  dr as Fragment,
+  hs as GroupByResult,
+  vt as HTMLUtil,
   Q as LogUtil,
   D as THREEUtil,
-  xr as TreeNode,
-  es as ViralBIMWorld,
-  hs as ViralBatchDebugPanel,
-  Y as ViralBatchedMesh,
-  K as ViralCameraEventType,
-  ds as ViralInstancedDebugPanel,
+  wr as TreeNode,
+  ts as ViralBIMWorld,
+  ds as ViralBatchDebugPanel,
+  Z as ViralBatchedMesh,
+  X as ViralCameraEventType,
+  us as ViralInstancedDebugPanel,
   me as ViralKeyboardEventType,
-  B as ViralMouseEventType,
-  ae as ViralPoint,
-  us as ViralRenderDebugPanel,
-  Er as ViralViewerApi,
-  gr as ViralViewerRevitGeometry,
-  ur as ViralViewerRevitNoneStructuralGeometry,
-  ts as ViralutionBox,
-  Kt as ViralutionCamera,
-  vr as ViralutionElement,
+  k as ViralMouseEventType,
+  re as ViralPoint,
+  ps as ViralRenderDebugPanel,
+  xr as ViralViewerApi,
+  pr as ViralViewerRevitGeometry,
+  hr as ViralViewerRevitNoneStructuralGeometry,
+  is as ViralutionBox,
+  Xt as ViralutionCamera,
+  gr as ViralutionElement,
   R as ViralutionEvent,
-  wr as ViralutionSolid,
-  br as ViralutionStandaloneModel,
-  yr as ViralutionTrackingModel
+  vr as ViralutionSolid,
+  fr as ViralutionStandaloneModel,
+  br as ViralutionTrackingModel
 };