vim-web 1.0.0-alpha.12 → 1.0.0-alpha.13

package/dist/vim-web.js

@@ -58763,12 +58763,13 @@ let Vim$1 = class Vim {
   }
   /**
    * Loads geometry for the given subset, or all geometry if no subset is provided.
-   * Caller is responsible for not loading the same subset twice.
+   * Clears any previously loaded geometry first so meshes are never duplicated.
    * @param subset - The subset to load. Omit to load everything.
    */
   async load(subset) {
     subset ?? (subset = this.subset());
     if (subset.getInstanceCount() === 0) return;
+    this.clear();
     this._factory.add(subset);
     this._onGeometryLoaded.dispatch();
   }
@@ -66178,6 +66179,16 @@ class ModelMaterial {
     this.three.uniformsNeedUpdate = true;
     (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
   }
+  /** Base opacity of the material (0 = invisible, 1 = fully opaque). */
+  get baseOpacity() {
+    return this.three.uniforms.baseOpacity.value;
+  }
+  set baseOpacity(value) {
+    var _a3;
+    this.three.uniforms.baseOpacity.value = value;
+    this.three.uniformsNeedUpdate = true;
+    (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
+  }
   /** Blend strength for selection tint (0 = off, 1 = solid). */
   get selectionTintOpacity() {
     return this.three.uniforms.selectionTintOpacity.value;
@@ -66225,7 +66236,8 @@ function createModelMaterialShader(transparent = false) {
     uniforms: {
       colorPaletteTexture: { value: null },
       selectionTintColor: { value: new Color(25855) },
-      selectionTintOpacity: { value: 0 }
+      selectionTintOpacity: { value: 0 },
+      baseOpacity: { value: transparent ? 0.25 : 1 }
     },
     clipping: true,
     transparent,
@@ -66293,6 +66305,7 @@ function createModelMaterialShader(transparent = false) {
 
       uniform vec3 selectionTintColor;
       uniform float selectionTintOpacity;
+      uniform float baseOpacity;
 
       out vec4 fragColor;
 
@@ -66314,7 +66327,7 @@ function createModelMaterialShader(transparent = false) {
           finalColor = mix(finalColor, selectionTintColor, selectionTintOpacity);
         }
 
-        fragColor = vec4(finalColor, ${transparent ? "0.25" : "1.0"});
+        fragColor = vec4(finalColor, baseOpacity);
       }
       `
     )
@@ -66572,6 +66585,13 @@ const _Materials = class _Materials {
   set ghostColor(value) {
     this._ghost.color = value;
   }
+  /** Opacity of the transparent model material (0 = invisible, 1 = fully opaque). Default: 0.25. */
+  get transparentOpacity() {
+    return this._modelTransparent.baseOpacity;
+  }
+  set transparentOpacity(value) {
+    this._modelTransparent.baseOpacity = value;
+  }
   /**
    * Updates material settings based on the provided configuration.
    */
@@ -68959,68 +68979,17 @@ let Renderer$1 = class Renderer {
     this._composer.outlineScale = value;
   }
 };
-function isTransparencyModeValid(value) {
-  if (!value) return false;
-  return ["all", "opaqueOnly", "transparentOnly", "allAsOpaque"].includes(
-    value
-  );
-}
-function createGeometryFromMesh(g3d2, mesh, section) {
-  const colorIndices = createColorIndices(g3d2, mesh, section);
-  const positions = g3d2.positions.subarray(
-    g3d2.getMeshVertexStart(mesh) * 3,
-    g3d2.getMeshVertexEnd(mesh) * 3
-  );
-  const start = g3d2.getMeshIndexStart(mesh, section);
-  const end = g3d2.getMeshIndexEnd(mesh, section);
-  const indices = g3d2.indices.subarray(start, end);
-  return createGeometryFromArrays(
-    positions,
-    indices,
-    colorIndices
-  );
-}
-function createColorIndices(g3d2, mesh, section) {
-  const vertexCount = g3d2.getMeshVertexCount(mesh);
-  const result = new Uint16Array(vertexCount);
-  const subStart = g3d2.getMeshSubmeshStart(mesh, section);
-  const subEnd = g3d2.getMeshSubmeshEnd(mesh, section);
-  for (let submesh = subStart; submesh < subEnd; submesh++) {
-    const start = g3d2.getSubmeshIndexStart(submesh);
-    const end = g3d2.getSubmeshIndexEnd(submesh);
-    const index2 = g3d2.colorIndices[submesh];
-    for (let i = start; i < end; i++) {
-      const vertexIndex = g3d2.indices[i];
-      result[vertexIndex] = index2;
-    }
-  }
-  return result;
-}
-function createGeometryFromArrays(vertices, indices, colorIndices = void 0) {
-  const geometry = new BufferGeometry();
-  geometry.setAttribute("position", new BufferAttribute(vertices, 3));
-  geometry.setIndex(new Uint32BufferAttribute(indices, 1));
-  if (colorIndices) {
-    geometry.setAttribute(
-      "colorIndex",
-      new Uint16BufferAttribute(colorIndices, 1)
-    );
-  }
-  return geometry;
-}
 function getDefaultVimSettings() {
   return {
     position: new Vector3(),
     rotation: new Vector3(),
     scale: 1,
     matrix: void 0,
-    transparency: "all",
     verboseHttp: false
   };
 }
 function createVimSettings(options) {
   const merge = options ? deepmerge(getDefaultVimSettings(), options, void 0) : getDefaultVimSettings();
-  merge.transparency = isTransparencyModeValid(merge.transparency) ? merge.transparency : "all";
   merge.matrix = merge.matrix ?? new Matrix4().compose(
     merge.position,
     new Quaternion().setFromEuler(
@@ -69397,6 +69366,49 @@ class InsertableMeshFactory {
     return mesh;
   }
 }
+function createGeometryFromMesh(g3d2, mesh, section) {
+  const colorIndices = createColorIndices(g3d2, mesh, section);
+  const positions = g3d2.positions.subarray(
+    g3d2.getMeshVertexStart(mesh) * 3,
+    g3d2.getMeshVertexEnd(mesh) * 3
+  );
+  const start = g3d2.getMeshIndexStart(mesh, section);
+  const end = g3d2.getMeshIndexEnd(mesh, section);
+  const indices = g3d2.indices.subarray(start, end);
+  return createGeometryFromArrays(
+    positions,
+    indices,
+    colorIndices
+  );
+}
+function createColorIndices(g3d2, mesh, section) {
+  const vertexCount = g3d2.getMeshVertexCount(mesh);
+  const result = new Uint16Array(vertexCount);
+  const subStart = g3d2.getMeshSubmeshStart(mesh, section);
+  const subEnd = g3d2.getMeshSubmeshEnd(mesh, section);
+  for (let submesh = subStart; submesh < subEnd; submesh++) {
+    const start = g3d2.getSubmeshIndexStart(submesh);
+    const end = g3d2.getSubmeshIndexEnd(submesh);
+    const index2 = g3d2.colorIndices[submesh];
+    for (let i = start; i < end; i++) {
+      const vertexIndex = g3d2.indices[i];
+      result[vertexIndex] = index2;
+    }
+  }
+  return result;
+}
+function createGeometryFromArrays(vertices, indices, colorIndices = void 0) {
+  const geometry = new BufferGeometry();
+  geometry.setAttribute("position", new BufferAttribute(vertices, 3));
+  geometry.setIndex(new Uint32BufferAttribute(indices, 1));
+  if (colorIndices) {
+    geometry.setAttribute(
+      "colorIndex",
+      new Uint16BufferAttribute(colorIndices, 1)
+    );
+  }
+  return geometry;
+}
 class InstancedMeshFactory {
   constructor(mapping, vimIndex = 0) {
     __publicField(this, "_mapping");
@@ -86813,7 +86825,8 @@ function useViewerInput(handler, framing) {
 const Ids = {
   showGhost: "isolationPanel.showGhost",
   ghostOpacity: "isolationPanel.ghostOpacity",
-  transparency: "isolationPanel.transparency",
+  showTransparent: "isolationPanel.showTransparent",
+  transparentOpacity: "isolationPanel.transparentOpacity",
   outlineEnabled: "isolationPanel.outlineEnabled",
   outlineQuality: "isolationPanel.outlineQuality",
   outlineThickness: "isolationPanel.outlineThickness",
@@ -86832,9 +86845,20 @@ const IsolationPanel$1 = forwardRef(
         entries: [
           {
             type: "bool",
-            id: Ids.transparency,
-            label: "Transparency",
-            state: props.state.transparency
+            id: Ids.showTransparent,
+            label: "Show Transparent",
+            state: props.state.showTransparent
+          },
+          {
+            type: "number",
+            id: Ids.transparentOpacity,
+            label: "Transparent Opacity",
+            state: props.state.transparentOpacity,
+            enabled: () => props.state.showTransparent.get(),
+            min: 0,
+            max: 1,
+            step: 0.05,
+            transform: (n) => Math.max(0, Math.min(1, n))
           },
           {
             type: "bool",
@@ -86915,7 +86939,8 @@ function useSharedIsolation(adapter, initialState) {
   const showPanel = useStateRef(false);
   const showRooms = useStateRef(false);
   const showGhost = useStateRef(() => adapter.getShowGhost(), true);
-  const transparency = useStateRef(() => adapter.getTransparency(), true);
+  const showTransparent = useStateRef(() => adapter.getShowTransparent(), true);
+  const transparentOpacity = useStateRef(() => adapter.getTransparentOpacity(), true, "vim.transparent.opacity");
   const outlineEnabled = useStateRef(() => adapter.getOutlineEnabled(), true, "vim.outline.enabled");
   const outlineQuality = useStateRef(() => adapter.getOutlineQuality(), true, "vim.outline.quality");
   const outlineThickness = useStateRef(() => adapter.getOutlineThickness(), true, "vim.outline.thickness");
@@ -86943,7 +86968,8 @@ function useSharedIsolation(adapter, initialState) {
     if (v) onAutoIsolate.call();
   });
   showGhost.useOnChange((v) => adapter.showGhost(v));
-  transparency.useOnChange((v) => adapter.setTransparency(v));
+  showTransparent.useOnChange((v) => adapter.setShowTransparent(v));
+  transparentOpacity.useOnChange((v) => adapter.setTransparentOpacity(v));
   outlineEnabled.useOnChange((v) => adapter.setOutlineEnabled(v));
   outlineQuality.useOnChange((v) => adapter.setOutlineQuality(v));
   outlineThickness.useOnChange((v) => adapter.setOutlineThickness(v));
@@ -86961,7 +86987,8 @@ function useSharedIsolation(adapter, initialState) {
     autoIsolate: autoIsolate2,
     showPanel,
     showGhost,
-    transparency,
+    showTransparent,
+    transparentOpacity,
     outlineEnabled,
     outlineQuality,
     outlineThickness,
@@ -86991,13 +87018,13 @@ function useWebglIsolation(viewer, initialState) {
 }
 function createWebglIsolationAdapter(viewer, initialState) {
   var ghost2 = (initialState == null ? void 0 : initialState.showGhost) ?? false;
-  var transparency = (initialState == null ? void 0 : initialState.transparency) ?? true;
+  var showTransparent = (initialState == null ? void 0 : initialState.showTransparent) ?? true;
   var rooms = (initialState == null ? void 0 : initialState.showRooms) ?? false;
   function updateMaterials() {
     const m = viewer.materials;
     viewer.renderer.modelMaterial = new MaterialSet(
       m.modelOpaqueMaterial,
-      transparency ? m.modelTransparentMaterial : m.modelOpaqueMaterial,
+      showTransparent ? m.modelTransparentMaterial : m.modelOpaqueMaterial,
       ghost2 ? m.ghostMaterial : void 0
     );
   }
@@ -87064,7 +87091,11 @@ function createWebglIsolationAdapter(viewer, initialState) {
     getGhostOpacity: () => viewer.materials.ghostOpacity,
     setGhostOpacity: (opacity) => viewer.materials.ghostOpacity = opacity,
     getShowGhost: () => ghost2,
-    getTransparency: () => transparency,
+    getShowTransparent: () => showTransparent,
+    getTransparentOpacity: () => viewer.materials.transparentOpacity,
+    setTransparentOpacity: (opacity) => {
+      viewer.materials.transparentOpacity = opacity;
+    },
     getOutlineEnabled: () => viewer.renderer.outlineEnabled,
     getOutlineQuality: () => {
       const scale = viewer.renderer.outlineScale;
@@ -87075,8 +87106,8 @@ function createWebglIsolationAdapter(viewer, initialState) {
     getOutlineThickness: () => viewer.materials.outlineThickness,
     getSelectionFillMode: () => viewer.materials.selectionFillMode,
     getSelectionOverlayOpacity: () => viewer.materials.selectionOverlayOpacity,
-    setTransparency: (enabled) => {
-      transparency = enabled;
+    setShowTransparent: (enabled) => {
+      showTransparent = enabled;
       updateMaterials();
     },
     setOutlineEnabled: (enabled) => {
@@ -87141,7 +87172,7 @@ function getDefaultSettings() {
     isolation: {
       autoIsolate: false,
       showGhost: true,
-      transparency: true,
+      showTransparent: true,
       showRooms: false
     },
     sectionBox: {
@@ -87270,9 +87301,18 @@ function getIsolationSettings(isolation) {
     },
     {
       type: "bool",
-      id: "transparency",
-      label: "Transparency",
-      state: isolation.transparency
+      id: "showTransparent",
+      label: "Show Transparent",
+      state: isolation.showTransparent
+    },
+    {
+      type: "number",
+      id: "transparentOpacity",
+      label: "Transparent Opacity",
+      info: "[0,1]",
+      step: 0.05,
+      transform: (n) => Math.max(0, Math.min(1, n)),
+      state: isolation.transparentOpacity
     },
     {
       type: "bool",
@@ -87881,10 +87921,13 @@ function createAdapter(viewer, initialState) {
     setGhostOpacity: (opacity) => {
       viewer.renderer.ghostOpacity = opacity;
     },
-    setTransparency: (_enabled) => {
+    setShowTransparent: (_enabled) => {
     },
     getShowGhost: () => ghost2.get(),
-    getTransparency: () => true,
+    getShowTransparent: () => true,
+    getTransparentOpacity: () => 0.25,
+    setTransparentOpacity: (_opacity) => {
+    },
     getOutlineEnabled: () => true,
     getOutlineQuality: () => "high",
     getOutlineThickness: () => 2,
@@ -87947,7 +87990,7 @@ function getDefaultUltraSettings() {
     isolation: {
       autoIsolate: false,
       showGhost: false,
-      transparency: true,
+      showTransparent: true,
       showRooms: false
     },
     sectionBox: {