Add dynamic getCardSize function for better HA UI handling (#47)

* Add `getCardSize()`

* Add docs and make this function dynamic

* review

* Add spaces

src/components/horizonCard/HorizonCard.ts

@@ -41,6 +41,34 @@ export class HorizonCard extends LitElement {
  this.processLastHass()
  }
 
+ /**
+ * called by HASS to properly distribute card in lovelace view. It should return height
+ * of the card as a number where 1 is equivalent of 50 pixels.
+ * @see https://developers.home-assistant.io/docs/frontend/custom-ui/custom-card/#api
+ */
+ public getCardSize (): number {
+ let height = 4 // Smallest possible card (only graph) is roughly 200px
+
+ // Each element of card (title, header, content, footer) adds roughly 50px to the height
+ if (this.config.title && this.config.title.length > 0) {
+ height += 1
+ }
+
+ if (this.config.fields?.sunrise || this.config.fields?.sunset) {
+ height += 1
+ }
+
+ if (this.config.fields?.dawn || this.config.fields?.noon || this.config.fields?.dusk) {
+ height += 1
+ }
+
+ if (this.config.fields?.azimuth || this.config.fields?.elevation) {
+ height += 1
+ }
+
+ return height
+ }
+
  // Visual editor disabled because it's broken, see https://developers.home-assistant.io/blog/2022/02/18/paper-elements/
  // static getConfigElement (): HTMLElement {
  // return document.createElement(HorizonCardEditor.cardType)