@liquidcars/atlas 0.2.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liquidcars/atlas",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Reusable 3D conceptual atlas Web Component for LiquidCars-style models",
   "type": "module",
   "scripts": {

package/src/diagram-webgl.js

@@ -28,7 +28,7 @@ export function installPlanarAtlas(Atlas,OrthographicCamera,computeLayout,G){
    .diagram-appearance{padding:6px 9px;display:grid;gap:8px;color:#dbe7ec;font-size:12px}.diagram-appearance label{display:flex;gap:8px;align-items:center}`;
   this.shadowRoot.append(style);
   const diagram=this.diagramView,setState=diagram.setState.bind(diagram),action=diagram.action.bind(diagram);
-  diagram.setState=(value={})=>setState(diagramViewForModel(value,this._canonicalDiagramCenter(),value.orbitId?this._diagramOrbitTarget(value.orbitId):null));
+  diagram.setState=(value={})=>setState(diagramViewForModel(value,this._canonicalDiagramCenter(),value?.orbitId?this._diagramOrbitTarget(value.orbitId):null));
   diagram.refresh=()=>{if(!this._webglPlanar)return false;this._scheduleDiagram();return true;};
   diagram.scheduleRefresh=()=>{if(this._webglPlanar)this._scheduleDiagram();};
   diagram.focusSelection=()=>this.focusSelection();
@@ -137,6 +137,7 @@ export function installPlanarAtlas(Atlas,OrthographicCamera,computeLayout,G){
  };
  proto.getCameraView=function(){return this._webglPlanar?{position:[this.focus.x,this.focus.y,1000],target:[this.focus.x,this.focus.y,0],zoom:this.zoom,projection:'orthographic'}:original.getCameraView.call(this);};
  proto.setCameraView=function(view={},options={}){
+  if(!view||typeof view!=='object')return this;
   if(!this._webglPlanar)return original.setCameraView.call(this,view,options);
   this._diagramFitted=false;
   if(view.target?.length===3&&view.target.every(Number.isFinite))this.targetFocus.set(view.target[0],view.target[1],0);if(Number.isFinite(view.zoom)&&view.zoom>0)this.targetZoom=Math.max(.001,Math.min(6,view.zoom));
@@ -159,7 +160,7 @@ export function installPlanarAtlas(Atlas,OrthographicCamera,computeLayout,G){
  proto._positionJumpButton=function(){if(!this._webglPlanar)return original._positionJumpButton.call(this);const mode=this.viewMode;this.viewMode='3d';try{return original._positionJumpButton.call(this);}finally{this.viewMode=mode;}};
  proto.getDiagramView=function(){const state=this.diagramView.captureState();return {...state,cameraModelCenter:this._canonicalDiagramCenter(),viewport:this._webglPlanar?{...this.getCameraView(),fitted:this._diagramFitted}:state.viewport};};
  proto.captureDiagramView=function(){return this.getDiagramView();};
- proto.setDiagramView=function(state={}){this.diagramView.setState(state);if(this._webglPlanar&&state.viewport?.projection==='orthographic'){this._diagramFitted=false;this.setCameraView(state.viewport,{animate:false});this._diagramFitted=state.viewport.fitted===true;}return this;};
+ proto.setDiagramView=function(state={}){state??={};this.diagramView.setState(state);if(this._webglPlanar&&state.viewport?.projection==='orthographic'){this._diagramFitted=false;this.setCameraView(state.viewport,{animate:false});this._diagramFitted=state.viewport.fitted===true;}return this;};
  proto._renderFrame=function(time){const start=performance.now(),result=original._renderFrame.call(this,time);if(this._webglPlanar){this.dataset.frameMs=(performance.now()-start).toFixed(2);this.dataset.frames=String((Number(this.dataset.frames)||0)+1);this.dataset.drawCalls=String(this.renderer?.info.render.calls||0);}return result;};
  proto.captureFrame=function(options={}){return original.captureFrame.call(this,this._webglPlanar&&options.background==='theme'?{...options,background:this.diagramView.config.background||(this.diagramView.config.theme==='dark'?'#2d2f31':'#f5f5f5')}:options);};
  proto.exportDiagramSvg=function(options={}){this.dataset.svgExports=String((Number(this.dataset.svgExports)||0)+1);if(this._webglPlanar)return this._withCanonicalDiagram(()=>original.exportDiagramSvg.call(this,{...this._diagramOptions(),...options}));return original.exportDiagramSvg.call(this,options);};

package/src/liquidcars-atlas.js

@@ -2895,6 +2895,7 @@ class LiquidCarsAtlas extends HTMLElement {
   }
 
   setCameraView(view = {}, options = {}) {
+    if (!view || typeof view !== "object") return this;
     const position = Array.isArray(view.position) && view.position.length === 3 && view.position.every(Number.isFinite)
       ? new THREE.Vector3().fromArray(view.position)
       : null;