From 57aa1a4180f26c6566c70c7b3e8d568fc1ed4e08 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luca=20F=C3=A9lix?= <luca.ziegler.felix@gmail.com>
Date: Mon, 15 Jan 2024 00:33:00 +0100
Subject: [PATCH 1/2] feat: :sparkles: disable dots

---
 src/components/flows/batteryGrid.ts            | 3 ++-
 src/components/flows/batteryToHome.ts          | 3 ++-
 src/components/flows/gridToHome.ts             | 3 ++-
 src/components/flows/solarToBattery.ts         | 3 ++-
 src/components/flows/solarToGrid.ts            | 3 ++-
 src/components/flows/solarToHome.ts            | 3 ++-
 src/components/individualLeftBottomElement.ts  | 3 ++-
 src/components/individualLeftTopElement.ts     | 3 ++-
 src/components/individualRightBottomElement.ts | 3 ++-
 src/components/individualRightTopElement.ts    | 3 ++-
 src/components/nonFossil.ts                    | 3 ++-
 src/localize/languages/cs.json                 | 3 ++-
 src/localize/languages/de.json                 | 1 +
 src/localize/languages/dk.json                 | 1 +
 src/localize/languages/en.json                 | 1 +
 src/localize/languages/es.json                 | 1 +
 src/localize/languages/fi.json                 | 1 +
 src/localize/languages/fr.json                 | 1 +
 src/localize/languages/it.json                 | 1 +
 src/localize/languages/nl.json                 | 1 +
 src/localize/languages/pl.json                 | 1 +
 src/localize/languages/pt-BR.json              | 1 +
 src/localize/languages/pt-PT.json              | 1 +
 src/localize/languages/ru.json                 | 1 +
 src/localize/languages/sk.json                 | 1 +
 src/power-flow-card-plus-config.ts             | 1 +
 src/ui-editor/schema/_schema-all.ts            | 8 ++++++--
 src/utils/checkShouldShowDots.ts               | 5 +++++
 28 files changed, 49 insertions(+), 14 deletions(-)
 create mode 100644 src/utils/checkShouldShowDots.ts

diff --git a/src/components/flows/batteryGrid.ts b/src/components/flows/batteryGrid.ts
index 918d5b7..d669bae 100644
--- a/src/components/flows/batteryGrid.ts
+++ b/src/components/flows/batteryGrid.ts
@@ -5,6 +5,7 @@ import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
 import { checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkShouldShowDots } from "../../utils/checkShouldShowDots";
 
 type FlowBatteryGridFlows = Pick<Flows, Exclude<keyof Flows, "solar">>;
 
