Valve

A valve works a lot like a cover, and its view follows the same rules. The main control depends on what the valve supports:

• Open and close only: a big vertical control switch, with the icon of an open and a closed valve. The garden irrigation above works like that.
• Stop: a valve that can also stop halfway gets a column of control buttons for Open, Stop, and Close instead.
• Position: a valve that can be set to a position gets a tall vertical control slider.

A valve that supports a position and buttons gets both, with two round buttons below the main control to switch between the position mode and the button mode.

The state at the top combines the state and the position, like Open · 40%, and leaves the position out when there is nothing to add.

• The icons follow the device class of the valve, like water or gas.
• A valve has no tilt, so there is no cross of buttons like covers have.
• Valves that support a position can show favorite positions below the controls. Those come from the entity settings, and are not part of these demos.

The view is more-info-valve in src/dialogs/more-info/controls/more-info-valve.ts. The main controls are in src/state-control/valve/: ha-state-control-valve-toggle, ha-state-control-valve-buttons, and ha-state-control-valve-position. The favorite positions are in src/dialogs/more-info/components/valves/. The ValveEntityFeature enum is in src/data/valve.ts.

Source: more-info-valve.ts