Moon not appearing on Lovelace Card

[YoinkZed]

Describe the bug Unfortunately I can't see the Moon on the Custom Lovelace Card. After updating the Sun-Card to the latest version (also version 4.0) is simply isn't present. Browser has been cleaned an also different browsers has been used for testing.

To Reproduce Steps to reproduce the behavior:

1. Open Chrome / Firefox
2. Go to Home Assistant Lovelace View
3. Locate the Sun-Card --> No Moon

Expected behavior The Sun-Card should show the Moon Position, but isn't.

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• Chrome (Version 79.0.3945.130 (Officiel version) (64-bit))
• Firefox / Safari (Latest release)

Smartphone (please complete the following information):

• Ariela Android App, with webview (Latest)

Additional

• No errors shown in the logs comlaining about the syntax / Moon integration.

[JesCR]

Same here :/ My card:

      - type: "custom:sun-card"
        name: Orto-Ocaso
        entities:
          elevation: sun.sun
          max_elevation: sensor.max_elevation
          moon: sensor.moon
          noon: sensor.solar_noon
          sunrise: sensor.sunrise
          sunset: sensor.sunset
        style: |
          ha-card {
          --sc-sun-night-color: #606060;
          --sc-sunbeam-color: orange
          }

[mishaaq]

In the newest version I've added some guard checks and validation of moon sensor state values. Could you check it out, please?

[JesCR]

Hi @mishaaq , i'm with the new version but still no moon :/ (BTW is day now, i should wait till night to see it?)

[mishaaq]

(BTW is day now, i should wait till night to see it?)

No, it should be visible throughout the day. Can you check the console for entries prefixed with "Sun Card"?

[JesCR]

Nothing in the home-assistant.log with "sun" :/ (there are other place to check?)

[JesCR]

[mishaaq]

Thanks for testing. I meant browser's console - https://kb.mailster.co/how-can-i-open-the-browsers-console/

[JesCR]

Ok! :D

Maybe some "spanish character" like "ñ"?

[YoinkZed]

I see the exact same on my end. Running latest (Hass + Sun-Card):

[ercsey]

Same for me. Probably because sensor.moon has a state value of waning_gibbous which is not present in sun-card.js.

moonIcon(e) {
        const t = {
            new_moon: "new",
            waxing_crescent: "waxing-crescent",
            first_quarter: "first-quarter",
            waxing_gibbous: "waxing-gibbous",
            full_moon: "full",
            last_quarter: "last-quarter",
            waning_crescent: "waning-crescent"
        }[e];
        return t || console.error(`Sun Card: Unexpected state value '${e}' for moon sensor.`),
        `mdi:moon-${t}`