Widget:GuildAssets - Histórico de revisão

Gurren1 em 16h12min de 9 de fevereiro de 2026

2026-02-09T16:12:29Z

← Edição anterior		Edição das 16h12min de 9 de fevereiro de 2026
Linha 278:		Linha 278:
	max-width: 100%;		max-width: 100%;
	order: -1;		order: -1;
			}
			}

			@media (max-width: 900px) {
			.utab__display {
			gap: 24px;
			}

			.utab__image {
			max-width: 45%;
			}

			.utab__stats {
			gap: 14px;
			}

			.utab__stat {
			padding: 12px 14px;
	}		}
	}		}

Gurren1 em 16h10min de 9 de fevereiro de 2026

2026-02-09T16:10:26Z

← Edição anterior		Edição das 16h10min de 9 de fevereiro de 2026
Linha 100:		Linha 100:
	padding: 10px;		padding: 10px;
	flex-shrink: 0;		flex-shrink: 0;
	max-width: ~~none~~;		max-width: 100%;
	display: flex;		display: flex;
	justify-content: center;		justify-content: center;
			box-sizing: border-box;
	}		}

Linha 114:		Linha 115:

	.utab__image .utab-responsive-frame {		.utab__image .utab-responsive-frame {
	width: ~~fit-content~~;		width: 100%;
	max-width: 100%;		max-width: 100%;
	margin: 0 auto;		margin: 0 auto;
Linha 120:		Linha 121:
	background: transparent;		background: transparent;
	box-shadow: none;		box-shadow: none;
			box-sizing: border-box;
	}		}

Linha 127:		Linha 129:
	.utab__image .utab-responsive-frame .mw-file-description {		.utab__image .utab-responsive-frame .mw-file-description {
	max-width: 100% !important;		max-width: 100% !important;
	width: ~~auto~~ !important;		width: 100% !important;
	padding: 0 !important;		padding: 0 !important;
	margin: 0 auto !important;		margin: 0 auto !important;
Linha 139:		Linha 141:
	display: block !important;		display: block !important;
	max-width: 100% !important;		max-width: 100% !important;
	width: ~~auto~~ !important;		width: 100% !important;
	height: auto !important;		height: auto !important;
	margin: 0 auto !important;		margin: 0 auto !important;

Gurren1 em 16h08min de 9 de fevereiro de 2026

2026-02-09T16:08:07Z

← Edição anterior		Edição das 16h08min de 9 de fevereiro de 2026
Linha 66:		Linha 66:
	.utab--skin .utab__levelBtn {		.utab--skin .utab__levelBtn {
	padding: 0;		padding: 0;
	width: ~~14px~~;		width: 22px;
	height: ~~14px~~;		height: 22px;
	border-radius: 999px;		border-radius: 999px;
	font-size: 0;		font-size: 0;
Linha 101:		Linha 101:
	flex-shrink: 0;		flex-shrink: 0;
	max-width: none;		max-width: none;
			display: flex;
			justify-content: center;
	}		}

Linha 108:		Linha 110:
	width: auto;		width: auto;
	max-width: 100%;		max-width: 100%;
			border-radius: 8px;
			}

			.utab__image .utab-responsive-frame {
			width: fit-content;
			max-width: 100%;
			margin: 0 auto;
			padding: 0;
			background: transparent;
			box-shadow: none;
			}

			.utab__image .utab-responsive-frame .thumbinner,
			.utab__image .utab-responsive-frame .thumb,
			.utab__image .utab-responsive-frame figure,
			.utab__image .utab-responsive-frame .mw-file-description {
			max-width: 100% !important;
			width: auto !important;
			padding: 0 !important;
			margin: 0 auto !important;
			border: 0 !important;
			background: transparent !important;
			box-shadow: none !important;
			box-sizing: border-box;
			}

			.utab__image .utab-responsive-frame img {
			display: block !important;
			max-width: 100% !important;
			width: auto !important;
			height: auto !important;
			margin: 0 auto !important;
			border: 0 !important;
	border-radius: 8px;		border-radius: 8px;
	}		}
Linha 227:		Linha 262:
	.utab--skin .utab__levels {		.utab--skin .utab__levels {
	justify-content: center;		justify-content: center;
			}

			.utab--skin .utab__levelBtn {
			width: 28px;
			height: 28px;
	}		}

