@liquidcars/atlas 0.1.24 → 0.1.25

package/README.md

@@ -213,12 +213,15 @@ Una vez publicado, los consumidores podrán instalarlo con `npm install @liquidc
 Para probar el paquete sin publicarlo, basta con instalar el tarball generado:
 
 ```bash
-npm install ./liquidcars-atlas-0.1.24.tgz
+npm install ./liquidcars-atlas-0.1.25.tgz
 ```
 
 ## Estado
 
-`0.1.24` incorpora geometry packs independientes, namespaces, parámetros
+`0.1.25` mantiene el centro como anclaje implícito de toda relación y utiliza
+los puertos de geometrías externas únicamente cuando el modelo los solicita.
+También evita recorrer los materiales de geometrías compuestas en cada frame.
+`0.1.24` incorporó geometry packs independientes, namespaces, parámetros
 personalizados, paletas locales, anchors e imágenes/iconos declarativos. La
 versión `0.1.23` añadió desplazamiento lateral de cámara mediante ratón, teclado
 modificador y gestos táctiles, además de la API pública `panBy()` y `panTo()`.

package/demo/index.html

@@ -14,12 +14,12 @@
     liquidcars-atlas { display: block; width: 100%; max-width: 1480px; margin: 0 auto; }
     code { color: #85e5d3; }
   </style>
-  <script type="module" src="../dist/liquidcars-atlas.js?v=0.1.24"></script>
+  <script type="module" src="../dist/liquidcars-atlas.js?v=0.1.25"></script>
 </head>
 <body>
   <header>
     <h1>LiquidCars Atlas</h1>
-    <p>Prueba de distribución del componente <code>&lt;liquidcars-atlas&gt;</code> · v0.1.24</p>
+    <p>Prueba de distribución del componente <code>&lt;liquidcars-atlas&gt;</code> · v0.1.25</p>
   </header>
   <main>
     <liquidcars-atlas id="atlas" height="720" relation-mode="selected" shell-labels="on"></liquidcars-atlas>

package/dist/liquidcars-atlas.js

@@ -1,4 +1,4 @@
-/*! LiquidCars Atlas 0.1.24 | MIT */
+/*! LiquidCars Atlas 0.1.25 | MIT */
 
 // src/three.core.js
 /**
@@ -30305,8 +30305,12 @@ var LiquidCarsAtlas = class extends HTMLElement {
         try {
           const content = createGeometryContent(definition, entity, this.modelData.palette, () => this.invalidate());
           content.root.scale.multiply(new Vector3().fromArray(entity.s));
+          node.appearanceMaterials = [];
           content.root.traverse((object) => {
-            if (object.isMesh) object.userData.node = node;
+            if (!object.isMesh) return;
+            object.userData.node = node;
+            const materials = Array.isArray(object.material) ? object.material : [object.material];
+            node.appearanceMaterials.push(...materials.filter(Boolean));
           });
           node.mesh = content.root;
           node.colorBindings = content.colorBindings;
@@ -30370,7 +30374,10 @@ var LiquidCarsAtlas = class extends HTMLElement {
     const center = this._worldPosition(node);
     const mode = node.anchor || "center";
     const requestedAnchor = relation?.[isSource ? "fromAnchor" : "toAnchor"] || relation?.[isSource ? "from_anchor" : "to_anchor"];
-    if (mode === "port" || requestedAnchor || node.geometryDefinition?.anchors) {
+    // Geometry packs may advertise available ports, but their mere presence
+    // must not alter the model. The centre remains the default endpoint;
+    // ports are used only when the entity or relation explicitly requests one.
+    if (mode === "port" || requestedAnchor) {
       const ports = node.ports || {};
       const port = ports[requestedAnchor] || ports[isSource ? "output" : "input"] || ports.default;
       if (Array.isArray(port) && port.length >= 3) {
@@ -30631,12 +30638,12 @@ var LiquidCarsAtlas = class extends HTMLElement {
         node.material.depthWrite = !transparent;
         node.material.emissive?.set(node === this.selected ? node.material.color : 0);
         node.material.emissiveIntensity = node === this.selected ? 0.15 : 0;
-      } else {
-        node.mesh.traverse((object) => {
-          if (!object.isMesh || !object.material) return;
-          object.material.emissive?.set(node === this.selected ? object.material.color : 0);
-          object.material.emissiveIntensity = node === this.selected ? 0.15 : 0;
-        });
+      } else if (node._appearanceSelected !== (node === this.selected)) {
+        for (const material of node.appearanceMaterials || []) {
+          material.emissive?.set(node === this.selected ? material.color : 0);
+          material.emissiveIntensity = node === this.selected ? 0.15 : 0;
+        }
+        node._appearanceSelected = node === this.selected;
       }
       if (node.edge?.material) node.edge.material.opacity = node === this.selected ? 1 : 0.65;
       const opened = node.type === "shell" && this.open.has(node.id);

package/index.html

@@ -14,12 +14,12 @@
     liquidcars-atlas { display: block; width: 100%; max-width: 1480px; margin: 0 auto; }
     code { color: #85e5d3; }
   </style>
-  <script type="module" src="./dist/liquidcars-atlas.js?v=0.1.24"></script>
+  <script type="module" src="./dist/liquidcars-atlas.js?v=0.1.25"></script>
 </head>
 <body>
   <header>
     <h1>LiquidCars Atlas</h1>
-    <p>Prueba de distribución del componente <code>&lt;liquidcars-atlas&gt;</code> · v0.1.24</p>
+    <p>Prueba de distribución del componente <code>&lt;liquidcars-atlas&gt;</code> · v0.1.25</p>
   </header>
   <main>
     <liquidcars-atlas id="atlas" height="720" relation-mode="selected" shell-labels="on"></liquidcars-atlas>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liquidcars/atlas",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "description": "Reusable 3D conceptual atlas Web Component for LiquidCars-style models",
   "type": "module",
   "main": "./dist/liquidcars-atlas.js",