if (!window.__jogosTvControlesVivos) { window.__jogosTvControlesVivos = true; const atualizarControlesDeChips = () => { document.querySelectorAll('.game-row').forEach((linhaJogo) => { const lista = linhaJogo.querySelector('.channel-list'); const botao = linhaJogo.querySelector('.game-open'); if (!lista || !botao) return; const estavaExpandida = linhaJogo.classList.contains('channels-expanded'); if (estavaExpandida) linhaJogo.classList.remove('channels-expanded'); const temOverflow = lista.scrollWidth > lista.clientWidth + 1; if (estavaExpandida) linhaJogo.classList.add('channels-expanded'); botao.hidden = !temOverflow; botao.disabled = !temOverflow; botao.setAttribute('aria-disabled', temOverflow ? 'false' : 'true'); if (!temOverflow) { linhaJogo.classList.remove('channels-expanded'); botao.setAttribute('aria-expanded', 'false'); } }); }; const formatarDataLinha = (valor) => { if (!valor) return ''; const partes = String(valor).split('-').map((item) => Number.parseInt(item, 10)); if (partes.length !== 3 || partes.some((item) => Number.isNaN(item))) return String(valor); const data = new Date(Date.UTC(partes[0], partes[1] - 1, partes[2], 12)); return new Intl.DateTimeFormat('pt-BR', { timeZone: 'America/Sao_Paulo', day: '2-digit', month: '2-digit', year: 'numeric', }).format(data); }; const formatarDataComSemana = (valor) => { if (!valor) return ''; const partes = String(valor).split('-').map((item) => Number.parseInt(item, 10)); if (partes.length !== 3 || partes.some((item) => Number.isNaN(item))) return String(valor); const data = new Date(Date.UTC(partes[0], partes[1] - 1, partes[2], 12)); return new Intl.DateTimeFormat('pt-BR', { timeZone: 'America/Sao_Paulo', weekday: 'long', day: '2-digit', month: '2-digit', }).format(data); }; const formatarDataCabecalho = (valor) => { return formatarDataComSemana(valor); }; const calcularOrcamentoDeLinhasDaPagina = (secao) => { // Mede quantas linhas cabem na página com base na altura da // surface e na altura de uma linha renderizada. ATENÇÃO: o // resultado precisa ser ESTÁVEL entre cliques de "próxima // página"; medir geometricamente a cada chamada faz a // medição depender das linhas visíveis no momento (já que // a lista só tem height auto somando filhos), o que muda // o orçamento a cada paginação e produz a paginação // "zigue-zague" onde a mesma data aparece em páginas // diferentes. Cachear o orçamento na seção evita isso; o // cache é invalidado quando os filtros mudam (ver // atualizarLinhasFiltros). Fallback conservador (6) quando // não dá pra medir ainda (pré-hidratação). if (!secao) return 6; const cacheado = Number.parseInt(secao.dataset.maxLinhasPorPagina || '', 10); if (Number.isFinite(cacheado) && cacheado > 0) return cacheado; const surface = document.querySelector('.app-surface'); const lista = secao.querySelector('.game-list'); if (!surface || !lista) return 6; const linhaParaMedir = Array.from(lista.querySelectorAll('.game-row')).find((linha) => linha.getClientRects().length > 0); const alturaRow = linhaParaMedir?.offsetHeight || 0; if (alturaRow <= 0) return 6; const surfaceRect = surface.getBoundingClientRect(); const listaRect = lista.getBoundingClientRect(); // Limite inferior: usamos o MAIOR entre o fundo do anúncio // lateral (.side-ad) e o fundo da surface. O side-ad tem // altura fixa em CSS (clamp(760px,55.5vw,1135px)), então quando // ele está presente ele determina a altura visual da "área de // jogos" — sem usá-lo como referência, a paginação enche só // o equivalente a 4-5 linhas e sobra um vazio enorme ao lado // do anúncio. Quando side-ad não aplica (ex.: estados // responsivos onde ele empilha abaixo), cai pra surface.bottom. const sideAd = document.querySelector('.side-ad'); const sideAdRect = sideAd?.getBoundingClientRect(); const usarSideAd = sideAdRect && sideAdRect.top < listaRect.bottom + 200; const limiteInferior = usarSideAd ? Math.max(surfaceRect.bottom, sideAdRect.bottom) : surfaceRect.bottom; const folgaInferior = 24; const espacoLivre = Math.max(0, limiteInferior - folgaInferior - listaRect.top); const orcamento = Math.max(1, Math.floor(espacoLivre / alturaRow)); secao.dataset.maxLinhasPorPagina = String(orcamento); return orcamento; }; const agruparPaginasPorData = (linhasFiltradas, maxLinhasPorPagina, hojeISO) => { // Empacota quantos dias couberem dentro do orçamento de // linhas, na ordem em que aparecem. REGRA INVIOLÁVEL: um dia // nunca é dividido entre páginas — se um dia sozinho excede // o orçamento, ele ocupa uma página inteira (sobra na // própria página, sem espalhar). O cabeçalho da seção mostra // apenas a PRIMEIRA data da página atual (nunca intervalo); // as datas seguintes dentro da mesma página são marcadas // inline via data-date-heading em atualizarMarcadoresDeData. // // FRONTEIRA DE HOJE: jogos passados (data < hojeISO) nunca // compartilham página com jogos de hoje/futuros, e cada dia // passado isolado vira sua própria página. Sem isso, quando // não há jogos hoje, o passado (retenção) e os futuros caíam // na MESMA página por orçamento, a página padrão era liderada // pelo passado e o cabeçalho virava "Últimos Jogos" em vez de // "Próximos Jogos". Mantém o passado acessível pela seta para // a esquerda, casando com paginaInicialProximos no SSR. const orcamento = Math.max(1, Number.isFinite(maxLinhasPorPagina) ? maxLinhasPorPagina : 6); const datasOrdenadas = []; const linhasPorData = new Map(); linhasFiltradas.forEach((linha) => { const data = linha.getAttribute('data-data-iso') || ''; if (!data) return; if (!linhasPorData.has(data)) { linhasPorData.set(data, []); datasOrdenadas.push(data); } linhasPorData.get(data).push(linha); }); const ehPassado = (data) => Boolean(hojeISO) && data < hojeISO; const paginas = []; let bufferDatas = []; let bufferLinhas = []; const fechaBuffer = () => { if (bufferDatas.length === 0) return; paginas.push({ datas: bufferDatas, linhas: bufferLinhas }); bufferDatas = []; bufferLinhas = []; }; for (const data of datasOrdenadas) { const linhasDia = linhasPorData.get(data) || []; // Quebra forçada na fronteira de hoje: o dia atual é passado, // OU o último dia do buffer é passado (isola cada dia passado // e separa o bloco passado do bloco hoje/futuro). const ultimaDataBuffer = bufferDatas[bufferDatas.length - 1] || ''; const forcaQuebra = bufferDatas.length > 0 && (ehPassado(data) || ehPassado(ultimaDataBuffer)); const cabeNaPaginaAtual = bufferDatas.length === 0 || (!forcaQuebra && bufferLinhas.length + linhasDia.length <= orcamento); if (!cabeNaPaginaAtual) fechaBuffer(); bufferDatas.push(data); bufferLinhas.push(...linhasDia); } fechaBuffer(); return paginas.length > 0 ? paginas : [{ datas: [], linhas: [] }]; }; const atualizarMarcadoresDeData = (linhasPagina) => { let ultimaData = ''; let indiceData = -1; linhasPagina.forEach((linha) => { const data = linha.getAttribute('data-data-iso') || ''; if (data && data !== ultimaData) { indiceData += 1; linha.setAttribute('data-date-heading', formatarDataComSemana(data)); linha.setAttribute('data-date-index', String(indiceData % 2)); ultimaData = data; } else { linha.removeAttribute('data-date-heading'); linha.setAttribute('data-date-index', String(Math.max(0, indiceData) % 2)); } }); }; const atualizarCabecalhoSecao = (secao, paginaAtual, paginasAgrupadas) => { const titulo = secao?.querySelector('.section-heading > h2'); const detalhe = secao?.querySelector('.section-heading > span'); const botaoAnterior = secao?.querySelector('.section-page-arrow-prev'); const botaoProximo = secao?.querySelector('.section-page-arrow-next'); const hojeISO = secao?.getAttribute('data-today-iso') || ''; const paginas = paginasAgrupadas.length; const datasPagina = paginasAgrupadas[paginaAtual]?.datas || []; const linhasDaSecao = Array.from(secao?.querySelectorAll('.game-row') || []); const ehFuture = secao?.getAttribute('data-section-kind') === 'future'; const linhasParaFerramentas = ehFuture ? (paginasAgrupadas[paginaAtual]?.linhas || []) : linhasDaSecao; const atualizarBotaoFerramenta = (nome, visivel) => { const botao = secao?.querySelector('.section-tool[data-control-name="' + nome + '"]'); if (!botao) return false; botao.hidden = !visivel; if (!visivel) botao.setAttribute('aria-pressed', 'false'); return visivel; }; const temEncerradosFiltraveis = linhasParaFerramentas.some((linha) => linha.getAttribute('data-section-tool-eligible') === 'true' && linha.getAttribute('data-effective-finished') === 'true' ); const temResultadosFiltraveis = linhasParaFerramentas.some((linha) => linha.getAttribute('data-result-eligible') === 'true' ); // Botão de revelar sem-transmissão é um toggle de SEÇÃO inteira, // não de página. Usa linhasDaSecao (todas as linhas da seção), não // linhasParaFerramentas (só a página atual): quando uma liga só tem // jogos sem transmissão, esses jogos ficam data-filter-hidden=true e // são excluídos da paginação (linhasFiltradas), zerando as páginas — // então a checagem por página nunca enxergaria o botão. data-sem- // transmissao-eligible independe da visibilidade atual. const temSemTransmissaoFiltraveis = linhasDaSecao.some((linha) => linha.getAttribute('data-sem-transmissao-eligible') === 'true' ); const botaoEncerradosVisivel = atualizarBotaoFerramenta('Jogos Encerrados', !ehFuture && temEncerradosFiltraveis); const botaoResultadosVisivel = atualizarBotaoFerramenta('Mostrar resultados', temResultadosFiltraveis); const botaoSemTransmissaoVisivel = atualizarBotaoFerramenta('Transmissões não encontradas', temSemTransmissaoFiltraveis); // Em "Próximos Jogos": quando a página atual contém pelo // menos uma data anterior a hoje, expomos os controles // (Encerrados / Resultados) ao lado do título. Para páginas // exclusivamente futuras, mantemos escondidos. if (ehFuture) { const contemPassado = hojeISO && datasPagina.some((d) => d < hojeISO); if (titulo) titulo.textContent = contemPassado ? 'Últimos Jogos' : 'Próximos Jogos'; const ferramentas = secao.querySelector('.section-tools'); if (ferramentas) { // Mostra a barra de ferramentas em "Próximos Jogos" quando a // página contém datas passadas COM resultados (Últimos Jogos) OU // quando há jogos sem transmissão a revelar. Sem o segundo termo, // uma liga só com jogos futuros sem transmissão (ex.: eliminatórias // femininas) nunca exibia o botão "Transmissões não encontradas". ferramentas.hidden = !((contemPassado && botaoResultadosVisivel) || botaoSemTransmissaoVisivel); } } else { const ferramentas = secao?.querySelector('.section-tools'); if (ferramentas) { ferramentas.hidden = !(botaoEncerradosVisivel || botaoResultadosVisivel || botaoSemTransmissaoVisivel); } } if (detalhe) { const dataFallback = secao?.getAttribute('data-section-kind') === 'today' ? hojeISO : (secao?.getAttribute('data-start-date') || ''); detalhe.textContent = datasPagina.length === 0 ? (dataFallback ? formatarDataCabecalho(dataFallback) : '') : formatarDataCabecalho(datasPagina[0]); } // Em "Próximos Jogos" as setas ficam SEMPRE visíveis (apenas // desabilitadas quando não há para onde navegar) — esconder // por completo gerava a sensação de "sumiu a UI" em estados // onde tudo coubesse numa única página. Em "Jogos de Hoje" // a paginação trivialmente sempre tem 1 página (1 só dia); // ali manter a regra antiga (oculta quando paginas <= 1) // evita arrastar setas inúteis para esse cabeçalho. if (botaoAnterior) { const habilitadoAnterior = paginas > 1 && paginaAtual > 0; botaoAnterior.hidden = ehFuture ? false : (paginas <= 1); botaoAnterior.disabled = !habilitadoAnterior; botaoAnterior.setAttribute('aria-disabled', habilitadoAnterior ? 'false' : 'true'); botaoAnterior.setAttribute('aria-label', habilitadoAnterior ? 'Página anterior' : 'Sem página anterior'); } if (botaoProximo) { const habilitadoProximo = paginas > 1 && paginaAtual < paginas - 1; botaoProximo.hidden = ehFuture ? false : (paginas <= 1); botaoProximo.disabled = !habilitadoProximo; botaoProximo.setAttribute('aria-disabled', habilitadoProximo ? 'false' : 'true'); botaoProximo.setAttribute('aria-label', habilitadoProximo ? 'Próxima página' : 'Sem próxima página'); } }; const paginaPadraoDaSecao = (secao, paginasAgrupadas) => { if (secao?.getAttribute('data-section-kind') !== 'future') return 0; const dataPreferida = secao.getAttribute('data-preferred-date') || ''; const hojeISO = secao.getAttribute('data-today-iso') || ''; const indicePreferido = dataPreferida ? paginasAgrupadas.findIndex((pagina) => pagina.datas.includes(dataPreferida)) : -1; if (indicePreferido >= 0) return indicePreferido; const indiceFuturo = hojeISO ? paginasAgrupadas.findIndex((pagina) => pagina.datas.some((data) => data > hojeISO)) : -1; return indiceFuturo >= 0 ? indiceFuturo : 0; }; const atualizarPaginacao = () => { document.querySelectorAll('.match-section').forEach((secao) => { const linhas = Array.from(secao.querySelectorAll('.game-row')); const linhasFiltradas = linhas.filter((linha) => { if (linha.getAttribute('data-filter-hidden') === 'true') return false; return true; }); const orcamento = calcularOrcamentoDeLinhasDaPagina(secao); const paginasAgrupadas = agruparPaginasPorData(linhasFiltradas, orcamento, secao.getAttribute('data-today-iso') || ''); const paginas = paginasAgrupadas.length; let paginaAtual = Number.parseInt(secao.getAttribute('data-page') || '0', 10); if (secao.getAttribute('data-section-kind') === 'future' && secao.getAttribute('data-initial-page-resolved') !== 'true') { paginaAtual = paginaPadraoDaSecao(secao, paginasAgrupadas); secao.setAttribute('data-initial-page-resolved', 'true'); } if (!Number.isFinite(paginaAtual) || paginaAtual >= paginas) paginaAtual = paginaPadraoDaSecao(secao, paginasAgrupadas); if (paginaAtual < 0) paginaAtual = 0; if (secao.getAttribute('data-section-kind') === 'future' && secao.getAttribute('data-allow-past-page') !== 'true') { const hojeISO = secao.getAttribute('data-today-iso') || ''; const datasPaginaAtual = paginasAgrupadas[paginaAtual]?.datas || []; const paginaAtualEhPassada = hojeISO && datasPaginaAtual.some((data) => data < hojeISO); if (paginaAtualEhPassada) paginaAtual = paginaPadraoDaSecao(secao, paginasAgrupadas); } secao.setAttribute('data-page', String(paginaAtual)); const linhasPagina = paginasAgrupadas[paginaAtual]?.linhas || []; linhas.forEach((linha) => { const ocultarPorFiltro = !linhasFiltradas.includes(linha); const ocultarPorPagina = !ocultarPorFiltro && !linhasPagina.includes(linha); linha.hidden = ocultarPorFiltro || ocultarPorPagina; if (linha.hidden) linha.removeAttribute('data-date-heading'); }); atualizarMarcadoresDeData(linhasPagina); atualizarCabecalhoSecao(secao, paginaAtual, paginasAgrupadas); }); }; const atualizarLinhasFiltros = (opcoes = {}) => { // Cache do orçamento de linhas por página é invalidado a cada // mudança de filtros — o que muda quais linhas existem na // lista, podendo alterar a altura da row típica. document.querySelectorAll('.match-section').forEach((s) => { delete s.dataset.maxLinhasPorPagina; }); if (!opcoes.preservarPaginaPassada) { document.querySelectorAll('.match-section[data-section-kind="future"]').forEach((s) => { s.removeAttribute('data-allow-past-page'); }); } const botoesFiltro = Array.from(document.querySelectorAll('.filter-control, .section-tool')); const botaoPorNome = new Map(botoesFiltro.map((botao) => [botao.getAttribute('data-control-name'), botao])); const ativo = (nome) => botaoPorNome.get(nome)?.getAttribute('aria-pressed') === 'true'; const filtrosCanalBase = ['GRÁTIS', 'TV ABERTA', 'YOUTUBE', 'PAGOS', 'ASSINATURAS', 'PPV']; const filtrosTipoCompeticao = ['SELEÇÕES', 'CLUBES']; const filtrosFormaCompeticao = []; const filtrosRegiaoCompeticao = ['MUNDIAIS', 'SULAMERICANAS', 'EUROPÉIAS', 'OUTROS', 'NACIONAIS']; const ajustarTodosOpcaoUnica = (todos, opcoesVisiveis) => { if (!todos) return; const ocultar = opcoesVisiveis.length <= 1; todos.hidden = ocultar; if (ocultar) { todos.setAttribute('aria-pressed', 'false'); } }; const canaisMenu = Array.from(document.querySelectorAll('.channel-menu-item:not(.channel-menu-all)')); const todosCanais = document.querySelector('.channel-menu-all'); const selecoesCopaMenu = Array.from(document.querySelectorAll('.world-cup-menu-item:not(.world-cup-menu-all)')); const todasSelecoesCopa = document.querySelector('.world-cup-menu-all'); const ligaCopaDoMundo = document.querySelector('.league-chip[data-world-cup-league="true"]')?.getAttribute('data-control-name') || ''; let canaisSelecionadosNomes = new Set(); const filtrosCanalBaseAtivos = filtrosCanalBase.filter(ativo); const usaFiltroCanalBase = filtrosCanalBaseAtivos.length > 0 && filtrosCanalBaseAtivos.length < filtrosCanalBase.length; const jogosEncerradosAtivos = ativo('Jogos Encerrados'); const mostrarResultadosAtivos = ativo('Mostrar resultados'); const filtroSemTransmissaoConfigurado = document.querySelector('.app-surface')?.getAttribute('data-filter-sem-transmissao') !== 'false'; const semTransmissaoForcada = document.querySelector('.app-surface')?.getAttribute('data-sem-transmissao-forcada') === 'true'; const semTransmissaoAtivo = semTransmissaoForcada || (filtroSemTransmissaoConfigurado && ativo('Transmissões não encontradas')); const jogoSemTransmissaoContaNosFiltros = (linhaJogo) => { return semTransmissaoForcada || filtroSemTransmissaoConfigurado || linhaJogo.getAttribute('data-sem-transmissao') !== 'true'; }; const agoraSaoPaulo = () => { const partes = new Intl.DateTimeFormat('en-CA', { timeZone: 'America/Sao_Paulo', year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', hour12: false, }).formatToParts(new Date()); const valor = (tipo) => partes.find((parte) => parte.type === tipo)?.value || '00'; return { dataISO: valor('year') + '-' + valor('month') + '-' + valor('day'), minutos: Number.parseInt(valor('hour'), 10) * 60 + Number.parseInt(valor('minute'), 10), }; }; const agoraBrasil = agoraSaoPaulo(); const jogoEncerradoPeloHorario = (linhaJogo) => { if (linhaJogo.getAttribute('data-live') === 'true') return false; if (linhaJogo.getAttribute('data-data-iso') !== agoraBrasil.dataISO) return false; const horario = linhaJogo.querySelector('.game-time')?.textContent?.match(/(\d{2}):(\d{2})/); if (!horario) return false; const inicio = Number.parseInt(horario[1], 10) * 60 + Number.parseInt(horario[2], 10); return agoraBrasil.minutos >= inicio + 150; }; const canalPermitidoPelosFiltros = (tags) => { if (filtrosCanalBaseAtivos.length === 0) return false; return filtrosCanalBaseAtivos.some((tag) => tags.includes(tag)); }; const chipPermitidoPelosFiltros = (chip) => { const tags = (chip.getAttribute('data-channel-tags') || '').split('|').filter(Boolean); return canalPermitidoPelosFiltros(tags); }; const paginaDeTime = document.querySelector('.app-surface')?.getAttribute('data-page-kind') === 'team'; const algumCanalAtivo = filtrosCanalBaseAtivos.length > 0 || (paginaDeTime && semTransmissaoAtivo); // Quando Config.Filtro_Modalidades=0 o bloco de competições não é // renderizado (ver JSX). Sem chips para ler, tratamos todas as // competições como ativas — mesma semântica de "todos selecionados" // que o antigo data-config-hidden garantia, sem deixar o DOM // poluído. Com o bloco presente, segue lendo o botão TODAS. const semBlocoCompeticoes = document.querySelectorAll('.competition-filters .filter-control').length === 0; const mostrarTodas = semBlocoCompeticoes || ativo('TODAS'); // O filtro AMISTOSOS agora vive na seção LIGAS (chip da liga sentinela "Amistoso"). // Jogos amistosos passam somente se esse chip estiver pressionado. const botaoAmistosoLiga = botaoPorNome.get('Amistoso'); const amistososAtivos = botaoAmistosoLiga ? botaoAmistosoLiga.getAttribute('aria-pressed') === 'true' : false; const ligasAtivas = true; const copasAtivas = true; const formaAtiva = (forma) => forma === 'COPAS' ? copasAtivas : ligasAtivas; const tiposAtivos = new Set(); if (mostrarTodas || ativo('SELEÇÕES')) tiposAtivos.add('selecoes'); if (mostrarTodas || ativo('CLUBES')) tiposAtivos.add('clubes'); const regioesComLigas = new Set(); document.querySelectorAll('.league-chip:not(.league-todos)').forEach((liga) => { const tipoLiga = liga.getAttribute('data-league-type'); const regiaoLiga = liga.getAttribute('data-region'); const formaLiga = liga.getAttribute('data-competition-kind') || 'LIGAS'; if (tiposAtivos.has(tipoLiga) && formaAtiva(formaLiga) && regiaoLiga) regioesComLigas.add(regiaoLiga); }); ['MUNDIAIS', 'SULAMERICANAS', 'EUROPÉIAS', 'OUTROS'].forEach((regiao) => { const botao = botaoPorNome.get(regiao); if (!botao) return; botao.hidden = !regioesComLigas.has(regiao); }); const competicoesExistentesParaTodas = filtrosTipoCompeticao.concat(filtrosFormaCompeticao, filtrosRegiaoCompeticao).filter((nome) => { const btn = botaoPorNome.get(nome); return btn && !btn.hidden; }); const competicoesCompletasParaTodas = competicoesExistentesParaTodas.length > 0 && competicoesExistentesParaTodas.every((nome) => botaoPorNome.get(nome)?.getAttribute('aria-pressed') === 'true'); botaoPorNome.get('TODAS')?.setAttribute('aria-pressed', competicoesCompletasParaTodas ? 'true' : 'false'); const regioesAtivas = new Set(); if (mostrarTodas || ativo('MUNDIAIS')) regioesAtivas.add('MUNDIAIS'); if (mostrarTodas || ativo('SULAMERICANAS')) regioesAtivas.add('SULAMERICANAS'); if (mostrarTodas || ativo('EUROPÉIAS')) regioesAtivas.add('EUROPÉIAS'); if (mostrarTodas || ativo('OUTROS')) regioesAtivas.add('OUTROS'); if (tiposAtivos.has('clubes') && (mostrarTodas || ativo('NACIONAIS'))) regioesAtivas.add('NACIONAIS'); if (tiposAtivos.size > 0 && regioesAtivas.size === 0) { regioesComLigas.forEach((regiao) => regioesAtivas.add(regiao)); } const algumaFormaCompeticaoAtiva = ligasAtivas || copasAtivas; const algumaCompeticaoAtiva = (tiposAtivos.size > 0 && regioesAtivas.size > 0 && algumaFormaCompeticaoAtiva) || amistososAtivos; // Hambúrguer ESTADUAIS removido temporariamente (ver comentário // no JSX do bloco competições). Com o menu fora, NÃO há filtro de // estado: forçamos estaduaisAtivos=false para que estadoOk nunca // restrinja — assim jogos de campeonatos estaduais continuam // aparecendo. A expressão original fica preservada ao lado para a // volta fácil: tiposAtivos.has('clubes') && regioesAtivas.has('NACIONAIS'). const estaduaisAtivos = false; document.querySelector('.competition-filters')?.toggleAttribute('hidden', !algumCanalAtivo); botaoPorNome.get('NACIONAIS')?.toggleAttribute('hidden', !tiposAtivos.has('clubes')); ajustarTodosOpcaoUnica( botaoPorNome.get('TODOS'), filtrosCanalBase.map((nome) => botaoPorNome.get(nome)).filter((botao) => botao && !botao.hidden) ); ajustarTodosOpcaoUnica( botaoPorNome.get('TODAS'), filtrosTipoCompeticao.concat(filtrosFormaCompeticao, filtrosRegiaoCompeticao).map((nome) => botaoPorNome.get(nome)).filter(Boolean) ); document.querySelector('.state-menu-toggle')?.toggleAttribute('hidden', !estaduaisAtivos); if (!estaduaisAtivos) { document.querySelector('.state-menu')?.classList.remove('state-menu-open'); } const estadosDisponiveis = new Set(); document.querySelectorAll('.league-chip:not(.league-todos)').forEach((liga) => { const estadoLiga = liga.getAttribute('data-state'); const formaLiga = liga.getAttribute('data-competition-kind') || 'LIGAS'; if (estaduaisAtivos && estadoLiga && formaAtiva(formaLiga) && regioesAtivas.has(liga.getAttribute('data-region')) && tiposAtivos.has(liga.getAttribute('data-league-type'))) { estadosDisponiveis.add(estadoLiga); } }); document.querySelectorAll('.state-menu-item:not(.state-menu-all)').forEach((botaoEstado) => { const estado = botaoEstado.getAttribute('data-control-name'); botaoEstado.hidden = !estadosDisponiveis.has(estado); }); const estadosVisiveis = Array.from(document.querySelectorAll('.state-menu-item:not(.state-menu-all):not([hidden])')); const todosEstados = document.querySelector('.state-menu-all'); ajustarTodosOpcaoUnica(todosEstados, estadosVisiveis); const estadosSelecionados = estadosVisiveis.filter((botaoEstado) => botaoEstado.getAttribute('aria-pressed') === 'true'); const estadosSelecionadosNomes = new Set(estadosSelecionados.map((botaoEstado) => botaoEstado.getAttribute('data-control-name')).filter(Boolean)); document.querySelector('.state-menu-toggle')?.toggleAttribute('hidden', !estaduaisAtivos || estadosVisiveis.length === 0); if (todosEstados && !todosEstados.hidden) { todosEstados.setAttribute('aria-pressed', estadosVisiveis.length > 0 && estadosVisiveis.every((botaoEstado) => botaoEstado.getAttribute('aria-pressed') === 'true') ? 'true' : 'false'); } const canaisIndividuaisSelecionadosNoMomento = new Set( canaisMenu .filter((botaoCanal) => !botaoCanal.hidden && botaoCanal.getAttribute('aria-pressed') === 'true') .map((botaoCanal) => botaoCanal.getAttribute('data-control-name')) .filter(Boolean) ); const jogoPassaNosFiltrosSuperiores = (linhaJogo) => { const ehSemTransmissao = linhaJogo.getAttribute('data-sem-transmissao') === 'true'; if (!jogoSemTransmissaoContaNosFiltros(linhaJogo)) return false; if (!ehSemTransmissao) { const chipsDoJogo = Array.from(linhaJogo.querySelectorAll('.channel-chip')); const canalBaseOk = chipsDoJogo.some((chip) => chipPermitidoPelosFiltros(chip)); if (!canalBaseOk) return false; if (canaisIndividuaisSelecionadosNoMomento.size > 0 && !chipsDoJogo.some((chip) => canaisIndividuaisSelecionadosNoMomento.has(chip.getAttribute('data-control-name')))) { return false; } } const estadoJogo = linhaJogo.getAttribute('data-state'); const estadoOk = !estadoJogo || !estaduaisAtivos || estadosSelecionadosNomes.has(estadoJogo); if (!estadoOk) return false; // Amistosos não respondem aos filtros de competições (não têm tipo/região canônicos) // — passam o bloco superior automaticamente quando canal/estado já validaram. // O gate real é o chip "Amistoso" na seção LIGAS, aplicado no ligaOk final. const amistosoJogo = linhaJogo.getAttribute('data-liga') === 'Amistoso'; if (amistosoJogo) return true; const formaJogo = linhaJogo.getAttribute('data-competition-kind') || 'LIGAS'; return formaAtiva(formaJogo) && regioesAtivas.has(linhaJogo.getAttribute('data-region')) && tiposAtivos.has(linhaJogo.getAttribute('data-league-type')); }; const paisesDisponiveis = new Set(); const paisesDaLigaDaLinha = (linhaJogo) => (linhaJogo.getAttribute('data-countries') || '').split('|').filter(Boolean); const paisesSelecoesDaLinha = (linhaJogo) => Array.from(new Set([ ...(linhaJogo.getAttribute('data-team-countries') || '').split('|').filter(Boolean), ...paisesDaLigaDaLinha(linhaJogo), ])); const regiaoDoPaisDaSelecao = (pais) => document.querySelector('.selection-filter[data-selection-country="' + String(pais).replace(/"/g, '\"') + '"]')?.getAttribute('data-region') || ''; const selecaoCompativelComRegiaoDaLiga = (pais, regiaoLiga) => { const regiaoPais = regiaoDoPaisDaSelecao(pais); if (regiaoLiga === 'SULAMERICANAS' || regiaoLiga === 'EUROPÉIAS') return regiaoPais === regiaoLiga; return true; }; document.querySelectorAll('.game-row').forEach((linhaJogo) => { if (!jogoSemTransmissaoContaNosFiltros(linhaJogo)) return; if (!jogoPassaNosFiltrosSuperiores(linhaJogo)) return; if (linhaJogo.getAttribute('data-league-type') !== 'clubes') return; paisesDaLigaDaLinha(linhaJogo).forEach((pais) => paisesDisponiveis.add(pais)); }); document.querySelectorAll('.country-filters .country-filter:not(.country-todos)').forEach((botaoPais) => { const pais = botaoPais.getAttribute('data-control-name'); botaoPais.hidden = !paisesDisponiveis.has(pais); }); const paisesVisiveis = Array.from(document.querySelectorAll('.country-filters .country-filter:not(.country-todos):not([hidden])')); const todosPaises = document.querySelector('.country-todos'); ajustarTodosOpcaoUnica(todosPaises, paisesVisiveis); if (todosPaises && !todosPaises.hidden) { todosPaises.setAttribute('aria-pressed', paisesVisiveis.length > 0 && paisesVisiveis.every((botaoPais) => botaoPais.getAttribute('aria-pressed') === 'true') ? 'true' : 'false'); } const paisesSelecionados = paisesVisiveis.filter((botaoPais) => botaoPais.getAttribute('aria-pressed') === 'true'); const paisesSelecionadosNomes = new Set(paisesSelecionados.map((botaoPais) => botaoPais.getAttribute('data-control-name'))); const aceitaJogoSemPaises = (regiaoLiga) => regiaoLiga !== 'SULAMERICANAS' && regiaoLiga !== 'EUROPÉIAS'; const canaisDisponiveis = new Set(); document.querySelectorAll('.game-row').forEach((linhaJogo) => { if (!jogoSemTransmissaoContaNosFiltros(linhaJogo)) return; const regiaoLiga = linhaJogo.getAttribute('data-region'); const tipoLiga = linhaJogo.getAttribute('data-league-type'); const estadoJogo = linhaJogo.getAttribute('data-state'); const ligaPaises = paisesDaLigaDaLinha(linhaJogo); const estadoOkParaCanal = !estadoJogo || !estaduaisAtivos || estadosSelecionadosNomes.has(estadoJogo); const amistosoJogo = linhaJogo.getAttribute('data-liga') === 'Amistoso'; const formaJogo = linhaJogo.getAttribute('data-competition-kind') || 'LIGAS'; // Amistosos: bypass do bloco competições; o gate é o chip "Amistoso" da seção LIGAS. const competicaoOkParaCanal = amistosoJogo ? amistososAtivos : (formaAtiva(formaJogo) && regioesAtivas.has(regiaoLiga) && tiposAtivos.has(tipoLiga)); // Jogo sem países só passa o filtro quando a liga é mundial/outros // (ex.: Copa do Mundo FIFA). Ligas SULAMERICANAS/EUROPÉIAS NÃO // podem cair nesse fallback — se chegarem com data-countries // vazio, é dado inconsistente e o jogo não deve aparecer sob // país nenhum em específico. const paisOkParaCanal = tipoLiga === 'selecoes' || paisesSelecionadosNomes.size === 0 || (ligaPaises.length === 0 && aceitaJogoSemPaises(regiaoLiga)) || ligaPaises.some((pais) => paisesSelecionadosNomes.has(pais)); const ligaOkParaCanal = competicaoOkParaCanal && estadoOkParaCanal && paisOkParaCanal; if (!ligaOkParaCanal) { return; } Array.from(linhaJogo.querySelectorAll('.channel-chip')).forEach((chip) => { const canal = chip.getAttribute('data-control-name'); if (canal && chipPermitidoPelosFiltros(chip)) { canaisDisponiveis.add(canal); } }); }); canaisMenu.forEach((botaoCanal) => { const canal = botaoCanal.getAttribute('data-control-name'); const tagsCanal = (botaoCanal.getAttribute('data-channel-tags') || '').split('|').filter(Boolean); const oculto = !canaisDisponiveis.has(canal) || !canalPermitidoPelosFiltros(tagsCanal); botaoCanal.hidden = oculto; if (oculto) { if (botaoCanal.getAttribute('aria-pressed') !== 'false') { botaoCanal.setAttribute('data-was-pressed', 'true'); } botaoCanal.setAttribute('aria-pressed', 'false'); } else if (botaoCanal.getAttribute('data-was-pressed') === 'true') { botaoCanal.setAttribute('aria-pressed', 'true'); botaoCanal.removeAttribute('data-was-pressed'); } }); const canaisVisiveis = canaisMenu.filter((botaoCanal) => !botaoCanal.hidden); ajustarTodosOpcaoUnica(todosCanais, canaisVisiveis); if (todosCanais && !todosCanais.hidden) { todosCanais.setAttribute('aria-pressed', canaisVisiveis.length > 0 && canaisVisiveis.every((botaoCanal) => botaoCanal.getAttribute('aria-pressed') === 'true') ? 'true' : 'false'); } const canaisSelecionados = canaisVisiveis.filter((botao) => botao.getAttribute('aria-pressed') === 'true'); canaisSelecionadosNomes = new Set(canaisSelecionados.map((botao) => botao.getAttribute('data-control-name')).filter(Boolean)); // Estado visual do botão CANAIS ☰ conforme os sub-itens: todos // ativos = dourado cheio; nenhum = fundo escuro (como filtro // desativado); parcial = dourado mais escuro (há sub-itens // ativos, mas não todos). const canalToggle = document.querySelector('.channel-menu-toggle'); if (canalToggle) { const totalCanais = canaisVisiveis.length; const selCanais = canaisSelecionados.length; canalToggle.setAttribute('data-sub-state', totalCanais > 0 && selCanais === totalCanais ? 'all' : selCanais === 0 ? 'none' : 'partial'); } document.querySelector('.country-filters')?.toggleAttribute('hidden', !algumCanalAtivo || !algumaCompeticaoAtiva || paisesVisiveis.length <= 1); const ligaSection = document.querySelector('.league-filters'); const ligasDisponiveisNomes = new Set(); document.querySelectorAll('.game-row').forEach((linhaJogo) => { if (!jogoSemTransmissaoContaNosFiltros(linhaJogo)) return; if (!jogoPassaNosFiltrosSuperiores(linhaJogo)) return; const nomeLiga = linhaJogo.getAttribute('data-liga'); if (!nomeLiga) return; const tipoLiga = linhaJogo.getAttribute('data-league-type'); const ligaPaises = paisesDaLigaDaLinha(linhaJogo); const regiaoLigaJogo = linhaJogo.getAttribute('data-region'); // Mesma regra do paisOk: ligas SULAMERICANAS/EUROPÉIAS NÃO // entram no fallback "sem países = passa em qualquer filtro". if (tipoLiga === 'selecoes' || (ligaPaises.length === 0 && aceitaJogoSemPaises(regiaoLigaJogo)) || paisesVisiveis.length <= 1 || ligaPaises.some((pais) => paisesSelecionadosNomes.has(pais))) { ligasDisponiveisNomes.add(nomeLiga); } }); const ligasVisiveis = Array.from(document.querySelectorAll('.league-chip:not(.league-todos)')).filter((liga) => ligasDisponiveisNomes.has(liga.getAttribute('data-control-name'))); document.querySelectorAll('.league-chip').forEach((liga) => { if (liga.classList.contains('league-todos')) { return; } const tipoLiga = liga.getAttribute('data-league-type'); const ligaEhCopaDoMundo = liga.getAttribute('data-world-cup-league') === 'true'; // A Copa do Mundo é exemptada do filtro de DISPONIBILIDADE POR // PAÍS (ligasDisponiveisNomes) para o seu hambúrguer de seleções // continuar acessível mesmo quando subseleções de país escondem // os jogos. Mas ela NÃO pode ser exemptada do filtro de // COMPETIÇÃO (tipo/região): se o usuário isolar CLUBES ou uma // região diferente da dela, o chip deve sumir como qualquer // outro. Sem este gate, "Copa do Mundo" (MUNDIAIS/seleções) // vazava sob CLUBES+SULAMERICANAS — coberto por // validate:filtros-layout. const formaLigaChip = liga.getAttribute('data-competition-kind') || 'LIGAS'; const competicaoChipOk = formaAtiva(formaLigaChip) && regioesAtivas.has(liga.getAttribute('data-region')) && tiposAtivos.has(tipoLiga); const indisponivelPelosJogos = ligaEhCopaDoMundo ? !competicaoChipOk : !ligasDisponiveisNomes.has(liga.getAttribute('data-control-name')); liga.hidden = !algumCanalAtivo || !algumaCompeticaoAtiva || (tipoLiga !== 'selecoes' && paisesVisiveis.length > 1 && paisesSelecionados.length === 0) || indisponivelPelosJogos; liga.closest('.league-world-cup-group')?.toggleAttribute('hidden', liga.hidden); }); const ligasSelecionaveis = Array.from(document.querySelectorAll('.league-chip:not(.league-todos):not([hidden])')); const todasLigas = document.querySelector('.league-todos'); ajustarTodosOpcaoUnica(todasLigas, ligasSelecionaveis); if (todasLigas && !todasLigas.hidden) { todasLigas.setAttribute('aria-pressed', ligasSelecionaveis.length > 0 && ligasSelecionaveis.every((liga) => liga.getAttribute('aria-pressed') === 'true') ? 'true' : 'false'); } const ligasSelecionadasNomes = new Set(ligasSelecionaveis.filter((liga) => liga.getAttribute('aria-pressed') === 'true').map((liga) => liga.getAttribute('data-control-name'))); const botaoLigaCopa = document.querySelector('.league-chip[data-world-cup-league="true"]'); const copaDoMundoAtiva = ligaCopaDoMundo && ligasSelecionadasNomes.has(ligaCopaDoMundo); document.querySelector('.world-cup-menu-toggle')?.toggleAttribute('hidden', !botaoLigaCopa || botaoLigaCopa.hidden); if (!copaDoMundoAtiva) { const menuCopa = document.querySelector('.world-cup-menu'); menuCopa?.classList.remove('world-cup-menu-open'); } selecoesCopaMenu.forEach((botaoSelecao) => { botaoSelecao.hidden = !copaDoMundoAtiva; // Preserva o estado mesmo quando outro filtro torna a seleção // temporariamente indisponível. O filtro efetivo usa apenas // seleções visíveis, mas ao desfazer o filtro de canal/país/liga // o usuário deve recuperar exatamente a seleção anterior. }); const selecoesCopaVisiveis = selecoesCopaMenu.filter((botaoSelecao) => !botaoSelecao.hidden); ajustarTodosOpcaoUnica(todasSelecoesCopa, selecoesCopaVisiveis); if (todasSelecoesCopa && !todasSelecoesCopa.hidden) { todasSelecoesCopa.setAttribute('aria-pressed', selecoesCopaVisiveis.length > 0 && selecoesCopaVisiveis.every((botaoSelecao) => botaoSelecao.getAttribute('aria-pressed') === 'true') ? 'true' : 'false'); } const selecoesCopaSelecionadas = selecoesCopaVisiveis.filter((botaoSelecao) => botaoSelecao.getAttribute('aria-pressed') === 'true'); const selecoesCopaSelecionadasNomes = new Set(selecoesCopaSelecionadas.map((botaoSelecao) => botaoSelecao.getAttribute('data-world-cup-country')).filter(Boolean)); // Estado visual do botão ☰ da Copa do Mundo conforme as // seleções: todas ativas = dourado cheio; nenhuma = fundo // escuro (como filtro desativado); parcial = dourado mais // escuro (há seleções ativas, mas não todas). const copaToggle = document.querySelector('.world-cup-menu-toggle'); if (copaToggle) { const totalSelecoes = selecoesCopaVisiveis.length; const selSelecoes = selecoesCopaSelecionadas.length; copaToggle.setAttribute('data-sub-state', totalSelecoes > 0 && selSelecoes === totalSelecoes ? 'all' : selSelecoes === 0 ? 'none' : 'partial'); } const ligasSelecoesSelecionadas = ligasSelecionaveis.filter((liga) => liga.getAttribute('data-league-type') === 'selecoes' && liga.getAttribute('aria-pressed') === 'true'); const selecoesDisponiveis = new Set(); document.querySelectorAll('.game-row').forEach((linhaJogo) => { if (!jogoSemTransmissaoContaNosFiltros(linhaJogo)) return; if (!jogoPassaNosFiltrosSuperiores(linhaJogo)) return; if (linhaJogo.getAttribute('data-league-type') !== 'selecoes') return; if (!ligasSelecionadasNomes.has(linhaJogo.getAttribute('data-liga'))) return; const regiaoLiga = linhaJogo.getAttribute('data-region'); paisesSelecoesDaLinha(linhaJogo) .filter((pais) => selecaoCompativelComRegiaoDaLiga(pais, regiaoLiga)) .forEach((pais) => selecoesDisponiveis.add(pais)); }); document.querySelectorAll('.selection-filter:not(.selection-todos)').forEach((botaoSelecao) => { const pais = botaoSelecao.getAttribute('data-selection-country'); botaoSelecao.hidden = !selecoesDisponiveis.has(pais); }); const selecoesVisiveis = Array.from(document.querySelectorAll('.selection-filter:not(.selection-todos):not([hidden])')); const todasSelecoes = document.querySelector('.selection-todos'); ajustarTodosOpcaoUnica(todasSelecoes, selecoesVisiveis); if (todasSelecoes && !todasSelecoes.hidden) { todasSelecoes.setAttribute('aria-pressed', selecoesVisiveis.length > 0 && selecoesVisiveis.every((botaoSelecao) => botaoSelecao.getAttribute('aria-pressed') === 'true') ? 'true' : 'false'); } const selecoesSelecionadas = selecoesVisiveis.filter((botaoSelecao) => botaoSelecao.getAttribute('aria-pressed') === 'true'); const selecoesSelecionadasNomes = new Set(selecoesSelecionadas.map((botaoSelecao) => botaoSelecao.getAttribute('data-selection-country')).filter(Boolean)); const filtroPaisRestritivo = paisesVisiveis.length > 0 && paisesSelecionadosNomes.size > 0 && paisesSelecionadosNomes.size < paisesVisiveis.length; const filtroLigaRestritivo = ligasSelecionaveis.length > 0 && ligasSelecionadasNomes.size > 0 && ligasSelecionadasNomes.size < ligasSelecionaveis.length; document.querySelectorAll('.game-row').forEach((linhaJogo) => { const linhaContaNosFiltros = jogoSemTransmissaoContaNosFiltros(linhaJogo); const tipoLiga = linhaJogo.getAttribute('data-league-type'); const paisesJogo = paisesDaLigaDaLinha(linhaJogo); const selecoesJogo = paisesSelecoesDaLinha(linhaJogo); const estadoJogo = linhaJogo.getAttribute('data-state'); const secaoDoJogo = linhaJogo.closest('.match-section'); const filtroEncerradosDisponivel = secaoDoJogo?.getAttribute('data-section-kind') === 'today'; const jogoEncerradoNoBanco = linhaJogo.getAttribute('data-finished') === 'true'; const jogoEncerradoPorTempo = !filtroPaisRestritivo && !filtroLigaRestritivo && jogoEncerradoPeloHorario(linhaJogo); const jogoEncerrado = jogoEncerradoNoBanco || jogoEncerradoPorTempo; const chipsDoJogo = Array.from(linhaJogo.querySelectorAll('.channel-chip')); const chipsCondizentes = chipsDoJogo.filter((chip) => { const canal = chip.getAttribute('data-control-name'); return canal && canaisSelecionadosNomes.has(canal) && chipPermitidoPelosFiltros(chip); }); const canalOk = canaisSelecionadosNomes.size > 0 && chipsCondizentes.length > 0; const amistosoJogo = linhaJogo.getAttribute('data-liga') === 'Amistoso'; const formaJogo = linhaJogo.getAttribute('data-competition-kind') || 'LIGAS'; // Amistosos saltam o bloco competições; o filtro real é o chip "Amistoso" em ligaOk abaixo. const competicaoOk = amistosoJogo ? true : (formaAtiva(formaJogo) && regioesAtivas.has(linhaJogo.getAttribute('data-region')) && tiposAtivos.has(linhaJogo.getAttribute('data-league-type'))); const estadoOk = !estadoJogo || !estaduaisAtivos || estadosSelecionadosNomes.has(estadoJogo); // Jogo sem país associado (ex.: Copa do Mundo / FIFA, cuja liga // não tem L.IDPais) passa o filtro de país APENAS quando a região // da liga é MUNDIAIS/OUTROS/NACIONAIS — para ligas continentais // (SULAMERICANAS/EUROPÉIAS) data-countries vazio significa dado // ruim (ex.: jogo de seleção europeia entrando sob "Eliminatórias // Sul-Americanas") e o jogo não deve aparecer sob nenhum filtro // específico de país. Mesmo critério em ligaOkParaCanal e // ligasDisponiveisNomes. const regiaoLigaPaisJogo = linhaJogo.getAttribute('data-region'); const paisOk = tipoLiga === 'selecoes' || paisesVisiveis.length <= 1 || paisesSelecionados.length === 0 || (paisesJogo.length === 0 && aceitaJogoSemPaises(regiaoLigaPaisJogo)) || paisesJogo.some((pais) => paisesSelecionadosNomes.has(pais)); const selecaoOk = tipoLiga !== 'selecoes' || selecoesVisiveis.length <= 1 || (selecoesSelecionadas.length > 0 && selecoesJogo.some((pais) => selecoesSelecionadasNomes.has(pais) && selecaoCompativelComRegiaoDaLiga(pais, regiaoLigaPaisJogo))); const selecaoCopaOk = linhaJogo.getAttribute('data-liga') !== ligaCopaDoMundo || selecoesCopaVisiveis.length <= 1 || (selecoesCopaSelecionadas.length > 0 && selecoesJogo.some((pais) => selecoesCopaSelecionadasNomes.has(pais))); const ligaOk = ligasSelecionaveis.length > 0 && ligasSelecionadasNomes.has(linhaJogo.getAttribute('data-liga')); // Declarado ANTES de encerradoOk porque este o referencia. Em página de // time (paginaDeTime=true) a leitura acontecia antes da inicialização (TDZ: // "Cannot access 'jogoSemTransmissao' before initialization"), o que abortava // atualizarLinhasFiltros e impedia o reposicionamento dos filtros/jogos — // deixando o vão entre os filtros de transmissões e o de liga. const jogoSemTransmissao = linhaJogo.getAttribute('data-sem-transmissao') === 'true'; const encerradoOk = !filtroEncerradosDisponivel || jogosEncerradosAtivos || !jogoEncerrado || (paginaDeTime && jogoSemTransmissao); // Filtros ESTRUTURAIS (liga, país, competição, estado, encerrado): valem // tanto para jogos com transmissão quanto para os sem. O botão "Transmissões // não encontradas" só relaxa a exigência de CANAL — jogo sem transmissão // não tem canal por definição, então a regra de canal não se aplica a ele. // O botão é ADITIVO: ligado, jogos sem transmissão aparecem além dos com; // desligado, jogos sem transmissão somem mas os com transmissão continuam. const filtrosEstruturaisSemEncerradosOk = competicaoOk && estadoOk && paisOk && selecaoOk && selecaoCopaOk && ligaOk; const canalOuSemTransmissaoOk = jogoSemTransmissao ? semTransmissaoAtivo : (algumCanalAtivo && canalOk); const jogoAlcancavelPelosFiltros = linhaContaNosFiltros && filtrosEstruturaisSemEncerradosOk && canalOuSemTransmissaoOk; const filtrosEstruturaisOk = filtrosEstruturaisSemEncerradosOk && encerradoOk; const jogoVisivel = filtrosEstruturaisOk && ( jogoSemTransmissao ? semTransmissaoAtivo : (algumCanalAtivo && canalOk) ); linhaJogo.setAttribute('data-section-tool-eligible', jogoAlcancavelPelosFiltros ? 'true' : 'false'); linhaJogo.setAttribute('data-effective-finished', jogoEncerrado ? 'true' : 'false'); linhaJogo.setAttribute('data-result-eligible', jogoAlcancavelPelosFiltros && (linhaJogo.getAttribute('data-live') === 'true' || jogoEncerrado) && linhaJogo.getAttribute('data-has-score') === 'true' ? 'true' : 'false'); linhaJogo.setAttribute('data-sem-transmissao-eligible', linhaContaNosFiltros && filtrosEstruturaisSemEncerradosOk && jogoSemTransmissao ? 'true' : 'false'); linhaJogo.setAttribute('data-filter-hidden', jogoVisivel ? 'false' : 'true'); linhaJogo.hidden = !jogoVisivel; chipsDoJogo.forEach((chip) => { chip.hidden = !jogoVisivel || (!jogoSemTransmissao && !chipsCondizentes.includes(chip)); }); }); document.querySelectorAll('.match-section').forEach((secao) => { if (secao.getAttribute('data-section-kind') === 'today') return; // Mantém a seção visível quando há jogo visível OU quando há jogo // sem transmissão elegível a revelar — senão a seção (e com ela o // botão "Transmissões não encontradas") some, tornando impossível // revelar jogos de uma liga que só tem jogos sem transmissão. secao.hidden = !secao.querySelector('.game-row[data-filter-hidden="false"], .game-row[data-sem-transmissao-eligible="true"]'); }); atualizarPaginacao(); atualizarControlesDeChips(); const paisSection = document.querySelector('.country-filters'); const menuCopaDoMundo = document.querySelector('.world-cup-menu'); paisSection?.toggleAttribute('hidden', !algumCanalAtivo || !algumaCompeticaoAtiva || paisesVisiveis.length <= 1); ligaSection?.toggleAttribute('hidden', !algumCanalAtivo || !algumaCompeticaoAtiva || (paisesVisiveis.length > 1 && paisesSelecionados.length === 0 && ligasSelecoesSelecionadas.length === 0) || ligasVisiveis.length === 0); menuCopaDoMundo?.toggleAttribute('hidden', !copaDoMundoAtiva); // Balanceia a grade de chips forçando o mesmo nº de itens por linha // (12 -> 6+6 em vez de 9+3). MIN_CELL é a largura mínima viável para // um chip caber sem cortar a palavra mais longa típica daquele bloco. const balancearGradeDeChips = (secao, seletorChip, propCss, minCell, gap) => { if (!secao || secao.hasAttribute('hidden')) return; const chipsVisiveis = secao.querySelectorAll(seletorChip + ':not([hidden])').length; if (chipsVisiveis === 0) { secao.style.removeProperty(propCss); return; } const larguraSecao = secao.getBoundingClientRect().width; const maxColunasPorLinha = Math.max(1, Math.floor((larguraSecao + gap) / (minCell + gap))); const linhasNecessarias = Math.max(1, Math.ceil(chipsVisiveis / maxColunasPorLinha)); const colunasBalanceadas = Math.min(chipsVisiveis, Math.ceil(chipsVisiveis / linhasNecessarias)); secao.style.setProperty(propCss, String(colunasBalanceadas)); }; balancearGradeDeChips(paisSection, '.country-filter', '--country-cols', 110, 8); balancearGradeDeChips(ligaSection, '.league-chip', '--league-cols', 150, 12); const competicoesOcultas = document.querySelector('.competition-filters')?.hasAttribute('hidden') ?? true; const paisesOcultos = paisSection?.hasAttribute('hidden') ?? true; const ligasOcultas = ligaSection?.hasAttribute('hidden') ?? true; const selecoesOcultas = menuCopaDoMundo?.hasAttribute('hidden') ?? true; document.querySelector('.app-surface')?.setAttribute( 'data-filter-layout', competicoesOcultas ? 'channels' : paisesOcultos && ligasOcultas && selecoesOcultas ? 'competitions' : ligasOcultas && selecoesOcultas ? 'countries' : 'full' ); const appSurface = document.querySelector('.app-surface'); const posicionarAbaixo = (seletor, referencia) => { const elemento = document.querySelector(seletor); if (!appSurface || !elemento || !referencia) return referencia; // Seção oculta pela config global: pula no encadeamento de // posicionamento — a próxima seção visível precisa se // ancorar na referência ANTERIOR, não nessa que tem // bounding box zerado por display:none. if (elemento.getAttribute('data-config-hidden') === 'true') return referencia; if (elemento.hasAttribute('hidden')) return referencia; if (window.getComputedStyle(elemento).position !== 'absolute') return elemento; const area = appSurface.getBoundingClientRect(); const base = referencia.getBoundingClientRect(); const topo = ((base.bottom - area.top) / area.height) * 100 + 1.05; elemento.style.top = topo.toFixed(2) + '%'; return elemento; }; const canalSection = document.querySelector('.channel-filter-group'); // Quando o grupo de canais está oculto por config, usar ele // como referência inicial corromperia o chain (boundingRect // zerado por display:none). Recua a referência para o banner // imediatamente acima — é o elemento natural ao qual o grupo // de canais se ancoraria via CSS default. const canalConfigOculto = canalSection?.getAttribute('data-config-hidden') === 'true'; const canalReferencia = canalConfigOculto ? document.querySelector('[data-area="banner-2"]') : (document.querySelector('.channel-menu')?.classList.contains('channel-menu-open') ? document.querySelector('.channel-menu') : canalSection); const competicaoSection = posicionarAbaixo('.competition-filters', canalReferencia); const paisReferencia = document.querySelector('.state-menu')?.classList.contains('state-menu-open') ? document.querySelector('.state-menu') : competicaoSection; const paisSectionPosicionada = posicionarAbaixo('.country-filters', paisReferencia); const ligaSectionPosicionada = posicionarAbaixo('.league-filters', paisSectionPosicionada); document.querySelector('.app-surface')?.setAttribute('data-show-results', mostrarResultadosAtivos ? 'true' : 'false'); const filtrosVisiveis = ['.filters:not(.competition-filters)', '.channel-menu', '.competition-filters', '.state-menu', '.country-filters', '.league-filters', '.world-cup-menu'] .map((seletor) => document.querySelector(seletor)) .filter((elemento) => { if (!elemento || elemento.hasAttribute('hidden')) return false; const estilo = window.getComputedStyle(elemento); return estilo.display !== 'none' && estilo.visibility !== 'hidden'; }); if (appSurface && filtrosVisiveis.length > 0) { const limiteInferior = 95.05; const folga = 1.35; const area = appSurface.getBoundingClientRect(); // A grade de jogos começa abaixo do PONTO MAIS BAIXO de todos os // filtros visíveis — não do último em ordem de DOM. O menu da // Copa do Mundo é um grid item (grid-row 2) DENTRO de // .league-filters; quando a lista de ligas ocupa mais de uma // linha, esse menu termina ACIMA dos chips da última linha. // Usar só o rodapé do último elemento (antigo .at(-1), que // resolvia para o menu) fazia a área de jogos subir e sobrepor // os chips de baixo. Pegar o maior bottom (o bbox do // .league-filters já abrange chips + menu) elimina a // sobreposição. Coberto por validate:copa-menu-overlap com o // fixture multi-linha (ordenacao-filtros). const baseInferior = Math.max(...filtrosVisiveis.map((elemento) => elemento.getBoundingClientRect().bottom)); const topo = ((baseInferior - area.top) / area.height) * 100 + folga; appSurface.style.setProperty('--games-top', topo.toFixed(2) + '%'); appSurface.style.setProperty('--games-height', Math.max(18, limiteInferior - topo).toFixed(2) + '%'); } reposicionarRodapeLegal(); }; const reposicionarRodapeLegal = () => { // Reposiciona --data-note-top e --legal-footer-top com base no // RENDER CORRENTE de .games-area e .side-ad. Precisa rodar // SEMPRE que o conteúdo dos jogos muda (filtros mudaram, // paginação avançou para uma data com mais/menos jogos, etc.), // senão o rodapé fica preso num percentual antigo e acaba // sobreposto aos jogos quando a página seguinte tem mais // linhas que a anterior. Duas RAFs em sequência garantem // que o navegador já reflowed a grade antes da medição. const appSurface = document.querySelector('.app-surface'); if (!appSurface) return; requestAnimationFrame(() => requestAnimationFrame(() => { const areaAtualizada = appSurface.getBoundingClientRect(); const jogos = document.querySelector('.games-area')?.getBoundingClientRect(); const bannerLateral = document.querySelector('.side-ad')?.getBoundingClientRect(); const baseInferior = Math.max(jogos?.bottom ?? 0, bannerLateral?.bottom ?? 0); if (!baseInferior) return; const notaTopo = ((baseInferior - areaAtualizada.top) / areaAtualizada.height) * 100 + 1.2; appSurface.style.setProperty('--data-note-top', notaTopo.toFixed(2) + '%'); appSurface.style.setProperty('--legal-footer-top', (notaTopo + 2.4).toFixed(2) + '%'); })); }; // ----- Overlay "carregando" entre páginas ----- const overlayCarregando = () => document.querySelector('[data-page-loading]'); let timerCarregando = null; const esconderCarregando = () => { clearTimeout(timerCarregando); const ov = overlayCarregando(); if (!ov) return; ov.classList.remove('page-loading--ativo'); ov.setAttribute('aria-hidden', 'true'); }; const mostrarCarregando = () => { const ov = overlayCarregando(); if (!ov) return; ov.classList.add('page-loading--ativo'); ov.setAttribute('aria-hidden', 'false'); clearTimeout(timerCarregando); // Trava de segurança: nunca deixar o overlay preso na tela. timerCarregando = setTimeout(esconderCarregando, 8000); }; // ----- Busca inteligente: times (datalist) + ligas (JSON) ----- const normalizarBusca = (texto) => (texto || '') .toLowerCase() .normalize('NFD') .replace(/[\u0300-\u036f]/g, '') .trim(); const slugBusca = (texto) => normalizarBusca(texto) .replace(/[^a-z0-9]+/g, '-') .replace(/^-|-$/g, ''); let indiceBuscaCache = null; let popularesCache = []; const carregarIndiceBusca = () => { if (indiceBuscaCache) return indiceBuscaCache; const times = Array.from(document.querySelectorAll('#teamsSearchList option')).map((op) => ({ r: op.getAttribute('value') || '', u: op.getAttribute('data-url') || '', t: op.getAttribute('data-tipo') || 'time', s: op.getAttribute('data-pais') || '', })).filter((x) => x.r && x.u); let ligas = []; const dadosEl = document.getElementById('searchIndexData'); if (dadosEl) { try { const dados = JSON.parse(dadosEl.textContent || '{}'); ligas = (Array.isArray(dados.ligas) ? dados.ligas : []).map((l) => ({ r: l.r, u: l.u, t: 'liga', s: l.s || '' })); popularesCache = Array.isArray(dados.pop) ? dados.pop : []; } catch (e) { ligas = []; popularesCache = []; } } // Ligas primeiro (poucas, alta relevância), depois os times. indiceBuscaCache = ligas.concat(times); return indiceBuscaCache; }; const filtrarSugestoes = (termo) => { const chave = normalizarBusca(termo); if (!chave) return []; const pontuar = (item) => { const alvo = normalizarBusca(item.r); if (alvo === chave) return 0; if (alvo.indexOf(chave) === 0) return 1; if (alvo.split(/[^a-z0-9]+/).some((p) => p && p.indexOf(chave) === 0)) return 2; if (alvo.indexOf(chave) >= 0) return 3; return -1; }; return carregarIndiceBusca() .map((item) => ({ item: item, p: pontuar(item) })) .filter((x) => x.p >= 0) .sort((a, b) => (a.p - b.p) || a.item.r.localeCompare(b.item.r, 'pt-BR')) .slice(0, 8) .map((x) => x.item); }; const rotuloTipo = (t) => t === 'liga' ? 'Liga' : (t === 'selecao' ? 'Seleção' : 'Time'); const escaparHtml = (s) => String(s == null ? '' : s) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"'); let indiceSugestaoAtiva = -1; const itensSugestaoVisiveis = () => Array.from(document.querySelectorAll('#searchSuggest .search-suggest-item')); const renderizarSugestoes = (itens, ehPopular) => { const painel = document.getElementById('searchSuggest'); const input = document.getElementById('searchInput'); if (!painel || !input) return; indiceSugestaoAtiva = -1; input.removeAttribute('aria-activedescendant'); if (!itens || !itens.length) { painel.innerHTML = ''; painel.hidden = true; input.setAttribute('aria-expanded', 'false'); return; } const cabecalho = ehPopular ? '

Buscas mais frequentes

' : ''; const linhas = itens.map((item, i) => '' ).join(''); painel.innerHTML = cabecalho + linhas; painel.hidden = false; input.setAttribute('aria-expanded', 'true'); }; const destacarSugestao = (novo) => { const itens = itensSugestaoVisiveis(); const input = document.getElementById('searchInput'); if (!itens.length) return; indiceSugestaoAtiva = (novo + itens.length) % itens.length; itens.forEach((el, i) => { const ativo = i === indiceSugestaoAtiva; el.classList.toggle('is-active', ativo); if (ativo) { el.setAttribute('aria-selected', 'true'); input && input.setAttribute('aria-activedescendant', el.id); el.scrollIntoView({ block: 'nearest' }); } else { el.removeAttribute('aria-selected'); } }); }; const fecharSugestoes = () => { const painel = document.getElementById('searchSuggest'); const input = document.getElementById('searchInput'); if (painel) { painel.hidden = true; painel.innerHTML = ''; } if (input) { input.setAttribute('aria-expanded', 'false'); input.removeAttribute('aria-activedescendant'); } indiceSugestaoAtiva = -1; }; const mostrarPopulares = () => { carregarIndiceBusca(); renderizarSugestoes(popularesCache, true); }; const atualizarSugestoes = (valor) => { const termo = (valor || '').trim(); if (!termo) { mostrarPopulares(); return; } renderizarSugestoes(filtrarSugestoes(termo), false); }; const navegarParaBusca = (urlForcada) => { const input = document.getElementById('searchInput'); let destino = urlForcada || ''; if (!destino) { const valor = (input && input.value ? input.value : '').trim(); if (!valor) return; const itens = itensSugestaoVisiveis(); if (indiceSugestaoAtiva >= 0 && itens[indiceSugestaoAtiva]) { destino = itens[indiceSugestaoAtiva].getAttribute('href') || ''; } else { const candidatos = filtrarSugestoes(valor); destino = (candidatos[0] && candidatos[0].u) || ('/jogos-do-' + slugBusca(valor)); } } if (!destino) return; mostrarCarregando(); window.location.href = destino; }; document.addEventListener('input', (evento) => { if (!evento.target || evento.target.id !== 'searchInput') return; atualizarSugestoes(evento.target.value); }); document.addEventListener('focusin', (evento) => { if (!evento.target || evento.target.id !== 'searchInput') return; atualizarSugestoes(evento.target.value); }); document.addEventListener('keydown', (evento) => { if (!evento.target || evento.target.id !== 'searchInput') return; if (evento.key === 'ArrowDown') { evento.preventDefault(); destacarSugestao(indiceSugestaoAtiva + 1); } else if (evento.key === 'ArrowUp') { evento.preventDefault(); destacarSugestao(indiceSugestaoAtiva - 1); } else if (evento.key === 'Enter') { evento.preventDefault(); navegarParaBusca(); } else if (evento.key === 'Escape') { fecharSugestoes(); } }); // Clique no botão Buscar + fechar sugestões ao clicar fora. const filtrosTransmissaoAgrupada = ['GRÁTIS', 'TV ABERTA', 'YOUTUBE', 'PAGOS', 'ASSINATURAS', 'PPV']; const filtrosModalidadeAgrupada = ['SELEÇÕES', 'CLUBES', 'NACIONAIS', 'MUNDIAIS', 'SULAMERICANAS', 'EUROPÉIAS', 'OUTROS']; const ultimoFiltroIsolado = { transmissoes: '', canais: '', modalidades: '', estados: '', paises: '', copa: '', selecoes: '', ligas: '', }; const limparFiltroIsoladoExceto = (grupo) => { Object.keys(ultimoFiltroIsolado).forEach((chave) => { if (chave !== grupo) ultimoFiltroIsolado[chave] = ''; }); }; const aplicarCliqueAgrupado = (grupo, controle, opcoes) => { const nome = controle.getAttribute('data-control-name') || ''; const itens = Array.from(opcoes).filter(Boolean); if (itens.length <= 1) return false; const todosAtivos = itens.every((item) => item.getAttribute('aria-pressed') === 'true'); const somenteAtualAtivo = itens.every((item) => { const ativo = item.getAttribute('aria-pressed') === 'true'; return item === controle ? ativo : !ativo; }); if (todosAtivos) { itens.forEach((item) => { item.setAttribute('aria-pressed', item === controle ? 'true' : 'false'); }); ultimoFiltroIsolado[grupo] = nome; return true; } if (somenteAtualAtivo && ultimoFiltroIsolado[grupo] === nome) { itens.forEach((item) => { item.setAttribute('aria-pressed', item === controle ? 'false' : 'true'); }); ultimoFiltroIsolado[grupo] = ''; return true; } ultimoFiltroIsolado[grupo] = ''; return false; }; document.addEventListener('click', (evento) => { const alvo = evento.target; if (alvo.closest && alvo.closest('.search-submit')) { evento.preventDefault(); navegarParaBusca(); return; } if (!alvo.closest || !alvo.closest('[data-search-root]')) { fecharSugestoes(); } }); // Overlay "carregando" em QUALQUER navegação interna por link // (menus Início/Times/Rodadas, chip de liga, nome do time, item // de sugestão). NÃO dispara para filtros (são

Jogos do Racing Santander

Próximos Jogos