viral-viewer-2 7.2.2 → 7.2.3

package/dist/index.mjs

@@ -1,31 +1,31 @@
-import { Vector3 as E, Box3 as z, Mesh as y, BufferAttribute as L, BufferGeometry as Z, 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 Tt, MathUtils as ri, PerspectiveCamera as He, OrthographicCamera as Ct, Euler as ai, MeshPhongMaterial as gt, FrontSide as oi, MeshStandardMaterial as J, 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 Pt, 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 Vi, acceleratedRaycast as Ii } from "three-mesh-bvh";
+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 pe from "camera-controls";
-import { inflate as Ti, Inflate as Pi } 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 { 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 { ShaderPass as xt } from "three/examples/jsm/postprocessing/ShaderPass";
-import { SMAAPass as Hi } from "three/examples/jsm/postprocessing/SMAAPass";
+import { SMAAPass as Fi } from "three/examples/jsm/postprocessing/SMAAPass";
 import { GammaCorrectionShader as Wi } from "three/examples/jsm/shaders/GammaCorrectionShader";
-import { Pass as Zt, FullScreenQuad as Yt } from "three/examples/jsm/postprocessing/Pass";
-import { TransformControls as Fi } from "three/examples/jsm/controls/TransformControls";
-import { LineSegments2 as Gi } from "three/examples/jsm/lines/LineSegments2";
-import { LineSegmentsGeometry as Ui } from "three/examples/jsm/lines/LineSegmentsGeometry";
-class vt {
+import { Pass as 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 {
   static createElementFromHTML(e) {
     const t = document.createElement("div");
     return t.innerHTML = e.trim(), t.firstChild;
   }
 }
-const qi = {
+const Qi = {
   background: "#ffffff",
   primary: "#17312c",
   secondary: "#56b77e",
@@ -37,18 +37,18 @@ const qi = {
   added: "#16C47F",
   modified: "#FFD65A",
   notChanged: "#000000"
-}, x = qi;
+}, y = Qi;
 class Q {
   static information(e) {
     console.log(
       `%c ${e}`,
-      `color: ${x.primary}; background: ${x.background}; font-size: 16px;`
+      `color: ${y.primary}; background: ${y.background}; font-size: 16px;`
     );
   }
   static error(e) {
     console.log(
       `%c ${e}`,
-      `color: ${x.accent}; background: ${x.background}; font-size: 16px;`
+      `color: ${y.accent}; background: ${y.background}; font-size: 16px;`
     );
   }
   static memory(e) {
@@ -107,23 +107,23 @@ class D {
     return t.length == 1 ? "0" + t : t;
   }
   static mergeBoundingBoxes(e) {
-    const t = new z();
+    const t = new N();
     return e.forEach((i) => {
       t.union(i);
     }), t;
   }
   static createLowResMesh(e, t = 0.5) {
-    const i = new Mi();
+    const i = new Ei();
     console.log(e);
     const s = i.modify(
       e.geometry.clone(),
       Math.floor(e.geometry.attributes.position.count * t)
     );
-    return new y(s, e.material);
+    return new x(s, e.material);
   }
 }
-const Qi = D.hexToRGB(x.accent);
-class Y extends y {
+const Zi = D.hexToRGB(y.accent), Yi = 0.99;
+class Y extends x {
   constructor(e, t, i) {
     super(e, t), this.globalMaterialIndex = -1, this.workerPool = null, this._depthPrePassMesh = null, this._bufferElements = [], this._colors = null, this._originalColor = null, this._elementMap = /* @__PURE__ */ new Map(), this._isBatching = !1, this._batchQueue = [], this._isProcessingQueue = !1, this._edgeLines = null, this._edgeRanges = /* @__PURE__ */ new Map(), this._edgeThreshold = 60, this._edgeMaterial = null, this._selectedElements = [], this._hidingElements = [], this._isolatingElements = [], this._hiddenSet = /* @__PURE__ */ new Set(), this._isolatedSet = /* @__PURE__ */ new Set(), this._elementOpacityMap = /* @__PURE__ */ new Map(), this._isRGBAMode = !1, this._elementOriginalColors = /* @__PURE__ */ new Map(), this._temporaryColors = /* @__PURE__ */ new Map(), this._isGeneratedLights = !1, this._pointLight = null, this.workerPool = i || null;
   }
@@ -369,8 +369,8 @@ class Y extends y {
     const n = new Uint32Array(e);
     for (let o = 0; o < e; o++)
       n[o] = o;
-    const r = new Ut();
-    r.setPositions(i), this._edgeLines = new qt(r, this._edgeMaterial), this.add(this._edgeLines);
+    const r = new Zt();
+    r.setPositions(i), this._edgeLines = new Yt(r, this._edgeMaterial), this.add(this._edgeLines);
   }
   /** Show edges ONLY for the given elements */
   isolateEdge(e) {
@@ -429,13 +429,43 @@ class Y extends y {
    * Select elements (highlights them with accent color)
    */
   select(e, t = []) {
-    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Qi);
+    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Zi), this._setSelectionAlpha(this._selectedElements, Yi);
   }
   get selectedElements() {
     return this._selectedElements;
   }
   unselect() {
-    this._selectedElements.length !== 0 && (this.resetColor(this._selectedElements), this._selectedElements = []);
+    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;
+    }
   }
   //#endregion
   //#region Hide/Isolate/Show
@@ -625,7 +655,7 @@ class Y extends y {
       depthWrite: !0,
       side: e == null ? void 0 : e.side
     });
-    this._depthPrePassMesh = new y(this.geometry, t), this._depthPrePassMesh.renderOrder = 0, this._depthPrePassMesh.matrixAutoUpdate = !1, this._depthPrePassMesh.matrixWorld.copy(this.matrixWorld), this.parent && this.parent.add(this._depthPrePassMesh);
+    this._depthPrePassMesh = new x(this.geometry, t), this._depthPrePassMesh.renderOrder = 0, this._depthPrePassMesh.matrixAutoUpdate = !1, this._depthPrePassMesh.matrixWorld.copy(this.matrixWorld), this.parent && this.parent.add(this._depthPrePassMesh);
   }
   /**
    * Remove and dispose the depth pre-pass mesh
@@ -957,7 +987,7 @@ class Y extends y {
         }
       });
       const t = D.getCenterPoint(e), i = this.getFarthestDistance(t, e);
-      t && !this._pointLight && (this._pointLight = new Nt(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
+      t && !this._pointLight && (this._pointLight = new Ht(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
     }
     this._pointLight && (this._pointLight.visible = !0);
   }
@@ -992,7 +1022,7 @@ class Y extends y {
     );
     if (t.length === 0)
       return null;
-    const i = new z(), s = new E();
+    const i = new N(), s = new E();
     for (const n of t)
       if (n.buffer)
         for (let r = 0; r < n.buffer.length; r += 3)
@@ -1086,12 +1116,12 @@ class Y extends y {
     }), this.geometry.index && this.geometry.setIndex(null)), this._edgeLines && (this._edgeLines.geometry && this._edgeLines.geometry.dispose(), this.remove(this._edgeLines), this._edgeLines = null), this.geometry = null;
   }
 }
-let Zi = 1;
-class Bt {
+let Xi = 1;
+class Nt {
   constructor(e) {
     this._worker = new Worker(e), this._worker.onmessage = (t) => {
       this._OnMessage(t);
-    }, this._resolve = null, this._id = Zi++;
+    }, this._resolve = null, this._id = Xi++;
   }
   _OnMessage(e) {
     const t = this._resolve;
@@ -1107,14 +1137,14 @@ class Bt {
     this._worker.terminate();
   }
 }
-class te {
+class ie {
   /**
    *
    * @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 Bt(t)), this._free = [...this._workers], this._busy = {}, this._queue = [];
+    this._workers = [], this.maximumNumberOfWorker = e, this.scriptPath = t, this._workers.push(new Nt(t)), this._free = [...this._workers], this._busy = {}, this._queue = [];
   }
   get length() {
     return this._workers.length;
@@ -1133,7 +1163,7 @@ class te {
   _PumpQueue() {
     for (; this._queue.length > 0; ) {
       if (this._free.length == 0 && this._workers.length < this.maximumNumberOfWorker) {
-        const s = new Bt(this.scriptPath);
+        const s = new Nt(this.scriptPath);
         this._workers.push(s), this._free.push(s);
       }
       if (this._free.length == 0)
@@ -1150,7 +1180,7 @@ class te {
     this._workers.forEach((e) => e.dispose()), this._workers = [], this._free = [], this._busy = {}, this._queue = [];
   }
 }
-const Yi = D.hexToRGB(x.accent), Fe = class Fe extends $t {
+const Ki = D.hexToRGB(y.accent), Ge = class Ge extends Ft {
   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);
   }
@@ -1191,23 +1221,25 @@ const Yi = D.hexToRGB(x.accent), Fe = class Fe extends $t {
     );
   }
   _createInstancedMesh(e, t, i) {
-    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({
+    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({
         geometryKey: i,
-        instanceIndex: c,
+        instanceIndex: h,
         instancedMesh: n
       });
-    }), n.instanceColor = new wt(r, 3), n.instanceMatrix.needsUpdate = !0;
+    }), n.instanceColor = new je(r, 3), n.instanceMatrix.needsUpdate = !0;
     const o = new Float32Array(t.length);
-    return o.fill(1), s.setAttribute("instanceOpacity", new wt(o, 1)), this.material && "vertexColors" in this.material && (this.material.vertexColors = !0, this.material.needsUpdate = !0), n;
+    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;
   }
   _createGeometryFromBuffer(e) {
     const t = new Z();
@@ -1229,9 +1261,9 @@ const Yi = D.hexToRGB(x.accent), Fe = class Fe extends $t {
   }
   _transformArrayToMatrix4(e) {
     if (e.length === 16)
-      return new ne().fromArray(e);
+      return new re().fromArray(e);
     if (e.length === 12) {
-      const t = new ne();
+      const t = new re();
       return t.set(
         e[0],
         e[1],
@@ -1251,7 +1283,7 @@ const Yi = D.hexToRGB(x.accent), Fe = class Fe extends $t {
         1
       ), t;
     } else
-      return console.warn("Unsupported transform array length:", e.length), new ne().identity();
+      return console.warn("Unsupported transform array length:", e.length), new re().identity();
   }
   _generateGeometryKey(e) {
     let t = e.length.toString();
@@ -1267,10 +1299,29 @@ const Yi = D.hexToRGB(x.accent), Fe = class Fe extends $t {
   }
   //#region Selection and Color Control
   select(e, t = []) {
-    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Yi);
+    this.unselect(), this._selectedElements = e, this.changeColor(this._selectedElements, Ki), this._setInstanceSelection(this._selectedElements, 1);
   }
   unselect() {
-    this._selectedElements.length > 0 && (this.resetColor(this._selectedElements), this._selectedElements = []);
+    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);
+        }
+    }
   }
   /**
    * Changes the color of multiple elements.
@@ -1394,7 +1445,7 @@ const Yi = D.hexToRGB(x.accent), Fe = class Fe extends $t {
       var r;
       const n = (r = this._elementMap.get(i)) == null ? void 0 : r.get(s);
       n && n.forEach(({ instancedMesh: o, instanceIndex: a }) => {
-        o.setMatrixAt(a, Fe.ZERO_MATRIX), o.instanceMatrix.needsUpdate = !0;
+        o.setMatrixAt(a, Ge.ZERO_MATRIX), o.instanceMatrix.needsUpdate = !0;
       });
     }));
   }
@@ -1412,7 +1463,7 @@ const Yi = D.hexToRGB(x.accent), Fe = class Fe extends $t {
       this._isolatedSet.add(s);
     }), this._isolatingElements = [...t], this._isolatedSet.size === 0 ? (this.visible = !1, this._isolatingElements) : (this._instancedMeshes.forEach((i) => {
       for (let s = 0; s < i.count; s++)
-        i.setMatrixAt(s, Fe.ZERO_MATRIX);
+        i.setMatrixAt(s, Ge.ZERO_MATRIX);
       i.instanceMatrix.needsUpdate = !0;
     }), t.forEach(({ modelId: i, elementId: s }) => {
       var o, a;
@@ -1482,7 +1533,10 @@ const Yi = D.hexToRGB(x.accent), Fe = class Fe extends $t {
   //#endregion
   //#region Opacity Control (Per-Instance Transparency)
   /**
-   * Inject per-instance opacity shader into material
+   * Inject per-instance opacity and selection shader into material
+   * Enables:
+   * - Per-instance opacity (ghosting, hiding)
+   * - Selection alpha marker (for fast outline detection via AlphaSelectionOutlinePass)
    * Must be called after material is set and before rendering
    */
   injectOpacityShader() {
@@ -1494,19 +1548,28 @@ const Yi = D.hexToRGB(x.accent), Fe = class Fe extends $t {
         "#include <common>",
         `#include <common>
 attribute float instanceOpacity;
-varying float vInstanceOpacity;`
+attribute float instanceSelected;
+varying float vInstanceOpacity;
+varying float vInstanceSelected;`
       ), t.vertexShader = t.vertexShader.replace(
         "#include <begin_vertex>",
         `#include <begin_vertex>
-vInstanceOpacity = instanceOpacity;`
+vInstanceOpacity = instanceOpacity;
+vInstanceSelected = instanceSelected;`
       ), t.fragmentShader = t.fragmentShader.replace(
         "#include <common>",
         `#include <common>
-varying float vInstanceOpacity;`
+varying float vInstanceOpacity;
+varying float vInstanceSelected;`
       ), 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);
@@ -1519,11 +1582,25 @@ if (gl_FragColor.a < 0.01) discard;`
       if (!e.geometry.getAttribute("instanceOpacity")) {
         const t = new Float32Array(e.count);
         t.fill(1);
-        const i = new wt(t, 1);
+        const i = new je(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
    */
@@ -1623,7 +1700,7 @@ varying float vInstanceOpacity;`
 if (vInstanceOpacity < 0.5) discard;`
         );
       }, i.needsUpdate = !0;
-      const s = new oe(
+      const s = new le(
         e.geometry,
         i,
         e.count
@@ -1758,7 +1835,7 @@ if (vInstanceOpacity < 0.5) discard;`
           r.length * o
         );
         for (let c = 0; c < o; c++) {
-          const h = new ne();
+          const h = new re();
           e.getMatrixAt(c, h);
           const d = c * r.length;
           for (let u = 0; u < r.length; u += 3) {
@@ -1770,9 +1847,9 @@ if (vInstanceOpacity < 0.5) discard;`
             p.applyMatrix4(h), a[d + u] = p.x, a[d + u + 1] = p.y, a[d + u + 2] = p.z;
           }
         }
-        const l = new Ut();
+        const l = new Zt();
         if (l.setPositions(a), this._edgeMaterial) {
-          const c = new qt(l, this._edgeMaterial);
+          const c = new Yt(l, this._edgeMaterial);
           this.add(c), this._edgeLines.set(t, c);
         }
       }
@@ -1802,7 +1879,7 @@ if (vInstanceOpacity < 0.5) discard;`
    * Custom raycast function for instanced meshes
    */
   _instancedRaycast(e, t, i) {
-    const s = oe.prototype.raycast, n = [];
+    const s = le.prototype.raycast, n = [];
     s.call(e, t, n), n.forEach((r) => {
       if (r.instanceId !== void 0) {
         const o = this.findElementByInstancedMeshAndIndex(
@@ -1853,15 +1930,15 @@ if (vInstanceOpacity < 0.5) discard;`
   }
   getElementBoxs(e) {
     var s;
-    const t = new z();
+    const t = new N();
     let i = !1;
     for (const n of e) {
       const r = (s = this._elementMap.get(n.modelId)) == null ? void 0 : s.get(n.elementId);
       if (!(!r || r.length === 0))
         for (const { instancedMesh: o, instanceIndex: a } of r) {
-          const l = new ne();
+          const l = new re();
           o.getMatrixAt(a, l);
-          const c = new z().setFromBufferAttribute(
+          const c = new N().setFromBufferAttribute(
             o.geometry.getAttribute("position")
           );
           c.applyMatrix4(l), t.union(c), i = !0;
@@ -1894,7 +1971,7 @@ if (vInstanceOpacity < 0.5) discard;`
         }
       });
       const t = D.getCenterPoint(e), i = this.getFarthestDistance(t, e);
-      t && !this._pointLight && (this._pointLight = new Nt(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
+      t && !this._pointLight && (this._pointLight = new Ht(16562741, 1, i, 0.1), this._pointLight.position.copy(t), this.add(this._pointLight)), this._isGeneratedLights = !0;
     }
     this._pointLight && (this._pointLight.visible = !0);
   }
@@ -1930,9 +2007,9 @@ if (vInstanceOpacity < 0.5) discard;`
   }
   //#endregion
 };
-Fe.ZERO_MATRIX = new ne().makeScale(0, 0, 0);
-let ce = Fe;
-const Xi = `
+Ge.ZERO_MATRIX = new re().makeScale(0, 0, 0);
+let ce = Ge;
+const Ji = `
 // Web Worker code as string (to be created as blob URL)
 self.onmessage = function(e) {
   const { 
@@ -2046,16 +2123,16 @@ self.onmessage = function(e) {
   }
 };
 `;
-class Ki extends y {
+class es extends x {
   constructor() {
     super(), this.workerPool = null, this.bimModels = [], this.isReady = !1, this._batchedMeshes = [], this._instancedMeshes = [], this._isolatingElements = [], this._initializeWorkerPool(4);
   }
   _initializeWorkerPool(e) {
     try {
-      const t = new Blob([Xi], {
+      const t = new Blob([Ji], {
         type: "application/javascript"
       }), i = URL.createObjectURL(t);
-      this.workerPool = new te(
+      this.workerPool = new ie(
         e || navigator.hardwareConcurrency || 4,
         i
       ), console.log(
@@ -2067,9 +2144,9 @@ class Ki extends y {
   }
   get bounds() {
     try {
-      return new z().setFromObject(this);
+      return new N().setFromObject(this);
     } catch {
-      return new z();
+      return new N();
     }
   }
   setReady(e) {
@@ -2119,9 +2196,9 @@ class Ki extends y {
   }
   hide(e) {
     this._batchedMeshes.forEach((t) => {
-      t.hide(e), t.hideEdge(e);
+      t.hide(e);
     }), this._instancedMeshes.forEach((t) => {
-      t.hide(e), t.hideEdge(e);
+      t.hide(e);
     });
   }
   isolate(e) {
@@ -2234,7 +2311,7 @@ class Ki extends y {
       return null;
     const n = new Float32Array(s);
     let r = 0;
-    const o = new ne(), a = new E();
+    const o = new re(), a = new E();
     for (const l of i)
       if (l.buffer)
         if (l.instances && l.instances.length > 0)
@@ -2354,67 +2431,67 @@ class Ki extends y {
     this.isReady = !1, this._batchedMeshes.forEach((e) => e.dispose()), this._batchedMeshes = [], this._instancedMeshes.forEach((e) => e.dispose()), this._instancedMeshes = [], this.children = [];
   }
 }
-class or {
+class ur {
   constructor() {
     this.MaterialIndex = 0, this.Vertices = [], this.Indices = [], this.Name = "", this.Instances = [];
   }
 }
-class lr {
+class pr {
   constructor() {
     this.MaterialIndex = 0, this.Elements = [];
   }
 }
-class cr {
+class mr {
   constructor() {
     this.Vertices = [], this.Indices = [], this.Instances = [], this.Id = "";
   }
 }
-class hr {
+class gr {
   constructor() {
     this.Vertices = [], this.Indices = [], this.Transform = null;
   }
 }
-class dr {
+class fr {
   constructor() {
     this.buffer = null, this.instances = [];
   }
 }
-class ur {
+class vr {
   constructor() {
     this.Solids = [], this.Id = "", this.Instances = [];
   }
 }
-class pr {
+class br {
   constructor() {
-    this.Materials = [], this.Elements = [], this.Camera = new Xt();
+    this.Materials = [], this.Elements = [], this.Camera = new Kt();
   }
 }
-class mr {
+class wr {
   constructor() {
     this.MaterialIndex = 0, this.Vertices = [], this.Indices = [], this.Buffer = [];
   }
 }
-class Xt {
+class Kt {
   constructor() {
-    this.scale = 0, this.origin = new re(), this.eyePosition = new re(), this.upDirection = new re(), this.forwardDirection = new re(), this.target = new re(), this.box = new Ji();
+    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();
   }
 }
-class Ji {
+class ts {
   constructor() {
-    this.min = new re(), this.max = new re();
+    this.min = new ae(), this.max = new ae();
   }
 }
-class gr {
+class yr {
   constructor() {
-    this.Data = {}, this.CameraData = new Xt(), this.Translation = [];
+    this.Data = {}, this.CameraData = new Kt(), this.Translation = [];
   }
 }
-class re {
+class ae {
   constructor() {
     this.X = 0, this.Y = 0, this.Z = 0;
   }
 }
-const es = {
+const is = {
   enabled: !0,
   castShadow: !0,
   intensity: 5,
@@ -2425,7 +2502,7 @@ const es = {
   indirectLightIntensity: 1.2,
   shadowcatcher: !0
 };
-function ts() {
+function ss() {
   function g(i) {
     let s = 0;
     for (let n = 0; n < i.length; n++)
@@ -2458,21 +2535,21 @@ function ts() {
         w.vx = 0, w.vy = 0, i.forEach((S) => {
           if (b.id === S.id)
             return;
-          const A = u.get(S.id), C = w.x - A.x, M = w.y - A.y, _ = C * C + M * M, V = Math.sqrt(_) || 1, O = d * d / V;
-          w.vx += C / V * O, w.vy += M / V * O;
+          const A = u.get(S.id), C = w.x - A.x, M = w.y - A.y, _ = C * C + M * M, I = Math.sqrt(_) || 1, O = d * d / I;
+          w.vx += C / I * O, w.vy += M / I * O;
         });
       }), s.forEach((b) => {
         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, V = Math.sqrt(M * M + _ * _) || 1, O = V * V / d, I = M / V * O, T = _ / V * O;
-        A.vx -= I, A.vy -= T, C.vx += I, 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, T = _ / I * O;
+        A.vx -= V, A.vy -= T, C.vx += V, C.vy += T;
       }), 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, V = w.x - C, O = w.y - M;
-          if (Math.sqrt(V * V + O * O) > _) {
-            const T = Math.atan2(O, V);
+          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);
           }
         } else
@@ -2507,11 +2584,11 @@ function ts() {
     }
   };
 }
-const is = ts;
-class ss {
+const ns = ss;
+class rs {
   constructor() {
-    const e = new Blob([`(${is})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(2, t);
+    const e = new Blob([`(${ns})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ie(2, t);
   }
   computeLayout(e, t, i, s) {
     const n = {
@@ -2530,7 +2607,7 @@ class ss {
     this.workerPool.dispose();
   }
 }
-class ns {
+class as {
   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",
@@ -2810,7 +2887,7 @@ class ns {
       }), 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 ss();
+      const m = new rs();
       l(
         "Computing layout",
         0,
@@ -2866,22 +2943,22 @@ class ns {
         b.vx = 0, b.vy = 0, e.forEach((w) => {
           if (v.id === w.id)
             return;
-          const S = h.get(w.id), A = b.x - S.x, C = b.y - S.y, M = A * A + C * C, _ = Math.sqrt(M) || 1, V = c * c / _;
-          b.vx += A / _ * V, b.vy += C / _ * V;
+          const S = h.get(w.id), A = b.x - S.x, C = b.y - S.y, M = A * A + C * C, _ = Math.sqrt(M) || 1, I = c * c / _;
+          b.vx += A / _ * I, b.vy += C / _ * I;
         });
       }), t.forEach((v) => {
         const b = String(v.source), w = String(v.target), S = h.get(b), A = h.get(w);
         if (!S || !A)
           return;
-        const C = S.x - A.x, M = S.y - A.y, _ = Math.sqrt(C * C + M * M) || 1, V = _ * _ / c, O = C / _ * V, I = M / _ * V;
-        S.vx -= O, S.vy -= I, A.vx += O, A.vy += I;
+        const C = S.x - A.x, M = S.y - A.y, _ = Math.sqrt(C * C + M * M) || 1, I = _ * _ / c, O = C / _ * I, V = M / _ * I;
+        S.vx -= O, S.vy -= V, A.vx += O, A.vy += V;
       }), e.forEach((v) => {
         const b = h.get(v.id), w = Math.sqrt(b.vx * b.vx + b.vy * b.vy) || 1, S = Math.min(w, u);
         if (b.x += b.vx / w * S, b.y += b.vy / w * S, o === "circular") {
-          const A = s / 2, C = n / 2, M = Math.min(s, n) / 2, _ = b.x - A, V = b.y - C;
-          if (Math.sqrt(_ * _ + V * V) > M) {
-            const I = Math.atan2(V, _);
-            b.x = A + M * Math.cos(I), b.y = C + M * Math.sin(I);
+          const A = s / 2, C = n / 2, M = Math.min(s, n) / 2, _ = b.x - A, I = b.y - C;
+          if (Math.sqrt(_ * _ + I * I) > M) {
+            const V = Math.atan2(I, _);
+            b.x = A + M * Math.cos(V), b.y = C + M * Math.sin(V);
           }
         } else
           b.x = Math.max(0, Math.min(s, b.x)), b.y = Math.max(0, Math.min(n, b.y));
@@ -2909,13 +2986,13 @@ class ns {
   }
   //#endregion
 }
-class fr {
+class xr {
   constructor() {
     this.children = /* @__PURE__ */ new Map(), this.keys = /* @__PURE__ */ new Set();
   }
 }
-var k = /* @__PURE__ */ ((g) => (g[g.ON_MOUSE_MOVE = 0] = "ON_MOUSE_MOVE", g[g.ON_MOUSE_DOWN_LEFT = 1] = "ON_MOUSE_DOWN_LEFT", g[g.ON_MOUSE_UP_LEFT = 2] = "ON_MOUSE_UP_LEFT", g[g.ON_MOUSE_DOWN_RIGHT = 3] = "ON_MOUSE_DOWN_RIGHT", g[g.ON_MOUSE_UP_RIGHT = 4] = "ON_MOUSE_UP_RIGHT", g[g.ON_MOUSE_DOUBLE_CLICK = 5] = "ON_MOUSE_DOUBLE_CLICK", g))(k || {}), 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 || {});
-class Vt {
+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 || {});
+class It {
   constructor() {
     this.items = {};
   }
@@ -2951,7 +3028,7 @@ class Vt {
     return Object.keys(this.items).length;
   }
 }
-class vr {
+class Mr {
   constructor(e, t) {
     this.delay = e, this.eventHandler = t, this.timerId = null, this.handleEvent = (i) => {
       this.timerId && clearTimeout(this.timerId), this.timerId = setTimeout(() => {
@@ -2960,22 +3037,22 @@ class vr {
     };
   }
 }
-class rs {
+class os {
   constructor() {
     this.deleted = [], this.added = [], this.modified = [], this.notChanged = [];
   }
 }
-class as {
+class ls {
   constructor() {
-    this.clashes = new Vt();
+    this.clashes = new It();
   }
 }
-class os {
+class cs {
   constructor() {
     this.value = {}, this.elementIds = [], this.modelId = -1;
   }
 }
-class ls {
+class hs {
   constructor(e) {
     this.viralViewerApi = e, this.panel = null, this.batchListContainer = null, this.isVisible = !1, this.selectedBatchMesh = null, this.inject();
   }
@@ -2990,7 +3067,7 @@ class ls {
         right: 10px;
         width: 300px;
         max-height: 80vh;
-        background-color: ${x.background};
+        background-color: ${y.background};
         border: 1px solid #ccc;
         border-radius: 8px;
         padding: 15px;
@@ -3004,8 +3081,8 @@ class ls {
     const e = document.createElement("div");
     e.innerHTML = `
       <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
-        <h3 style="margin: 0; color: ${x.secondary}; font-size: 16px;">Batch Debug Panel</h3>
-        <span id="batch-debug-close" style="cursor: pointer; font-size: 20px; color: ${x.secondary};">&times;</span>
+        <h3 style="margin: 0; color: ${y.secondary}; font-size: 16px;">Batch Debug Panel</h3>
+        <span id="batch-debug-close" style="cursor: pointer; font-size: 20px; color: ${y.secondary};">&times;</span>
       </div>
     `, this.panel.appendChild(e);
     const t = document.createElement("div");
@@ -3014,7 +3091,7 @@ class ls {
     t.appendChild(i), t.appendChild(s), this.panel.appendChild(t);
     const n = document.createElement("div");
     n.innerHTML = `
-      <h4 style="margin: 10px 0 5px 0; color: ${x.secondary}; font-size: 14px;">Batched Meshes</h4>
+      <h4 style="margin: 10px 0 5px 0; color: ${y.secondary}; font-size: 14px;">Batched Meshes</h4>
     `, this.panel.appendChild(n), this.batchListContainer = document.createElement("div"), this.batchListContainer.setAttribute(
       "style",
       `
@@ -3031,7 +3108,7 @@ class ls {
       `
         flex: 1;
         padding: 8px;
-        background-color: ${x.primary};
+        background-color: ${y.primary};
         color: white;
         border: none;
         border-radius: 4px;
@@ -3041,9 +3118,9 @@ class ls {
         transition: background-color 0.2s;
       `
     ), i.addEventListener("mouseenter", () => {
-      i.style.backgroundColor = x.accent;
+      i.style.backgroundColor = y.accent;
     }), i.addEventListener("mouseleave", () => {
-      i.style.backgroundColor = x.primary;
+      i.style.backgroundColor = y.primary;
     }), i;
   }
   injectStyles() {
@@ -3062,12 +3139,12 @@ class ls {
         background-color: rgba(0, 0, 0, 0.1);
       }
       .batch-item.selected {
-        border-color: ${x.accent};
+        border-color: ${y.accent};
         background-color: rgba(128, 214, 218, 0.2);
       }
       .batch-item-title {
         font-weight: 600;
-        color: ${x.secondary};
+        color: ${y.secondary};
         font-size: 13px;
         margin-bottom: 4px;
       }
@@ -3148,7 +3225,7 @@ class ls {
         background-color: rgba(128, 214, 218, 0.1);
         border-radius: 4px;
         font-size: 11px;
-        color: ${x.secondary};
+        color: ${y.secondary};
         text-align: center;
       `
     ), i.innerHTML = `
@@ -3191,7 +3268,7 @@ class ls {
     this.clearIsolation(), this.panel && (this.panel.remove(), this.panel = null);
   }
 }
-class cs {
+class ds {
   constructor(e) {
     this.viralViewerApi = e, this.panel = null, this.instancedListContainer = null, this.isVisible = !1, this.selectedInstancedMesh = null, this.selectedInternalMesh = null, this.inject();
   }
@@ -3206,7 +3283,7 @@ class cs {
         right: 320px;
         width: 350px;
         max-height: 80vh;
-        background-color: ${x.background};
+        background-color: ${y.background};
         border: 1px solid #ccc;
         border-radius: 8px;
         padding: 15px;
@@ -3220,8 +3297,8 @@ class cs {
     const e = document.createElement("div");
     e.innerHTML = `
       <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
-        <h3 style="margin: 0; color: ${x.secondary}; font-size: 16px;">🔄 Instanced Debug Panel</h3>
-        <span id="instanced-debug-close" style="cursor: pointer; font-size: 20px; color: ${x.secondary};">&times;</span>
+        <h3 style="margin: 0; color: ${y.secondary}; font-size: 16px;">🔄 Instanced Debug Panel</h3>
+        <span id="instanced-debug-close" style="cursor: pointer; font-size: 20px; color: ${y.secondary};">&times;</span>
       </div>
     `, this.panel.appendChild(e);
     const t = document.createElement("div");
@@ -3233,7 +3310,7 @@ class cs {
     t.appendChild(i), t.appendChild(s), t.appendChild(n), this.panel.appendChild(t);
     const r = document.createElement("div");
     r.innerHTML = `
-      <h4 style="margin: 10px 0 5px 0; color: ${x.secondary}; font-size: 14px;">Instanced Meshes (ViralInstancedMeshV2)</h4>
+      <h4 style="margin: 10px 0 5px 0; color: ${y.secondary}; font-size: 14px;">Instanced Meshes (ViralInstancedMeshV2)</h4>
     `, this.panel.appendChild(r), this.instancedListContainer = document.createElement("div"), this.instancedListContainer.setAttribute(
       "style",
       `
@@ -3250,7 +3327,7 @@ class cs {
       `
         flex: 1;
         padding: 8px;
-        background-color: ${x.primary};
+        background-color: ${y.primary};
         color: white;
         border: none;
         border-radius: 4px;
@@ -3261,9 +3338,9 @@ class cs {
         min-width: 80px;
       `
     ), i.addEventListener("mouseenter", () => {
-      i.style.backgroundColor = x.accent;
+      i.style.backgroundColor = y.accent;
     }), i.addEventListener("mouseleave", () => {
-      i.style.backgroundColor = x.primary;
+      i.style.backgroundColor = y.primary;
     }), i;
   }
   injectStyles() {
@@ -3284,12 +3361,12 @@ class cs {
         background-color: rgba(0, 0, 0, 0.1);
       }
       .instanced-item.selected {
-        border-color: ${x.accent};
+        border-color: ${y.accent};
         background-color: rgba(128, 214, 218, 0.2);
       }
       .instanced-item-title {
         font-weight: 600;
-        color: ${x.secondary};
+        color: ${y.secondary};
         font-size: 13px;
         margin-bottom: 4px;
       }
@@ -3336,7 +3413,7 @@ class cs {
       }
       .internal-mesh-item.selected {
         background-color: rgba(33, 150, 243, 0.2);
-        border-left-color: ${x.accent};
+        border-left-color: ${y.accent};
       }
     `, document.head.appendChild(e);
   }
@@ -3439,8 +3516,8 @@ class cs {
             Base Triangles: ${Math.floor(C).toLocaleString()}<br>
             Total Rendered: ${(A * b.count).toLocaleString()} verts
           </div>
-        `, M.addEventListener("click", (V) => {
-          V.stopPropagation(), this.isolateInternalMesh(r, b, M);
+        `, M.addEventListener("click", (I) => {
+          I.stopPropagation(), this.isolateInternalMesh(r, b, M);
         }), p.appendChild(M);
       }), d.appendChild(u), d.appendChild(p), this.instancedListContainer.appendChild(d);
     });
@@ -3453,7 +3530,7 @@ class cs {
         background-color: rgba(128, 214, 218, 0.1);
         border-radius: 4px;
         font-size: 11px;
-        color: ${x.secondary};
+        color: ${y.secondary};
         text-align: center;
       `
     ), n.innerHTML = `
@@ -3587,7 +3664,7 @@ class cs {
     this.clearIsolation(), this.panel && (this.panel.remove(), this.panel = null);
   }
 }
-class hs {
+class us {
   constructor(e) {
     this.viralViewerApi = e, this.panel = null, this.contentContainer = null, this.isVisible = !1, this.lastAnalysis = null, this.inject();
   }
@@ -3602,7 +3679,7 @@ class hs {
         left: 10px;
         width: 450px;
         max-height: 85vh;
-        background-color: ${x.background};
+        background-color: ${y.background};
         border: 1px solid #ccc;
         border-radius: 8px;
         padding: 15px;
@@ -3617,8 +3694,8 @@ class hs {
     const e = document.createElement("div");
     e.innerHTML = `
       <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
-        <h3 style="margin: 0; color: ${x.secondary}; font-size: 16px;">🔍 Render Debug Panel</h3>
-        <span id="render-debug-close" style="cursor: pointer; font-size: 20px; color: ${x.secondary};">&times;</span>
+        <h3 style="margin: 0; color: ${y.secondary}; font-size: 16px;">🔍 Render Debug Panel</h3>
+        <span id="render-debug-close" style="cursor: pointer; font-size: 20px; color: ${y.secondary};">&times;</span>
       </div>
     `, this.panel.appendChild(e);
     const t = document.createElement("div");
@@ -3642,7 +3719,7 @@ class hs {
       "style",
       `
         padding: 8px 12px;
-        background-color: ${x.primary};
+        background-color: ${y.primary};
         color: white;
         border: none;
         border-radius: 4px;
@@ -3652,9 +3729,9 @@ class hs {
         transition: background-color 0.2s;
       `
     ), i.addEventListener("mouseenter", () => {
-      i.style.backgroundColor = x.accent;
+      i.style.backgroundColor = y.accent;
     }), i.addEventListener("mouseleave", () => {
-      i.style.backgroundColor = x.primary;
+      i.style.backgroundColor = y.primary;
     }), i;
   }
   injectStyles() {
@@ -3668,7 +3745,7 @@ class hs {
       }
       .render-section-title {
         font-weight: 600;
-        color: ${x.secondary};
+        color: ${y.secondary};
         font-size: 13px;
         margin-bottom: 8px;
         display: flex;
@@ -3714,7 +3791,7 @@ class hs {
       }
       .stat-value {
         font-weight: 600;
-        color: ${x.secondary};
+        color: ${y.secondary};
       }
       .warning-box {
         padding: 8px;
@@ -3817,7 +3894,7 @@ class hs {
         );
       } else
         i.set(n.id, r);
-      if (n instanceof y && n.geometry) {
+      if (n instanceof x && n.geometry) {
         const o = this.getGeometryHash(n);
         o !== "no-geometry" && o !== "no-position" && r.vertices > 0 && (s.has(o) || s.set(o, []), s.get(o).push(r));
       }
@@ -3892,10 +3969,10 @@ class hs {
   extractObjectInfo(e) {
     var a, l;
     let t = 0, i = 0, s = 0, n = "N/A";
-    if (e instanceof y) {
+    if (e instanceof x) {
       const c = e.geometry;
-      c && (c.attributes.position && (t = c.attributes.position.count), c.index ? i = c.index.count / 3 : i = t / 3), e instanceof oe ? (s = 1, n = "Instanced", i *= e.count) : e instanceof 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 mt) {
+      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) {
       s = e.visible ? 1 : 0, n = "Line";
       const c = e.geometry;
       c && c.attributes.position && (t = c.attributes.position.count);
@@ -3922,7 +3999,7 @@ class hs {
     };
   }
   isRenderable(e) {
-    return e instanceof y || e instanceof yt || e instanceof mt || e instanceof St;
+    return e instanceof x || e instanceof yt || e instanceof gt || e instanceof St;
   }
   isVisibleInHierarchy(e) {
     let t = e;
@@ -3948,7 +4025,7 @@ class hs {
     return `v${s}_i${n}_${r}`;
   }
   categorizeObject(e, t, i) {
-    e instanceof Y ? i.batchedMeshes.push(t) : e instanceof ce || e instanceof oe ? i.instancedMeshes.push(t) : e instanceof y ? i.regularMeshes.push(t) : e instanceof yt || e instanceof mt ? i.edgeMeshes.push(t) : this.isRenderable(e) && i.otherObjects.push(t);
+    e instanceof 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);
   }
   analyzeMergedModel(e) {
     const t = this.viralViewerApi.viralScene.bimWorld, i = t.getDiagnostics();
@@ -4117,7 +4194,7 @@ class hs {
       n.id === e && (i = n);
     }), i !== void 0) {
       const n = i;
-      console.log("🔍 Selected object:", n), console.log("  - Name:", n.name), console.log("  - Type:", n.constructor.name), console.log("  - Visible:", n.visible), console.log("  - Position:", n.position), console.log("  - Parent:", ((s = n.parent) == null ? void 0 : s.name) || "Scene"), n instanceof y && (console.log("  - Geometry:", n.geometry), console.log("  - Material:", n.material)), window.__VIRAL_DEBUG_SELECTED = n, console.log("  📌 Object stored in window.__VIRAL_DEBUG_SELECTED for inspection");
+      console.log("🔍 Selected object:", n), console.log("  - Name:", n.name), console.log("  - Type:", n.constructor.name), console.log("  - Visible:", n.visible), console.log("  - Position:", n.position), console.log("  - Parent:", ((s = n.parent) == null ? void 0 : s.name) || "Scene"), n instanceof x && (console.log("  - Geometry:", n.geometry), console.log("  - Material:", n.material)), window.__VIRAL_DEBUG_SELECTED = n, console.log("  📌 Object stored in window.__VIRAL_DEBUG_SELECTED for inspection");
     }
   }
   logToConsole() {
@@ -4209,7 +4286,7 @@ class hs {
     var a;
     const i = "  ".repeat(t), s = e.visible ? "✅" : "❌", n = e.constructor.name, r = e.children.length;
     let o = "";
-    e instanceof y && e.geometry && (o = ` [V:${((a = e.geometry.attributes.position) == null ? void 0 : a.count) || 0}]`), e instanceof oe && (o += ` [Instances:${e.count}]`), console.log(
+    e instanceof x && e.geometry && (o = ` [V:${((a = e.geometry.attributes.position) == null ? void 0 : a.count) || 0}]`), e instanceof le && (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);
@@ -4234,10 +4311,10 @@ class hs {
     this.panel && (this.panel.remove(), this.panel = null);
   }
 }
-class ds {
+class ps {
   // 5 seconds for cleanup
   constructor(e) {
-    this.viralViewerApi = e, this.clock = new ti(), this.lastSpatialUpdateTime = 0, this.lastCleanupTime = 0, this.spatialUpdateInterval = 16, this.cleanupInterval = 5e3, this.isRainEnabled = !1;
+    this.viralViewerApi = e, this.clock = new ii(), this.lastSpatialUpdateTime = 0, this.lastCleanupTime = 0, this.spatialUpdateInterval = 16, this.cleanupInterval = 5e3, this.isRainEnabled = !1;
   }
   devAnimation() {
     var i, s, n, r, o;
@@ -4280,7 +4357,7 @@ class ds {
     this.isRainEnabled = e, this.isRainEnabled && this.rainAnimation();
   }
 }
-class us {
+class ms {
   static generateRandomString(e) {
     const t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
     let i = "";
@@ -4291,19 +4368,19 @@ class us {
     return i;
   }
 }
-const ps = 0.032;
-class ms {
+const gs = 0.032;
+class fs {
   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 = us.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 = 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(
       "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 = ps * r, this.viralViewerApi.viralLoader.threeLoader.loadGLTF(t, (l) => {
+    ), this.viralViewerApi.targetElement.appendChild(this.chatDiv), this.MOVEMENT_SPEED = gs * r, this.viralViewerApi.viralLoader.threeLoader.loadGLTF(t, (l) => {
       this.avatar = l.scene;
       const c = new E(n, n, n);
-      this.avatar.scale.copy(c), console.log(this.avatar), this.mixer = new ii(l.scene), this.viralViewerApi.viralScene.scene.add(l.scene), this.viralViewerApi.viralRenderer.render(), this.viralViewerApi.viralLoader.threeLoader.loadGLTF(i, (h) => {
+      this.avatar.scale.copy(c), console.log(this.avatar), this.mixer = new si(l.scene), this.viralViewerApi.viralScene.scene.add(l.scene), this.viralViewerApi.viralRenderer.render(), this.viralViewerApi.viralLoader.threeLoader.loadGLTF(i, (h) => {
         this.idleAnimation = this.mixer.clipAction(h.animations[0]), this.viralViewerApi.viralLoader.threeLoader.loadGLTF(s, (d) => {
           this.walkAnimation = this.mixer.clipAction(d.animations[0]), Q.information("load avatar succeed!"), this.isReady = !0, this.idle();
         });
@@ -4363,12 +4440,12 @@ class ms {
     (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 gs {
+class vs {
   constructor(e) {
     this.viralViewerApi = e, this.avatars = [];
   }
   load(e, t, i, s = 2, n = 1, r, o) {
-    const a = new ms(
+    const a = new fs(
       this.viralViewerApi,
       e,
       t,
@@ -4385,33 +4462,33 @@ class gs {
     t && t.dispose(), this.avatars = this.avatars.filter((i) => i.id !== e);
   }
 }
-class fs {
+class bs {
   constructor() {
-    Z.prototype.computeBoundsTree = _i, Z.prototype.disposeBoundsTree = Vi, y.prototype.raycast = Ii;
+    Z.prototype.computeBoundsTree = Ii, Z.prototype.disposeBoundsTree = Vi, x.prototype.raycast = Ti;
   }
   applyThreeMeshBVH(e) {
     e.boundsTree || e.computeBoundsTree();
   }
 }
-const vs = {
-  Vector2: N,
+const ws = {
+  Vector2: z,
   Vector3: E,
-  Vector4: si,
-  Quaternion: ni,
-  Matrix4: ne,
-  Spherical: jt,
-  Box3: z,
-  Sphere: Ht,
+  Vector4: ni,
+  Quaternion: ri,
+  Matrix4: re,
+  Spherical: Wt,
+  Box3: N,
+  Sphere: Gt,
   Raycaster: Tt,
-  MathUtils: ri
+  MathUtils: ai
 };
-pe.install({ THREE: vs });
-class bs {
+pe.install({ THREE: ws });
+class ys {
   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);
   }
   setupCamera() {
-    this._perspectiveCamera = new He(
+    this._perspectiveCamera = new Fe(
       60,
       this.targetElement.clientWidth / this.targetElement.clientHeight,
       0.1,
@@ -4460,7 +4537,7 @@ class bs {
    */
   resizeCanvas() {
     if (this.camera) {
-      if (this.camera instanceof He && (this.camera.aspect = this.targetElement.clientWidth / this.targetElement.clientHeight), this.camera instanceof Ct) {
+      if (this.camera instanceof Fe && (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;
       }
@@ -4471,7 +4548,7 @@ class bs {
     }
   }
   resizeCanvas2() {
-    this.camera && (this.camera instanceof He && (this.camera.aspect = this.targetElement.offsetWidth / this.targetElement.offsetHeight), this.camera.updateProjectionMatrix(), this.viralViewerApi.viralRenderer.updateSize(
+    this.camera && (this.camera instanceof Fe && (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());
@@ -4581,7 +4658,7 @@ class bs {
     const t = this.viralViewerApi.viralScene.scene;
     if (!t || !this.camera)
       return;
-    const s = new z().setFromObject(t).getSize(new E()), n = Math.max(s.x, s.y, s.z);
+    const s = new N().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);
   }
   /**
@@ -4653,7 +4730,7 @@ class bs {
       2 * l / 2,
       -(2 * l) / 2
     ));
-    const c = new z(i, s);
+    const c = new N(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);
@@ -4667,17 +4744,17 @@ class bs {
   }
   //#endregion
 }
-class ws {
+class xs {
   pakoUnzip(e) {
     const t = new Uint8Array(e);
-    return Ti(t);
+    return Pi(t);
   }
   pakoStreamUnzip(e) {
-    const t = new Pi();
+    const t = new Oi();
     return t.push(e, !0), t.result;
   }
 }
-class se {
+class ne {
   constructor(e, t, i) {
     this.x = 0, this.y = 0, this.z = 0, this.x = e, this.y = t, this.z = i;
   }
@@ -4745,7 +4822,7 @@ class P {
     const t = Math.sqrt(
       e.x * e.x + e.y * e.y + e.z * e.z
     );
-    return t < 1e-7 ? new se(0, 0, 0) : new se(e.x / t, e.y / t, e.z / t);
+    return t < 1e-7 ? new ne(0, 0, 0) : new ne(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);
@@ -4755,9 +4832,9 @@ class P {
   }
   static objectsIntersect(e, t, i = 1e-3) {
     for (let s = 0; s < e.length; s += 9) {
-      const n = new se(e[s], e[s + 1], e[s + 2]), r = new se(e[s + 3], e[s + 4], e[s + 5]), o = new se(e[s + 6], e[s + 7], e[s + 8]);
+      const n = new 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]);
       for (let a = 0; a < t.length; a += 9) {
-        const l = new se(t[a], t[a + 1], t[a + 2]), c = new se(t[a + 3], t[a + 4], t[a + 5]), h = new se(t[a + 6], t[a + 7], t[a + 8]);
+        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))
           return console.log("belong to face"), !1;
         if (P.doTrianglesIntersect(n, r, o, l, c, h, i))
@@ -4771,7 +4848,7 @@ class P {
     return i && s && n;
   }
 }
-function ys() {
+function Ms() {
   class g {
     constructor(t, i, s) {
       this.X = 0, this.Y = 0, this.Z = 0, this.X = t, this.Y = i, this.Z = s;
@@ -4793,11 +4870,11 @@ function ys() {
     self.postMessage(i());
   };
 }
-const xs = ys;
-class Ms {
+const Es = Ms;
+class Ss {
   constructor() {
-    const e = new Blob([`(${xs})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(navigator.hardwareConcurrency || 10, t);
+    const e = new Blob([`(${Es})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ie(navigator.hardwareConcurrency || 10, t);
   }
   getBoundingBox(e, t = (i) => {
   }) {
@@ -4809,7 +4886,7 @@ class Ms {
     );
   }
 }
-function Es() {
+function Cs() {
   self.onmessage = (g) => {
     const e = g.data;
     function t(s, n, r = 0.1) {
@@ -4827,11 +4904,11 @@ function Es() {
     self.postMessage(i);
   };
 }
-const Ss = Es;
-class Cs {
+const As = Cs;
+class _s {
   constructor() {
-    const e = new Blob([`(${Ss})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(4, t);
+    const e = new Blob([`(${As})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ie(4, t);
   }
   checkIntersect(e, t = (i) => {
   }) {
@@ -4840,7 +4917,7 @@ class Cs {
     });
   }
 }
-function As() {
+function Is() {
   class g {
     constructor() {
       this.children = /* @__PURE__ */ new Map(), this.keys = /* @__PURE__ */ new Set();
@@ -4932,11 +5009,11 @@ function As() {
     }
   };
 }
-const _s = As;
-class Vs {
+const Vs = Is;
+class Ts {
   constructor() {
-    const e = new Blob([`(${_s})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(2, t);
+    const e = new Blob([`(${Vs})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ie(2, t);
   }
   buildTreeNode(e, t = (i) => {
   }) {
@@ -4945,7 +5022,7 @@ class Vs {
     });
   }
 }
-function Is() {
+function Ps() {
   class g {
     constructor(u, p, m) {
       this.x = 0, this.y = 0, this.z = 0, this.x = u, this.y = p, this.z = m;
@@ -4980,7 +5057,7 @@ function Is() {
     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), V = n(w, C), O = r(M), I = r(_), T = r(V), j = s(O, I), H = s(I, 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(_), T = r(I), j = s(O, V), H = s(V, T);
     return j > 1 - f && H > 1 - f;
   }
   function l(d, u, p, m, f, v, b = 1e-3) {
@@ -4990,8 +5067,8 @@ function Is() {
     const b = e(m, p), w = e(f, p), S = n(b, w), A = -s(S, p), C = s(S, d) + A, M = s(S, u) + A;
     if (Math.abs(C) > v || Math.abs(M) > v)
       return !1;
-    const _ = a(d, p, m, f, v), V = a(u, p, m, f, v);
-    return !(!_ || !V);
+    const _ = a(d, p, m, f, v), I = a(u, p, m, f, v);
+    return !(!_ || !I);
   }
   function h(d, u, p, m, f, v = 5) {
     const b = e(m, p), w = e(f, p), S = n(b, w), A = -s(S, p), C = e(u, d), M = s(S, C);
@@ -5000,8 +5077,8 @@ function Is() {
     const _ = -(s(S, d) + A) / M;
     if (_ < -v || _ > 1 + v)
       return !1;
-    const V = t(d, i(C, _)), O = o(V, d), I = o(V, u);
-    return O < v || I < v ? !1 : a(V, p, m, f, v);
+    const I = t(d, i(C, _)), O = o(I, d), V = o(I, u);
+    return O < v || V < v ? !1 : a(I, p, m, f, v);
   }
   self.onmessage = (d) => {
     const u = d.data, p = u.buffer1, m = u.buffer2, f = 1e-3;
@@ -5015,11 +5092,11 @@ function Is() {
     self.postMessage(!1);
   };
 }
-const Ts = Is;
-class Ps {
+const Os = Ps;
+class Ds {
   constructor() {
-    const e = new Blob([`(${Ts})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(navigator.hardwareConcurrency || 10, t);
+    const e = new Blob([`(${Os})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ie(navigator.hardwareConcurrency || 10, t);
   }
   checkClash(e, t = (i) => {
   }) {
@@ -5028,7 +5105,7 @@ class Ps {
     });
   }
 }
-function Os() {
+function Rs() {
   self.addEventListener(
     "message",
     (g) => {
@@ -5062,28 +5139,28 @@ function Os() {
     !1
   );
 }
-const Ds = Os;
-class Rs {
+const Ls = Rs;
+class ks {
   constructor() {
-    const e = new Blob([`(${Ds})()`]), t = URL.createObjectURL(e);
-    this.workerPool = new te(2, t);
+    const e = new Blob([`(${Ls})()`]), t = URL.createObjectURL(e);
+    this.workerPool = new ie(2, t);
   }
   fetch(e, t = (n) => {
   }, i, s) {
-    const n = new Ls(e, i, s);
+    const n = new Bs(e, i, s);
     this.workerPool.Enqueue(n, (r) => {
       t(r);
     });
   }
 }
-class Ls {
+class Bs {
   constructor(e, t, i) {
     this.url = "", this.url = e, this.byteRangeStart = t, this.byteRangeEnd = i;
   }
 }
-class ks {
+class zs {
   constructor(e) {
-    this.viralViewerApi = e, this.dataTree = [], this.trackingData = /* @__PURE__ */ new Map(), this.fetchDataWorker = new Rs(), this.buildTreeNodeWorker = new Vs(), this._boundingBoxWorker = new Ms(), this._boundingBoxIntersectWorker = new Cs(), this._checkClashWorker = new Ps(), 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 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());
   }
   addTrackingData(e, t) {
     this.trackingData.set(e, t);
@@ -5133,7 +5210,7 @@ class ks {
   addData(e) {
     const t = performance.now(), i = Object.keys(e.Data).length;
     console.log(`[DataManager] Adding ${i} elements to data tree...`);
-    const s = new ns();
+    const s = new as();
     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(
@@ -5211,7 +5288,7 @@ class ks {
    * @returns
    */
   compareModels(e = 0, t = 1) {
-    const i = new rs();
+    const i = new os();
     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]);
@@ -5239,46 +5316,46 @@ class ks {
     }
     return this.viralViewerApi.viralVisibilityManager.exceptElements = [], this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.deleted.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      D.hexToRGB(x.deleted),
+      D.hexToRGB(y.deleted),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.deleted.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      color: D.hexToRGB(x.deleted)
+      color: D.hexToRGB(y.deleted)
     }), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.added.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      D.hexToRGB(x.added),
+      D.hexToRGB(y.added),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.added.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      color: D.hexToRGB(x.added)
+      color: D.hexToRGB(y.added)
     }), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.modified.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      D.hexToRGB(x.modified),
+      D.hexToRGB(y.modified),
       !0
     ), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.modified.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      D.hexToRGB(x.modified),
+      D.hexToRGB(y.modified),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.modified.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      color: D.hexToRGB(x.modified)
+      color: D.hexToRGB(y.modified)
     }), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.modified.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      color: D.hexToRGB(x.modified)
+      color: D.hexToRGB(y.modified)
     }), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.notChanged.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      D.hexToRGB(x.notChanged),
+      D.hexToRGB(y.notChanged),
       !0
     ), this.viralViewerApi.viralScene.bimWorld.changeColor(
       i.notChanged.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      D.hexToRGB(x.notChanged),
+      D.hexToRGB(y.notChanged),
       !0
     ), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.notChanged.map((a) => ({ elementId: a.toString(), modelId: e.toString() })),
-      color: D.hexToRGB(x.notChanged)
+      color: D.hexToRGB(y.notChanged)
     }), this.viralViewerApi.viralVisibilityManager.exceptElements.push({
       elements: i.notChanged.map((a) => ({ elementId: a.toString(), modelId: t.toString() })),
-      color: D.hexToRGB(x.notChanged)
+      color: D.hexToRGB(y.notChanged)
     }), this.viralViewerApi.viralRenderer.render(), i;
   }
   uncompareModels() {
@@ -5320,7 +5397,7 @@ class ks {
    * @param secondModelIndex
    */
   async checkClashModels(e = 0, t = 0) {
-    const i = new as(), s = this.viralViewerApi.viralScene.bimWorld.getElementsByModel(e), n = e === t ? s : this.viralViewerApi.viralScene.bimWorld.getElementsByModel(t);
+    const i = new ls(), 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) => {
@@ -5411,7 +5488,7 @@ class ks {
               (h) => this._shallowCompare(h.value, l)
             );
             if (c < 0) {
-              const h = new os();
+              const h = new cs();
               h.value = l, h.modelId = s, h.elementIds = [], h.elementIds.push(Number(o)), t.push(h);
             } else
               t[c].elementIds.push(Number(o));
@@ -5438,7 +5515,7 @@ class ks {
   }
   //#endregion
 }
-class Bs {
+class Ns {
   constructor() {
     this.events = {
       [R.LOADED_SCENE]: [],
@@ -5480,7 +5557,7 @@ class Bs {
     i && i.forEach((s) => s(...t));
   }
 }
-class zs {
+class $s {
   constructor(e) {
     this.viralViewerApi = e, this.keydownQueuedEvents = [], this.keyupQueuedEvents = [], this.setupKeyPress();
   }
@@ -5528,9 +5605,9 @@ class zs {
   }
   //#endregion
 }
-class Ns {
+class js {
   constructor(e) {
-    this.viralViewerApi = e, this.position = new N(), this.rawPosition = new N(), this.mouseMoveQueuedEvents = [], this.mouseDownLeftQueuedEvents = [], this.mouseUpLeftQueuedEvents = [], this.mouseDownRightQueuedEvents = [], this.mouseUpRightQueuedEvents = [], this.mouseDoubleClickQueuedEvents = [], this.handleClick = async (t) => {
+    this.viralViewerApi = e, this.position = new z(), this.rawPosition = new z(), 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) {
@@ -5574,7 +5651,7 @@ class Ns {
                 }
                 l = c;
                 break;
-              } else if (c.object instanceof oe) {
+              } else if (c.object instanceof le) {
                 l = c;
                 break;
               }
@@ -5628,53 +5705,53 @@ class Ns {
    */
   addEventListener(e, t, i) {
     switch (e) {
-      case k.ON_MOUSE_MOVE:
+      case B.ON_MOUSE_MOVE:
         this.mouseMoveQueuedEvents.push([t, i]);
         break;
-      case k.ON_MOUSE_DOWN_LEFT:
+      case B.ON_MOUSE_DOWN_LEFT:
         this.mouseDownLeftQueuedEvents.push([t, i]);
         break;
-      case k.ON_MOUSE_UP_LEFT:
+      case B.ON_MOUSE_UP_LEFT:
         this.mouseUpLeftQueuedEvents.push([t, i]);
         break;
-      case k.ON_MOUSE_DOWN_RIGHT:
+      case B.ON_MOUSE_DOWN_RIGHT:
         this.mouseDownRightQueuedEvents.push([t, i]);
         break;
-      case k.ON_MOUSE_UP_RIGHT:
+      case B.ON_MOUSE_UP_RIGHT:
         this.mouseUpRightQueuedEvents.push([t, i]);
         break;
-      case k.ON_MOUSE_DOUBLE_CLICK:
+      case B.ON_MOUSE_DOUBLE_CLICK:
         this.mouseDoubleClickQueuedEvents.push([t, i]);
         break;
     }
   }
   removeEventListener(e, t) {
     switch (e) {
-      case k.ON_MOUSE_MOVE:
+      case B.ON_MOUSE_MOVE:
         {
           const i = this.mouseMoveQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseMoveQueuedEvents.splice(i, 1);
         }
         break;
-      case k.ON_MOUSE_DOWN_LEFT:
+      case B.ON_MOUSE_DOWN_LEFT:
         {
           const i = this.mouseDownLeftQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseDownLeftQueuedEvents.splice(i, 1);
         }
         break;
-      case k.ON_MOUSE_UP_LEFT:
+      case B.ON_MOUSE_UP_LEFT:
         {
           const i = this.mouseUpLeftQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseUpLeftQueuedEvents.splice(i, 1);
         }
         break;
-      case k.ON_MOUSE_DOWN_RIGHT:
+      case B.ON_MOUSE_DOWN_RIGHT:
         {
           const i = this.mouseDownRightQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseDownRightQueuedEvents.splice(i, 1);
         }
         break;
-      case k.ON_MOUSE_UP_RIGHT:
+      case B.ON_MOUSE_UP_RIGHT:
         {
           const i = this.mouseUpRightQueuedEvents.findIndex((s) => s[0] === t);
           this.mouseUpRightQueuedEvents.splice(i, 1);
@@ -5702,14 +5779,14 @@ class Ns {
   }
   //#endregion
 }
-const je = {
+const He = {
   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 $s {
+class Hs {
   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;
   }
@@ -5717,40 +5794,40 @@ class $s {
     this.viralViewerApi.viralContextMenu && (this.viralViewerApi.viralContextMenu.addContextItem(
       0,
       "Show all elements",
-      je.showAll(void 0, x.primary),
+      He.showAll(void 0, y.primary),
       (e) => {
         this._visibilityManager.showAll2(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       1,
       "Isolate",
-      je.isolate(void 0, x.primary),
+      He.isolate(void 0, y.primary),
       (e) => {
         this._visibilityManager.isolate2(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       2,
       "Hide",
-      je.hide(void 0, x.primary),
+      He.hide(void 0, y.primary),
       (e) => {
         this._visibilityManager.hide2(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       3,
       "Focus",
-      je.focus(void 0, x.primary),
+      He.focus(void 0, y.primary),
       (e) => {
         this._visibilityManager.zoomTo(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     ), this.viralViewerApi.viralContextMenu.addContextItem(
       4,
       "Properties",
-      je.properties(void 0, x.secondary),
+      He.properties(void 0, y.secondary),
       (e) => {
         this.viralViewerApi.viralDraggableModal.show(), this.viralViewerApi.viralContextMenu.hideContextMenu();
       }
     )), this.viralViewerApi.viralMouse && (this.viralViewerApi.viralMouse.addEventListener(
-      k.ON_MOUSE_DOWN_RIGHT,
+      B.ON_MOUSE_DOWN_RIGHT,
       "ShowContextMenu",
       (e) => {
         this.viralViewerApi.viralContextMenu.showContextMenu(
@@ -5760,7 +5837,7 @@ class $s {
         );
       }
     ), this.viralViewerApi.viralMouse.addEventListener(
-      k.ON_MOUSE_DOWN_LEFT,
+      B.ON_MOUSE_DOWN_LEFT,
       "HideContextMenu",
       (e) => {
         this.viralViewerApi.viralContextMenu.hideContextMenu();
@@ -5802,13 +5879,13 @@ class $s {
     let e = null;
     const t = 250;
     this.viralViewerApi.viralMouse.addEventListener(
-      k.ON_MOUSE_DOWN_LEFT,
+      B.ON_MOUSE_DOWN_LEFT,
       "SelectElement",
       (i) => {
         e = performance.now();
       }
     ), this.viralViewerApi.viralMouse.addEventListener(
-      k.ON_MOUSE_UP_LEFT,
+      B.ON_MOUSE_UP_LEFT,
       "SelectElementUp",
       (i) => {
         var s, n;
@@ -5896,7 +5973,7 @@ class $s {
   //#region Double Click element handler
   doubleClickElementHandler() {
     this.viralViewerApi.viralMouse.addEventListener(
-      k.ON_MOUSE_DOUBLE_CLICK,
+      B.ON_MOUSE_DOUBLE_CLICK,
       "DoubleClickElement",
       (e) => {
         const t = this.viralViewerApi.viralCamera.clientToWorld();
@@ -5955,7 +6032,7 @@ class $s {
   }
   //#endregion
 }
-class js {
+class Fs {
   constructor(e, t) {
     this.viralViewerApi = e, this.options = t, this.viralViewerApi.on(R.LOADED_SCENE, () => this.loadedScene()), this.viralViewerApi.on(
       R.LOADED_MATERIAL_MANAGER,
@@ -5998,9 +6075,9 @@ class js {
     });
   }
 }
-class Hs {
+class Ws {
   constructor(e) {
-    this.viralViewerApi = e, this.potree = new Oi(), this.pointClouds = [];
+    this.viralViewerApi = e, this.potree = new Di(), this.pointClouds = [];
   }
   /**
    *
@@ -6016,13 +6093,13 @@ class Hs {
     (r = this.viralViewerApi.viralRenderer.postProcessingRenderer) == null || r.disableOutline(), this.potree.pointBudget = s, this.potree.loadPointCloudCustom(e, t, i).then((o) => {
       var d;
       const a = o.material;
-      a.size = 1, a.pointSizeType = Di.ADAPTIVE, a.shape = Ri.CIRCLE, a.pointColorType = Li.RGB, a.inputColorEncoding = 1, a.outputColorEncoding = 1, console.log(o.boundingBox);
-      const l = new E(0, -1.5, 3), c = new ai(-Math.PI / 2, 0, 0), h = new E(2, 2, 2);
+      a.size = 1, a.pointSizeType = Ri.ADAPTIVE, a.shape = Li.CIRCLE, a.pointColorType = ki.RGB, a.inputColorEncoding = 1, a.outputColorEncoding = 1, console.log(o.boundingBox);
+      const l = new E(0, -1.5, 3), c = new oi(-Math.PI / 2, 0, 0), h = new E(2, 2, 2);
       o.position.copy(l), o.rotation.copy(c), o.scale.copy(h), this.viralViewerApi.viralScene.addModel(o), this.viralViewerApi.viralScene.selectables.push(o), this.pointClouds.push(o), this.viralViewerApi.viralCamera.camera && ((d = this.viralViewerApi.viralCamera.cameraControls) == null || d.fitToBox(o.boundingBox, !0)), n(o);
     });
   }
 }
-class Ws {
+class Gs {
   static getDeviceType() {
     const e = navigator.userAgent.toLowerCase(), t = /iphone|ipod|android.*mobile|blackberry|opera mini|windows phone/i.test(
       e
@@ -6030,7 +6107,7 @@ class Ws {
     return t ? "mobile" : i ? "tablet" : "pc";
   }
 }
-class Fs {
+class Us {
   constructor() {
     this.gl = null, this.specs = null, this.initWebGL(), this.detectSpecs();
   }
@@ -6174,16 +6251,16 @@ class Fs {
     });
   }
 }
-class Gs {
+class qs {
   constructor() {
-    this.modelId = -1, this.elements = [], this.materials = [], this.mapMaterialsToMaterialManager = new Vt();
+    this.modelId = -1, this.elements = [], this.materials = [], this.mapMaterialsToMaterialManager = new It();
   }
   //#endregion
   dispose() {
-    this.elements = [], this.materials = [], this.mapMaterialsToMaterialManager = new Vt();
+    this.elements = [], this.materials = [], this.mapMaterialsToMaterialManager = new It();
   }
 }
-class Us {
+class Qs {
   constructor() {
     this.MIN_VERTEX_INSTANCES_FOR_INSTANCING = 1e3, this.MIN_INSTANCES_FOR_INSTANCING = 3, this.MAX_DRAW_CALLS = 25, this.MIN_INSTANCED_VERTEX_RATIO = 0.6, this.HIGH_VERTEX_THRESHOLD = 500;
   }
@@ -6332,8 +6409,8 @@ class Us {
     }
   }
 }
-const qs = new Us();
-function Qs() {
+const Zs = new Qs();
+function Ys() {
   class g {
     constructor() {
       this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
@@ -6418,8 +6495,8 @@ function Qs() {
     }), self.postMessage(r);
   };
 }
-const Zs = Qs;
-function Ys() {
+const Xs = Ys;
+function Ks() {
   class g {
     constructor() {
       this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
@@ -6509,19 +6586,19 @@ function Ys() {
     }), self.postMessage(r);
   };
 }
-const Xs = Ys;
-class Ks {
+const Js = Ks;
+class en {
   // 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([`(${Zs})()`]), i = URL.createObjectURL(t);
-    this.workerPool = new te(
+    const t = new Blob([`(${Xs})()`]), i = URL.createObjectURL(t);
+    this.workerPool = new ie(
       navigator.hardwareConcurrency || this.viralViewerApi.options.numberOfWorker,
       i
     );
-    const s = new Blob([`(${Xs})()`]), n = URL.createObjectURL(s);
-    this.workerPool2 = new te(
+    const s = new Blob([`(${Js})()`]), n = URL.createObjectURL(s);
+    this.workerPool2 = new ie(
       this.viralViewerApi.options.numberOfWorker,
       n
     );
@@ -6533,7 +6610,7 @@ class Ks {
    */
   initial(e) {
     console.log(e);
-    const t = new Gs();
+    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++) {
@@ -6545,7 +6622,7 @@ class Ks {
         (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 gt({
+        const a = new ft({
           color: r,
           opacity: n.Opacity,
           transparent: n.Opacity !== 1,
@@ -6556,7 +6633,7 @@ class Ks {
           // polygonOffset: true,
           // polygonOffsetFactor: 1,
           // polygonOffsetUnits: 0.1,
-          side: oi
+          side: li
           // 🔧 FIX: Changed from DoubleSide to halve draw calls
         });
         a.userData.red = n.Red, a.userData.green = n.Green, a.userData.blue = n.Blue, a.userData.opacity = n.Opacity, this.viralViewerApi.viralMaterialManager.materials.push(a);
@@ -6572,7 +6649,7 @@ class Ks {
    */
   loadElement(e, t, i = () => {
   }, s = null) {
-    const { highDuplicationElements: n, lowDuplicationElements: r } = qs.analyze(t), o = r.map((p) => p.element), a = n.map((p) => p.element), l = o.length > 0, c = a.length > 0;
+    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;
     if (!l && !c) {
       i();
       return;
@@ -6680,14 +6757,14 @@ class Ks {
    * Uses onBeforeCompile to inject custom shader code for RGBA vertex colors
    */
   createOptimizedMaterial(e) {
-    const t = Ws.getDeviceType() === "pc", i = (r, o = 2) => {
+    const t = Gs.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({
       vertexColors: !0,
-      side: ee,
+      side: te,
       // 🔧 FIX: Changed from DoubleSide to halve draw calls
       opacity: e.opacity,
       transparent: !0,
@@ -6851,9 +6928,9 @@ class Ks {
   }
   //#endregion
 }
-class Js {
+class tn {
   constructor(e) {
-    this.viralViewerApi = e, this.elements = [], this._loadBatchedElementWorker = new Ks(e);
+    this.viralViewerApi = e, this.elements = [], this._loadBatchedElementWorker = new en(e);
   }
   //#region Load worker
   async load(e, t, i, s = () => {
@@ -6997,9 +7074,9 @@ class Js {
     }), this.viralViewerApi.viralMaterialManager.mergeMaterials = [], this.viralViewerApi.viralVisibilityManager.disableGroundShadow(), this.viralViewerApi.viralRenderer.render(), this.viralViewerApi.viralDataManager.dataTree = [], this.viralViewerApi.viralScene.selectables = [];
   }
 }
-class en {
+class sn {
   constructor(e) {
-    this.viralViewerApi = e, this.objectLoader = new li(), this.gltfLoader = new ki();
+    this.viralViewerApi = e, this.objectLoader = new ci(), this.gltfLoader = new Bi();
   }
   parseObject(e) {
     return this.objectLoader.parse(e);
@@ -7011,31 +7088,31 @@ class en {
     this.gltfLoader.load(e, t, i, s);
   }
 }
-class tn {
+class nn {
   constructor(e) {
-    this.viralViewerApi = e, this.revitLoader = new Js(this.viralViewerApi), this.pointCloudLoader = new Hs(this.viralViewerApi), this.threeLoader = new en(this.viralViewerApi);
+    this.viralViewerApi = e, this.revitLoader = new tn(this.viralViewerApi), this.pointCloudLoader = new Ws(this.viralViewerApi), this.threeLoader = new sn(this.viralViewerApi);
   }
 }
-class sn {
+class rn {
   constructor(e) {
-    this.viralViewerApi = e, this.hoverMaterial = new gt({
-      color: D.hexToThreejsColor(x.secondary),
+    this.viralViewerApi = e, this.hoverMaterial = new ft({
+      color: D.hexToThreejsColor(y.secondary),
       opacity: 0.7,
       transparent: !0,
       depthTest: !1,
       name: "Render Material",
       flatShading: !0
-    }), this.selectedMaterial = new gt({
-      color: D.hexToThreejsColor(x.secondary),
+    }), this.selectedMaterial = new ft({
+      color: D.hexToThreejsColor(y.secondary),
       opacity: 0.7,
       transparent: !0,
       name: "Render Material",
       depthTest: !1,
       flatShading: !0
-    }), this.edgeMaterial = new Qt({
-      color: D.hexToThreejsColor(x.edge),
+    }), this.edgeMaterial = new Xt({
+      color: D.hexToThreejsColor(y.edge),
       linewidth: 2,
-      resolution: new N(window.innerWidth, window.innerHeight),
+      resolution: new z(window.innerWidth, window.innerHeight),
       transparent: !0,
       opacity: 0.8
     }), this.outlineMaterial = new J({
@@ -7063,13 +7140,141 @@ class sn {
   resetToOriginal() {
     for (let e = 0; e < this.materials.length; e++) {
       const t = this.materials[e];
-      t instanceof gt && t.color.set(this.originalColors[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;
     }
+    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 nn() {
-  const g = new ci({
-    side: ee
+function cn() {
+  const g = new hi({
+    side: te
   });
   return g.onBeforeCompile = (e) => {
     e.vertexShader = `attribute vec4 color;
@@ -7089,10 +7294,10 @@ function nn() {
     );
   }, g;
 }
-function rn() {
+function hn() {
   const g = new G({
     colorWrite: !1,
-    side: ee
+    side: te
   });
   return g.onBeforeCompile = (e) => {
     e.vertexShader = `attribute vec4 color;
@@ -7112,8 +7317,8 @@ function rn() {
     );
   }, g;
 }
-const an = {
-  edgeColor: new B(0),
+const dn = {
+  edgeColor: new k(0),
   edgeOpacity: 0.6,
   // Reduced for subtlety, better perf
   edgeThickness: 1,
@@ -7130,14 +7335,14 @@ const an = {
   // Keep - good for creases
   enableObjectIdEdges: !1
   // Disable by default - most expensive (extra render pass)
-}, on = `
+}, un = `
 varying vec2 vUv;
 
 void main() {
   vUv = uv;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 }
-`, ln = `
+`, pn = `
 precision highp float;
 
 uniform sampler2D tDiffuse;      // Color buffer (from main render)
@@ -7303,7 +7508,7 @@ void main() {
   
   gl_FragColor = vec4(finalColor, color.a);
 }
-`, cn = `
+`, mn = `
 attribute float objectIndex;
 varying float vObjectIndex;
 
@@ -7311,7 +7516,7 @@ void main() {
   vObjectIndex = objectIndex;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 }
-`, hn = `
+`, gn = `
 precision highp float;
 varying float vObjectIndex;
 
@@ -7327,14 +7532,14 @@ void main() {
   gl_FragColor = vec4(packIndex(vObjectIndex), 1.0);
 }
 `;
-class dn extends Zt {
+class fn extends Ot {
   constructor(e, t, i, s) {
-    super(), this.excludeObjects = [], this.bypass = !1, this.scene = e, this.camera = t, this.resolution = i || new N(window.innerWidth, window.innerHeight), this.options = { ...an, ...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 };
     const n = {
-      format: Wt,
-      type: Ft,
-      minFilter: Ot,
-      magFilter: Ot
+      format: Ut,
+      type: qt,
+      minFilter: Rt,
+      magFilter: Rt
     };
     this.normalTarget = new ue(this.resolution.x, this.resolution.y, {
       ...n,
@@ -7350,11 +7555,11 @@ class dn extends Zt {
       this.resolution.x,
       this.resolution.y,
       _t
-    ), this.objectIdTarget = new ue(this.resolution.x, this.resolution.y, n), this.normalMaterial = nn(), this.depthMaterial = rn(), this.objectIdMaterial = new le({
-      vertexShader: cn,
-      fragmentShader: hn,
-      side: ee
-    }), this.edgeMaterial = new le({
+    ), 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({
       uniforms: {
         tDiffuse: { value: null },
         tDepth: { value: null },
@@ -7375,9 +7580,9 @@ class dn extends Zt {
         enableNormalEdges: { value: this.options.enableNormalEdges },
         enableObjectIdEdges: { value: this.options.enableObjectIdEdges }
       },
-      vertexShader: on,
-      fragmentShader: ln
-    }), this.copyMaterial = new le({
+      vertexShader: un,
+      fragmentShader: pn
+    }), this.copyMaterial = new ee({
       uniforms: {
         tDiffuse: { value: null }
       },
@@ -7395,7 +7600,7 @@ class dn extends Zt {
           gl_FragColor = texture2D(tDiffuse, vUv);
         }
       `
-    }), this.fsQuad = new Yt(this.edgeMaterial);
+    }), this.fsQuad = new Dt(this.edgeMaterial);
   }
   /**
    * Update options
@@ -7453,8 +7658,8 @@ class dn extends Zt {
     this.normalTarget.dispose(), this.depthTarget.dispose(), this.objectIdTarget.dispose(), this.normalMaterial.dispose(), this.depthMaterial.dispose(), this.edgeMaterial.dispose(), this.objectIdMaterial.dispose(), this.copyMaterial.dispose(), this.fsQuad.dispose();
   }
 }
-const un = {
-  outlineColor: new B(x.accent),
+const vn = {
+  outlineColor: new k(y.accent),
   outlineOpacity: 1,
   outlineThickness: 2,
   showOccluded: !0,
@@ -7465,7 +7670,7 @@ void main() {
   vUv = uv;
   gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
 }
-`, pn = `
+`, bn = `
 precision highp float;
 
 uniform sampler2D tDiffuse;     // Original scene
@@ -7554,9 +7759,9 @@ void main() {
   gl_FragColor = vec4(finalColor, sceneColor.a);
 }
 `;
-class mn extends Zt {
+class wn extends Ot {
   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 = { ...un, ...s };
+    super(), this.copyMaterial = null, this.selectionMesh = null, this.hasSelection = !1, this.bypass = !1, this.camera = t, this.resolution = i, this.options = { ...vn, ...s };
     const n = i.clone().multiplyScalar(0.5);
     this.maskRenderTarget = new ue(n.x, n.y, {
       depthBuffer: !0
@@ -7564,11 +7769,11 @@ class mn extends Zt {
       depthBuffer: !0
     }), this.maskMaterial = new G({
       color: 16777215,
-      side: ee,
+      side: te,
       depthTest: !this.options.showOccluded,
       // Disable depth test to capture occluded parts
       depthWrite: !0
-    }), this.outlineMaterial = new le({
+    }), this.outlineMaterial = new ee({
       uniforms: {
         tDiffuse: { value: null },
         tMask: { value: this.maskRenderTarget.texture },
@@ -7582,8 +7787,8 @@ class mn extends Zt {
         occludedOpacity: { value: this.options.occludedOpacity }
       },
       vertexShader: Mt,
-      fragmentShader: pn
-    }), this.selectionGeometry = new Z(), this.maskScene = new ft(), this.fsQuad = new Yt(this.outlineMaterial);
+      fragmentShader: bn
+    }), this.selectionGeometry = new Z(), this.maskScene = new vt(), this.fsQuad = new Dt(this.outlineMaterial);
   }
   /**
    * Update selection geometry from buffer elements
@@ -7595,7 +7800,7 @@ class mn extends Zt {
       this.hasSelection = !1, this.selectionMesh && (this.maskScene.remove(this.selectionMesh), this.selectionMesh = null);
       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 y(this.selectionGeometry, this.maskMaterial), this.selectionMesh.frustumCulled = !1, this.maskScene.add(this.selectionMesh));
+    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));
   }
   /**
    * Get whether there's an active selection
@@ -7611,7 +7816,7 @@ class mn extends Zt {
   }
   render(e, t, i, s, n) {
     if (this.bypass) {
-      this.copyMaterial || (this.copyMaterial = new le({
+      this.copyMaterial || (this.copyMaterial = new ee({
         uniforms: { tDiffuse: { value: null } },
         vertexShader: Mt,
         fragmentShader: `
@@ -7625,7 +7830,7 @@ class mn extends Zt {
       return;
     }
     if (!this.hasSelection || !this.enabled || !this.selectionMesh) {
-      this.copyMaterial || (this.copyMaterial = new le({
+      this.copyMaterial || (this.copyMaterial = new ee({
         uniforms: { tDiffuse: { value: null } },
         vertexShader: Mt,
         fragmentShader: `
@@ -7651,10 +7856,10 @@ class mn extends Zt {
     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 N(1024, 1024), new B(0);
-class gn {
+new z(1024, 1024), new k(0);
+class yn {
   constructor(e, t) {
-    this.renderer = e, this.viralViewerApi = t, this.gammaPass = null, this.ssaoPass = null, this.saoPass = null, this.smaaPass = null, this.ssaaPass = null, this.fxaaPass = null, this.taaPass = null, this.sobelPass = null, this.whitePass = null, this.shadowRemovalPass = null, this.outlinePass = null, this.screenSpaceEdgesPass = null, this.selectionOutlinePass = null, this.perfChecker = new Fs(), 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.alphaSelectionOutlinePass = null, this.perfChecker = new Us(), this._whiteShader = {
       uniforms: {
         tDiffuse: { value: null },
         shadowTexture: { value: null },
@@ -7685,15 +7890,15 @@ class gn {
         }
     `
     };
-    const i = new N();
+    const i = new z();
     e.getSize(i);
     const s = new ue(i.x, i.y, {
-      format: Wt,
-      type: Ft,
+      format: Ut,
+      type: qt,
       depthBuffer: !0,
       stencilBuffer: !1
     });
-    s.depthTexture = new At(i.x, i.y, _t), this.composer = new zi(this.renderer, s), this.composer.setSize(window.innerWidth, window.innerHeight);
+    s.depthTexture = new At(i.x, i.y, _t), this.composer = new Ni(this.renderer, s), this.composer.setSize(window.innerWidth, window.innerHeight);
   }
   isWebGL2Available() {
     return !!window.WebGL2RenderingContext;
@@ -7702,7 +7907,7 @@ class gn {
     this.composer.render();
   }
   initRenderPass(e, t) {
-    this.renderPass = new ji(e, t), this.composer.addPass(this.renderPass);
+    this.renderPass = new Hi(e, t), this.composer.addPass(this.renderPass);
     const i = this.perfChecker.getSpecs();
     if (console.log(i), this.perfChecker.canHandleExpensiveEffects()) {
       //! this pass cause slow render on weak machine, turn it off when camera moving
@@ -7712,9 +7917,9 @@ class gn {
       this.initn8aoPass(e, t);
     } else
       this.perfChecker.canHandleBasicEffects();
-    this.initScreenSpaceEdgesPass(e, t), this.initSelectionOutlinePass(e, t);
+    this.initScreenSpaceEdgesPass(e, t), this.initSelectionOutlinePass(e, t), this.initAlphaSelectionOutlinePass(), this.alphaSelectionOutlinePass && (this.alphaSelectionOutlinePass.enabled = !1);
     //! this pass slow render too, turn it off when we dont use
-    const s = new $i();
+    const s = new ji();
     this.composer.addPass(s);
   }
   initGammaPass() {
@@ -7723,7 +7928,7 @@ class gn {
   //#region N8AOPass
   initn8aoPass(e, t) {
     //! need to optimize this base on performance
-    this.n8aoPass = new Bi(e, t), this.n8aoPass.configuration.aoSamples = 16, this.n8aoPass.configuration.denoiseRadius = 16, this.n8aoPass.configuration.intensity = 5, this.n8aoPass.configuration.aoRadius = 10, this.n8aoPass.configuration.quality = "Low", this.n8aoPass.configuration.gammaCorrection = !1, this.n8aoPass.configuration.halfRes = !1, this.n8aoPass.configuration.distanceFalloff = 5, this.n8aoPass.configuration.accumulate = !1, this.n8aoPass.configuration.renderToScreen = !1, this.composer.addPass(this.n8aoPass);
+    this.n8aoPass = new zi(e, t), this.n8aoPass.configuration.aoSamples = 16, this.n8aoPass.configuration.denoiseRadius = 16, this.n8aoPass.configuration.intensity = 5, this.n8aoPass.configuration.aoRadius = 10, this.n8aoPass.configuration.quality = "Low", this.n8aoPass.configuration.gammaCorrection = !1, this.n8aoPass.configuration.halfRes = !1, this.n8aoPass.configuration.distanceFalloff = 5, this.n8aoPass.configuration.accumulate = !1, this.n8aoPass.configuration.renderToScreen = !1, this.composer.addPass(this.n8aoPass);
   }
   enableN8AOPass() {
     this.n8aoPass && (this.n8aoPass.setDisplayMode("Combined"), this.n8aoPass.enabled = !0);
@@ -7740,19 +7945,19 @@ class gn {
   //#endregion
   //#region Anti Aliases Passes
   initSMAAPass() {
-    this.smaaPass = new Hi(), this.smaaPass.renderToScreen = !0, this.composer.addPass(this.smaaPass);
+    this.smaaPass = new Fi(), this.smaaPass.renderToScreen = !0, this.composer.addPass(this.smaaPass);
   }
   initSSAAPass(e, t) {
-    this.ssaaPass = new Ei(e, t), this.ssaaPass.unbiased = !0, this.ssaaPass.sampleLevel = 2, this.composer.addPass(this.ssaaPass);
+    this.ssaaPass = new Si(e, t), this.ssaaPass.unbiased = !0, this.ssaaPass.sampleLevel = 2, this.composer.addPass(this.ssaaPass);
   }
   initFXAAPass() {
-    this.fxaaPass = new xt(Si), this.fxaaPass.uniforms.resolution.value.set(
+    this.fxaaPass = new xt(Ci), this.fxaaPass.uniforms.resolution.value.set(
       1 / window.innerWidth,
       1 / window.innerHeight
     ), this.composer.addPass(this.fxaaPass);
   }
   initTAAPass(e, t) {
-    this.taaPass = new Ci(e, t), this.taaPass.sampleLevel = 2, this.taaPass.unbiased = !1, this.composer.addPass(this.taaPass);
+    this.taaPass = new Ai(e, t), this.taaPass.sampleLevel = 2, this.taaPass.unbiased = !1, this.composer.addPass(this.taaPass);
   }
   enableTAA() {
     this.taaPass && (this.taaPass.enabled = !0);
@@ -7763,18 +7968,18 @@ class gn {
   //#endregion
   //#region SAO
   initSAOPass(e, t) {
-    this.saoPass = new Ai(e, t), this.saoPass.params.saoIntensity = 1e-4, this.saoPass.params.saoKernelRadius = 10, this.composer.addPass(this.saoPass);
+    this.saoPass = new _i(e, t), this.saoPass.params.saoIntensity = 1e-4, this.saoPass.params.saoKernelRadius = 10, this.composer.addPass(this.saoPass);
   }
   //#endregion
   //#region SSAO
   initSSAOPass(e, t) {
-    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);
+    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);
   }
   enableSSAO() {
-    this.ssaoPass && (this.ssaoPass.output = pt.OUTPUT.SSAO, this.ssaoPass.kernelRadius = 64, this.ssaoPass.minDistance = 1e-3, this.ssaoPass.maxDistance = 0.02);
+    this.ssaoPass && (this.ssaoPass.output = mt.OUTPUT.SSAO, this.ssaoPass.kernelRadius = 64, this.ssaoPass.minDistance = 1e-3, this.ssaoPass.maxDistance = 0.02);
   }
   disableSSAO() {
-    this.ssaoPass && (this.ssaoPass.output = pt.OUTPUT.Default, this.ssaoPass.kernelRadius = 1, this.ssaoPass.minDistance = 5e-4, this.ssaoPass.maxDistance = 0.3);
+    this.ssaoPass && (this.ssaoPass.output = mt.OUTPUT.Default, this.ssaoPass.kernelRadius = 1, this.ssaoPass.minDistance = 5e-4, this.ssaoPass.maxDistance = 0.3);
   }
   //#endregion
   //#region SOBEL
@@ -7794,12 +7999,12 @@ class gn {
    * - Object ID discontinuity detection (object boundaries)
    */
   initScreenSpaceEdgesPass(e, t) {
-    this.screenSpaceEdgesPass = new dn(
+    this.screenSpaceEdgesPass = new fn(
       e,
       t,
-      new N(window.innerWidth, window.innerHeight),
+      new z(window.innerWidth, window.innerHeight),
       {
-        edgeColor: new B(0),
+        edgeColor: new k(0),
         edgeOpacity: 1,
         edgeThickness: 2,
         depthMultiplier: 1.5,
@@ -7850,7 +8055,7 @@ class gn {
    */
   setScreenSpaceEdgeColor(e) {
     if (this.screenSpaceEdgesPass) {
-      const t = typeof e == "number" ? new B(e) : e;
+      const t = typeof e == "number" ? new k(e) : e;
       this.screenSpaceEdgesPass.setOptions({ edgeColor: t });
     }
   }
@@ -7881,7 +8086,7 @@ class gn {
    */
   setScreenSpaceEdgesPenMode() {
     this.screenSpaceEdgesPass && this.screenSpaceEdgesPass.setOptions({
-      edgeColor: new B(0),
+      edgeColor: new k(0),
       edgeOpacity: 1,
       edgeThickness: 1.5
     });
@@ -7891,7 +8096,7 @@ class gn {
    */
   setScreenSpaceEdgesShadedMode() {
     this.screenSpaceEdgesPass && this.screenSpaceEdgesPass.setOptions({
-      edgeColor: new B(0),
+      edgeColor: new k(0),
       edgeOpacity: 0.8,
       edgeThickness: 1.5
     });
@@ -7902,13 +8107,13 @@ class gn {
   //#endregion
   //#region Outline Pass
   initOutlinePass(e, t) {
-    this.outlinePass = new Ni(
-      new N(window.innerWidth, window.innerHeight),
+    this.outlinePass = new $i(
+      new z(window.innerWidth, window.innerHeight),
       e,
       t,
       // TODO : investigate why this effect when render new model
       [this.viralViewerApi.viralScene.outlineModel]
-    ), this.outlinePass.edgeStrength = 5, this.outlinePass.edgeGlow = 0.4, this.outlinePass.edgeThickness = 2, this.outlinePass.pulsePeriod = 0, this.outlinePass.visibleEdgeColor.set(x.accent), this.outlinePass.hiddenEdgeColor.set(x.accent), this.outlinePass.enabled = !1, this.outlinePass.renderToScreen = !1, this.composer.addPass(this.outlinePass);
+    ), this.outlinePass.edgeStrength = 5, this.outlinePass.edgeGlow = 0.4, this.outlinePass.edgeThickness = 2, this.outlinePass.pulsePeriod = 0, this.outlinePass.visibleEdgeColor.set(y.accent), this.outlinePass.hiddenEdgeColor.set(y.accent), this.outlinePass.enabled = !1, this.outlinePass.renderToScreen = !1, this.composer.addPass(this.outlinePass);
   }
   enableOutline() {
     this.outlinePass && (this.outlinePass.enabled = !0, this.outlinePass.renderToScreen = !0);
@@ -7924,12 +8129,12 @@ class gn {
    * Cost: 1 extra draw call + 1 fullscreen pass
    */
   initSelectionOutlinePass(e, t) {
-    this.selectionOutlinePass = new mn(
+    this.selectionOutlinePass = new wn(
       e,
       t,
-      new N(window.innerWidth, window.innerHeight),
+      new z(window.innerWidth, window.innerHeight),
       {
-        outlineColor: new B(x.accent),
+        outlineColor: new k(y.accent),
         outlineOpacity: 1,
         outlineThickness: 2,
         showOccluded: !0,
@@ -7983,7 +8188,7 @@ class gn {
    */
   setSelectionOutlineColor(e) {
     if (this.selectionOutlinePass) {
-      const t = e instanceof B ? e : new B(e);
+      const t = e instanceof k ? e : new k(e);
       this.selectionOutlinePass.setOptions({ outlineColor: t });
     }
   }
@@ -7994,22 +8199,89 @@ class gn {
     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 fn {
+class xn {
   constructor(e) {
-    this.viralViewerApi = e, this.renderer = new Gt({
+    this.viralViewerApi = e, this.renderer = new Qt({
       alpha: !0,
       antialias: !0,
       stencil: !0,
       logarithmicDepthBuffer: !0,
       powerPreference: "high-performance",
       preserveDrawingBuffer: !0
-    }), this._t = 0, this._lastSpatialStatsTime = 0, this.renderTimeout = null, this.jitterOffsets = [], this.jitterIndex = 0, this.size = new N(window.innerWidth, window.innerHeight), this.samples = 4;
+    }), this._t = 0, this._lastSpatialStatsTime = 0, this.renderTimeout = null, this.jitterOffsets = [], this.jitterIndex = 0, this.size = new z(window.innerWidth, window.innerHeight), this.samples = 4;
     const t = this.renderer.getContext(), i = t.getParameter(t.MAX_FRAGMENT_UNIFORM_VECTORS);
     console.log("Max Fragment Uniform Vectors ->", i), this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer.setSize(
       this.viralViewerApi.targetElement.offsetWidth,
       this.viralViewerApi.targetElement.offsetHeight
-    ), this.renderer.outputColorSpace = hi, this.renderer.shadowMap.enabled = !0, this.renderer.shadowMap.type = di, this.renderer.shadowMap.autoUpdate = !1, this.renderer.shadowMap.needsUpdate = !0, this.renderer.info.autoReset = !1, this.viralViewerApi.targetElement.appendChild(this.renderer.domElement), this.viralViewerApi.options.enablePostProcessing !== !1 && (this.postProcessingRenderer = new gn(
+    ), 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,
       this.viralViewerApi
     )), this.jitterOffsets = this.generateJitterOffsets(), this.viralViewerApi.emit(R.LOADED_RENDERER);
@@ -8100,7 +8372,7 @@ class fn {
         o
       );
     } else
-      i instanceof He && (i.projectionMatrix.elements[8] = e / this.size.x, i.projectionMatrix.elements[9] = t / this.size.y);
+      i instanceof Fe && (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
@@ -8124,19 +8396,19 @@ const de = {
   outlineModel: "viral_outline_model",
   sunlight: "viral_sunlight"
 };
-class vn {
+class Mn {
   constructor(e) {
-    this.viralViewerApi = e, this.scene = new ft(), this.objects = [], this.models = [], this.bimWorld = new Ki(), this.outlineModel = new y(), this.hideables = [], this.selectables = [], this.edges = [], this.sunLight = null, this.lights = [], this.transformControls = null, this.lightHelpers = [], this.fullScreenQuadMaterial = new G({
+    this.viralViewerApi = e, this.scene = new 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({
       map: null,
       // Use the render target's texture
-      side: ee
+      side: te
     }), 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 Dt(5, 32, 32), i = new J({
+    const t = new Lt(5, 32, 32), i = new J({
       color: 16768256,
       emissive: 16755200,
       emissiveIntensity: 1
     });
-    this.sunSphere = new y(t, i), this.sunSphere.visible = !1, this.addObject(this.sunSphere), this.addLights(), this.addPivotPoint(), this.viralViewerApi.options.isDev && this.addAxes();
+    this.sunSphere = new x(t, i), this.sunSphere.visible = !1, this.addObject(this.sunSphere), this.addLights(), this.addPivotPoint(), this.viralViewerApi.options.isDev && this.addAxes();
   }
   //#region Add Main Objects
   addObject(e) {
@@ -8162,28 +8434,28 @@ class vn {
   }
   //#region lights
   addLights() {
-    const e = new ut(16777215, 1);
+    const e = new pt(16777215, 1);
     e.position.set(1, 1, 1).normalize();
-    const t = new ut(16777215, 1.5);
+    const t = new pt(16777215, 1.5);
     t.position.set(0, -1, 0).normalize();
-    const i = new ut(16777215, 1);
+    const i = new pt(16777215, 1);
     i.position.set(-1, 1, -1).normalize();
-    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);
+    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);
     n.visible = !1, this.addObject(e), this.addObject(t), this.addObject(i), this.addObject(s), this.addObject(this.sunLight), this.addObject(n), this.lights.push(e), this.lights.push(t), this.lights.push(i), this.lights.push(s), this.lights.push(this.sunLight), this.lightHelpers.push(n);
   }
   //#endregion
   addPivotPoint() {
-    const e = new Dt(1, 16, 16), t = new G({
-      color: D.hexToThreejsColor(x.accent)
+    const e = new Lt(1, 16, 16), t = new G({
+      color: D.hexToThreejsColor(y.accent)
       // transparent: true,
       // opacity: 0.5,
-    }), i = new y(e, t);
+    }), i = new x(e, t);
     i.name = de.pivotPoint, i.visible = !1, this.addObject(i);
   }
   addTransformControls(e) {
-    this.transformControls = new Fi(
+    this.transformControls = new Gi(
       e,
       this.viralViewerApi.viralRenderer.renderer.domElement
     );
@@ -8200,7 +8472,7 @@ class vn {
   //#region Helper
   addCube() {
     if (this.scene) {
-      const e = new y(
+      const e = new x(
         new Pt(1, 1, 1),
         new J({ color: 16711680 })
       );
@@ -8209,7 +8481,7 @@ class vn {
   }
   addAxes() {
     if (this.scene) {
-      const e = new mi(10);
+      const e = new gi(10);
       e.renderOrder = 999, e.material.depthTest = !1, e.material.depthWrite = !1, this.addObject(e);
     }
   }
@@ -8223,20 +8495,20 @@ class vn {
    * Add box helper to check mesh
    */
   addBoxHelper(e) {
-    const t = new gi(e, 16711680);
+    const t = new fi(e, 16711680);
     this.addObject(t);
   }
   addBox3Helper(e) {
-    const t = new fi(e, 16776960);
+    const t = new vi(e, 16776960);
     this.addObject(t);
   }
   addFullscreenQuad() {
-    const e = new ae(window.innerWidth, window.innerHeight);
-    this.fullScreenQuad = new y(e, this.fullScreenQuadMaterial), this.addObject(this.fullScreenQuad);
+    const e = new oe(window.innerWidth, window.innerHeight);
+    this.fullScreenQuad = new x(e, this.fullScreenQuadMaterial), this.addObject(this.fullScreenQuad);
   }
   //#endregion
 }
-const zt = new Float32Array([
+const jt = new Float32Array([
   // Bottom face (Y = -1)
   -1,
   -1,
@@ -8312,7 +8584,7 @@ const zt = new Float32Array([
   -1,
   1,
   1
-]), bn = [
+]), En = [
   new E(1, 0, 0),
   // 0: +X
   new E(-1, 0, 0),
@@ -8325,9 +8597,9 @@ const zt = new Float32Array([
   // 4: +Z
   new E(0, 0, -1)
   // 5: -Z
-], Ge = class Ge {
+], Ue = class Ue {
   constructor(e) {
-    this.viralViewerApi = e, this._isGenerated = !1, this._isActive = !1, this._isVisible = !1, this._initialCenter = new E(), this._initialHalfSize = new E(), this._center = new E(), this._halfSize = new E(), this._boxOutline = null, this._outlineGeometry = null, this._outlineMaterial = null, this._hitBoxMesh = null, this._facePlaneMesh = null, this._dragAnchor = new $t(), this._selectedFaceIndex = -1, this._clippingPlanes = [], this._transformedEdges = new Float32Array(72);
+    this.viralViewerApi = e, this._isGenerated = !1, this._isActive = !1, this._isVisible = !1, this._initialCenter = new E(), this._initialHalfSize = new E(), this._center = new E(), this._halfSize = new E(), this._boxOutline = null, this._outlineGeometry = null, this._outlineMaterial = null, this._hitBoxMesh = null, this._facePlaneMesh = null, this._dragAnchor = new Ft(), this._selectedFaceIndex = -1, this._clippingPlanes = [], this._transformedEdges = new Float32Array(72);
   }
   /** Whether section box is active (clipping enabled) */
   get isActive() {
@@ -8417,7 +8689,7 @@ const zt = 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 = bn[e];
+    const s = En[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() {
@@ -8451,46 +8723,46 @@ const zt = new Float32Array([
   }
   // --- Private methods ---
   _initFromBoundingBox() {
-    const e = new z().setFromObject(this.viralViewerApi.viralScene.bimWorld);
+    const e = new N().setFromObject(this.viralViewerApi.viralScene.bimWorld);
     e.getCenter(this._center), e.getSize(this._halfSize).multiplyScalar(0.5), this._initialCenter.copy(this._center), this._initialHalfSize.copy(this._halfSize), this._isGenerated = !0;
   }
   _createVisuals() {
     if (this._boxOutline)
       return;
-    this._outlineMaterial = new Qt({
-      color: D.hexToThreejsColor(x.accent),
+    this._outlineMaterial = new Xt({
+      color: D.hexToThreejsColor(y.accent),
       linewidth: 2,
-      resolution: new N(window.innerWidth, window.innerHeight),
+      resolution: new z(window.innerWidth, window.innerHeight),
       worldUnits: !1,
       transparent: !1,
       depthTest: !0,
       depthWrite: !0
-    }), this._outlineGeometry = new Ui(), this._outlineGeometry.setPositions(zt), this._boxOutline = new Gi(this._outlineGeometry, this._outlineMaterial), this._boxOutline.name = "SectionBoxOutline", this._boxOutline.renderOrder = 0, this._boxOutline.frustumCulled = !1, this.viralViewerApi.viralScene.addObject(this._boxOutline);
+    }), 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({
       transparent: !0,
       opacity: 0,
-      side: ee,
+      side: te,
       depthWrite: !1,
       depthTest: !1
     });
-    this._hitBoxMesh = new y(e, t), this._hitBoxMesh.name = "SectionBoxHit", this._hitBoxMesh.visible = !0, this._hitBoxMesh.renderOrder = -1, this.viralViewerApi.viralScene.addObject(this._hitBoxMesh);
+    this._hitBoxMesh = new x(e, t), this._hitBoxMesh.name = "SectionBoxHit", this._hitBoxMesh.visible = !0, this._hitBoxMesh.renderOrder = -1, this.viralViewerApi.viralScene.addObject(this._hitBoxMesh);
     const i = new G({
-      color: D.hexToThreejsColor(x.accent),
+      color: D.hexToThreejsColor(y.accent),
       transparent: !0,
       opacity: 0.15,
-      side: ee,
+      side: te,
       depthWrite: !1,
       depthTest: !1,
       polygonOffset: !0,
       polygonOffsetFactor: 1,
       polygonOffsetUnits: 1
     });
-    this._facePlaneMesh = new y(new ae(1, 1), i), this._facePlaneMesh.name = "SectionBoxFaceHighlight", this._facePlaneMesh.visible = !1, this._facePlaneMesh.renderOrder = 997, this.viralViewerApi.viralScene.addObject(this._facePlaneMesh), this._dragAnchor.name = "SectionBoxDragAnchor", this.viralViewerApi.viralScene.scene.add(this._dragAnchor);
+    this._facePlaneMesh = new x(new 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);
   }
   _updateVisuals() {
     if (!this._boxOutline || !this._outlineGeometry || !this._hitBoxMesh)
       return;
-    const e = Ge.VISUAL_INSET, t = this._center.x, i = this._center.y, s = this._center.z, n = this._halfSize.x * (1 - e), r = this._halfSize.y * (1 - e), o = this._halfSize.z * (1 - e), a = zt, l = this._transformedEdges;
+    const e = 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;
     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) {
@@ -8540,7 +8812,7 @@ const zt = new Float32Array([
   _positionFaceHighlight(e) {
     if (!this._facePlaneMesh)
       return;
-    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);
+    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);
     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;
@@ -8590,8 +8862,8 @@ const zt = new Float32Array([
     );
   }
 };
-Ge.VISUAL_INSET = 2e-3;
-let It = Ge;
+Ue.VISUAL_INSET = 2e-3;
+let Vt = Ue;
 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(
@@ -8670,14 +8942,14 @@ We.Panel = (g, e, t) => {
     }
   };
 };
-class wn {
+class Sn {
   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 yn {
+class Cn {
   constructor(e) {
-    this.viralViewerApi = e, this._selectionOutlineEnabled = !0, this.exceptElements = [], this.isolateModelId = "0", this.sunConfiguration = es, this._ground = null, this.opacity = 1, this._fog = new vi(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.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;
   }
   /**
    * show all elements and reset back to normal visualization
@@ -8736,7 +9008,7 @@ class yn {
    * 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.viralViewerApi.viralRenderer.render());
+    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());
   }
   /**
    * Add elements to current selection (multi-select with Shift)
@@ -8755,13 +9027,13 @@ class yn {
       ) || s.push(r);
     });
     const n = [...s, ...i];
-    n.length > 0 ? (this.viralViewerApi.viralScene.bimWorld.select(n, this.exceptElements), this.updateSelectionOutline(), this.viralViewerApi.viralRenderer.render()) : this.unselectElements();
+    n.length > 0 ? (this.viralViewerApi.viralScene.bimWorld.select(n, this.exceptElements), this.updateSelectionOutline(), this.updateAlphaSelectionOutline(), this.viralViewerApi.viralRenderer.render()) : this.unselectElements();
   }
   /**
    * Unselect all elements
    */
   unselectElements() {
-    this.viralViewerApi.viralScene.bimWorld.unselect(), this.viralViewerApi.emit(R.UNSELECT_ELEMENTS), this.updateSelectionOutline(), this.viralViewerApi.viralRenderer.render();
+    this.viralViewerApi.viralScene.bimWorld.unselect(), this.viralViewerApi.emit(R.UNSELECT_ELEMENTS), this.updateSelectionOutline(), this.updateAlphaSelectionOutline(), this.viralViewerApi.viralRenderer.render();
   }
   selectAllElements() {
     console.time("⏱️ selectAllElements - gathering elements");
@@ -8801,15 +9073,15 @@ class yn {
     this.viralViewerApi.viralScene.sunLight && (this.viralViewerApi.viralScene.sunLight.castShadow = !1), this.viralViewerApi.viralRenderer.render();
   }
   _adjustLightForMesh(e, t) {
-    const i = new z().setFromObject(e), s = i.min, n = i.max, r = s.distanceTo(n), o = i.getCenter(new E()), a = t.shadow.camera;
+    const i = new N().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 B(this.sunConfiguration.color), this.sunConfiguration.enabled !== void 0 && (t.visible = this.sunConfiguration.enabled), t.position.copy(r);
-    const c = i.getBoundingSphere(new Ht()), h = new jt(c.radius + l, o, a);
+    this.sunConfiguration.castShadow !== void 0 && (t.castShadow = this.sunConfiguration.castShadow), this.sunConfiguration.intensity !== void 0 && (t.intensity = this.sunConfiguration.intensity), t.color = new 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);
     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) {
@@ -8824,7 +9096,7 @@ class yn {
       new E(s.x, s.y, s.z)
     ];
     n.forEach((o) => o.applyMatrix4(e.shadow.camera.matrixWorldInverse));
-    const r = new z().setFromPoints(n);
+    const r = new N().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
@@ -8905,7 +9177,7 @@ class yn {
   enableAllWhite() {
     this.viralViewerApi.viralMaterialManager.mergeMaterials.forEach(
       (e) => {
-        e.vertexColors = !1, e.color = new B(16448250), e.needsUpdate = !0;
+        e.vertexColors = !1, e.color = new k(16448250), e.needsUpdate = !0;
       }
     ), this.viralViewerApi.viralRenderer.render();
   }
@@ -8938,18 +9210,18 @@ class yn {
     if (this._ground)
       this._ground.visible = !0, this.viralViewerApi.viralRenderer.render();
     else {
-      let t = new z();
+      let t = new N();
       if (e)
-        t = new z().setFromObject(e);
+        t = new N().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 le({
+      const s = t.max.x - t.min.x, n = t.max.z - t.min.z, r = t.min.y, o = new ee({
         uniforms: {
-          color: { value: new B(0) },
+          color: { value: new k(0) },
           opacity: { value: 0.5 }
         },
         vertexShader: `
@@ -8971,8 +9243,8 @@ class yn {
       `,
         transparent: !0
       });
-      this._ground = new y(
-        new ae(s * 1.5, n * 1.5),
+      this._ground = new x(
+        new oe(s * 1.5, n * 1.5),
         o
         // Semi-transparent shadow material
       ), this._ground.rotation.x = -Math.PI / 2, this._ground.position.set(
@@ -9014,7 +9286,7 @@ class yn {
       if (s.buffer) {
         const n = new Z();
         n.setAttribute("position", new L(s.buffer, 3));
-        const r = new y(
+        const r = new x(
           n,
           this.viralViewerApi.viralMaterialManager.outlineMaterial
         );
@@ -9062,6 +9334,65 @@ class yn {
   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() {
@@ -9123,7 +9454,7 @@ class yn {
       for (let n = 0; n < t; n++)
         i[n * 3] = Math.random() * (e.max.x - e.min.x) + e.min.x, i[n * 3 + 1] = Math.random() * (e.max.y + 100 - e.min.y) + e.min.y, i[n * 3 + 2] = Math.random() * (e.max.z - e.min.z) + e.min.z;
       this.rainGeometry.setAttribute("position", new L(i, 3));
-      const s = new bi({
+      const s = new wi({
         color: 11184810,
         size: 0.2,
         transparent: !0,
@@ -9202,7 +9533,7 @@ class yn {
   generateLOD() {
     this.viralViewerApi.viralScene.bimWorld.children.forEach((e) => {
       if (e.isMesh) {
-        const t = new wi(), i = D.createLowResMesh(e, 0.5);
+        const t = new yi(), i = 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);
       }
     });
@@ -9211,7 +9542,7 @@ class yn {
    * Generate a random but distinct color for each material ID
    */
   _generateDistinctColor(e) {
-    const i = e * 0.618033988749895 % 1, s = 0.7 + Math.sin(e * 0.5) * 0.3, n = 0.5 + Math.cos(e * 0.7) * 0.2, r = new B();
+    const i = e * 0.618033988749895 % 1, s = 0.7 + Math.sin(e * 0.5) * 0.3, n = 0.5 + Math.cos(e * 0.7) * 0.2, r = new k();
     return r.setHSL(i, s, n), r;
   }
   /**
@@ -9310,7 +9641,7 @@ class yn {
   }
   //#endregion
 }
-class xn {
+class An {
   constructor(e) {
     this.viralViewerApi = e, this.contextMenu = null, this.contextItems = [], this.injectContextMenu();
   }
@@ -9320,14 +9651,14 @@ class xn {
             transition: background-color 0.3s ease;
         }
         .hover-element:hover {
-            background-color: ${x.hover};
+            background-color: ${y.hover};
 
         }`, t = document.createElement("style");
     t.innerHTML = e, document.head.appendChild(t), this.viralViewerApi.targetElement && (this.contextMenu = document.createElement("div"), this.contextMenu.addEventListener("contextmenu", (i) => {
       i.preventDefault();
     }), this.contextMenu.setAttribute(
       "style",
-      `position: absolute;top:0px;left:0px;background-color: ${x.background};justify-content: center;display:none; z-index: 100; flex-direction:column; padding: 10px 0; border-radius:10px`
+      `position: absolute;top:0px;left:0px;background-color: ${y.background};justify-content: center;display:none; z-index: 100; flex-direction:column; padding: 10px 0; border-radius:10px`
     ), this.viralViewerApi.targetElement.appendChild(this.contextMenu));
   }
   showContextMenu(e, t, i) {
@@ -9343,8 +9674,8 @@ class xn {
     for (let i = 0; i < this.contextItems.length; i++) {
       if (e.findIndex((l) => l == this.contextItems[i][0]) < 0)
         continue;
-      const [s, n, r, o] = this.contextItems[i], a = vt.createElementFromHTML(
-        `<div class="hover-element" style="padding: 5px 10px; cursor: pointer; color:${x.primary}; display:flex; align-items:center">${r} <p style="margin:0px !important;padding-left:5px">${n}</p></div>`
+      const [s, n, r, o] = this.contextItems[i], a = 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>`
       );
       a.addEventListener("click", (l) => {
         l.stopPropagation(), o(l);
@@ -9360,7 +9691,7 @@ class xn {
     this.contextItems.push([e, t, i, s]);
   }
 }
-class Mn {
+class _n {
   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">
@@ -9372,7 +9703,7 @@ class Mn {
       flex-shrink: 0;
     ">
             <span class="close" id="closeBtn">&times;</span>
-            <h2 style="margin: 0px !important;color:${x.secondary};white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" id="modal-title">
+            <h2 style="margin: 0px !important;color:${y.secondary};white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" id="modal-title">
             </h2>
         </div>
         <div id="modal-body" style="overflow-y: auto;overflow-x: hidden;flex: 1;min-height: 0;">
@@ -9393,7 +9724,7 @@ class Mn {
     }
     
     .modal-content {
-        background-color: ${x.background};
+        background-color: ${y.background};
         border: 1px solid #ccc;
         border-radius: 5px;
         padding: 10px;
@@ -9413,7 +9744,7 @@ class Mn {
         width: 15px;
         height: 15px;
         cursor: nwse-resize;
-        background: linear-gradient(135deg, transparent 0%, transparent 50%, ${x.secondary} 50%, ${x.secondary} 100%);
+        background: linear-gradient(135deg, transparent 0%, transparent 50%, ${y.secondary} 50%, ${y.secondary} 100%);
         opacity: 0.5;
         border-bottom-right-radius: 5px;
     }
@@ -9437,7 +9768,7 @@ class Mn {
     }
     
     .close:hover {
-        color: ${x.accent};
+        color: ${y.accent};
     }
     ::-webkit-scrollbar {
       width: 5px;
@@ -9470,7 +9801,7 @@ class Mn {
   inject() {
     if (this.viralViewerApi.targetElement) {
       const e = document.createElement("style");
-      e.innerHTML = this.rawModalStyle, document.head.appendChild(e), this.modal = vt.createElementFromHTML(this.rawModal), this.viralViewerApi.targetElement.appendChild(this.modal);
+      e.innerHTML = this.rawModalStyle, document.head.appendChild(e), this.modal = bt.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");
@@ -9546,27 +9877,27 @@ class Mn {
       for (let o = 0; o < r.length; o++) {
         const a = r[o], l = this.properties[a], c = (l == null ? void 0 : l.name) || a;
         let h = ((n = l == null ? void 0 : l.value) == null ? void 0 : n.toString()) || (l == null ? void 0 : l.toString());
-        (l == null ? void 0 : l.value) === "<None>" && (h = "None"), this.modalBodyLeft.innerHTML += `<p style="margin:0px !important;color:${x.primary};font-weight:600;font-size:14px;line-height:20px;" title="${c}">${c}</p>`, this.modalBodyRight.innerHTML += `<p style="margin:0px !important;color:${x.primary};font-size:14px;line-height:20px;" title="${h}">${h}</p>`;
+        (l == null ? void 0 : l.value) === "<None>" && (h = "None"), this.modalBodyLeft.innerHTML += `<p style="margin:0px !important;color:${y.primary};font-weight:600;font-size:14px;line-height:20px;" title="${c}">${c}</p>`, this.modalBodyRight.innerHTML += `<p style="margin:0px !important;color:${y.primary};font-size:14px;line-height:20px;" title="${h}">${h}</p>`;
       }
     }
   }
 }
-const Kt = {
+const Jt = {
   QUICK_SAND: {
     importLink: "https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap",
     fontFamily: "Quicksand, sans-serif"
   }
-}, En = (g) => {
+}, In = (g) => {
   const e = document.createElement("style");
-  e.innerHTML = `@import url(${Kt[g]});`, document.head.appendChild(e);
-}, Sn = (g, e) => {
-  const t = Kt[e];
+  e.innerHTML = `@import url(${Jt[g]});`, document.head.appendChild(e);
+}, Vn = (g, e) => {
+  const t = Jt[e];
   g && t && (g.style.fontFamily = t.fontFamily);
 };
-class Cn {
+class Tn {
   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, _, V, O, I, T, j, H;
+      var c, h, d, u, p, m, f, v, b, w, S, A, C, M, _, I, O, V, T, 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(
@@ -9576,9 +9907,9 @@ class Cn {
       );
       if (((m = this.viralNavigationCube.cubeScene) == null ? void 0 : m.activePlane.children.length) > 0) {
         let q = 0, $ = 0, U = 0;
-        for (let W = 0; W < ((f = this.viralNavigationCube.cubeScene) == null ? void 0 : f.activePlane.children.length); W++) {
-          const F = (v = this.viralNavigationCube.cubeScene) == null ? void 0 : v.activePlane.children[W];
-          q += F.position.x, $ += F.position.y, U += F.position.z;
+        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;
         }
         i = new E(
           q / ((b = this.viralNavigationCube.cubeScene) == null ? void 0 : b.activePlane.children.length),
@@ -9593,7 +9924,7 @@ class Cn {
         (M = (C = this.viralNavigationCube.cubeCamera) == null ? void 0 : C.camera) == null ? void 0 : M.position
       );
       const r = new E();
-      (V = this.viralNavigationCube.viralViewerApi.viralCamera) == null || V.cameraControls.getTarget(r);
+      (I = this.viralNavigationCube.viralViewerApi.viralCamera) == null || I.cameraControls.getTarget(r);
       const o = new E();
       (O = this.viralNavigationCube.viralViewerApi.viralCamera) == null || O.cameraControls.getPosition(
         o
@@ -9603,7 +9934,7 @@ class Cn {
         Math.round(n.y),
         Math.round(n.z)
       );
-      l.multiplyScalar(a), (I = this.viralNavigationCube.viralViewerApi.viralCamera.camera) == null || I.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(), (T = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) == null || T.setTarget(0, 0, 0), n.multiplyScalar(2), (j = this.viralNavigationCube.cubeCamera) == null || j.cameraControls.setPosition(
         n.x,
         n.y,
         n.z,
@@ -9625,22 +9956,22 @@ class Cn {
           (o = this.viralNavigationCube.cubeScene) == null ? void 0 : o.activePlane.position.z
         );
         if (((a = this.viralNavigationCube.cubeScene) == null ? void 0 : a.activePlane.children.length) > 0) {
-          let U = 0, W = 0, F = 0;
+          let U = 0, F = 0, W = 0;
           for (let X = 0; X < ((l = this.viralNavigationCube.cubeScene) == null ? void 0 : l.activePlane.children.length); X++) {
-            const ie = (c = this.viralNavigationCube.cubeScene) == null ? void 0 : c.activePlane.children[X];
-            U += ie.position.x, W += ie.position.y, F += ie.position.z;
+            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;
           }
           O = new E(
             U / ((h = this.viralNavigationCube.cubeScene) == null ? void 0 : h.activePlane.children.length),
-            W / ((d = this.viralNavigationCube.cubeScene) == null ? void 0 : d.activePlane.children.length),
-            F / ((u = this.viralNavigationCube.cubeScene) == null ? void 0 : u.activePlane.children.length)
+            F / ((d = this.viralNavigationCube.cubeScene) == null ? void 0 : d.activePlane.children.length),
+            W / ((u = this.viralNavigationCube.cubeScene) == null ? void 0 : u.activePlane.children.length)
           );
         }
-        const I = new E();
+        const V = new E();
         (p = this.viralNavigationCube.cubeCamera) == null || p.cameraControls.getTarget(
-          I
+          V
         );
-        const T = O.clone().sub(I).normalize();
+        const T = 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
         );
@@ -9684,7 +10015,7 @@ class Cn {
         }
         this.viralNavigationCube.cubeScene.activePlane = null;
       }
-      const i = t.offsetX, s = t.offsetY, n = (c = this.viralNavigationCube.cubeRenderer) == null ? void 0 : c.renderer.getSize(new N()), r = new N(i / n.width * 2 - 1, -s / n.height * 2 + 1), o = new Tt();
+      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();
       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)) {
@@ -9711,14 +10042,14 @@ class Cn {
   }
   //#endregion
 }
-class An {
+class Pn {
   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 He(60, e / t, 0.01, 100), this.camera.position.set(0, 0, 2), this.cameraControls = new pe(
+      this.camera = new Fe(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) => {
@@ -9749,9 +10080,9 @@ class An {
     window.addEventListener("mousedown", e, !1), window.addEventListener("mousemove", t, !1), window.addEventListener("touchstart", e, !1), window.addEventListener("touchmove", t, !0);
   }
 }
-class _n {
+class On {
   constructor(e) {
-    this.viralNavigationCube = e, this.renderer = new Gt({
+    this.viralNavigationCube = e, this.renderer = new Qt({
       alpha: !0,
       antialias: !0,
       logarithmicDepthBuffer: !0
@@ -9784,191 +10115,191 @@ class _n {
   //     }
   // }
 }
-class Vn {
+class Dn {
   constructor(e, t = 1) {
-    this.viralNavigationCube = e, this.scene = new ft(), this.objects = [], this.cube = null, this.activePlane = null, this.cubeScale = 1, this.cubeScale = Math.round(Math.max(0.1, Math.min(1, t)) * 10) / 10, this.addCube(), this.addPlanes();
+    this.viralNavigationCube = e, this.scene = new 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();
   }
   addObject(e) {
     this.scene.add(e), this.objects.push(e);
   }
   addCube() {
-    const e = [], t = ["RIGHT", "LEFT", "TOP", "BOTTOM", "FRONT", "BACK"], i = new yi(), s = document.createElement("canvas"), n = s.getContext("2d"), r = 64;
+    const e = [], t = ["RIGHT", "LEFT", "TOP", "BOTTOM", "FRONT", "BACK"], i = new xi(), s = document.createElement("canvas"), n = s.getContext("2d"), r = 64;
     if (s.width = r, s.height = r, n) {
       n.font = 'bolder 12px "Open sans", Arial', n.textBaseline = "middle", n.textAlign = "center";
-      const o = `${x.background}`;
+      const o = `${y.background}`;
       for (let l = 0; l < 6; l++)
-        t[l] == "TOP" || t[l] == "BOTTOM", n.fillStyle = o, n.fillRect(0, 0, r, r), n.strokeStyle = `${x.primary}`, n.setLineDash([8, 8]), n.lineWidth = 4, n.strokeRect(0, 0, r, r), n.fillStyle = `${x.primary}`, n.fillText(t[l], r / 2, r / 2), e[l] = new G({
+        t[l] == "TOP" || t[l] == "BOTTOM", n.fillStyle = o, n.fillRect(0, 0, r, r), n.strokeStyle = `${y.primary}`, n.setLineDash([8, 8]), n.lineWidth = 4, n.strokeRect(0, 0, r, r), n.fillStyle = `${y.primary}`, n.fillText(t[l], r / 2, r / 2), e[l] = new G({
           map: i.load(s.toDataURL())
         });
       const a = this.cubeScale;
-      this.cube = new y(new Pt(a, a, a), e), this.addObject(this.cube);
+      this.cube = new x(new Pt(a, a, a), e), this.addObject(this.cube);
     }
   }
   addPlanes() {
     const e = this.cubeScale, t = new G({
-      side: ee,
+      side: te,
       color: 6659921,
       transparent: !0,
       opacity: 0,
       depthTest: !1
-    }), i = 0.7 * e, s = 0.7 * e, n = 0.15 * e, r = new ae(i, i), o = new ae(n, s), a = new ae(n, n), l = 0.51 * e, c = new y(r, t.clone());
+    }), i = 0.7 * e, s = 0.7 * e, n = 0.15 * e, r = new oe(i, i), o = new oe(n, s), a = new oe(n, n), l = 0.51 * e, c = new x(r, t.clone());
     c.position.z = l, c.name = "FRONT";
-    const h = new y(o, t.clone());
+    const h = new x(o, t.clone());
     h.position.z = l, h.position.x = i / 2 + n / 2;
-    const d = new y(o, t.clone());
+    const d = new x(o, t.clone());
     d.position.z = l, d.position.x = -(i / 2 + n / 2);
-    const u = new y(o, t.clone());
+    const u = new x(o, t.clone());
     u.position.z = l, u.rotation.z = Math.PI / 2, u.position.y = i / 2 + n / 2;
-    const p = new y(o, t.clone());
+    const p = new x(o, t.clone());
     p.position.z = l, p.rotation.z = Math.PI / 2, p.position.y = -(i / 2 + n / 2);
-    const m = new y(a, t.clone());
+    const m = new x(a, t.clone());
     m.position.z = l, m.position.x = -(i / 2 + n / 2), m.position.y = i / 2 + n / 2;
-    const f = new y(a, t.clone());
+    const f = new x(a, t.clone());
     f.position.z = l, f.position.x = i / 2 + n / 2, f.position.y = i / 2 + n / 2;
-    const v = new y(a, t.clone());
+    const v = new x(a, t.clone());
     v.position.z = l, v.position.x = i / 2 + n / 2, v.position.y = -(i / 2 + n / 2);
-    const b = new y(a, t.clone());
+    const b = new x(a, t.clone());
     b.position.z = l, b.position.x = -(i / 2 + n / 2), b.position.y = -(i / 2 + n / 2);
-    const w = new y(r, t.clone());
+    const w = new x(r, t.clone());
     w.position.z = -l, w.name = "BACK";
-    const S = new y(o, t.clone());
+    const S = new x(o, t.clone());
     S.position.z = -l, S.position.x = i / 2 + n / 2;
-    const A = new y(o, t.clone());
+    const A = new x(o, t.clone());
     A.position.z = -l, A.position.x = -(i / 2 + n / 2);
-    const C = new y(o, t.clone());
+    const C = new x(o, t.clone());
     C.position.z = -l, C.rotation.z = Math.PI / 2, C.position.y = i / 2 + n / 2;
-    const M = new y(o, t.clone());
+    const M = new x(o, t.clone());
     M.position.z = -l, M.rotation.z = Math.PI / 2, M.position.y = -(i / 2 + n / 2);
-    const _ = new y(a, t.clone());
+    const _ = new x(a, t.clone());
     _.position.z = -l, _.position.x = i / 2 + n / 2, _.position.y = i / 2 + n / 2;
-    const V = new y(a, t.clone());
-    V.position.z = -l, V.position.x = -(i / 2 + n / 2), V.position.y = i / 2 + n / 2;
-    const O = new y(a, t.clone());
+    const I = new x(a, t.clone());
+    I.position.z = -l, I.position.x = -(i / 2 + n / 2), I.position.y = i / 2 + n / 2;
+    const O = new x(a, t.clone());
     O.position.z = -l, O.position.x = -(i / 2 + n / 2), O.position.y = -(i / 2 + n / 2);
-    const I = new y(a, t.clone());
-    I.position.z = -l, I.position.x = i / 2 + n / 2, I.position.y = -(i / 2 + n / 2);
-    const T = new y(r, t.clone());
+    const V = new x(a, t.clone());
+    V.position.z = -l, V.position.x = i / 2 + n / 2, V.position.y = -(i / 2 + n / 2);
+    const T = new x(r, t.clone());
     T.rotation.y = Math.PI / 2, T.position.x = l, T.name = "RIGHT";
-    const j = new y(o, t.clone());
+    const j = new x(o, t.clone());
     j.rotation.y = Math.PI / 2, j.position.x = l, j.position.z = i / 2 + n / 2;
-    const H = new y(o, t.clone());
+    const H = new x(o, t.clone());
     H.rotation.y = Math.PI / 2, H.position.x = l, H.position.z = -(i / 2 + n / 2);
-    const q = new y(o, t.clone());
+    const q = new x(o, t.clone());
     q.rotation.y = Math.PI / 2, q.position.x = l, q.rotation.z = Math.PI / 2, q.position.y = i / 2 + n / 2;
-    const $ = new y(o, t.clone());
+    const $ = new x(o, t.clone());
     $.rotation.y = Math.PI / 2, $.position.x = l, $.rotation.z = Math.PI / 2, $.position.y = -(i / 2 + n / 2);
-    const U = new y(a, t.clone());
+    const U = new x(a, t.clone());
     U.rotation.y = Math.PI / 2, U.position.x = l, U.position.z = i / 2 + n / 2, U.position.y = i / 2 + n / 2;
-    const W = new y(a, t.clone());
-    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 X = new y(a, t.clone());
+    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 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());
+    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());
     ge.rotation.y = Math.PI / 2, ge.position.x = -l, ge.rotation.z = Math.PI / 2, ge.position.y = i / 2 + n / 2;
-    const fe = new y(o, t.clone());
+    const fe = new x(o, t.clone());
     fe.rotation.y = Math.PI / 2, fe.position.x = -l, fe.rotation.z = Math.PI / 2, fe.position.y = -(i / 2 + n / 2);
-    const ve = new y(a, t.clone());
+    const ve = new x(a, t.clone());
     ve.rotation.y = Math.PI / 2, ve.position.x = -l, ve.position.z = -(i / 2 + n / 2), ve.position.y = i / 2 + n / 2;
-    const be = new y(a, t.clone());
+    const be = new x(a, t.clone());
     be.rotation.y = Math.PI / 2, be.position.x = -l, be.position.z = i / 2 + n / 2, be.position.y = i / 2 + n / 2;
-    const we = new y(a, t.clone());
+    const we = new x(a, t.clone());
     we.rotation.y = Math.PI / 2, we.position.x = -l, we.position.z = i / 2 + n / 2, we.position.y = -(i / 2 + n / 2);
-    const ye = new y(a, t.clone());
+    const ye = new x(a, t.clone());
     ye.rotation.y = Math.PI / 2, ye.position.x = -l, ye.position.z = -(i / 2 + n / 2), ye.position.y = -(i / 2 + n / 2);
-    const Qe = new y(r, t.clone());
-    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());
+    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());
     xe.rotation.x = Math.PI / 2, xe.position.y = l, xe.rotation.z = Math.PI / 2, xe.position.z = i / 2 + n / 2;
-    const Me = new y(o, t.clone());
+    const Me = new x(o, t.clone());
     Me.rotation.x = Math.PI / 2, Me.position.y = l, Me.rotation.z = Math.PI / 2, Me.position.z = -(i / 2 + n / 2);
-    const Ee = new y(a, t.clone());
+    const Ee = new x(a, t.clone());
     Ee.rotation.x = Math.PI / 2, Ee.position.y = l, Ee.position.z = -(i / 2 + n / 2), Ee.position.x = -(i / 2 + n / 2);
-    const Se = new y(a, t.clone());
+    const Se = new x(a, t.clone());
     Se.rotation.x = Math.PI / 2, Se.position.y = l, Se.position.z = -(i / 2 + n / 2), Se.position.x = i / 2 + n / 2;
-    const Ce = new y(a, t.clone());
+    const Ce = new x(a, t.clone());
     Ce.rotation.x = Math.PI / 2, Ce.position.y = l, Ce.position.z = i / 2 + n / 2, Ce.position.x = i / 2 + n / 2;
-    const Ae = new y(a, t.clone());
+    const Ae = new x(a, t.clone());
     Ae.rotation.x = Math.PI / 2, Ae.position.y = l, Ae.position.z = i / 2 + n / 2, Ae.position.x = -(i / 2 + n / 2);
-    const Xe = new y(r, t.clone());
-    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());
+    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());
     _e.rotation.x = Math.PI / 2, _e.position.y = -l, _e.rotation.z = Math.PI / 2, _e.position.z = i / 2 + n / 2;
-    const Ve = new y(o, t.clone());
-    Ve.rotation.x = Math.PI / 2, Ve.position.y = -l, Ve.rotation.z = Math.PI / 2, Ve.position.z = -(i / 2 + n / 2);
-    const Ie = new y(a, t.clone());
-    Ie.rotation.x = Math.PI / 2, Ie.position.y = -l, Ie.position.z = i / 2 + n / 2, Ie.position.x = -(i / 2 + n / 2);
-    const Te = new y(a, t.clone());
+    const Ie = new x(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());
+    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 y(a, t.clone());
+    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 y(a, t.clone());
+    const Oe = new x(a, t.clone());
     Oe.rotation.x = Math.PI / 2, Oe.position.y = -l, Oe.position.z = -(i / 2 + n / 2), Oe.position.x = -(i / 2 + n / 2);
-    const Jt = new G({
+    const ei = new G({
       color: 11184810
-    }), ei = new ae(1 * e, 1 * e), bt = new y(ei, Jt);
-    bt.rotation.x = -Math.PI / 2, bt.position.y = -0.6 * e, this.addObject(c), this.addObject(w), this.addObject(T), 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(Ve), 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();
+    }), 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();
     De.name = "corner1", De.add(m), De.add(Ae), De.add(be), this.addObject(De);
-    const Re = new y();
+    const Re = new x();
     Re.name = "corner2", Re.add(f), Re.add(U), Re.add(Ce), this.addObject(Re);
-    const Le = new y();
+    const Le = new x();
     Le.name = "corner3", Le.add(v), Le.add(X), Le.add(Te), this.addObject(Le);
-    const ke = new y();
-    ke.name = "corner4", ke.add(b), ke.add(we), ke.add(Ie), this.addObject(ke);
-    const Be = new y();
-    Be.name = "corner5", Be.add(_), Be.add(W), Be.add(Se), this.addObject(Be);
-    const ze = new y();
-    ze.name = "corner6", ze.add(V), ze.add(Ee), ze.add(ve), this.addObject(ze);
-    const Ne = new y();
+    const ke = new x();
+    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();
+    ze.name = "corner6", ze.add(I), ze.add(Ee), ze.add(ve), this.addObject(ze);
+    const Ne = new x();
     Ne.name = "corner7", Ne.add(O), Ne.add(ye), Ne.add(Oe), this.addObject(Ne);
-    const $e = new y();
-    $e.name = "corner8", $e.add(I), $e.add(F), $e.add(Pe), this.addObject($e);
+    const $e = new x();
+    $e.name = "corner8", $e.add(V), $e.add(W), $e.add(Pe), this.addObject($e);
   }
 }
-class In {
+class Rn {
   //* 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 Vn(this, this.cubeScale), this.cubeRenderer = new _n(this), this.cubeCamera = new An(this), this.cubeMouse = new Cn(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 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);
   }
   injectCubeWrapperElement() {
     if (this.viralViewerApi.targetElement) {
@@ -9989,14 +10320,14 @@ class In {
     this.viralViewerApi.viralCamera.backHome();
   }
 }
-class Tn {
+class Ln {
   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: ${x.secondary}; border-radius:5px; height: 10px; width:10px; opacity:80%; transform: translate(-50%, -50%);display: none`
+      `position: absolute;top:0px;left:0px;background-color: ${y.secondary}; border-radius:5px; height: 10px; width:10px; opacity:80%; transform: translate(-50%, -50%);display: none`
     ), this.viralViewerApi.targetElement.appendChild(this.contextMenu));
   }
   show(e, t) {
@@ -10006,7 +10337,7 @@ class Tn {
     this.contextMenu && this.contextMenu.style.setProperty("display", "none");
   }
 }
-class Pn {
+class kn {
   constructor(e) {
     this.viralViewerApi = e, this.spinner = null, this.logo = `<svg
    width="348.25488"
@@ -10069,14 +10400,14 @@ class Pn {
     if (t.innerHTML = e, document.head.appendChild(t), this.viralViewerApi.targetElement) {
       this.spinner = document.createElement("div"), this.spinner.setAttribute(
         "style",
-        `position: absolute;top:0px;left:0px;right:0px;bottom:0px;background-color: ${x.background};justify-content: center;align-items: center;display:none;    z-index: 100`
+        `position: absolute;top:0px;left:0px;right:0px;bottom:0px;background-color: ${y.background};justify-content: center;align-items: center;display:none;    z-index: 100`
       );
       const i = document.createElement("div"), s = document.createElement("div");
       s.setAttribute(
         "style",
-        `width: 200px; height: 200px; border-radius: 50%; border: 2px solid #ccc; border-top: 2px solid ${x.primary}; animation: spin 1.5s linear infinite;`
+        `width: 200px; height: 200px; border-radius: 50%; border: 2px solid #ccc; border-top: 2px solid ${y.primary}; animation: spin 1.5s linear infinite;`
       );
-      const n = vt.createElementFromHTML(this.logo);
+      const n = bt.createElementFromHTML(this.logo);
       n.setAttribute(
         "style",
         "height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)"
@@ -10090,7 +10421,7 @@ class Pn {
     this.spinner && this.spinner.style.setProperty("display", "none");
   }
 }
-class On {
+class Bn {
   constructor(e) {
     this.viralTools = e;
   }
@@ -10099,7 +10430,7 @@ class On {
     e.activate && console.log((t = this.viralTools.viralViewerApi.viralCamera.camera) == null ? void 0 : t.position);
   }
 }
-class Dn {
+class zn {
   constructor(e) {
     this.viralTools = e;
   }
@@ -10107,7 +10438,7 @@ class Dn {
     this.viralTools.viralViewerApi.targetElement && e.activate;
   }
 }
-class Rn {
+class Nn {
   constructor(e) {
     this.viralTools = e;
   }
@@ -10124,7 +10455,7 @@ class Rn {
     ));
   }
 }
-class Ln {
+class $n {
   constructor(e) {
     this.viralTools = e, this.isActivated = !1;
   }
@@ -10144,9 +10475,9 @@ class Ln {
     }
   }
 }
-class kn {
+class jn {
   constructor(e) {
-    this.viralTools = e, this.viralToolMeasureScene = new ft(), this.isActivated = !1, this.measures = [], this.point1 = null, this.point2 = null, this.tempPoint2 = null, this.defaultSprite = this.makeSprite(), this.measureObject = new y(), this.tempMeasure = new y(), this.tempSprite1 = null, this.tempLine = null, this.tempSprite2 = null;
+    this.viralTools = e, this.viralToolMeasureScene = new 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;
   }
   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();
@@ -10208,20 +10539,20 @@ class kn {
       const n = document.createElement("canvas"), r = n.getContext("2d"), o = 32;
       n.width = o, n.height = o;
       const a = o * 0.8 / 2;
-      return r && (r.shadowBlur = 5, r.shadowColor = "#555", r.fillStyle = "#fff", r.beginPath(), r.arc(o / 2, o / 2, a, 0, Math.PI * 2), r.closePath(), r.fill(), r.shadowBlur = 0, r.fillStyle = x.primary, r.beginPath(), r.arc(o / 2, o / 2, a * 0.5, 0, Math.PI * 2), r.closePath(), r.fill()), n;
+      return r && (r.shadowBlur = 5, r.shadowColor = "#555", r.fillStyle = "#fff", r.beginPath(), r.arc(o / 2, o / 2, a, 0, Math.PI * 2), r.closePath(), r.fill(), r.shadowBlur = 0, r.fillStyle = y.primary, r.beginPath(), r.arc(o / 2, o / 2, a * 0.5, 0, Math.PI * 2), r.closePath(), r.fill()), n;
     }
-    const t = new Rt(e()), i = new Lt({
+    const t = new kt(e()), i = new Bt({
       map: t,
       sizeAttenuation: !1
-    }), s = new kt(i);
+    }), s = new zt(i);
     return s.scale.setScalar(0.08), s;
   }
   makeLine(e, t) {
-    const i = new xi({
-      color: D.hexToThreejsColor(x.primary),
+    const i = new Mi({
+      color: D.hexToThreejsColor(y.primary),
       linewidth: 20
     }), s = [e, t], n = new Z().setFromPoints(s);
-    return new mt(n, i);
+    return new gt(n, i);
   }
   makeDistanceSprite(e, t) {
     function i(c, h, d, u, p, m) {
@@ -10231,7 +10562,7 @@ class kn {
     if (n) {
       n.font = "bolder " + r + 'px "Open Sans", Arial';
       const h = "~ " + Math.round(e.distanceTo(t)), d = n.measureText(h), u = 20, p = 10, m = 10;
-      s.width = d.width + u * 2 + m * 2, s.height = r + p * 2 + m * 2, n.shadowBlur = 10, n.shadowColor = "#555", n.fillStyle = x.primary, i(
+      s.width = d.width + u * 2 + m * 2, s.height = r + p * 2 + m * 2, n.shadowBlur = 10, n.shadowColor = "#555", n.fillStyle = y.primary, i(
         n,
         m,
         m,
@@ -10240,8 +10571,8 @@ class kn {
         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 Rt(s), a = new kt(
-      new Lt({
+    const o = new kt(s), a = new zt(
+      new Bt({
         map: o,
         sizeAttenuation: !1
       })
@@ -10257,7 +10588,7 @@ class kn {
     e.code == "Escape" && (D.clearChildren(this.tempMeasure), this.point1 = null, this.point2 = null, this.tempPoint2 = null, this.viralTools.viralViewerApi.viralRenderer.render());
   }
 }
-class Bn {
+class Hn {
   constructor(e) {
     this.viralTools = e;
   }
@@ -10269,7 +10600,7 @@ class Bn {
       if (e.activate) {
         if (t) {
           if (t.visible = !0, this.viralTools.viralViewerApi.viralScene.models.length > 0) {
-            const i = new z().setFromObject(
+            const i = new N().setFromObject(
               this.viralTools.viralViewerApi.viralScene.models[0]
             ), s = new E();
             i.getSize(s);
@@ -10292,14 +10623,14 @@ class Bn {
     }
   }
 }
-class zn {
+class Fn {
   constructor(e) {
     this.viralViewerApi = e, this.tools = [
       {
         name: "navigation",
         tools: [
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>cursor-move</title><path d="M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>cursor-move</title><path d="M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z" /></svg>`,
             index: 0,
             activate: !0,
             allowDehydrated: !1,
@@ -10308,7 +10639,7 @@ class zn {
             }
           },
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>nature-people-outline</title><path d="M16 20V16.12C19.47 15.71 22.17 12.76 22.17 9.17C22.17 5.3 19.04 2.17 15.17 2.17C13.31 2.17 11.53 2.91 10.22 4.22C8.91 5.53 8.17 7.31 8.17 9.17C8.17 9.95 8.3 10.69 8.53 11.38C8.64 11.71 8.77 12.03 8.93 12.33C9.91 14.27 11.78 15.68 14 16.06V20H6V17H7V12.95C7 12.72 6.89 12.5 6.74 12.33L6.71 12.29L6.66 12.25C6.5 12.09 6.25 12 6 12H3C2.76 12 2.5 12.09 2.34 12.25L2.29 12.29C2.11 12.5 2 12.74 2 13V17H3V22H19V20H16M15.08 14.22L14.33 14.09C11.96 13.69 10.17 11.64 10.17 9.17C10.17 7.84 10.7 6.57 11.63 5.63C12.57 4.7 13.85 4.17 15.17 4.17C17.93 4.17 20.17 6.41 20.17 9.17C20.17 11.73 18.24 13.84 15.77 14.13L15.08 14.21M4.5 11C5.33 11 6 10.33 6 9.5C6 8.67 5.33 8 4.5 8C3.67 8 3 8.67 3 9.5C3 10.33 3.67 11 4.5 11Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>nature-people-outline</title><path d="M16 20V16.12C19.47 15.71 22.17 12.76 22.17 9.17C22.17 5.3 19.04 2.17 15.17 2.17C13.31 2.17 11.53 2.91 10.22 4.22C8.91 5.53 8.17 7.31 8.17 9.17C8.17 9.95 8.3 10.69 8.53 11.38C8.64 11.71 8.77 12.03 8.93 12.33C9.91 14.27 11.78 15.68 14 16.06V20H6V17H7V12.95C7 12.72 6.89 12.5 6.74 12.33L6.71 12.29L6.66 12.25C6.5 12.09 6.25 12 6 12H3C2.76 12 2.5 12.09 2.34 12.25L2.29 12.29C2.11 12.5 2 12.74 2 13V17H3V22H19V20H16M15.08 14.22L14.33 14.09C11.96 13.69 10.17 11.64 10.17 9.17C10.17 7.84 10.7 6.57 11.63 5.63C12.57 4.7 13.85 4.17 15.17 4.17C17.93 4.17 20.17 6.41 20.17 9.17C20.17 11.73 18.24 13.84 15.77 14.13L15.08 14.21M4.5 11C5.33 11 6 10.33 6 9.5C6 8.67 5.33 8 4.5 8C3.67 8 3 8.67 3 9.5C3 10.33 3.67 11 4.5 11Z" /></svg>`,
             index: 1,
             activate: !1,
             allowDehydrated: !1,
@@ -10321,7 +10652,7 @@ class zn {
         name: "helper",
         tools: [
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>flag-variant-outline</title><path d="M6,3A1,1 0 0,1 7,4V4.88C8.06,4.44 9.5,4 11,4C14,4 14,6 16,6C19,6 20,4 20,4V12C20,12 19,14 16,14C13,14 13,12 11,12C8,12 7,14 7,14V21H5V4A1,1 0 0,1 6,3M7,7.25V11.5C7,11.5 9,10 11,10C13,10 14,12 16,12C18,12 18,11 18,11V7.5C18,7.5 17,8 16,8C14,8 13,6 11,6C9,6 7,7.25 7,7.25Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>flag-variant-outline</title><path d="M6,3A1,1 0 0,1 7,4V4.88C8.06,4.44 9.5,4 11,4C14,4 14,6 16,6C19,6 20,4 20,4V12C20,12 19,14 16,14C13,14 13,12 11,12C8,12 7,14 7,14V21H5V4A1,1 0 0,1 6,3M7,7.25V11.5C7,11.5 9,10 11,10C13,10 14,12 16,12C18,12 18,11 18,11V7.5C18,7.5 17,8 16,8C14,8 13,6 11,6C9,6 7,7.25 7,7.25Z" /></svg>`,
             index: 0,
             activate: !1,
             allowDehydrated: !1,
@@ -10329,7 +10660,7 @@ class zn {
             action: (t) => this.viralToolElevation.activate(t)
           },
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>ruler</title><path d="M1.39,18.36L3.16,16.6L4.58,18L5.64,16.95L4.22,15.54L5.64,14.12L8.11,16.6L9.17,15.54L6.7,13.06L8.11,11.65L9.53,13.06L10.59,12L9.17,10.59L10.59,9.17L13.06,11.65L14.12,10.59L11.65,8.11L13.06,6.7L14.47,8.11L15.54,7.05L14.12,5.64L15.54,4.22L18,6.7L19.07,5.64L16.6,3.16L18.36,1.39L22.61,5.64L5.64,22.61L1.39,18.36Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>ruler</title><path d="M1.39,18.36L3.16,16.6L4.58,18L5.64,16.95L4.22,15.54L5.64,14.12L8.11,16.6L9.17,15.54L6.7,13.06L8.11,11.65L9.53,13.06L10.59,12L9.17,10.59L10.59,9.17L13.06,11.65L14.12,10.59L11.65,8.11L13.06,6.7L14.47,8.11L15.54,7.05L14.12,5.64L15.54,4.22L18,6.7L19.07,5.64L16.6,3.16L18.36,1.39L22.61,5.64L5.64,22.61L1.39,18.36Z" /></svg>`,
             index: 1,
             activate: !1,
             allowDehydrated: !1,
@@ -10337,7 +10668,7 @@ class zn {
             action: (t) => this.viralToolMeasure.activate(t)
           },
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>vector-intersection</title><path d="M3.14,1A2.14,2.14 0 0,0 1,3.14V5H3V3H5V1H3.14M7,1V3H10V1H7M12,1V3H14V5H16V3.14C16,1.96 15.04,1 13.86,1H12M1,7V10H3V7H1M9,7C7.89,7 7,7.89 7,9C7,11.33 7,16 7,16C7,16 11.57,16 13.86,16A2.14,2.14 0 0,0 16,13.86C16,11.57 16,7 16,7C16,7 11.33,7 9,7M18,7V9H20V11H22V9C22,7.89 21.11,7 20,7H18M9,9H14V14H9V9M1,12V13.86C1,15.04 1.96,16 3.14,16H5V14H3V12H1M20,13V16H22V13H20M7,18V20C7,21.11 7.89,22 9,22H11V20H9V18H7M20,18V20H18V22H20C21.11,22 22,21.11 22,20V18H20M13,20V22H16V20H13Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>vector-intersection</title><path d="M3.14,1A2.14,2.14 0 0,0 1,3.14V5H3V3H5V1H3.14M7,1V3H10V1H7M12,1V3H14V5H16V3.14C16,1.96 15.04,1 13.86,1H12M1,7V10H3V7H1M9,7C7.89,7 7,7.89 7,9C7,11.33 7,16 7,16C7,16 11.57,16 13.86,16A2.14,2.14 0 0,0 16,13.86C16,11.57 16,7 16,7C16,7 11.33,7 9,7M18,7V9H20V11H22V9C22,7.89 21.11,7 20,7H18M9,9H14V14H9V9M1,12V13.86C1,15.04 1.96,16 3.14,16H5V14H3V12H1M20,13V16H22V13H20M7,18V20C7,21.11 7.89,22 9,22H11V20H9V18H7M20,18V20H18V22H20C21.11,22 22,21.11 22,20V18H20M13,20V22H16V20H13Z" /></svg>`,
             index: 2,
             activate: !1,
             allowDehydrated: !1,
@@ -10351,7 +10682,7 @@ class zn {
         name: "environment",
         tools: [
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>white-balance-sunny</title><path d="M3.55 19.09L4.96 20.5L6.76 18.71L5.34 17.29M12 6C8.69 6 6 8.69 6 12S8.69 18 12 18 18 15.31 18 12C18 8.68 15.31 6 12 6M20 13H23V11H20M17.24 18.71L19.04 20.5L20.45 19.09L18.66 17.29M20.45 5L19.04 3.6L17.24 5.39L18.66 6.81M13 1H11V4H13M6.76 5.39L4.96 3.6L3.55 5L5.34 6.81L6.76 5.39M1 13H4V11H1M13 20H11V23H13" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>white-balance-sunny</title><path d="M3.55 19.09L4.96 20.5L6.76 18.71L5.34 17.29M12 6C8.69 6 6 8.69 6 12S8.69 18 12 18 18 15.31 18 12C18 8.68 15.31 6 12 6M20 13H23V11H20M17.24 18.71L19.04 20.5L20.45 19.09L18.66 17.29M20.45 5L19.04 3.6L17.24 5.39L18.66 6.81M13 1H11V4H13M6.76 5.39L4.96 3.6L3.55 5L5.34 6.81L6.76 5.39M1 13H4V11H1M13 20H11V23H13" /></svg>`,
             index: 0,
             activate: !1,
             allowDehydrated: !1,
@@ -10359,7 +10690,7 @@ class zn {
             action: (t) => this.viralToolSunlight.activate(t)
           },
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-120q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T120-480q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120ZM200-480q0 83 44.5 152T365-225q-42-51-63.5-120T280-492q0-66 16-125t46-107q-66 38-104 103t-38 141Zm348 272q75-19 130-74t74-130L548-208Zm-67-18 278-278q-2-14-4-28.5t-7-28.5L444-257q8 9 17.5 16.5T481-226Zm-74-79 315-315q-6-10-12-19.5T696-658L385-348q5 11 10.5 21.5T407-305Zm-40-108 286-287q-10-8-19.5-14.5T613-727L360-474q1 16 2.5 31t4.5 30Zm0-152 185-186q-15-4-30-6t-30-3q-49 29-81 79t-44 116Zm-25-159Z"/></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-120q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T120-480q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480q0 75-28.5 140.5t-77 114q-48.5 48.5-114 77T480-120ZM200-480q0 83 44.5 152T365-225q-42-51-63.5-120T280-492q0-66 16-125t46-107q-66 38-104 103t-38 141Zm348 272q75-19 130-74t74-130L548-208Zm-67-18 278-278q-2-14-4-28.5t-7-28.5L444-257q8 9 17.5 16.5T481-226Zm-74-79 315-315q-6-10-12-19.5T696-658L385-348q5 11 10.5 21.5T407-305Zm-40-108 286-287q-10-8-19.5-14.5T613-727L360-474q1 16 2.5 31t4.5 30Zm0-152 185-186q-15-4-30-6t-30-3q-49 29-81 79t-44 116Zm-25-159Z"/></svg>`,
             index: 1,
             activate: !1,
             allowDehydrated: !1,
@@ -10372,7 +10703,7 @@ class zn {
         name: "theme",
         tools: [
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>moon-waning-crescent</title><path d="M2 12A10 10 0 0 0 15 21.54A10 10 0 0 1 15 2.46A10 10 0 0 0 2 12Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>moon-waning-crescent</title><path d="M2 12A10 10 0 0 0 15 21.54A10 10 0 0 1 15 2.46A10 10 0 0 0 2 12Z" /></svg>`,
             index: 0,
             activate: !1,
             allowDehydrated: !0,
@@ -10385,7 +10716,7 @@ class zn {
         name: "debug",
         tools: [
           {
-            svg: `<svg fill="${x.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>cube-scan</title><path d="M17 22L22 19V13L17 16V22M17 8V2L22 5V11L17 8M1 8L6 11L11 8L6 5L1 8M6 13L1 10V16L6 19V13M13 16L8 13V19L13 22V16M13 8L8 5V11L13 8Z" /></svg>`,
+            svg: `<svg fill="${y.primary}" style="height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>cube-scan</title><path d="M17 22L22 19V13L17 16V22M17 8V2L22 5V11L17 8M1 8L6 11L11 8L6 5L1 8M6 13L1 10V16L6 19V13M13 16L8 13V19L13 22V16M13 8L8 5V11L13 8Z" /></svg>`,
             index: 0,
             activate: !1,
             allowDehydrated: !1,
@@ -10396,7 +10727,7 @@ class zn {
           }
         ]
       }
-    ], this.items = [], this.viralToolAvatar = new Dn(this), this.viralToolDarkMode = new Rn(this), this.viralToolSunlight = new Bn(this), this.viralToolElevation = new Ln(this), this.viralToolMeasure = new kn(this), this.viralToolAmbientOcclusion = new On(this), this.dehydratedCachedData(), this.executeToolsByDefault(), this.injectTools(), this.viralViewerApi.emit(R.LOADED_TOOLS);
+    ], 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);
   }
   //#region Init
   injectTools() {
@@ -10410,7 +10741,7 @@ class zn {
         const i = this.tools[t], s = document.createElement("div");
         s.setAttribute(
           "style",
-          `padding: 8px 10px 10px 10px; display: flex;flex-direction: row;justify-content: center; align-items: center; background-color: ${x.background}; border-radius: 10px; pointer-events: visible;margin: 0 2.5px;`
+          `padding: 8px 10px 10px 10px; display: flex;flex-direction: row;justify-content: center; align-items: center; background-color: ${y.background}; border-radius: 10px; pointer-events: visible;margin: 0 2.5px;`
         );
         for (let n = 0; n < i.tools.length; n++) {
           const r = i.tools[n], o = document.createElement("div");
@@ -10423,10 +10754,10 @@ class zn {
           const a = document.createElement("div");
           a.setAttribute(
             "style",
-            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${x.background};`
+            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${y.background};`
           ), r.activate && a.setAttribute(
             "style",
-            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${x.secondary};`
+            `border-top: 2px solid ; padding-bottom: 2px;  border-color: ${y.secondary};`
           ), o.appendChild(a);
           const l = document.createElement("div");
           l.setAttribute(
@@ -10440,8 +10771,8 @@ class zn {
           }, l.onmouseleave = () => {
             l.style.setProperty("background-color", "unset");
           };
-          const c = vt.createElementFromHTML(r.svg);
-          r.activate && c && c.setAttribute("fill", `${x.secondary}`), l.appendChild(c), o.appendChild(l), s.appendChild(o);
+          const c = bt.createElementFromHTML(r.svg);
+          r.activate && c && c.setAttribute("fill", `${y.secondary}`), l.appendChild(c), o.appendChild(l), s.appendChild(o);
         }
         e.appendChild(s);
       }
@@ -10475,12 +10806,12 @@ class zn {
     if (s) {
       s.activate = !s.activate;
       const n = t.children[0], o = t.children[1].children[0];
-      s.activate ? (n.style.setProperty("border-color", `${x.secondary}`), o.setAttribute("fill", `${x.secondary}`)) : (n.style.setProperty("border-color", `${x.background}`), o.setAttribute("fill", `${x.primary}`)), s.action(s);
+      s.activate ? (n.style.setProperty("border-color", `${y.secondary}`), o.setAttribute("fill", `${y.secondary}`)) : (n.style.setProperty("border-color", `${y.background}`), o.setAttribute("fill", `${y.primary}`)), s.action(s);
     }
   }
   //#endregion
 }
-class Nn {
+class Wn {
   set(e, t) {
     localStorage[e] = t;
   }
@@ -10529,7 +10860,7 @@ class Nn {
     localStorage.clear();
   }
 }
-class br extends Bs {
+class Er extends Ns {
   constructor(e = {
     isDev: !1,
     cameraZUp: !1,
@@ -10541,12 +10872,12 @@ class br extends Bs {
     adaptiveEdges: !0,
     adaptiveAmbientOcclusion: !0
   }) {
-    super(), this.viralCompressProcessor = new ws(), this.localStorageService = new Nn(), this.viralStats = null, this.viralSectionBox = null, this.viralBatchDebugPanel = null, this.viralRenderDebugPanel = null, this.viralInstancedDebugPanel = null, this.options = e, this.viralLifecycleEventHandler = new js(this, this.options), this.targetElement = e.container, En("QUICK_SAND"), Sn(this.targetElement, "QUICK_SAND"), this.options.enableTools && (this.viralTools = new zn(this)), this.viralSpinner = new Pn(this), this.viralDraggableModal = new Mn(this), this.viralContextMenu = new xn(this), this.viralPivotPoint = new Tn(this), this.viralScene = new vn(this), this.viralMaterialManager = new sn(this), this.viralRenderer = new fn(this), this.viralCamera = new bs(this), this.options.enableNavigationCube && (this.viralNavigationCube = new In(
+    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(
       this,
       this.options.navigationCubeScale || 1
-    )), this.viralMouse = new Ns(this), this.viralKeyboard = new zs(this), this.viralAnimation = new ds(this), this.viralVisibilityManager = new yn(this), this.viralCentralizedEventHandler = new $s(this), this.viralLoader = new tn(this), this.viralBVH = new fs(), this.viralDataManager = new ks(this), this.viralAvatarManager = new gs(this), this.options.isDev && (this.viralStats = new wn(this)), this.options.isDev ? this.viralAnimation.devAnimation() : this.viralAnimation.animation();
+    )), 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();
     const t = window;
-    t.VIRAL_VIEWER = this, this.viralSectionBox = new It(this), this.viralBatchDebugPanel = new ls(this), this.viralRenderDebugPanel = new hs(this), this.viralInstancedDebugPanel = new cs(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 hs(this), this.viralRenderDebugPanel = new us(this), this.viralInstancedDebugPanel = new ds(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(() => {
@@ -10657,40 +10988,40 @@ class br extends Bs {
           1,
           64,
           1
-        ).onChange((I) => {
-          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.aoSamples = I, this.viralRenderer.render();
+        ).onChange((V) => {
+          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.aoSamples = V, this.viralRenderer.render();
         }), _.add(
           (w = this.viralRenderer.postProcessingRenderer) == null ? void 0 : w.n8aoPass.configuration,
           "aoRadius",
           1,
           10,
           0.01
-        ).onChange((I) => {
-          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.aoRadius = I, this.viralRenderer.render();
+        ).onChange((V) => {
+          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.aoRadius = V, this.viralRenderer.render();
         }), _.add(
           (S = this.viralRenderer.postProcessingRenderer) == null ? void 0 : S.n8aoPass.configuration,
           "denoiseRadius",
           0,
           24,
           0.01
-        ).onChange((I) => {
-          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.denoiseRadius = I, this.viralRenderer.render();
+        ).onChange((V) => {
+          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.denoiseRadius = V, this.viralRenderer.render();
         }), _.add(
           (A = this.viralRenderer.postProcessingRenderer) == null ? void 0 : A.n8aoPass.configuration,
           "intensity",
           0,
           10,
           0.01
-        ).onChange((I) => {
-          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.intensity = I, this.viralRenderer.render();
+        ).onChange((V) => {
+          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.intensity = V, this.viralRenderer.render();
         }), _.add(
           (C = this.viralRenderer.postProcessingRenderer) == null ? void 0 : C.n8aoPass.configuration,
           "distanceFalloff",
           0,
           10,
           0.01
-        ).onChange((I) => {
-          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.distanceFalloff = I, this.viralRenderer.render();
+        ).onChange((V) => {
+          this.viralRenderer.postProcessingRenderer.n8aoPass.configuration.distanceFalloff = V, this.viralRenderer.render();
         }), M.add(
           this.viralRenderer.postProcessingRenderer,
           "enableSobel"
@@ -10698,11 +11029,11 @@ class br extends Bs {
           this.viralRenderer.postProcessingRenderer,
           "disableSobel"
         );
-        const V = M.addFolder("Screen-Space Edges");
-        V.add(this.viralRenderer.postProcessingRenderer, "enableScreenSpaceEdges").name("Enable"), V.add(this.viralRenderer.postProcessingRenderer, "disableScreenSpaceEdges").name("Disable"), V.add(
+        const I = M.addFolder("Screen-Space Edges");
+        I.add(this.viralRenderer.postProcessingRenderer, "enableScreenSpaceEdges").name("Enable"), I.add(this.viralRenderer.postProcessingRenderer, "disableScreenSpaceEdges").name("Disable"), I.add(
           this.viralRenderer.postProcessingRenderer,
           "setScreenSpaceEdgesPenMode"
-        ).name("Pen Mode"), V.add(
+        ).name("Pen Mode"), I.add(
           this.viralRenderer.postProcessingRenderer,
           "setScreenSpaceEdgesShadedMode"
         ).name("Shaded Mode");
@@ -10725,48 +11056,48 @@ class br extends Bs {
           enableObjectIdEdges: !1
           // Disable - most expensive
         };
-        V.addColor(O, "edgeColor").name("Edge Color").onChange((I) => {
+        I.addColor(O, "edgeColor").name("Edge Color").onChange((V) => {
           var T;
           (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeColor(
-            parseInt(I.replace("#", "0x"))
+            parseInt(V.replace("#", "0x"))
           ), this.viralRenderer.render();
-        }), V.add(O, "edgeOpacity", 0, 1, 0.05).name("Opacity").onChange((I) => {
+        }), I.add(O, "edgeOpacity", 0, 1, 0.05).name("Opacity").onChange((V) => {
           var T;
-          (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeOpacity(I), this.viralRenderer.render();
-        }), V.add(O, "edgeThickness", 0.5, 5, 0.1).name("Thickness").onChange((I) => {
+          (T = this.viralRenderer.postProcessingRenderer) == null || T.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(
-            I
+            V
           ), this.viralRenderer.render();
-        }), V.add(O, "depthMultiplier", 0, 3, 0.1).name("Depth Sensitivity").onChange((I) => {
+        }), I.add(O, "depthMultiplier", 0, 3, 0.1).name("Depth Sensitivity").onChange((V) => {
           var T;
           (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgesOptions({
-            depthMultiplier: I
+            depthMultiplier: V
           }), this.viralRenderer.render();
-        }), V.add(O, "normalMultiplier", 0, 3, 0.1).name("Normal Sensitivity").onChange((I) => {
+        }), I.add(O, "normalMultiplier", 0, 3, 0.1).name("Normal Sensitivity").onChange((V) => {
           var T;
           (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgesOptions({
-            normalMultiplier: I
+            normalMultiplier: V
           }), this.viralRenderer.render();
-        }), V.add(O, "normalBias", 0, 1, 0.01).name("Normal Bias").onChange((I) => {
+        }), I.add(O, "normalBias", 0, 1, 0.01).name("Normal Bias").onChange((V) => {
           var T;
           (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgesOptions({
-            normalBias: I
+            normalBias: V
           }), this.viralRenderer.render();
-        }), V.add(O, "enableDepthEdges").name("Depth Edges").onChange((I) => {
+        }), I.add(O, "enableDepthEdges").name("Depth Edges").onChange((V) => {
           var T;
           (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeMethods({
-            depth: I
+            depth: V
           }), this.viralRenderer.render();
-        }), V.add(O, "enableNormalEdges").name("Normal Edges").onChange((I) => {
+        }), I.add(O, "enableNormalEdges").name("Normal Edges").onChange((V) => {
           var T;
           (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeMethods({
-            normal: I
+            normal: V
           }), this.viralRenderer.render();
-        }), V.add(O, "enableObjectIdEdges").name("Object ID Edges").onChange((I) => {
+        }), I.add(O, "enableObjectIdEdges").name("Object ID Edges").onChange((V) => {
           var T;
           (T = this.viralRenderer.postProcessingRenderer) == null || T.setScreenSpaceEdgeMethods({
-            objectId: I
+            objectId: V
           }), this.viralRenderer.render();
         });
       }
@@ -10774,37 +11105,37 @@ class br extends Bs {
   }
 }
 export {
-  dr as BufferElement,
-  as as CheckClashResult,
-  rs as CompareModelsResult,
-  ns as DataTree,
-  vr as DebouncedEventHandler,
-  es as DefaultLightConfiguration,
-  Vt as Dictionary,
-  cr as ElementFragment,
-  lr as Fragment,
-  os as GroupByResult,
-  vt as HTMLUtil,
+  fr as BufferElement,
+  ls as CheckClashResult,
+  os as CompareModelsResult,
+  as as DataTree,
+  Mr as DebouncedEventHandler,
+  is as DefaultLightConfiguration,
+  It as Dictionary,
+  mr as ElementFragment,
+  pr as Fragment,
+  cs as GroupByResult,
+  bt as HTMLUtil,
   Q as LogUtil,
   D as THREEUtil,
-  fr as TreeNode,
-  Ki as ViralBIMWorld,
-  ls as ViralBatchDebugPanel,
+  xr as TreeNode,
+  es as ViralBIMWorld,
+  hs as ViralBatchDebugPanel,
   Y as ViralBatchedMesh,
   K as ViralCameraEventType,
-  cs as ViralInstancedDebugPanel,
+  ds as ViralInstancedDebugPanel,
   me as ViralKeyboardEventType,
-  k as ViralMouseEventType,
-  re as ViralPoint,
-  hs as ViralRenderDebugPanel,
-  br as ViralViewerApi,
-  hr as ViralViewerRevitGeometry,
-  or as ViralViewerRevitNoneStructuralGeometry,
-  Ji as ViralutionBox,
-  Xt as ViralutionCamera,
-  ur as ViralutionElement,
+  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,
   R as ViralutionEvent,
-  mr as ViralutionSolid,
-  pr as ViralutionStandaloneModel,
-  gr as ViralutionTrackingModel
+  wr as ViralutionSolid,
+  br as ViralutionStandaloneModel,
+  yr as ViralutionTrackingModel
 };