HUMANITZANT LES CURES

(function () { const MAP_SELECTOR = '#mapa-delegaciones'; // si puedes, pon este id al widget del mapa de cada tab function ready(fn){ if (document.readyState !== 'loading') fn(); else document.addEventListener('DOMContentLoaded', fn); } function slugify(str){ return (str || '') .toString() .normalize('NFD').replace(/[\u0300-\u036f]/g,'') .toLowerCase() .trim() .replace(/&/g,' y ') .replace(/[^a-z0-9]+/g,'-') .replace(/^-+|-+$/g,''); } // ====== TABS (Elementor Nested Tabs) ====== function getTabsRoot(){ return document.querySelector('.e-n-tabs'); // ajusta si tienes varias instancias } function getTabsMap(){ const tabs = getTabsRoot(); if (!tabs) return []; const entries = []; tabs.querySelectorAll('.e-n-tabs-heading .e-n-tab-title').forEach(btn => { const title = (btn.textContent || '').trim(); const panelId = btn.getAttribute('aria-controls'); const panel = panelId ? document.getElementById(panelId) : null; if (panel) entries.push({ title, btn, panel }); }); return entries; } function getActivePanel(){ const tabs = getTabsRoot(); if (!tabs) return null; return tabs.querySelector('.e-n-tabs-content > .e-active'); } function switchToTabByTitle(txt){ const t = (txt || '').trim().toLowerCase(); const entry = getTabsMap().find(e => (e.title || '').trim().toLowerCase() === t); if (entry) entry.btn.click(); return entry || null; } async function ensureTabByPanel(panel){ if (!panel) return; const active = getActivePanel(); if (active === panel) return; const entry = getTabsMap().find(e => e.panel === panel); if (entry) entry.btn.click(); // 2 RAF para asegurar DOM pintado await new Promise(r => requestAnimationFrame(() => requestAnimationFrame(r))); } // ====== MAPAS Y HOTSPOTS ====== function getMapInPanel(panel){ if (!panel) return null; if (MAP_SELECTOR) { const el = panel.querySelector(MAP_SELECTOR); if (el) return el; } const anyHotspot = panel.querySelector('.e-hotspot'); return anyHotspot ? anyHotspot.closest('.elementor-widget-container') : null; } function getMapContainer(){ const active = getActivePanel(); return getMapInPanel(active) || null; } function buildHotspotsIndex(mapEl){ const index = []; if (!mapEl) return index; mapEl.querySelectorAll('.e-hotspot').forEach(hs => { const bold = hs.querySelector('.e-hotspot__tooltip b'); const title = bold ? (bold.textContent || '').trim() : ''; const slug = slugify(title); index.push({ el: hs, title, slug }); }); return index; } function deactivateAll(map){ map.querySelectorAll('.e-hotspot.is-active-hotspot') .forEach(x => x.classList.remove('is-active-hotspot')); } function activateHotspot(hs, toggle = false){ const map = getMapContainer(); if(!map || !hs) return; if(toggle && hs.classList.contains('is-active-hotspot')){ hs.classList.remove('is-active-hotspot'); return; } deactivateAll(map); hs.classList.add('is-active-hotspot'); const btn = hs.querySelector('.e-hotspot__button') || hs; if (btn && typeof btn.focus === 'function') btn.focus({preventScroll:true}); } function findMatchInMap(mapEl, { title, permalink }){ if (!mapEl) return null; const idx = buildHotspotsIndex(mapEl); if(!idx.length) return null; const needleTitle = (title || '').trim(); const needleSlug = slugify(needleTitle); let match = idx.find(x => x.slug === needleSlug); if(!match){ const nt = needleTitle.toLowerCase(); match = idx.find(x => (x.title || '').trim().toLowerCase() === nt); } if(!match){ const nt = needleTitle.toLowerCase(); match = idx.find(x => x.title && x.title.toLowerCase().includes(nt)); } if(!match && permalink){ try{ const u = new URL(permalink, location.origin); const guess = u.pathname.split('/').filter(Boolean).pop() || ''; const guessSlug = slugify(guess); match = idx.find(x => x.slug.includes(guessSlug)); }catch(e){} } return match ? match.el : null; } // ====== LÓGICA PRINCIPAL ====== async function highlightHotspotByResult({ title, permalink }){ const tabs = getTabsMap(); if (!tabs.length) return; // 1) Busca en TODOS los tabs dónde está ese hotspot (Catalunya o Madrid) let found = null; for (const entry of tabs) { const mapEl = getMapInPanel(entry.panel); const matchEl = findMatchInMap(mapEl, { title, permalink }); if (matchEl) { found = { entry, matchEl }; break; } } if (!found) return; // 2) Cambia al tab correcto si hace falta await ensureTabByPanel(found.entry.panel); // 3) Recalcula en el tab activo (por si el DOM cambia) y activa const activeMap = getMapContainer(); const finalMatch = findMatchInMap(activeMap, { title, permalink }); if (finalMatch) activateHotspot(finalMatch); } function checkAndHighlightFromCards(){ const cards = document.querySelectorAll('.card-delegacion'); if (!cards.length) return; const last = cards[cards.length - 1]; const h3 = last.querySelector('h3 a, h3'); const t = h3 ? (h3.textContent || '').trim() : ''; const p = h3 && h3.tagName && h3.tagName.toLowerCase() === 'a' ? h3.href : ''; if (t) highlightHotspotByResult({ title: t, permalink: p }); } ready(function(){ // API global por si llamas desde el buscador window.highlightHotspotByResult = highlightHotspotByResult; // Observa tarjetas del buscador -> cada resultado decide el tab correcto const observer = new MutationObserver(() => { checkAndHighlightFromCards(); }); observer.observe(document.body, { childList: true, subtree: true }); checkAndHighlightFromCards(); // Toggle manual en hotspots (tab activo) const activeMap = getMapContainer(); if(activeMap){ activeMap.addEventListener('click', function(e){ const hs = e.target.closest('.e-hotspot'); if(hs && activeMap.contains(hs)){ activateHotspot(hs, true); } }); } }); })();