Glossary
Shadow DOM
El Shadow DOM es un estándar web que permite la encapsulación del DOM (Modelo de Objetos del Documento) y CSS dentro de un elemento específico, conocido como el árbol sombra. Este DOM y CSS aislados son separados del DOM del documento principal, creando efectivamente un límite de ámbito para el componente. El Shadow DOM ayuda a crear componentes web reutilizables y autónomos que se pueden agregar a una página web sin preocuparse por conflictos con otros estilos y scripts en la página.
También introduce características como partes sombra y slots que permiten a los desarrolladores exponer ciertas partes del árbol sombra para la personalización por parte de la página padre. Esto proporciona una forma flexible de pasar contenido al componente y personalizar su apariencia mientras se mantiene la encapsulación.