var runLookBehindAnimation = (function () {
let running = false;
function setBlack(idx) {
if (idx < 0 || idx > 11) {
return;
}
const arrow = document.getElementById(`index-${idx}`);
arrow.style.fill = 'black';
}
function setNone(idx) {
if (idx < 0 || idx > 11) {
return;
}
const arrow = document.getElementById(`index-${idx}`);
arrow.style.fill = 'none';
}
function updateArrowColors(idx) {
for (let i = 0; i < 11; i++) {
if (i < idx - 2 || i > idx) {
setNone(i);
} else {
setBlack(i);
}
}
}
function clearAll() {
for (let i = 0; i < 11; i++) {
setNone(i);
}
running = false;
}
function oneTick(idx) {
if (!idx) idx = 0;
if (idx > 10) {
return clearAll();
}
updateArrowColors(idx);
setTimeout(run, 1000, idx + 1)
}
return function run() {
if (running) {
return;
}
running = true;
oneTick();
}
})();