Widget:Character.WeaponToggle - Histórico de revisão

Gurren1: otm3

2025-12-23T10:47:30Z

otm3

← Edição anterior		Edição das 10h47min de 23 de dezembro de 2025
Linha 9:		Linha 9:
	// Função helper para construir URL de arquivo (mesmo sistema usado em Character.Skills.html)		// Função helper para construir URL de arquivo (mesmo sistema usado em Character.Skills.html)
	function filePathURL(fileName) {		function filePathURL(fileName) {
	if (!fileName) return '';		// Evita requisições para Nada.png que não existe
	const f = encodeURIComponent((fileName ~~\|\| 'Nada.png')~~.replace(/^Arquivo:\|^File:/, ''));		if (!fileName \|\| fileName.trim() === '' \|\| fileName === 'Nada.png' \|\| fileName.toLowerCase() === 'nada.png') {
			return '';
			}
			const f = encodeURIComponent(fileName.replace(/^Arquivo:\|^File:/, ''));
	const base = (window.mw && mw.util && typeof mw.util.wikiScript === 'function') ? mw.util.wikiScript() : (window.mw && window.mw.config ? (mw.config.get('wgScript') \|\| '/index.php') : '/index.php');		const base = (window.mw && mw.util && typeof mw.util.wikiScript === 'function') ? mw.util.wikiScript() : (window.mw && window.mw.config ? (mw.config.get('wgScript') \|\| '/index.php') : '/index.php');
	~~return~~ `${base}?title=Especial:FilePath/${f}`;		// Garante HTTPS para evitar Mixed Content
			let url = `${base}?title=Especial:FilePath/${f}`;
			if (window.location.protocol === 'https:' && url.startsWith('http://')) {
			url = url.replace('http://', 'https://');
			}
			return url;
	}		}

Linha 298:		Linha 306:
	img.className = 'weapon-toggle-icon';		img.className = 'weapon-toggle-icon';
	img.decoding = 'async';		img.decoding = 'async';
			img.loading = 'eager'; // Ícone do toggle é crítico - carrega imediatamente
	img.width = 50;		img.width = 50;
	img.height = 50;		img.height = 50;

Gurren1: otm2

2025-12-23T10:33:00Z

otm2

← Edição anterior		Edição das 10h33min de 23 de dezembro de 2025
Linha 344:		Linha 344:
	});		});

	// Insere ~~abaixo do char~~-~~translator~~		// Insere no container de controles (character-header-controls)
	characterHeader.appendChild(container);		const controlsContainer = document.querySelector('.character-header-controls');
			if (controlsContainer) {
			controlsContainer.appendChild(container);
			} else {
			// Fallback: insere no character-header se o container não existir
			characterHeader.appendChild(container);
			}

	// Atualiza estado visual inicial		// Atualiza estado visual inicial
