blue-chestnut-solar-expert 0.0.70 → 0.0.72

package/dist/stencil-library/solar-system-form.entry.js

@@ -1,8 +1,8 @@
 
 if (typeof global === "undefined") { var global = globalThis || window || self; }
-import { r as registerInstance, h } from './index-ICfDNUMe.js';
+import { r as registerInstance, h } from './index-DzvFVH7F.js';
 import { b as DEFAULT_SOLAR_PANEL_TYPE } from './config-CWfV1nKn.js';
-import { g as getLanguageStrings, s as state } from './store-CcqrFuBK.js';
+import { g as getLanguageStrings, s as state } from './store-nKI4l4pt.js';
 import { d as distExports, H as HEAT_PUMP_CONSUMPTION } from './constants-hboFofU4.js';
 
 async function fetchSolarData(latitude, longitude, apiKey) {
@@ -111,7 +111,7 @@ const SolarSystemForm = class {
     polygonCanvas;
     pixelInMeters;
     householdConsumption = 4500;
-    consumptionProfile = "mostly_at_home";
+    consumptionProfile = 'mostly_at_home';
     electricityPrice = 0.3;
     compensationRate = 0.07;
     annualPriceIncrease = 2;
@@ -119,14 +119,16 @@ const SolarSystemForm = class {
     costSavings = 0;
     numberOfPanels = 5;
     panelPeakPower = 0.4; // kW per panel
-    name = "";
-    email = "";
-    phone = "";
-    nameError = "";
-    emailError = "";
-    phoneError = "";
+    firstname = '';
+    surname = '';
+    email = '';
+    phone = '';
+    firstnameError = '';
+    surnameError = '';
+    emailError = '';
+    phoneError = '';
     electricCar = false;
-    electricCarChargingTime = "day";
+    electricCarChargingTime = 'day';
     heatPump = 0;
     battery = 0;
     batteryEnabled = false;
@@ -137,8 +139,10 @@ const SolarSystemForm = class {
     totalEnergyConsumption = 4500;
     totalEnergyProduction = 0;
     isSubmitting = false;
-    submitMessage = "";
+    submitMessage = '';
     submitSuccess = false;
+    privacyPolicyAccepted = false;
+    privacyPolicyError = '';
     updateSystemConfigs() {
         if (Object.keys(this.systemConfigs).length === 0) {
             this.numberOfPanels = 0;
@@ -147,19 +151,16 @@ const SolarSystemForm = class {
         }
         this.numberOfPanels = Object.keys(this.systemConfigs).reduce((acc, curr) => acc + this.systemConfigs[curr].numberOfPanels, 0);
         this.maxPanels = Object.keys(this.systemConfigs).reduce((acc, curr) => acc + this.systemConfigs[curr].numberOfPanels, 0);
-        this.panelPeakPower = Object.entries(this.systemConfigs)[0][1][0]
-            ?.panel.kWattPeak ?? 0.44;
+        this.panelPeakPower = Object.entries(this.systemConfigs)[0][1][0]?.panel.kWattPeak ?? 0.44;
         this.recalculate();
     }
     formatEuropeanNumber(num, decimals = 2) {
         const fixed = num.toFixed(decimals);
-        const [integerPart, decimalPart] = fixed.split(".");
+        const [integerPart, decimalPart] = fixed.split('.');
         // Add dots as thousands separators
-        const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+        const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
         // Join with comma as decimal separator
-        return decimalPart
-            ? `${formattedInteger},${decimalPart}`
-            : formattedInteger;
+        return decimalPart ? `${formattedInteger},${decimalPart}` : formattedInteger;
     }
     recalculate() {
         const currentSystemConfigs = {};
@@ -210,9 +211,7 @@ const SolarSystemForm = class {
                     averageKilometersPerDay: this.kmDrivenPerYear / 365,
                     consumptionkWhPer100km: 20,
                     batteryKWh: 80,
-                    chargingHours: this.electricCarChargingTime === "day"
-                        ? distExports.generateElectricCarChargingHours(6, 18)
-                        : distExports.generateElectricCarChargingHours(18, 6),
+                    chargingHours: this.electricCarChargingTime === 'day' ? distExports.generateElectricCarChargingHours(6, 18) : distExports.generateElectricCarChargingHours(18, 6),
                 }
                 : undefined,
         };
@@ -231,13 +230,21 @@ const SolarSystemForm = class {
     validateForm() {
         let isValid = true;
         const t = getLanguageStrings(state.settings.language);
-        // Validate name
-        if (!this.name.trim()) {
-            this.nameError = t.solarSystemForm.nameError;
+        // Validate firstname
+        if (!this.firstname.trim()) {
+            this.firstnameError = t.solarSystemForm.nameError;
             isValid = false;
         }
         else {
-            this.nameError = "";
+            this.firstnameError = '';
+        }
+        // Validate surname
+        if (!this.surname.trim()) {
+            this.surnameError = t.solarSystemForm.nameError;
+            isValid = false;
+        }
+        else {
+            this.surnameError = '';
         }
         // Validate email
         const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
@@ -250,17 +257,19 @@ const SolarSystemForm = class {
             isValid = false;
         }
         else {
-            this.emailError = "";
+            this.emailError = '';
         }
         // Validate phone (optional)
         const phoneRegex = /^[\+]?[1-9][\d]{0,15}$/;
-        if (this.phone.trim() &&
-            !phoneRegex.test(this.phone.replace(/[\s\-\(\)]/g, ""))) {
+        if (this.phone.trim() && !phoneRegex.test(this.phone.replace(/[\s\-\(\)]/g, ''))) {
             this.phoneError = t.solarSystemForm.phoneError;
             isValid = false;
         }
         else {
-            this.phoneError = "";
+            this.phoneError = '';
+        }
+        if (!this.privacyPolicyAccepted) {
+            this.privacyPolicyError = 'Datenschutzerklärung muss akzeptiert werden';
         }
         return isValid;
     }
@@ -268,9 +277,14 @@ const SolarSystemForm = class {
         if (!this.validateForm()) {
             return;
         }
+        if (!this.privacyPolicyAccepted) {
+            this.privacyPolicyError = 'Datenschutzerklärung muss akzeptiert werden';
+            return;
+        }
         this.isSubmitting = true;
-        this.submitMessage = "";
+        this.submitMessage = '';
         this.submitSuccess = false;
+        this.privacyPolicyError = '';
         const t = getLanguageStrings(state.settings.language);
         try {
             const leadData = {
@@ -289,7 +303,7 @@ const SolarSystemForm = class {
                     annualPriceIncrease: this.annualPriceIncrease,
                 },
                 client: {
-                    name: this.name,
+                    name: `${this.surname}, ${this.firstname}`.trim(),
                     email: this.email,
                     phone: this.phone,
                     consumption: this.householdConsumption,
@@ -315,25 +329,23 @@ const SolarSystemForm = class {
                     totalEnergyConsumption: this.totalEnergyConsumption,
                 },
             };
-            console.log("leadData", leadData);
+            console.log('leadData', leadData);
             const result = await sendLeadToNexvoro(leadData);
             this.submitSuccess = result.success;
             if (result.success) {
-                console.log("Lead successfully sent to Nexvoro", result);
+                console.log('Lead successfully sent to Nexvoro', result);
                 this.submitMessage = t.solarSystemForm.leadSubmitted;
                 // Optionally reset form or show success message
             }
             else {
-                console.error("Failed to send lead to Nexvoro:", result.message);
+                console.error('Failed to send lead to Nexvoro:', result.message);
                 this.submitMessage = t.solarSystemForm.leadError;
             }
         }
         catch (error) {
-            console.error("Error in handleRequestOffer:", error);
+            console.error('Error in handleRequestOffer:', error);
             this.submitSuccess = false;
-            this.submitMessage = error instanceof Error
-                ? error.message
-                : "An unexpected error occurred";
+            this.submitMessage = error instanceof Error ? error.message : 'An unexpected error occurred';
         }
         finally {
             this.isSubmitting = false;
@@ -345,203 +357,125 @@ const SolarSystemForm = class {
     render() {
         const t = getLanguageStrings(state.settings.language);
         // Reusable style objects
-        const borderStyle = { border: "1px solid var(--color-border)" };
-        const errorBorderStyle = { border: "1px solid var(--color-error)" };
-        return (h("div", { key: 'ccc7c5c953b39255667fb6c1cc3b16a3f184abda', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
+        const borderStyle = { border: '1px solid var(--color-border)' };
+        const errorBorderStyle = { border: '1px solid var(--color-error)' };
+        return (h("div", { key: 'a7ffb08a181b459b041dbd9d43b70348e5f65c62', 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: '22fd592d09f71dca6acc2ec10bf6c2c53c4a9141', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: 'f48b711ed91a581581a4135df3dd2a95386b497e', class: "w-full bg-primary rounded-4xl space-y-6" }, h("div", { key: 'ec41ecc01911606a2e3d1552db5e17a32f563015', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'e9dc514a9870420495acf330856300deabf85310', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.systemInformation), h("div", { key: '9dc1033884f793a565b4ccaa16c9c6e718d197aa', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: 'abaf2ec9c7aafed6088e78b377a4ba7a7a9ba888', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: 'db147e66a85b12ada54775984215d38a5768508d', class: "flex items-center justify-between" }, h("label", { key: '65431bf23665fbd8602b0f3404eaf3525b3acf00', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.numberOfPanels), !this.isIOS()
-            ? (h("input", { type: "number", class: "w-20 px-3 py-1 rounded-full bg-muted text-muted-foreground text-right", value: this.numberOfPanels, readOnly: true }))
-            : (h("input", { type: "number", min: "1", max: this.maxPanels, class: "w-20 px-3 py-1 rounded-full focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground text-center", style: borderStyle, value: this.numberOfPanels, onInput: (e) => {
-                    const value = parseInt(e.target
-                        .value);
-                    if (value >= 1 &&
-                        value <=
-                            this.maxPanels) {
-                        this.numberOfPanels =
-                            value;
-                        this.recalculate();
-                    }
-                } }))), !this.isIOS() && (h("input", { key: 'f6a9238699dc890549f0ede77b63c050defc2ef3', 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-muted", value: this.numberOfPanels, onInput: (e) => {
-                this.numberOfPanels = parseInt(e.target
-                    .value);
+            id: "solar-system-form" }, h("h1", { key: 'ca31ad6a4b9a50de94209b2b5cd012c4aec96e6b', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: 'e414953eeecccf65d9708a36f6cdaa5b3982d247', class: "w-full bg-primary rounded-4xl space-y-6" }, h("div", { key: '0b587d0cd75012d706fe63150b9b3ff6ae0ad905', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '319d73fa8fc4d5a231dc8144d5edb282cc3ca20e', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.systemInformation), h("div", { key: '88def11e367d1be97e2f76c71ff56c7fedde828d', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: 'b71914b02039829ad89f5b992d7aa12e61f4249c', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: '8e59b663d61e324b70a628993a08d2d31175e5ae', class: "flex items-center justify-between" }, h("label", { key: 'db72d22e961fd52754973d27dc9a4188ebe19d97', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.numberOfPanels), !this.isIOS() ? (h("input", { type: "number", class: "w-20 px-3 py-1 rounded-full bg-muted text-muted-foreground text-right", value: this.numberOfPanels, readOnly: true })) : (h("input", { type: "number", min: "1", max: this.maxPanels, class: "w-20 px-3 py-1 rounded-full focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground text-center", style: borderStyle, value: this.numberOfPanels, onInput: e => {
+                const value = parseInt(e.target.value);
+                if (value >= 1 && value <= this.maxPanels) {
+                    this.numberOfPanels = value;
+                    this.recalculate();
+                }
+            } }))), !this.isIOS() && (h("input", { key: '9c36d86127c00b6aad5f010baeb9dcef5b860241', 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-muted", value: this.numberOfPanels, onInput: e => {
+                this.numberOfPanels = parseInt(e.target.value);
                 if (isNaN(this.numberOfPanels)) {
                     this.numberOfPanels = 0;
                 }
                 this.recalculate();
-            } }))), h("div", { key: 'cad83a26fa9dba26c392ed2577590f9449a0d7f4', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: 'e04ea7828e311b4432d5e859852b341d7bfe442b', class: "flex items-center justify-between" }, h("label", { key: '00c9f568f60b7769081fb1ed70492ae2266372f7', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: '7e542718e2207740a54a4675462a9fa057f529f6', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '34a88511603c2c88372a655afa5d55395941954e', class: "flex items-center justify-between mt-4" }, h("span", { key: '3492d7a6c7ffe95ddaec40c52f174d8ac608ad33', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'c45e63e394ee77812f770b159d78e91d53af7416', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
-            this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: '9a0ab717a3cbbfa5754913544715942b41cba000', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '7aea3f8a15fea4ef72080a626dbb1a7d772f35ee', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '10ce3d8ae37e84d6c66ed5c0735c3840932c1a78', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'e73844418105d337883eea70cb9e5648b1cfeb1a', class: "grid grid-cols-2 gap-4" }, h("label", { key: '639f481dd33730a7bd6c0ed86bc01765388409a0', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '2d8157682f2569293f42f723a4ef1cb2421a1643', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '408b30bc71b70f4e921929d73c2597e42045d355', class: "grid grid-cols-2 gap-4" }, h("input", { key: 'f4434142a6086dbc1c69303640c7d1bb43b8d0f0', type: "number", step: "100", min: "0", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, value: this.householdConsumption, onInput: (e) => {
-                this.householdConsumption = parseInt(e.target
-                    .value);
+            } }))), h("div", { key: 'f946ab269e6a8652e01f76e688b5df458b260820', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: '29225f9c586e1449210312cf48b3d640803bf6df', class: "flex items-center justify-between" }, h("label", { key: 'a9657e47669bfcbbb85b90d5ef0cdc67fc4966be', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: '89d1fe374639358d4c1ccfe78f6d0db75960ea9e', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '4742b09835f4d44f39865c06b5d69b4f5d0d713a', class: "flex items-center justify-between mt-4" }, h("span", { key: '29884a0aab62728245ed239c02e0bd1cf7535177', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'c242a693c0849192a78e6b99909e2f7b334f774d', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak * this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: '0cf7ba4440ed86987b9188794d022f08aa377afd', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'f0199376f89051d244737b874159380ac8eaa171', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: 'd522fcda1061b89a5286ce55300771679b70d227', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'f6636d3d8f301aed8b56b6594ce7aef1169205b8', class: "grid grid-cols-2 gap-4" }, h("label", { key: '9e09ad03532658769a3ffe98cba818dc7b00efe3', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '2b1cd3df450aa39c1ba3d46f68ca022394be4ed2', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '11f687baf05891b018f5d85e13210278bc079f17', class: "grid grid-cols-2 gap-4" }, h("input", { key: '9bba7ff00b232731237763840f9d563873a09eb8', type: "number", step: "100", min: "0", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, value: this.householdConsumption, onInput: e => {
+                this.householdConsumption = parseInt(e.target.value);
                 this.recalculate();
-            } }), h("select", { key: 'b85826055efba555e66b69c39886a2a59227bd6f', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, onChange: (e) => {
-                this.consumptionProfile =
-                    e.target
-                        .value;
+            } }), h("select", { key: '42e4686e1e5aeede70716f5cc04175ae3f9589a5', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, onChange: e => {
+                this.consumptionProfile = e.target.value;
                 this.recalculate();
-            } }, h("option", { key: '278a2e088f9b3d2eb35468903be13de5b09efcb8', value: "mostly_at_home", selected: this.consumptionProfile ===
-                "mostly_at_home" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAtHome), h("option", { key: '1bc59b32b982d8b4ca07b0355be2b38eb78f934a', value: "mostly_away", selected: this.consumptionProfile ===
-                "mostly_away" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAway))))), h("div", { key: '92f14d6351dcae424a930fc73dbbb2e42c28253f', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '0f594895fa20f2ebd09be014ee512e73839f1bdb', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.additionalComponents.title), h("div", { key: '278ccfe5580594a958066d4cd3c049ece3fd6746', class: "flex flex-col gap-4" }, h("div", { key: '6364622f0e2a30d06a518dea49c5758124d1ab38', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '6c7de28591dda9ff0a91a6f50a491bcf26aac87b', class: "flex items-center justify-between" }, h("div", { key: '6e478a12416017fa3bb0ac401ce81ea5d9b5d25a', class: "flex items-center gap-2" }, h("input", { key: '8c56259cae81032fc20322cdef29a6e54f2b4706', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
-                this.heatPump =
-                    e.target
-                        .checked
-                        ? 100
-                        : 0;
+            } }, h("option", { key: '8f62beb09564af8987574b7e8cd456973d47b224', value: "mostly_at_home", selected: this.consumptionProfile === 'mostly_at_home' }, t.solarSystemForm.consumptionProfiles.mostlyAtHome), h("option", { key: '918c4831bb2d203e2d27efe12e53aa055c38c94e', value: "mostly_away", selected: this.consumptionProfile === 'mostly_away' }, t.solarSystemForm.consumptionProfiles.mostlyAway))))), h("div", { key: '8bc3d42b79e94fcdf994fceda4316765fb877888', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'ed6d14d664260d28ca218c9787b271ad9b07c233', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'c21298a8caa25052e5f589a2c5c0aec70524dbb9', class: "flex flex-col gap-4" }, h("div", { key: '674101ebe224f75f214711077d4234fa0d6a7ac9', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'cc13ee98e9b1d2ca50b8e21c2b618536870012f5', class: "flex items-center justify-between" }, h("div", { key: '9970b3b46716579ec3444f39246f66b98957b531', class: "flex items-center gap-2" }, h("input", { key: '5c5d1286d6aec5d28d37f1f162ded42f13aef4b1', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary 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: '79a5b251328a5c24a6edded1995677d2fd43a156', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '2fc510c69b37fa7977fac2fce8a7907f94dcd5c2', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '1055e89ed66f69ce7ba44198352889df47025004', class: "flex flex-col gap-2" }, this.isIOS()
-            ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.heatPump, onInput: (e) => {
-                    let value = parseInt(e.target
-                        .value);
-                    if (isNaN(value)) {
-                        value = 0;
-                    }
-                    if (value >= 0 &&
-                        value <= 300) {
-                        this.heatPump =
-                            value;
-                        this.recalculate();
-                    }
-                } }), h("span", { class: "text-sm text-text-muted" }, "m\u00B2")))
-            : (h("input", { 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-muted", value: this.heatPump, onInput: (e) => {
-                    this.heatPump =
-                        parseInt(e.target
-                            .value);
+            } }), h("label", { key: '074b5a0eebe4271f56ff861ac2bcb47075f4878c', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm.additionalComponents.heatPump)), this.heatPump > 0 && !this.isIOS() && h("span", { key: '7a1f181d84c342488228bceb8b03810bc748ade3', class: "text-text-muted" }, this.heatPump, " m\u00B2")), this.heatPump > 0 && (h("div", { key: 'dcc9290d0c419a366e4ee2124f6ec85d871209b3', class: "flex flex-col gap-2" }, this.isIOS() ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.heatPump, onInput: e => {
+                let value = parseInt(e.target.value);
+                if (isNaN(value)) {
+                    value = 0;
+                }
+                if (value >= 0 && value <= 300) {
+                    this.heatPump = value;
                     this.recalculate();
-                } }))))), h("div", { key: '5c1f275c8b8638b5e920fd644c6967bd33967a8c', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '7f855423b6d461fd3feecea14f317c52f7c03d67', class: "flex items-center justify-between" }, h("div", { key: 'cc63d8ecc6a6383613b0e5863630aa91bbbdec9f', class: "flex items-center gap-2" }, h("input", { key: '97f9cbacaebfa23dba552fd69dcd8ecf1a37676a', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
-                this.electricCar =
-                    e.target
-                        .checked;
+                }
+            } }), h("span", { class: "text-sm text-text-muted" }, "m\u00B2"))) : (h("input", { 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-muted", value: this.heatPump, onInput: e => {
+                this.heatPump = parseInt(e.target.value);
+                this.recalculate();
+            } }))))), h("div", { key: '17cfb1cec131e7039040ad34eabef90d95f72c28', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'b4e8174713b79b7b05e2ac3bdeaea5431e02f5e8', class: "flex items-center justify-between" }, h("div", { key: '1f723137dd0eec5e9708d700417123fd7c096ae6', class: "flex items-center gap-2" }, h("input", { key: '24fd1307190f37d7cbb83a1d9e7df8bd187bba32', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: e => {
+                this.electricCar = e.target.checked;
                 this.recalculate();
-            } }), h("label", { key: 'd2cf670f8bd2a7761e0970f483012888543cfc11', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .electricCar))), this.electricCar && (h("div", { key: '6479240f52df3aba06da00015266b1401d02d252', class: "flex flex-col gap-2" }, h("div", { key: '1fca2933868e276d49580b94484835a7ab92c59b', class: "grid grid-cols-2 gap-4" }, h("label", { key: '3c7644adaaf4a00e58d7da0f79552d34b3422fe2', class: "text-sm text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .chargingTime), h("label", { key: 'ea7097c56a4d11ee5e3fd6da19a2434e4738372e', class: "text-sm text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .kilometersPerYear)), h("div", { key: 'e178562e103b7cc01da7b89a9d90454dfbf31ffc', class: "grid grid-cols-2 gap-4" }, h("select", { key: 'a556a9906ec0f8a994f4299c39f81146ce90c4c8', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
-                this.electricCarChargingTime =
-                    e.target
-                        .value;
+            } }), h("label", { key: 'e3e1fa2590a72edcacd961f98effa48fa4a579a5', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm.additionalComponents.electricCar))), this.electricCar && (h("div", { key: '3495908a3c2021a802bdf5cb9f28cebde93505cb', class: "flex flex-col gap-2" }, h("div", { key: '16f19671baa674a670f6590c8c1d1c97a6505315', class: "grid grid-cols-2 gap-4" }, h("label", { key: '93e14b4143733f6a92cbc852a161ddd28a3ab403', class: "text-sm text-text-muted" }, t.solarSystemForm.additionalComponents.chargingTime), h("label", { key: 'fe9adca7d3ab228915ffd31bc3d7005925803036', class: "text-sm text-text-muted" }, t.solarSystemForm.additionalComponents.kilometersPerYear)), h("div", { key: '0eac61b2458d1a7ce7f5f3da49e000ae10f11475', class: "grid grid-cols-2 gap-4" }, h("select", { key: '17a104378190f85f7fc6ab66dbd98286ed23f221', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: e => {
+                this.electricCarChargingTime = e.target.value;
                 this.recalculate();
-            }, style: borderStyle }, h("option", { key: '64c643c2b6ecf7d8caf9f9ac514ab41f02801ee3', value: "day", selected: this
-                .electricCarChargingTime ===
-                "day" }, t.solarSystemForm
-            .additionalComponents
-            .chargingTimeDay), h("option", { key: 'b96311244ac7efe0ed461d764f184a4af5cabf11', value: "night", selected: this
-                .electricCarChargingTime ===
-                "night" }, t.solarSystemForm
-            .additionalComponents
-            .chargingTimeNight)), h("input", { key: '1930b58f94b90615e2a7a79878cf168f369f67d1', type: "number", min: "1000", max: "100000", step: "1000", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
-                this.kmDrivenPerYear =
-                    parseInt(e.target
-                        .value);
+            }, style: borderStyle }, h("option", { key: 'cf1add9b03d6a072bf5d2be7b0ec1e36f0ab40b9', value: "day", selected: this.electricCarChargingTime === 'day' }, t.solarSystemForm.additionalComponents.chargingTimeDay), h("option", { key: '50e451bc44395c9c0e3f3a7b28e051d14d410f8a', value: "night", selected: this.electricCarChargingTime === 'night' }, t.solarSystemForm.additionalComponents.chargingTimeNight)), h("input", { key: '1a38ea9015f630b35de66d41dc035d28b0b0c996', type: "number", min: "1000", max: "100000", step: "1000", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: e => {
+                this.kmDrivenPerYear = parseInt(e.target.value);
                 if (isNaN(this.kmDrivenPerYear)) {
-                    this.kmDrivenPerYear =
-                        0;
+                    this.kmDrivenPerYear = 0;
                 }
                 this.recalculate();
-            }, style: borderStyle }))))), h("div", { key: 'f612b7cd3c878563a3e108cf1626186cc55e9588', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '83deadd71b835f575f5fab7f08ecb9e3eea7bea2', class: "flex items-center justify-between" }, h("div", { key: '55fd36a642b3965d0be9152bc1239b2e6a72b8bc', class: "flex items-center gap-2" }, h("input", { key: 'e51c6aee151951afeb91284eb3041ca6e554ee2b', type: "checkbox", id: "battery", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.batteryEnabled, onChange: (e) => {
-                this.batteryEnabled =
-                    e.target
-                        .checked;
-                this.battery =
-                    this.batteryEnabled
-                        ? 5
-                        : 0;
+            }, style: borderStyle }))))), h("div", { key: 'bed54fb3f03d295bcefa4589bd75317f5416383d', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '686264e19e103bdb09d00064b35d23160f26d86e', class: "flex items-center justify-between" }, h("div", { key: '19949dd3e1dbfdebc8334134a7e67d7c23f89685', class: "flex items-center gap-2" }, h("input", { key: '4a03da1c1c6ed52f00ba37f47be1c00f032a6264', type: "checkbox", id: "battery", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.batteryEnabled, onChange: e => {
+                this.batteryEnabled = e.target.checked;
+                this.battery = this.batteryEnabled ? 5 : 0;
                 this.recalculate();
-            } }), h("label", { key: 'c3e96c8dc428ce754625e8530a5b07073b2e8150', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .battery)), (this.batteryEnabled && !this.isIOS()) && (h("span", { key: '27d0b3fa320e48bbf9c6a9d891158c35eb73a11c', class: "text-text-muted" }, this.battery, " kWh"))), this.batteryEnabled && (h("div", { key: '48e64e4c0bcee6ae98a5962f31ce1d1d51fb2b01', class: "flex flex-col gap-2" }, this.isIOS()
-            ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
-                    let value = parseInt(e.target
-                        .value);
-                    if (isNaN(value)) {
-                        value = 0;
-                    }
-                    if (value >= 0 &&
-                        value <= 20) {
-                        this.battery =
-                            value;
-                    }
-                    else {
-                        this.battery =
-                            20;
-                    }
-                    this.recalculate();
-                }, style: borderStyle }), h("span", { class: "text-sm text-text-muted" }, "kWh")))
-            : (h("input", { type: "range", min: "1", 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-muted", value: this.battery, onInput: (e) => {
-                    const value = parseInt(e.target
-                        .value);
+            } }), h("label", { key: 'd36727143a924f66300add81e79853d07f821bfa', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm.additionalComponents.battery)), this.batteryEnabled && !this.isIOS() && h("span", { key: '26d7bb3494bcfd0d25e3069d2a061c7edf28e532', class: "text-text-muted" }, this.battery, " kWh")), this.batteryEnabled && (h("div", { key: '5b5e24aa272cd017b7f5f047074b53025e25058c', class: "flex flex-col gap-2" }, this.isIOS() ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: e => {
+                let value = parseInt(e.target.value);
+                if (isNaN(value)) {
+                    value = 0;
+                }
+                if (value >= 0 && value <= 20) {
                     this.battery = value;
-                    this.batteryEnabled =
-                        value > 0;
-                    this.recalculate();
-                } }))))))), h("div", { key: 'c609bd49bf8f74015b826e8fc0bc999645cd7090', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '5ad63a6511fc17d155758c380498791ff9f32a42', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '07bad3951285678034f59222722867cbf839d97d', style: {
-                display: "grid",
-                gridTemplateColumns: "repeat(auto-fit, minmax(100px, 1fr))",
-                gap: "1rem",
-            } }, h("div", { key: '1fe42302b4021c9de3eb0a82a4ac713b7f9316dc' }, h("label", { key: 'ae8f27538101a404962a730e9e2e7e64a06ab8f0', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: '6a5a2c1baf604de9fe349c18d9aa97e1c2357b97', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.electricityPrice.toFixed(2), onInput: (e) => {
-                this.electricityPrice = parseFloat(e.target
-                    .value);
+                }
+                else {
+                    this.battery = 20;
+                }
+                this.recalculate();
+            }, style: borderStyle }), h("span", { class: "text-sm text-text-muted" }, "kWh"))) : (h("input", { type: "range", min: "1", 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-muted", value: this.battery, onInput: e => {
+                const value = parseInt(e.target.value);
+                this.battery = value;
+                this.batteryEnabled = value > 0;
+                this.recalculate();
+            } }))))))), h("div", { key: '519ead3be250bd617f695009c490332bf15f633d', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '80b2f384aaa0dbc9f98cd193fc05f10e9b758b34', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '7ebd7931e79ddc3df7752deba0630e6168bc052b', style: {
+                display: 'grid',
+                gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))',
+                gap: '1rem',
+            } }, h("div", { key: 'c569f8b07e40cf88126364cf1e074d1887802ea7' }, h("label", { key: '20b4a65b025ad1ec69d39bcf422fd91791120b38', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: 'af57c0b382fd3fb6f994c92e02f0fdeef53eb738', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.electricityPrice.toFixed(2), onInput: e => {
+                this.electricityPrice = parseFloat(e.target.value);
                 this.recalculate();
-            } })), h("div", { key: 'c4056cf439f4b9702209195d54309f02d562a67f' }, h("label", { key: '2cbe550ec7ce383318adbd249730c17f926bc396', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: '2af37ea9c2bc3520387adf855bea6deb2fb9fbea', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.compensationRate.toFixed(2), onInput: (e) => {
-                this.compensationRate = parseFloat(e.target
-                    .value);
+            } })), h("div", { key: '9116f0fc5c598d69671b459cbc88aad171f91c31' }, h("label", { key: '6a42928c3b5e41cbf41072495b014d586bf1958d', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: 'bb0236fb87cbc7620b6d51f296cac12072088572', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.compensationRate.toFixed(2), onInput: e => {
+                this.compensationRate = parseFloat(e.target.value);
                 this.recalculate();
-            } })), h("div", { key: 'c0dcde5ee05c08a7e7492bb2336a89ee9c356568' }, h("label", { key: '6246fd0f40b8cd73bacbf1845ecd9cbf15e683c2', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: 'bf37916908ec080fd71e78ed6b560944f2a38e38', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
-                this.annualPriceIncrease = parseFloat(e.target
-                    .value);
+            } })), h("div", { key: '02e377732a46edd1fd4319554118935d904d2eca' }, h("label", { key: '189f2ad03fb1cb81d73dba35f6787452fa04f97f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: '59c4eee6711d03a769b1013805b9a8ea548c8852', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.annualPriceIncrease.toFixed(1), onInput: e => {
+                this.annualPriceIncrease = parseFloat(e.target.value);
                 this.recalculate();
-            } })))), h("div", { key: 'b9ebf5179d5ef6f4bc48de02ab6dc3b7aa5011aa', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '1d0165d6399b68f7ce370e96215019795e2104b3', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.resultsTitle), h("div", { key: 'b4a2449658cc1bca89acae7041e26580e721efff', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '71047d713daf61213da519c2c4ec1cf011ba5e6c', class: "flex flex-col sm:flex-row sm:items-center justify-between" }, h("span", { key: '20cbee43f66e7f6345ab642b2c8631e96e0063df', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: 'b4f7fa8e30523f0cb8897354853bfe1395b8086c', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.autonomy > 100
-            ? "100"
-            : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: 'c79ea1ba734b5fdfd313206014519ed8a915441f', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '7cddc32d5eaa0226d229aea4f64449cf1d69c20b', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: '5a9dea19556d003e274fda59d4c883b246878b06', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '2f5ea868c857ad9ddf53057a37996007c01faff0', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '45b14c04b18c04b30b5d4358eb5a4ce394ec441e', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: 'b3854e06038d0507284bb30d7633702addade98f', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: 'c6e71f708c9d9dfed3aaad812d9be567b948d2b3', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '57fecbe8a35c32e470cfa975ae00ebd9b021f0a8', class: "flex items-center gap-2" }, h("span", { key: 'b4a19d3eeb707f5c276f09c2c0dc79202b7288d2', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: '8b0f99b2fe712d1b9e81f7b6fab38efa158a2f7f', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.costSavings), " \u20AC/", t
-            .solarSystemForm.year)), h("div", { key: '0934ccabaf58a0fea7e3676a58c53c4ab658b665', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'c34065c691dbac1c7b0b01eca847b53f2e12b685', class: "flex items-center gap-2" }, h("span", { key: '2e183b951cb76082ab49276377a096ead0be7610', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: 'ace7e49fd7fd1f7040cd7b8af0408bae46108fef', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.compensation20Years), " \u20AC")), h("div", { key: '90cb8bb0aec056722b457ffe4e2fbe1392244eee', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '5adfffdc7fb5778c630cb5a2f74ce155d34f999f', class: "flex items-center gap-2" }, h("span", { key: 'e1e5dace6ac55e666051018271988c9274fc804a', class: "text-text-muted" }, t.solarSystemForm
-            .monetaryBenefit20Years)), h("span", { key: 'a4e83fcb24c3c6bd93d3e8a804c6c280bc00662f', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.savedCosts20Years), " \u20AC")))), h("div", { key: 'e41ba95d712ead2f0cb49af447af011f2df74251', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '6511acda2e5ee74cc1e7f8f6440d2cc545b38e1d', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.requestOffer), h("div", { key: 'e27fcd643caa256d9453de1d3547a80e96392897', style: {
-                display: "grid",
-                gridTemplateColumns: "repeat(auto-fit, minmax(1 00px, 1fr))",
-                gap: "1rem",
-            } }, h("div", { key: '307814f0331f1b52c1b91f05649ea060e5d658db' }, h("label", { key: '4c7fc3536f565e4dcc881fc78e92edfa666676a3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("input", { key: '80012536ac05b1e105157f4722d514e0f3ba3068', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.nameError
-                ? errorBorderStyle
-                : borderStyle, value: this.name, onInput: (e) => {
-                this.name =
-                    e.target
-                        .value;
+            } })))), h("div", { key: '08b3b69fbed1c083c4e06c59dbfa0aaf068ecae0', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'dc39280e19412aaf31a7116c86c98144856dd008', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.resultsTitle), h("div", { key: '79065f7b4514cb2b75e3aa9538724f05205f04f4', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'dc9d2a431fbc5955fb415b7bcb6f45458fe1a4a7', class: "flex flex-col sm:flex-row sm:items-center justify-between" }, h("span", { key: 'fc2b38917b180da09e62b1cdec9669c99169822a', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: 'd475336b71af22fd0b96748eb991ae96b05cf7c8', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.autonomy > 100 ? '100' : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: 'df30607e9c81081d8c4e1d80c49ff274bd4b3f5e', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '4bd052bd5f69a54870c42ad4f22d2e3d3634d039', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: 'dd2b0fee26e9509710d96586f1c5b170e6fbd07d', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '6c04216d3fe72204aefce68535288dbbfa6e44c5', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '5c78f49ba3e934faa4aa472e63d3a3ab206f67d2', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: 'c02f76952d88fcf7e6ecd263d0d9578a1215dbed', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '6ba80b408040b8d62d69265c51c5a002acf6b67a', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'd9bb888ce7532dd4fc474542080209b9af635eed', class: "flex items-center gap-2" }, h("span", { key: '201c812e5483381142cc0ff7eb3c5cb5115e6c15', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: '0b28125004d41ab64bd1e3dc606dff933d3eebdd', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.costSavings), " \u20AC/", t.solarSystemForm.year)), h("div", { key: 'f02f99d261699507e0bc0723f597d7b251155970', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'c1f4e9b042007975282c903874366f4d9034fc96', class: "flex items-center gap-2" }, h("span", { key: 'f26ed0dc1f949f6725151ee8954abd466c68772e', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: '15e683d1e75198885bb9d496188547dd504c0d27', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.compensation20Years), " \u20AC")), h("div", { key: 'f24b46f3fc8c79ed94fca2c020217b6d4842e23a', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'a5b4dac0b0fb85c3f0770f18c5d05d409926272f', class: "flex items-center gap-2" }, h("span", { key: 'b740f914a8ef3330abdf49d1400342c51191dda7', class: "text-text-muted" }, t.solarSystemForm.monetaryBenefit20Years)), h("span", { key: '7c80902f5be078747c5e816545e9f3f4aee9e503', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.savedCosts20Years), " \u20AC")))), h("div", { key: 'e6a9eeb5131d96057306fc9a1fc726b4f4cccb24', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '98ad05d4e17019ddb8f381a67bbb474fb698de20', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.requestOffer), h("div", { key: 'b197d99170100da8e3d675efd455e2896d255590', style: {
+                display: 'grid',
+                gridTemplateColumns: 'repeat(auto-fit, minmax(1 00px, 1fr))',
+                gap: '1rem',
+            } }, h("div", { key: 'c31d8c5c281c56f0c39f7cc7eb4e7f166e0748cf' }, h("label", { key: 'b167ef34198aa39e42f6ecff1641d25f96717fc2', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.firstname || 'Vorname'), h("input", { key: 'c1bbc72daa5592c57e1dd21f2ab07b5f8cf5bbc4', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.firstnameError ? errorBorderStyle : borderStyle, value: this.firstname, onInput: e => {
+                this.firstname = e.target.value;
                 this.validateForm();
-            }, placeholder: "Vorname,\u00A0Name" }), this.nameError && (h("p", { key: '9cfc5cc9908d5134bdd85ea25b6f52123b58e220', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: '0d9a79223a42bcd6e33f6c7b4f93dd9505ee19a3' }, h("label", { key: 'e310778ed8b0fb45bf247fa2de5316ff3138ac7a', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '8ca361f7c1e229eb795239fa4a9932a020e06349', type: "email", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.emailError
-                ? errorBorderStyle
-                : borderStyle, value: this.email, onInput: (e) => {
-                this.email =
-                    e.target
-                        .value;
+            }, placeholder: "Vorname" }), this.firstnameError && h("p", { key: '3699fec0ffa8d86ddc94b944a05fec0236d3ee81', class: "text-error text-sm mt-1" }, this.firstnameError)), h("div", { key: 'a4e4e4534a1f8f2bae40ac1f963b9223ee2f9b37' }, h("label", { key: 'e5c1bea609107bee7ec34f731e3377e889782639', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.surname || 'Nachname'), h("input", { key: '8328e6a816a57e060aa923874ed4f47aef49afb3', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.surnameError ? errorBorderStyle : borderStyle, value: this.surname, onInput: e => {
+                this.surname = e.target.value;
                 this.validateForm();
-            }, placeholder: "ihre.email@beispiel.com" }), this.emailError && (h("p", { key: '15192f1a46e9ae081f76274a497df6526026bd68', class: "text-error text-sm mt-1" }, this.emailError))), h("div", { key: '7269261f2c9025f14a90e2470340691fa200c12b' }, h("label", { key: 'cfe4ab4dc2c53f03c56d6b42aca4d30bf824bf12', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: '50576aa9582efd73e2fb922528edf1e2bace88e5', type: "tel", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.phoneError
-                ? errorBorderStyle
-                : borderStyle, value: this.phone, onInput: (e) => {
-                this.phone =
-                    e.target
-                        .value;
+            }, placeholder: "Nachname" }), this.surnameError && h("p", { key: 'b8d64f11413b2e85b00d40d8cd9e3659e5d2d021', class: "text-error text-sm mt-1" }, this.surnameError)), h("div", { key: '1ad8bfec39fb23ba2e5bd881433d1dd610661831' }, h("label", { key: '1a4feeff8cc89468b1e40d38ce0bfa39d3f328f4', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '2883917a2f205d936a2395437302de7a6264dd59', type: "email", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.emailError ? errorBorderStyle : borderStyle, value: this.email, onInput: e => {
+                this.email = e.target.value;
                 this.validateForm();
-            }, placeholder: "0171 23456789" }), this.phoneError && (h("p", { key: '7d2fbd15a259aa14bd9d697a4e5f2b632d444e7a', class: "text-error text-sm mt-1" }, this.phoneError)))), h("div", { key: '5e89fdf50eee38c4f0e02b6f3dd3ad11a4e3198a', class: "flex flex-col items-center gap-4" }, h("button", { key: 'b9461bb8691db9c4ff4c1a1d1ebc451988424473', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
-                !this.email.trim() || !!this.nameError ||
-                !!this.emailError || !!this.phoneError ||
-                this.isSubmitting, class: `px-6 py-3 rounded-4xl transition-colors duration-200 flex items-center gap-2 ${this.isSubmitting
-                ? "bg-muted text-text-muted cursor-not-allowed"
-                : "bg-secondary hover:bg-tertiary"}`, style: {
-                color: this.isSubmitting
-                    ? "var(--color-text-muted)"
-                    : "#ffffff",
-            } }, this.isSubmitting && (h("div", { key: '707d16353d543e5b66876a8b2188e9e74f1c99b4', class: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" })), this.isSubmitting
-            ? t.solarSystemForm.sending
-            : t.solarSystemForm.requestOfferButton), this.submitMessage && (h("div", { key: '6dc76c1c5c68453a94104bcf07c45b9bae61e2ad', class: `text-sm px-4 py-2 rounded-4xl ${this.submitSuccess
-                ? "bg-success/10 text-success border border-success/20"
-                : "bg-error/10 text-error border border-error/20"}` }, this.submitMessage)))))));
+            }, placeholder: "mail@beispiel.com" }), this.emailError && h("p", { key: '16859663d861a3dec99118f0e1294f713e24d93f', class: "text-error text-sm mt-1" }, this.emailError)), h("div", { key: '679697b5dbc28e373cd12c48336ad98e915f1ec4' }, h("label", { key: '4373dc825cf47fc5868985c2ace8fa94320fde04', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: 'b0d0e344f1ee3007777e1939bb7bf4cc348cf3d7', type: "tel", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.phoneError ? errorBorderStyle : borderStyle, value: this.phone, onInput: e => {
+                this.phone = e.target.value;
+                this.validateForm();
+            }, placeholder: "0171 23456789" }), this.phoneError && h("p", { key: '4878784f9c1be0256ef35e766571dcb8a6ec9d7c', class: "text-error text-sm mt-1" }, this.phoneError))), h("div", { key: 'a694ad161086fa7face542ddddf265624eefa064', class: "flex flex-col items-center gap-4" }, h("div", { key: '3e386a353487534ee55704b32379e59fb0be8f4f', class: "flex flex-col items-start w-full" }, h("div", { key: 'e013dc9b240db0ed3e240ab2151e6143fc20c450', class: "flex items-center gap-2" }, h("input", { key: '3f29e926b21cd2bb673bde3460b82bfd79fa0f2a', type: "checkbox", id: "privacyPolicy", class: "w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.privacyPolicyAccepted, onChange: e => {
+                this.privacyPolicyAccepted = e.target.checked;
+                if (e.target.checked) {
+                    this.privacyPolicyError = '';
+                }
+            } }), h("label", { key: 'c67e6bef4d099262bc1a6f9e0fb820992b520784', htmlFor: "privacyPolicy", class: "text-sm text-text-muted" }, "Ich stimme der", ' ', h("a", { key: '1425b344e4f4bfff6b0b001ae9c60d707be343d6', href: "https://www.solaravatar.com/rechtliches/datenschutz", target: "_blank", rel: "noopener noreferrer", class: "text-secondary hover:underline" }, "Datenschutzerkl\u00E4rung"), ' ', "zu.")), this.privacyPolicyError && h("p", { key: '180c318dc31d5e841ea94007c773a2d96b157d76', class: "text-error text-sm mt-1 ml-6" }, this.privacyPolicyError)), h("button", { key: '15b93198b3a01feb4125303f08a40a35edadbeaf', onClick: () => this.handleRequestOffer(), disabled: !this.firstname.trim() ||
+                !this.surname.trim() ||
+                !this.email.trim() ||
+                !!this.firstnameError ||
+                !!this.surnameError ||
+                !!this.emailError ||
+                !!this.phoneError ||
+                !this.privacyPolicyAccepted ||
+                this.isSubmitting, class: `px-6 py-3 rounded-4xl transition-colors duration-200 flex items-center gap-2 ${this.isSubmitting ? 'bg-muted text-text-muted cursor-not-allowed' : 'bg-secondary hover:bg-tertiary'}`, style: {
+                color: this.isSubmitting ? 'var(--color-text-muted)' : '#ffffff',
+            } }, this.isSubmitting && h("div", { key: 'c9ea77de7dd7ac58e3beebeb626311f8faf85877', class: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" }), this.isSubmitting ? t.solarSystemForm.sending : t.solarSystemForm.requestOfferButton), this.submitMessage && (h("div", { key: '7d7bf6386e236c76f289164ee74eedd735f1c834', class: `text-sm px-4 py-2 rounded-4xl ${this.submitSuccess ? 'bg-success/10 text-success border border-success/20' : 'bg-error/10 text-error border border-error/20'}` }, this.submitMessage)))))));
     }
     static get watchers() { return {
         "systemConfigs": ["updateSystemConfigs"]