Linha 371:		Linha 411:

	if (current.imageHtml) {		if (current.imageHtml) {
	imageWrap.innerHTML = current.imageHtml;		imageWrap.innerHTML = '<div class="utab-responsive-frame">' + current.imageHtml + "</div>";
	imageWrap.classList.remove("is-empty");		imageWrap.classList.remove("is-empty");
	display.classList.remove("is-image-empty");		display.classList.remove("is-image-empty");

Gurren1 em 12h54min de 9 de fevereiro de 2026

2026-02-09T12:54:18Z

← Edição anterior		Edição das 12h54min de 9 de fevereiro de 2026
Linha 41:		Linha 41:
	}		}

	~~.utab__skinCost {~~
	~~margin: 0 0 10px;~~
	~~text-align: left;~~
	~~display: flex;~~
	~~justify-content: flex-start;~~
	}

	~~.utab__skinCostBox {~~
	~~background: #13243a;~~
	~~border: 1px solid #274a74;~~
	~~border-radius: 999px;~~
	~~padding: 6px 12px;~~
	~~font-weight: 700;~~
	~~font-size: 13px;~~
	~~color: #dbe7ff;~~
	~~display: inline-flex;~~
	~~gap: 10px;~~
	~~align-items: center;~~
	}

	~~.utab__skinCostBox .utab__costBerry {~~
	~~color: #ffd166;~~
	}

	~~.utab__skinCostBox .utab__costPoints {~~
	~~color: #a6b0bf;~~
	}

	.utab__levelBtn {		.utab__levelBtn {
Linha 127:		Linha 100:
	padding: 10px;		padding: 10px;
	flex-shrink: 0;		flex-shrink: 0;
	max-width: ~~50%~~;		max-width: none;
	}		}

Linha 133:		Linha 106:
	display: block;		display: block;
	height: auto;		height: auto;
			width: auto;
	max-width: 100%;		max-width: 100%;
	border-radius: 8px;		border-radius: 8px;
Linha 253:		Linha 227:
	.utab--skin .utab__levels {		.utab--skin .utab__levels {
	justify-content: center;		justify-content: center;
	}

	~~.utab__skinCost {~~
	~~justify-content: center;~~
	~~text-align: center;~~
	}		}

Linha 304:		Linha 273:
	{ level: 5, berries: "1.800.000", gems: "90", points: "28.000" }		{ level: 5, berries: "1.800.000", gems: "90", points: "28.000" }
	];		];
	~~var skinCost = { berries: "5.000.000", points: "100.000" };~~

	function shouldRebuild(utab) {		function shouldRebuild(utab) {
Linha 348:		Linha 316:
	nav.setAttribute("aria-label", "Níveis de " + label);		nav.setAttribute("aria-label", "Níveis de " + label);

	~~if (isSkin) {~~
	~~var costWrap = document.createElement("div");~~
	~~costWrap.className = "utab__skinCost";~~
	~~costWrap.innerHTML =~~
	~~'<div class="utab__skinCostBox">'~~
	~~+ '<span class="utab__costPoints">' + skinCost.points + ' Pontos de Aliança</span>'~~
	~~+ '<span class="utab__costBerry">' + skinCost.berries + ' Berries</span>'~~
	~~+ '</div>';~~
	~~utab.appendChild(costWrap);~~
	}

	var display = document.createElement("div");		var display = document.createElement("div");

Gurren1 em 12h46min de 9 de fevereiro de 2026

2026-02-09T12:46:29Z

← Edição anterior		Edição das 12h46min de 9 de fevereiro de 2026
Linha 39:		Linha 39:
	gap: 8px;		gap: 8px;
	margin-bottom: 16px;		margin-bottom: 16px;
	}

	~~.utab--skin .utab__levels {~~
	~~justify-content: center;~~
	}		}

	.utab__skinCost {		.utab__skinCost {
	margin: 0 0 10px;		margin: 0 0 10px;
	text-align: ~~center~~;		text-align: left;
	display: flex;		display: flex;
	justify-content: ~~center~~;		justify-content: flex-start;
	}		}

