-
Los componentes no deben de salirse del div con id "parent" al arrastrarse
-
Cada componente debe de tener una imagen única, la cual con estilos propios, no debe salir del componente al que se le hace resize y deben de tener un fit diferente "cover", "contain", etc. e
Esta se obtiene de un fetch a la api "https://jsonplaceholder.typicode.com/photos"
-
Se debe de mantener la selección correctamente al hacer resize o drag, desde cualquiera de los 8 puntos (es decir, debe abarcar el componente mismo, no debe de estar abarcando cosas fuera de el) Referencia del comportamiento que se debe corregir (Video 1)
-
Los componentes se deben de poder eliminar de la lista de componentes
-
(Extra) La librería tiene la capacidad de mostrar las líneas guía de cada componente, debes mostrarlas cada que se haga drag del componente seleccionado. La documentación de la librería está aquí: https://daybrush.com/moveable/release/latest/doc/
-
(Extra) El código entregado tiene falta de documentación en sus funciones, por lo que también deberás documentar las funciones correctamente