vim-web 0.6.0-dev.10 → 0.6.0-dev.12

package/dist/vim-web.js

@@ -47528,25 +47528,6 @@ const _CameraMovementSnap = class _CameraMovementSnap extends CameraMovement$1 {
 };
 __publicField(_CameraMovementSnap, "_ZERO", new Vector3());
 let CameraMovementSnap = _CameraMovementSnap;
-function createOpaque() {
-  return new StandardMaterial(createBasicOpaque());
-}
-function createTransparent() {
-  return new StandardMaterial(createBasicTransparent());
-}
-function createBasicOpaque() {
-  return new MeshLambertMaterial({
-    color: 13421772,
-    flatShading: true,
-    side: DoubleSide
-  });
-}
-function createBasicTransparent() {
-  const mat = createBasicOpaque();
-  mat.transparent = true;
-  mat.opacity = 0.25;
-  return mat;
-}
 class StandardMaterial {
   constructor(material) {
     __publicField(this, "three");
@@ -53761,7 +53742,7 @@ let SectionBox$1 = class SectionBox {
   }
 };
 class Gizmos {
-  constructor(renderer, viewport, viewer, camera2) {
+  constructor(renderer, viewport, viewer, camera2, settings2) {
     __publicField(this, "_viewport");
     __publicField(this, "_measure");
     /**
@@ -53788,9 +53769,9 @@ class Gizmos {
       renderer,
       camera2,
       viewer.inputs,
-      viewer.settings
+      settings2
     );
-    this.axes = new GizmoAxes(camera2, viewport, viewer.settings.axes);
+    this.axes = new GizmoAxes(camera2, viewport, settings2.axes);
     this.markers = new GizmoMarkers(renderer, viewer.selection);
     (_a3 = viewport.canvas.parentElement) == null ? void 0 : _a3.prepend(this.axes.canvas);
   }
@@ -54193,33 +54174,13 @@ function createGhostShader() {
   });
 }
 class OutlineMaterial {
-  constructor(options, onUpdate) {
+  constructor(onUpdate) {
     __publicField(this, "three");
-    __publicField(this, "_camera");
     __publicField(this, "_resolution");
-    __publicField(this, "_precision", 1);
     __publicField(this, "_onUpdate");
     this.three = createOutlineMaterial();
     this._onUpdate = onUpdate;
-    this._precision = (options == null ? void 0 : options.precision) ?? 1;
-    this._resolution = (options == null ? void 0 : options.resolution) ?? new Vector2(1, 1);
-    this.resolution = this._resolution;
-    if (options == null ? void 0 : options.sceneBuffer) {
-      this.sceneBuffer = options.sceneBuffer;
-    }
-    this.camera = options == null ? void 0 : options.camera;
-  }
-  /**
-   * Precision of the outline. This is used to scale the resolution of the outline.
-   */
-  get precision() {
-    return this._precision;
-  }
-  set precision(value) {
-    var _a3;
-    this._precision = value;
-    this.resolution = this._resolution;
-    (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
+    this._resolution = new Vector2(1, 1);
   }
   /**
    * Resolution of the outline. This should match the resolution of screen.
@@ -54230,29 +54191,15 @@ class OutlineMaterial {
   set resolution(value) {
     var _a3;
     this.three.uniforms.screenSize.value.set(
-      value.x * this._precision,
-      value.y * this._precision,
-      1 / (value.x * this._precision),
-      1 / (value.y * this._precision)
+      value.x,
+      value.y,
+      1 / value.x,
+      1 / value.y
     );
     this._resolution = value;
     this.three.uniformsNeedUpdate = true;
     (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
   }
-  /**
-   * Camera used to render the outline.
-   */
-  get camera() {
-    return this._camera;
-  }
-  set camera(value) {
-    var _a3;
-    this._camera = value;
-    this.three.uniforms.cameraNear.value = (value == null ? void 0 : value.near) ?? 1;
-    this.three.uniforms.cameraFar.value = (value == null ? void 0 : value.far) ?? 1e3;
-    this.three.uniformsNeedUpdate = true;
-    (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
-  }
   /**
    * Thickness of the outline in pixels (of the outline render target).
    */
@@ -54265,18 +54212,6 @@ class OutlineMaterial {
     this.three.uniformsNeedUpdate = true;
     (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
   }
-  /**
-   * Color of the outline.
-   */
-  get color() {
-    return this.three.uniforms.outlineColor.value;
-  }
-  set color(value) {
-    var _a3;
-    this.three.uniforms.outlineColor.value.set(value);
-    this.three.uniformsNeedUpdate = true;
-    (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
-  }
   /**
    * Scene buffer used to render the outline.
    */
@@ -54289,18 +54224,6 @@ class OutlineMaterial {
     this.three.uniformsNeedUpdate = true;
     (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
   }
-  /**
-   * Depth buffer used to render the outline.
-   */
-  get depthBuffer() {
-    return this.three.uniforms.depthBuffer.value;
-  }
-  set depthBuffer(value) {
-    var _a3;
-    this.three.uniforms.depthBuffer.value = value;
-    this.three.uniformsNeedUpdate = true;
-    (_a3 = this._onUpdate) == null ? void 0 : _a3.call(this);
-  }
   /**
    * Dispose of the outline material.
    */
@@ -54314,17 +54237,8 @@ function createOutlineMaterial() {
     glslVersion: GLSL3,
     depthWrite: false,
     uniforms: {
-      // Input buffers
       sceneBuffer: { value: null },
-      depthBuffer: { value: null },
-      // Input parameters
-      cameraNear: { value: 1 },
-      cameraFar: { value: 1e3 },
-      screenSize: {
-        value: new Vector4(1, 1, 1, 1)
-      },
-      // Options
-      outlineColor: { value: new Color(16777215) },
+      screenSize: { value: new Vector4(1, 1, 1, 1) },
       thickness: { value: 2 }
     },
     vertexShader: `
@@ -54622,9 +54536,7 @@ function applyMaterial(mesh, value) {
   mesh.visible = true;
 }
 const _Materials = class _Materials {
-  constructor(opaque, transparent, modelOpaque, modelTransparent, ghost2, mask, outline, merge) {
-    __publicField(this, "_opaque");
-    __publicField(this, "_transparent");
+  constructor(modelOpaque, modelTransparent, ghost2, mask, outline, merge) {
     __publicField(this, "_modelOpaque");
     __publicField(this, "_modelTransparent");
     __publicField(this, "_ghost");
@@ -54633,20 +54545,15 @@ const _Materials = class _Materials {
     __publicField(this, "_outline");
     __publicField(this, "_merge");
     __publicField(this, "_clippingPlanes");
-    __publicField(this, "_sectionStrokeWidth", 0.01);
-    __publicField(this, "_sectionStrokeFalloff", 0.75);
-    __publicField(this, "_sectionStrokeColor", new Color(16185078));
     __publicField(this, "_onUpdate", new distExports$2.SignalDispatcher());
     // Shared color palette texture for all scene materials
     __publicField(this, "_colorPaletteTexture");
-    this._opaque = opaque ?? createOpaque();
-    this._transparent = transparent ?? createTransparent();
     const onUpdate = () => this._onUpdate.dispatch();
     this._modelOpaque = modelOpaque ?? createModelOpaque(onUpdate);
     this._modelTransparent = modelTransparent ?? createModelTransparent(onUpdate);
     this._ghost = ghost2 ?? new GhostMaterial(void 0, onUpdate);
     this._mask = mask ?? createMaskMaterial();
-    this._outline = outline ?? new OutlineMaterial(void 0, onUpdate);
+    this._outline = outline ?? new OutlineMaterial(onUpdate);
     this._merge = merge ?? new MergeMaterial(onUpdate);
   }
   static createInstance(instance) {
@@ -54692,12 +54599,8 @@ const _Materials = class _Materials {
    * Updates material settings based on the provided configuration.
    */
   applySettings(settings2) {
-    this.modelColor = settings2.standard.color;
     this._ghost.opacity = settings2.ghost.opacity;
     this._ghost.color = settings2.ghost.color;
-    this.sectionStrokeWidth = settings2.section.strokeWidth;
-    this.sectionStrokeFalloff = settings2.section.strokeFalloff;
-    this.sectionStrokeColor = settings2.section.strokeColor;
     this.outlineOpacity = settings2.outline.opacity;
     this.outlineColor = settings2.outline.color;
     this.outlineThickness = settings2.outline.thickness;
@@ -54706,15 +54609,6 @@ const _Materials = class _Materials {
   get onUpdate() {
     return this._onUpdate.asEvent();
   }
-  /** Base color tint applied to opaque and transparent model materials. */
-  get modelColor() {
-    return this._opaque.color;
-  }
-  set modelColor(color) {
-    this._opaque.color = color;
-    this._transparent.color = color;
-    this._onUpdate.dispatch();
-  }
   /** Opacity of the selection outline (0 = invisible, 1 = fully opaque). */
   get outlineOpacity() {
     return this._merge.opacity;
@@ -54744,45 +54638,10 @@ const _Materials = class _Materials {
     this._clippingPlanes = value;
     this._modelOpaque.clippingPlanes = value ?? null;
     this._modelTransparent.clippingPlanes = value ?? null;
-    this._opaque.clippingPlanes = value ?? null;
-    this._transparent.clippingPlanes = value ?? null;
     this._ghost.clippingPlanes = value ?? null;
     this._mask.clippingPlanes = value ?? null;
     this._onUpdate.dispatch();
   }
-  /** Width of the stroke rendered where the section box intersects the model. */
-  get sectionStrokeWidth() {
-    return this._sectionStrokeWidth;
-  }
-  set sectionStrokeWidth(value) {
-    if (this._sectionStrokeWidth === value) return;
-    this._sectionStrokeWidth = value;
-    this._opaque.sectionStrokeWidth = value;
-    this._transparent.sectionStrokeWidth = value;
-    this._onUpdate.dispatch();
-  }
-  /** Gradient falloff of the section box intersection stroke. */
-  get sectionStrokeFalloff() {
-    return this._sectionStrokeFalloff;
-  }
-  set sectionStrokeFalloff(value) {
-    if (this._sectionStrokeFalloff === value) return;
-    this._sectionStrokeFalloff = value;
-    this._opaque.sectionStrokeFalloff = value;
-    this._transparent.sectionStrokeFalloff = value;
-    this._onUpdate.dispatch();
-  }
-  /** Color of the section box intersection stroke. */
-  get sectionStrokeColor() {
-    return this._sectionStrokeColor;
-  }
-  set sectionStrokeColor(value) {
-    if (this._sectionStrokeColor === value) return;
-    this._sectionStrokeColor = value;
-    this._opaque.sectionStrokeColor = value;
-    this._transparent.sectionStrokeColor = value;
-    this._onUpdate.dispatch();
-  }
   /**
    * Creates the fixed quantized color palette texture if it doesn't exist.
    * The palette is deterministic (25³ = 15,625 quantized colors in 128×128 texture)
@@ -54792,6 +54651,8 @@ const _Materials = class _Materials {
     if (this._colorPaletteTexture) return;
     const textureData = buildPaletteTexture();
     this._colorPaletteTexture = new DataTexture(
+      // Cast: TS 5.7 narrows Uint8Array.buffer to ArrayBufferLike (includes SharedArrayBuffer),
+      // but Three.js expects BufferSource (ArrayBuffer only). Safe — Uint8Array always backs ArrayBuffer.
       textureData,
       128,
       128,
@@ -54801,8 +54662,6 @@ const _Materials = class _Materials {
     this._colorPaletteTexture.needsUpdate = true;
     this._colorPaletteTexture.minFilter = NearestFilter;
     this._colorPaletteTexture.magFilter = NearestFilter;
-    this._opaque.setColorPaletteTexture(this._colorPaletteTexture);
-    this._transparent.setColorPaletteTexture(this._colorPaletteTexture);
     this._modelOpaque.setColorPaletteTexture(this._colorPaletteTexture);
     this._modelTransparent.setColorPaletteTexture(this._colorPaletteTexture);
     this._onUpdate.dispatch();
@@ -54813,8 +54672,6 @@ const _Materials = class _Materials {
       this._colorPaletteTexture.dispose();
       this._colorPaletteTexture = void 0;
     }
-    this._opaque.dispose();
-    this._transparent.dispose();
     this._modelOpaque.dispose();
     this._modelTransparent.dispose();
     this._ghost.dispose();
@@ -55547,47 +55404,11 @@ function getDefaultViewerSettings() {
       }
     },
     background: { color: new Color(16777215) },
-    skybox: {
-      enable: true,
-      skyColor: new Color(16777215),
-      // white
-      groundColor: new Color(16185078),
-      // less white
-      sharpness: 2
-    },
-    skylight: {
-      skyColor: new Color(16777215),
-      groundColor: new Color(16777215),
-      intensity: 0.8
-    },
-    sunlights: [
-      {
-        followCamera: true,
-        position: new Vector3(1e3, 1e3, 1e3),
-        color: new Color(16777215),
-        intensity: 0.8
-      },
-      {
-        followCamera: true,
-        position: new Vector3(-1e3, -1e3, -1e3),
-        color: new Color(16777215),
-        intensity: 0.2
-      }
-    ],
     materials: {
-      useFastMaterials: false,
-      standard: {
-        color: new Color(13421772)
-      },
       ghost: {
         color: new Color(921102),
         opacity: 7 / 255
       },
-      section: {
-        strokeWidth: 0.01,
-        strokeFalloff: 0.75,
-        strokeColor: new Color(16185078)
-      },
       outline: {
         opacity: 0.85,
         color: new Color(65535),
@@ -55763,11 +55584,11 @@ let Viewport$1 = class Viewport {
     this._unregisterResize = () => window.removeEventListener("resize", onResize);
   }
 };
-function createInputHandler(viewer) {
+function createInputHandler(viewer, controls) {
   return new InputHandler(
     viewer.viewport.canvas,
     createAdapter$2(viewer),
-    viewer.settings.camera.controls
+    controls
   );
 }
 function createAdapter$2(viewer) {
@@ -56279,24 +56100,17 @@ class RenderPass extends Pass {
   }
 }
 class OutlinePass extends Pass {
-  constructor(camera2, material) {
+  constructor(material) {
     super();
     __publicField(this, "_fsQuad");
     __publicField(this, "material");
-    this.material = material ?? new OutlineMaterial();
-    this.material.camera = camera2;
+    this.material = material;
     this._fsQuad = new FullScreenQuad(this.material.three);
     this.needsSwap = true;
   }
   setSize(width, height) {
     this.material.resolution = new Vector2(width, height);
   }
-  get camera() {
-    return this.material.camera;
-  }
-  set camera(value) {
-    this.material.camera = value;
-  }
   dispose() {
     this._fsQuad.dispose();
     this.material.dispose();
@@ -56304,7 +56118,6 @@ class OutlinePass extends Pass {
   render(renderer, writeBuffer, readBuffer) {
     const depthBufferValue = writeBuffer.depthBuffer;
     writeBuffer.depthBuffer = false;
-    this.material.depthBuffer = readBuffer.depthTexture;
     this.material.sceneBuffer = readBuffer.texture;
     if (this.renderToScreen) {
       renderer.setRenderTarget(null);
@@ -56481,8 +56294,7 @@ class RenderingComposer {
       outlineHeight,
       {
         format: RedFormat,
-        type: UnsignedByteType,
-        depthTexture: new DepthTexture(outlineWidth, outlineHeight)
+        type: UnsignedByteType
       }
     );
     this._outlineTarget.texture.name = "selectionTarget";
@@ -56496,7 +56308,6 @@ class RenderingComposer {
     this._selectionRenderPass.clearAlpha = 0;
     this._composer.addPass(this._selectionRenderPass);
     this._outlinePass = new OutlinePass(
-      this._camera,
       this._materials.system.outline
     );
     this._composer.addPass(this._outlinePass);
@@ -56549,7 +56360,6 @@ class RenderingComposer {
   set camera(value) {
     this._renderPass.camera = value;
     this._selectionRenderPass.camera = value;
-    this._outlinePass.material.camera = value;
     this._camera = value;
   }
   /**
@@ -57593,16 +57403,12 @@ let LoadRequest$2 = class LoadRequest2 extends LoadRequest$3 {
   }
 };
 class WebglViewer {
-  constructor(settings2) {
+  constructor(options) {
     /**
      * The type of the viewer, indicating it is a WebGL viewer.
      * Useful for distinguishing between different viewer types in a multi-viewer application.
      */
     __publicField(this, "type", "webgl");
-    /**
-     * The settings configuration used by the viewer.
-     */
-    __publicField(this, "settings");
     __publicField(this, "_renderer");
     __publicField(this, "_viewport");
     /**
@@ -57622,22 +57428,22 @@ class WebglViewer {
     __publicField(this, "vimCollection", new VimCollection());
     __publicField(this, "_onVimLoaded", new distExports$2.SignalDispatcher());
     __publicField(this, "_updateId");
-    this.settings = createViewerSettings(settings2);
+    const settings2 = createViewerSettings(options);
     this._materials = Materials.getInstance();
     const scene = new RenderScene();
-    this._viewport = new Viewport$1(this.settings);
-    this._camera = new Camera$1(scene, this._viewport, this.settings);
+    this._viewport = new Viewport$1(settings2);
+    this._camera = new Camera$1(scene, this._viewport, settings2);
     this._renderer = new Renderer$1(
       scene,
       this._viewport,
       this._materials,
       this._camera,
-      this.settings
+      settings2
     );
     this.selection = createSelection$1();
-    this._inputs = createInputHandler(this);
-    this._gizmos = new Gizmos(this._renderer, this._viewport, this, this._camera);
-    this.materials.applySettings(this.settings.materials);
+    this._inputs = createInputHandler(this, settings2.camera.controls);
+    this._gizmos = new Gizmos(this._renderer, this._viewport, this, this._camera, settings2);
+    this.materials.applySettings(settings2.materials);
     const size = this._renderer.three.getSize(new Vector2());
     const gpuPicker = new GpuPicker(
       this._renderer.three,