;(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(); })();

Eleições 2022

Entorno do debate tem bandeiraço e protesto por 'candidatos excluídos'

Patrick Cosplay, 31, nome artístico do manifestante fantasiado como Homem-Aranha - Herculano Barreto Filho/UOL — Patrick Cosplay, 31, nome artístico do manifestante fantasiado como Homem-Aranha Imagem: Herculano Barreto Filho/UOL

Do UOL, em São Paulo

28/08/2022 20h53

As ruas no entorno do primeiro debate entre os candidatos à Presidência da República, na noite de hoje, nos estúdios da TV Bandeirantes, em São Paulo, tiveram bandeiraço, protesto por "candidatos excluídos" e reforço policial para evitar conflitos entre os militantes. O debate é organizado e transmitido pelo UOL, em parceria com Band, Folha de S.Paulo e TV Cultura.

Gradis com agentes de segurança separam os manifestantes da entrada da emissora. De um lado, há apoiadores do ex-presidente Luiz Inácio Lula da Silva (PT). Do outro, militantes de candidatos que ficaram fora. Não havia grande concentração de apoiadores do presidente Jair Bolsonaro (PL) no local.

Manifestantes negros ostentavam uma faixa, onde se lia: "também é racismo quando negros são barrados no debate". Eles são apoiadores do candidato Leonardo Péricles (Unidade Popular).

Apoiadores de Leonardo Péricles (Unidade Popular) seguram bandeira protestando contra a ausência de seu candidato - Herculano Barreto Filho/UOL - Herculano Barreto Filho/UOL — Apoiadores de Leonardo Péricles (Unidade Popular) seguram bandeira protestando contra a ausência de seu candidato
Imagem: Herculano Barreto Filho/UOL

No local, também havia apoiadores do candidato Pablo Marçal (PROS). Entre eles, chamava a atenção a presença de Patrick Cosplay, 31, nome artístico do manifestante fantasiado como Homem-Aranha, que erguia um cartaz com críticas a Lula e a Bolsonaro, com a frase: "o Brasil precisa de heróis".

"Heróis são aqueles que se importam e se doam pelo povo", disse.

Do lado oposto do estúdio, havia um grupo de apoiadores do Lula.

Com bandeiraço e instrumentos musicais, a militância se mobilizava para assistir à transmissão em um telão instalado no local.

Apoiadores de Lula se aglomeram em torno de um carro na expectativa de que fosse o ex-presidente - Herculando Barreto Filho/UOL - Herculando Barreto Filho/UOL — Apoiadores de Lula se aglomeram em torno de um carro na expectativa de que fosse o ex-presidente
Imagem: Herculando Barreto Filho/UOL

"Estamos aqui para receber o Lula, não para enfrentar os bolsonaristas", disse a economista Lígia Toneto, 25, uma das organizadoras da mobilização, que contou com a presença de militantes de Embu das Artes, Osasco e do ABC paulista.

A maior expectativa era pela chegada de Lula. Quando uma comitiva com carros com vidros filmados ou pelo local, as pessoas se aproximaram para filmar e fotografar. "Era o Lula?", perguntavam os militantes.

Na rua que dava o aos militantes petistas, havia uma viatura da PM para impedir a entrada de bolsonaristas. Ao ver um pequeno grupo com bandeiras do Brasil às costas, os agentes os orientaram a fazer o contorno e chegar ao lado oposto.