Ejercicio de programación con TypeScript: Proyecto generador de contraseñas

Configura un nuevo proyecto TypeScript creando los archivos necesarios: index.html, styles.css, app.ts y tsconfig.json. En el archivo de configuración TypeScript, habilita las opciones estrictas y configura la salida a ES2015 o superior.

Diseña la interfaz HTML básica que incluya:

Implementa la lógica para generar contraseñas aleatorias utilizando los conjuntos de caracteres seleccionados. Asegúrate de que la contraseña generada incluya al menos un carácter de cada tipo seleccionado.

Desarrolla la función que evalúa la fortaleza de la contraseña basándose en criterios como longitud y variedad de caracteres. Clasifica las contraseñas como débiles, medias o fuertes.

Implementa la funcionalidad para copiar la contraseña generada al portapapeles utilizando la API del navegador.

Añade validación para asegurar que el usuario seleccione al menos un tipo de carácter antes de generar una contraseña. Muestra mensajes de error apropiados cuando sea necesario.

Crea una clase UIController que maneje la interacción entre la interfaz de usuario y la clase PasswordGenerator, siguiendo el patrón MVC.

Implementa el manejo de eventos para los elementos de la interfaz, conectando los controles con las funciones correspondientes de generación de contraseñas.

Añade estilos CSS para mejorar la apariencia de la aplicación y proporcionar feedback visual al usuario (como cambiar el color del indicador de fortaleza según el nivel).