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

package/dist/vim-web.js

@@ -53761,7 +53761,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 +53788,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 +54193,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 +54210,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 +54231,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 +54243,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 +54256,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: `
@@ -54646,7 +54579,7 @@ const _Materials = class _Materials {
     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) {
@@ -55547,33 +55480,6 @@ 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: {
@@ -55763,11 +55669,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 +56185,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 +56203,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 +56379,7 @@ class RenderingComposer {
       outlineHeight,
       {
         format: RedFormat,
-        type: UnsignedByteType,
-        depthTexture: new DepthTexture(outlineWidth, outlineHeight)
+        type: UnsignedByteType
       }
     );
     this._outlineTarget.texture.name = "selectionTarget";
@@ -56496,7 +56393,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 +56445,6 @@ class RenderingComposer {
   set camera(value) {
     this._renderPass.camera = value;
     this._selectionRenderPass.camera = value;
-    this._outlinePass.material.camera = value;
     this._camera = value;
   }
   /**
@@ -57593,16 +57488,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 +57513,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,