Linha 255:		Linha 251:

	@media (max-width: 600px) {		@media (max-width: 600px) {
			.utab--skin .utab__levels {
			justify-content: center;
			}

			.utab__skinCost {
			justify-content: center;
			text-align: center;
			}

	.utab__display {		.utab__display {
	flex-direction: column-reverse;		flex-direction: column-reverse;
Linha 418:		Linha 423:

	var levelNum = parseInt(current.level, 10);		var levelNum = parseInt(current.level, 10);
	var cost = isSkin		var cost = isSkin
	? null		? null
	: upgradeCosts.filter(function (c) { return c.level === levelNum; })[0];		: upgradeCosts.filter(function (c) { return c.level === levelNum; })[0];
	var costTitle = "Custos de Melhoria";		var costTitle = "Custos de Melhoria";
	var costHtml = cost		var costHtml = cost
	? '<div class="utab__stat utab__stat--cost"><div class="utab__statTitle">' + costTitle + '</div><ul class="utab__statList">'		? '<div class="utab__stat utab__stat--cost"><div class="utab__statTitle">' + costTitle + '</div><ul class="utab__statList">'
	+ '<li class="utab__costRow"><span class="utab__costBerry">' + cost.berries + ' Berries</span></li>'		+ '<li class="utab__costRow"><span class="utab__costBerry">' + cost.berries + ' Berries</span></li>'
	+ (cost.gems ? '<li class="utab__costRow"><span class="utab__costGems">' + cost.gems + ' Gemas</span></li>' : '')		+ (cost.gems ? '<li class="utab__costRow"><span class="utab__costGems">' + cost.gems + ' Gemas</span></li>' : '')
	+ '<li class="utab__costRow"><span class="utab__costPoints">' + cost.points + ' Pontos de Aliança</span></li>'		+ '<li class="utab__costRow"><span class="utab__costPoints">' + cost.points + ' Pontos de Aliança</span></li>'
	+ '</ul></div>'		+ '</ul></div>'
	: "";		: "";

	var infoHtml = (!isSkin && current.descHtml)		var infoHtml = (!isSkin && current.descHtml)
	? '<div class="utab__stat utab__stat--desc"><div class="utab__statTitle">Informações</div><div class="utab__descContent">' + current.descHtml + '</div></div>'		? '<div class="utab__stat utab__stat--desc"><div class="utab__statTitle">Informações</div><div class="utab__descContent">' + current.descHtml + '</div></div>'
	: "";		: "";

Gurren1 em 12h45min de 9 de fevereiro de 2026

2026-02-09T12:45:13Z

← Edição anterior		Edição das 12h45min de 9 de fevereiro de 2026
Linha 43:		Linha 43:
	.utab--skin .utab__levels {		.utab--skin .utab__levels {
	justify-content: center;		justify-content: center;
			}

			.utab__skinCost {
			margin: 0 0 10px;
			text-align: center;
			display: flex;
			justify-content: center;
			}

			.utab__skinCostBox {
			background: #13243a;
			border: 1px solid #274a74;
			border-radius: 999px;
			padding: 6px 12px;
			font-weight: 700;
			font-size: 13px;
			color: #dbe7ff;
			display: inline-flex;
			gap: 10px;
			align-items: center;
			}

			.utab__skinCostBox .utab__costBerry {
			color: #ffd166;
			}

			.utab__skinCostBox .utab__costPoints {
			color: #a6b0bf;
	}		}

Linha 132:		Linha 160:
	border-radius: 10px;		border-radius: 10px;
	padding: 10px 12px;		padding: 10px 12px;
			}

			.utab--skin .utab__stats {
			display: none;
	}		}

Linha 310:		Linha 342:
	nav.setAttribute("role", "tablist");		nav.setAttribute("role", "tablist");
	nav.setAttribute("aria-label", "Níveis de " + label);		nav.setAttribute("aria-label", "Níveis de " + label);

			if (isSkin) {
			var costWrap = document.createElement("div");
			costWrap.className = "utab__skinCost";
			costWrap.innerHTML =
			'<div class="utab__skinCostBox">'
			+ '<span class="utab__costPoints">' + skinCost.points + ' Pontos de Aliança</span>'
			+ '<span class="utab__costBerry">' + skinCost.berries + ' Berries</span>'
			+ '</div>';
			utab.appendChild(costWrap);
			}

	var display = document.createElement("div");		var display = document.createElement("div");
Linha 375:		Linha 418:

	var levelNum = parseInt(current.level, 10);		var levelNum = parseInt(current.level, 10);
	var cost = isSkin		var cost = isSkin
	? ~~skinCost~~		? null
	: upgradeCosts.filter(function (c) { return c.level === levelNum; })[0];		: upgradeCosts.filter(function (c) { return c.level === levelNum; })[0];
	var costTitle = ~~isSkin ? "Valor da Skin" :~~ "Custos de Melhoria";		var costTitle = "Custos de Melhoria";
	var costHtml = cost		var costHtml = cost
	? '<div class="utab__stat utab__stat--cost"><div class="utab__statTitle">' + costTitle + '</div><ul class="utab__statList">'		? '<div class="utab__stat utab__stat--cost"><div class="utab__statTitle">' + costTitle + '</div><ul class="utab__statList">'
	~~+ (isSkin ? '<li class="utab__costRow"><span class="utab__costPoints">' + cost.points + ' Pontos de Aliança</span></li>'~~		+ '<li class="utab__costRow"><span class="utab__costBerry">' + cost.berries + ' Berries</span></li>'
	+ '<li class="utab__costRow"><span class="utab__costBerry">' + cost.berries + ' Berries</span></li>'		+ (cost.gems ? '<li class="utab__costRow"><span class="utab__costGems">' + cost.gems + ' Gemas</span></li>' : '')
	~~: '<li class="utab__costRow"><span class="utab__costBerry">' + cost.berries + ' Berries</span></li>'~~		+ '<li class="utab__costRow"><span class="utab__costPoints">' + cost.points + ' Pontos de Aliança</span></li>'
	+ (cost.gems ? '<li class="utab__costRow"><span class="utab__costGems">' + cost.gems + ' Gemas</span></li>' : '')		+ '</ul></div>'
	+ '<li class="utab__costRow"><span class="utab__costPoints">' + cost.points + ' Pontos de Aliança</span></li>')		: "";
	+ '</ul></div>'
	: "";

	var infoHtml = (!isSkin && current.descHtml)		var infoHtml = (!isSkin && current.descHtml)
	? '<div class="utab__stat utab__stat--desc"><div class="utab__statTitle">Informações</div><div class="utab__descContent">' + current.descHtml + '</div></div>'		? '<div class="utab__stat utab__stat--desc"><div class="utab__statTitle">Informações</div><div class="utab__descContent">' + current.descHtml + '</div></div>'
	: "";		: "";

Gurren1: skins

2026-02-09T12:33:29Z

skins

← Edição anterior		Edição das 12h33min de 9 de fevereiro de 2026
Linha 39:		Linha 39:
	gap: 8px;		gap: 8px;
	margin-bottom: 16px;		margin-bottom: 16px;
			}

			.utab--skin .utab__levels {
			justify-content: center;
	}		}

