Default sample breaks lovelace rendering

[srobroek]

When installing this card in a clean lovelace UI using the sample provided, the entire lovelace dashboard stops rendering.

config used for the card

`type: 'custom:air-filter' modes:

• auto
• silent
• Strong entity: fan.mi_air_purifier_3h_bedroom title: air_filter aspect_ratio: '.6' ` lovelace yaml config:

`title: Home views:

• badges:
  • entity: binary_sensor.updater
  • entity: binary_sensor.remote_ui
  • entity: person.sjors_robroek
  • entity: sun.sun cards:
  • entities:
    • light.living_room_tv
    • light.reading_corner
    • light.bookcase
    • light.television_backlight
    • light.living_room title: Light type: entities
  • entity: media_player.shield type: media-control
  • compact_view: false entities:
    • entity: cover.office_curtains
    • entity: cover.bedroom_curtains
    • entity: cover.living_room_curtains
    • entity: cover.living_room_left_curtains
    • entity: cover.living_room_right_curtains
    • entity: cover.balcony_door_curtains entity: vacuum.rob image: default show_header_toggle: false title: Blinds type: entities
  • type: 'custom:flex-table-card' title: Climate entities: include: fan.mi_airpurifier* columns:
    • data: friendly_name name: Device
    • data: temperature name: Temperature
    • data: humidity name: Humidity
    • data: aqi name: AQI
    • data: average_aqi name: average AQI
  • type: 'custom:air-filter' modes:
    • auto
    • silent
    • Strong entity: fan.mi_air_purifier_3h_bedroom title: air_filter aspect_ratio: '.6' `

[dseifert]

I have the same issue. Developer console says:

Uncaught TypeError: mode.toLowerCase is not a function
    at HTMLElement.set hass [as hass] (air-filter-card.js:139)
    at HTMLElement.value (chunk.55cfcfe8bf5cea239c42.js:23033)
    at HTMLElement.value (chunk.55cfcfe8bf5cea239c42.js:23460)
    at HTMLElement.t.addEventListener.once (chunk.55cfcfe8bf5cea239c42.js:23033)
    at n (app.04756a98.js:1)
    at chunk.55cfcfe8bf5cea239c42.js:12717

and indeed the mode value of the Xiaomi Mi Air Purifier 3H is an integer, so can not be converted to lower case. The 3 and 3H models use a different protocol than older models (cmp. eg. https://github.com/rytilahti/python-miio/blob/master/miio/airpurifier.py#L20 and https://github.com/rytilahti/python-miio/blob/master/miio/airpurifier_miot.py#L54).