blue-chestnut-solar-expert 0.0.32 → 0.0.34

package/dist/components/{p-ao6bHDbv.js → p-CrzEBN9H.js}

@@ -82,6 +82,37 @@ const DEFAULT_SOLAR_PANEL_TYPE = {
     efficiency: 0.224,
     price: 77.68,
 };
+const DEFAULT_COLOR_SCHEME = {
+    primary: "hsl(41 51% 90%)",
+    primaryForeground: "hsl(0 0% 0%)",
+    secondary: "hsl(28 100% 8%)",
+    secondaryForeground: "hsl(0 0% 100%)",
+    tertiary: "hsl(28 100% 29%)",
+    tertiaryForeground: "hsl(0 0% 100%)",
+    muted: "hsl(0 0% 100%)",
+    mutedForeground: "hsl(0 0% 0%)",
+    error: "hsl(0 100% 50%)",
+    errorForeground: "hsl(0 0% 100%)",
+    // Surface colors
+    surface: "hsl(0 0% 88%)", // gray-200
+    surfaceHover: "hsl(0 0% 82%)", // gray-300
+    surfaceActive: "hsl(0 0% 64%)", // gray-400
+    // Text colors
+    textMuted: "hsl(0 0% 45%)", // gray-600
+    textSecondary: "hsl(0 0% 55%)", // gray-500
+    textPlaceholder: "hsl(0 0% 73%)", // gray-400
+    // Border colors
+    border: "hsl(0 0% 82%)", // gray-300
+    borderLight: "hsl(0 0% 93%)", // gray-200
+    // Status colors
+    success: "hsl(142 76% 36%)", // green-600
+    info: "hsl(221 83% 53%)", // blue-500
+    // Interactive colors
+    hover: "hsl(0 0% 88%)", // gray-200
+    hoverDark: "hsl(28 100% 8%)", // darker secondary for hover
+    overlay: "rgba(0, 0, 0, 0.24)", // #0000003c
+    tooltip: "hsl(0 0% 13%)", // gray-800
+};
 
 const SOLAR_RADIATION = [
     0,
@@ -398,17 +429,19 @@ const SolarSystemForm = /*@__PURE__*/ proxyCustomElement(class SolarSystemForm e
                 "mostly_at_home" }, t.solarSystemForm.consumptionProfiles
             .mostlyAtHome), h("option", { key: 'a713af601a9a122e83a7610df91dc87046c32684', value: "mostly_away", selected: this.consumptionProfile ===
                 "mostly_away" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAway))))), h("div", { key: 'e22302c5432e13704827226a9348eb5135fbd168', class: "space-y-4" }, h("h2", { key: '22ff557a03b832de10382cbd9e2934f1e40f48c1', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: '8dc84f2bee4d59e5a9024b252a990a6d86729bfa', class: "flex flex-col gap-4" }, h("div", { key: 'dfa92f5717a77e1f1d2bb6549ae38ce02aaccb7c', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '70a5a4390c42cd96d5ea7238842bc9a30e387d24', class: "flex items-center justify-between" }, h("div", { key: 'c6454e366f5086e6ca7964b2d41561a4f422ed1a', class: "flex items-center gap-2" }, h("input", { key: '1f382765d018c4e24d949482e1d203b91ec2dfa3', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-gray-300 rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
+            .mostlyAway))))), h("div", { key: 'e22302c5432e13704827226a9348eb5135fbd168', class: "space-y-4" }, h("h2", { key: '22ff557a03b832de10382cbd9e2934f1e40f48c1', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: '8dc84f2bee4d59e5a9024b252a990a6d86729bfa', class: "flex flex-col gap-4" }, h("div", { key: 'dfa92f5717a77e1f1d2bb6549ae38ce02aaccb7c', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '70a5a4390c42cd96d5ea7238842bc9a30e387d24', class: "flex items-center justify-between" }, h("div", { key: 'c6454e366f5086e6ca7964b2d41561a4f422ed1a', class: "flex items-center gap-2" }, h("input", { key: '2e1d3ebd2908ded2959392bee1a08c268e34d612', 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: '3d3bcbaddc2483d60637934cb8e0a5398b05f633', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
+            } }), h("label", { key: '11a45cadaf1bc2c8661da788eca3c7d0e2560e13', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: 'afe05b6c84fb68e4345fdb0a9c70fbf1fcaae9d6', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '9c3da7f679166ccd999b65d46e8e95fad6e2f8d6', 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 border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.heatPump, onInput: (e) => {
+            .heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '1f8bd12df9d5e0357afd755c83d1cf592b6b5384', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '1fdd01ffe44f75daf94e5c9b716519d1636f6e3a', 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 border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: {
+                    border: "1px solid var(--color-border)",
+                }, value: this.heatPump, onInput: (e) => {
                     const value = parseInt(e.target
                         .value);
                     if (value >= 10 &&
@@ -423,38 +456,42 @@ const SolarSystemForm = /*@__PURE__*/ proxyCustomElement(class SolarSystemForm e
                         parseInt(e.target
                             .value);
                     this.recalculate();
-                } }))))), h("div", { key: '6f2083075d0e40e0dcb679448f2b96dde1643da6', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '77a93f11a3c846f748fe6cd7b6b5ebd8c17bdcb3', class: "flex items-center justify-between" }, h("div", { key: 'd2f362806ba9a539218f31282f15e7faaf2aa646', class: "flex items-center gap-2" }, h("input", { key: 'd8f28f34a5d5724c6d4b140535e9479ff88a1600', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-gray-300 rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
+                } }))))), h("div", { key: '94b4d3e5d6bea8994012b3500160780796338202', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '880a456c5d9916a467be761ffb6d48a0ac702095', class: "flex items-center justify-between" }, h("div", { key: '7ee0b35d4b616af184dd94ec11e2e5cba538aacd', class: "flex items-center gap-2" }, h("input", { key: 'cebabbd261270049b52c3e471e8a02588c41af5f', 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: 'd4c598d484a9e3da63eff6cd811db8049cccb3eb', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
+            } }), h("label", { key: 'a922eeb0abc8731c0410c308a3ea55d93961dfaf', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .electricCar))), this.electricCar && (h("div", { key: '751c30033bf00abcef925ceb980a95805a21df31', class: "flex flex-col gap-2" }, h("div", { key: '63d33a0f5e3f84e8a6194fc43c5e5df802c67fad', class: "grid grid-cols-2 gap-4" }, h("label", { key: '71ae1e3f6cd9958b031063c0e926512d289aafda', class: "text-sm text-text-muted" }, t.solarSystemForm
+            .electricCar))), this.electricCar && (h("div", { key: '0c78c7f3176a0f6ab9c41c9876cf1a035877c798', class: "flex flex-col gap-2" }, h("div", { key: '722f0f8c09f037d75c7721c0bd7141da781f3c0c', class: "grid grid-cols-2 gap-4" }, h("label", { key: '258ee50ded063df8322520e2fdc7c7891b673c66', class: "text-sm text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .chargingTime), h("label", { key: '78fff69c03333669afa3b4b6bf38ec5ba3a1bf44', class: "text-sm text-text-muted" }, t.solarSystemForm
+            .chargingTime), h("label", { key: '7ae9cfa77cd8ced89d1598ef09fcc4772133695e', class: "text-sm text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .kilometersPerYear)), h("div", { key: '3d74c92eb5a96352367172678eeb904841200bb4', class: "grid grid-cols-2 gap-4" }, h("select", { key: 'c024a076838f044c4b9c1079191f9511d61392b6', class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
+            .kilometersPerYear)), h("div", { key: '1f9244bd861b20278eec8cbca21cf611a7b923f6', class: "grid grid-cols-2 gap-4" }, h("select", { key: '39022b4df361b6efb4f57057b27dc5419cc533be', class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
                 this.electricCarChargingTime =
                     e.target
                         .value;
                 this.recalculate();
-            } }, h("option", { key: '039b58a3c2704da605440cc66ef557e37831ad1b', value: "day", selected: this
+            }, style: {
+                border: "1px solid var(--color-border)",
+            } }, h("option", { key: '3ac38d888755fe1ff1bbcdee4ac2ecbfbd51b8a6', value: "day", selected: this
                 .electricCarChargingTime ===
                 "day" }, t.solarSystemForm
             .additionalComponents
-            .chargingTimeDay), h("option", { key: 'b12b7e92e147a7235972fb7ce0e405c7ecb1cf3c', value: "night", selected: this
+            .chargingTimeDay), h("option", { key: 'a6a8cca9b5f127aa4331cc412ea56da2ddfa480e', value: "night", selected: this
                 .electricCarChargingTime ===
                 "night" }, t.solarSystemForm
             .additionalComponents
-            .chargingTimeNight)), h("input", { key: '0abd86805116e6e4959c818f44df19193a03d245', type: "number", min: "1000", max: "50000", step: "1000", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
+            .chargingTimeNight)), h("input", { key: 'd44e83a3e68f29ffbcc8c21132c3c357f4025eba', type: "number", min: "1000", max: "50000", step: "1000", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
                 this.kmDrivenPerYear =
                     parseInt(e.target
                         .value);
                 this.recalculate();
-            } }))))), h("div", { key: 'd39d320c00a3407937cafbf26b061f739de9627f', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'a546eb35e60b97b47f1fa7836a547d257cd9de83', class: "flex items-center justify-between" }, h("label", { key: '5d8202dc51be638b862229918b0a24a2d0a9c7a7', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
-            .battery), !this.isIOS() && (h("span", { key: 'f145a7be5e343edcf1fd9d66695ed05dbf9c0b82', class: "text-text-muted" }, this.battery, " kWh"))), h("div", { key: '088eed5b81f1d2c7ac9990c7c164b7744abe9371', 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 border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
+            }, style: {
+                border: "1px solid var(--color-border)",
+            } }))))), h("div", { key: '78887c816adeaeecd3503953e6079678ea5ffa8a', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '0f4e2b348c0e7e7789c7a2badfbddfbb668e4842', class: "flex items-center justify-between" }, h("label", { key: '5eaa71f1ae5a7c08bdbd3ee1b8ea18767738b9f0', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
+            .battery), !this.isIOS() && (h("span", { key: 'f627ed9f5b6004bedfc99fed880701783e1f6b8c', class: "text-text-muted" }, this.battery, " kWh"))), h("div", { key: 'ae29676644ea5884897912332204f8df2edcc913', 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 border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
                     const value = parseInt(e.target
                         .value);
                     if (value >= 0 &&
@@ -463,42 +500,46 @@ const SolarSystemForm = /*@__PURE__*/ proxyCustomElement(class SolarSystemForm e
                             value;
                         this.recalculate();
                     }
-                }, placeholder: "Battery capacity" }), h("span", { class: "text-sm text-text-muted" }, "kWh")))
+                }, placeholder: "Battery capacity", style: {
+                    border: "1px solid var(--color-border)",
+                } }), h("span", { class: "text-sm text-text-muted" }, "kWh")))
             : (h("input", { 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-muted", value: this.battery, onInput: (e) => {
                     this.battery = parseInt(e.target
                         .value);
                     this.recalculate();
-                } })))))), h("div", { key: '7b6611e7d71f5219dad46bfcb6b29334df4c62b0', class: "space-y-4" }, h("h2", { key: 'e25ba45b8af1fc9c5430caa7628623bb06a877fb', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '13ee68eaa8e6272a76bd91f6faa4cbd49c828ba1', class: "grid grid-rows-2 gap-0" }, h("div", { key: '913ff149a4a1a55f42c19f28e6e36f9ca74f4166', class: "grid grid-cols-3 gap-4" }, h("label", { key: '8672c051c4a8c5498b73d5c5eb867875b394d560', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("label", { key: 'd5b18879d3aaad25b0c87a07e0f5498f24ce6826', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("label", { key: 'aa901ab741db5f6d626235a35e86a84eeca71c5e', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), h("div", { key: '82b41e70d26578e176fc223a7026ce7011870d99', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, h("input", { key: '2f011ba06930555e240569925e547987d99f6145', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.electricityPrice.toFixed(2), onInput: (e) => {
+                } })))))), h("div", { key: '3ff4f76e3998594832541e7c29b62fd066eb6b93', class: "space-y-4" }, h("h2", { key: '0d699ce4651eafa967464bd2d514e33e7d7594f5', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '2fbf7001ef764bbdfcebb68aee462b9015740e42', class: "grid grid-rows-2 gap-0" }, h("div", { key: '822c1a7ebde43a0e82d8e85a738f7c6d71d59312', class: "grid grid-cols-3 gap-4" }, h("label", { key: '7037f5005c69ca0fc06706190b2a14b0e65d0bab', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("label", { key: 'c57af75b004add729b4ddddc118534b2fdb783bf', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("label", { key: 'd28f0391fc0e52f6a6bbe454302afd54493be80b', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), h("div", { key: '237e6d85d909b1b08d00cdc3ce3c340513c9ffd8', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, h("input", { key: '59ac48fca752b9fb654342ec2bde43599a8451b4', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.electricityPrice.toFixed(2), onInput: (e) => {
                 this.electricityPrice = parseFloat(e.target
                     .value);
                 this.recalculate();
-            } }), h("input", { key: '5758c11a7cd2cecefd35bbcf9c41f0f02ec002d1', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.compensationRate.toFixed(2), onInput: (e) => {
+            } }), h("input", { key: '3644ceacd7733d2f74ffc5891522d4dd1ab67851', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.compensationRate.toFixed(2), onInput: (e) => {
                 this.compensationRate = parseFloat(e.target
                     .value);
                 this.recalculate();
-            } }), h("input", { key: '2b1cc87904290adee01c406d66b12e6f4e543bde', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
+            } }), h("input", { key: '8e453b5b7665c51a5bb8160132bbcc8da5bf5159', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
                 this.annualPriceIncrease = parseFloat(e.target
                     .value);
                 this.recalculate();
-            } })))), h("div", { key: 'd8d28b0b38f3878f7f934d673b6a669b4e534b5f', class: "space-y-4 p-4 border border-border rounded-4xl" }, h("h2", { key: 'be8b0acb0adfc87e2afd9aa00388eb4a7f307c28', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: '61af5a2d0c8c1aaafbcd8ba41e1139640788a7d4', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '0520e67bb0252d31fbfba488217547812cec00a3', class: "flex items-center justify-between" }, h("span", { key: 'c9d35867d975c98d01db75902c6813fd2fb9b767', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: '9ef18c401de3a992ef3a7f459617cfd4dd8c0a08', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
+            } })))), h("div", { key: '4282852c39dde81bdf5b54ad8ea4e0a8aefaaf18', class: "space-y-4 p-4 border border-border rounded-4xl", style: {
+                border: "1px solid var(--color-border)",
+            } }, h("h2", { key: '7fcfd93db114602d3c1250c0b9ad5c106e2118d0', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: 'aa0da43f3ef2daf8f9b3bb83e15493300dd3d795', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '82b9f95d27582a7e6fabc92b5f8c4f94a7760773', class: "flex items-center justify-between" }, h("span", { key: 'ac3a20954389eafb4222de55a9c380c6e6911822', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: '42573f1d642adc6e7d81c2205d64659fd5690ec6', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
             ? "100"
-            : this.autonomy.toFixed(1), "%")), h("div", { key: '712a70ea717175793ddd38699ca45b080dacd249', class: "flex items-center justify-between mt-4" }, h("div", { key: '920ca4c50cd5ddfff3ef2f1a5eeb8a52d158b5d2', class: "flex items-center gap-2" }, h("span", { key: 'b234a6f6cc8caab1c58ac0695e71b19fc0b1ad6e', class: "text-text-muted" }, t.solarSystemForm.costSavings), h("div", { key: '7887922d2aba3e543558c27f0f4aa20c4392eb57', class: "relative group" }, h("svg", { key: '3cdffe480bc305f06684e19df36d32d17de58f0c', 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: '464a6fae13b003e308d4f125ef819a5356209d23', "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: '318bb50174b5f3dc673cc98e45e30ed0196c9519', class: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 w-64 p-2 bg-gray-800 text-muted text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none" }, t.solarSystemForm
-            .savingsDisclaimer))), h("span", { key: '3dcbca7e66dbcbcb25a877d70e792051beb20240', class: "text-xl font-bold text-success" }, this.costSavings.toFixed(2), "\u20AC/", t
-            .solarSystemForm.year)), h("div", { key: '3bb3f98d227d0713b6e653b3e4044a4c3be3c3d2', class: "flex items-center justify-between mt-4" }, h("div", { key: '5d24629acf34dea5fbc3efb19884a2e45c630cca', class: "flex items-center gap-2" }, h("span", { key: '5d04bf4f77832c39abacb35fb5615d4daf79169f', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), h("span", { key: '03775d1ae0490de0c29521cc6a29202bae96aa45', class: "text-xl font-bold text-success" }, this.compensation25Years.toFixed(2), "\u20AC")), h("div", { key: '568c7b218f9ada6c41b79df6f484a1490942130d', class: "flex items-center justify-between mt-4" }, h("div", { key: '6e38b66476972658cdcf31f6585717ebb0462d15', class: "flex items-center gap-2" }, h("span", { key: '9681ea349b79467c0ed1c7c037844752943bb398', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), h("span", { key: '1a0d41da8e4371e511cce0415c90ea02e27f2c9c', class: "text-xl font-bold text-success" }, this.savedCosts25Years.toFixed(2), "\u20AC")))), h("div", { key: '01a6cd62eedbdf7c4dcf428a0f5220d3596e8153', class: "space-y-4 pt-4" }, h("h2", { key: 'd9ed42522ca59b26096a6f3b71287e86ab7ad4a5', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: 'd4d83942d4c345b7bc5ae31e48386a86422d7a35', class: "grid gap-4" }, h("div", { key: 'c74bf83f9cd2209c8c5eb539fe9bf3ebadf0d889', class: "grid grid-cols-2 gap-4" }, h("label", { key: '1855733a879c9f19e890dbb4348b068b7eddf0f1', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("label", { key: '0f79a4878df0754e9e5908706fc673bab57597ac', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), h("div", { key: 'd33d202d2865fc2b9bf2006593c4a75b667e04fb', class: "grid grid-cols-2 gap-4" }, h("div", { key: 'aa6647a9573369cd7cc6515887aa8601e305f434' }, h("input", { key: '5a1ee29bae3f9b80d725e904f618fbbfdb595add', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
+            : this.autonomy.toFixed(1), "%")), h("div", { key: '7b7ca03f694682ada5f3156e065ffbebfe8a162e', class: "flex items-center justify-between mt-4" }, h("div", { key: '39f1d25e85ab1f3ff1ab9f06874cb1e3178f1707', class: "flex items-center gap-2" }, h("span", { key: '0c62c76a68fa8532240fe28333c1ce592ddc6787', class: "text-text-muted" }, t.solarSystemForm.costSavings), h("div", { key: 'fc6baa108a6fc38d70562d147488085c17b3376b', class: "relative group" }, h("svg", { key: 'd6806679a14d75f3e9ef72bd3ac352855f8b30ae', 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: '9033bbf13fa59641816338bca9ea3c2272b5dcc0', "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: '1fad5e3281d00c91bdb0a112e98279d5107ed76c', class: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 w-64 p-2 bg-gray-800 text-muted text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none" }, t.solarSystemForm
+            .savingsDisclaimer))), h("span", { key: 'a99bd5d3f22f39fbfce522e6e8b9fa65d1fc1785', class: "text-xl font-bold text-success" }, this.costSavings.toFixed(2), "\u20AC/", t
+            .solarSystemForm.year)), h("div", { key: '8aeb935408cfa36788a5396dd8a0719e93216721', class: "flex items-center justify-between mt-4" }, h("div", { key: 'aa778aabdfe02aeea72ef37a0087cfb03adbef3d', class: "flex items-center gap-2" }, h("span", { key: '4bc1dd985b07e229c3293db4c4f3be74bd885cec', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), h("span", { key: '4eb548881579db3bdffcf5c0bcd0630c19b6961e', class: "text-xl font-bold text-success" }, this.compensation25Years.toFixed(2), "\u20AC")), h("div", { key: '00d848e65e0a13d7278ca1cef2a8a6c0810cef08', class: "flex items-center justify-between mt-4" }, h("div", { key: 'e33274627fa4a5d71b35bbc030212810cd1ecc15', class: "flex items-center gap-2" }, h("span", { key: '45fb735ec260bbea7ad6101f7aacac4e7a1f3313', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), h("span", { key: '2d7bc5f25a4491e00a1985c9bf255abdaef729dd', class: "text-xl font-bold text-success" }, this.savedCosts25Years.toFixed(2), "\u20AC")))), h("div", { key: '603eafb9e819e4a2da8f919c2de5a7e7ed7b6ac9', class: "space-y-4 pt-4" }, h("h2", { key: '50de58cd408c63518a3a1aeebc2168e603f8f537', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: 'cc85f1661fba68643d3f043ff51b1c2070e5d32a', class: "grid gap-4" }, h("div", { key: '54040b2ac5cb46fc2bbdabdfb78f1d25fa521b2d', class: "grid grid-cols-2 gap-4" }, h("label", { key: '9404270bfbd58d022fafff6646ff1dbf68352617', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("label", { key: 'ee3bb80e18b29446630d10f49e94d3ce8e8e3f46', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), h("div", { key: '298da00d7046b6437b175f3eb8859281392d75dd', class: "grid grid-cols-2 gap-4" }, h("div", { key: '31b01646d5370285c8dc0d5470643cd679f1eaee' }, h("input", { key: '27764cb15c5150f8ddd5c50b7559fe807014d021', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
                 ? "border-error"
                 : "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
                 this.name =
                     e.target
                         .value;
                 this.validateForm();
-            }, placeholder: "Your name" }), this.nameError && (h("p", { key: 'c0024d874a8e1970f6d8bd34112e096683c08ea4', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: 'a4ca9e0bac3472d38b9b28e809e216c9d828a0fd' }, h("input", { key: '69a0d659a7a9bda7829d514f4844ff31d3f48f03', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
+            }, placeholder: "Your name" }), this.nameError && (h("p", { key: 'fa62eac9fc7f58f4b0505dc8398ae7447524ac4f', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: '936b2091fc5f889f7c98f3bbe9c783ebfcf97030' }, h("input", { key: 'd7f4bf93bee30c5dc47c14143c527be562ccdbfd', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
                 ? "border-error"
                 : "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
                 this.email =
                     e.target
                         .value;
                 this.validateForm();
-            }, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '7295f592a6924b7a003ca96c5da296d1dc57486d', class: "text-error text-sm mt-1" }, this.emailError))))), h("div", { key: 'ee4dd4e554f25d0c2384f77d6845cf81990ba6db', class: "flex justify-center" }, h("button", { key: 'b931e29f4a2a27110ef0b014a745d35428982ef9', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
+            }, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '32c8ca2e1de772c5c2072f52827393e0aad287f2', class: "text-error text-sm mt-1" }, this.emailError))))), h("div", { key: '5ac2456b1e783e86d21405db8b34ee22ad5e88f3', class: "flex justify-center" }, h("button", { key: 'f4b4e6d7490e01a29e4065747fe64dec7ca06f37', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
                 !this.email.trim() || !!this.nameError ||
                 !!this.emailError, class: "px-4 py-2 bg-secondary rounded-4xl hover:bg-tertiary transition-colors duration-200 text-muted" }, t.solarSystemForm.requestOfferButton))))));
     }
@@ -549,7 +590,7 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { BORDER_INSET as B, COLUMN_SPACING as C, DOTTED_LINE_COLOR as D, ROW_SPACING as R, SolarSystemForm as S, DEFAULT_SOLAR_EXPERT_CONFIG as a, DEFAULT_SOLAR_PANEL_TYPE as b, DEFAULT_SUNNINESS as c, defineCustomElement as d };
-//# sourceMappingURL=p-ao6bHDbv.js.map
+export { BORDER_INSET as B, COLUMN_SPACING as C, DEFAULT_COLOR_SCHEME as D, ROW_SPACING as R, SolarSystemForm as S, DOTTED_LINE_COLOR as a, DEFAULT_SOLAR_EXPERT_CONFIG as b, DEFAULT_SOLAR_PANEL_TYPE as c, defineCustomElement as d, DEFAULT_SUNNINESS as e };
+//# sourceMappingURL=p-CrzEBN9H.js.map
 
-//# sourceMappingURL=p-ao6bHDbv.js.map
+//# sourceMappingURL=p-CrzEBN9H.js.map

package/dist/components/p-CrzEBN9H.js.map

@@ -0,0 +1 @@
+{"file":"p-CrzEBN9H.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/constants.ts","src/config.ts","src/utils/simulation/solarCurves.ts","src/utils/simulation/types.ts","src/utils/simulation/simulation.ts","src/output.css?tag=solar-system-form","src/components/solar-system-form/solar-system-form.tsx"],"sourcesContent":["\r\nconst OPEN_POLYGON_COLOR = \"red\"; //\"#ffffff\";\r\nconst CLOSED_POLYGON_COLOR = \"#fcba03\";\r\nconst DOTTED_LINE_COLOR = \"rgba(0, 0, 0, 0.5)\";\r\n\r\nconst ROW_SPACING = 1;\r\nconst COLUMN_SPACING = 1;\r\n\r\nconst BORDER_INSET = 0;\r\nconst DEFAULT_SUNNINESS = 600;\r\n\r\nconst HEAT_PUMP_CONSUMPTION = 0.05; // kWh per m² per day\r\n\r\nconst SOLAR_RADIATION = [\r\n    0,\r\n    0,\r\n    0,\r\n    0,\r\n    0,\r\n    0, // 00:00 - 05:00 - 6\r\n    0,\r\n    0.1,\r\n    0.2, // 8\r\n    0.4, \r\n    0.8,\r\n    1, // 06:00 - 11:00 - 12\r\n    1,\r\n    1,\r\n    1,\r\n    0.7,\r\n    0.5,\r\n    0.3, // 12:00 - 17:00 - 18\r\n    0.16,\r\n    0.02,\r\n    0,\r\n    0,\r\n    0,\r\n    0, // 18:00 - 23:00 - 24\r\n];\r\nconst CONSUMPTION_PROFILES = {\r\n    mostly_at_home: [\r\n        0.1,\r\n        0.1,\r\n        0.1,\r\n        0.1,\r\n        0.1,\r\n        0.15, // 00:00 - 05:00 - 6\r\n        0.23,\r\n        0.26,\r\n        0.16,\r\n        0.16,\r\n        0.15,\r\n        0.19, // 06:00 - 11:00 - 12\r\n        0.23,\r\n        0.24,\r\n        0.35,\r\n        0.28,\r\n        0.275,\r\n        0.8, // 12:00 - 17:00 - 18\r\n        0.78,\r\n        0.74,\r\n        0.75,\r\n        0.73,\r\n        0.26,\r\n        0.1, // 18:00 - 23:00 - 24\r\n    ],\r\n    mostly_away: [\r\n        0.1,\r\n        0.1,\r\n        0.1,\r\n        0.1,\r\n        0.1,\r\n        0.15, // 00:00 - 05:00 - 6\r\n        0.29,\r\n        0.32,\r\n        0.25,\r\n        0.15,\r\n        0.12,\r\n        0.14, // 06:00 - 11:00 - 12\r\n        0.15,\r\n        0.12,\r\n        0.16,\r\n        0.21,\r\n        0.285,\r\n        1, // 12:00 - 17:00 - 18\r\n        0.81,\r\n        0.77,\r\n        0.79,\r\n        0.73,\r\n        0.26,\r\n        0.1, // 18:00 - 23:00 - 24\r\n    ],\r\n};\r\n\r\nexport { OPEN_POLYGON_COLOR, CLOSED_POLYGON_COLOR, DOTTED_LINE_COLOR, ROW_SPACING, COLUMN_SPACING, BORDER_INSET, DEFAULT_SUNNINESS, CONSUMPTION_PROFILES, SOLAR_RADIATION, HEAT_PUMP_CONSUMPTION };\r\n","import { SolarPanelType } from \"./utils/solar\";\r\n\r\nexport interface SolarExpertConfig {\r\n    openRoofColor: string;\r\n    closedRoofColor: string;\r\n    openObstructionColor: string;\r\n    closedObstructionColor: string;\r\n    roofPolygonFillColor: string;\r\n    obstructionPolygonFillColor: string;\r\n    roofPolygonHoverFillColor: string;\r\n    obstructionPolygonHoverFillColor: string;\r\n    roofPolygonSelectedFillColor: string;\r\n    obstructionPolygonSelectedFillColor: string;\r\n    highlightColor: string;\r\n}\r\n\r\nexport const DEFAULT_SOLAR_EXPERT_CONFIG: SolarExpertConfig = {\r\n    openRoofColor: \"#d6eeff\",\r\n    closedRoofColor: \"#ffffff\",\r\n    openObstructionColor: \"#f57242\",\r\n    closedObstructionColor: \"rgba(255, 132, 107, 0.8)\",\r\n    roofPolygonFillColor: \"rgba(92, 187, 255, 0.5)\",\r\n    obstructionPolygonFillColor: \"rgba(255, 132, 107, 0.5)\",\r\n    roofPolygonHoverFillColor: \"rgba(92, 187, 255, 0.8)\",\r\n    obstructionPolygonHoverFillColor: \"rgba(255, 132, 107, 0.8)\",\r\n    roofPolygonSelectedFillColor: \"rgba(92, 187, 255, 0.7)\",\r\n    obstructionPolygonSelectedFillColor: \"rgba(255, 132, 107, 0.7)\",\r\n    highlightColor: \"rgba(0, 89, 255, 1)\",\r\n}\r\n\r\nexport const DEFAULT_SOLAR_PANEL_TYPE: SolarPanelType = {\r\n    widthMeters: 1.134,\r\n    heightMeters: 1.762,\r\n    kWattPeak: 0.455,\r\n    efficiency: 0.224,\r\n    price: 77.68,\r\n}\r\n\r\nexport const DEFAULT_COLOR_SCHEME: ColorScheme = {\r\n    primary: \"hsl(41 51% 90%)\",\r\n    primaryForeground: \"hsl(0 0% 0%)\",\r\n    secondary: \"hsl(28 100% 8%)\",\r\n    secondaryForeground: \"hsl(0 0% 100%)\",\r\n    tertiary: \"hsl(28 100% 29%)\",\r\n    tertiaryForeground: \"hsl(0 0% 100%)\",\r\n    muted: \"hsl(0 0% 100%)\",\r\n    mutedForeground: \"hsl(0 0% 0%)\",\r\n    error: \"hsl(0 100% 50%)\",\r\n    errorForeground: \"hsl(0 0% 100%)\",\r\n    \r\n    // Surface colors\r\n    surface: \"hsl(0 0% 88%)\",        // gray-200\r\n    surfaceHover: \"hsl(0 0% 82%)\",   // gray-300\r\n    surfaceActive: \"hsl(0 0% 64%)\",  // gray-400\r\n    \r\n    // Text colors\r\n    textMuted: \"hsl(0 0% 45%)\",      // gray-600\r\n    textSecondary: \"hsl(0 0% 55%)\",  // gray-500\r\n    textPlaceholder: \"hsl(0 0% 73%)\", // gray-400\r\n    \r\n    // Border colors\r\n    border: \"hsl(0 0% 82%)\",         // gray-300\r\n    borderLight: \"hsl(0 0% 93%)\",    // gray-200\r\n    \r\n    // Status colors\r\n    success: \"hsl(142 76% 36%)\",     // green-600\r\n    info: \"hsl(221 83% 53%)\",        // blue-500\r\n    \r\n    // Interactive colors\r\n    hover: \"hsl(0 0% 88%)\",          // gray-200\r\n    hoverDark: \"hsl(28 100% 8%)\",    // darker secondary for hover\r\n    overlay: \"rgba(0, 0, 0, 0.24)\",  // #0000003c\r\n    tooltip: \"hsl(0 0% 13%)\",        // gray-800\r\n}\r\n\r\nexport interface ColorScheme {\r\n    primary: string;\r\n    primaryForeground: string;\r\n    secondary: string;\r\n    secondaryForeground: string;\r\n    tertiary: string;\r\n    tertiaryForeground: string;\r\n    muted: string;\r\n    mutedForeground: string;\r\n    error: string;\r\n    errorForeground: string;\r\n    // Surface colors\r\n    surface: string;\r\n    surfaceHover: string;\r\n    surfaceActive: string;\r\n    // Text colors\r\n    textMuted: string;\r\n    textSecondary: string;\r\n    textPlaceholder: string;\r\n    // Border colors\r\n    border: string;\r\n    borderLight: string;\r\n    // Status colors\r\n    success: string;\r\n    info: string;\r\n    // Interactive colors\r\n    hover: string;\r\n    hoverDark: string;\r\n    overlay: string;\r\n    tooltip: string;\r\n}\r\n\r\n","\r\nconst SOLAR_RADIATION = [\r\n    0,\r\n    0,\r\n    0,\r\n    0,\r\n    0,\r\n    0, // 00:00 - 05:00 - 6\r\n    0,\r\n    0.1,\r\n    0.2, // 8\r\n    0.4, \r\n    0.8,\r\n    0.9, // 06:00 - 11:00 - 12\r\n    1,\r\n    0.95,\r\n    0.9,\r\n    0.7,\r\n    0.5,\r\n    0.3, // 12:00 - 17:00 - 18\r\n    0.16,\r\n    0.02,\r\n    0,\r\n    0,\r\n    0,\r\n    0, // 18:00 - 23:00 - 24\r\n];\r\n\r\nexport { SOLAR_RADIATION };\r\n\r\nexport function getSolarRadiation(discountFactor: number) {\r\n    return SOLAR_RADIATION.map(value => value * discountFactor);\r\n}","import { SolarPanelType } from \"../solar\";\r\n\r\nexport interface SimulationResult {\r\n    autonomy: number;\r\n    byYearSavedCosts: number[];\r\n    compensationPerDay: number;\r\n}\r\n\r\nexport interface ElectricityPrice {\r\n    purchase: number;\r\n    sell: number;\r\n    increase: number;\r\n}\r\n\r\nexport interface ElectricCarConfig {\r\n    batteryKWh: number;\r\n    // true if the car is charged at home, false if it is charged at work\r\n    chargingHours: boolean[];\r\n    averageKilometersPerDay: number;\r\n    consumptionkWhPer100km: number;\r\n}\r\n\r\nexport interface HeatPumpConfig {\r\n    m2: number;\r\n}\r\n\r\nexport interface SolarRadiation {\r\n    winterFactor: number;\r\n    summerFactor: number;\r\n}\r\n\r\nexport interface SolarSystem {\r\n    numberOfPanels: number;\r\n    panelType: SolarPanelType;\r\n    pitch: number;\r\n}\r\n\r\nexport interface HouseholdConsumption {\r\n    consumptionProfile: \"mostly_at_home\" | \"mostly_away\";\r\n    winterConsumptionFactor: number;\r\n    summerConsumptionFactor: number;\r\n    averageConsumption: number;\r\n}\r\n\r\nexport interface GeneralSimulationConfig {\r\n    simulationYears: number;\r\n}\r\n\r\nexport const DEFAULT_GENERAL_SIMULATION_CONFIG: GeneralSimulationConfig = {\r\n    simulationYears: 25,\r\n}\r\n\r\nexport interface SimulationConfig {\r\n    householdConsumption: HouseholdConsumption;\r\n    electricityPrice: ElectricityPrice;\r\n    solarSystem: SolarSystem;\r\n    batteryKWh: number;\r\n    electricCar?: ElectricCarConfig;\r\n    heatPump?: HeatPumpConfig;\r\n    solarRadiation: SolarRadiation;\r\n    general?: GeneralSimulationConfig;\r\n}","import { CONSUMPTION_PROFILES, HEAT_PUMP_CONSUMPTION } from \"../../constants\";\r\nimport { getSolarRadiation } from \"./solarCurves\";\r\nimport { SimulationResult, SimulationConfig, DEFAULT_GENERAL_SIMULATION_CONFIG } from \"./types\";\r\n\r\nexport function generateElectricCarChargingHours(start: number, end: number): boolean[] {\r\n    let hours = new Array(24).fill(false);\r\n    if (start < end) {\r\n        for (let i = start; i <= end; i++) {\r\n            hours[i] = true;\r\n        }\r\n    } else {\r\n        for (let i = start; i <= 24; i++) {\r\n            hours[i] = true;\r\n        }\r\n        for (let i = 0; i <= end; i++) {    \r\n            hours[i] = true;\r\n        }\r\n    }\r\n    return hours;\r\n}\r\n\r\nexport function simulateDay( production: number[], consumption: number[], dailyConsumption: number, battery: number): {\r\n    autonomy: number;\r\n    soldEnergy: number;\r\n    energyUsageOfProduction: number;\r\n} {\r\n\r\n    let batteryCharge = 0;\r\n    let soldEnergy = 0;\r\n    let energyUsageOfProduction = 0;\r\n    for (let hour = 0; hour < production.length; hour++) {\r\n        const energyDifference = production[hour] - consumption[hour];\r\n\r\n        if (energyDifference > 0) {\r\n            energyUsageOfProduction += consumption[hour];\r\n            if (batteryCharge < battery) {\r\n                batteryCharge = Math.min(batteryCharge + energyDifference, battery);\r\n            } else {\r\n                soldEnergy += energyDifference;\r\n            }\r\n        } else {\r\n            if (batteryCharge > 0) {\r\n                if (batteryCharge >= -energyDifference) {\r\n                    batteryCharge += energyDifference;\r\n                    energyUsageOfProduction += consumption[hour];\r\n                } else {\r\n                    energyUsageOfProduction += production[hour] + batteryCharge;\r\n                    soldEnergy -= energyDifference + batteryCharge;\r\n                    batteryCharge = 0;\r\n                }\r\n            } else {\r\n                energyUsageOfProduction += production[hour];\r\n            }\r\n        }\r\n    }\r\n    if (batteryCharge > 0) {\r\n        soldEnergy += batteryCharge;\r\n    }\r\n\r\n    const autonomy = energyUsageOfProduction / dailyConsumption;\r\n    return {\r\n        autonomy: autonomy > 1 ? 1 : autonomy,\r\n        soldEnergy,\r\n        energyUsageOfProduction,\r\n    };\r\n}\r\n\r\n\r\nexport function simulate(config: SimulationConfig): SimulationResult {\r\n    const generalConfig = {\r\n        ...DEFAULT_GENERAL_SIMULATION_CONFIG,\r\n        ...config.general\r\n    };\r\n\r\n    const consumption = CONSUMPTION_PROFILES[config.householdConsumption.consumptionProfile];\r\n    const norm = consumption.reduce((acc, curr) => acc + curr, 0);\r\n\r\n    const additionalConsumption = config.heatPump?.m2 * HEAT_PUMP_CONSUMPTION || 0;\r\n\r\n    let electricCarConsumption = 0;\r\n    let electricCarNorm = 1;\r\n    let electricCarChargingHours = consumption.map(_ => false);\r\n    if (config.electricCar) {\r\n        electricCarChargingHours = config.electricCar.chargingHours;\r\n        const dailyCarUsage = config.electricCar.averageKilometersPerDay / 100 * config.electricCar.consumptionkWhPer100km;\r\n        electricCarConsumption = Math.min(dailyCarUsage, config.electricCar.batteryKWh);\r\n        electricCarNorm = config.electricCar.chargingHours.reduce((acc, curr) => acc + (curr ? 1 : 0), 0);\r\n        if (electricCarNorm === 0) {\r\n            electricCarNorm = 1;\r\n        }\r\n    }\r\n\r\n    const systemSize = config.solarSystem.numberOfPanels * config.solarSystem.panelType.kWattPeak;\r\n    const summerProduction = getSolarRadiation(config.solarRadiation.summerFactor * systemSize);\r\n    const winterProduction = getSolarRadiation(config.solarRadiation.winterFactor * systemSize);\r\n\r\n    const summerConsumptionWholeDay = config.householdConsumption.averageConsumption * config.householdConsumption.summerConsumptionFactor + additionalConsumption * config.householdConsumption.summerConsumptionFactor;\r\n    const summerConsumptionDaily = consumption.map((c, i) => c / norm * summerConsumptionWholeDay + electricCarConsumption/electricCarNorm * (electricCarChargingHours[i] ? 1 : 0));\r\n    const winterConsumptionWholeDay = config.householdConsumption.averageConsumption * config.householdConsumption.winterConsumptionFactor + additionalConsumption * config.householdConsumption.winterConsumptionFactor;\r\n    const winterConsumptionDaily = consumption.map((c, i) => c / norm * winterConsumptionWholeDay + electricCarConsumption/electricCarNorm * (electricCarChargingHours[i] ? 1 : 0));\r\n\r\n    const summerDay = simulateDay(summerProduction, summerConsumptionDaily, summerConsumptionWholeDay + electricCarConsumption, config.batteryKWh);\r\n    const winterDay = simulateDay(winterProduction, winterConsumptionDaily, winterConsumptionWholeDay + electricCarConsumption, config.batteryKWh);\r\n\r\n    let savedCosts = 0;\r\n    let savedCostsByYear = [];\r\n    const soldEnergy = (summerDay.soldEnergy + winterDay.soldEnergy) / 2;\r\n    const ownConsumption = (summerDay.energyUsageOfProduction + winterDay.energyUsageOfProduction) / 2;\r\n\r\n    let energyPrice = config.electricityPrice.purchase;\r\n    for (let i = 0; i < generalConfig.simulationYears; i++) {\r\n        const savedCostsThisYear = ownConsumption * energyPrice * 365;\r\n        savedCosts += savedCostsThisYear;\r\n        savedCostsByYear.push(savedCostsThisYear);\r\n\r\n        energyPrice = (1 + config.electricityPrice.increase) * energyPrice;\r\n    }\r\n\r\n    return {\r\n        autonomy: (summerDay.autonomy + winterDay.autonomy) / 2,\r\n        compensationPerDay: soldEnergy * config.electricityPrice.sell,\r\n        byYearSavedCosts: savedCostsByYear,\r\n    } as SimulationResult;\r\n}","/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-400: oklch(70.7% 0.022 261.325);\n    --color-gray-800: oklch(27.8% 0.033 256.848);\n    --color-black: #000;\n    --spacing: 0.25rem;\n    --container-md: 28rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --radius-lg: 0.5rem;\n    --radius-4xl: 2rem;\n    --animate-spin: spin 1s linear infinite;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-primary: hsl(41 51% 90%);\n    --color-primary-foreground: hsl(0 0% 0%);\n    --color-secondary: hsl(28 100% 8%);\n    --color-secondary-foreground: hsl(0 0% 100%);\n    --color-tertiary: hsl(28 100% 29%);\n    --color-tertiary-foreground: hsl(0 0% 100%);\n    --color-muted: hsl(0 0% 100%);\n    --color-muted-foreground: hsl(0 0% 0%);\n    --color-error: hsl(0 100% 50%);\n    --color-error-foreground: hsl(0 0% 100%);\n    --color-surface: hsl(0 0% 88%);\n    --color-surface-hover: hsl(0 0% 82%);\n    --color-surface-active: hsl(0 0% 64%);\n    --color-text-muted: hsl(0 0% 45%);\n    --color-text-secondary: hsl(0 0% 55%);\n    --color-text-placeholder: hsl(0 0% 73%);\n    --color-border: hsl(0 0% 82%);\n    --color-border-light: hsl(0 0% 93%);\n    --color-success: hsl(142 76% 36%);\n    --color-info: hsl(221 83% 53%);\n    --color-hover: hsl(0 0% 88%);\n    --color-hover-dark: hsl(28 100% 8%);\n    --color-overlay: rgba(0, 0, 0, 0.24);\n    --color-tooltip: hsl(0 0% 13%);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .bottom-full {\n    bottom: 100%;\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%);\n  }\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n  .z-20 {\n    z-index: 20;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .m-auto {\n    margin: auto;\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n  .block {\n    display: block;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n  .h-48 {\n    height: calc(var(--spacing) * 48);\n  }\n  .h-\\[400px\\] {\n    height: 400px;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n  .w-64 {\n    width: calc(var(--spacing) * 64);\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-3 {\n    flex: 3;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .cursor-help {\n    cursor: help;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n  .grid-rows-2 {\n    grid-template-rows: repeat(2, minmax(0, 1fr));\n  }\n  .grid-rows-3 {\n    grid-template-rows: repeat(3, minmax(0, 1fr));\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .items-stretch {\n    align-items: stretch;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .gap-0 {\n    gap: calc(var(--spacing) * 0);\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-4xl {\n    border-radius: var(--radius-4xl);\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-border {\n    border-color: var(--color-border);\n  }\n  .border-error {\n    border-color: var(--color-error);\n  }\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n  .border-secondary {\n    border-color: var(--color-secondary);\n  }\n  .bg-black {\n    background-color: var(--color-black);\n  }\n  .bg-gray-800 {\n    background-color: var(--color-gray-800);\n  }\n  .bg-muted {\n    background-color: var(--color-muted);\n  }\n  .bg-overlay {\n    background-color: var(--color-overlay);\n  }\n  .bg-primary {\n    background-color: var(--color-primary);\n  }\n  .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .bg-surface {\n    background-color: var(--color-surface);\n  }\n  .bg-surface-active {\n    background-color: var(--color-surface-active);\n  }\n  .bg-text-secondary {\n    background-color: var(--color-text-secondary);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n  .pt-7 {\n    padding-top: calc(var(--spacing) * 7);\n  }\n  .pr-4 {\n    padding-right: calc(var(--spacing) * 4);\n  }\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n  .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n  .pl-10 {\n    padding-left: calc(var(--spacing) * 10);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-error {\n    color: var(--color-error);\n  }\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n  .text-muted {\n    color: var(--color-muted);\n  }\n  .text-muted-foreground {\n    color: var(--color-muted-foreground);\n  }\n  .text-primary-foreground {\n    color: var(--color-primary-foreground);\n  }\n  .text-secondary {\n    color: var(--color-secondary);\n  }\n  .text-secondary-foreground {\n    color: var(--color-secondary-foreground);\n  }\n  .text-success {\n    color: var(--color-success);\n  }\n  .text-text-muted {\n    color: var(--color-text-muted);\n  }\n  .text-text-placeholder {\n    color: var(--color-text-placeholder);\n  }\n  .text-text-secondary {\n    color: var(--color-text-secondary);\n  }\n  .accent-tertiary {\n    accent-color: var(--color-tertiary);\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .group-hover\\:opacity-100 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .hover\\:bg-hover {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-hover);\n      }\n    }\n  }\n  .hover\\:bg-hover-dark {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-hover-dark);\n      }\n    }\n  }\n  .hover\\:bg-muted {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-muted);\n      }\n    }\n  }\n  .hover\\:bg-overlay {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-overlay);\n      }\n    }\n  }\n  .hover\\:bg-secondary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-secondary);\n      }\n    }\n  }\n  .hover\\:bg-secondary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, hsl(28 100% 8%) 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-surface-hover {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-surface-hover);\n      }\n    }\n  }\n  .hover\\:bg-tertiary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-tertiary);\n      }\n    }\n  }\n  .hover\\:bg-text-secondary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-text-secondary);\n      }\n    }\n  }\n  .hover\\:text-muted {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-muted);\n      }\n    }\n  }\n  .focus\\:border-transparent {\n    &:focus {\n      border-color: transparent;\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-info {\n    &:focus {\n      --tw-ring-color: var(--color-info);\n    }\n  }\n  .focus\\:ring-secondary {\n    &:focus {\n      --tw-ring-color: var(--color-secondary);\n    }\n  }\n  .focus\\:ring-tertiary {\n    &:focus {\n      --tw-ring-color: var(--color-tertiary);\n    }\n  }\n  .focus\\:ring-offset-0 {\n    &:focus {\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .lg\\:gap-4 {\n    @media (width >= 64rem) {\n      gap: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:rounded-full {\n    &::-webkit-slider-runnable-track {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:bg-black\\/25 {\n    &::-webkit-slider-runnable-track {\n      background-color: color-mix(in srgb, #000 25%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);\n      }\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:h-\\[10px\\] {\n    &::-webkit-slider-thumb {\n      height: 10px;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:w-\\[10px\\] {\n    &::-webkit-slider-thumb {\n      width: 10px;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none {\n    &::-webkit-slider-thumb {\n      appearance: none;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full {\n    &::-webkit-slider-thumb {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-muted {\n    &::-webkit-slider-thumb {\n      background-color: var(--color-muted);\n    }\n  }\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-duration: initial;\n    }\n  }\n}\n","import { Component, h, Prop, State, Watch } from \"@stencil/core\";\r\nimport { DEFAULT_SOLAR_PANEL_TYPE } from \"../../config\";\r\nimport { SolarPanelSystemPart } from \"../../utils/geometry/fitting\";\r\nimport { getLanguageStrings } from \"../../utils/lang/general\";\r\nimport { Polygon } from \"../../types/shapes\";\r\nimport { state } from \"../../store\";\r\nimport { SimulationConfig } from \"../../utils/simulation/types\";\r\nimport {\r\n    generateElectricCarChargingHours,\r\n    simulate,\r\n} from \"../../utils/simulation/simulation\";\r\n\r\n@Component({\r\n    tag: \"solar-system-form\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class SolarSystemForm {\r\n    @Prop()\r\n    systemConfigs: { [id: string]: SolarPanelSystemPart } = {};\r\n    @Prop()\r\n    roofPolygons: { [id: string]: Polygon } = {};\r\n    @Prop()\r\n    obstructionPolygons: { [id: string]: Polygon } = {};\r\n\r\n    @State()\r\n    householdConsumption: number = 4500;\r\n    @State()\r\n    consumptionProfile: \"mostly_at_home\" | \"mostly_away\" = \"mostly_at_home\";\r\n    @State()\r\n    electricityPrice: number = 0.3;\r\n    @State()\r\n    compensationRate: number = 0.07;\r\n    @State()\r\n    annualPriceIncrease: number = 2;\r\n    @State()\r\n    autonomy: number = 0;\r\n    @State()\r\n    costSavings: number = 0;\r\n    @State()\r\n    numberOfPanels: number = 5;\r\n    @State()\r\n    panelPeakPower: number = 0.4; // kW per panel\r\n    @State()\r\n    name: string = \"\";\r\n    @State()\r\n    email: string = \"\";\r\n    @State()\r\n    nameError: string = \"\";\r\n    @State()\r\n    emailError: string = \"\";\r\n    @State()\r\n    electricCar: boolean = false;\r\n    @State()\r\n    electricCarChargingTime: \"day\" | \"night\" = \"day\";\r\n    @State()\r\n    heatPump: number = 0;\r\n    @State()\r\n    battery: number = 0;\r\n\r\n    @State()\r\n    compensation25Years: number = 0;\r\n    @State()\r\n    savedCosts25Years: number = 0;\r\n    @State()\r\n    maxPanels: number = 5;\r\n    @State()\r\n    kmDrivenPerYear: number = 10000;\r\n\r\n    @Watch(\"systemConfigs\")\r\n    updateSystemConfigs() {\r\n        if (Object.keys(this.systemConfigs).length === 0) {\r\n            this.numberOfPanels = 0;\r\n            this.maxPanels = 0;\r\n            return;\r\n        }\r\n        this.numberOfPanels = Object.keys(this.systemConfigs).reduce(\r\n            (acc, curr) =>\r\n                acc + this.systemConfigs[curr].positionedPanels.length,\r\n            0,\r\n        );\r\n        this.maxPanels = Object.keys(this.systemConfigs).reduce(\r\n            (acc, curr) =>\r\n                acc + this.systemConfigs[curr].positionedPanels.length,\r\n            0,\r\n        );\r\n\r\n        this.panelPeakPower =\r\n            Object.entries(this.systemConfigs)[0][1].positionedPanels[0].panel\r\n                .kWattPeak;\r\n\r\n        this.recalculate();\r\n    }\r\n\r\n    private recalculate() {\r\n        const simulationConfig: SimulationConfig = {\r\n            general: {\r\n                simulationYears: 25,\r\n            },\r\n            householdConsumption: {\r\n                consumptionProfile: this.consumptionProfile,\r\n                winterConsumptionFactor: 1.2,\r\n                summerConsumptionFactor: 0.8,\r\n                averageConsumption: this.householdConsumption / 365,\r\n            },\r\n            electricityPrice: {\r\n                purchase: this.electricityPrice,\r\n                sell: this.compensationRate,\r\n                increase: this.annualPriceIncrease / 100,\r\n            },\r\n            solarSystem: {\r\n                numberOfPanels: this.numberOfPanels,\r\n                panelType: DEFAULT_SOLAR_PANEL_TYPE,\r\n                pitch: 30,\r\n            },\r\n            batteryKWh: this.battery,\r\n            solarRadiation: {\r\n                winterFactor: 0.2,\r\n                summerFactor: 0.6,\r\n            },\r\n            heatPump: {\r\n                m2: this.heatPump,\r\n            },\r\n            electricCar: this.electricCar\r\n                ? {\r\n                    averageKilometersPerDay: this.kmDrivenPerYear / 365,\r\n                    consumptionkWhPer100km: 17,\r\n                    batteryKWh: 20,\r\n                    chargingHours: this.electricCarChargingTime === \"day\"\r\n                        ? generateElectricCarChargingHours(6, 18)\r\n                        : generateElectricCarChargingHours(18, 6),\r\n                }\r\n                : undefined,\r\n        };\r\n\r\n        const result = simulate(simulationConfig);\r\n\r\n        this.compensation25Years = result.compensationPerDay * 365 * 25;\r\n        this.savedCosts25Years = result.byYearSavedCosts.reduce(\r\n            (acc, curr) => acc + curr,\r\n            0,\r\n        );\r\n        this.costSavings = result.compensationPerDay * 365;\r\n        this.autonomy = result.autonomy * 100;\r\n    }\r\n\r\n    componentWillLoad() {\r\n        this.updateSystemConfigs();\r\n    }\r\n\r\n    private validateForm(): boolean {\r\n        let isValid = true;\r\n        const t = getLanguageStrings(state.settings.language);\r\n\r\n        // Validate name\r\n        if (!this.name.trim()) {\r\n            this.nameError = t.solarSystemForm.nameError;\r\n            isValid = false;\r\n        } else {\r\n            this.nameError = \"\";\r\n        }\r\n\r\n        // Validate email\r\n        const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n        if (!this.email.trim()) {\r\n            this.emailError = t.solarSystemForm.emailError;\r\n            isValid = false;\r\n        } else if (!emailRegex.test(this.email)) {\r\n            this.emailError = t.solarSystemForm.validEmailError;\r\n            isValid = false;\r\n        } else {\r\n            this.emailError = \"\";\r\n        }\r\n\r\n        return isValid;\r\n    }\r\n\r\n    private handleRequestOffer() {\r\n        if (!this.validateForm()) {\r\n            return;\r\n        }\r\n        // Here you can implement the logic to handle the offer request\r\n        console.log(\"Requesting offer for: \", {\r\n            name: this.name,\r\n            email: this.email,\r\n            systemConfig: this.systemConfigs,\r\n            consumption: this.householdConsumption,\r\n            autonomy: this.autonomy,\r\n            costSavings: this.costSavings,\r\n            roofPolygons: this.roofPolygons,\r\n            obstructionPolygons: this.obstructionPolygons,\r\n        });\r\n    }\r\n\r\n    private isIOS(): boolean {\r\n        return state.isIOS;\r\n    }\r\n\r\n    render() {\r\n        const t = getLanguageStrings(state.settings.language);\r\n        return (\r\n            <div\r\n                class=\"flex flex-col justify-center items-center w-full h-full pt-4\" // style={{\r\n                //     display: (Object.keys(this.systemConfigs).length === 0)\r\n                //         ? \"none\"\r\n                //         : \"flex\",\r\n                // }}\r\n                id=\"solar-system-form\"\r\n            >\r\n                <h1 class=\"text-2xl font-bold text-secondary mb-4 w-full\">\r\n                    {t.solarSystemForm.title}\r\n                </h1>\r\n\r\n                <div class=\"w-full bg-primary rounded-4xl p-6 space-y-6\">\r\n                    {/* System Info Section */}\r\n                    <div class=\"space-y-4\">\r\n                        <h2 class=\"text-lg font-semibold text-secondary\">\r\n                            {t.solarSystemForm.systemInformation}\r\n                        </h2>\r\n                        <div class=\"grid grid-rows-3 gap-0\">\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <label class=\"block text-sm font-medium text-text-muted mb-1\">\r\n                                    {t.solarSystemForm.numberOfPanels}\r\n                                </label>\r\n                                <label class=\"block text-sm font-medium text-text-muted mb-1\">\r\n                                    {t.solarSystemForm.panelPeakPower}\r\n                                </label>\r\n                            </div>\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                {!this.isIOS()\r\n                                    ? (\r\n                                        <input\r\n                                            type=\"number\"\r\n                                            class=\"w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground\"\r\n                                            value={this.numberOfPanels}\r\n                                            readOnly\r\n                                        />\r\n                                    )\r\n                                    : (\r\n                                        <input\r\n                                            type=\"number\"\r\n                                            min=\"1\"\r\n                                            max={this.maxPanels}\r\n                                            class=\"flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground\"\r\n                                            value={this.numberOfPanels}\r\n                                            onInput={(e) => {\r\n                                                const value = parseInt(\r\n                                                    (e.target as HTMLInputElement)\r\n                                                        .value,\r\n                                                );\r\n                                                if (\r\n                                                    value >= 1 &&\r\n                                                    value <=\r\n                                                        this.maxPanels\r\n                                                ) {\r\n                                                    this.numberOfPanels = value;\r\n                                                    this.recalculate();\r\n                                                }\r\n                                            }}\r\n                                        />\r\n                                    )}\r\n                                <input\r\n                                    type=\"number\"\r\n                                    class=\"w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground\"\r\n                                    value={this.panelPeakPower}\r\n                                    readonly\r\n                                />\r\n                            </div>\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <div class=\"w-full pt-2\">\r\n                                    {!this.isIOS() &&\r\n                                        (\r\n                                            <input\r\n                                                type=\"range\"\r\n                                                min=\"1\"\r\n                                                max={this.maxPanels}\r\n                                                step=\"1\"\r\n                                                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\"\r\n                                                value={this.numberOfPanels}\r\n                                                onInput={(e) => {\r\n                                                    this.numberOfPanels =\r\n                                                        parseInt(\r\n                                                            (e.target as HTMLInputElement)\r\n                                                                .value,\r\n                                                        );\r\n                                                    this.recalculate();\r\n                                                }}\r\n                                            />\r\n                                        )}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"bg-muted rounded-4xl p-4\">\r\n                            <div class=\"flex items-center justify-between\">\r\n                                <span class=\"text-text-muted\">\r\n                                    {t.solarSystemForm.totalSystemPeakPower}\r\n                                </span>\r\n                                <span class=\"text-xl font-bold text-secondary\">\r\n                                    {(DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *\r\n                                        this.numberOfPanels).toFixed(1)} kW\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    {/* Household Consumption Section */}\r\n                    <div class=\"space-y-4\">\r\n                        <h2 class=\"text-lg font-semibold text-secondary\">\r\n                            {t.solarSystemForm.householdConsumptionTitle}\r\n                        </h2>\r\n                        <div class=\"grid grid-rows-2 gap-0\">\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <label class=\"block text-sm font-medium text-text-muted\">\r\n                                    {t.solarSystemForm.annualConsumption}\r\n                                </label>\r\n                                <label class=\"block text-sm font-medium text-text-muted\">\r\n                                    {t.solarSystemForm.consumptionProfileTitle}\r\n                                </label>\r\n                            </div>\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <input\r\n                                    type=\"number\"\r\n                                    class=\"w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground\"\r\n                                    value={this.householdConsumption}\r\n                                    onInput={(e) => {\r\n                                        this.householdConsumption = parseInt(\r\n                                            (e.target as HTMLInputElement)\r\n                                                .value,\r\n                                        );\r\n                                        this.recalculate();\r\n                                    }}\r\n                                />\r\n                                <select\r\n                                    class=\"w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground\"\r\n                                    onChange={(e) => {\r\n                                        this.consumptionProfile =\r\n                                            (e.target as HTMLSelectElement)\r\n                                                .value as\r\n                                                    | \"mostly_at_home\"\r\n                                                    | \"mostly_away\";\r\n                                        this.recalculate();\r\n                                    }}\r\n                                >\r\n                                    <option\r\n                                        value=\"mostly_at_home\"\r\n                                        selected={this.consumptionProfile ===\r\n                                            \"mostly_at_home\"}\r\n                                    >\r\n                                        {t.solarSystemForm.consumptionProfiles\r\n                                            .mostlyAtHome}\r\n                                    </option>\r\n                                    <option\r\n                                        value=\"mostly_away\"\r\n                                        selected={this.consumptionProfile ===\r\n                                            \"mostly_away\"}\r\n                                    >\r\n                                        {t.solarSystemForm.consumptionProfiles\r\n                                            .mostlyAway}\r\n                                    </option>\r\n                                </select>\r\n                            </div>\r\n                        </div>\r\n                        {\r\n                            /* <div class=\"mt-4 h-48\">\r\n                            <canvas ref={(el) => this.chartRef = el}></canvas>\r\n                        </div> */\r\n                        }\r\n                    </div>\r\n                    <div class=\"space-y-4\">\r\n                        <h2 class=\"text-lg font-semibold text-secondary\">\r\n                            {t.solarSystemForm.additionalComponents.title}\r\n                        </h2>\r\n                        <div class=\"flex flex-col gap-4\">\r\n                            {/* Heat Pump Section */}\r\n                            <div class=\"flex flex-col bg-muted rounded-4xl p-4 gap-4\">\r\n                                <div class=\"flex items-center justify-between\">\r\n                                    <div class=\"flex items-center gap-2\">\r\n                                        <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"heatPump\"\r\n                                            class=\"w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2\"\r\n                                            checked={this.heatPump > 0}\r\n                                            onChange={(e) => {\r\n                                                this.heatPump =\r\n                                                    (e.target as HTMLInputElement)\r\n                                                            .checked\r\n                                                        ? 100\r\n                                                        : 0;\r\n                                                this.recalculate();\r\n                                            }}\r\n                                        />\r\n                                        <label\r\n                                            htmlFor=\"heatPump\"\r\n                                            class=\"text-text-muted\"\r\n                                        >\r\n                                            {t.solarSystemForm\r\n                                                .additionalComponents\r\n                                                .heatPump}\r\n                                        </label>\r\n                                    </div>\r\n                                    {(this.heatPump > 0 && !this.isIOS()) && (\r\n                                        <span class=\"text-text-muted\">\r\n                                            {this.heatPump} m²\r\n                                        </span>\r\n                                    )}\r\n                                </div>\r\n                                {this.heatPump > 0 && (\r\n                                    <div class=\"flex flex-col gap-2\">\r\n                                        {this.isIOS()\r\n                                            ? (\r\n                                                <div class=\"flex items-center gap-2\">\r\n                                                    <input\r\n                                                        type=\"number\"\r\n                                                        min=\"10\"\r\n                                                        max=\"300\"\r\n                                                        step=\"10\"\r\n                                                        class=\"flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted\"\r\n                                                        style={{ //TODO fix this\r\n                                                            border:\r\n                                                                \"1px solid var(--color-border)\",\r\n                                                        }}\r\n                                                        value={this.heatPump}\r\n                                                        onInput={(e) => {\r\n                                                            const value =\r\n                                                                parseInt(\r\n                                                                    (e.target as HTMLInputElement)\r\n                                                                        .value,\r\n                                                                );\r\n                                                            if (\r\n                                                                value >= 10 &&\r\n                                                                value <= 300\r\n                                                            ) {\r\n                                                                this.heatPump =\r\n                                                                    value;\r\n                                                                this.recalculate();\r\n                                                            }\r\n                                                        }}\r\n                                                    />\r\n                                                    <span class=\"text-sm text-text-muted\">\r\n                                                        m²\r\n                                                    </span>\r\n                                                </div>\r\n                                            )\r\n                                            : (\r\n                                                <input\r\n                                                    type=\"range\"\r\n                                                    min=\"10\"\r\n                                                    max=\"300\"\r\n                                                    step=\"10\"\r\n                                                    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\"\r\n                                                    value={this.heatPump}\r\n                                                    onInput={(e) => {\r\n                                                        this.heatPump =\r\n                                                            parseInt(\r\n                                                                (e.target as HTMLInputElement)\r\n                                                                    .value,\r\n                                                            );\r\n                                                        this.recalculate();\r\n                                                    }}\r\n                                                />\r\n                                            )}\r\n                                    </div>\r\n                                )}\r\n                            </div>\r\n\r\n                            {/* Electric Car Section */}\r\n                            <div class=\"flex flex-col bg-muted rounded-4xl p-4 gap-4\">\r\n                                <div class=\"flex items-center justify-between\">\r\n                                    <div class=\"flex items-center gap-2\">\r\n                                        <input\r\n                                            type=\"checkbox\"\r\n                                            id=\"electricCar\"\r\n                                            class=\"w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2\"\r\n                                            checked={this.electricCar}\r\n                                            onChange={(e) => {\r\n                                                this.electricCar =\r\n                                                    (e.target as HTMLInputElement)\r\n                                                        .checked;\r\n                                                this.recalculate();\r\n                                            }}\r\n                                        />\r\n                                        <label\r\n                                            htmlFor=\"electricCar\"\r\n                                            class=\"text-text-muted\"\r\n                                        >\r\n                                            {t.solarSystemForm\r\n                                                .additionalComponents\r\n                                                .electricCar}\r\n                                        </label>\r\n                                    </div>\r\n                                </div>\r\n                                {this.electricCar && (\r\n                                    <div class=\"flex flex-col gap-2\">\r\n                                        <div class=\"grid grid-cols-2 gap-4\">\r\n                                            <label class=\"text-sm text-text-muted\">\r\n                                                {t.solarSystemForm\r\n                                                    .additionalComponents\r\n                                                    .chargingTime}\r\n                                            </label>\r\n                                            <label class=\"text-sm text-text-muted\">\r\n                                                {t.solarSystemForm\r\n                                                    .additionalComponents\r\n                                                    .kilometersPerYear}\r\n                                            </label>\r\n                                        </div>\r\n                                        <div class=\"grid grid-cols-2 gap-4\">\r\n                                            <select\r\n                                                class=\"w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted\"\r\n                                                onChange={(e) => {\r\n                                                    this.electricCarChargingTime =\r\n                                                        (e.target as HTMLSelectElement)\r\n                                                            .value as\r\n                                                                | \"day\"\r\n                                                                | \"night\";\r\n                                                    this.recalculate();\r\n                                                }}\r\n                                                style={{ //TODO fix this\r\n                                                    border:\r\n                                                        \"1px solid var(--color-border)\",\r\n                                                }}\r\n                                            >\r\n                                                <option\r\n                                                    value=\"day\"\r\n                                                    selected={this\r\n                                                        .electricCarChargingTime ===\r\n                                                        \"day\"}\r\n                                                >\r\n                                                    {t.solarSystemForm\r\n                                                        .additionalComponents\r\n                                                        .chargingTimeDay}\r\n                                                </option>\r\n                                                <option\r\n                                                    value=\"night\"\r\n                                                    selected={this\r\n                                                        .electricCarChargingTime ===\r\n                                                        \"night\"}\r\n                                                >\r\n                                                    {t.solarSystemForm\r\n                                                        .additionalComponents\r\n                                                        .chargingTimeNight}\r\n                                                </option>\r\n                                            </select>\r\n                                            <input\r\n                                                type=\"number\"\r\n                                                min=\"1000\"\r\n                                                max=\"50000\"\r\n                                                step=\"1000\"\r\n                                                class=\"w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted\"\r\n                                                value={this.kmDrivenPerYear}\r\n                                                onInput={(e) => {\r\n                                                    this.kmDrivenPerYear =\r\n                                                        parseInt(\r\n                                                            (e.target as HTMLInputElement)\r\n                                                                .value,\r\n                                                        );\r\n                                                    this.recalculate();\r\n                                                }}\r\n                                                style={{ //TODO fix this\r\n                                                    border:\r\n                                                        \"1px solid var(--color-border)\",\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                )}\r\n                            </div>\r\n\r\n                            {/* Battery Section */}\r\n                            <div class=\"flex flex-col bg-muted rounded-4xl p-4 gap-4\">\r\n                                <div class=\"flex items-center justify-between\">\r\n                                    <label class=\"text-text-muted\">\r\n                                        {t.solarSystemForm.additionalComponents\r\n                                            .battery}\r\n                                    </label>\r\n                                    {!this.isIOS() && (\r\n                                        <span class=\"text-text-muted\">\r\n                                            {this.battery} kWh\r\n                                        </span>\r\n                                    )}\r\n                                </div>\r\n                                <div class=\"flex flex-col gap-2\">\r\n                                    {this.isIOS()\r\n                                        ? (\r\n                                            <div class=\"flex items-center gap-2\">\r\n                                                <input\r\n                                                    type=\"number\"\r\n                                                    min=\"0\"\r\n                                                    max=\"20\"\r\n                                                    step=\"1\"\r\n                                                    class=\"flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted\"\r\n                                                    value={this.battery}\r\n                                                    onInput={(e) => {\r\n                                                        const value = parseInt(\r\n                                                            (e.target as HTMLInputElement)\r\n                                                                .value,\r\n                                                        );\r\n                                                        if (\r\n                                                            value >= 0 &&\r\n                                                            value <= 20\r\n                                                        ) {\r\n                                                            this.battery =\r\n                                                                value;\r\n                                                            this.recalculate();\r\n                                                        }\r\n                                                    }}\r\n                                                    placeholder=\"Battery capacity\"\r\n                                                    style={{ //TODO fix this\r\n                                                        border:\r\n                                                            \"1px solid var(--color-border)\",\r\n                                                    }}\r\n                                                />\r\n                                                <span class=\"text-sm text-text-muted\">\r\n                                                    kWh\r\n                                                </span>\r\n                                            </div>\r\n                                        )\r\n                                        : (\r\n                                            <input\r\n                                                type=\"range\"\r\n                                                min=\"0\"\r\n                                                max=\"20\"\r\n                                                step=\"1\"\r\n                                                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\"\r\n                                                value={this.battery}\r\n                                                onInput={(e) => {\r\n                                                    this.battery = parseInt(\r\n                                                        (e.target as HTMLInputElement)\r\n                                                            .value,\r\n                                                    );\r\n                                                    this.recalculate();\r\n                                                }}\r\n                                            />\r\n                                        )}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    {/* Electricity Price and Compensation Section */}\r\n                    <div class=\"space-y-4\">\r\n                        <h2 class=\"text-lg font-semibold text-secondary\">\r\n                            {t.solarSystemForm.electricityCostsTitle}\r\n                        </h2>\r\n                        <div class=\"grid grid-rows-2 gap-0\">\r\n                            <div class=\"grid grid-cols-3 gap-4\">\r\n                                <label class=\"block text-sm font-medium text-text-muted mb-1\">\r\n                                    {t.solarSystemForm.electricityPrice}\r\n                                </label>\r\n                                <label class=\"block text-sm font-medium text-text-muted mb-1\">\r\n                                    {t.solarSystemForm.compensationRate}\r\n                                </label>\r\n                                <label class=\"block text-sm font-medium text-text-muted mb-1\">\r\n                                    {t.solarSystemForm.annualPriceIncrease}\r\n                                </label>\r\n                            </div>\r\n                            <div class=\"grid grid-cols-3 gap-4 text-primary-foreground\">\r\n                                <input\r\n                                    type=\"number\"\r\n                                    step=\"0.01\"\r\n                                    class=\"w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted\"\r\n                                    value={this.electricityPrice.toFixed(2)}\r\n                                    onInput={(e) => {\r\n                                        this.electricityPrice = parseFloat(\r\n                                            (e.target as HTMLInputElement)\r\n                                                .value,\r\n                                        );\r\n                                        this.recalculate();\r\n                                    }}\r\n                                />\r\n                                <input\r\n                                    type=\"number\"\r\n                                    step=\"0.01\"\r\n                                    class=\"w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted\"\r\n                                    value={this.compensationRate.toFixed(2)}\r\n                                    onInput={(e) => {\r\n                                        this.compensationRate = parseFloat(\r\n                                            (e.target as HTMLInputElement)\r\n                                                .value,\r\n                                        );\r\n                                        this.recalculate();\r\n                                    }}\r\n                                />\r\n                                <input\r\n                                    type=\"number\"\r\n                                    step=\"0.1\"\r\n                                    class=\"w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted\"\r\n                                    value={this.annualPriceIncrease.toFixed(1)}\r\n                                    onInput={(e) => {\r\n                                        this.annualPriceIncrease = parseFloat(\r\n                                            (e.target as HTMLInputElement)\r\n                                                .value,\r\n                                        );\r\n                                        this.recalculate();\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    {/* Results Section */}\r\n                    <div\r\n                        class=\"space-y-4 p-4 border border-border rounded-4xl\"\r\n                        style={{ //TODO fix this\r\n                            border: \"1px solid var(--color-border)\",\r\n                        }}\r\n                    >\r\n                        <h2 class=\"text-lg font-semibold text-secondary\">\r\n                            {t.solarSystemForm.resultsTitle}\r\n                        </h2>\r\n                        <div class=\"bg-muted rounded-4xl p-4\">\r\n                            <div class=\"flex items-center justify-between\">\r\n                                <span class=\"text-text-muted\">\r\n                                    {t.solarSystemForm.autonomy}\r\n                                </span>\r\n                                <span class=\"text-xl font-bold text-secondary\">\r\n                                    {this.autonomy > 100\r\n                                        ? \"100\"\r\n                                        : this.autonomy.toFixed(1)}%\r\n                                </span>\r\n                            </div>\r\n                            <div class=\"flex items-center justify-between mt-4\">\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <span class=\"text-text-muted\">\r\n                                        {t.solarSystemForm.costSavings}\r\n                                    </span>\r\n                                    <div class=\"relative group\">\r\n                                        <svg\r\n                                            xmlns=\"http://www.w3.org/2000/svg\"\r\n                                            class=\"h-5 w-5 text-gray-400 cursor-help\"\r\n                                            viewBox=\"0 0 20 20\"\r\n                                            fill=\"currentColor\"\r\n                                        >\r\n                                            <path\r\n                                                fill-rule=\"evenodd\"\r\n                                                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\"\r\n                                                clip-rule=\"evenodd\"\r\n                                            />\r\n                                        </svg>\r\n                                        <div class=\"absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 w-64 p-2 bg-gray-800 text-muted text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none\">\r\n                                            {t.solarSystemForm\r\n                                                .savingsDisclaimer}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <span class=\"text-xl font-bold text-success\">\r\n                                    {this.costSavings.toFixed(2)}€/{t\r\n                                        .solarSystemForm.year}\r\n                                </span>\r\n                            </div>\r\n                            <div class=\"flex items-center justify-between mt-4\">\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <span class=\"text-text-muted\">\r\n                                        Einspeisevergütung 25 Jahre\r\n                                    </span>\r\n                                </div>\r\n                                <span class=\"text-xl font-bold text-success\">\r\n                                    {this.compensation25Years.toFixed(2)}€\r\n                                </span>\r\n                            </div>\r\n                            <div class=\"flex items-center justify-between mt-4\">\r\n                                <div class=\"flex items-center gap-2\">\r\n                                    <span class=\"text-text-muted\">\r\n                                        Geldwerter Vorteil 25 Jahre\r\n                                    </span>\r\n                                </div>\r\n                                <span class=\"text-xl font-bold text-success\">\r\n                                    {this.savedCosts25Years.toFixed(2)}€\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    {/* Contact Information Section */}\r\n                    <div class=\"space-y-4 pt-4\">\r\n                        <h2 class=\"text-lg font-semibold text-secondary\">\r\n                            {t.solarSystemForm.requestOffer}\r\n                        </h2>\r\n                        <div class=\"grid gap-4\">\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <label class=\"block text-sm font-medium text-text-muted mb-1\">\r\n                                    {t.solarSystemForm.name}\r\n                                </label>\r\n                                <label class=\"block text-sm font-medium text-text-muted mb-1\">\r\n                                    {t.solarSystemForm.email}\r\n                                </label>\r\n                            </div>\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <div>\r\n                                    <input\r\n                                        type=\"text\"\r\n                                        class={`w-full px-4 py-2 rounded-4xl border ${\r\n                                            this.nameError\r\n                                                ? \"border-error\"\r\n                                                : \"border-border\"\r\n                                        } focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`}\r\n                                        value={this.name}\r\n                                        onInput={(e) => {\r\n                                            this.name =\r\n                                                (e.target as HTMLInputElement)\r\n                                                    .value;\r\n                                            this.validateForm();\r\n                                        }}\r\n                                        placeholder=\"Your name\"\r\n                                    />\r\n                                    {this.nameError && (\r\n                                        <p class=\"text-error text-sm mt-1\">\r\n                                            {this.nameError}\r\n                                        </p>\r\n                                    )}\r\n                                </div>\r\n                                <div>\r\n                                    <input\r\n                                        type=\"email\"\r\n                                        class={`w-full px-4 py-2 rounded-4xl border ${\r\n                                            this.emailError\r\n                                                ? \"border-error\"\r\n                                                : \"border-border\"\r\n                                        } focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`}\r\n                                        value={this.email}\r\n                                        onInput={(e) => {\r\n                                            this.email =\r\n                                                (e.target as HTMLInputElement)\r\n                                                    .value;\r\n                                            this.validateForm();\r\n                                        }}\r\n                                        placeholder=\"your.email@example.com\"\r\n                                    />\r\n                                    {this.emailError && (\r\n                                        <p class=\"text-error text-sm mt-1\">\r\n                                            {this.emailError}\r\n                                        </p>\r\n                                    )}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"flex justify-center\">\r\n                            <button\r\n                                onClick={() => this.handleRequestOffer()}\r\n                                disabled={!this.name.trim() ||\r\n                                    !this.email.trim() || !!this.nameError ||\r\n                                    !!this.emailError}\r\n                                class=\"px-4 py-2 bg-secondary rounded-4xl hover:bg-tertiary transition-colors duration-200 text-muted\"\r\n                            >\r\n                                {t.solarSystemForm.requestOfferButton}\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"],"version":3}