Fix events

This commit is contained in:
Ludeeus 2021-10-28 14:33:58 +00:00
parent 9ca04290bf
commit 69a0bc214c

View File

@ -14,13 +14,15 @@ import { fireEvent } from "../common/dom/fire_event";
declare global { declare global {
// for fire event // for fire event
interface HASSDomEvents { interface HASSDomEvents {
"chip-clicked": undefined; "chip-clicked": { index: number | undefined };
"chip-clicked-trailing": undefined; "chip-clicked-trailing": { index: number | undefined };
} }
} }
@customElement("ha-chip") @customElement("ha-chip")
export class HaChip extends LitElement { export class HaChip extends LitElement {
@property({ type: Number }) public index?: number;
@property({ type: Boolean }) public outlined = false; @property({ type: Boolean }) public outlined = false;
@property() public label?: string; @property() public label?: string;
@ -70,12 +72,13 @@ export class HaChip extends LitElement {
} }
private _handleClick(): void { private _handleClick(): void {
fireEvent(this, "chip-clicked"); fireEvent(this, "chip-clicked", { index: this.index });
} }
private _handleTrailingClick(ev: Event): void { private _handleTrailingClick(): void {
ev.stopPropagation(); fireEvent(this, "chip-clicked-trailing", {
fireEvent(this, "chip-clicked-trailing"); index: this.index,
});
} }
static get styles(): CSSResultGroup { static get styles(): CSSResultGroup {