Linha 61:		Linha 65:
	border-color: #2e7dd7;		border-color: #2e7dd7;
	color: #ffffff;		color: #ffffff;
			}

			.utab--skin .utab__levelBtn {
			padding: 0;
			width: 14px;
			height: 14px;
			border-radius: 999px;
			font-size: 0;
			line-height: 1;
	}		}

Linha 254:		Linha 267:
	{ level: 5, berries: "1.800.000", gems: "90", points: "28.000" }		{ level: 5, berries: "1.800.000", gems: "90", points: "28.000" }
	];		];
			var skinCost = { berries: "5.000.000", points: "100.000" };

	function shouldRebuild(utab) {		function shouldRebuild(utab) {
Linha 277:		Linha 291:
	if (!levelElements.length) return;		if (!levelElements.length) return;
	var label = section.getAttribute("data-tab") \|\| "Níveis";		var label = section.getAttribute("data-tab") \|\| "Níveis";
			var isSkin = utab.getAttribute("data-utab-skin") === "1";

	var levels = levelElements.map(function (el, i) {		var levels = levelElements.map(function (el, i) {
	var num = el.getAttribute("data-level") \|\| String(i + 1);		var num = el.getAttribute("data-level") \|\| String(i + 1);
			var skinName = el.getAttribute("data-skin-name") \|\| "";
	var img = el.querySelector(".utab__mediaImage");		var img = el.querySelector(".utab__mediaImage");
	var desc = el.querySelector(".utab__desc");		var desc = el.querySelector(".utab__desc");
	return {		return {
	level: num,		level: num,
			name: skinName,
	imageHtml: img ? img.innerHTML.trim() : "",		imageHtml: img ? img.innerHTML.trim() : "",
	descHtml: desc ? desc.innerHTML.trim() : ""		descHtml: desc ? desc.innerHTML.trim() : ""
Linha 306:		Linha 323:
	utab.appendChild(display);		utab.appendChild(display);

	var buttons = levels.map(function (level) {		var buttons = levels.map(function (level, i) {
	var btn = document.createElement("button");		var btn = document.createElement("button");
	btn.type = "button";		btn.type = "button";
	btn.className = "utab__levelBtn";		btn.className = "utab__levelBtn";
	btn.textContent = "Nv " + level.level;		if (isSkin) {
			var name = level.name \|\| ("Skin " + (i + 1));
			btn.setAttribute("aria-label", name);
			btn.setAttribute("title", name);
			} else {
			btn.textContent = "Nv " + level.level;
			}
	btn.setAttribute("role", "tab");		btn.setAttribute("role", "tab");
	btn.setAttribute("aria-selected", "false");		btn.setAttribute("aria-selected", "false");
Linha 352:		Linha 375:

	var levelNum = parseInt(current.level, 10);		var levelNum = parseInt(current.level, 10);
	var cost = upgradeCosts.filter(function (c) { return c.level === levelNum; })[0];		var cost = isSkin
			? skinCost
			: upgradeCosts.filter(function (c) { return c.level === levelNum; })[0];
			var costTitle = isSkin ? "Valor da Skin" : "Custos de Melhoria";
	var costHtml = cost		var costHtml = cost
	? '<div class="utab__stat utab__stat--cost"><div class="utab__statTitle">~~Custos de Melhoria~~</div><ul class="utab__statList">'		? '<div class="utab__stat utab__stat--cost"><div class="utab__statTitle">' + costTitle + '</div><ul class="utab__statList">'
	+ '<li class="utab__costRow"><span class="utab__costBerry">' + cost.berries + ' Berries</span></li>'		+ (isSkin ? '<li class="utab__costRow"><span class="utab__costPoints">' + cost.points + ' Pontos de Aliança</span></li>'
	+ (cost.gems ? '<li class="utab__costRow"><span class="utab__costGems">' + cost.gems + ' Gemas</span></li>' : '')		+ '<li class="utab__costRow"><span class="utab__costBerry">' + cost.berries + ' Berries</span></li>'
	+ '<li class="utab__costRow"><span class="utab__costPoints">' + cost.points + ' Pontos de Aliança</span></li>'		: '<li class="utab__costRow"><span class="utab__costBerry">' + cost.berries + ' Berries</span></li>'
			+ (cost.gems ? '<li class="utab__costRow"><span class="utab__costGems">' + cost.gems + ' Gemas</span></li>' : '')
			+ '<li class="utab__costRow"><span class="utab__costPoints">' + cost.points + ' Pontos de Aliança</span></li>')
	+ '</ul></div>'		+ '</ul></div>'
	: "";		: "";

	var infoHtml = current.descHtml		var infoHtml = (!isSkin && current.descHtml)
	? '<div class="utab__stat utab__stat--desc"><div class="utab__statTitle">Informações</div><div class="utab__descContent">' + current.descHtml + '</div></div>'		? '<div class="utab__stat utab__stat--desc"><div class="utab__statTitle">Informações</div><div class="utab__descContent">' + current.descHtml + '</div></div>'
	: "";		: "";

Gurren1 em 12h04min de 9 de fevereiro de 2026

2026-02-09T12:04:10Z

← Edição anterior		Edição das 12h04min de 9 de fevereiro de 2026
Linha 355:		Linha 355:
	var costHtml = cost		var costHtml = cost
	? '<div class="utab__stat utab__stat--cost"><div class="utab__statTitle">Custos de Melhoria</div><ul class="utab__statList">'		? '<div class="utab__stat utab__stat--cost"><div class="utab__statTitle">Custos de Melhoria</div><ul class="utab__statList">'
	+ '<li class="utab__costRow"><span class="utab__costBerry">' + cost.berries + ' ~~berries~~</span></li>'		+ '<li class="utab__costRow"><span class="utab__costBerry">' + cost.berries + ' Berries</span></li>'
	+ (cost.gems ? '<li class="utab__costRow"><span class="utab__costGems">' + cost.gems + ' ~~gemas~~</span></li>' : '')		+ (cost.gems ? '<li class="utab__costRow"><span class="utab__costGems">' + cost.gems + ' Gemas</span></li>' : '')
	+ '<li class="utab__costRow"><span class="utab__costPoints">' + cost.points + ' ~~pontos~~</span></li>'		+ '<li class="utab__costRow"><span class="utab__costPoints">' + cost.points + ' Pontos de Aliança</span></li>'
	+ '</ul></div>'		+ '</ul></div>'
	: "";		: "";

Gurren1 em 15h23min de 8 de fevereiro de 2026

2026-02-08T15:23:54Z

← Edição anterior		Edição das 15h23min de 8 de fevereiro de 2026
Linha 81:		Linha 81:

	.utab__display.is-fading {		.utab__display.is-fading {
	animation: utabFade 0.6s ease-in-out;		animation: utabFade 0.8s ease-in-out;
	}		}

Linha 255:		Linha 255:
	];		];

	function buildLevelUI(utab) {		function shouldRebuild(utab) {
	if (utab.getAttribute("data-utab-init")) return;		var levelCount = utab.querySelectorAll(".utab__level").length;
			var buttonCount = utab.querySelectorAll(".utab__levelBtn").length;
			return levelCount > 0 && levelCount !== buttonCount;
			}

			function cleanupUI(utab) {
			var nav = utab.querySelector(".utab__levels");
			if (nav) nav.remove();
			var display = utab.querySelector(".utab__display");
			if (display) display.remove();
			}

			function buildLevelUI(utab, force) {
			if (utab.getAttribute("data-utab-init") && !force) return;
			if (force) cleanupUI(utab);
	utab.setAttribute("data-utab-init", "1");		utab.setAttribute("data-utab-init", "1");
	var section = utab.querySelector(".utab__section");		var section = utab.querySelector(".utab__section");
Linha 362:		Linha 376:

	function initWidgets() {		function initWidgets() {
	[].slice.call(document.querySelectorAll(".utab~~:not~~([data-utab-init])"))~~.forEach~~(buildLevelUI);		[].slice.call(document.querySelectorAll(".utab")).forEach(function (utab) {
			if (utab.getAttribute("data-utab-init")) {
			if (shouldRebuild(utab)) {
			buildLevelUI(utab, true);
			}
			return;
			}
			buildLevelUI(utab, false);
			});
	}		}

Linha 371:		Linha 393:
	initWidgets();		initWidgets();
	}		}

			window.addEventListener("load", initWidgets);

			document.addEventListener("click", function (event) {
			if (!event.target.closest(".tabber__tab")) return;
			window.setTimeout(initWidgets, 0);
			});

	/* Observa novos .utab que apareçam depois (ex: tabber lazy-load) */		/* Observa novos .utab que apareçam depois (ex: tabber lazy-load) */

Gurren1 em 14h50min de 8 de fevereiro de 2026

2026-02-08T14:50:42Z

← Edição anterior		Edição das 14h50min de 8 de fevereiro de 2026
Linha 81:		Linha 81:

	.utab__display.is-fading {		.utab__display.is-fading {
	animation: utabFade 0.4s ease-out;		animation: utabFade 0.6s ease-in-out;
	}		}

Linha 200:		Linha 200:
	from {		from {
	opacity: 0;		opacity: 0;
	transform: translateY(~~6px~~);		transform: translateY(8px);
	}		}

Linha 303:		Linha 303:
	return btn;		return btn;
	});		});

			var activeIndex = -1;

	buttons.forEach(function (btn, index) {		buttons.forEach(function (btn, index) {
Linha 312:		Linha 314:
	if (!levels.length) return;		if (!levels.length) return;
	var safe = Math.max(0, Math.min(index, levels.length - 1));		var safe = Math.max(0, Math.min(index, levels.length - 1));
			if (safe === activeIndex) {
			if (shouldFocus) buttons[safe].focus();
			return;
			}
	var current = levels[safe];		var current = levels[safe];

Linha 347:		Linha 353:
	stats.innerHTML = infoHtml + costHtml;		stats.innerHTML = infoHtml + costHtml;
	triggerFade(display);		triggerFade(display);
			activeIndex = safe;

	if (shouldFocus) buttons[safe].focus();		if (shouldFocus) buttons[safe].focus();