Tag: LIT-ELEMENT
Me gustaría convertir mis CustomElements/WebComponents de Javascript existentes (hechos con Lit v1 y portados a v2) a TypeScript. Ejemplo: export class MyElement extends LitElement { … @property({type: String}) name = ‘World’; … } … o otro ejemplo: https://github.com/lit/lit-element-starter-ts/blob/main/src/my-element.ts#L37 ¿Cómo puedo definir una propiedad como un array de mis clases personalizadas . . . Read more
Tengo una plantilla muy simple y una plantilla anidada simple. Desafortunadamente, mi plantilla anidada no muestra nada. Seguí el ejemplo definido en: https://lit.dev/docs/components/rendering/ Esta es mi plantilla contenedora. import “./ul-mail”; @customElement(“box-mail”) class BoxMail extends LitElement { public render() { return html` <div> <ul-mail></ul-mail> custom</p> </div> `; } } Esta es . . . Read more
Estoy tratando de cambiar la gestión de estado en mi aplicación basada en lit-element de variables globales simples a redux. Siguiendo los tutoriales de redux, instalé la herramienta redux toolkit y creé un reductor y una tienda simples. La compilación de la aplicación con rollup tiene éxito, pero cuando cargo . . . Read more
Estoy combinando una aplicación Angular con una aplicación js (Lit element) y necesito pasar parámetros desde el componente de Angular al elemento personalizado en la aplicación JS. No puedo parecer pasar el valor real, solo el nombre de la variable que estoy intentando enviar. ¿Alguna ayuda? @Input() public name: string . . . Read more
Estoy probando Lit y tengo problemas para averiguar cómo inicializar un campo de estado desde props. Aquí hay un componente de paginación básico: export class Pagination extends BaseElement { static styles = [BaseElement.styles]; @property({type: Number}) selected = 0; @state() _selected = this.selected; @property({type: Number}) total!: number; @property({type: Number}) pageSize: number . . . Read more