`).join(""); popList.querySelectorAll("[data-fail]").forEach(b => { b.addEventListener("click", () => { window.open(waUrl(k.wa, b.dataset.fail), "_blank"); }); }); popCtaLb.textContent = k.action ? "Ver precios y reservar" : "Consultar por WhatsApp"; popCta.onclick = () => { if(k.action && k.action.kind === "repair" && window.MS_APP && window.MS_APP.openWiz){ window.MS_APP.openWiz(k.action.id); closePopover(); } else { window.open(waUrl(k.wa, null), "_blank"); } }; pop.hidden = false; stage.classList.add("is-popping"); // Highlight the matching dot (the one whose kind == kindKey) currentDots().forEach(d => { d.classList.toggle("is-active", d.dataset.kind === kindKey && !d.classList.contains("is-deleted")); }); } function closePopover(){ if(!pop || pop.hidden) return; pop.hidden = true; stage && stage.classList.remove("is-popping"); currentDots().forEach(d => d.classList.remove("is-active")); activeKind = null; } if(popClose) popClose.addEventListener("click", closePopover); // Cerrar al hacer click fuera del popover / dot document.addEventListener("click", e => { if(pop.hidden) return; if(e.target.closest("#diag-pop")) return; if(e.target.closest(".diag-hot")) return; if(e.target.closest(".diag-spot-card")) return; closePopover(); }); // Cerrar con Escape document.addEventListener("keydown", e => { if(e.key === "Escape" && !pop.hidden) closePopover(); }); // Ahora sí, primera render (después de que `pop` está inicializado). applyDotsForCurrentModel(); // ── Edit mode ───────────────────────────────────────────── let editing = false; function setEditing(on){ editing = on; stage.classList.toggle("is-editing", on); editToggle.classList.toggle("is-active", on); editToggle.querySelector("span").textContent = on ? "Listo" : "Editar puntos"; if(on) closePopover(); } editToggle.addEventListener("click", () => setEditing(!editing)); editReset.addEventListener("click", () => { resetDotsForModel(currentModelId()); applyDotsForCurrentModel(); }); editAdd.addEventListener("click", () => { const positions = readCurrentPositions(); const fam = FAMILY[familyOf(currentModelId())]; if(positions.length >= fam.length) return; // no se pueden agregar más que los de la familia positions.push({ top: 50, left: 50 }); setDotsForModel(currentModelId(), positions); renderDotsFromPositions(positions); }); // Drag + delete handling — pointer events for mouse + touch let dragging = null; function pctFromEvent(e){ const rect = stage.getBoundingClientRect(); const x = (e.clientX - rect.left) / rect.width * 100; const y = (e.clientY - rect.top) / rect.height * 100; return { left: Math.max(0, Math.min(100, x)), top: Math.max(0, Math.min(100, y)) }; } function wireDot(dot, i){ const del = dot.querySelector(".diag-hot-del"); if(del){ del.addEventListener("pointerdown", e => e.stopPropagation()); del.addEventListener("click", e => { if(!editing) return; e.stopPropagation(); e.preventDefault(); const idx = parseInt(dot.dataset.i, 10); const positions = readCurrentPositions(); positions[idx] = null; setDotsForModel(currentModelId(), positions); renderDotsFromPositions(positions); }); } // Click normal (sin edit) → abrir popover de fallas dot.addEventListener("click", e => { if(editing) return; if(dot.classList.contains("is-deleted")) return; if(e.target.closest(".diag-hot-del")) return; e.stopPropagation(); openPopover(dot.dataset.kind, dot); }); // Acceso con teclado dot.addEventListener("keydown", e => { if(editing) return; if(e.key === "Enter" || e.key === " "){ e.preventDefault(); if(!dot.classList.contains("is-deleted")) openPopover(dot.dataset.kind, dot); } }); dot.addEventListener("pointerdown", e => { if(!editing) return; if(e.target.closest(".diag-hot-del")) return; if(dot.classList.contains("is-deleted")){ dot.classList.remove("is-deleted"); } e.preventDefault(); dragging = { dot, i: parseInt(dot.dataset.i, 10) }; dot.setPointerCapture(e.pointerId); dot.classList.add("is-dragging"); }); dot.addEventListener("pointermove", e => { if(!dragging || dragging.dot !== dot) return; const p = pctFromEvent(e); dot.style.top = p.top + "%"; dot.style.left = p.left + "%"; }); function release(){ if(!dragging || dragging.dot !== dot) return; setDotsForModel(currentModelId(), readCurrentPositions()); dot.classList.remove("is-dragging"); dragging = null; } dot.addEventListener("pointerup", release); dot.addEventListener("pointercancel", release); } })();

¿Qué le pasa a tu equipo?