@liquidcars/atlas 0.1.41 → 0.1.42

package/README.md

@@ -169,6 +169,7 @@ componente aplica `break-inside: avoid` durante la impresión.
 - `theme` (opcional): configuración de `background`, `lighting`, `panel`, `toolbar`, `breadcrumbs`, `hint` y `ui`. `ui` permite mostrar u ocultar `panel`, `toolbar`, `breadcrumbs` y `hint`.
 - `render.camera` (opcional): vista inicial con `position`, `target` y `zoom`. Las coordenadas pertenecen al espacio del modelo; `zoom` conserva el encuadre relativo entre tamaños de visor.
 - `render.focus` (opcional): filtrado visual por selección. `mode` acepta `all` o `connected`, `effect` acepta `dim` o `hide`, y `layout` distingue posiciones estables (`preserve`) de una proyección recompilada (`reflow`).
+- `style.label.anchor` (opcional): posición predeterminada de las etiquetas de los elementos (`auto`, `top`, `bottom`, `left` o `right`). Si se omite, los elementos usan `bottom`; una entidad puede sobrescribirlo con su propio `style.label.anchor`. Los títulos de contenedores mantienen su colocación automática salvo override explícito.
 - `entities`: objetos con `id`, `name`, `p`, `s`, `c`, `type`, `text`, `url` y opcionalmente `parent`, `geometry`, `radius`, `segments`, `frontLabel`, `anchor` y `ports`. Un contenedor puede declarar `open: true` para comenzar abierto; el valor predeterminado es cerrado y se omite al serializar. Las URL HTTP(S) se abren en una pestaña nueva desde el panel de información.
 - `p` es la posición local respecto a `parent`; una entidad sin `parent` usa coordenadas de escena.
 - `s` son dimensiones absolutas locales `[x, y, z]`.

package/dist/liquidcars-atlas.js

