@liquidcars/atlas 0.1.11 → 0.1.13

package/README.md

@@ -17,7 +17,7 @@ Después abre <http://localhost:4173/> (o <http://localhost:4173/demo/>). La dem
 ```html
 <script type="module" src="./dist/liquidcars-atlas.js"></script>
 
-<liquidcars-atlas height="720" relation-mode="selected" shell-labels="on">
+<liquidcars-atlas height="720" relation-mode="selected" shell-labels="on" toolbar="on">
   <script type="application/json">
   {
     "palette": {
@@ -51,6 +51,7 @@ const atlas = document.querySelector('liquidcars-atlas');
 atlas.model = model;
 atlas.select('distribution-agreement');
 atlas.setRelationMode('all'); // 'all' | 'selected' | 'none'
+atlas.setToolbarVisible(true); // también se puede usar toolbar="on" | "off"
 atlas.setTheme({
   background: { color: '#07121e', glow: '#20394b' },
   lighting: { ambient: 1.8, directional: 3.0 },
@@ -82,7 +83,7 @@ La paleta puede cambiarse después de cargar el modelo mediante `atlas.setPalett
 
 ## Distribución
 
-El archivo `dist/liquidcars-atlas.js` es un módulo ESM autocontenido: Three.js se incluye dentro del bundle, por lo que el consumidor no necesita instalar otra dependencia para probarlo. Para una distribución privada se puede servir ese archivo desde un CDN propio o desde el mismo sitio. Para publicar en npm, después de revisar el API estable:
+El archivo `dist/liquidcars-atlas.js` es un módulo ESM autocontenido: Three.js se incluye dentro del bundle, por lo que el consumidor no necesita instalar otra dependencia para probarlo. El bundle no contiene ningún modelo de negocio ni datos de LiquidCars Atlas; los modelos se suministran aparte mediante `model`, `src` o un `<script type="application/json">`. Para una distribución privada se puede servir ese archivo desde un CDN propio o desde el mismo sitio. Para publicar en npm, después de revisar el API estable:
 
 ```bash
 npm publish --access public
@@ -93,9 +94,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.10.tgz
+npm install ./liquidcars-atlas-0.1.13.tgz
 ```
 
 ## Estado
 
-`0.1.11` 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. Esta versión corrige los sólidos truncados, normaliza sus dimensiones finales, refuerza la visibilidad de la toolbar y añade actualización programática de la paleta con `setPalette`.
+`0.1.13` 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 y añade actualización programática de la paleta con `setPalette`.

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.10"></script>
+  <script type="module" src="../dist/liquidcars-atlas.js?v=0.1.13"></script>
 </head>
 <body>
   <header>
     <h1>LiquidCars Atlas</h1>
-    <p>Prueba de distribución del componente <code>&lt;liquidcars-atlas&gt;</code> · v0.1.10</p>
+    <p>Prueba de distribución del componente <code>&lt;liquidcars-atlas&gt;</code> · v0.1.13</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.11 | MIT */
+/*! LiquidCars Atlas 0.1.13 | MIT */
 
 // src/three.core.js
 var REVISION = "180";
@@ -28993,15 +28993,7 @@ var WebGLRenderer = class {
 
 // src/liquidcars-atlas.js
 var DEFAULT_PALETTE = {
-  offers: "#48c8b0",
-  ole: "#a995f1",
-  agreements: "#edb36f",
-  channels: "#60b5e6",
-  buyer: "#9cc95e",
-  dealer: "#48c8b0",
-  serviceProvider: "#ed8f98",
   component: "#8ae4d0",
-  channelOffer: "#d2c4ff",
   connection: "#f4edba"
 };
 var DEFAULT_THEME = {
@@ -29231,7 +29223,7 @@ function makeLabel(text, color, dimensions, type = "") {
 }
 var LiquidCarsAtlas = class extends HTMLElement {
   static get observedAttributes() {
-    return ["height", "relation-mode", "shell-labels"];
+    return ["height", "relation-mode", "shell-labels", "toolbar"];
   }
   constructor() {
     super();
@@ -29286,6 +29278,7 @@ var LiquidCarsAtlas = class extends HTMLElement {
       this.showShellLabels = value !== "false";
       this.invalidate();
     }
+    if (name === "toolbar" && this.ready) this._applyTheme();
   }
   get model() {
     return this.modelData;
@@ -29311,6 +29304,14 @@ var LiquidCarsAtlas = class extends HTMLElement {
     this.invalidate();
     return this;
   }
+  get toolbarVisible() {
+    const value = this.getAttribute("toolbar");
+    return value === "off" ? false : value === "on" ? true : this.theme.ui.toolbar !== false;
+  }
+  setToolbarVisible(value) {
+    this.setAttribute("toolbar", value ? "on" : "off");
+    return this;
+  }
   get styles() {
     return this.theme;
   }
@@ -29356,12 +29357,13 @@ var LiquidCarsAtlas = class extends HTMLElement {
     const panel = this.shadowRoot.querySelector(".panel");
     const hint = this.shadowRoot.querySelector(".hint");
     if (atlas) atlas.dataset.panel = theme.ui.panel === false ? "hidden" : "visible";
-    const toolbarVisible = theme.ui.toolbar !== false;
+    const toolbarVisible = this.toolbarVisible;
     const panelVisible = theme.ui.panel !== false;
     const hintVisible = theme.ui.hint !== false;
     if (toolbar) {
       toolbar.dataset.hidden = String(!toolbarVisible);
       toolbar.hidden = !toolbarVisible;
+      toolbar.style.display = toolbarVisible ? "flex" : "none";
     }
     if (panel) {
       panel.dataset.hidden = String(!panelVisible);

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