43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import { html, LitElement } from "lit";
|
|
import { customElement, property } from "lit/decorators";
|
|
import { fireEvent } from "../../common/dom/fire_event";
|
|
import { UiColorSelector } from "../../data/selector";
|
|
import "../ha-color-picker";
|
|
import { HomeAssistant } from "../../types";
|
|
|
|
@customElement("ha-selector-ui_color")
|
|
export class HaSelectorUiColor extends LitElement {
|
|
@property({ attribute: false }) public hass!: HomeAssistant;
|
|
|
|
@property({ attribute: false }) public selector!: UiColorSelector;
|
|
|
|
@property() public value?: string;
|
|
|
|
@property() public label?: string;
|
|
|
|
@property() public helper?: string;
|
|
|
|
protected render() {
|
|
return html`
|
|
<ha-color-picker
|
|
.label=${this.label}
|
|
.hass=${this.hass}
|
|
.value=${this.value}
|
|
.helper=${this.helper}
|
|
.defaultColor=${this.selector.ui_color?.default_color}
|
|
@value-changed=${this._valueChanged}
|
|
></ha-color-picker>
|
|
`;
|
|
}
|
|
|
|
private _valueChanged(ev: CustomEvent) {
|
|
fireEvent(this, "value-changed", { value: ev.detail.value });
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"ha-selector-ui_color": HaSelectorUiColor;
|
|
}
|
|
}
|