import {customElement, LitElement, TemplateResult, property, html} from 'lit-element'; declare global { interface HTMLElementTagNameMap { 'dees-input-radio': DeesInputRadio; } } @customElement('dees-input-radio') export class DeesInputRadio extends LitElement { public static demo = () => html``; @property() public key: string; @property() public label: string = 'Label'; @property() public value: boolean = false; public render(): TemplateResult { return html `
${this.value ? html`
`: html``}
${this.label}
`; } public async toggleSelected () { this.value = !this.value; this.dispatchEvent(new CustomEvent('newValue', { detail: this.value, bubbles: true })); } }