@@ -24,7 +25,7 @@ export const flowBatteryGrid = (config: PowerFlowCardPlusConfig, { battery, grid
             d="M45,100 v-15 c0,-30 -10,-30 -30,-30 h-20"
             vector-effect="non-scaling-stroke"
           ></path>
-          ${grid.state.toBattery
+          ${checkShouldShowDots(config) && grid.state.toBattery
             ? svg`<circle
           r="1"
           class="battery-from-grid"
diff --git a/src/components/flows/batteryToHome.ts b/src/components/flows/batteryToHome.ts
index fd666aa..b7ca47f 100644
--- a/src/components/flows/batteryToHome.ts
+++ b/src/components/flows/batteryToHome.ts
@@ -5,6 +5,7 @@ import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
 import { checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkShouldShowDots } from "../../utils/checkShouldShowDots";
 
 type FlowBatteryToHomeFlows = Pick<Flows, Exclude<keyof Flows, "solar">>;
 
@@ -24,7 +25,7 @@ export const flowBatteryToHome = (config: PowerFlowCardPlusConfig, { battery, gr
             d="M55,100 v-${grid.has ? 15 : 17} c0,-30 10,-30 30,-30 h20"
             vector-effect="non-scaling-stroke"
           ></path>
-          ${battery.state.toHome
+          ${checkShouldShowDots(config) && battery.state.toHome
             ? svg`<circle
             r="1"
             class="battery-home"
diff --git a/src/components/flows/gridToHome.ts b/src/components/flows/gridToHome.ts
index 122555b..b1db09d 100644
--- a/src/components/flows/gridToHome.ts
+++ b/src/components/flows/gridToHome.ts
@@ -5,6 +5,7 @@ import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
 import { checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkShouldShowDots } from "../../utils/checkShouldShowDots";
 
 export const flowGridToHome = (config: PowerFlowCardPlusConfig, { battery, grid, individual, solar, newDur }: Flows) => {
   return grid.has && showLine(config, grid.state.fromGrid)
@@ -22,7 +23,7 @@ export const flowGridToHome = (config: PowerFlowCardPlusConfig, { battery, grid,
             d="M0,${battery.has ? 50 : solar.has ? 56 : 53} H100"
             vector-effect="non-scaling-stroke"
           ></path>
-          ${grid.state.toHome
+          ${checkShouldShowDots(config) && grid.state.toHome
             ? svg`<circle
           r="1"
           class="grid"
diff --git a/src/components/flows/solarToBattery.ts b/src/components/flows/solarToBattery.ts
index 4a421dd..e2893d8 100644
--- a/src/components/flows/solarToBattery.ts
+++ b/src/components/flows/solarToBattery.ts
@@ -5,6 +5,7 @@ import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
 import { checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkShouldShowDots } from "../../utils/checkShouldShowDots";
 
 type FlowSolarToBatteryFlows = Pick<Flows, Exclude<keyof Flows, "grid">>;
 
@@ -24,7 +25,7 @@ export const flowSolarToBattery = (config: PowerFlowCardPlusConfig, { battery, i
             d="M50,0 V100"
             vector-effect="non-scaling-stroke"
           ></path>
-          ${solar.state.toBattery
+          ${checkShouldShowDots(config) && solar.state.toBattery
             ? svg`<circle
                 r="1"
                 class="battery-solar"
diff --git a/src/components/flows/solarToGrid.ts b/src/components/flows/solarToGrid.ts
index 60b1784..6303798 100644
--- a/src/components/flows/solarToGrid.ts
+++ b/src/components/flows/solarToGrid.ts
@@ -5,6 +5,7 @@ import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
 import { checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkShouldShowDots } from "../../utils/checkShouldShowDots";
 
 export const flowSolarToGrid = (config: PowerFlowCardPlusConfig, { battery, grid, individual, solar, newDur }: Flows) => {
   return grid.hasReturnToGrid && solar.has && showLine(config, solar.state.toGrid || 0)
@@ -22,7 +23,7 @@ export const flowSolarToGrid = (config: PowerFlowCardPlusConfig, { battery, grid
             d="M${battery.has ? 45 : 47},0 v15 c0,${battery.has ? "30 -10,30 -30,30" : "35 -10,35 -30,35"} h-20"
             vector-effect="non-scaling-stroke"
           ></path>
-          ${solar.state.toGrid && solar.has
+          ${checkShouldShowDots(config) && solar.state.toGrid && solar.has
             ? svg`<circle
                 r="1"
                 class="return"
diff --git a/src/components/flows/solarToHome.ts b/src/components/flows/solarToHome.ts
index 74e7b92..155ecd2 100644
--- a/src/components/flows/solarToHome.ts
+++ b/src/components/flows/solarToHome.ts
@@ -5,6 +5,7 @@ import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
 import { checkHasBottomIndividual, checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkShouldShowDots } from "../../utils/checkShouldShowDots";
 
 export const flowSolarToHome = (config: PowerFlowCardPlusConfig, { battery, grid, individual, solar, newDur }: Flows) => {
   return solar.has && showLine(config, solar.state.toHome || 0)
@@ -22,7 +23,7 @@ export const flowSolarToHome = (config: PowerFlowCardPlusConfig, { battery, grid
             d="M${battery.has ? 55 : 53},0 v${grid.has ? 15 : 17} c0,${battery.has ? "30 10,30 30,30" : "35 10,35 30,35"} h25"
             vector-effect="non-scaling-stroke"
           ></path>
-          ${solar.state.toHome
+          ${checkShouldShowDots(config) && solar.state.toHome
             ? svg`<circle
                         r="1"
                         class="solar"
diff --git a/src/components/individualLeftBottomElement.ts b/src/components/individualLeftBottomElement.ts
index 83e67cc..380509f 100644
--- a/src/components/individualLeftBottomElement.ts
+++ b/src/components/individualLeftBottomElement.ts
@@ -8,6 +8,7 @@ import { styleLine } from "../utils/styleLine";
 import { individualSecondarySpan } from "./spans/individualSecondarySpan";
 import { HomeAssistant } from "custom-card-helpers";
 import { computeIndividualFlowRate } from "../utils/computeFlowRate";
+import { checkShouldShowDots } from "../utils/checkShouldShowDots";
 
 interface IndividualBottom {
   newDur: NewDur;
@@ -30,7 +31,7 @@ export const individualLeftBottomElement = (
       ? html`
           <svg width="80" height="30">
             <path d="M40 40 v-40" id="individual-bottom" class="${styleLine(individualObj?.state || 0, config)}" />
-            ${individualObj?.state
+            ${checkShouldShowDots(config) && individualObj?.state
               ? svg`<circle
                                 r="1.75"
                                 class="individual-bottom"
diff --git a/src/components/individualLeftTopElement.ts b/src/components/individualLeftTopElement.ts
index a71d276..ec30d58 100644
--- a/src/components/individualLeftTopElement.ts
+++ b/src/components/individualLeftTopElement.ts
@@ -7,6 +7,7 @@ import { showLine } from "../utils/showLine";
 import { IndividualObject } from "../states/raw/individual/getIndividualObject";
 import { PowerFlowCardPlus } from "../power-flow-card-plus";
 import { styleLine } from "../utils/styleLine";
+import { checkShouldShowDots } from "../utils/checkShouldShowDots";
 
 interface TopIndividual {
   newDur: NewDur;
@@ -57,7 +58,7 @@ export const individualLeftTopElement = (
       ? html`
           <svg width="80" height="30">
             <path d="M40 -10 v50" id="individual-top" class="${styleLine(individualObj.state || 0, config)}" />
-            ${individualObj.state
+            ${checkShouldShowDots(config) && individualObj.state
               ? svg`<circle
           r="1.75"
           class="individual-top"
diff --git a/src/components/individualRightBottomElement.ts b/src/components/individualRightBottomElement.ts
index 07846e7..3b58d9f 100644
--- a/src/components/individualRightBottomElement.ts
+++ b/src/components/individualRightBottomElement.ts
@@ -8,6 +8,7 @@ import { IndividualObject } from "../states/raw/individual/getIndividualObject";
 import { PowerFlowCardPlus } from "../power-flow-card-plus";
 import { styleLine } from "../utils/styleLine";
 import { checkHasBottomIndividual } from "../utils/computeIndividualPosition";
+import { checkShouldShowDots } from "../utils/checkShouldShowDots";
 
 interface TopIndividual {
   newDur: NewDur;
@@ -72,7 +73,7 @@ export const individualRightBottomElement = (
                 d="M45,100 v-15 c0,-30 -10,-30 -30,-30 h-20"
                 vector-effect="non-scaling-stroke"
               />
-              ${individualObj.state
+              ${checkShouldShowDots(config) && individualObj.state
                 ? svg`<circle
                     r="1"
                     class="individual-bottom"
diff --git a/src/components/individualRightTopElement.ts b/src/components/individualRightTopElement.ts
index 8bc9460..365cba3 100644
--- a/src/components/individualRightTopElement.ts
+++ b/src/components/individualRightTopElement.ts
@@ -8,6 +8,7 @@ import { IndividualObject } from "../states/raw/individual/getIndividualObject";
 import { PowerFlowCardPlus } from "../power-flow-card-plus";
 import { styleLine } from "../utils/styleLine";
 import { checkHasBottomIndividual } from "../utils/computeIndividualPosition";
+import { checkShouldShowDots } from "../utils/checkShouldShowDots";
 
 interface TopIndividual {
   newDur: NewDur;
@@ -72,7 +73,7 @@ export const individualRightTopElement = (
                 d="M${hasBottomRow ? 45 : 47},0 v15 c0,${hasBottomRow ? "30 -10,30 -30,30" : "35 -10,35 -30,35"} h-20"
                 vector-effect="non-scaling-stroke"
               />
-              ${individualObj.state
+              ${checkShouldShowDots(config) && individualObj.state
                 ? svg`<circle
                     r="1"
                     class="individual-top"
diff --git a/src/components/nonFossil.ts b/src/components/nonFossil.ts
index d690bbc..f907f9e 100644
--- a/src/components/nonFossil.ts
+++ b/src/components/nonFossil.ts
@@ -7,6 +7,7 @@ import { NewDur, TemplatesObj } from "../type";
 import { styleLine } from "../utils/styleLine";
 import { computeIndividualFlowRate } from "../utils/computeFlowRate";
 import { showLine } from "../utils/showLine";
+import { checkShouldShowDots } from "../utils/checkShouldShowDots";
 
 interface NonFossil {
   newDur: NewDur;
@@ -59,7 +60,7 @@ export const nonFossilElement = (
           ? html`
               <svg width="80" height="30">
                 <path d="M40 -10 v40" class="low-carbon ${styleLine(nonFossil.state.power || 0, config)}" id="low-carbon" />
-                ${nonFossil.has
+                ${checkShouldShowDots(config) && nonFossil.has
                   ? svg`<circle
                 r="1.75"
                 class="low-carbon"
diff --git a/src/localize/languages/cs.json b/src/localize/languages/cs.json
index 07706a1..c905f6c 100644
--- a/src/localize/languages/cs.json
+++ b/src/localize/languages/cs.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Práh wattů na kilowatty",
         "display_zero_lines": "Zobrazit nulové řádky",
         "clickable_entities": "Entity, na které se dá kliknout",
+        "disable_dots": "Vypnout tečky",
         "use_new_flow_rate_model": "Nový model průtoku",
         "use_metadata": "Použít Metadata",
         "mode": "Režim",
@@ -70,4 +71,4 @@
         "transparency": "Průhlednost",
         "grey_color": "Šedá barva"
     }
-}
+}
\ No newline at end of file
diff --git a/src/localize/languages/de.json b/src/localize/languages/de.json
index 6098bb5..d59a38e 100644
--- a/src/localize/languages/de.json
+++ b/src/localize/languages/de.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Watt-zu-Kilowatt-Schwelle",
         "display_zero_lines": "Nulllinien anzeigen",
         "clickable_entities": "Klickbare Entitäten",
+        "disable_dots": "Punkte deaktivieren",
         "use_new_flow_rate_model": "Neues Fluss-Modell verwenden",
         "use_metadata": "Metadaten verwenden",
         "mode": "Modus",
diff --git a/src/localize/languages/dk.json b/src/localize/languages/dk.json
index e6f6594..aac9daa 100644
--- a/src/localize/languages/dk.json
+++ b/src/localize/languages/dk.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Watt til Kilowatt Grænse",
         "display_zero_lines": "Vis Nul Linjer",
         "clickable_entities": "Klikbar enheder",
+        "disable_dots": "Deaktiver prikker",
         "use_new_flow_rate_model": "Ny flowhastighedsmodel",
         "use_metadata": "Brug Metadata",
         "mode": "Tilstand",
diff --git a/src/localize/languages/en.json b/src/localize/languages/en.json
index f91e02e..f7a8b92 100644
--- a/src/localize/languages/en.json
+++ b/src/localize/languages/en.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Watt to Kilowatt Threshold",
         "display_zero_lines": "Display Zero Lines",
         "clickable_entities": "Clickable Entities",
+        "disable_dots": "Disable Dots",
         "use_new_flow_rate_model": "New Flow Rate Model",
         "use_metadata": "Use Metadata",
         "mode": "Mode",
diff --git a/src/localize/languages/es.json b/src/localize/languages/es.json
index c4c17c3..3d247d6 100644
--- a/src/localize/languages/es.json
+++ b/src/localize/languages/es.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Umbral de Vatio a Kilovatio",
         "display_zero_lines": "Mostrar Líneas de Cero",
         "clickable_entities": "Entidades Clicables",
+        "disable_dots": "Desactivar Puntos",
         "use_new_flow_rate_model": "Utilizar Nuevo Modelo de Tasa de Flujo",
         "use_metadata": "Utilizar Metadatos",
         "mode": "Modo",
diff --git a/src/localize/languages/fi.json b/src/localize/languages/fi.json
index c31513a..ddba74b 100644
--- a/src/localize/languages/fi.json
+++ b/src/localize/languages/fi.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Wattin ja kilowatin kynnysarvo",
         "display_zero_lines": "Näytä nolla-viivat",
         "clickable_entities": "Napautettavat kohteet",
+        "disable_dots": "Poista pisteet",
         "use_new_flow_rate_model": "Uusi virtausnopeusmalli",
         "use_metadata": "Käytä metatietoja",
         "mode": "Tila",
diff --git a/src/localize/languages/fr.json b/src/localize/languages/fr.json
index 4ace42e..b22f841 100644
--- a/src/localize/languages/fr.json
+++ b/src/localize/languages/fr.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Seuil de watt vers kilowatt",
         "display_zero_lines": "Afficher les lignes zéro",
         "clickable_entities": "Entités cliquables",
+        "disable_dots": "Désactiver les points",
         "use_new_flow_rate_model": "Nouveau modèle de débit",
         "use_metadata": "Utiliser les métadonnées",
         "mode": "Mode",
diff --git a/src/localize/languages/it.json b/src/localize/languages/it.json
index c5be183..3f2c8fb 100644
--- a/src/localize/languages/it.json
+++ b/src/localize/languages/it.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Soglia Watt per Kilowatt",
         "display_zero_lines": "Mostra Linee Zero",
         "clickable_entities": "Entità Cliccabili",
+        "disable_dots": "Disabilita Punti",
         "use_new_flow_rate_model": "Utilizza Nuovo Modello di Tasso di Flusso",
         "use_metadata": "Utilizza Metadati",
         "mode": "Modalità",
diff --git a/src/localize/languages/nl.json b/src/localize/languages/nl.json
index 04ff285..7c2bd9f 100644
--- a/src/localize/languages/nl.json
+++ b/src/localize/languages/nl.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Watt naar Kilowatt Drempelwaarde",
         "display_zero_lines": "Nullijnen Weergeven",
         "clickable_entities": "Klikbare Entiteiten",
+        "disable_dots": "Punten Uitschakelen",
         "use_new_flow_rate_model": "Nieuw Stroomsnelheid Model Gebruiken",
         "use_metadata": "Metadata Gebruiken",
         "mode": "Modus",
diff --git a/src/localize/languages/pl.json b/src/localize/languages/pl.json
index f291001..c90b455 100644
--- a/src/localize/languages/pl.json
+++ b/src/localize/languages/pl.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Próg watów na kilowaty",
         "display_zero_lines": "Wyświetl linie zera",
         "clickable_entities": "Klikalne jednostki",
+        "disable_dots": "Wyłącz kropki",
         "use_new_flow_rate_model": "Nowy model wskaźnika przepływu",
         "use_metadata": "Użyj metadanych",
         "mode": "Tryb",
diff --git a/src/localize/languages/pt-BR.json b/src/localize/languages/pt-BR.json
index acf9126..efcc6b7 100644
--- a/src/localize/languages/pt-BR.json
+++ b/src/localize/languages/pt-BR.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Limiar de Watts para Quilowatts",
         "display_zero_lines": "Exibir Linhas Zero",
         "clickable_entities": "Entidades Clicáveis",
+        "disable_dots": "Desativar Pontos",
         "use_new_flow_rate_model": "Utilizar Novo Modelo de Velocidade",
         "use_metadata": "Utilizar Metadados",
         "mode": "Modo",
diff --git a/src/localize/languages/pt-PT.json b/src/localize/languages/pt-PT.json
index 94aa782..ae3f0f3 100644
--- a/src/localize/languages/pt-PT.json
+++ b/src/localize/languages/pt-PT.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Limiar de Watt para Quilowatt",
         "display_zero_lines": "Mostrar Linhas Zero",
         "clickable_entities": "Entidades Clicáveis",
+        "disable_dots": "Desativar Pontos",
         "use_new_flow_rate_model": "Utilizar Novo Modelo de Velocidade",
         "use_metadata": "Utilizar Metadados",
         "mode": "Modo",
diff --git a/src/localize/languages/ru.json b/src/localize/languages/ru.json
index 96e39d8..1e80b57 100644
--- a/src/localize/languages/ru.json
+++ b/src/localize/languages/ru.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Пороговое значение ватт в киловатты",
         "display_zero_lines": "Отображать нулевые линии",
         "clickable_entities": "Кликабельные сущности",
+        "disable_dots": "Отключить точки",
         "use_new_flow_rate_model": "Использовать новую модель скорости потока",
         "use_metadata": "Использовать метаданные",
         "mode": "Режим",
diff --git a/src/localize/languages/sk.json b/src/localize/languages/sk.json
index 168ff72..e3dc921 100644
--- a/src/localize/languages/sk.json
+++ b/src/localize/languages/sk.json
@@ -60,6 +60,7 @@
         "watt_threshold": "Prah wattov na kilowatty",
         "display_zero_lines": "Zobraziť nulové riadky",
         "clickable_entities": "Entity, na ktoré sa dá kliknúť",
+        "disable_dots": "Vypnúť bodky",
         "use_new_flow_rate_model": "Nový model prietoku",
         "use_metadata": "Použiť Metadata",
         "mode": "Mód",
diff --git a/src/power-flow-card-plus-config.ts b/src/power-flow-card-plus-config.ts
index a1f7168..c2917a7 100644
--- a/src/power-flow-card-plus-config.ts
+++ b/src/power-flow-card-plus-config.ts
@@ -24,6 +24,7 @@ interface mainConfigOptions {
   style_ha_card?: any;
   style_card_content?: any;
   individual_mode_config?: IndividualModeConfig;
+  disable_dots?: boolean;
   display_zero_lines?: {
     mode?: DisplayZeroLinesMode;
     transparency?: number;
diff --git a/src/ui-editor/schema/_schema-all.ts b/src/ui-editor/schema/_schema-all.ts
index 64d14ab..0ef11dd 100644
--- a/src/ui-editor/schema/_schema-all.ts
+++ b/src/ui-editor/schema/_schema-all.ts
@@ -41,14 +41,13 @@ export const cardConfigStruct = assign(
     full_size: optional(boolean()),
     style_ha_card: optional(any()),
     style_card_content: optional(any()),
+    disable_dots: optional(boolean()),
     entities: object({
       battery: optional(any()),
       grid: optional(any()),
       solar: optional(any()),
       home: optional(any()),
       fossil_fuel_percentage: optional(any()),
-      individual1: optional(any()),
-      individual2: optional(any()),
       individual: optional(any()),
     }),
   })
@@ -185,6 +184,11 @@ export const advancedOptionsSchema = memoizeOne((localize, displayZeroLinesMode:
         label: "Clickable Entities",
         selector: { boolean: {} },
       },
+      {
+        name: "disable_dots",
+        label: "Disable Moving Dots",
+        selector: { boolean: {} },
+      },
       {
         name: "use_new_flow_rate_model",
         label: "New Flow Model?",
diff --git a/src/utils/checkShouldShowDots.ts b/src/utils/checkShouldShowDots.ts
new file mode 100644
index 0000000..dfa5c58
--- /dev/null
+++ b/src/utils/checkShouldShowDots.ts
@@ -0,0 +1,5 @@
+import { PowerFlowCardPlusConfig } from "../power-flow-card-plus-config";
+
+export const checkShouldShowDots = (config: PowerFlowCardPlusConfig) => {
+  return config.disable_dots !== true;
+};

From 09072f0ec03901b989894f72d4f84f1b8ee52362 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luca=20F=C3=A9lix?= <luca.ziegler.felix@gmail.com>
Date: Mon, 15 Jan 2024 10:06:02 +0100
Subject: [PATCH 2/2] fix: :bug: lines not connecting when no battery connected

---
 src/components/flows/batteryGrid.ts    | 4 ++--
 src/components/flows/batteryToHome.ts  | 4 ++--
 src/components/flows/gridToHome.ts     | 4 ++--
 src/components/flows/solarToBattery.ts | 4 ++--
 src/components/flows/solarToGrid.ts    | 4 ++--
 src/utils/computeIndividualPosition.ts | 2 +-
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/flows/batteryGrid.ts b/src/components/flows/batteryGrid.ts
index 918d5b7..cd21990 100644
--- a/src/components/flows/batteryGrid.ts
+++ b/src/components/flows/batteryGrid.ts
@@ -4,7 +4,7 @@ import { showLine } from "../../utils/showLine";
 import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
-import { checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkHasBottomIndividual, checkHasRightIndividual } from "../../utils/computeIndividualPosition";
 
 type FlowBatteryGridFlows = Pick<Flows, Exclude<keyof Flows, "solar">>;
 
@@ -12,7 +12,7 @@ export const flowBatteryGrid = (config: PowerFlowCardPlusConfig, { battery, grid
   return grid.has && battery.has && showLine(config, Math.max(grid.state.toBattery || 0, battery.state.toGrid || 0))
     ? html`<div
         class="lines ${classMap({
-          high: battery.has,
+          high: battery.has || checkHasBottomIndividual(config, individual),
           "individual1-individual2": !battery.has && individual.every((i) => i?.has),
           "multi-individual": checkHasRightIndividual(config, individual),
         })}"
diff --git a/src/components/flows/batteryToHome.ts b/src/components/flows/batteryToHome.ts
index fd666aa..6faef48 100644
--- a/src/components/flows/batteryToHome.ts
+++ b/src/components/flows/batteryToHome.ts
@@ -4,7 +4,7 @@ import { showLine } from "../../utils/showLine";
 import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
-import { checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkHasBottomIndividual, checkHasRightIndividual } from "../../utils/computeIndividualPosition";
 
 type FlowBatteryToHomeFlows = Pick<Flows, Exclude<keyof Flows, "solar">>;
 
@@ -12,7 +12,7 @@ export const flowBatteryToHome = (config: PowerFlowCardPlusConfig, { battery, gr
   return battery.has && showLine(config, battery.state.toHome)
     ? html`<div
         class="lines ${classMap({
-          high: battery.has,
+          high: battery.has || checkHasBottomIndividual(config, individual),
           "individual1-individual2": !battery.has && individual.every((i) => i?.has),
           "multi-individual": checkHasRightIndividual(config, individual),
         })}"
diff --git a/src/components/flows/gridToHome.ts b/src/components/flows/gridToHome.ts
index 122555b..99a9649 100644
--- a/src/components/flows/gridToHome.ts
+++ b/src/components/flows/gridToHome.ts
@@ -4,13 +4,13 @@ import { showLine } from "../../utils/showLine";
 import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
-import { checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkHasBottomIndividual, checkHasRightIndividual } from "../../utils/computeIndividualPosition";
 
 export const flowGridToHome = (config: PowerFlowCardPlusConfig, { battery, grid, individual, solar, newDur }: Flows) => {
   return grid.has && showLine(config, grid.state.fromGrid)
     ? html`<div
         class="lines ${classMap({
-          high: battery.has,
+          high: battery.has || checkHasBottomIndividual(config, individual),
           "individual1-individual2": !battery.has && individual.every((i) => i?.has),
           "multi-individual": checkHasRightIndividual(config, individual),
         })}"
diff --git a/src/components/flows/solarToBattery.ts b/src/components/flows/solarToBattery.ts
index 4a421dd..f236d70 100644
--- a/src/components/flows/solarToBattery.ts
+++ b/src/components/flows/solarToBattery.ts
@@ -4,7 +4,7 @@ import { showLine } from "../../utils/showLine";
 import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
-import { checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkHasBottomIndividual, checkHasRightIndividual } from "../../utils/computeIndividualPosition";
 
 type FlowSolarToBatteryFlows = Pick<Flows, Exclude<keyof Flows, "grid">>;
 
@@ -12,7 +12,7 @@ export const flowSolarToBattery = (config: PowerFlowCardPlusConfig, { battery, i
   return battery.has && solar.has && showLine(config, solar.state.toBattery || 0)
     ? html`<div
         class="lines ${classMap({
-          high: battery.has,
+          high: battery.has || checkHasBottomIndividual(config, individual),
           "individual1-individual2": !battery.has && individual.every((i) => i?.has),
           "multi-individual": checkHasRightIndividual(config, individual),
         })}"
diff --git a/src/components/flows/solarToGrid.ts b/src/components/flows/solarToGrid.ts
index 60b1784..68cdb44 100644
--- a/src/components/flows/solarToGrid.ts
+++ b/src/components/flows/solarToGrid.ts
@@ -4,13 +4,13 @@ import { showLine } from "../../utils/showLine";
 import { html, svg } from "lit";
 import { styleLine } from "../../utils/styleLine";
 import { type Flows } from "./index";
-import { checkHasRightIndividual } from "../../utils/computeIndividualPosition";
+import { checkHasBottomIndividual, checkHasRightIndividual } from "../../utils/computeIndividualPosition";
 
 export const flowSolarToGrid = (config: PowerFlowCardPlusConfig, { battery, grid, individual, solar, newDur }: Flows) => {
   return grid.hasReturnToGrid && solar.has && showLine(config, solar.state.toGrid || 0)
     ? html`<div
         class="lines ${classMap({
-          high: battery.has,
+          high: battery.has || checkHasBottomIndividual(config, individual),
           "individual1-individual2": !battery.has && individual.every((i) => i?.has),
           "multi-individual": checkHasRightIndividual(config, individual),
         })}"
diff --git a/src/utils/computeIndividualPosition.ts b/src/utils/computeIndividualPosition.ts
index 1106752..650cc72 100644
--- a/src/utils/computeIndividualPosition.ts
+++ b/src/utils/computeIndividualPosition.ts
@@ -60,4 +60,4 @@ export const checkHasRightIndividual = (config: PowerFlowCardPlusConfig, individ
   !!getTopRightIndividual(config, individualObjs) || !!getBottomRightIndividual(config, individualObjs);
 
 export const checkHasBottomIndividual = (config: PowerFlowCardPlusConfig, individualObjs: IndividualObject[]): boolean =>
-  !!getBottomLeftIndividual(config, individualObjs) || !!getBottomRightIndividual(config, individualObjs);
+  !!getBottomLeftIndividual(config, individualObjs) || !!getBottomRightIndividual(config, individualObjs);
\ No newline at end of file