@@ -11890,7 +11890,7 @@ var Qc = class {
 	}
 }, $c = {
 	name: "@liquidcars/atlas",
-	version: "0.1.41",
+	version: "0.1.42",
 	description: "Reusable 3D conceptual atlas Web Component for LiquidCars-style models",
 	type: "module",
 	scripts: {
@@ -12673,7 +12673,11 @@ function iu(e) {
 	let t = String(e || "auto").trim().toLowerCase();
 	return ru.includes(t) ? t : "auto";
 }
-function au(e, t, n, r, i = .025) {
+function au(e = {}, t = {}) {
+	let n = e.style?.label?.anchor ?? e.labelAnchor ?? e.label_anchor, r = xl(e.type) ? "auto" : t?.label?.anchor ?? "bottom";
+	return iu(n ?? r);
+}
+function ou(e, t, n, r, i = .025) {
 	let a = iu(e);
 	if (a === "auto") return null;
 	let o = Math.max(0, Number(t?.x) || 0), s = Math.max(0, Number(t?.y) || 0);
@@ -12701,7 +12705,7 @@ function au(e, t, n, r, i = .025) {
 		backRotation: Math.PI / 2
 	};
 }
-function ou(e, t, n, r = "", i = !0) {
+function su(e, t, n, r = "", i = !0) {
 	let a = document.createElement("canvas"), o = a.getContext("2d"), s = n.x * .88, c = Math.min(.82, n.y * .64);
 	a.width = Math.ceil(s * 320), a.height = Math.ceil(c * 320), o.imageSmoothingEnabled = !0, o.imageSmoothingQuality = "high", o.clearRect(0, 0, a.width, a.height);
 	let l = a.height * .62;
@@ -12746,7 +12750,7 @@ function ou(e, t, n, r = "", i = !0) {
 	]) e.renderOrder = 20, e.frustumCulled = !1, e.material.depthTest = !0, e.material.depthWrite = !1, e.material.transparent = !0;
 	return x.renderOrder = 20, x.frustumCulled = !1, x.userData.front = S, x.userData.back = C, x.userData.top = w, x.userData.height = c, x.userData.width = s, x.userData.textOffsetX = h, x.userData.textOffsetY = g, x.userData.nodeLabel = !0, x;
 }
-function su(e, t, n, r = globalThis.document) {
+function cu(e, t, n, r = globalThis.document) {
 	if (!e || !t || !n || !r?.createElement) return null;
 	try {
 		e.render(t, n);
@@ -12768,7 +12772,7 @@ function su(e, t, n, r = globalThis.document) {
 		return null;
 	}
 }
-var cu = class extends HTMLElement {
+var lu = class extends HTMLElement {
 	static version = $c;
 	static get observedAttributes() {
 		return [
@@ -12857,7 +12861,7 @@ var cu = class extends HTMLElement {
 		this.setPalette(e);
 	}
 	captureFrame() {
-		return su(this.renderer, this.scene, this.camera, this.ownerDocument);
+		return cu(this.renderer, this.scene, this.camera, this.ownerDocument);
 	}
 	prepareForPrint() {
 		if (this._printState) return this;
@@ -13586,7 +13590,7 @@ var cu = class extends HTMLElement {
 					1
 				] : e.s), t.group.add(t.edge);
 			}
-			t.label = ou(e.name, a, t.labelSize, e.type, this.showShellLabels), t.labelAnchor = iu(e.style?.label?.anchor ?? e.labelAnchor ?? e.label_anchor), t.label.userData.node = t, t.label.traverse((e) => {
+			t.label = su(e.name, a, t.labelSize, e.type, this.showShellLabels), t.labelAnchor = au(e, this.modelData.style), t.label.userData.node = t, t.label.traverse((e) => {
 				e.userData.node = t;
 			}), t.group.add(t.label), this.scene.add(t.group);
 		}
@@ -13780,7 +13784,7 @@ var cu = class extends HTMLElement {
 			e.edge?.material && (e.edge.material.opacity = (e === this.selected ? 1 : .65) * t);
 			let o = xl(e.type) && r, s = o, c = e.label.userData.front, l = e.label.userData.back, u = e.label.userData.top, d = e.label.userData.height, f = e.label.userData.width, p = e.label.userData.textOffsetX || 0;
 			e.label.userData.textOffsetY;
-			let m = e.labelSize || new U().fromArray(e.s), h = au(e.labelAnchor, m, f, d);
+			let m = e.labelSize || new U().fromArray(e.s), h = ou(e.labelAnchor, m, f, d);
 			e.label.visible = n;
 			let g = this._worldPosition(e), _ = this.itemFacing === "camera" && !xl(e.type) || this.camera.position.z >= g.z, v = this.camera.position.y > g.y + .25;
 			if (h) c.visible = _, l.visible = !_, u.visible = !1, c.scale.setScalar(1), l.scale.setScalar(1), c.position.set(h.x, h.y, m.z / 2 + .025), l.position.set(h.x, h.y, -m.z / 2 - .025), c.rotation.z = h.frontRotation, l.rotation.z = h.backRotation, c.material.color.set(15923964), l.material.color.set(15923964), c.material.opacity = t, l.material.opacity = t;
@@ -13955,8 +13959,8 @@ var cu = class extends HTMLElement {
 		n ? n.textContent = e : t.insertAdjacentHTML("beforeend", "<div class=\"error\" role=\"alert\">" + Rl(e) + "</div>");
 	}
 };
-customElements.get("liquidcars-atlas") || customElements.define("liquidcars-atlas", cu);
+customElements.get("liquidcars-atlas") || customElements.define("liquidcars-atlas", lu);
 //#endregion
-export { $c as ATLAS_VERSION, cu as LiquidCarsAtlas, su as captureRendererFrame, eu as createSvgExtrudeGeometry, vl as getGeometryCatalog, yl as getGeometryPackCatalog, au as labelPlacementForAnchor, iu as normalizeLabelAnchor, Bl as normalizeModel, gl as registerGeometryPack, _l as unregisterGeometryPack };
+export { $c as ATLAS_VERSION, lu as LiquidCarsAtlas, cu as captureRendererFrame, eu as createSvgExtrudeGeometry, vl as getGeometryCatalog, yl as getGeometryPackCatalog, ou as labelPlacementForAnchor, iu as normalizeLabelAnchor, Bl as normalizeModel, gl as registerGeometryPack, au as resolveEntityLabelAnchor, _l as unregisterGeometryPack };
 
 //# sourceMappingURL=liquidcars-atlas.js.map