y si quiero remover un elemento de adentro de el componente? es decir por ejemplo un elemento p que esta adentro

Me alegra saber que te haya servido compañero :) el programa para grabar se llama loom es gratuito para windows y mac https://www.loom.com/

Genial!! ¿Cómo se llama el programa que usas para grabar?

Ya después de haber visto el video del amigo José que la respuesta es

document.querySelector("card-element").shadowRoot.firstChild.lastChild

Si necesitan elegir un elemento que no esta de primero y ultimo, sea que no pueden usar ''lastChild" y "firstChild" pueden hacerlo como si tomaran un elemento de un array. Así:

document.querySelector("card-element").shadowRoot.firstChild.nextSibling.children[1]

Quedo resuelto mediante el uso del DOM Traversing https://www.loom.com/share/e2074842771140a481c77b43766a2024

Dejo un pequeño video al respecto de como lo resolvi

Ya lo intente desde esa forma y no me deja seleccionar dejo un pequeño video de como lo estoy haciendo https://www.loom.com/share/2081702247ec468e8f85a2b849f8b82d Incluso desde el mismo archivo js no me deja lo que quiero hacer es agregar eventos a esos tags dentro del component

Con query selector debería funcionar. Creas una variable y después usas .remove() sobre esa variable.

const element = document.querySelector('.class-of-element')
element.remove()

Hola muchas gracias ya lo intente pero no e encontrado la forma de seleccionar el elemento

use document.querySelector(".propiedadDeEjemplo") pero no hace la seleccion tambien ya intente por Tag y por ByClassName

Hola Puedes usar .remove() para eliminar elemente. Te comparto esta documentación al respecto.