@liquidcars/atlas 0.1.19 → 0.1.21

package/README.md

@@ -141,9 +141,9 @@ 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.19.tgz
+npm install ./liquidcars-atlas-0.1.21.tgz
 ```
 
 ## Estado
 
-`0.1.19` mantiene la corrección del desplazamiento interno del texto y ancla las etiquetas a las dimensiones reales de las geometrías redondeadas. Además fija un margen superior absoluto para las etiquetas secundarias de contenedores abiertos, situado dentro del frontal del contenedor y sin depender de sus dimensiones. También corrige los sólidos truncados, normaliza sus dimensiones finales, refuerza la visibilidad de la toolbar con el atributo `toolbar="on"`/`"off"` y `setToolbarVisible()`, desacopla la paleta por defecto de nombres de dominio, añade actualización programática de la paleta con `setPalette`, expone las acciones de navegación para controles externos y mantiene siempre visibles las ayudas de interacción dentro del viewport. Esta versión añade edición en caliente de entidades y relaciones, eventos compuestos de selección y los modos de relación `directed`, `bidirectional` y `broken`; las relaciones rotas se representan con tubo rojo y anillos oscilantes localmente.
+`0.1.21` mantiene la corrección del desplazamiento interno del texto y ancla las etiquetas a las dimensiones reales de las geometrías redondeadas. Además fija un margen superior absoluto para las etiquetas secundarias de contenedores abiertos, situado dentro del frontal del contenedor y sin depender de sus dimensiones. También corrige los sólidos truncados, normaliza sus dimensiones finales, refuerza la visibilidad de la toolbar con el atributo `toolbar="on"`/`"off"` y `setToolbarVisible()`, desacopla la paleta por defecto de nombres de dominio, añade actualización programática de la paleta con `setPalette`, expone las acciones de navegación para controles externos y mantiene siempre visibles las ayudas de interacción dentro del viewport. Esta versión añade edición en caliente de entidades y relaciones, eventos compuestos de selección y los modos de relación `directed`, `bidirectional` y `broken`; las relaciones rotas se representan con una única malla de tubo rojo y tres anillos oscilantes distribuidos a lo largo del recorrido.

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.19"></script>
+  <script type="module" src="../dist/liquidcars-atlas.js?v=0.1.21"></script>
 </head>
 <body>
   <header>
     <h1>LiquidCars Atlas</h1>
-    <p>Prueba de distribución del componente <code>&lt;liquidcars-atlas&gt;</code> · v0.1.19</p>
+    <p>Prueba de distribución del componente <code>&lt;liquidcars-atlas&gt;</code> · v0.1.21</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.19 | MIT */
+/*! LiquidCars Atlas 0.1.21 | MIT */
 
 // src/three.core.js
 /**
@@ -30122,18 +30122,20 @@ var LiquidCarsAtlas = class extends HTMLElement {
       if (visualMode === "broken") {
         const brokenColor = new Color(0xe45b63);
         const direction = delta.clone().normalize();
-        const midpoint = start.clone().lerp(end, 0.5);
         // A broken communication remains a continuous red tube.  Its rings
-        // oscillate locally around the interruption instead of travelling
-        // along the whole connection, conveying a failed/retrying signal.
-        makeTube(start, end, 0.88, brokenColor, 0.055);
+        // oscillate locally around their positions instead of travelling
+        // along the connection, conveying a failed/retrying signal.
+        const brokenTube = new Mesh(new TubeGeometry(new LineCurve3(start, end), 10, 0.055, 6, false), new MeshBasicMaterial({ color: brokenColor, transparent: true, opacity: 0.88 }));
+        brokenTube.userData.relationIndex = index;
+        this.relationGroup.add(brokenTube);
         const amplitude = Math.min(0.18, Math.max(0.07, delta.length() * 0.018));
         for (let ringIndex = 0; ringIndex < 3; ringIndex++) {
+          const position = start.clone().lerp(end, (ringIndex + 1) / 4);
           const ring = new Mesh(new TorusGeometry(0.085, 0.024, 8, 20), new MeshBasicMaterial({ color: brokenColor, transparent: true, opacity: 1 }));
           ring.userData.phase = ringIndex / 3;
           ring.userData.oscillate = true;
-          ring.userData.start = midpoint.clone().addScaledVector(direction, -amplitude);
-          ring.userData.end = midpoint.clone().addScaledVector(direction, amplitude);
+          ring.userData.start = position.clone().addScaledVector(direction, -amplitude);
+          ring.userData.end = position.clone().addScaledVector(direction, amplitude);
           ring.quaternion.setFromUnitVectors(new Vector3(0, 0, 1), direction);
           this.relationGroup.add(ring);
         }

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.19"></script>
+  <script type="module" src="./dist/liquidcars-atlas.js?v=0.1.21"></script>
 </head>
 <body>
   <header>
     <h1>LiquidCars Atlas</h1>
-    <p>Prueba de distribución del componente <code>&lt;liquidcars-atlas&gt;</code> · v0.1.19</p>
+    <p>Prueba de distribución del componente <code>&lt;liquidcars-atlas&gt;</code> · v0.1.21</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.19",
+  "version": "0.1.21",
   "description": "Reusable 3D conceptual atlas Web Component for LiquidCars-style models",
   "type": "module",
   "main": "./dist/liquidcars-atlas.js",