Add azimuth to sun.sun dialog's more-info section (#20036)

src/data/entity_attributes.ts

@@ -70,6 +70,7 @@ export const DOMAIN_ATTRIBUTES_UNITS = {
     brightness: "%",
   },
   sun: {
+    azimuth: "°",
     elevation: "°",
   },
   vacuum: {

src/dialogs/more-info/controls/more-info-sun.ts

@@ -58,6 +58,14 @@ class MoreInfoSun extends LitElement {
           ${this.hass.formatEntityAttributeValue(this.stateObj, "elevation")}
         </div>
       </div>
+      <div class="row">
+        <div class="key">
+          ${this.hass.localize("ui.dialogs.more_info_control.sun.azimuth")}
+        </div>
+        <div class="value">
+          ${this.hass.formatEntityAttributeValue(this.stateObj, "azimuth")}
+        </div>
+      </div>
     `;
   }
 

src/translations/en.json

@@ -1038,6 +1038,7 @@
           "last_triggered": "Last triggered"
         },
         "sun": {
+          "azimuth": "Azimuth",
           "elevation": "Elevation",
           "rising": "Rising",
           "setting": "Setting"