;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

Rafael Reis

REPORTAGEM

Texto que relata acontecimentos, baseado em fatos e dados observados ou verificados diretamente pelo jornalista ou obtidos pelo o a fontes jornalísticas reconhecidas e confiáveis.

Próxima Champions já começa em duas semanas; conheça os times classificados

Colunista do UOL

12/06/2023 04h00

Receba os novos posts desta coluna no seu e-mail

Email inválido

Faz só dois dias que o Manchester City conquistou o título inédito da Liga dos Campeões da Europa. No entanto, a próxima edição do torneio interclubes mais badalado do planeta já está em contagem regressiva para começar.

A temporada 2023/24 da Champions tem início previsto para daqui duas semanas, em 27 de junho. Essa é a data de começo do mata-mata entre Buducnost Podgorica (Montenegro), Tre Penne (San Marino), Breibablik (Islândia) e Atlètic d'Escaldes (Andorra), os campeões nacionais dos quatro países de pior coeficiente da Uefa.

Apenas um deles seguirá para as fases preliminares da competição, que se arrastarão até agosto e definirão os donos das últimas vagas na tão disputada etapa de grupos, aquela que reúne Real Madrid, Bayern de Munique, Liverpool e os outros gigantes do futebol europeu.

O que já se sabe sobre a próxima Champions

Somando todas as etapas, o torneio contará com a participação de 79 clubes. Vinte e seis deles já estão assegurados na fase de grupos. E os outros 53 duelam pelas seis vagas restantes

A "pré-Champions" é dividida em cinco fases diferentes. As primeiras são exclusivas para representantes de países de futebol mais fraco. Conforme o torneio vai se afunilando, entram os times de nações mais expressivas.

As etapas preliminares contarão com a presença de duas equipes que já levantaram a Orelhuda: Olympique de Marselha (FRA) e PSV Eindhoven (HOL).

A Espanha será o único país com cinco clubes participantes. Barcelona, Real Madrid, Atlético de Madri e Real Sociedad obtiveram vaga pelo campeonato nacional, enquanto o Sevilla se classificou porque ganhou a Liga Europa. Todos eles já estão na fase de grupos.

A fase de grupos já tem um estreante garantido: o Union Berlin, surpreendente quarto colocado do último Alemão.

Lens, Newcastle e Real Sociedad retornam à etapa principal da competição depois de longos períodos de ausência. Suas últimas participações foram em 2002/03, 2002/03 e 2013/14, respectivamente.

Essa será a última edição da Champions no formato atual. A partir da temporada seguinte, o torneio ará por uma reformulação completa, acabará com a fase de grupos e contará com a presença de 36 equipes na etapa principal.

O próximo campeão europeu será conhecido no dia 1º de junho de 2024. A final será jogada no estádio de Wembley, em Londres.

Clubes assegurados na fase de grupos de 2023/24

Arsenal (ING)
Atlético de Madri (ESP)
Barcelona (ESP)
Bayern de Munique (ALE)
Benfica (POR)
Borussia Dortmund (ALE)
Celtic (ESC)
Estrela Vermelha (SER)
Feyenoord (HOL)
Inter de Milão (ITA)
Lazio (ITA)
Lens (FRA)
Manchester City (ING)
Manchester United (ING)
Milan (ITA)
Newcastle (ING)
Napoli (ITA)
Paris Saint-Germain (FRA)
Porto (POR)
RB Leipzig (ALE)
Red Bull Salzburg (AUT)
Real Madrid (ESP)
Real Sociedad (ESP)
Sevilla (ESP)
Shakhtar Donetsk (UCR)
Union Berlim (ALE)