Linha 378:		Linha 384:
	}		}

	// Observa quando o ~~char-translator~~ é criado para posicionar o toggle		// Observa quando o container de controles é criado para posicionar o toggle
	function observeCharacterHeader() {		function observeCharacterHeader() {
			const controlsContainer = document.querySelector('.character-header-controls');
	const characterHeader = document.querySelector('.character-header');		const characterHeader = document.querySelector('.character-header');
	if (characterHeader) {		if (controlsContainer \|\| characterHeader) {
	createWeaponToggle();		createWeaponToggle();
	} else {		} else {
Linha 389:		Linha 396:
	}		}

	// Observa mudanças no DOM para detectar quando o ~~character-header~~ é criado		// Observa mudanças no DOM para detectar quando o container de controles é criado
	function observeDOMForHeader() {		function observeDOMForHeader() {
	const observer = new MutationObserver((mutations) => {		const observer = new MutationObserver((mutations) => {
Linha 395:		Linha 402:
	mutation.addedNodes.forEach((node) => {		mutation.addedNodes.forEach((node) => {
	if (node.nodeType === 1) {		if (node.nodeType === 1) {
	if (node.classList && node.classList.contains('character-header')) {		if (node.classList && (node.classList.contains('character-header-controls') \|\| node.classList.contains('character-header'))) {
	setTimeout(() => createWeaponToggle(), 10);		setTimeout(() => createWeaponToggle(), 10);
	} else if (node.querySelector && node.querySelector('.character-header')) {		} else if (node.querySelector && (node.querySelector('.character-header-controls') \|\| node.querySelector('.character-header'))) {
	setTimeout(() => createWeaponToggle(), 10);		setTimeout(() => createWeaponToggle(), 10);
	}		}
Linha 748:		Linha 755:
	/* =========================== NOVO WEAPON TOGGLE =========================== */		/* =========================== NOVO WEAPON TOGGLE =========================== */
	.weapon-toggle-container {		.weapon-toggle-container {
	~~position: absolute;~~
	~~top: 50px;~~
	~~/* Abaixo do char-translator */~~
	~~right: 8px;~~
	display: flex;		display: flex;
	align-items: center;		align-items: center;

Gurren1: OTIMIZAÇÃO

2025-12-23T10:24:57Z

OTIMIZAÇÃO

← Edição anterior		Edição das 10h24min de 23 de dezembro de 2025
Linha 25:		Linha 25:
	}		}
	globalWeaponToggleIcon = filePathURL(raw.trim());		globalWeaponToggleIcon = filePathURL(raw.trim());
	console.log('[WeaponToggle] Resolved weaponicon:', raw, '->', globalWeaponToggleIcon);		// console.log('[WeaponToggle] Resolved weaponicon:', raw, '->', globalWeaponToggleIcon);
	}		}

Linha 297:		Linha 297:
	img.alt = weaponName;		img.alt = weaponName;
	img.className = 'weapon-toggle-icon';		img.className = 'weapon-toggle-icon';
			img.decoding = 'async';
			img.width = 50;
			img.height = 50;
	img.onerror = function () {		img.onerror = function () {
	console.error('[WeaponToggle] Erro ao carregar imagem:', globalWeaponToggleIcon);		// console.error('[WeaponToggle] Erro ao carregar imagem:', globalWeaponToggleIcon);
	};		};
	img.onload = function () {		img.onload = function () {
	console.log('[WeaponToggle] Imagem carregada com sucesso:', globalWeaponToggleIcon);		// console.log('[WeaponToggle] Imagem carregada com sucesso:', globalWeaponToggleIcon);
	};		};
	sprite.appendChild(img);		sprite.appendChild(img);
Linha 797:		Linha 800:
	image-rendering: -webkit-optimize-contrast;		image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;		image-rendering: crisp-edges;
			-ms-interpolation-mode: nearest-neighbor;
			/* Suporte Edge */
	object-fit: contain;		object-fit: contain;
	}		}

Gurren1: fix do toggle antigo aparecendo na barra de sub

2025-12-22T09:39:36Z

fix do toggle antigo aparecendo na barra de sub

← Edição anterior		Edição das 09h39min de 22 de dezembro de 2025
Linha 457:		Linha 457:
	observeCharacterHeader();		observeCharacterHeader();
	observeDOMForHeader();		observeDOMForHeader();

			// Remove qualquer toggle antigo que apareça nas barras de skills/subskills
			function removeOldToggles() {
			document.querySelectorAll('.weapon-bar-toggle').forEach(toggle => {
			toggle.remove();
			});
			}

			// Observa mudanças nas barras de ícones para remover toggles antigos
			const iconBarObserver = new MutationObserver(() => {
			removeOldToggles();
			});

			// Observa todas as barras de ícones existentes e futuras
			const observeAllIconBars = () => {
			document.querySelectorAll('.icon-bar').forEach(bar => {
			iconBarObserver.observe(bar, { childList: true, subtree: true });
			});
			};

			// Remove toggles antigos imediatamente
			removeOldToggles();

			// Observa barras existentes
			observeAllIconBars();

			// Observa criação de novas barras
			const bodyObserver = new MutationObserver((mutations) => {
			mutations.forEach((mutation) => {
			mutation.addedNodes.forEach((node) => {
			if (node.nodeType === 1) {
			if (node.classList && node.classList.contains('icon-bar')) {
			iconBarObserver.observe(node, { childList: true, subtree: true });
			removeOldToggles();
			} else if (node.querySelector && node.querySelector('.icon-bar')) {
			observeAllIconBars();
			removeOldToggles();
			}
			}
			});
			});
			});

			bodyObserver.observe(document.body, { childList: true, subtree: true });

	// Escuta mudanças no estado do weapon para atualizar visual		// Escuta mudanças no estado do weapon para atualizar visual

Gurren1: fix na opacidade da transição do vermelho > preto

2025-12-22T09:35:36Z

fix na opacidade da transição do vermelho > preto

← Edição anterior		Edição das 09h35min de 22 de dezembro de 2025
Linha 741:		Linha 741:
	box-sizing: border-box;		box-sizing: border-box;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .4);		box-shadow: 0 4px 12px rgba(0, 0, 0, .4);
	transition: background 0.~~1s ease~~, border-color 0.~~1s ease~~, box-shadow 0.~~1s ease~~;		transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
			will-change: background-color;
	}		}

Linha 771:		Linha 772:
	box-sizing: border-box;		box-sizing: border-box;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .4);		box-shadow: 0 4px 12px rgba(0, 0, 0, .4);
	transition: background 0.~~1s ease~~, border-color 0.~~1s ease~~;		transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-image 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
			will-change: background-color, background-image;
	}		}

Linha 833:		Linha 835:
	/* Estado ativo - destaque vermelho */		/* Estado ativo - destaque vermelho */
	.weapon-toggle-container.weapon-active .weapon-toggle-sprite {		.weapon-toggle-container.weapon-active .weapon-toggle-sprite {
	background: rgb(200, 60, 40);		background-color: rgb(200, 60, 40) !important;
	border: 2px solid rgba(255, 255, 255, 0.15);		border: 2px solid rgba(255, 255, 255, 0.15);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .4);		box-shadow: 0 4px 12px rgba(0, 0, 0, .4);
Linha 839:		Linha 841:

	.weapon-toggle-container.weapon-active .weapon-toggle-bar {		.weapon-toggle-container.weapon-active .weapon-toggle-bar {
	background: linear-gradient(135deg, rgb(200, 60, 40), rgb(160, 45, 30));		background-color: rgb(200, 60, 40);
			background-image: linear-gradient(135deg, rgb(200, 60, 40), rgb(160, 45, 30));
	border-color: rgba(255, 87, 34, 0.3);		border-color: rgba(255, 87, 34, 0.3);
	border-left: none;		border-left: none;

Gurren1: fix da sprite zuada e do popup bugado

2025-12-22T09:20:11Z

fix da sprite zuada e do popup bugado

← Edição anterior		Edição das 09h20min de 22 de dezembro de 2025
Linha 325:		Linha 325:
	const nextState = !currentState;		const nextState = !currentState;
	if (nextState) {		if (nextState) {
	if (typeof window.__glaWeaponShowPopup === 'function') {		// Verifica se o popup foi dispensado antes de mostrar
			let shouldShowPopup = true;
			try {
			if (localStorage.getItem('glaWeaponPopupDismissed') === '1') {
			shouldShowPopup = false;
			}
			} catch (e) { }
			if (shouldShowPopup && typeof window.__glaWeaponShowPopup === 'function') {
	window.__glaWeaponShowPopup();		window.__glaWeaponShowPopup();
	}		}
Linha 741:		Linha 748:
	height: 50px;		height: 50px;
	display: block;		display: block;
			image-rendering: pixelated;
			image-rendering: -moz-crisp-edges;
	image-rendering: -webkit-optimize-contrast;		image-rendering: -webkit-optimize-contrast;
	image-rendering: ~~pixelated~~;		image-rendering: crisp-edges;
	object-fit: contain;		object-fit: contain;
	}		}

Gurren1: new wptoggle 2

2025-12-22T09:13:03Z

new wptoggle 2

Mostrar alterações

Gurren1 em 09h06min de 22 de dezembro de 2025

2025-12-22T09:06:28Z

← Edição anterior		Edição das 09h06min de 22 de dezembro de 2025
Linha 247:		Linha 247:
	const modal = document.getElementById('weapon-info-modal');		const modal = document.getElementById('weapon-info-modal');
	if (modal) updateModalTexts(modal);		if (modal) updateModalTexts(modal);
	~~// Atualiza o texto do toggle também~~
	~~updateWeaponToggleText();~~
	});		});

	// Função para aplicar o ícone global ~~à sprite do~~ toggle		// Função para aplicar o ícone global ao botão de toggle se existir
	function applyGlobalWeaponIcon() {		function applyGlobalWeaponIcon() {
	const ~~sprite~~ = document.querySelector('.weapon-toggle~~-sprite~~');		const toggleBtn = document.querySelector('.weapon-bar-toggle');
	if (!~~sprite~~) {		if (!toggleBtn) {
	console.log('[WeaponToggle] ~~Sprite~~ não ~~encontrada~~ ainda');		console.log('[WeaponToggle] Botão não encontrado ainda');
	return;		return;
	}		}
Linha 262:		Linha 260:
	resolveCharacterWeaponIcon();		resolveCharacterWeaponIcon();

	// Se não tem ícone global, não faz nada (deixa o que já está ~~na sprite~~)		// Se não tem ícone global, não faz nada (deixa o que já está no botão)
	if (!globalWeaponToggleIcon) {		if (!globalWeaponToggleIcon) {
	console.log('[WeaponToggle] Nenhum weaponicon global encontrado');		console.log('[WeaponToggle] Nenhum weaponicon global encontrado');
Linha 269:		Linha 267:

	// Verifica se já tem o ícone aplicado corretamente		// Verifica se já tem o ícone aplicado corretamente
	const existingImg = ~~sprite~~.querySelector('img.weapon-toggle-icon');		const existingImg = toggleBtn.querySelector('img.weapon-toggle-icon');
	if (existingImg && existingImg.src === globalWeaponToggleIcon) {		if (existingImg && existingImg.src === globalWeaponToggleIcon) {
	console.log('[WeaponToggle] Ícone já aplicado corretamente');		console.log('[WeaponToggle] Ícone já aplicado corretamente');
Linha 277:		Linha 275:
	console.log('[WeaponToggle] Aplicando ícone global:', globalWeaponToggleIcon);		console.log('[WeaponToggle] Aplicando ícone global:', globalWeaponToggleIcon);

	// Limpa todo o conteúdo ~~da sprite~~		// Limpa todo o conteúdo do botão
	~~sprite~~.innerHTML = '';		toggleBtn.innerHTML = '';

	// Insere nova imagem		// Insere nova imagem (mesmo comportamento dos ícones de skills)
	const img = document.createElement('img');		const img = document.createElement('img');
	img.src = globalWeaponToggleIcon;		img.src = globalWeaponToggleIcon;
	~~const container = sprite.closest('.weapon-toggle-container');~~		img.alt = toggleBtn.dataset.nome \|\| 'Arma Especial';
	img.alt = ~~(container && container~~.dataset.nome) \|\| 'Arma Especial';
	img.className = 'weapon-toggle-icon';		img.className = 'weapon-toggle-icon';
			// Não aplica estilos inline - deixa o CSS fazer o trabalho

	// Adiciona handler de erro para debug		// Adiciona handler de erro para debug
Linha 295:		Linha 293:
	};		};

	~~sprite~~.appendChild(img);		toggleBtn.appendChild(img);
	}		}

	~~// Função para atualizar o texto i18n na barra~~		// Observa quando o botão de toggle é criado
	~~function updateWeaponToggleText() {~~
	~~const nameSpan = document.querySelector('.weapon-toggle-name');~~
	~~if (!nameSpan) return;~~

	~~// Obtém o idioma atual~~
	~~const html = document.documentElement.lang \|\| 'pt-br';~~
	~~const lang = html.toLowerCase().split('-')[0];~~
	~~const normalizedLang = (lang === 'pt-br' \|\| lang === 'pt') ? 'pt' : lang;~~

	~~// Atualiza o data-lang~~
	~~nameSpan.setAttribute('data-lang', normalizedLang);~~
	}

	// Observa quando o toggle é criado
	function observeWeaponToggleButton() {		function observeWeaponToggleButton() {
	// Tenta aplicar imediatamente se o ~~toggle~~ já existe		// Tenta aplicar imediatamente se o botão já existe
	~~const container =~~ document.querySelector('.weapon-toggle~~-container~~');		if (document.querySelector('.weapon-bar-toggle')) {
	~~if (container~~) {
	applyGlobalWeaponIcon();		applyGlobalWeaponIcon();
	~~updateWeaponToggleText();~~
	}		}

	// Tenta novamente após delays para garantir que o ~~toggle~~ foi criado		// Tenta novamente após delays para garantir que o botão foi criado
	setTimeout(() => {		setTimeout(() => {
	applyGlobalWeaponIcon();		applyGlobalWeaponIcon();
	~~updateWeaponToggleText();~~
	}, 100);		}, 100);

	setTimeout(() => {		setTimeout(() => {
	applyGlobalWeaponIcon();		applyGlobalWeaponIcon();
	~~updateWeaponToggleText();~~
	}, 500);		}, 500);

	// Observa mudanças no DOM para detectar quando o ~~toggle~~ é criado		// Observa mudanças no DOM para detectar quando o botão é criado
	const observer = new MutationObserver((mutations) => {		const observer = new MutationObserver((mutations) => {
	mutations.forEach((mutation) => {		mutations.forEach((mutation) => {
	mutation.addedNodes.forEach((node) => {		mutation.addedNodes.forEach((node) => {
	if (node.nodeType === 1) {		if (node.nodeType === 1) {
	// Verifica se o nó adicionado é o ~~container~~ ou contém o ~~container~~		// Verifica se o nó adicionado é o botão ou contém o botão
	if (node.classList && node.classList.contains('weapon-toggle~~-container~~')) {		if (node.classList && node.classList.contains('weapon-bar-toggle')) {
	setTimeout(() => {		setTimeout(() => applyGlobalWeaponIcon(), 10);
	applyGlobalWeaponIcon();		} else if (node.querySelector && node.querySelector('.weapon-bar-toggle')) {
	~~updateWeaponToggleText();~~		setTimeout(() => applyGlobalWeaponIcon(), 10);
	}, 10);
	} else if (node.querySelector && node.querySelector('.weapon-toggle~~-container~~')) {
	setTimeout(() => {
	applyGlobalWeaponIcon();
	~~updateWeaponToggleText();~~
	}, 10);
	}		}
	}		}
Linha 354:		Linha 328:
	});		});

	const ~~characterHeader~~ = document.querySelector('.~~character~~-~~header') \|\| document.querySelector('.character-box~~');		const iconBar = document.querySelector('.icon-bar');
	if (~~characterHeader~~) {		if (iconBar) {
	observer.observe(~~characterHeader~~, { childList: true, subtree: true });		observer.observe(iconBar, { childList: true, subtree: true });
	}		}
	}		}

Gurren1: new toggleweapon self

2025-12-22T09:00:28Z

new toggleweapon self

← Edição anterior		Edição das 09h00min de 22 de dezembro de 2025
Linha 247:		Linha 247:
	const modal = document.getElementById('weapon-info-modal');		const modal = document.getElementById('weapon-info-modal');
	if (modal) updateModalTexts(modal);		if (modal) updateModalTexts(modal);
			// Atualiza o texto do toggle também
			updateWeaponToggleText();
	});		});

	// Função para aplicar o ícone global ~~ao botão de~~ toggle ~~se existir~~		// Função para aplicar o ícone global à sprite do toggle
	function applyGlobalWeaponIcon() {		function applyGlobalWeaponIcon() {
	const ~~toggleBtn~~ = document.querySelector('.weapon-~~bar~~-~~toggle~~');		const sprite = document.querySelector('.weapon-toggle-sprite');
	if (!~~toggleBtn~~) {		if (!sprite) {
	console.log('[WeaponToggle] ~~Botão~~ não ~~encontrado~~ ainda');		console.log('[WeaponToggle] Sprite não encontrada ainda');
	return;		return;
	}		}
Linha 260:		Linha 262:
	resolveCharacterWeaponIcon();		resolveCharacterWeaponIcon();

	// Se não tem ícone global, não faz nada (deixa o que já está ~~no botão~~)		// Se não tem ícone global, não faz nada (deixa o que já está na sprite)
	if (!globalWeaponToggleIcon) {		if (!globalWeaponToggleIcon) {
	console.log('[WeaponToggle] Nenhum weaponicon global encontrado');		console.log('[WeaponToggle] Nenhum weaponicon global encontrado');
Linha 267:		Linha 269:

	// Verifica se já tem o ícone aplicado corretamente		// Verifica se já tem o ícone aplicado corretamente
	const existingImg = ~~toggleBtn~~.querySelector('img.weapon-toggle-icon');		const existingImg = sprite.querySelector('img.weapon-toggle-icon');
	if (existingImg && existingImg.src === globalWeaponToggleIcon) {		if (existingImg && existingImg.src === globalWeaponToggleIcon) {
	console.log('[WeaponToggle] Ícone já aplicado corretamente');		console.log('[WeaponToggle] Ícone já aplicado corretamente');
Linha 275:		Linha 277:
	console.log('[WeaponToggle] Aplicando ícone global:', globalWeaponToggleIcon);		console.log('[WeaponToggle] Aplicando ícone global:', globalWeaponToggleIcon);

	// Limpa todo o conteúdo ~~do botão~~		// Limpa todo o conteúdo da sprite
	~~toggleBtn~~.innerHTML = '';		sprite.innerHTML = '';

	// Insere nova imagem ~~(mesmo comportamento dos ícones de skills)~~		// Insere nova imagem
	const img = document.createElement('img');		const img = document.createElement('img');
	img.src = globalWeaponToggleIcon;		img.src = globalWeaponToggleIcon;
	img.alt = ~~toggleBtn~~.dataset.nome \|\| 'Arma Especial';		const container = sprite.closest('.weapon-toggle-container');
			img.alt = (container && container.dataset.nome) \|\| 'Arma Especial';
	img.className = 'weapon-toggle-icon';		img.className = 'weapon-toggle-icon';
	~~// Não aplica estilos inline - deixa o CSS fazer o trabalho~~

	// Adiciona handler de erro para debug		// Adiciona handler de erro para debug
Linha 293:		Linha 295:
	};		};

	~~toggleBtn~~.appendChild(img);		sprite.appendChild(img);
	}		}

	// Observa quando o ~~botão de~~ toggle é criado		// Função para atualizar o texto i18n na barra
			function updateWeaponToggleText() {
			const nameSpan = document.querySelector('.weapon-toggle-name');
			if (!nameSpan) return;

			// Obtém o idioma atual
			const html = document.documentElement.lang \|\| 'pt-br';
			const lang = html.toLowerCase().split('-')[0];
			const normalizedLang = (lang === 'pt-br' \|\| lang === 'pt') ? 'pt' : lang;

			// Atualiza o data-lang
			nameSpan.setAttribute('data-lang', normalizedLang);
			}

			// Observa quando o toggle é criado
	function observeWeaponToggleButton() {		function observeWeaponToggleButton() {
	// Tenta aplicar imediatamente se o ~~botão~~ já existe		// Tenta aplicar imediatamente se o toggle já existe
	~~if (~~document.querySelector('.weapon-~~bar~~-~~toggle~~')) {		const container = document.querySelector('.weapon-toggle-container');
			if (container) {
	applyGlobalWeaponIcon();		applyGlobalWeaponIcon();
			updateWeaponToggleText();
	}		}

	// Tenta novamente após delays para garantir que o ~~botão~~ foi criado		// Tenta novamente após delays para garantir que o toggle foi criado
	setTimeout(() => {		setTimeout(() => {
	applyGlobalWeaponIcon();		applyGlobalWeaponIcon();
			updateWeaponToggleText();
	}, 100);		}, 100);

	setTimeout(() => {		setTimeout(() => {
	applyGlobalWeaponIcon();		applyGlobalWeaponIcon();
			updateWeaponToggleText();
	}, 500);		}, 500);

	// Observa mudanças no DOM para detectar quando o ~~botão~~ é criado		// Observa mudanças no DOM para detectar quando o toggle é criado
	const observer = new MutationObserver((mutations) => {		const observer = new MutationObserver((mutations) => {
	mutations.forEach((mutation) => {		mutations.forEach((mutation) => {
	mutation.addedNodes.forEach((node) => {		mutation.addedNodes.forEach((node) => {
	if (node.nodeType === 1) {		if (node.nodeType === 1) {
	// Verifica se o nó adicionado é o ~~botão~~ ou contém o ~~botão~~		// Verifica se o nó adicionado é o container ou contém o container
	if (node.classList && node.classList.contains('weapon-~~bar~~-~~toggle~~')) {		if (node.classList && node.classList.contains('weapon-toggle-container')) {
	setTimeout(() => applyGlobalWeaponIcon(), 10);		setTimeout(() => {
	} else if (node.querySelector && node.querySelector('.weapon-~~bar~~-~~toggle~~')) {		applyGlobalWeaponIcon();
	setTimeout(() => applyGlobalWeaponIcon(), 10);		updateWeaponToggleText();
			}, 10);
			} else if (node.querySelector && node.querySelector('.weapon-toggle-container')) {
			setTimeout(() => {
			applyGlobalWeaponIcon();
			updateWeaponToggleText();
			}, 10);
	}		}
	}		}
Linha 328:		Linha 354:
	});		});

	const ~~iconBar~~ = document.querySelector('.~~icon~~-~~bar~~');		const characterHeader = document.querySelector('.character-header') \|\| document.querySelector('.character-box');
	if (~~iconBar~~) {		if (characterHeader) {
	observer.observe(~~iconBar~~, { childList: true, subtree: true });		observer.observe(characterHeader, { childList: true, subtree: true });
	}		}
	}		}

Gurren1 em 20h16min de 21 de dezembro de 2025

2025-12-21T20:16:47Z

← Edição anterior		Edição das 20h16min de 21 de dezembro de 2025
Linha 278:		Linha 278:
	toggleBtn.innerHTML = '';		toggleBtn.innerHTML = '';

	// Insere nova imagem (~~ocupa todo o espaço do botão, igual aos~~ ícones de ~~habilidades~~)		// Insere nova imagem (mesmo comportamento dos ícones de skills)
	const img = document.createElement('img');		const img = document.createElement('img');
	img.src = globalWeaponToggleIcon;		img.src = globalWeaponToggleIcon;
	img.alt = toggleBtn.dataset.nome \|\| 'Arma Especial';		img.alt = toggleBtn.dataset.nome \|\| 'Arma Especial';
	img.className = 'weapon-toggle-icon';		img.className = 'weapon-toggle-icon';
	~~img.style.display = 'block';~~		// Não aplica estilos inline - deixa o CSS fazer o trabalho
	~~img.style.width = '100%';~~
	~~img.style.height = '100%';~~
	~~img.style.objectFit = 'cover';~~
	~~img.style.borderRadius = 'inherit';~~

	// Adiciona handler de erro para debug		// Adiciona handler de erro para debug