(function(){ if (typeof window === 'undefined') return; if (window.__v114811TimelineCenteredPopupInstalled) return; window.__v114811TimelineCenteredPopupInstalled = true; var ITEM_SELECTOR = '.v114350ChronologyHost .v114350RailEvent, ' + '.v114350ChronologyHost .v114453RailCluster'; var TOOLTIP_SELECTOR = '.v114354Tooltip, .v114453ClusterTooltip'; var host = null; var panel = null; var activeItem = null; /* V11.4.835 R2 - MOBILE RANGE 320-700 Stessa logica popup V811, estesa ai telefoni 320-410. */ /* V11.4.998 FIX2 LANDSCAPE CENTER POPUP RANGE Mantiene il popup centrale gia approvato sul mobile portrait e lo abilita anche nelle tre fasce landscape richieste. */ function inRange(){ var w = window.innerWidth; var h = window.innerHeight; var existingMobile = w >= 320 && w <= 700; /* FIX89 R3: stesso popup centrale già approvato sui telefoni. */ var portrait701900 = window.matchMedia('(orientation: portrait)').matches && w >= 701 && w <= 900; var landscape701 = window.matchMedia('(orientation: landscape)').matches && w >= 701 && w <= 819 && h <= 410; var landscape370 = w >= 820 && w <= 900 && h >= 370 && h <= 410; var landscape411 = w >= 830 && w <= 1180 && h >= 411 && h <= 700; var tablet1024 = window.matchMedia('(orientation: landscape)').matches && w >= 1000 && w <= 1050 && h >= 701 && h <= 800; return ( existingMobile || portrait701900 || landscape701 || landscape370 || landscape411 || tablet1024 ); } function ensureHost(){ if (host && panel) return; host = document.createElement('div'); host.id = 'v114811TimelineCenterHost'; host.hidden = true; panel = document.createElement('div'); panel.id = 'v114811TimelineCenterPanel'; panel.setAttribute('role','dialog'); panel.setAttribute('aria-modal','false'); panel.setAttribute('aria-label','Dettaglio evento partita'); host.appendChild(panel); document.body.appendChild(host); } function clearLegacyPins(){ document.querySelectorAll(ITEM_SELECTOR).forEach(function(item){ item.removeAttribute('data-v114810-pinned'); item.removeAttribute('data-v114811-pinned'); item.classList.remove('v114804PinnedTooltip'); item.classList.remove('v114807PinnedTooltip'); }); } function cleanClone(node){ if (!node || !node.querySelectorAll) return; if (node.removeAttribute) { node.removeAttribute('id'); node.removeAttribute('style'); node.removeAttribute('aria-hidden'); } node.querySelectorAll('[id]').forEach(function(el){ el.removeAttribute('id'); }); node.querySelectorAll('[style]').forEach(function(el){ el.removeAttribute('style'); }); node.querySelectorAll('[aria-hidden]').forEach(function(el){ el.removeAttribute('aria-hidden'); }); } /* V11.4.819 - TIMELINE POPUP CORRECT SCOPE Queste funzioni appartengono al popup centrale V811 e devono vivere dentro QUESTO IIFE, non nello script V810. */ function normalizeTeamText(value){ var text = String(value || ''); if (window.matchMedia('(orientation: portrait) and (min-width:701px) and (max-width:900px)').matches) { return text.replace(/\s+/g, ' ').trim().toLowerCase(); } return text.replace(/s+/g, ' ').trim().toLowerCase(); } function getNodeText(node){ var value = String(node && node.textContent ? node.textContent : ''); // FIX97: nel template inline s deve essere escapato; altrimenti /s+/g elimina le s. // Solo fascia 701–900 portrait: tutte le altre fasce conservano la logica precedente. if (window.matchMedia('(orientation: portrait) and (min-width:701px) and (max-width:900px)').matches) { return value.replace(/\s+/g, ' ').trim(); } return value.replace(/s+/g, ' ').trim(); } function cloneGlyph(node){ if (!node) return null; var clone = node.cloneNode(true); if (clone.removeAttribute) { clone.removeAttribute('style'); clone.removeAttribute('id'); } if (clone.querySelectorAll) { clone.querySelectorAll('[style]').forEach(function(el){ el.removeAttribute('style'); }); clone.querySelectorAll('[id]').forEach(function(el){ el.removeAttribute('id'); }); } return clone; } function findTeamLogoNode(teamName){ var norm = normalizeTeamText(teamName); if (!norm) return null; var root = document.querySelector('main.v27MatchRoot') || document.body; /* * V11.4.820 R2 - SOLO IMG REALI PER STEMMA * Mai usare SVG: la stella preferiti è un SVG e veniva scelta per errore. */ var labeled = Array.from(root.querySelectorAll('img[alt], img[title]')); for (var i = 0; i < labeled.length; i += 1) { var img = labeled[i]; var alt = normalizeTeamText(img.getAttribute('alt') || ''); var title = normalizeTeamText(img.getAttribute('title') || ''); if ( (alt && (alt === norm || alt.indexOf(norm) !== -1)) || (title && (title === norm || title.indexOf(norm) !== -1)) ) { return img; } } /* * Fallback: cerca il nome squadra ma accetta SOLO . * Quindi una stella/icona SVG non può mai diventare lo stemma. */ var textCandidates = Array.from( root.querySelectorAll('span,b,strong,em,p,h1,h2,h3,h4,div') ); for (var j = 0; j < textCandidates.length; j += 1) { var el = textCandidates[j]; var text = normalizeTeamText(el.textContent || ''); if (text !== norm) continue; var scope = el; for (var depth = 0; depth < 6 && scope; depth += 1) { var logos = scope.querySelectorAll ? Array.from(scope.querySelectorAll('img')) : []; for (var k = 0; k < logos.length; k += 1) { var candidate = logos[k]; if ( candidate.naturalWidth && candidate.naturalHeight && candidate.naturalWidth < 12 && candidate.naturalHeight < 12 ) { continue; } return candidate; } scope = scope.parentElement; } } return null; } /* V11.4.823 - EVENT TYPE DETECTOR Unifica titolo e icona sullo stesso rilevatore. Così "Espulsione" non può più mostrare il pallino generico e i testi non dipendono da stringhe parziali/spezzate. */ function detectTimelineEventType(rawTitle, desc){ var raw = normalizeTeamText(rawTitle); var detail = normalizeTeamText(desc); if ( detail.indexOf('cambio:') === 0 || raw.indexOf('sostit') !== -1 || raw.indexOf('stituzione') !== -1 ) { return 'substitution'; } if ( detail.indexOf('cartellino rosso:') === 0 || detail.indexOf('rosso:') !== -1 || raw.indexOf('espuls') !== -1 || raw.indexOf('pulsione') !== -1 ) { return 'red-card'; } if ( detail.indexOf('cartellino giallo:') === 0 || detail.indexOf('giallo:') !== -1 || raw.indexOf('ammoniz') !== -1 ) { return 'yellow-card'; } if ( detail.indexOf('rigore:') === 0 && ( detail.indexOf('trasformato') !== -1 || raw.indexOf('gol') !== -1 ) ) { return 'penalty-goal'; } if (raw.indexOf('gol') !== -1) { return 'goal'; } if ( raw.indexOf('var') !== -1 || detail.indexOf('var') !== -1 ) { return 'var'; } return 'other'; } function canonicalTimelineEventTitle(rawTitle, desc){ var type = detectTimelineEventType(rawTitle, desc); if (type === 'substitution') return 'Sostituzione'; if (type === 'red-card') return 'Espulsione'; if (type === 'yellow-card') return 'Ammonizione'; if (type === 'penalty-goal') return 'Gol su rigore'; if (type === 'goal') return 'Gol'; if (type === 'var') return 'VAR'; if (window.matchMedia('(orientation: portrait) and (min-width:701px) and (max-width:900px)').matches) { return String(rawTitle || '').replace(/\s+/g, ' ').trim(); } return String(rawTitle || '').replace(/s+/g, ' ').trim(); } function renderSafeTimelineGlyph(glyphEl, title, desc){ if (!glyphEl) return; var type = detectTimelineEventType(title, desc); glyphEl.replaceChildren(); var safe = document.createElement('span'); safe.className = 'v114821SafeGlyph'; if (type === 'substitution') { var up = document.createElement('span'); up.className = 'v114821SubUp'; up.textContent = '▲'; var down = document.createElement('span'); down.className = 'v114821SubDown'; down.textContent = '▼'; safe.appendChild(up); safe.appendChild(down); } else if (type === 'red-card') { var red = document.createElement('span'); red.className = 'v114821Card v114821CardRed'; safe.appendChild(red); } else if (type === 'yellow-card') { var yellow = document.createElement('span'); yellow.className = 'v114821Card v114821CardYellow'; safe.appendChild(yellow); } else if (type === 'goal' || type === 'penalty-goal') { var ball = document.createElement('span'); ball.className = 'v114821Ball'; var ballImg = document.createElement('img'); ballImg.src = window.matchMedia('(orientation:portrait) and (min-width:701px) and (max-width:900px), (orientation:portrait) and (min-width:370px) and (max-width:410px), (orientation:portrait) and (min-width:340px) and (max-width:369px)').matches ? '/machscore-ui-v1141119/football.png' : '/machscore-ui-v1141118/football.svg'; ballImg.alt = ''; ballImg.setAttribute('aria-hidden', 'true'); ball.appendChild(ballImg); safe.appendChild(ball); } else if (type === 'var') { var varBadge = document.createElement('span'); varBadge.className = 'v114821Var'; var varImg = document.createElement('img'); varImg.src = '/machscore-ui-v1141118/var.svg'; varImg.alt = ''; varImg.setAttribute('aria-hidden', 'true'); varBadge.appendChild(varImg); safe.appendChild(varBadge); } else { var dot = document.createElement('span'); dot.className = 'v114821Dot'; safe.appendChild(dot); } glyphEl.appendChild(safe); } function rebuildClusterTimelinePopup(panel, cluster){ if (!panel || !cluster) return; var head = cluster.querySelector('.v114453ClusterTooltipHead'); var list = cluster.querySelector('.v114453ClusterTooltipList'); if (!head || !list) return; var headChildren = Array.from(head.children || []); var countText = getNodeText(headChildren[0] || head); var rangeText = getNodeText(headChildren[headChildren.length - 1] || ''); var teamNode = cluster.querySelector(':scope > em'); var teamName = getNodeText(teamNode); var teamLogoSource = findTeamLogoNode(teamName); var wrapper = document.createElement('div'); wrapper.className = 'v114818TimelineCluster'; var header = document.createElement('div'); header.className = 'v114818TimelineClusterHeader'; var countEl = document.createElement('div'); countEl.className = 'v114818TimelineClusterCount'; countEl.textContent = countText || 'Eventi'; var rangeEl = document.createElement('div'); rangeEl.className = 'v114818TimelineClusterRange'; rangeEl.textContent = rangeText || ''; header.appendChild(countEl); header.appendChild(rangeEl); wrapper.appendChild(header); if (teamName) { var teamEl = document.createElement('div'); teamEl.className = 'v114818TimelineTeam'; if (teamLogoSource) { var logoClone = teamLogoSource.cloneNode(true); if (logoClone.removeAttribute) { logoClone.removeAttribute('style'); logoClone.removeAttribute('id'); } logoClone.classList.add('v114818TimelineTeamLogo'); logoClone.setAttribute('aria-hidden','true'); teamEl.appendChild(logoClone); } var teamNameEl = document.createElement('div'); teamNameEl.className = 'v114818TimelineTeamName'; teamNameEl.textContent = teamName; teamEl.appendChild(teamNameEl); wrapper.appendChild(teamEl); } var listEl = document.createElement('div'); listEl.className = 'v114818TimelineList'; var sourceRows = Array.from( list.querySelectorAll('.v114453ClusterTooltipEvent') ); sourceRows.forEach(function(sourceRow){ var minute = getNodeText(sourceRow.querySelector('time')) || getNodeText(sourceRow.querySelector('.v114453TooltipMinute')); var glyphSource = sourceRow.querySelector('.v114453TooltipGlyph') || sourceRow.querySelector('img,svg'); var textNode = sourceRow.querySelector('.v114453TooltipText'); var rawTitle = getNodeText( textNode && (textNode.querySelector('b') || textNode.querySelector('strong')) ) || getNodeText(textNode); var desc = getNodeText(textNode && textNode.querySelector('small')); var title = canonicalTimelineEventTitle(rawTitle, desc); var row = document.createElement('div'); row.className = 'v114818TimelineRow'; var minuteEl = document.createElement('div'); minuteEl.className = 'v114818TimelineMinute'; minuteEl.textContent = minute || ''; var glyphEl = document.createElement('div'); glyphEl.className = 'v114818TimelineGlyph'; /* * V11.4.821: * NON clonare il vecchio EventGlyph nel popup centrale. * Le sue pseudo-regole mobile erano la causa delle lettere coperte. */ renderSafeTimelineGlyph(glyphEl, title, desc); var bodyEl = document.createElement('div'); bodyEl.className = 'v114818TimelineBody'; var titleEl = document.createElement('div'); titleEl.className = 'v114818TimelineTitle'; titleEl.textContent = title || ''; var descEl = document.createElement('div'); descEl.className = 'v114818TimelineDesc'; descEl.textContent = desc || ''; bodyEl.appendChild(titleEl); if (desc) { bodyEl.appendChild(descEl); } row.appendChild(minuteEl); row.appendChild(glyphEl); row.appendChild(bodyEl); listEl.appendChild(row); }); wrapper.appendChild(listEl); panel.replaceChildren(); panel.appendChild(wrapper); } function decorateTimelinePanel(panel, item){ if (!panel) return; var cluster = panel.querySelector('.v114812TimelinePopupContent.v114453ClusterTooltip') || panel.querySelector('.v114453ClusterTooltip'); if (cluster) { rebuildClusterTimelinePopup(panel, cluster); return; } /* * Il tooltip singolo mantiene il layout V812-V817. * Qui interveniamo solo sui cluster multipli. */ var single = panel.querySelector('.v114812TimelinePopupContent.v114354Tooltip') || panel.querySelector('.v114354Tooltip'); if (!single) return; } function getTooltip(item){ if (!item) return null; return item.querySelector(TOOLTIP_SELECTOR); } function closeModal(){ ensureHost(); if (activeItem) { activeItem.removeAttribute('data-v114811-pinned'); } activeItem = null; panel.replaceChildren(); host.hidden = true; document.body.classList.remove('v114811TimelineModalOpen'); clearLegacyPins(); } /* V11.4.828 R2 - POPUP CONTENT MULTILANG FIX IMPORTANTE: - NON modifica apertura/chiusura/centratura del popup; - NON modifica click/tap/mouseleave; - interviene soltanto su titolo, descrizione e icona delle righe Sostituzione / Giallo / Rosso dopo l'apertura. */ function v114828Normalize(value){ return String(value || '') .normalize('NFD') .replace(/[\u0300-\u036f]/g, '') .replace(/\s+/g, ' ') .trim() .toLowerCase(); } function v114828Locale(){ var value = String( document.documentElement.getAttribute('lang') || 'it' ).toLowerCase(); if (value.indexOf('en') === 0) return 'en'; if (value.indexOf('es') === 0) return 'es'; if (value.indexOf('fr') === 0) return 'fr'; if (value.indexOf('de') === 0) return 'de'; if (value.indexOf('pt') === 0) return 'pt'; if (value.indexOf('nl') === 0) return 'nl'; if (value.indexOf('pl') === 0) return 'pl'; if (value.indexOf('tr') === 0) return 'tr'; if (value.indexOf('ro') === 0) return 'ro'; if (value.indexOf('el') === 0) return 'el'; if (value.indexOf('ar') === 0) return 'ar'; return 'it'; } /* V11.4.829 - ALL 12 LANGUAGES Estensione esclusivamente del riconoscimento/etichette evento. Popup V811, click/tap e centratura restano invariati. */ /* V11.4.830 - ROBUST 12-LOCALE EVENT ICONS */ function v114828Labels(){ var locale = v114828Locale(); var labels = { it:{substitution:'Sostituzione',yellow:'Ammonizione',red:'Espulsione',goal:'Gol',substitutionPrefix:'Cambio',yellowPrefix:'Cartellino giallo',redPrefix:'Cartellino rosso'}, en:{substitution:'Substitution',yellow:'Yellow card',red:'Red card',goal:'Goal',substitutionPrefix:'Change',yellowPrefix:'Yellow card',redPrefix:'Red card'}, es:{substitution:'Sustitución',yellow:'Tarjeta amarilla',red:'Tarjeta roja',goal:'Gol',substitutionPrefix:'Cambio',yellowPrefix:'Tarjeta amarilla',redPrefix:'Tarjeta roja'}, fr:{substitution:'Remplacement',yellow:'Carton jaune',red:'Carton rouge',goal:'But',substitutionPrefix:'Changement',yellowPrefix:'Carton jaune',redPrefix:'Carton rouge'}, de:{substitution:'Auswechslung',yellow:'Gelbe Karte',red:'Rote Karte',goal:'Tor',substitutionPrefix:'Wechsel',yellowPrefix:'Gelbe Karte',redPrefix:'Rote Karte'}, pt:{substitution:'Substituição',yellow:'Cartão amarelo',red:'Cartão vermelho',goal:'Golo',substitutionPrefix:'Substituição',yellowPrefix:'Cartão amarelo',redPrefix:'Cartão vermelho'}, nl:{substitution:'Wissel',yellow:'Gele kaart',red:'Rode kaart',goal:'Doelpunt',substitutionPrefix:'Wissel',yellowPrefix:'Gele kaart',redPrefix:'Rode kaart'}, pl:{substitution:'Zmiana',yellow:'Żółta kartka',red:'Czerwona kartka',goal:'Gol',substitutionPrefix:'Zmiana',yellowPrefix:'Żółta kartka',redPrefix:'Czerwona kartka'}, tr:{substitution:'Değişiklik',yellow:'Sarı kart',red:'Kırmızı kart',goal:'Gol',substitutionPrefix:'Değişiklik',yellowPrefix:'Sarı kart',redPrefix:'Kırmızı kart'}, ro:{substitution:'Schimbare',yellow:'Cartonaș galben',red:'Cartonaș roșu',goal:'Gol',substitutionPrefix:'Schimbare',yellowPrefix:'Cartonaș galben',redPrefix:'Cartonaș roșu'}, el:{substitution:'Αλλαγή',yellow:'Κίτρινη κάρτα',red:'Κόκκινη κάρτα',goal:'Γκολ',substitutionPrefix:'Αλλαγή',yellowPrefix:'Κίτρινη κάρτα',redPrefix:'Κόκκινη κάρτα'}, ar:{substitution:'تبديل',yellow:'بطاقة صفراء',red:'بطاقة حمراء',goal:'هدف',substitutionPrefix:'تبديل',yellowPrefix:'بطاقة صفراء',redPrefix:'بطاقة حمراء'} }; return labels[locale] || labels.it; } function v114828ContainsAny(text, words){ for (var i = 0; i < words.length; i += 1) { if (text.indexOf(words[i]) !== -1) return true; } return false; } /* V11.4.832 R2 - ROBUST ITALIAN RED CARD Solo riconoscimento contenuto; popup V811 intatto. */ function v114828Kind(row){ var text = v114828Normalize(row && row.textContent); var compact = text.replace(/s+/g, ''); var titleNode = v114828TitleNode(row); var title = v114828Normalize(titleNode && titleNode.textContent ? titleNode.textContent : ''); var titleCompact = title.replace(/s+/g, ''); function hasLoose(tokens){ for (var i=0; i b') || row.querySelector('.v114453TooltipText > strong') || row.querySelector('.v114354TooltipText > b') || row.querySelector('.v114354TooltipText > strong') ); } function v114828DescNode(row){ return ( row.querySelector('.v114818TimelineDesc') || row.querySelector('.v114453TooltipText > small') || row.querySelector('.v114354TooltipText > small') ); } function v114828GlyphNode(row){ return ( row.querySelector('.v114818TimelineGlyph') || row.querySelector('.v114453TooltipGlyph') || row.querySelector('.v114354TooltipGlyph') ); } function v114828RewriteDescription(node, kind, labels){ if (!node) return; var raw = String(node.textContent || '') .replace(/\s+/g, ' ') .trim(); var colon = raw.indexOf(':'); var suffix = colon >= 0 ? raw.slice(colon + 1).trim() : ''; var prefix = ''; if (kind === 'substitution') { prefix = labels.substitutionPrefix; } else if (kind === 'yellow') { prefix = labels.yellowPrefix; } else if (kind === 'red') { prefix = labels.redPrefix; } if (!prefix) return; node.textContent = suffix ? prefix + ': ' + suffix : prefix; } function v114828BuildIcon(kind){ var root = document.createElement('span'); root.className = 'v114828PopupFixedIcon'; if (kind === 'substitution') { root.classList.add('v114828PopupFixedIcon--sub'); // Solo 701–900 portrait: stessa icona SVG del marcatore sulla timeline. if (window.matchMedia('(orientation:portrait) and (min-width:701px) and (max-width:900px), (orientation:portrait) and (min-width:370px) and (max-width:410px), (orientation:portrait) and (min-width:340px) and (max-width:369px)').matches) { var ns = 'http://www.w3.org/2000/svg'; var svg = document.createElementNS(ns, 'svg'); svg.setAttribute('class', 'v114356SubIcon'); svg.setAttribute('viewBox', '0 0 30 28'); svg.setAttribute('aria-hidden', 'true'); var enter = document.createElementNS(ns, 'path'); enter.setAttribute('class', 'enter'); enter.setAttribute('d', 'M8 22 V6 M3 11 L8 6 L13 11'); var leave = document.createElementNS(ns, 'path'); leave.setAttribute('class', 'leave'); leave.setAttribute('d', 'M22 6 V22 M17 17 L22 22 L27 17'); svg.appendChild(enter); svg.appendChild(leave); root.appendChild(svg); return root; } var up = document.createElement('span'); up.className = 'v114828PopupFixedArrow v114828PopupFixedArrow--up'; up.textContent = '↑'; var down = document.createElement('span'); down.className = 'v114828PopupFixedArrow v114828PopupFixedArrow--down'; down.textContent = '↓'; root.appendChild(up); root.appendChild(down); return root; } if (kind === 'goal') { var ball = document.createElement('span'); ball.className = 'v114830PopupGoalIcon'; var ballImg = document.createElement('img'); ballImg.src = window.matchMedia('(orientation:portrait) and (min-width:701px) and (max-width:900px), (orientation:portrait) and (min-width:370px) and (max-width:410px), (orientation:portrait) and (min-width:340px) and (max-width:369px)').matches ? '/machscore-ui-v1141119/football.png' : '/machscore-ui-v1141118/football.svg'; ballImg.alt = ''; ballImg.setAttribute('aria-hidden', 'true'); ball.appendChild(ballImg); root.appendChild(ball); return root; } if (kind === 'yellow' || kind === 'red') { root.classList.add( kind === 'red' ? 'v114828PopupFixedIcon--red' : 'v114828PopupFixedIcon--yellow' ); return root; } return null; } function v114828FixRow(row){ if (!row || row.getAttribute('data-v114828-r2-fixed') === '1') { return; } var kind = v114828Kind(row); if (!kind) return; var labels = v114828Labels(); var title = v114828TitleNode(row); var desc = v114828DescNode(row); var glyph = v114828GlyphNode(row); if (title) { if (kind === 'substitution') title.textContent = labels.substitution; if (kind === 'yellow') title.textContent = labels.yellow; if (kind === 'red') title.textContent = labels.red; if (kind === 'goal') title.textContent = labels.goal; } v114828RewriteDescription(desc, kind, labels); if (glyph) { var icon = v114828BuildIcon(kind); if (icon) { glyph.replaceChildren(icon); } } row.setAttribute('data-v114828-r2-fixed', '1'); } function v114828FixPopupContent(panel){ if (!panel) return; var rows = Array.from( panel.querySelectorAll( '.v114818TimelineRow, ' + '.v114453ClusterTooltipEvent, ' + '.v114354Tooltip' ) ); rows.forEach(v114828FixRow); } function openModal(item){ ensureHost(); var tooltip = getTooltip(item); if (!tooltip) return; var clone = tooltip.cloneNode(true); cleanClone(clone); panel.replaceChildren(); clone.classList.add('v114812TimelinePopupContent'); panel.appendChild(clone); clearLegacyPins(); activeItem = item; activeItem.setAttribute('data-v114811-pinned','1'); /* * V11.4.816 - TIMELINE POPUP OPEN FIX * Prima mostriamo SEMPRE il popup. * La decorazione squadra/stemma avviene dopo e non può più impedire * l'apertura se qualcosa non viene trovato. */ document.body.classList.add('v114811TimelineModalOpen'); host.hidden = false; panel.scrollTop = 0; setTimeout(function(){ try { decorateTimelinePanel(panel, item); v114828FixPopupContent(panel); } catch (error) { console.warn('V11.4.816 timeline decoration skipped', error); } }, 0); } document.addEventListener('click', function(event){ if (!inRange()) { if (host && host.hidden === false) closeModal(); return; } ensureHost(); /* Click/tap sul popup centrale = chiude. */ if (panel.contains(event.target)) { event.preventDefault(); event.stopPropagation(); closeModal(); return; } var item = event.target && event.target.closest ? event.target.closest(ITEM_SELECTOR) : null; if (item) { event.preventDefault(); event.stopPropagation(); /* Secondo tap sullo stesso evento = chiude. */ if (activeItem === item && host.hidden === false) { closeModal(); } else { /* Altro evento = cambia contenuto mantenendo il popup centrato. */ openModal(item); } return; } /* Click/tap fuori = chiude. */ if (host.hidden === false) { closeModal(); } }, true); /* Mouseleave NON chiude: nessun listener mouseleave viene registrato. */ window.addEventListener('resize', function(){ if (!inRange() && host && host.hidden === false) { closeModal(); } }); window.addEventListener('orientationchange', function(){ if (!inRange() && host && host.hidden === false) { closeModal(); } }); })();

Dempo

Shillong Lajong