replaced repeating list with for loop

@jocafa @mndvns 

This compiles, but I don’t know enough about npm components to know where to set a property to false to see if it’s behaving as expected.

https://github.com/shoelace-ui/aglet/issues/2