${config.modes.map((mode) => this.renderMode(mode))}
`;
}
renderMode(mode) {
const isActive =
(mode.preset_mode == null ||
mode.preset_mode === this.state.preset_mode) &&
(mode.hvac_mode == null || mode.hvac_mode === this.state.hvac_mode) &&
(mode.fan_mode == null || mode.fan_mode === this.state.fan_mode) &&
(mode.swing_mode == null ||
mode.swing_mode === this.state.swing_mode) &&
(mode.temperature == null ||
mode.temperature === this.state.temperature);
const onClick = () => {
this.setMode(mode);
}
const defaultColor = defaultColors[mode.preset_mode || mode.hvac_mode];
const defaultIcon = defaultIcons[mode.preset_mode || mode.hvac_mode];
const color = mode.color || defaultColor;
const style = color ? `color: ${color}` : "";
return html`