{
let movementStrength = 25;
let width = movementStrength / window.innerWidth;
let height = movementStrength / window.innerHeight;
let pageX = $event.pageX - (window.innerWidth / 2);
let pageY = $event.pageY - (window.innerHeight / 2);
let newValueX = width * pageX * -1 - 25;
let newValueY = height * pageY * -1 - 50;
$el.style.backgroundPosition = `${newValueX}px ${newValueY}px`
}"
>
{
let index = links.findIndex(l => l.id === $event.detail.id);
if(index >= 0) links = links.map(l => l.id === $event.detail.id ? {...l, ...$event.detail} : {...l})
else links.push($event.detail);
links.sort(l => l.position)
}"
@delete-link.window="() => {
links = links.filter(l => l.id !== $event.detail.id)
}"
class="flex flex-col gap-4 max-w-2xl w-full mx-auto grow">