viral-viewer-2 7.2.7 → 7.2.8

package/dist/index.mjs

@@ -125,7 +125,7 @@ class D {
 const Yi = D.hexToRGB(y.secondary), Xi = 0.99;
 class ee 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;
+    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._ghostColors = /* @__PURE__ */ new Map(), this._isGeneratedLights = !1, this._pointLight = null, this.workerPool = i || null;
   }
   addBufferElements(e, t) {
     this._bufferElements = e, this._originalColor = t, this.rebuildGeometry(e);
@@ -144,14 +144,14 @@ class ee extends x {
         continue;
       const p = u.length / 3, m = [];
       this._elementMap.has(d.modelId.toString()) || this._elementMap.set(d.modelId.toString(), /* @__PURE__ */ new Map());
-      const f = o;
+      const g = o;
       for (let b = 0; b < p; b++)
         s[a++] = u[b * 3], s[a++] = u[b * 3 + 1], s[a++] = u[b * 3 + 2], this._originalColor && (r[l++] = this._originalColor.r, r[l++] = this._originalColor.g, r[l++] = this._originalColor.b, r[l++] = 1);
       for (let b = 0; b < p - 2; b += 3)
         n[c++] = o + b, n[c++] = o + b + 1, n[c++] = o + b + 2, m.push(o + b, o + b + 1, o + b + 2);
       const v = this._elementMap.get(d.modelId.toString());
       v.has(d.elementId) || v.set(d.elementId, []), v.get(d.elementId).push({
-        start: f,
+        start: g,
         count: p,
         indices: m
       }), o += p;
@@ -183,7 +183,7 @@ class ee extends x {
       else
         for (let v = 0; v < n; v++)
           h[v * 4] = i.array[v * 3], h[v * 4 + 1] = i.array[v * 3 + 1], h[v * 4 + 2] = i.array[v * 3 + 2], h[v * 4 + 3] = 1;
-    let u = n * 3, p = n * 4, m = n, f = r;
+    let u = n * 3, p = n * 4, m = n, g = r;
     e.forEach((v) => {
       if (!v.buffer)
         return;
@@ -193,7 +193,7 @@ class ee extends x {
       for (let C = 0; C < b; C++)
         c[u++] = v.buffer[C * 3], c[u++] = v.buffer[C * 3 + 1], c[u++] = v.buffer[C * 3 + 2], this._originalColor && (h[p++] = this._originalColor.r, h[p++] = this._originalColor.g, h[p++] = this._originalColor.b, h[p++] = 1);
       for (let C = 0; C < b - 2; C += 3)
-        d[f++] = m + C, d[f++] = m + C + 1, d[f++] = m + C + 2, w.push(m + C, m + C + 1, m + C + 2);
+        d[g++] = m + C, d[g++] = m + C + 1, d[g++] = m + C + 2, w.push(m + C, m + C + 1, m + C + 2);
       const A = this._elementMap.get(v.modelId.toString());
       A.has(v.elementId) || A.set(v.elementId, []), A.get(v.elementId).push({
         start: S,
@@ -361,10 +361,10 @@ class ee extends x {
       const d = new Mt(l, this._edgeThreshold), u = d.getAttribute("position");
       i.set(u.array, s * 3);
       const p = s, m = u.count;
-      let f = this._edgeRanges.get(o.modelId.toString());
-      f || (f = /* @__PURE__ */ new Map(), this._edgeRanges.set(o.modelId.toString(), f));
-      const v = f.get(o.elementId) ?? [];
-      v.push({ start: p, count: m }), f.set(o.elementId, v), s += m, d.dispose(), l.dispose();
+      let g = this._edgeRanges.get(o.modelId.toString());
+      g || (g = /* @__PURE__ */ new Map(), this._edgeRanges.set(o.modelId.toString(), g));
+      const v = g.get(o.elementId) ?? [];
+      v.push({ start: p, count: m }), g.set(o.elementId, v), s += m, d.dispose(), l.dispose();
     }
     const n = new Uint32Array(e);
     for (let o = 0; o < e; o++)
@@ -583,33 +583,45 @@ class ee extends x {
     return this._elementOpacityMap.get(i) ?? 1;
   }
   /**
-   * Ghost mode - semi-transparent with optional desaturation
+   * Ghost mode - semi-transparent with optional desaturation or custom color
    * Perfect for showing context while highlighting other elements
    *
    * @param elements - Elements to ghost
    * @param ghostOpacity - Opacity for ghost mode (default: 0.15)
-   * @param desaturate - Whether to desaturate color (default: true)
+   * @param desaturate - Whether to desaturate color (default: true) - ignored if ghostColor is provided
+   * @param ghostColor - Optional custom color for ghosted elements (e.g., {r: 1, g: 1, b: 1} for white)
    */
-  setElementGhost(e, t = 0.15, i = !0) {
+  setElementGhost(e, t = 0.15, i = !0, s) {
     if (!this._colors)
       return;
-    e.forEach(({ modelId: n, elementId: r }) => {
-      var l;
-      const o = `${n}:${r}`;
-      this._elementOpacityMap.set(o, t);
-      const a = (l = this._elementMap.get(n)) == null ? void 0 : l.get(r);
-      if (a)
-        for (const c of a)
-          for (let h = 0; h < c.count; h++) {
-            const d = (c.start + h) * 4;
-            if (this._colors[d + 3] = t, i) {
-              const u = (this._colors[d] + this._colors[d + 1] + this._colors[d + 2]) / 3, p = 0.7;
-              this._colors[d] = this._colors[d] * (1 - p) + u * p, this._colors[d + 1] = this._colors[d + 1] * (1 - p) + u * p, this._colors[d + 2] = this._colors[d + 2] * (1 - p) + u * p;
-            }
-          }
+    e.forEach(({ modelId: r, elementId: o }) => {
+      var h;
+      const a = `${r}:${o}`;
+      this._elementOpacityMap.set(a, t);
+      const l = (h = this._elementMap.get(r)) == null ? void 0 : h.get(o);
+      if (!l)
+        return;
+      let c;
+      if (s)
+        c = s;
+      else if (i && this._originalColor) {
+        const d = (this._originalColor.r + this._originalColor.g + this._originalColor.b) / 3, u = 0.7;
+        c = {
+          r: this._originalColor.r * (1 - u) + d * u,
+          g: this._originalColor.g * (1 - u) + d * u,
+          b: this._originalColor.b * (1 - u) + d * u
+        };
+      } else
+        c = this._originalColor || { r: 0.5, g: 0.5, b: 0.5 };
+      this._ghostColors.set(a, c);
+      for (const d of l)
+        for (let u = 0; u < d.count; u++) {
+          const p = (d.start + u) * 4;
+          this._colors[p + 3] = t, this._colors[p] = c.r, this._colors[p + 1] = c.g, this._colors[p + 2] = c.b;
+        }
     });
-    const s = this.geometry.getAttribute("color");
-    s.needsUpdate = !0, this._updateDepthWriteForTransparency();
+    const n = this.geometry.getAttribute("color");
+    n.needsUpdate = !0, this._updateDepthWriteForTransparency();
   }
   /**
    * Ghost all elements EXCEPT the specified ones
@@ -617,29 +629,48 @@ class ee extends x {
    *
    * @param focusElements - Elements to keep fully visible
    * @param ghostOpacity - Opacity for non-focused elements (default: 0.1)
+   * @param ghostColor - Optional custom color for ghosted elements (e.g., {r: 1, g: 1, b: 1} for white)
    */
-  ghostExcept(e, t = 0.1) {
+  ghostExcept(e, t = 0.1, i) {
     if (!this._colors)
       return;
-    const i = new Set(e.map((r) => `${r.modelId}:${r.elementId}`));
-    this._elementMap.forEach((r, o) => {
-      r.forEach((a, l) => {
-        const c = `${o}:${l}`, h = i.has(c), d = h ? 1 : t;
-        this._elementOpacityMap.set(c, d);
-        for (const u of a)
-          for (let p = 0; p < u.count; p++) {
-            const m = (u.start + p) * 4;
-            if (this._colors[m + 3] = d, !h) {
-              const f = (this._colors[m] + this._colors[m + 1] + this._colors[m + 2]) / 3, v = 0.6;
-              this._colors[m] = this._colors[m] * (1 - v) + f * v, this._colors[m + 1] = this._colors[m + 1] * (1 - v) + f * v, this._colors[m + 2] = this._colors[m + 2] * (1 - v) + f * v;
+    const s = new Set(e.map((o) => `${o.modelId}:${o.elementId}`));
+    this._elementMap.forEach((o, a) => {
+      o.forEach((l, c) => {
+        const h = `${a}:${c}`, d = s.has(h), u = d ? 1 : t;
+        if (this._elementOpacityMap.set(h, u), d)
+          this._ghostColors.delete(h);
+        else {
+          let p;
+          if (i)
+            p = i;
+          else if (this._originalColor) {
+            const m = (this._originalColor.r + this._originalColor.g + this._originalColor.b) / 3, g = 0.6;
+            p = {
+              r: this._originalColor.r * (1 - g) + m * g,
+              g: this._originalColor.g * (1 - g) + m * g,
+              b: this._originalColor.b * (1 - g) + m * g
+            };
+          } else
+            p = { r: 0.5, g: 0.5, b: 0.5 };
+          this._ghostColors.set(h, p);
+        }
+        for (const p of l)
+          for (let m = 0; m < p.count; m++) {
+            const g = (p.start + m) * 4;
+            if (this._colors[g + 3] = u, d)
+              this._originalColor && (this._colors[g] = this._originalColor.r, this._colors[g + 1] = this._originalColor.g, this._colors[g + 2] = this._originalColor.b);
+            else {
+              const v = this._ghostColors.get(h);
+              this._colors[g] = v.r, this._colors[g + 1] = v.g, this._colors[g + 2] = v.b;
             }
           }
       });
     });
-    const s = this.geometry.getAttribute("color");
-    s.needsUpdate = !0;
-    const n = this.material;
-    n && (n.depthWrite = !1, n.needsUpdate = !0), this.renderOrder = 1, this._createDepthPrePass();
+    const n = this.geometry.getAttribute("color");
+    n.needsUpdate = !0;
+    const r = this.material;
+    r && (r.depthWrite = !1, r.needsUpdate = !0), this.renderOrder = 1, this._createDepthPrePass();
   }
   /**
    * Create a depth-only pre-pass mesh that writes depth for focused elements.
@@ -669,7 +700,7 @@ class ee extends x {
   resetElementOpacity() {
     if (!this._colors)
       return;
-    this._elementOpacityMap.clear(), this._elementMap.forEach((t) => {
+    this._elementOpacityMap.clear(), this._ghostColors.clear(), this._elementMap.forEach((t) => {
       t.forEach((i) => {
         for (const s of i)
           for (let n = 0; n < s.count; n++) {
@@ -865,8 +896,8 @@ class ee extends x {
           return l.color;
       return null;
     }, r = (o, a) => {
-      const l = `${o}:${a}`;
-      return this._temporaryColors.get(l) || this._originalColor;
+      const l = `${o}:${a}`, c = this._ghostColors.get(l);
+      return c && this._elementOpacityMap.has(l) && this._elementOpacityMap.get(l) < 1 ? c : this._temporaryColors.get(l) || this._originalColor;
     };
     if (e === null)
       this._elementMap.forEach((o, a) => {
@@ -875,8 +906,8 @@ class ee extends x {
           for (const d of l) {
             const { start: u, count: p } = d;
             for (let m = 0; m < p; m++) {
-              const f = (u + m) * s;
-              this._colors[f] = h.r, this._colors[f + 1] = h.g, this._colors[f + 2] = h.b;
+              const g = (u + m) * s;
+              this._colors[g] = h.r, this._colors[g + 1] = h.g, this._colors[g + 2] = h.b;
             }
           }
         });
@@ -893,8 +924,8 @@ class ee extends x {
             if (m)
               this._colors[p] = m.r, this._colors[p + 1] = m.g, this._colors[p + 2] = m.b;
             else {
-              const f = r(o, a);
-              this._colors[p] = f.r, this._colors[p + 1] = f.g, this._colors[p + 2] = f.b;
+              const g = r(o, a);
+              this._colors[p] = g.r, this._colors[p + 1] = g.g, this._colors[p + 2] = g.b;
             }
           }
         }
@@ -1182,7 +1213,7 @@ class oe {
 }
 const Ji = D.hexToRGB(y.secondary), qe = class qe extends Wt {
   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);
+    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._ghostColors = /* @__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);
   }
   addBufferElements(e, t) {
     this._bufferElements = e, this._originalColor = t, this.rebuildInstances(e), this.enableRaycasting();
@@ -1229,8 +1260,8 @@ const Ji = D.hexToRGB(y.secondary), qe = class qe extends Wt {
       this._originalTransforms.has(u) || this._originalTransforms.set(u, /* @__PURE__ */ new Map()), this._originalTransforms.get(u).set(p, d.clone());
       const m = this._originalColor || new N(1, 1, 1);
       r[h * 3] = m.r, r[h * 3 + 1] = m.g, r[h * 3 + 2] = m.b, this._elementMap.has(u) || this._elementMap.set(u, /* @__PURE__ */ new Map());
-      const f = this._elementMap.get(u);
-      f.has(p) || f.set(p, []), f.get(p).push({
+      const g = this._elementMap.get(u);
+      g.has(p) || g.set(p, []), g.get(p).push({
         geometryKey: i,
         instanceIndex: h,
         instancedMesh: n
@@ -1391,8 +1422,8 @@ const Ji = D.hexToRGB(y.secondary), qe = class qe extends Wt {
           return a.color;
       return null;
     }, s = (r, o) => {
-      const a = `${r}:${o}`;
-      return this._temporaryColors.get(a) || this._originalColor;
+      const a = `${r}:${o}`, l = this._ghostColors.get(a);
+      return l && this._elementOpacity.has(a) && this._elementOpacity.get(a) < 1 ? l : this._temporaryColors.get(a) || this._originalColor;
     };
     if (e === null)
       this._elementMap.forEach((r, o) => {
@@ -1641,31 +1672,49 @@ if (gl_FragColor.a < 0.01) discard;`
    * Set elements to "ghost" mode (semi-transparent)
    * @param elements - Elements to ghost
    * @param ghostOpacity - Opacity for ghosted elements (default 0.1)
+   * @param desaturate - Whether to desaturate color (default: true) - ignored if ghostColor is provided
+   * @param ghostColor - Optional custom color for ghosted elements (e.g., {r: 1, g: 1, b: 1} for white)
    */
-  setElementGhost(e, t = 0.1, i = !0) {
-    this._ensureOpacityAttributes(), this.injectOpacityShader(), e.forEach(({ modelId: s, elementId: n }) => {
-      const r = `${s}:${n}`;
-      this._elementOpacity.set(r, t), this._updateInstanceOpacity(s, n, t), i && this._desaturateInstanceColor(s, n, 1);
+  setElementGhost(e, t = 0.1, i = !0, s) {
+    this._ensureOpacityAttributes(), this.injectOpacityShader(), e.forEach(({ modelId: n, elementId: r }) => {
+      const o = `${n}:${r}`;
+      this._elementOpacity.set(o, t), this._updateInstanceOpacity(n, r, t);
+      let a;
+      s ? (a = s, this._setInstanceColor(n, r, s)) : i && this._originalColor ? (a = {
+        r: this._originalColor.r * 0 + 1 * 1,
+        g: this._originalColor.g * 0 + 1 * 1,
+        b: this._originalColor.b * 0 + 1 * 1
+      }, this._desaturateInstanceColor(n, r, 1)) : a = this._originalColor || { r: 0.5, g: 0.5, b: 0.5 }, this._ghostColors.set(o, a);
     }), this._updateDepthWriteForTransparency();
   }
   /**
    * Ghost all elements EXCEPT the specified ones
    * @param elements - Elements to keep fully opaque
    * @param ghostOpacity - Opacity for all other elements (default 0.1)
+   * @param ghostColor - Optional custom color for ghosted elements (e.g., {r: 1, g: 1, b: 1} for white)
    */
-  ghostExcept(e, t = 0.1) {
+  ghostExcept(e, t = 0.1, i) {
     this._ensureOpacityAttributes(), this.injectOpacityShader();
-    const i = /* @__PURE__ */ new Set();
-    e.forEach(({ modelId: s, elementId: n }) => {
-      i.add(`${s}:${n}`);
-    }), this._elementMap.forEach((s, n) => {
-      s.forEach((r, o) => {
-        const a = `${n}:${o}`, l = i.has(a), c = l ? 1 : t;
-        this._elementOpacity.set(a, c), this._updateInstanceOpacity(n, o, c), l ? this._restoreInstanceColor(n, o) : this._desaturateInstanceColor(n, o, 0.6);
+    const s = /* @__PURE__ */ new Set();
+    e.forEach(({ modelId: n, elementId: r }) => {
+      s.add(`${n}:${r}`);
+    }), this._elementMap.forEach((n, r) => {
+      n.forEach((o, a) => {
+        const l = `${r}:${a}`, c = s.has(l), h = c ? 1 : t;
+        if (this._elementOpacity.set(l, h), this._updateInstanceOpacity(r, a, h), c)
+          this._ghostColors.delete(l), this._restoreInstanceColor(r, a);
+        else {
+          let d;
+          i ? (d = i, this._setInstanceColor(r, a, i)) : this._originalColor ? (d = {
+            r: this._originalColor.r * (1 - 0.6) + 1 * 0.6,
+            g: this._originalColor.g * (1 - 0.6) + 1 * 0.6,
+            b: this._originalColor.b * (1 - 0.6) + 1 * 0.6
+          }, this._desaturateInstanceColor(r, a, 0.6)) : (d = { r: 0.5, g: 0.5, b: 0.5 }, this._setInstanceColor(r, a, d)), this._ghostColors.set(l, d);
+        }
       });
-    }), this._instancedMeshes.forEach((s) => {
-      const n = s.material;
-      n && (n.depthWrite = !1, n.needsUpdate = !0), s.renderOrder = 1;
+    }), this._instancedMeshes.forEach((n) => {
+      const r = n.material;
+      r && (r.depthWrite = !1, r.needsUpdate = !0), n.renderOrder = 1;
     }), this._createDepthPrePass();
   }
   /**
@@ -1734,6 +1783,24 @@ if (vInstanceOpacity < 0.5) discard;`
       a[l] = c * (1 - i) + 1 * i, a[l + 1] = h * (1 - i) + 1 * i, a[l + 2] = d * (1 - i) + 1 * i, r.instanceColor.needsUpdate = !0;
     });
   }
+  /**
+   * Set instance color to a specific color
+   * @param modelId - Model ID
+   * @param elementId - Element ID
+   * @param color - Target color {r, g, b} with values 0-1
+   */
+  _setInstanceColor(e, t, i) {
+    var n;
+    const s = (n = this._elementMap.get(e)) == null ? void 0 : n.get(t);
+    s && s.forEach(({ instancedMesh: r, instanceIndex: o }) => {
+      var c;
+      const a = (c = r.instanceColor) == null ? void 0 : c.array;
+      if (!a)
+        return;
+      const l = o * 3;
+      a[l] = i.r, a[l + 1] = i.g, a[l + 2] = i.b, r.instanceColor.needsUpdate = !0;
+    });
+  }
   /**
    * Restore instance color to original
    */
@@ -1755,7 +1822,7 @@ if (vInstanceOpacity < 0.5) discard;`
    * Reset all elements to full opacity and restore original colors
    */
   resetElementOpacity() {
-    this._elementOpacity.clear(), this._instancedMeshes.forEach((e) => {
+    this._elementOpacity.clear(), this._ghostColors.clear(), this._instancedMeshes.forEach((e) => {
       const t = e.geometry.getAttribute(
         "instanceOpacity"
       );
@@ -2385,24 +2452,26 @@ class ts extends x {
    * Set elements to "ghost" mode (semi-transparent)
    * @param elements - Elements to ghost
    * @param ghostOpacity - Opacity for ghosted elements (default 0.1)
+   * @param ghostColor - Optional custom color for ghosted elements (e.g., {r: 1, g: 1, b: 1} for white)
    */
-  setElementGhost(e, t = 0.1) {
-    this._batchedMeshes.forEach((i) => {
-      i.setElementGhost(e, t, !0);
-    }), this._instancedMeshes.forEach((i) => {
-      i.setElementGhost(e, t / 10, !0);
+  setElementGhost(e, t = 0.1, i) {
+    this._batchedMeshes.forEach((s) => {
+      s.setElementGhost(e, t, !0, i);
+    }), this._instancedMeshes.forEach((s) => {
+      s.setElementGhost(e, t / 10, !0, i);
     });
   }
   /**
    * Ghost all elements EXCEPT the specified ones
    * @param elements - Elements to keep fully opaque
    * @param ghostOpacity - Opacity for all other elements (default 0.1)
+   * @param ghostColor - Optional custom color for ghosted elements (e.g., {r: 1, g: 1, b: 1} for white)
    */
-  ghostExcept(e, t = 0.1) {
-    this._batchedMeshes.forEach((i) => {
-      i.ghostExcept(e, t);
-    }), this._instancedMeshes.forEach((i) => {
-      i.ghostExcept(e, t / 10);
+  ghostExcept(e, t = 0.1, i) {
+    this._batchedMeshes.forEach((s) => {
+      s.ghostExcept(e, t, i);
+    }), this._instancedMeshes.forEach((s) => {
+      s.ghostExcept(e, t / 10, i);
     });
   }
   /**
@@ -2503,7 +2572,7 @@ const ss = {
   shadowcatcher: !0
 };
 function ns() {
-  function g(i) {
+  function f(i) {
     let s = 0;
     for (let n = 0; n < i.length; n++)
       s = (s << 5) - s + i.charCodeAt(n), s |= 0;
@@ -2519,7 +2588,7 @@ function ns() {
       return /* @__PURE__ */ new Map();
     const h = r * o, d = Math.sqrt(h / c), u = /* @__PURE__ */ new Map();
     i.forEach((v) => {
-      const b = (n == null ? void 0 : n.seed) ?? g(v.id);
+      const b = (n == null ? void 0 : n.seed) ?? f(v.id);
       u.set(v.id, {
         x: e(b) * r,
         y: e(b * 2) * o,
@@ -2555,10 +2624,10 @@ function ns() {
         } else
           w.x = Math.max(0, Math.min(r, w.x)), w.y = Math.max(0, Math.min(o, w.y));
       }), p -= m;
-    const f = /* @__PURE__ */ new Map();
+    const g = /* @__PURE__ */ new Map();
     return u.forEach((v, b) => {
-      f.set(b, { x: v.x, y: v.y });
-    }), f;
+      g.set(b, { x: v.x, y: v.y });
+    }), g;
   }
   self.onmessage = (i) => {
     try {
@@ -2824,14 +2893,14 @@ class os {
     });
     const s = [];
     this._elementMap.forEach((l, c) => {
-      var d, u, p, m, f;
+      var d, u, p, m, g;
       if ((!(l != null && l.Category) || !((d = l.Category) != null && d.value) || l.Category.value == null) && (!(l != null && l.ObjectType) || !((u = l.ObjectType) != null && u.value) || l.ObjectType.value == null) || !i.has(c))
         return;
       const h = ((p = l == null ? void 0 : l.Name) == null ? void 0 : p.value) || c.toString();
       s.push({
         id: String(c),
         label: h,
-        group: ((m = l == null ? void 0 : l.Category) == null ? void 0 : m.value) || ((f = l == null ? void 0 : l.ObjectType) == null ? void 0 : f.value)
+        group: ((m = l == null ? void 0 : l.Category) == null ? void 0 : m.value) || ((g = l == null ? void 0 : l.ObjectType) == null ? void 0 : g.value)
       });
     });
     const n = this._computeForceDirectedLayout(s, t, e), r = s.map((l) => l.id), o = this._calculateNodeLevels(t, r);
@@ -2855,9 +2924,9 @@ class os {
     return new Promise((i, s) => {
       const n = this._relationships.length, r = this._elementMap.size, o = n + r + r + 1 + 1;
       let a = 0;
-      const l = (f, v, b) => {
+      const l = (g, v, b) => {
         t == null || t({
-          phase: f,
+          phase: g,
           percent: Math.round(a / o * 100),
           current: v,
           total: b
@@ -2865,37 +2934,37 @@ class os {
       };
       l("Building edges", 0, n);
       const c = [], h = /* @__PURE__ */ new Set();
-      this._relationships.forEach((f, v) => {
+      this._relationships.forEach((g, v) => {
         c.push({
-          id: `${f.FromId}-${f.ToId}-${f.Type}-${v}`,
-          source: f.FromId,
-          target: f.ToId,
-          type: f.Type
-        }), h.add(Number(f.FromId)), h.add(Number(f.ToId)), a++;
+          id: `${g.FromId}-${g.ToId}-${g.Type}-${v}`,
+          source: g.FromId,
+          target: g.ToId,
+          type: g.Type
+        }), h.add(Number(g.FromId)), h.add(Number(g.ToId)), a++;
       }), l("Building edges", n, n);
       const d = [];
-      this._elementMap.forEach((f, v) => {
+      this._elementMap.forEach((g, v) => {
         var w, S, A, C, _;
-        if (a++, (!(f != null && f.Category) || !((w = f.Category) != null && w.value) || f.Category.value == null) && (!(f != null && f.ObjectType) || !((S = f.ObjectType) != null && S.value) || f.ObjectType.value == null) || !h.has(v))
+        if (a++, (!(g != null && g.Category) || !((w = g.Category) != null && w.value) || g.Category.value == null) && (!(g != null && g.ObjectType) || !((S = g.ObjectType) != null && S.value) || g.ObjectType.value == null) || !h.has(v))
           return;
-        const b = ((A = f == null ? void 0 : f.Name) == null ? void 0 : A.value) || v.toString();
+        const b = ((A = g == null ? void 0 : g.Name) == null ? void 0 : A.value) || v.toString();
         d.push({
           id: String(v),
           label: b,
-          group: ((C = f == null ? void 0 : f.Category) == null ? void 0 : C.value) || ((_ = f == null ? void 0 : f.ObjectType) == null ? void 0 : _.value)
+          group: ((C = g == null ? void 0 : g.Category) == null ? void 0 : C.value) || ((_ = g == null ? void 0 : g.ObjectType) == null ? void 0 : _.value)
         });
       }), l("Building nodes", d.length, d.length);
-      const u = d.map((f) => f.id), p = this._calculateNodeLevels(c, u);
+      const u = d.map((g) => g.id), p = this._calculateNodeLevels(c, u);
       a += r, l("Calculating levels", d.length, d.length);
       const m = new as();
       l(
         "Computing layout",
         0,
         d.length
-      ), m.computeLayout(d, c, e, (f) => {
+      ), m.computeLayout(d, c, e, (g) => {
         a++;
         const v = d.map((b) => {
-          const w = f[b.id], S = p.get(b.id);
+          const w = g[b.id], S = p.get(b.id);
           return {
             ...b,
             x: (w == null ? void 0 : w.x) ?? 0,
@@ -2921,9 +2990,9 @@ class os {
     if (a === 0)
       return /* @__PURE__ */ new Map();
     const l = s * n, c = Math.sqrt(l / a), h = /* @__PURE__ */ new Map();
-    e.forEach((f) => {
-      const v = (i == null ? void 0 : i.seed) ?? this._hashString(f.id);
-      h.set(f.id, {
+    e.forEach((g) => {
+      const v = (i == null ? void 0 : i.seed) ?? this._hashString(g.id);
+      h.set(g.id, {
         x: this._seededRandom(v) * s,
         y: this._seededRandom(v * 2) * n,
         vx: 0,
@@ -2931,13 +3000,13 @@ class os {
       });
     });
     const d = /* @__PURE__ */ new Map();
-    t.forEach((f) => {
-      const v = String(f.source), b = String(f.target);
+    t.forEach((g) => {
+      const v = String(g.source), b = String(g.target);
       d.has(v) || d.set(v, /* @__PURE__ */ new Set()), d.has(b) || d.set(b, /* @__PURE__ */ new Set()), d.get(v).add(b), d.get(b).add(v);
     });
     let u = s / 10;
     const p = u / r;
-    for (let f = 0; f < r; f++)
+    for (let g = 0; g < r; g++)
       e.forEach((v) => {
         const b = h.get(v.id);
         b.vx = 0, b.vy = 0, e.forEach((w) => {
@@ -2964,8 +3033,8 @@ class os {
           b.x = Math.max(0, Math.min(s, b.x)), b.y = Math.max(0, Math.min(n, b.y));
       }), u -= p;
     const m = /* @__PURE__ */ new Map();
-    return h.forEach((f, v) => {
-      m.set(v, { x: f.x, y: f.y });
+    return h.forEach((g, v) => {
+      m.set(v, { x: g.x, y: g.y });
     }), m;
   }
   /**
@@ -2991,7 +3060,7 @@ class Sr {
     this.children = /* @__PURE__ */ new Map(), this.keys = /* @__PURE__ */ new Set();
   }
 }
-var $ = /* @__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))($ || {}), se = /* @__PURE__ */ ((g) => (g[g.ON_WAKE = 0] = "ON_WAKE", g[g.ON_SLEEP = 1] = "ON_SLEEP", g[g.ON_UPDATE = 2] = "ON_UPDATE", g))(se || {}), we = /* @__PURE__ */ ((g) => (g[g.KEYDOWN = 0] = "KEYDOWN", g[g.KEYUP = 1] = "KEYUP", g))(we || {}), k = /* @__PURE__ */ ((g) => (g[g.LOADED_SCENE = 0] = "LOADED_SCENE", g[g.LOADED_MATERIAL_MANAGER = 1] = "LOADED_MATERIAL_MANAGER", g[g.LOADED_RENDERER = 2] = "LOADED_RENDERER", g[g.LOADED_CAMERA = 3] = "LOADED_CAMERA", g[g.LOADED_CUBE = 4] = "LOADED_CUBE", g[g.LOADED_TOOLS = 5] = "LOADED_TOOLS", g[g.LOADED_SEPERATE_MODEL = 6] = "LOADED_SEPERATE_MODEL", g[g.GENERATED_MERGE_MODEL = 7] = "GENERATED_MERGE_MODEL", g[g.LOADED_DATA = 8] = "LOADED_DATA", g[g.SELECT_ELEMENTS = 9] = "SELECT_ELEMENTS", g[g.UNSELECT_ELEMENTS = 10] = "UNSELECT_ELEMENTS", g))(k || {});
+var $ = /* @__PURE__ */ ((f) => (f[f.ON_MOUSE_MOVE = 0] = "ON_MOUSE_MOVE", f[f.ON_MOUSE_DOWN_LEFT = 1] = "ON_MOUSE_DOWN_LEFT", f[f.ON_MOUSE_UP_LEFT = 2] = "ON_MOUSE_UP_LEFT", f[f.ON_MOUSE_DOWN_RIGHT = 3] = "ON_MOUSE_DOWN_RIGHT", f[f.ON_MOUSE_UP_RIGHT = 4] = "ON_MOUSE_UP_RIGHT", f[f.ON_MOUSE_DOUBLE_CLICK = 5] = "ON_MOUSE_DOUBLE_CLICK", f))($ || {}), se = /* @__PURE__ */ ((f) => (f[f.ON_WAKE = 0] = "ON_WAKE", f[f.ON_SLEEP = 1] = "ON_SLEEP", f[f.ON_UPDATE = 2] = "ON_UPDATE", f))(se || {}), we = /* @__PURE__ */ ((f) => (f[f.KEYDOWN = 0] = "KEYDOWN", f[f.KEYUP = 1] = "KEYUP", f))(we || {}), k = /* @__PURE__ */ ((f) => (f[f.LOADED_SCENE = 0] = "LOADED_SCENE", f[f.LOADED_MATERIAL_MANAGER = 1] = "LOADED_MATERIAL_MANAGER", f[f.LOADED_RENDERER = 2] = "LOADED_RENDERER", f[f.LOADED_CAMERA = 3] = "LOADED_CAMERA", f[f.LOADED_CUBE = 4] = "LOADED_CUBE", f[f.LOADED_TOOLS = 5] = "LOADED_TOOLS", f[f.LOADED_SEPERATE_MODEL = 6] = "LOADED_SEPERATE_MODEL", f[f.GENERATED_MERGE_MODEL = 7] = "GENERATED_MERGE_MODEL", f[f.LOADED_DATA = 8] = "LOADED_DATA", f[f.SELECT_ELEMENTS = 9] = "SELECT_ELEMENTS", f[f.UNSELECT_ELEMENTS = 10] = "UNSELECT_ELEMENTS", f))(k || {});
 class _t {
   constructor() {
     this.items = {};
@@ -3460,8 +3529,8 @@ class us {
     }
     let t = 0, i = 0, s = 0;
     e.forEach((r, o) => {
-      var f, v;
-      const a = r.getInstancedMeshes(), l = ((f = r.getTotalVertexCount) == null ? void 0 : f.call(r)) || 0, c = ((v = r.getObjectCount) == null ? void 0 : v.call(r)) || 0;
+      var g, v;
+      const a = r.getInstancedMeshes(), l = ((g = r.getTotalVertexCount) == null ? void 0 : g.call(r)) || 0, c = ((v = r.getObjectCount) == null ? void 0 : v.call(r)) || 0;
       i += a.length, s += l;
       let h = 0;
       a.forEach((b) => {
@@ -3629,14 +3698,14 @@ class us {
       const h = l.getInstancedMeshes();
       s += h.length, o += h.length, h.forEach((d, u) => {
         var b;
-        const p = d.geometry, m = ((b = p.attributes.position) == null ? void 0 : b.count) || 0, f = p.index ? p.index.count / 3 : m / 3, v = m * d.count;
+        const p = d.geometry, m = ((b = p.attributes.position) == null ? void 0 : b.count) || 0, g = p.index ? p.index.count / 3 : m / 3, v = m * d.count;
         n += d.count, r += v, a.push({
           Wrapper: `#${c + 1}`,
           Material: l.globalMaterialIndex,
           "Internal Mesh": `#${u + 1}`,
           Instances: d.count,
           "Base Verts": m,
-          "Base Tris": Math.floor(f),
+          "Base Tris": Math.floor(g),
           "Rendered Verts": v,
           "Mesh ID": d.id
         });
@@ -3950,7 +4019,7 @@ class ps {
       enabled: !0,
       estimatedPasses: 1
     })), e.estimatedTotalPasses = e.renderPasses.reduce(
-      (m, f) => m + f.estimatedPasses,
+      (m, g) => m + g.estimatedPasses,
       0
     ), e.singlePassDrawCalls = e.totalDrawCalls, e.expectedTotalDrawCalls = e.singlePassDrawCalls * e.estimatedTotalPasses;
     const n = this.viralViewerApi.viralRenderer.renderer.info, r = n.render.calls, o = n.render.triangles, a = r / Math.max(e.singlePassDrawCalls, 1), l = o / Math.max(e.totalTriangles, 1);
@@ -4719,7 +4788,7 @@ class xs {
    * @param camera
    */
   async focusCameraOnModel(e, t = !1) {
-    var u, p, m, f, v;
+    var u, p, m, g, v;
     const i = new E(-e.box.min.X, e.box.min.Z, e.box.min.Y), s = new E(-e.box.max.X, e.box.max.Z, e.box.max.Y), n = D.middlePoint(i, s), r = Math.abs(e.box.max.X - e.box.min.X), o = Math.abs(e.box.max.Y - e.box.min.Y), a = Math.abs(e.box.max.Z - e.box.min.Z), l = Math.max(r, o, a);
     await ((u = this.viralViewerApi.viralCamera.cameraControls) == null ? void 0 : u.setTarget(
       n.x,
@@ -4733,7 +4802,7 @@ class xs {
     const c = new F(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);
+    (g = this.viralViewerApi.viralCamera.cameraControls) == null || g.getPosition(h);
     var d = h.distanceTo(n);
     await ((v = this.viralViewerApi.viralCamera.cameraControls) == null ? void 0 : v.setPosition(
       h.x,
@@ -4783,8 +4852,8 @@ class P {
     const u = -(P.dotProduct(l, e) + c) / d;
     if (u < -r || u > 1 + r)
       return !1;
-    const p = P.add(e, P.scale(h, u)), m = P.distance(p, e), f = P.distance(p, t);
-    return m < r || f < r ? !1 : P.isPointInTriangle(p, i, s, n, r);
+    const p = P.add(e, P.scale(h, u)), m = P.distance(p, e), g = P.distance(p, t);
+    return m < r || g < r ? !1 : P.isPointInTriangle(p, i, s, n, r);
   }
   /**
    * Check if a point lies inside a triangle using barycentric coordinates
@@ -4795,7 +4864,7 @@ class P {
    * @returns boolean - Whether the point lies inside the triangle
    */
   static isPointInTriangle(e, t, i, s, n = 1e-7) {
-    const r = P.subtract(i, t), o = P.subtract(s, i), a = P.subtract(t, s), l = P.subtract(e, t), c = P.subtract(e, i), h = P.subtract(e, s), d = P.crossProduct(r, l), u = P.crossProduct(o, c), p = P.crossProduct(a, h), m = P.normalize(d), f = P.normalize(u), v = P.normalize(p), b = P.dotProduct(m, f), w = P.dotProduct(f, v);
+    const r = P.subtract(i, t), o = P.subtract(s, i), a = P.subtract(t, s), l = P.subtract(e, t), c = P.subtract(e, i), h = P.subtract(e, s), d = P.crossProduct(r, l), u = P.crossProduct(o, c), p = P.crossProduct(a, h), m = P.normalize(d), g = P.normalize(u), v = P.normalize(p), b = P.dotProduct(m, g), w = P.dotProduct(g, v);
     return b > 1 - n && w > 1 - n;
   }
   // Vector math helper functions
@@ -4849,7 +4918,7 @@ class P {
   }
 }
 function Es() {
-  class g {
+  class f {
     constructor(t, i, s) {
       this.X = 0, this.Y = 0, this.Z = 0, this.X = t, this.Y = i, this.Z = s;
     }
@@ -4863,8 +4932,8 @@ function Es() {
         d < s && (s = d), u < n && (n = u), p < r && (r = p), d > o && (o = d), u > a && (a = u), p > l && (l = p);
       }
       return {
-        min: new g(s, n, r),
-        max: new g(o, a, l)
+        min: new f(s, n, r),
+        max: new f(o, a, l)
       };
     }
     self.postMessage(i());
@@ -4887,8 +4956,8 @@ class Cs {
   }
 }
 function As() {
-  self.onmessage = (g) => {
-    const e = g.data;
+  self.onmessage = (f) => {
+    const e = f.data;
     function t(s, n, r = 0.1) {
       const o = s.max.X >= n.min.X && s.min.X <= n.max.X, a = s.max.Y >= n.min.Y && s.min.Y <= n.max.Y, l = s.max.Z >= n.min.Z && s.min.Z <= n.max.Z, c = Math.min(s.max.X, n.max.X) - Math.max(s.min.X, n.min.X), h = Math.min(s.max.Y, n.max.Y) - Math.max(s.min.Y, n.min.Y), d = Math.min(s.max.Z, n.max.Z) - Math.max(s.min.Z, n.min.Z);
       return o && a && l ? c > r && h > r && d > r : !1;
@@ -4918,7 +4987,7 @@ class Is {
   }
 }
 function Vs() {
-  class g {
+  class f {
     constructor() {
       this.children = /* @__PURE__ */ new Map(), this.keys = /* @__PURE__ */ new Set();
     }
@@ -4942,7 +5011,7 @@ function Vs() {
             let c = n;
             for (let h = l; h < a.length; h++) {
               const d = a[h];
-              c.children.has(d) || c.children.set(d, new g()), c = c.children.get(d), c.keys.add(o);
+              c.children.has(d) || c.children.set(d, new f()), c = c.children.get(d), c.keys.add(o);
             }
           }
         }
@@ -4963,8 +5032,8 @@ function Vs() {
                 continue;
               const u = Number(d), p = h[d];
               if (p && typeof p == "object") {
-                const f = Object.values(p);
-                for (const v of f)
+                const g = Object.values(p);
+                for (const v of g)
                   if (v && typeof v == "object") {
                     const b = Object.values(v);
                     for (const w of b)
@@ -5000,7 +5069,7 @@ function Vs() {
         return;
       }
       console.log("[TreeNode Worker] Processing", s.length, "items");
-      const n = new g();
+      const n = new f();
       i();
       const r = n.toSerializable();
       console.log("[TreeNode Worker] Trie built, posting result..."), self.postMessage(r);
@@ -5023,7 +5092,7 @@ class Ps {
   }
 }
 function Os() {
-  class g {
+  class f {
     constructor(u, p, m) {
       this.x = 0, this.y = 0, this.z = 0, this.x = u, this.y = p, this.z = m;
     }
@@ -5051,42 +5120,42 @@ function Os() {
     const u = Math.sqrt(
       d.x * d.x + d.y * d.y + d.z * d.z
     );
-    return u < 1e-7 ? new g(0, 0, 0) : new g(d.x / u, d.y / u, d.z / u);
+    return u < 1e-7 ? new f(0, 0, 0) : new f(d.x / u, d.y / u, d.z / u);
   }
   function o(d, u) {
     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) {
+  function a(d, u, p, m, g = 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), _ = n(v, S), I = n(b, A), T = n(w, C), M = r(_), V = r(I), L = r(T), B = s(M, V), O = s(V, L);
-    return B > 1 - f && O > 1 - f;
+    return B > 1 - g && O > 1 - g;
   }
-  function l(d, u, p, m, f, v, b = 1e-3) {
-    return !!(h(d, u, m, f, v, b) || h(u, p, m, f, v, b) || h(p, d, m, f, v, b));
+  function l(d, u, p, m, g, v, b = 1e-3) {
+    return !!(h(d, u, m, g, v, b) || h(u, p, m, g, v, b) || h(p, d, m, g, v, b));
   }
-  function c(d, u, p, m, f, v = 1e-7) {
-    const b = e(m, p), w = e(f, p), S = n(b, w), A = -s(S, p), C = s(S, d) + A, _ = s(S, u) + A;
+  function c(d, u, p, m, g, v = 1e-7) {
+    const b = e(m, p), w = e(g, p), S = n(b, w), A = -s(S, p), C = s(S, d) + A, _ = s(S, u) + A;
     if (Math.abs(C) > v || Math.abs(_) > v)
       return !1;
-    const I = a(d, p, m, f, v), T = a(u, p, m, f, v);
+    const I = a(d, p, m, g, v), T = a(u, p, m, g, v);
     return !(!I || !T);
   }
-  function h(d, u, p, m, f, v = 5) {
-    const b = e(m, p), w = e(f, p), S = n(b, w), A = -s(S, p), C = e(u, d), _ = s(S, C);
+  function h(d, u, p, m, g, v = 5) {
+    const b = e(m, p), w = e(g, p), S = n(b, w), A = -s(S, p), C = e(u, d), _ = s(S, C);
     if (Math.abs(_) < 1e-7)
       return !1;
     const I = -(s(S, d) + A) / _;
     if (I < -v || I > 1 + v)
       return !1;
     const T = t(d, i(C, I)), M = o(T, d), V = o(T, u);
-    return M < v || V < v ? !1 : a(T, p, m, f, v);
+    return M < v || V < v ? !1 : a(T, p, m, g, v);
   }
   self.onmessage = (d) => {
-    const u = d.data, p = u.buffer1, m = u.buffer2, f = 1e-3;
+    const u = d.data, p = u.buffer1, m = u.buffer2, g = 1e-3;
     for (let v = 0; v < p.length; v += 9) {
-      const b = new g(p[v], p[v + 1], p[v + 2]), w = new g(p[v + 3], p[v + 4], p[v + 5]), S = new g(p[v + 6], p[v + 7], p[v + 8]);
+      const b = new f(p[v], p[v + 1], p[v + 2]), w = new f(p[v + 3], p[v + 4], p[v + 5]), S = new f(p[v + 6], p[v + 7], p[v + 8]);
       for (let A = 0; A < m.length; A += 9) {
-        const C = new g(m[A], m[A + 1], m[A + 2]), _ = new g(m[A + 3], m[A + 4], m[A + 5]), I = new g(m[A + 6], m[A + 7], m[A + 8]);
-        c(b, w, C, _, I, f) && c(w, S, C, _, I, f) && (console.log("belong to face"), self.postMessage(!1)), l(b, w, S, C, _, I, f) && self.postMessage(!0);
+        const C = new f(m[A], m[A + 1], m[A + 2]), _ = new f(m[A + 3], m[A + 4], m[A + 5]), I = new f(m[A + 6], m[A + 7], m[A + 8]);
+        c(b, w, C, _, I, g) && c(w, S, C, _, I, g) && (console.log("belong to face"), self.postMessage(!1)), l(b, w, S, C, _, I, g) && self.postMessage(!0);
       }
     }
     self.postMessage(!1);
@@ -5108,8 +5177,8 @@ class Rs {
 function Ls() {
   self.addEventListener(
     "message",
-    (g) => {
-      const t = g.data.url, i = g.data.byteRangeStart, s = g.data.byteRangeEnd;
+    (f) => {
+      const t = f.data.url, i = f.data.byteRangeStart, s = f.data.byteRangeEnd;
       i && i > 0 && s && s > 0 ? fetch(t, {
         headers: {
           Range: `bytes=${i}-${s}`
@@ -5432,10 +5501,10 @@ class Ns {
         elements: l
       };
       await new Promise((m) => {
-        this._boundingBoxIntersectWorker.checkIntersect(u, async (f) => {
-          e === t && (f = f.filter((w) => w !== Number.parseInt(d.elementId)));
+        this._boundingBoxIntersectWorker.checkIntersect(u, async (g) => {
+          e === t && (g = g.filter((w) => w !== Number.parseInt(d.elementId)));
           const v = n.filter(
-            (w) => f.includes(Number.parseInt(w.elementId))
+            (w) => g.includes(Number.parseInt(w.elementId))
           ), b = [];
           for (let w = 0; w < v.length; w++) {
             const S = v[w];
@@ -5780,11 +5849,11 @@ class Hs {
   //#endregion
 }
 const We = {
-  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>`
+  showAll: (f, e) => `<svg xmlns="http://www.w3.org/2000/svg" fill=${e || ""} height=${f || 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: (f, e) => `<svg xmlns="http://www.w3.org/2000/svg" fill=${e || ""} height=${f || 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: (f, e) => `<svg xmlns="http://www.w3.org/2000/svg" fill=${e || ""} height=${f || 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: (f, e) => `<svg xmlns="http://www.w3.org/2000/svg" fill=${e || ""} height=${f || 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: (f, e) => `<svg xmlns="http://www.w3.org/2000/svg" fill=${e || ""} height=${f || 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 Fs {
   constructor(e) {
@@ -5922,14 +5991,14 @@ class Fs {
                     );
                     if (!p || m < 0.3)
                       continue;
-                    const f = {
+                    const g = {
                       elementId: u.elementId,
                       modelId: u.modelId
                     };
                     this.isShiftPressed ? this.viralViewerApi.viralVisibilityManager.addToSelection(
-                      [f]
+                      [g]
                     ) : this.viralViewerApi.viralVisibilityManager.selectElements(
-                      [f]
+                      [g]
                     ), this.viralViewerApi.viralDraggableModal.updateModalContent(
                       Number.parseInt(u.modelId),
                       Number.parseInt(u.elementId)
@@ -5946,14 +6015,14 @@ class Fs {
                   );
                   if (!p || m < 0.3)
                     continue;
-                  const f = {
+                  const g = {
                     elementId: d.elementId,
                     modelId: d.modelId
                   };
                   this.isShiftPressed ? this.viralViewerApi.viralVisibilityManager.addToSelection(
-                    [f]
+                    [g]
                   ) : this.viralViewerApi.viralVisibilityManager.selectElements(
-                    [f]
+                    [g]
                   ), this.viralViewerApi.viralDraggableModal.updateModalContent(
                     Number.parseInt(d.modelId),
                     Number.parseInt(d.elementId)
@@ -6411,7 +6480,7 @@ class Zs {
 }
 const Ys = new Zs();
 function Xs() {
-  class g {
+  class f {
     constructor() {
       this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
     }
@@ -6430,12 +6499,12 @@ function Xs() {
     const o = i.length, a = new Float32Array(o * 3), l = r ? -r.x : 0, c = r ? -r.y : 0, h = r ? -r.z : 0;
     if (n == null) {
       for (let p = 0; p < o; p++) {
-        const m = s[i[p]], f = p * 3;
-        a[f] = -m.X + l, a[f + 1] = m.Z + c, a[f + 2] = m.Y + h;
+        const m = s[i[p]], g = p * 3;
+        a[g] = -m.X + l, a[g + 1] = m.Z + c, a[g + 2] = m.Y + h;
       }
       return a;
     }
-    const d = new g();
+    const d = new f();
     d.fromArray([
       n.BasisX.X,
       -n.BasisX.Z,
@@ -6457,8 +6526,8 @@ function Xs() {
     ]);
     const u = d.elements;
     for (let p = 0; p < o; p++) {
-      const m = s[i[p]], f = -m.X, v = m.Z, b = m.Y, w = 1 / (u[3] * f + u[7] * v + u[11] * b + u[15]), S = p * 3;
-      a[S] = (u[0] * f + u[4] * v + u[8] * b + u[12]) * w, a[S + 1] = (u[1] * f + u[5] * v + u[9] * b + u[13]) * w, a[S + 2] = (u[2] * f + u[6] * v + u[10] * b + u[14]) * w;
+      const m = s[i[p]], g = -m.X, v = m.Z, b = m.Y, w = 1 / (u[3] * g + u[7] * v + u[11] * b + u[15]), S = p * 3;
+      a[S] = (u[0] * g + u[4] * v + u[8] * b + u[12]) * w, a[S + 1] = (u[1] * g + u[5] * v + u[9] * b + u[13]) * w, a[S + 2] = (u[2] * g + u[6] * v + u[10] * b + u[14]) * w;
     }
     return a;
   }
@@ -6497,7 +6566,7 @@ function Xs() {
 }
 const Ks = Xs;
 function Js() {
-  class g {
+  class f {
     constructor() {
       this.elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
     }
@@ -6516,12 +6585,12 @@ function Js() {
     const o = i.length, a = new Float32Array(o * 3), l = r ? -r.x : 0, c = r ? -r.y : 0, h = r ? -r.z : 0;
     if (n == null) {
       for (let p = 0; p < o; p++) {
-        const m = s[i[p]], f = p * 3;
-        a[f] = -m.X + l, a[f + 1] = m.Z + c, a[f + 2] = m.Y + h;
+        const m = s[i[p]], g = p * 3;
+        a[g] = -m.X + l, a[g + 1] = m.Z + c, a[g + 2] = m.Y + h;
       }
       return a;
     }
-    const d = new g();
+    const d = new f();
     d.fromArray([
       n.BasisX.X,
       -n.BasisX.Z,
@@ -6543,8 +6612,8 @@ function Js() {
     ]);
     const u = d.elements;
     for (let p = 0; p < o; p++) {
-      const m = s[i[p]], f = -m.X, v = m.Z, b = m.Y, w = 1 / (u[3] * f + u[7] * v + u[11] * b + u[15]), S = p * 3;
-      a[S] = (u[0] * f + u[4] * v + u[8] * b + u[12]) * w, a[S + 1] = (u[1] * f + u[5] * v + u[9] * b + u[13]) * w, a[S + 2] = (u[2] * f + u[6] * v + u[10] * b + u[14]) * w;
+      const m = s[i[p]], g = -m.X, v = m.Z, b = m.Y, w = 1 / (u[3] * g + u[7] * v + u[11] * b + u[15]), S = p * 3;
+      a[S] = (u[0] * g + u[4] * v + u[8] * b + u[12]) * w, a[S + 1] = (u[1] * g + u[5] * v + u[9] * b + u[13]) * w, a[S + 2] = (u[2] * g + u[6] * v + u[10] * b + u[14]) * w;
     }
     return a;
   }
@@ -6896,8 +6965,8 @@ class tn {
         const c = [], h = [];
         let d = a, u = l;
         for (const p of n) {
-          const m = p.buffer ? p.buffer.length / 3 : 0, f = 1;
-          d + m <= s.maxVertices && u + f <= s.maxObjects ? (c.push(p), d += m, u += f) : h.push(p);
+          const m = p.buffer ? p.buffer.length / 3 : 0, g = 1;
+          d + m <= s.maxVertices && u + g <= s.maxObjects ? (c.push(p), d += m, u += g) : h.push(p);
         }
         if (c.length > 0 && (console.log(
           `✅ Batching ${c.length} elements in ONE call for material ${e}`
@@ -7273,10 +7342,10 @@ class cn extends Ot {
   }
 }
 function hn() {
-  const g = new di({
+  const f = new di({
     side: ae
   });
-  return g.onBeforeCompile = (e) => {
+  return f.onBeforeCompile = (e) => {
     e.vertexShader = `attribute vec4 color;
       varying float vAlpha;
       ` + e.vertexShader, e.vertexShader = e.vertexShader.replace(
@@ -7292,14 +7361,14 @@ function hn() {
         if (vAlpha < 0.01) discard;
       `
     );
-  }, g;
+  }, f;
 }
 function dn() {
-  const g = new Y({
+  const f = new Y({
     colorWrite: !1,
     side: ae
   });
-  return g.onBeforeCompile = (e) => {
+  return f.onBeforeCompile = (e) => {
     e.vertexShader = `attribute vec4 color;
       varying float vAlpha;
       ` + e.vertexShader, e.vertexShader = e.vertexShader.replace(
@@ -7315,7 +7384,7 @@ function dn() {
         if (vAlpha < 0.01) discard;
       `
     );
-  }, g;
+  }, f;
 }
 const un = {
   edgeColor: new N(0),
@@ -8916,11 +8985,11 @@ const Ht = new Float32Array([
 Qe.VISUAL_INSET = 2e-3;
 let It = Qe;
 var Ue = () => {
-  var g = 0, e = document.createElement("div");
+  var f = 0, e = document.createElement("div");
   e.style.cssText = "position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000", e.addEventListener(
     "click",
     (c) => {
-      c.preventDefault(), i(++g % e.children.length);
+      c.preventDefault(), i(++f % e.children.length);
     },
     !1
   );
@@ -8930,7 +8999,7 @@ var Ue = () => {
   function i(c) {
     for (var h = 0; h < e.children.length; h++)
       e.children[h].style.display = h === c ? "block" : "none";
-    g = c;
+    f = c;
   }
   var s = (performance || Date).now(), n = s, r = 0, o = t(Ue.Panel("FPS", "#0ff", "#002")), a = t(Ue.Panel("MS", "#0f0", "#020"));
   if (self.performance && self.performance.memory)
@@ -8963,18 +9032,18 @@ var Ue = () => {
     setMode: i
   };
 };
-Ue.Panel = (g, e, t) => {
+Ue.Panel = (f, e, t) => {
   var i = 1 / 0, s = 0, n = Math.round, r = n(window.devicePixelRatio || 1), o = 80 * r, a = 48 * r, l = 3 * r, c = 2 * r, h = 3 * r, d = 15 * r, u = 74 * r, p = 30 * r, m = document.createElement("canvas");
   m.width = o, m.height = a, m.style.cssText = "width:80px;height:48px";
-  var f = m.getContext("2d");
-  return f.font = "bold " + 9 * r + "px Helvetica,Arial,sans-serif", f.textBaseline = "top", f.fillStyle = t, f.fillRect(0, 0, o, a), f.fillStyle = e, f.fillText(g, l, c), f.fillRect(h, d, u, p), f.fillStyle = t, f.globalAlpha = 0.9, f.fillRect(h, d, u, p), {
+  var g = m.getContext("2d");
+  return g.font = "bold " + 9 * r + "px Helvetica,Arial,sans-serif", g.textBaseline = "top", g.fillStyle = t, g.fillRect(0, 0, o, a), g.fillStyle = e, g.fillText(f, l, c), g.fillRect(h, d, u, p), g.fillStyle = t, g.globalAlpha = 0.9, g.fillRect(h, d, u, p), {
     dom: m,
     update: (v, b) => {
-      i = Math.min(i, v), s = Math.max(s, v), f.fillStyle = t, f.globalAlpha = 1, f.fillRect(0, 0, o, d), f.fillStyle = e, f.fillText(
-        n(v) + " " + g + " (" + n(i) + "-" + n(s) + ")",
+      i = Math.min(i, v), s = Math.max(s, v), g.fillStyle = t, g.globalAlpha = 1, g.fillRect(0, 0, o, d), g.fillStyle = e, g.fillText(
+        n(v) + " " + f + " (" + n(i) + "-" + n(s) + ")",
         l,
         c
-      ), f.drawImage(
+      ), g.drawImage(
         m,
         h + r,
         d,
@@ -8984,7 +9053,7 @@ Ue.Panel = (g, e, t) => {
         d,
         u - r,
         p
-      ), f.fillRect(h + u - r, d, r, p), f.fillStyle = t, f.globalAlpha = 0.9, f.fillRect(
+      ), g.fillRect(h + u - r, d, r, p), g.fillStyle = t, g.globalAlpha = 0.9, g.fillRect(
         h + u - r,
         d,
         r,
@@ -9000,7 +9069,7 @@ class _n {
 }
 class In {
   constructor(e) {
-    this.viralViewerApi = e, this._selectionOutlineEnabled = !0, this.exceptElements = [], this.isolateModelId = "0", this.sunConfiguration = ss, this._ground = null, this._alphaSelectionOutlineEnabled = !1, this.opacity = 1, this._fog = new wi(13421772, 1, 1e3), this.rainGeometry = new he(), 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 = ss, this._ground = null, this._alphaSelectionOutlineEnabled = !1, this.opacity = 1, this._fog = new wi(13421772, 1, 1e3), this.rainGeometry = new he(), this.rain = null, this._isGeneratedRain = !1, this.ghostMode = !0, this._ghostColor = D.hexToRGB(y.edge), 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
@@ -9040,12 +9109,14 @@ class In {
   /**
    *
    * @param elements default will get selected elements or we can input specific elements
+   * @param ghostColor optional ghost color to use for this isolate operation
    */
-  isolate2(e) {
+  isolate2(e, t) {
     if (this.ghostMode) {
       this.ghostExcept(
         e || this.viralViewerApi.viralScene.bimWorld.getSelectedElements(),
-        0.101
+        0.101,
+        t ?? this._ghostColor
       );
       return;
     }
@@ -9579,6 +9650,20 @@ class In {
   setGhostMode(e) {
     this.ghostMode = e;
   }
+  /**
+   * Set the default ghost color used by isolate2 and other ghost operations
+   * @param color - Color {r, g, b} with values 0-1 (e.g., {r: 1, g: 1, b: 1} for white)
+   *               Pass undefined to use default desaturation
+   */
+  setGhostColor(e) {
+    this._ghostColor = e;
+  }
+  /**
+   * Get the current ghost color
+   */
+  getGhostColor() {
+    return this._ghostColor;
+  }
   /**
    * Set opacity for specific elements
    * @param elements - Elements to set opacity for
@@ -9591,17 +9676,19 @@ class In {
    * Set elements to "ghost" mode (semi-transparent)
    * @param elements - Elements to ghost
    * @param ghostOpacity - Opacity for ghosted elements (default 0.1)
+   * @param ghostColor - Optional custom color for ghosted elements (e.g., {r: 1, g: 1, b: 1} for white)
    */
-  setElementGhost(e, t = 0.1) {
-    this.viralViewerApi.viralScene.bimWorld.setElementGhost(e, t), this.viralViewerApi.viralRenderer.render();
+  setElementGhost(e, t = 0.1, i) {
+    this.viralViewerApi.viralScene.bimWorld.setElementGhost(e, t, i), this.viralViewerApi.viralRenderer.render();
   }
   /**
    * Ghost all elements EXCEPT the specified ones (highlight effect)
    * @param elements - Elements to keep fully opaque
    * @param ghostOpacity - Opacity for all other elements (default 0.1)
+   * @param ghostColor - Optional custom color for ghosted elements (e.g., {r: 1, g: 1, b: 1} for white)
    */
-  ghostExcept(e, t = 0.1) {
-    e.length > 0 && (this.viralViewerApi.viralScene.bimWorld.ghostExcept(e, t), this.viralViewerApi.viralRenderer.render());
+  ghostExcept(e, t = 0.1, i) {
+    e.length > 0 && (this.viralViewerApi.viralScene.bimWorld.ghostExcept(e, t, i), this.viralViewerApi.viralRenderer.render());
   }
   /**
    * Reset all elements to full opacity
@@ -9922,11 +10009,11 @@ class Tn {
           const h = this.viralViewerApi.targetElement.getBoundingClientRect(), d = this.modal.getBoundingClientRect();
           let u = c.clientX - d.left, p = c.clientY - d.top;
           u = Math.max(this.minWidth, u), p = Math.max(this.minHeight, p);
-          const m = h.width - (d.left - h.left), f = Math.min(
+          const m = h.width - (d.left - h.left), g = Math.min(
             h.height - (d.top - h.top),
             h.height - 20
           );
-          u = Math.min(u, m), p = Math.min(p, f), this.modal.style.width = u + "px", this.modal.style.height = p + "px";
+          u = Math.min(u, m), p = Math.min(p, g), this.modal.style.width = u + "px", this.modal.style.height = p + "px";
         }
         if (this.isResizingColumns && this.modalBody) {
           const h = this.modalBody.getBoundingClientRect(), d = c.clientX - h.left, u = h.width, p = Math.max(
@@ -9983,17 +10070,17 @@ const ei = {
     importLink: "https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap",
     fontFamily: "Quicksand, sans-serif"
   }
-}, Pn = (g) => {
+}, Pn = (f) => {
   const e = document.createElement("style");
-  e.innerHTML = `@import url(${ei[g]});`, document.head.appendChild(e);
-}, On = (g, e) => {
+  e.innerHTML = `@import url(${ei[f]});`, document.head.appendChild(e);
+}, On = (f, e) => {
   const t = ei[e];
-  g && t && (g.style.fontFamily = t.fontFamily);
+  f && t && (f.style.fontFamily = t.fontFamily);
 };
 class Dn {
   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, _, I, T, M, V, L, B, O, R, U, j, q, Q;
+      var c, h, d, u, p, m, g, v, b, w, S, A, C, _, I, T, M, V, L, B, O, R, U, j, q, Q;
       if (!((c = this.viralNavigationCube.cubeScene) != null && c.activePlane) || (h = this.viralNavigationCube.cubeCamera) != null && h.cameraControlHasMoved)
         return console.log("false"), !1;
       let i = new E(
@@ -10003,7 +10090,7 @@ class Dn {
       );
       if (((m = this.viralNavigationCube.cubeScene) == null ? void 0 : m.activePlane.children.length) > 0) {
         let X = 0, W = 0, K = 0;
-        for (let Z = 0; Z < ((f = this.viralNavigationCube.cubeScene) == null ? void 0 : f.activePlane.children.length); Z++) {
+        for (let Z = 0; Z < ((g = this.viralNavigationCube.cubeScene) == null ? void 0 : g.activePlane.children.length); Z++) {
           const G = (v = this.viralNavigationCube.cubeScene) == null ? void 0 : v.activePlane.children[Z];
           X += G.position.x, W += G.position.y, K += G.position.z;
         }
@@ -10042,7 +10129,7 @@ class Dn {
         !0
       );
     }, this._handleMouseUp = async (t) => {
-      var i, s, n, r, o, a, l, c, h, d, u, p, m, f, v, b, w, S, A, C, _, I, T, M, V, L;
+      var i, s, n, r, o, a, l, c, h, d, u, p, m, g, v, b, w, S, A, C, _, I, T, M, V, L;
       if (console.log(this._mouseDownTime), this._mouseDownTime !== null && performance.now() - this._mouseDownTime < this.clickThreshold) {
         if (!((i = this.viralNavigationCube.cubeScene) != null && i.activePlane) || (s = this.viralNavigationCube.cubeCamera) != null && s.cameraControlHasMoved)
           return console.log("false"), !1;
@@ -10068,7 +10155,7 @@ class Dn {
           U
         );
         const j = R.clone().sub(U).normalize();
-        (w = (f = this.viralNavigationCube.cubeCamera) == null ? void 0 : f.cameraControlOldPosition) == null || w.copy(
+        (w = (g = this.viralNavigationCube.cubeCamera) == null ? void 0 : g.cameraControlOldPosition) == null || w.copy(
           (b = (v = this.viralNavigationCube.cubeCamera) == null ? void 0 : v.camera) == null ? void 0 : b.position
         );
         const q = new E();
@@ -10102,7 +10189,7 @@ class Dn {
       }
       this._mouseDownTime = null;
     }, this.handleMove = async (t) => {
-      var c, h, d, u, p, m, f;
+      var c, h, d, u, p, m, g;
       if ((c = this.viralNavigationCube.cubeScene) != null && c.activePlane) {
         this.viralNavigationCube.cubeScene.activePlane.material.opacity = 0, this.viralNavigationCube.cubeScene.activePlane.material.needsUpdate = !0;
         for (let v = 0; v < this.viralNavigationCube.cubeScene.activePlane.children.length; v++) {
@@ -10126,7 +10213,7 @@ class Dn {
           }
         } else
           this.viralNavigationCube.cubeScene.activePlane = l[0].object, this.viralNavigationCube.cubeScene.activePlane.material.opacity = 0.2, this.viralNavigationCube.cubeScene.activePlane.material.needsUpdate = !0;
-        (f = this.viralNavigationCube.cubeRenderer) == null || f.render();
+        (g = this.viralNavigationCube.cubeRenderer) == null || g.render();
       }
     }, this.viralNavigationCube.cubeRenderer && (this._setupMouseClick(this.viralNavigationCube.cubeRenderer.renderer.domElement), this.setupMouseMove(this.viralNavigationCube.cubeRenderer.renderer.domElement));
   }
@@ -10253,8 +10340,8 @@ class kn {
     p.position.z = l, p.rotation.z = Math.PI / 2, p.position.y = -(i / 2 + n / 2);
     const m = new x(a, t.clone());
     m.position.z = l, m.position.x = -(i / 2 + n / 2), m.position.y = i / 2 + n / 2;
-    const 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 g = new x(a, t.clone());
+    g.position.z = l, g.position.x = i / 2 + n / 2, g.position.y = i / 2 + n / 2;
     const v = new x(a, t.clone());
     v.position.z = l, v.position.x = i / 2 + n / 2, v.position.y = -(i / 2 + n / 2);
     const b = new x(a, t.clone());
@@ -10380,7 +10467,7 @@ class kn {
     const Le = new x();
     Le.name = "corner1", Le.add(m), Le.add(Ie), Le.add(ye), this.addObject(Le);
     const ke = new x();
-    ke.name = "corner2", ke.add(f), ke.add(j), ke.add(_e), this.addObject(ke);
+    ke.name = "corner2", ke.add(g), ke.add(j), ke.add(_e), this.addObject(ke);
     const Be = new x();
     Be.name = "corner3", Be.add(v), Be.add(X), Be.add(Oe), this.addObject(Be);
     const ze = new x();
@@ -11103,8 +11190,8 @@ class Ar extends $s {
         }
       };
       p.add(m, "ghostOpacity", 0, 1, 0.01).name("Ghost Opacity"), p.add(m, "elementOpacity", 0, 1, 0.01).name("Element Opacity"), p.add(m, "ghostSelected").name("Ghost Selected"), p.add(m, "ghostExceptSelected").name("Ghost Except Selected"), p.add(m, "setSelectedOpacity").name("Set Selected Opacity"), p.add(m, "resetOpacity").name("Reset All Opacity"), r.close();
-      const f = s.addFolder("Camera");
-      f.add(this.viralCamera, "enableOrthographicCamera"), f.add(this.viralCamera, "enablePerspectiveCamera"), f.add(this.viralCamera, "modelId"), f.add(this.viralCamera, "elementId"), f.add(this.viralCamera, "zoomTo");
+      const g = s.addFolder("Camera");
+      g.add(this.viralCamera, "enableOrthographicCamera"), g.add(this.viralCamera, "enablePerspectiveCamera"), g.add(this.viralCamera, "modelId"), g.add(this.viralCamera, "elementId"), g.add(this.viralCamera, "zoomTo");
       const v = s.addFolder("Data");
       v.add(this.viralDataManager, "searchValue"), v.add(this.viralDataManager, "searchElementData"), v.add(this.viralDataManager, "compareModels"), v.add(this.viralDataManager, "uncompareModels"), v.add(this.viralDataManager, "firstElementId"), v.add(this.viralDataManager, "secondElementId"), v.add(this.viralDataManager, "checkClash"), v.add(this.viralDataManager, "checkClashModels"), v.add(this.viralDataManager, "groupByKeyword"), v.add(this.viralDataManager, "groupBy");
       const b = s.addFolder("Section Box");