blue-chestnut-solar-expert 0.0.18 → 0.0.20

package/dist/collection/components/solar-system-form/solar-system-form.js

@@ -1,21 +1,19 @@
 import { h } from "@stencil/core";
-// import Chart from "chart.js/auto";
 import { DEFAULT_SOLAR_PANEL_TYPE } from "../../config";
 import { getLanguageStrings } from "../../utils/lang/general";
 import { state } from "../../store";
-import { CONSUMPTION_PROFILES, SOLAR_RADIATION } from "../../constants";
+import { generateElectricCarChargingHours, simulate, } from "../../utils/simulation/simulation";
 export class SolarSystemForm {
     systemConfigs = {};
     roofPolygons = {};
     obstructionPolygons = {};
-    householdConsumption = 3500;
+    householdConsumption = 4500;
     consumptionProfile = "mostly_at_home";
     electricityPrice = 0.3;
     compensationRate = 0.07;
     annualPriceIncrease = 2;
     autonomy = 0;
     costSavings = 0;
-    costSavings25Years = 0;
     numberOfPanels = 5;
     panelPeakPower = 0.4; // kW per panel
     name = "";
@@ -26,168 +24,67 @@ export class SolarSystemForm {
     electricCarChargingTime = "day";
     heatPump = 0;
     battery = 0;
-    // private chart: Chart | null = null;
-    // private chartRef: HTMLCanvasElement | null = null;
+    compensation25Years = 0;
+    savedCosts25Years = 0;
+    maxPanels = 5;
     updateSystemConfigs() {
         if (Object.keys(this.systemConfigs).length === 0) {
             this.numberOfPanels = 0;
+            this.maxPanels = 0;
             return;
         }
         this.numberOfPanels = Object.keys(this.systemConfigs).reduce((acc, curr) => acc + this.systemConfigs[curr].positionedPanels.length, 0);
+        this.maxPanels = Object.keys(this.systemConfigs).reduce((acc, curr) => acc + this.systemConfigs[curr].positionedPanels.length, 0);
         this.panelPeakPower =
             Object.entries(this.systemConfigs)[0][1].positionedPanels[0].panel
                 .kWattPeak;
         this.recalculate();
-        this.updateChart();
     }
     recalculate() {
-        const data = CONSUMPTION_PROFILES[this.consumptionProfile];
-        const norm = data.reduce((acc, curr) => acc + curr, 0);
-        // Calculate heat pump consumption (0.05 kWh per m² per day)
-        const heatPumpDailyConsumption = this.heatPump * 0.05;
-        const heatPumpYearlyConsumption = heatPumpDailyConsumption * 365;
-        // Calculate electric car consumption (20 kWh per day)
-        const electricCarDailyConsumption = this.electricCar ? 20 : 0;
-        const electricCarYearlyConsumption = electricCarDailyConsumption * 365;
-        // Add heat pump and electric car consumption to total household consumption
-        const totalHouseholdConsumption = this.householdConsumption +
-            heatPumpYearlyConsumption + electricCarYearlyConsumption;
-        const peakKwh = this.numberOfPanels * this.panelPeakPower;
-        const production = SOLAR_RADIATION.map((radiation) => radiation * peakKwh);
-        let energyUsageOfProduction = 0;
-        let soldEnergy = 0;
-        let batteryCharge = 0; // Current battery charge in kWh
-        // Calculate hourly electric car consumption
-        const hourlyCarConsumption = this.electricCar ? 20 / 24 : 0; // Distribute 20 kWh evenly across 24 hours
-        for (let i = 0; i < data.length; i++) {
-            // Add electric car consumption to the base consumption
-            let hourlyConsumption = data[i] * totalHouseholdConsumption / norm /
-                365;
-            // Add electric car consumption based on charging time preference
-            if (this.electricCar) {
-                if (this.electricCarChargingTime === "day" && i >= 6 && i <= 18) {
-                    hourlyConsumption += hourlyCarConsumption;
-                }
-                else if (this.electricCarChargingTime === "night" &&
-                    (i < 6 || i > 18)) {
-                    hourlyConsumption += hourlyCarConsumption;
-                }
-            }
-            // Calculate energy difference for this hour
-            const energyDifference = production[i] - hourlyConsumption;
-            if (energyDifference > 0) {
-                // Excess production - try to store in battery first
-                const remainingBatteryCapacity = this.battery - batteryCharge;
-                const energyToStore = Math.min(energyDifference, remainingBatteryCapacity);
-                if (energyToStore > 0) {
-                    batteryCharge += energyToStore;
-                    energyUsageOfProduction += hourlyConsumption;
-                    soldEnergy += energyDifference - energyToStore;
-                }
-                else {
-                    // Battery full, sell excess
-                    energyUsageOfProduction += hourlyConsumption;
-                    soldEnergy += energyDifference;
-                }
-            }
-            else if (energyDifference < 0) {
-                // Production deficit - try to use battery
-                const energyNeeded = -energyDifference;
-                const energyFromBattery = Math.min(energyNeeded, batteryCharge);
-                if (energyFromBattery > 0) {
-                    batteryCharge -= energyFromBattery;
-                    energyUsageOfProduction += production[i] +
-                        energyFromBattery;
-                }
-                else {
-                    // No battery power available
-                    energyUsageOfProduction += production[i];
+        const simulationConfig = {
+            general: {
+                simulationYears: 25,
+            },
+            householdConsumption: {
+                consumptionProfile: this.consumptionProfile,
+                winterConsumptionFactor: 1.2,
+                summerConsumptionFactor: 0.8,
+                averageConsumption: this.householdConsumption / 365,
+            },
+            electricityPrice: {
+                purchase: this.electricityPrice,
+                sell: this.compensationRate,
+                increase: this.annualPriceIncrease / 100,
+            },
+            solarSystem: {
+                numberOfPanels: this.numberOfPanels,
+                panelType: DEFAULT_SOLAR_PANEL_TYPE,
+                pitch: 30,
+            },
+            batteryKWh: this.battery,
+            solarRadiation: {
+                winterFactor: 0.2,
+                summerFactor: 0.6,
+            },
+            heatPump: {
+                m2: this.heatPump,
+            },
+            electricCar: this.electricCar
+                ? {
+                    averageKilometersPerDay: 50,
+                    consumptionkWhPer100km: 17,
+                    batteryKWh: 20,
+                    chargingHours: this.electricCarChargingTime === "day"
+                        ? generateElectricCarChargingHours(6, 18)
+                        : generateElectricCarChargingHours(18, 6),
                 }
-            }
-            else {
-                // Production equals consumption
-                energyUsageOfProduction += hourlyConsumption;
-            }
-        }
-        // Calculate the cost savings
-        this.costSavings = soldEnergy * this.compensationRate * 365 +
-            energyUsageOfProduction * 365 * this.electricityPrice;
-        // Calculate 25-year savings with price increase
-        let totalSavings = 0;
-        let currentPrice = this.electricityPrice;
-        for (let year = 0; year < 25; year++) {
-            const yearlySavings = soldEnergy * this.compensationRate * 365 +
-                energyUsageOfProduction * 365 * currentPrice;
-            totalSavings += yearlySavings;
-            currentPrice *= 1 + this.annualPriceIncrease / 100;
-        }
-        this.costSavings25Years = totalSavings;
-        this.autonomy =
-            (energyUsageOfProduction / (totalHouseholdConsumption / 365)) *
-                100;
-    }
-    updateChart() {
-        // if (!this.chartRef) return;
-        // const ctx = this.chartRef.getContext("2d");
-        // if (!ctx) return;
-        // if (this.chart) {
-        //     this.chart.destroy();
-        // }
-        // const hours = Array.from({ length: 24 }, (_, i) => `${i}:00`);
-        // const data = CONSUMPTION_PROFILES[this.consumptionProfile];
-        // const norm = data.reduce((acc, curr) => acc + curr, 0);
-        // const peakKwh = this.numberOfPanels * this.panelPeakPower;
-        // const production = SOLAR_RADIATION.map((radiation) =>
-        //     radiation * peakKwh
-        // );
-        // for (let i = 0; i < data.length; i++) {
-        //     data[i] = data[i] * this.householdConsumption / norm / 365;
-        // }
-        // let datasets = [{
-        //     label: "Energy Consumption",
-        //     data: data,
-        //     borderColor: "#964500",
-        //     backgroundColor: "rgba(150, 69, 0, 0.1)",
-        //     fill: true,
-        //     tension: 0.4,
-        // }, {
-        //     label: "Energy Production",
-        //     data: production,
-        //     borderColor: "#000000",
-        //     backgroundColor: "rgba(0, 0, 0, 0.1)",
-        //     fill: true,
-        // }];
-        // this.chart = new Chart(ctx, {
-        //     type: "line",
-        //     data: {
-        //         labels: hours,
-        //         datasets: datasets,
-        //     },
-        //     options: {
-        //         responsive: true,
-        //         plugins: {
-        //             title: {
-        //                 display: true,
-        //                 text: "Daily Consumption Profile",
-        //             },
-        //         },
-        //         scales: {
-        //             y: {
-        //                 beginAtZero: true,
-        //                 title: {
-        //                     display: true,
-        //                     text: "Relative Consumption",
-        //                 },
-        //             },
-        //             x: {
-        //                 title: {
-        //                     display: true,
-        //                     text: "Hour of Day",
-        //                 },
-        //             },
-        //         },
-        //     },
-        // });
+                : undefined,
+        };
+        const result = simulate(simulationConfig);
+        this.compensation25Years = result.compensationPerDay * 365 * 25;
+        this.savedCosts25Years = result.byYearSavedCosts.reduce((acc, curr) => acc + curr, 0);
+        this.costSavings = result.compensationPerDay * 365;
+        this.autonomy = result.autonomy * 100;
     }
     componentWillLoad() {
         this.updateSystemConfigs();
@@ -236,100 +133,101 @@ export class SolarSystemForm {
     }
     render() {
         const t = getLanguageStrings(state.settings.language);
-        return (h("div", { key: 'f900386e739e03be601dcbd3b56e9193b9918c9c', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
+        return (h("div", { key: '744d980cd58f2d3d04f7f3ff4938781a6c645fe5', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
             ,
             //     display: (Object.keys(this.systemConfigs).length === 0)
             //         ? "none"
             //         : "flex",
             // }}
-            id: "solar-system-form" }, h("h1", { key: '853e513f3c0e29831dae93889d5d95f50373ad9e', class: "text-2xl font-bold text-[#271200] mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: 'a1b1946b52ad2f91b6c97a4cdab6e4df93640b2f', class: "w-full bg-[#f3ebda] rounded-4xl p-6 space-y-6" }, h("div", { key: '7c19d788c86eae08383cf91e90ba23f986a3ff37', class: "space-y-4" }, h("h2", { key: '1405420d65b334691dd3a08347921e6488f6cad5', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.systemInformation), h("div", { key: 'ce01fe0f6be6029cb18f8a3e3aceff91c3f48499', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'aa35d379e3807c08bc733710848696ce711b794c', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'ea961b4b655b9ba0723f27df3d4b520e69bc3fc3', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.numberOfPanels), h("label", { key: 'cd34f9431f44326985d0d1dc3a92fe24d9789e30', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.panelPeakPower)), h("div", { key: '9fe68f3f8b2f027b75f0fb9eaeb0ac6281813ae6', class: "grid grid-cols-2 gap-4" }, h("input", { key: '781684a8b347faa29c368cda5e6b3880d0db2a4d', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.numberOfPanels, readOnly: true }), h("input", { key: 'b6ffb5c01e8d1ce097e2bf31d3b79c44fe65f3ee', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.panelPeakPower, readonly: true }))), h("div", { key: 'bcc627f1f2df822a572e354d54b08d08b5ab380a', class: "bg-white rounded-4xl p-4" }, h("div", { key: '0d78f8bba40b066ec52145e0516edc5497cdddd2', class: "flex items-center justify-between" }, h("span", { key: 'b4165549254fb259c8040ba770dc87901659b061', class: "text-gray-600" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'b20034fcb42c069bdefa4f9c47030bae8f4b1e4b', class: "text-xl font-bold text-[#271200]" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
-            this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: 'c89c679fde1ae597f79686213554c12dd8a22a46', class: "space-y-4" }, h("h2", { key: '23830df1f2ecdba69d02c956183cd362078d2d24', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '475a4146c7504e52f3bacb283b8af35f47ad5a43', class: "grid grid-rows-2 gap-0" }, h("div", { key: '52fbf01dfdd84e2b5c77870cc1d61164579075aa', class: "grid grid-cols-2 gap-4" }, h("label", { key: '162c72eb189ffcfa6447a5ac5adfed83ceabeec7', class: "block text-sm font-medium text-gray-600" }, t.solarSystemForm.annualConsumption), h("label", { key: 'e283fc023a34c8471aa3177d57ed8c7db3b097b2', class: "block text-sm font-medium text-gray-600" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '61ba7bba4681174974feea2bb367cbc8ccef12e6', class: "grid grid-cols-2 gap-4" }, h("input", { key: 'd9db3dd0fc8358ab66b85396693bc805cd608a32', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.householdConsumption, onInput: (e) => {
+            id: "solar-system-form" }, h("h1", { key: 'f003bc55e2f63531822bd23ac3d39946d730df69', class: "text-2xl font-bold text-[#271200] mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '20c215156baabe57b3188759741d7d20c99270ef', class: "w-full bg-[#f3ebda] rounded-4xl p-6 space-y-6" }, h("div", { key: '7372fb2f5dadd14e0bc411773598c1316b7d1607', class: "space-y-4" }, h("h2", { key: '05978eeb5b39b5e37e40cd052bb64f9f239b1a01', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.systemInformation), h("div", { key: '005128f28eee0bba612bcc5b65f81a546d52e754', class: "grid grid-rows-3 gap-0" }, h("div", { key: '9095d807e024286e0ddd505e4f0c4d6311e92f99', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'ce78ba6e92916f72a53698c1372637d065010d22', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.numberOfPanels), h("label", { key: '4c2f7e8a88baa146a4f01e2dabafaea416c74acd', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.panelPeakPower)), h("div", { key: 'fc7b28c8de9de709b7116612213f993e37598b09', class: "grid grid-cols-2 gap-4" }, h("input", { key: 'b7b63eb3667e664c6b7dcf251b786a20882b500d', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.numberOfPanels, readOnly: true }), h("input", { key: 'c500aa9a91ce6b21f734d95d92532d82be154055', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.panelPeakPower, readonly: true })), h("div", { key: 'd69c51ebd1188abaf61de239ce5d537ad9115a7e', class: "grid grid-cols-2 gap-4" }, h("div", { key: 'ecac73eba72e206b678d86ba18b4ba04e72d6e2d', class: "w-full pt-2" }, h("input", { key: '48a2fda42efcbd457df3c21ba63cb73066471052', type: "range", min: "1", max: this.maxPanels, step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white", value: this.numberOfPanels, onInput: (e) => {
+                this.numberOfPanels = parseInt(e.target
+                    .value);
+                this.recalculate();
+            } })))), h("div", { key: 'b01c9bbec27359126ed3283a14e275861ca79194', class: "bg-white rounded-4xl p-4" }, h("div", { key: '4be558f4d94a68bda294dc32155df64243e3f2c7', class: "flex items-center justify-between" }, h("span", { key: '677a12d0236e17349fff064f6fad76279a51299a', class: "text-gray-600" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: '15f819a867ee238aeeb4f9cfc24b7b5e607176c8', class: "text-xl font-bold text-[#271200]" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
+            this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '0adcb579dce8f9357c2631b4b6fa8dc0e66a5727', class: "space-y-4" }, h("h2", { key: '93ce837e4b57123e19629499d371211c82b67f17', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '7c1b46ffac1807ffa75b98b9ff317250cb7f4f3f', class: "grid grid-rows-2 gap-0" }, h("div", { key: '115981c3667bdd500bb9ed9862dfcf6c57cf3488', class: "grid grid-cols-2 gap-4" }, h("label", { key: '1d36b519882a44f84f948594f2aac031c8b14785', class: "block text-sm font-medium text-gray-600" }, t.solarSystemForm.annualConsumption), h("label", { key: 'd0360fb66300f6a1048d6318ad388a28c25ede1c', class: "block text-sm font-medium text-gray-600" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '830c929bedc1731853b8abb4602c1a183b31c5d9', class: "grid grid-cols-2 gap-4" }, h("input", { key: '1f0625102ccf8711c5d25b8b42086ddacf0f5bce', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.householdConsumption, onInput: (e) => {
                 this.householdConsumption = parseInt(e.target
                     .value);
                 this.recalculate();
-                this.updateChart();
-            } }), h("select", { key: 'bc3f018b0e3610911a313361b4ccfae5fe3b09b9', class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", onChange: (e) => {
+            } }), h("select", { key: '39cec2d7c15bd3eec6091b3dc6384ab7ed95310c', class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", onChange: (e) => {
                 this.consumptionProfile =
                     e.target
                         .value;
                 this.recalculate();
-                this.updateChart();
-            } }, h("option", { key: 'eed73b9e3f47b5ca6050e29180ea388cd3c915d0', value: "mostly_at_home", selected: this.consumptionProfile ===
+            } }, h("option", { key: '74b10c47b8fefb3aee7c818d35797649cd9cf700', value: "mostly_at_home", selected: this.consumptionProfile ===
                 "mostly_at_home" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAtHome), h("option", { key: '75c4b6dbb160258533d53ffe5105dc80704ce1b5', value: "mostly_away", selected: this.consumptionProfile ===
+            .mostlyAtHome), h("option", { key: '650009f75563391223500548984d7c36ad6c13b2', value: "mostly_away", selected: this.consumptionProfile ===
                 "mostly_away" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAway))))), h("div", { key: '02d03da8ecf11bd3b78c21f1b42cb862879f80d2', class: "space-y-4" }, h("h2", { key: 'f136aa12ba42d5f2752f93c2727523053d0e4e07', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'e84c599231f113dc00dc14d679b4f3c7ec03972f', class: "flex flex-col gap-4" }, h("div", { key: '49496d607698485677692f6e651ca3ad557f83d5', class: "flex flex-col bg-white rounded-4xl p-4 gap-4" }, h("div", { key: '4a77af1f155ff1a2831e4c30cf354d765d1c89f6', class: "flex items-center justify-between" }, h("div", { key: '406d4a5cb7daf2dbe3810c5abba54ce9b9fda8b6', class: "flex items-center gap-2" }, h("input", { key: '0d715601b805f86c050cdd9c4cd526a422441d0a', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-[#964500] border-gray-300 rounded-full focus:ring-[#964500] focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
+            .mostlyAway))))), h("div", { key: '86a106ff0692fe3387ac8cd885120933b4f0e4d0', class: "space-y-4" }, h("h2", { key: 'ec07a0b6a96ed21036fb01ec15b5e14f26c05717', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.additionalComponents.title), h("div", { key: '2406008f140b2e6118a1158c40170db3049d1d0e', class: "flex flex-col gap-4" }, h("div", { key: '7e11cbbb64c167795b8f3d67e81936cbcab7e437', class: "flex flex-col bg-white rounded-4xl p-4 gap-4" }, h("div", { key: '4939f5f7fc79efadbc861f5b5d64730fe6dd08ec', class: "flex items-center justify-between" }, h("div", { key: 'e8a076f0129819d83c021baf76f9051e32a51745', class: "flex items-center gap-2" }, h("input", { key: 'acc0ae74a9fcd0bedce903ffa5d38f2174ba2874', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-[#964500] border-gray-300 rounded-full focus:ring-[#964500] focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
                 this.heatPump =
                     e.target
                         .checked
                         ? 100
                         : 0;
                 this.recalculate();
-            } }), h("label", { key: 'ca7f594131c1b38d8354d9b613278fb3b5115421', htmlFor: "heatPump", class: "text-gray-600" }, t.solarSystemForm
+            } }), h("label", { key: 'cd903331c1dadec8fb8e32fb292a35e833349dde', htmlFor: "heatPump", class: "text-gray-600" }, t.solarSystemForm
             .additionalComponents
-            .heatPump)), this.heatPump > 0 && (h("span", { key: 'c084c1de7c4e5ffeaea41a458d37316b0d10882a', class: "text-gray-600" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: 'c06d4124569d2ece44eccaba71aef3b2187efcb1', class: "flex flex-col gap-2" }, h("input", { key: '3bbc9b18beda8e88ecdcb013c52ac18809a2e8ca', type: "range", min: "10", max: "300", step: "10", class: "custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white", value: this.heatPump, onInput: (e) => {
+            .heatPump)), this.heatPump > 0 && (h("span", { key: 'a4b28f091c369e7b8167326f6f0ce7ce2ed87403', class: "text-gray-600" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '21799a5144de79e95bd82efd8e32d9a77d939e82', class: "flex flex-col gap-2" }, h("input", { key: 'c378e59e2421626b59aab30dca50d689318ea1c5', type: "range", min: "10", max: "300", step: "10", class: "input-slider custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white", value: this.heatPump, onInput: (e) => {
                 this.heatPump = parseInt(e.target
                     .value);
                 this.recalculate();
-            } })))), h("div", { key: 'e3c457c9a457d2b8661abcf75a5a518a6a6f507a', class: "flex flex-col bg-white rounded-4xl p-4 gap-4" }, h("div", { key: '4074cb86c2e58229168bd52bc6a71e7af6398ad6', class: "flex items-center justify-between" }, h("div", { key: '16831cc0608c21bd8f8755a3d0934ab665745692', class: "flex items-center gap-2" }, h("input", { key: '91d96004f0dc693578f89d118bcce87093821cf0', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-[#964500] border-gray-300 rounded focus:ring-[#964500] focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
+            } })))), h("div", { key: 'f361c0fc04391089240776a5dd76eb4a1f139dc2', class: "flex flex-col bg-white rounded-4xl p-4 gap-4" }, h("div", { key: '02bc28aff14eb518268cabb806caf30749fee32e', class: "flex items-center justify-between" }, h("div", { key: 'f53cb4db1f15b85743a2ba6d20486d0c12da3447', class: "flex items-center gap-2" }, h("input", { key: 'b6e4a0f08869fa9e7950371d590b9991ec03d452', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-[#964500] border-gray-300 rounded focus:ring-[#964500] focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
                 this.electricCar =
                     e.target
                         .checked;
                 this.recalculate();
-            } }), h("label", { key: '2474e63d5479806ae9c2fc800b49504499c2fa6c', htmlFor: "electricCar", class: "text-gray-600" }, t.solarSystemForm
+            } }), h("label", { key: 'a607d596e03ee4969111bd4124507814f1ea048d', htmlFor: "electricCar", class: "text-gray-600" }, t.solarSystemForm
             .additionalComponents
-            .electricCar))), this.electricCar && (h("div", { key: '9465955a1cf5b742c7589c62e71cbc4a56d0cef9', class: "flex flex-col gap-2" }, h("label", { key: '36443b598c3e95159e0dc2343235e361b805bbbe', class: "text-sm text-gray-600" }, t.solarSystemForm
+            .electricCar))), this.electricCar && (h("div", { key: '65681c033ecb581ac19c28034b456d3d2dc8bb6c', class: "flex flex-col gap-2" }, h("label", { key: 'e95874e8b94206c57fe44ed7355be4e38ddbd2ed', class: "text-sm text-gray-600" }, t.solarSystemForm
             .additionalComponents
-            .chargingTime), h("select", { key: '21a0baf1b1ec4d58517179c37d058c156661645c', class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", onChange: (e) => {
+            .chargingTime), h("select", { key: '47ed96b55ae0b40ab0bd40236f3f1def09701548', class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", onChange: (e) => {
                 this.electricCarChargingTime =
                     e.target
                         .value;
                 this.recalculate();
-            } }, h("option", { key: '207f35aa95436bfcfb10e4eb97a7edf4a0eafa1f', value: "day", selected: this
+            } }, h("option", { key: '1c48c51cae0282d0f2663ee0683e0d828e2cc508', value: "day", selected: this
                 .electricCarChargingTime ===
                 "day" }, t.solarSystemForm
             .additionalComponents
-            .chargingTimeDay), h("option", { key: '58e5bd73f50127d5e0bce07b9f82d546efe3dea4', value: "night", selected: this
+            .chargingTimeDay), h("option", { key: 'a8f55ef8f4bfecca29290ae2bd49975bd3cfc386', value: "night", selected: this
                 .electricCarChargingTime ===
                 "night" }, t.solarSystemForm
             .additionalComponents
-            .chargingTimeNight))))), h("div", { key: 'c10fae6c6f9712d0221711539f1735bda5acf123', class: "flex flex-col bg-white rounded-4xl p-4 gap-4" }, h("div", { key: '2e6da0a061db6ea28a4913677c892bd4f0de62bf', class: "flex items-center justify-between" }, h("label", { key: '86855eba836bfbd7e28aabd61a6bc1d804047cba', class: "text-gray-600" }, t.solarSystemForm.additionalComponents
-            .battery), h("span", { key: '1e77f5431721b4de66aacb08caec4d9315ee2987', class: "text-gray-600" }, this.battery, " kWh")), h("div", { key: 'f0a2477758b2d21ce7afd47e064c379bdf9f220e', class: "flex flex-col gap-2" }, h("input", { key: 'cb6ad0d4131896ad131067bca9818818b869bf4e', type: "range", min: "0", max: "20", step: "1", class: "w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white", value: this.battery, onInput: (e) => {
+            .chargingTimeNight))))), h("div", { key: '5050cb4356d0f01bd6de72c778efd3d74dc48fcc', class: "flex flex-col bg-white rounded-4xl p-4 gap-4" }, h("div", { key: '94bc81576b9f577edf0eb5a50e5a72ea70a6a23c', class: "flex items-center justify-between" }, h("label", { key: '78374a6a108650c6e9da3d690c5cde3409009b64', class: "text-gray-600" }, t.solarSystemForm.additionalComponents
+            .battery), h("span", { key: '7dc59ee19216c1a59a19b3c6cd0889faebb9af85', class: "text-gray-600" }, this.battery, " kWh")), h("div", { key: '6880afe65e17ecfb231d994cc03618457738c68f', class: "flex flex-col gap-2" }, h("input", { key: 'e07afb820af65843e68e34a84730edc5b214440b', type: "range", min: "0", max: "20", step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white", value: this.battery, onInput: (e) => {
                 this.battery = parseInt(e.target
                     .value);
                 this.recalculate();
-            } }))))), h("div", { key: '28db1c220c3748a58a673a634383727a8470ce36', class: "space-y-4" }, h("h2", { key: 'b81b18400b3649aea81b565cbcc9ce1fd01050db', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '5c7b172a9e1fe43c0429be3963d21e45e814b0c6', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'd72f5fc0be4ca75bc25732eb4f51cfbc943de231', class: "grid grid-cols-3 gap-4" }, h("label", { key: '114f86a301efeec32be8422a75fd0678a1b25c51', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.electricityPrice), h("label", { key: '4530512fdae93be4ae8ec4d679a62c5322dc9802', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.compensationRate), h("label", { key: 'a82d5c1391a35e5f1fbed03592ec9f8ecca493b4', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.annualPriceIncrease)), h("div", { key: 'bd31f29e1cd4a9927f850b2c2d8b20a677fae3eb', class: "grid grid-cols-3 gap-4" }, h("input", { key: '56e603dd7ffcde16e6ea30470ee047afe2baedb2', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.electricityPrice.toFixed(2), onInput: (e) => {
+            } }))))), h("div", { key: 'a4bfb580de1e3c45a9f3b25acdec60008be691ce', class: "space-y-4" }, h("h2", { key: 'dfd3a5492bc3b57e800b3c946e95ada611190378', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '51e1bce640dd72353ee4f163c4d0db3343a87504', class: "grid grid-rows-2 gap-0" }, h("div", { key: '96422dfb55d394ad3678a924681e954b7ce22df3', class: "grid grid-cols-3 gap-4" }, h("label", { key: 'cf0d91a03cc3daef6fa6d82be31871bab5f7c100', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.electricityPrice), h("label", { key: '8ddfef1b47fb2ed3408a94244ed34d03d20445b7', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.compensationRate), h("label", { key: 'b6f72c81858b794c1326c13ebf1e7874d8a73375', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.annualPriceIncrease)), h("div", { key: '53bb5a5f2332e2a47c1266f22106809128678e56', class: "grid grid-cols-3 gap-4" }, h("input", { key: '5244283ad3af74ecdc19e6007088cb0ce1b36664', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.electricityPrice.toFixed(2), onInput: (e) => {
                 this.electricityPrice = parseFloat(e.target
                     .value);
                 this.recalculate();
-                this.updateChart();
-            } }), h("input", { key: 'a9f21bb0ef842975f13528995beb35c7990fbab7', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.compensationRate.toFixed(2), onInput: (e) => {
+            } }), h("input", { key: '156f947d4e06d7a3cc6ad217ec5d9fa2951ad4dc', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.compensationRate.toFixed(2), onInput: (e) => {
                 this.compensationRate = parseFloat(e.target
                     .value);
                 this.recalculate();
-                this.updateChart();
-            } }), h("input", { key: '6fd5d4dfe880ee443891fdf5a21a6cadf1a85c3f', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
+            } }), h("input", { key: '98143e54459b81a7b7264bffc923dd371bc1742f', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
                 this.annualPriceIncrease = parseFloat(e.target
                     .value);
                 this.recalculate();
-                this.updateChart();
-            } })))), h("div", { key: 'fd3a7340b7d52bf8f80d16a6dd841c5e51f73222', class: "space-y-4 pt-4 border-t border-gray-200" }, h("h2", { key: 'c73f74d7b8e6ae17f1ecc12d40d48bbb7d27d4fd', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.resultsTitle), h("div", { key: '2c5638f28adff933740af2ef0fef2f6bcb6428cb', class: "bg-white rounded-4xl p-4" }, h("div", { key: 'ba33ed8f3cff389a325e8a74335b50c056b9973d', class: "flex items-center justify-between" }, h("span", { key: '9a6468ff0e8be96ffe7b81de63b26d9b6bdec9b1', class: "text-gray-600" }, t.solarSystemForm.autonomy), h("span", { key: '0c376539bd769b62b8d0103d5d7c5e7c5654704c', class: "text-xl font-bold text-[#271200]" }, this.autonomy.toFixed(1), "%")), h("div", { key: 'b316b179f78843bcdf47963a9b92997c6f9d3a11', class: "flex items-center justify-between mt-4" }, h("div", { key: 'bff0c9af332674cabdd3566f9e86714940810570', class: "flex items-center gap-2" }, h("span", { key: '0d488cc9c359e963b1bd7aeed4b70a1191bdaf9c', class: "text-gray-600" }, t.solarSystemForm.costSavings), h("div", { key: 'e382818ebf3e80c2a88e93a80142e8671163a116', class: "relative group" }, h("svg", { key: 'd5384665b7135e0cdf869053cde0b420340cbf8b', xmlns: "http://www.w3.org/2000/svg", class: "h-5 w-5 text-gray-400 cursor-help", viewBox: "0 0 20 20", fill: "currentColor" }, h("path", { key: 'ced49e7857a8103d87a64f3910d70040cb462212', "fill-rule": "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z", "clip-rule": "evenodd" })), h("div", { key: 'c9be804634970c9ad741141ed2d9117f688c91f4', class: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 w-64 p-2 bg-gray-800 text-white text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none" }, t.solarSystemForm
-            .savingsDisclaimer))), h("span", { key: '6b0d784381a52d618f999077f8b1f8c5720f556d', class: "text-xl font-bold text-green-600" }, this.costSavings.toFixed(2), "\u20AC/", t
-            .solarSystemForm.year)), h("div", { key: '20d043402e17310210c77d151e690e99599b44eb', class: "flex items-center justify-between mt-4" }, h("div", { key: '81af26d3e1f16d2bf390dfa5b1313bae981325e0', class: "flex items-center gap-2" }, h("span", { key: '6ed1b80be4e775ec4ded53e404ea168d424f27df', class: "text-gray-600" }, t.solarSystemForm.costSavings25Years)), h("span", { key: '8071db153adefed6eeca2614fbfcbc9de2e9bbba', class: "text-xl font-bold text-green-600" }, this.costSavings25Years.toFixed(2), "\u20AC")))), h("div", { key: '9f382434d1dd435a37d4bc1f7a34d3214af79261', class: "space-y-4 pt-4 border-t border-gray-200" }, h("h2", { key: 'b10014b2612f8a9fda77e3d9cfa7180753982c92', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.requestOffer), h("div", { key: 'd19838f836105b225cdd939aef0fe3f50358d80d', class: "grid grid-rows-2 gap-0" }, h("div", { key: '36d2c6bf02c745eb06c8975c5ede37fd6543a436', class: "grid grid-cols-2 gap-4" }, h("label", { key: '58288d0a2ba4392a2c3b9b2252d7d32b27923cfc', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.name), h("label", { key: 'd208c5f92e82480b7fce8e9138413cc2f89d21fc', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.email)), h("div", { key: 'd788fd9f52636dd201616073283c3327e20d78fd', class: "grid grid-cols-2 gap-4" }, h("input", { key: '0db1956f45d25c951046a416c1891cdfe1680860', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
+            } })))), h("div", { key: '86b293619777e18d63b305ca07bc7e797fb0d70e', class: "space-y-4 pt-4 border-t border-gray-200" }, h("h2", { key: 'a68bcc7eeec7f0be54aea7c029e52ba1b0609638', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.resultsTitle), h("div", { key: 'b7ba73455969d9bd125c96a1f33dcf48c1418c37', class: "bg-white rounded-4xl p-4" }, h("div", { key: '18c3105018499d3b3a637aed351d91714ba5a612', class: "flex items-center justify-between" }, h("span", { key: '0035e2b15865f8227cbc114d38ebf5ccc00b656b', class: "text-gray-600" }, t.solarSystemForm.autonomy), h("span", { key: 'fb045f2880eeb51734f97d6a77a7319fca895ee9', class: "text-xl font-bold text-[#271200]" }, this.autonomy > 100
+            ? "100"
+            : this.autonomy.toFixed(1), "%")), h("div", { key: '0b496be58c3105ffd4ce3e8bbb5647cf4b3ed92e', class: "flex items-center justify-between mt-4" }, h("div", { key: '3e08d94b99e63a9b52d9b1ac4eb1662023afebf8', class: "flex items-center gap-2" }, h("span", { key: 'abe46d153767c62c13d2d8b3eef0ccc89fa5f22e', class: "text-gray-600" }, t.solarSystemForm.costSavings), h("div", { key: '51d67b7365530344639c8df9122c4c52803fbe0f', class: "relative group" }, h("svg", { key: '0bc8015429f01fb53ae07c1921152a1493d87a2d', xmlns: "http://www.w3.org/2000/svg", class: "h-5 w-5 text-gray-400 cursor-help", viewBox: "0 0 20 20", fill: "currentColor" }, h("path", { key: '593c7428f06632d9e46d8d7ecb06ca1e25fb6c4f', "fill-rule": "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z", "clip-rule": "evenodd" })), h("div", { key: 'ce7e6f853ea5370a2dbdfd392fef232f21bdc0d1', class: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 w-64 p-2 bg-gray-800 text-white text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none" }, t.solarSystemForm
+            .savingsDisclaimer))), h("span", { key: '2d89f0f4d9437d5b75b1bc5c34140bc8502f2b23', class: "text-xl font-bold text-green-600" }, this.costSavings.toFixed(2), "\u20AC/", t
+            .solarSystemForm.year)), h("div", { key: 'ae58b2b27ba70aa4f18dce63c507395255452db6', class: "flex items-center justify-between mt-4" }, h("div", { key: '7a0a1c6d8948a475374537eee1d9054b6824c38c', class: "flex items-center gap-2" }, h("span", { key: '4537c21706ee095f3e3ed263f0a99386eec92795', class: "text-gray-600" }, "Einspeiseverg\u00FCtung 25 Jahre")), h("span", { key: '75955814953cb2c9e0f311aaa1e3d04f19fc89fb', class: "text-xl font-bold text-green-600" }, this.compensation25Years.toFixed(2), "\u20AC")), h("div", { key: '06c3fa7e43948fb35f09e6e98716cbcd7d064d6c', class: "flex items-center justify-between mt-4" }, h("div", { key: '01210645e518efbc462feebc9980d24a6c09c163', class: "flex items-center gap-2" }, h("span", { key: 'f2519b5004a17f4ea09ac6ec374b73a553706ab5', class: "text-gray-600" }, "Geldwerter Vorteil 25 Jahre")), h("span", { key: 'b4e92d010609ac4a571e2c2732f62bf8dc836133', class: "text-xl font-bold text-green-600" }, this.savedCosts25Years.toFixed(2), "\u20AC")))), h("div", { key: '8d0dba4bcddfaf4e1509713c54d6474787b6254d', class: "space-y-4 pt-4 border-t border-gray-200" }, h("h2", { key: '26c08b27f7282f261f5a4779caaba766f20a8ca4', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.requestOffer), h("div", { key: 'a9366b58ac1e04aac462f0b9e21513400c053cb0', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'a49322839297e3c7593236f071a8094138a32b47', class: "grid grid-cols-2 gap-4" }, h("label", { key: '3676b60ef2f4fd8edcea20b86c9c0c0321829e95', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.name), h("label", { key: 'f41e248f056c96db5cfd225a79d1ec70ced03586', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.email)), h("div", { key: '3facacede4f9f59c96332e8caa76dd017c2640d6', class: "grid grid-cols-2 gap-4" }, h("input", { key: 'e31c14c1bdc5e50b833f1868bd03157e3919a585', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
                 ? "border-red-500"
                 : "border-gray-300"} focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white`, value: this.name, onInput: (e) => {
                 this.name =
                     e.target
                         .value;
                 this.validateForm();
-            }, placeholder: "Your name" }), this.nameError && (h("p", { key: '2c440284521554b07572cf41ee32afbd5098d9d0', class: "text-red-500 text-sm mt-1" }, this.nameError)), h("input", { key: '12f13f01ab6c6df21099754cd3d690a9ca2c91ad', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
+            }, placeholder: "Your name" }), this.nameError && (h("p", { key: '9d04539c41c625e235ba6589d7bce5599d06a39e', class: "text-red-500 text-sm mt-1" }, this.nameError)), h("input", { key: 'eb8fe3b14a98867a9f62cfd4db4b2104ae2864eb', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
                 ? "border-red-500"
                 : "border-gray-300"} focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white`, value: this.email, onInput: (e) => {
                 this.email =
                     e.target
                         .value;
                 this.validateForm();
-            }, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '2007c59ddc380d5cbacefd6abccf43913226a071', class: "text-red-500 text-sm mt-1" }, this.emailError)))), h("div", { key: 'ec7c46b011b1f98e3e3bd3dc896d8cc6eaeb752e', class: "flex justify-center" }, h("button", { key: '832975047a4017261414d9d999ba89ee6db3cc58', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
+            }, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '0c53594a4dc486f83fd05b09547b2a41297165bb', class: "text-red-500 text-sm mt-1" }, this.emailError)))), h("div", { key: '9a975e258e31e3b1b592b7b6bd4518be55d4c42d', class: "flex justify-center" }, h("button", { key: '5eb37544172e568838477368f62dfc84696d3ba6', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
                 !this.email.trim() || !!this.nameError ||
                 !!this.emailError, class: "px-4 py-2 bg-[#271200] rounded-4xl hover:bg-[#964500] transition-colors duration-200", style: { color: "white" } }, t.solarSystemForm.requestOfferButton))))));
     }
@@ -432,7 +330,6 @@ export class SolarSystemForm {
             "annualPriceIncrease": {},
             "autonomy": {},
             "costSavings": {},
-            "costSavings25Years": {},
             "numberOfPanels": {},
             "panelPeakPower": {},
             "name": {},
@@ -442,7 +339,10 @@ export class SolarSystemForm {
             "electricCar": {},
             "electricCarChargingTime": {},
             "heatPump": {},
-            "battery": {}
+            "battery": {},
+            "compensation25Years": {},
+            "savedCosts25Years": {},
+            "maxPanels": {}
         };
     }
     static get watchers() {