@liquidcars/atlas 0.2.0 → 0.2.1

package/README.md

@@ -548,3 +548,5 @@ presentation as well as its history.
 Interactive 2D now draws the independently calculated diagram using an orthographic WebGL camera. The orientation cube, pseudo-camera, focus, item/relationship filters and layout spacing remain available. Pan and zoom do not recalculate layout. Containers are packed bottom-up with their complete subtrees: unrelated bounds remain separate and descendants stay within their parents. Light/dark backgrounds, a dotted grid, flat geometry and cached captions preserve the diagram style.
 
 `computeDiagramLayout(atlas, options)` returns layout data without generating SVG. `renderDiagramSvg` / `exportDiagramSvg` remain explicit vector exports using the same layout and reusable geometry symbols. Canonical model positions remain unchanged. Interactive diagrams require WebGL; hosts should offer a list/tree alternative if it is unavailable. Detached geometry building and vector export remain available without a GPU. Camera and diagram state are distinct and retain their existing APIs.
+
+0.2.1 also tolerates empty camera/diagram snapshots when restoring navigation after replacing a model; a missing camera leaves the current framing intact.

package/dist/liquidcars-atlas.js

@@ -17170,7 +17170,7 @@ var Oh = class {
 	}
 }, kh = {
 	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: {
@@ -18787,7 +18787,7 @@ function _g(e, t, n, r) {
 		let e = this.ownerDocument.createElement("style");
 		e.textContent = ":host([data-planar=\"true\"]) .viewport>canvas{visibility:visible!important;pointer-events:auto!important}\n   :host([data-planar=\"true\"]) .diagram-view{display:none!important}\n   :host([data-planar=\"true\"]) [data-toolbar-group=\"camera\"]{display:none!important}\n   :host([data-planar=\"true\"]) [data-toolbar-group=\"copy\"]{display:flex!important}\n   .diagram-toolbar .toolbar-popover{max-height:min(420px,calc(100dvh - 160px),var(--lc-menu-height,420px));overflow-y:auto}\n   .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(e);
 		let t = this.diagramView, n = t.setState.bind(t), r = t.action.bind(t);
-		t.setState = (e = {}) => n(gg(e, this._canonicalDiagramCenter(), e.orbitId ? this._diagramOrbitTarget(e.orbitId) : null)), t.refresh = () => this._webglPlanar ? (this._scheduleDiagram(), !0) : !1, t.scheduleRefresh = () => {
+		t.setState = (e = {}) => n(gg(e, this._canonicalDiagramCenter(), e?.orbitId ? this._diagramOrbitTarget(e.orbitId) : null)), t.refresh = () => this._webglPlanar ? (this._scheduleDiagram(), !0) : !1, t.scheduleRefresh = () => {
 			this._webglPlanar && this._scheduleDiagram();
 		}, t.focusSelection = () => this.focusSelection(), t.action = (e, t) => e === "diagram-plus" ? (this.zoomIn(), !0) : e === "diagram-minus" ? (this.zoomOut(), !0) : e === "diagram-fit" ? (this.fit(), !0) : r(e, t), this.toolbar.querySelector("[data-toolbar-menu=\"diagram-options\"] .toolbar-popover")?.insertAdjacentHTML("beforeend", "<div class=\"diagram-appearance\"><label><input type=\"checkbox\" data-diagram-light checked>Fondo claro</label><label><input type=\"checkbox\" data-diagram-grid checked>Cuadrícula de puntos</label></div>"), this.toolbar.addEventListener("change", (e) => {
 			e.target.matches("[data-diagram-light]") && t.setConfig({ theme: e.target.checked ? "light" : "dark" }), e.target.matches("[data-diagram-grid]") && t.setConfig({ grid: e.target.checked });
@@ -18939,7 +18939,7 @@ function _g(e, t, n, r) {
 			projection: "orthographic"
 		} : a.getCameraView.call(this);
 	}, i.setCameraView = function(e = {}, t = {}) {
-		return this._webglPlanar ? (this._diagramFitted = !1, e.target?.length === 3 && e.target.every(Number.isFinite) && this.targetFocus.set(e.target[0], e.target[1], 0), Number.isFinite(e.zoom) && e.zoom > 0 && (this.targetZoom = Math.max(.001, Math.min(6, e.zoom))), t.animate === !1 && (this.focus.copy(this.targetFocus), this.zoom = this.targetZoom), this.invalidate(), this) : a.setCameraView.call(this, e, t);
+		return !e || typeof e != "object" ? this : this._webglPlanar ? (this._diagramFitted = !1, e.target?.length === 3 && e.target.every(Number.isFinite) && this.targetFocus.set(e.target[0], e.target[1], 0), Number.isFinite(e.zoom) && e.zoom > 0 && (this.targetZoom = Math.max(.001, Math.min(6, e.zoom))), t.animate === !1 && (this.focus.copy(this.targetFocus), this.zoom = this.targetZoom), this.invalidate(), this) : a.setCameraView.call(this, e, t);
 	}, i._panByPixels = function(e, t) {
 		if (!this._webglPlanar) return a._panByPixels.call(this, e, t);
 		this._diagramFitted = !1;
@@ -18998,7 +18998,7 @@ function _g(e, t, n, r) {
 	}, i.captureDiagramView = function() {
 		return this.getDiagramView();
 	}, i.setDiagramView = function(e = {}) {
-		return this.diagramView.setState(e), this._webglPlanar && e.viewport?.projection === "orthographic" && (this._diagramFitted = !1, this.setCameraView(e.viewport, { animate: !1 }), this._diagramFitted = e.viewport.fitted === !0), this;
+		return e ??= {}, this.diagramView.setState(e), this._webglPlanar && e.viewport?.projection === "orthographic" && (this._diagramFitted = !1, this.setCameraView(e.viewport, { animate: !1 }), this._diagramFitted = e.viewport.fitted === !0), this;
 	}, i._renderFrame = function(e) {
 		let t = performance.now(), n = a._renderFrame.call(this, e);
 		return this._webglPlanar && (this.dataset.frameMs = (performance.now() - t).toFixed(2), this.dataset.frames = String((Number(this.dataset.frames) || 0) + 1), this.dataset.drawCalls = String(this.renderer?.info.render.calls || 0)), n;
@@ -21292,6 +21292,7 @@ var gv = class extends HTMLElement {
 		};
 	}
 	setCameraView(e = {}, t = {}) {
+		if (!e || typeof e != "object") return this;
 		let n = Array.isArray(e.position) && e.position.length === 3 && e.position.every(Number.isFinite) ? new W().fromArray(e.position) : null, r = Array.isArray(e.target) && e.target.length === 3 && e.target.every(Number.isFinite) ? new W().fromArray(e.target) : new W();
 		if (!n) return this;
 		let i = n.clone().sub(r), a = i.length();