blue-chestnut-solar-expert 0.0.65 → 0.0.67

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ var appGlobals = require('./app-globals-I24yU8do.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["loading-widget.cjs",[[0,"loading-widget"]]],["eraser-icon_19.cjs",[[0,"solar-expert",{"apiKey":[1,"api-key"],"language":[1],"colorScheme":[16,"color-scheme"],"latitude":[32],"longitude":[32],"isLoaded":[32],"autocomplete":[32],"place":[32],"showMapSelector":[32]},null,{"colorScheme":["colorSchemeChanged"]}],[0,"map-draw",{"apiKey":[1,"api-key"],"config":[16],"solarPanel":[16,"solar-panel"],"enableSettings":[4,"enable-settings"],"showInstructions":[32],"showSettings":[32],"showTutorial":[32],"showMarkEdgeTutorial":[32],"showAdditionalToolsTutorial":[32],"additionalToolsTutorialShown":[32],"firstPolygonClosed":[32],"zoom":[32],"loadingState":[32],"rgbTiff":[32],"currentTool":[32],"buildingInsights":[32],"pixelInMeters":[32],"interaction":[32],"currentPolygon":[32],"solarSystem":[32],"showToast":[32],"toastMessage":[32],"toastType":[32]},null,{"rgbTiff":["setupCanvasManager","drawMap"],"canvasElement":["drawMap"]}],[0,"map-selector",{"apiKey":[1,"api-key"],"language":[1],"isLoaded":[32],"autocomplete":[32],"map":[32],"marker":[32],"circle":[32],"radius":[32],"latitude":[32],"longitude":[32],"isSatelliteMode":[32],"showAddressError":[32]}],[0,"tool-box",{"currentTool":[16,"current-tool"],"undoCallback":[16,"undo-callback"],"onToolSelect":[16,"on-tool-select"]}],[0,"polygon-information",{"currentPolygon":[16,"current-polygon"],"numberOfPanels":[2,"number-of-panels"],"handleAzimuthChange":[16,"handle-azimuth-change"],"handlePitchChange":[16,"handle-pitch-change"],"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}],[0,"settings-modal",{"settings":[16],"tempSettings":[32]}],[0,"solar-system-form",{"systemConfigs":[16,"system-configs"],"polygons":[16],"roofCanvas":[16,"roof-canvas"],"polygonCanvas":[16,"polygon-canvas"],"householdConsumption":[32],"consumptionProfile":[32],"electricityPrice":[32],"compensationRate":[32],"annualPriceIncrease":[32],"autonomy":[32],"costSavings":[32],"numberOfPanels":[32],"panelPeakPower":[32],"name":[32],"email":[32],"phone":[32],"nameError":[32],"emailError":[32],"phoneError":[32],"electricCar":[32],"electricCarChargingTime":[32],"heatPump":[32],"battery":[32],"compensation20Years":[32],"savedCosts20Years":[32],"maxPanels":[32],"kmDrivenPerYear":[32],"totalEnergyConsumption":[32],"totalEnergyProduction":[32],"isSubmitting":[32],"submitMessage":[32],"submitSuccess":[32]},null,{"systemConfigs":["updateSystemConfigs"]}],[0,"toast-notification",{"message":[1],"type":[1],"duration":[2],"isVisible":[32],"isExiting":[32]}],[0,"tutorial-component",{"onClose":[16,"on-close"],"title":[1],"description":[1],"videoSource":[1,"video-source"],"isLoading":[32],"dotCount":[32]}],[0,"icon-selector",{"name":[1],"inline":[4],"size":[2]}],[0,"polygon-buttons",{"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}],[0,"eraser-icon",{"inline":[4],"size":[2]}],[0,"house-icon",{"inline":[4],"size":[2]}],[0,"marker-icon",{"inline":[4],"size":[2]}],[0,"move-icon",{"inline":[4],"size":[2]}],[0,"octagon-minus-icon",{"inline":[4],"size":[2]}],[0,"settings-icon",{"inline":[4],"size":[2]}],[0,"undo-icon",{"inline":[4],"size":[2]}],[0,"search-icon",{"inline":[4],"size":[2]}]]]], options);
+  return index.bootstrapLazy([["loading-widget.cjs",[[0,"loading-widget"]]],["eraser-icon_19.cjs",[[0,"solar-expert",{"apiKey":[1,"api-key"],"language":[1],"colorScheme":[16,"color-scheme"],"latitude":[32],"longitude":[32],"isLoaded":[32],"autocomplete":[32],"place":[32],"showMapSelector":[32]},null,{"colorScheme":["colorSchemeChanged"]}],[0,"map-draw",{"apiKey":[1,"api-key"],"config":[16],"solarPanel":[16,"solar-panel"],"enableSettings":[4,"enable-settings"],"showInstructions":[32],"showSettings":[32],"showTutorial":[32],"showMarkEdgeTutorial":[32],"showAdditionalToolsTutorial":[32],"additionalToolsTutorialShown":[32],"firstPolygonClosed":[32],"zoom":[32],"loadingState":[32],"rgbTiff":[32],"currentTool":[32],"buildingInsights":[32],"pixelInMeters":[32],"interaction":[32],"currentPolygon":[32],"solarSystem":[32],"showToast":[32],"toastMessage":[32],"toastType":[32]},null,{"rgbTiff":["setupCanvasManager","drawMap"],"canvasElement":["drawMap"]}],[0,"map-selector",{"apiKey":[1,"api-key"],"language":[1],"isLoaded":[32],"autocomplete":[32],"map":[32],"marker":[32],"circle":[32],"radius":[32],"latitude":[32],"longitude":[32],"isSatelliteMode":[32],"showAddressError":[32]}],[0,"tool-box",{"currentTool":[16,"current-tool"],"undoCallback":[16,"undo-callback"],"onToolSelect":[16,"on-tool-select"]}],[0,"polygon-information",{"currentPolygon":[16,"current-polygon"],"numberOfPanels":[2,"number-of-panels"],"handleAzimuthChange":[16,"handle-azimuth-change"],"handlePitchChange":[16,"handle-pitch-change"],"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}],[0,"settings-modal",{"settings":[16],"tempSettings":[32]}],[0,"solar-system-form",{"systemConfigs":[16,"system-configs"],"polygons":[16],"roofCanvas":[16,"roof-canvas"],"polygonCanvas":[16,"polygon-canvas"],"householdConsumption":[32],"consumptionProfile":[32],"electricityPrice":[32],"compensationRate":[32],"annualPriceIncrease":[32],"autonomy":[32],"costSavings":[32],"numberOfPanels":[32],"panelPeakPower":[32],"name":[32],"email":[32],"phone":[32],"nameError":[32],"emailError":[32],"phoneError":[32],"electricCar":[32],"electricCarChargingTime":[32],"heatPump":[32],"battery":[32],"batteryEnabled":[32],"compensation20Years":[32],"savedCosts20Years":[32],"maxPanels":[32],"kmDrivenPerYear":[32],"totalEnergyConsumption":[32],"totalEnergyProduction":[32],"isSubmitting":[32],"submitMessage":[32],"submitSuccess":[32]},null,{"systemConfigs":["updateSystemConfigs"]}],[0,"toast-notification",{"message":[1],"type":[1],"duration":[2],"isVisible":[32],"isExiting":[32]}],[0,"tutorial-component",{"onClose":[16,"on-close"],"title":[1],"description":[1],"videoSource":[1,"video-source"],"isLoading":[32],"dotCount":[32]}],[0,"icon-selector",{"name":[1],"inline":[4],"size":[2]}],[0,"polygon-buttons",{"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}],[0,"eraser-icon",{"inline":[4],"size":[2]}],[0,"house-icon",{"inline":[4],"size":[2]}],[0,"marker-icon",{"inline":[4],"size":[2]}],[0,"move-icon",{"inline":[4],"size":[2]}],[0,"octagon-minus-icon",{"inline":[4],"size":[2]}],[0,"settings-icon",{"inline":[4],"size":[2]}],[0,"undo-icon",{"inline":[4],"size":[2]}],[0,"search-icon",{"inline":[4],"size":[2]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/stencil-library.cjs.js

@@ -21,7 +21,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["loading-widget.cjs",[[0,"loading-widget"]]],["eraser-icon_19.cjs",[[0,"solar-expert",{"apiKey":[1,"api-key"],"language":[1],"colorScheme":[16,"color-scheme"],"latitude":[32],"longitude":[32],"isLoaded":[32],"autocomplete":[32],"place":[32],"showMapSelector":[32]},null,{"colorScheme":["colorSchemeChanged"]}],[0,"map-draw",{"apiKey":[1,"api-key"],"config":[16],"solarPanel":[16,"solar-panel"],"enableSettings":[4,"enable-settings"],"showInstructions":[32],"showSettings":[32],"showTutorial":[32],"showMarkEdgeTutorial":[32],"showAdditionalToolsTutorial":[32],"additionalToolsTutorialShown":[32],"firstPolygonClosed":[32],"zoom":[32],"loadingState":[32],"rgbTiff":[32],"currentTool":[32],"buildingInsights":[32],"pixelInMeters":[32],"interaction":[32],"currentPolygon":[32],"solarSystem":[32],"showToast":[32],"toastMessage":[32],"toastType":[32]},null,{"rgbTiff":["setupCanvasManager","drawMap"],"canvasElement":["drawMap"]}],[0,"map-selector",{"apiKey":[1,"api-key"],"language":[1],"isLoaded":[32],"autocomplete":[32],"map":[32],"marker":[32],"circle":[32],"radius":[32],"latitude":[32],"longitude":[32],"isSatelliteMode":[32],"showAddressError":[32]}],[0,"tool-box",{"currentTool":[16,"current-tool"],"undoCallback":[16,"undo-callback"],"onToolSelect":[16,"on-tool-select"]}],[0,"polygon-information",{"currentPolygon":[16,"current-polygon"],"numberOfPanels":[2,"number-of-panels"],"handleAzimuthChange":[16,"handle-azimuth-change"],"handlePitchChange":[16,"handle-pitch-change"],"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}],[0,"settings-modal",{"settings":[16],"tempSettings":[32]}],[0,"solar-system-form",{"systemConfigs":[16,"system-configs"],"polygons":[16],"roofCanvas":[16,"roof-canvas"],"polygonCanvas":[16,"polygon-canvas"],"householdConsumption":[32],"consumptionProfile":[32],"electricityPrice":[32],"compensationRate":[32],"annualPriceIncrease":[32],"autonomy":[32],"costSavings":[32],"numberOfPanels":[32],"panelPeakPower":[32],"name":[32],"email":[32],"phone":[32],"nameError":[32],"emailError":[32],"phoneError":[32],"electricCar":[32],"electricCarChargingTime":[32],"heatPump":[32],"battery":[32],"compensation20Years":[32],"savedCosts20Years":[32],"maxPanels":[32],"kmDrivenPerYear":[32],"totalEnergyConsumption":[32],"totalEnergyProduction":[32],"isSubmitting":[32],"submitMessage":[32],"submitSuccess":[32]},null,{"systemConfigs":["updateSystemConfigs"]}],[0,"toast-notification",{"message":[1],"type":[1],"duration":[2],"isVisible":[32],"isExiting":[32]}],[0,"tutorial-component",{"onClose":[16,"on-close"],"title":[1],"description":[1],"videoSource":[1,"video-source"],"isLoading":[32],"dotCount":[32]}],[0,"icon-selector",{"name":[1],"inline":[4],"size":[2]}],[0,"polygon-buttons",{"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}],[0,"eraser-icon",{"inline":[4],"size":[2]}],[0,"house-icon",{"inline":[4],"size":[2]}],[0,"marker-icon",{"inline":[4],"size":[2]}],[0,"move-icon",{"inline":[4],"size":[2]}],[0,"octagon-minus-icon",{"inline":[4],"size":[2]}],[0,"settings-icon",{"inline":[4],"size":[2]}],[0,"undo-icon",{"inline":[4],"size":[2]}],[0,"search-icon",{"inline":[4],"size":[2]}]]]], options);
+  return index.bootstrapLazy([["loading-widget.cjs",[[0,"loading-widget"]]],["eraser-icon_19.cjs",[[0,"solar-expert",{"apiKey":[1,"api-key"],"language":[1],"colorScheme":[16,"color-scheme"],"latitude":[32],"longitude":[32],"isLoaded":[32],"autocomplete":[32],"place":[32],"showMapSelector":[32]},null,{"colorScheme":["colorSchemeChanged"]}],[0,"map-draw",{"apiKey":[1,"api-key"],"config":[16],"solarPanel":[16,"solar-panel"],"enableSettings":[4,"enable-settings"],"showInstructions":[32],"showSettings":[32],"showTutorial":[32],"showMarkEdgeTutorial":[32],"showAdditionalToolsTutorial":[32],"additionalToolsTutorialShown":[32],"firstPolygonClosed":[32],"zoom":[32],"loadingState":[32],"rgbTiff":[32],"currentTool":[32],"buildingInsights":[32],"pixelInMeters":[32],"interaction":[32],"currentPolygon":[32],"solarSystem":[32],"showToast":[32],"toastMessage":[32],"toastType":[32]},null,{"rgbTiff":["setupCanvasManager","drawMap"],"canvasElement":["drawMap"]}],[0,"map-selector",{"apiKey":[1,"api-key"],"language":[1],"isLoaded":[32],"autocomplete":[32],"map":[32],"marker":[32],"circle":[32],"radius":[32],"latitude":[32],"longitude":[32],"isSatelliteMode":[32],"showAddressError":[32]}],[0,"tool-box",{"currentTool":[16,"current-tool"],"undoCallback":[16,"undo-callback"],"onToolSelect":[16,"on-tool-select"]}],[0,"polygon-information",{"currentPolygon":[16,"current-polygon"],"numberOfPanels":[2,"number-of-panels"],"handleAzimuthChange":[16,"handle-azimuth-change"],"handlePitchChange":[16,"handle-pitch-change"],"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}],[0,"settings-modal",{"settings":[16],"tempSettings":[32]}],[0,"solar-system-form",{"systemConfigs":[16,"system-configs"],"polygons":[16],"roofCanvas":[16,"roof-canvas"],"polygonCanvas":[16,"polygon-canvas"],"householdConsumption":[32],"consumptionProfile":[32],"electricityPrice":[32],"compensationRate":[32],"annualPriceIncrease":[32],"autonomy":[32],"costSavings":[32],"numberOfPanels":[32],"panelPeakPower":[32],"name":[32],"email":[32],"phone":[32],"nameError":[32],"emailError":[32],"phoneError":[32],"electricCar":[32],"electricCarChargingTime":[32],"heatPump":[32],"battery":[32],"batteryEnabled":[32],"compensation20Years":[32],"savedCosts20Years":[32],"maxPanels":[32],"kmDrivenPerYear":[32],"totalEnergyConsumption":[32],"totalEnergyProduction":[32],"isSubmitting":[32],"submitMessage":[32],"submitSuccess":[32]},null,{"systemConfigs":["updateSystemConfigs"]}],[0,"toast-notification",{"message":[1],"type":[1],"duration":[2],"isVisible":[32],"isExiting":[32]}],[0,"tutorial-component",{"onClose":[16,"on-close"],"title":[1],"description":[1],"videoSource":[1,"video-source"],"isLoading":[32],"dotCount":[32]}],[0,"icon-selector",{"name":[1],"inline":[4],"size":[2]}],[0,"polygon-buttons",{"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}],[0,"eraser-icon",{"inline":[4],"size":[2]}],[0,"house-icon",{"inline":[4],"size":[2]}],[0,"marker-icon",{"inline":[4],"size":[2]}],[0,"move-icon",{"inline":[4],"size":[2]}],[0,"octagon-minus-icon",{"inline":[4],"size":[2]}],[0,"settings-icon",{"inline":[4],"size":[2]}],[0,"undo-icon",{"inline":[4],"size":[2]}],[0,"search-icon",{"inline":[4],"size":[2]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -29,6 +29,7 @@ export class SolarSystemForm {
     electricCarChargingTime = "day";
     heatPump = 0;
     battery = 0;
+    batteryEnabled = false;
     compensation20Years = 0;
     savedCosts20Years = 0;
     maxPanels = 5;
@@ -193,7 +194,7 @@ export class SolarSystemForm {
                     phone: this.phone,
                     consumption: this.householdConsumption,
                     consumptionProfile: this.consumptionProfile,
-                    hasBattery: this.battery > 0,
+                    hasBattery: this.batteryEnabled,
                     battery: this.battery,
                     hasHeatPump: this.heatPump > 0,
                     heatPumpM2: this.heatPump,
@@ -245,13 +246,13 @@ export class SolarSystemForm {
         // Reusable style objects
         const borderStyle = { border: "1px solid var(--color-border)" };
         const errorBorderStyle = { border: "1px solid var(--color-error)" };
-        return (h("div", { key: '311a75f162c9b3d2bf0b3d4b1f46309404a4a66e', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
+        return (h("div", { key: 'bb41415c5998e8c1d3e98df49bb13f601410c09d', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
             ,
             //     display: (Object.keys(this.systemConfigs).length === 0)
             //         ? "none"
             //         : "flex",
             // }}
-            id: "solar-system-form" }, h("h1", { key: 'db6fea28762915920105844e13a4f0d83a15034a', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '8f5fd44e0e0636662d4847ad99f695b79dcffb9c', class: "w-full bg-primary rounded-4xl space-y-6" }, h("div", { key: '6e67ca2315b60382e1962c31402c90b185af23d8', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'f68e091bc2b5ddb81cd2c1688f0c1ecfe77d8da9', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: '8e7e789c7ea7ced4d6dff3fdba3219aa67107670', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: 'e969707b3b3f33511e8bf2675fc1a0001494d54b', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: 'e87643a1d0ab7311735d480ebd1b84aef6c7c786', class: "flex items-center justify-between" }, h("label", { key: 'bfe9ceed374b5e9ff960ebc9f5e4d7cd6af3c753', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.numberOfPanels), !this.isIOS()
+            id: "solar-system-form" }, h("h1", { key: '136c0a340cdc4ef1e7de9cc7e8e899017ff111c8', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '1b7a0195f63cbe3765777573c34c9fbe2b47646a', class: "w-full bg-primary rounded-4xl space-y-6" }, h("div", { key: 'f5b8490c2ba77b7afbf8310c83723c44d5ad66b9', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'aa7de0e6fae0b9b8d3193e2d32fe1e63a23d9f64', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: '4c745cbf10a6251bdfc0bc926e073073b0ba6408', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: '292edb872ca1ef3dd82f015ca9d479af89c87ea7', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: '89a23d55107849485c28023ab6ac344b209ad34d', class: "flex items-center justify-between" }, h("label", { key: 'ee5bd53c202f897a8c212b362265b76044bd5e44', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.numberOfPanels), !this.isIOS()
             ? (h("input", { type: "number", class: "w-20 px-3 py-1 rounded-full bg-muted text-muted-foreground text-right", value: this.numberOfPanels, readOnly: true }))
             : (h("input", { type: "number", min: "1", max: this.maxPanels, class: "w-20 px-3 py-1 rounded-full focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground text-center", style: borderStyle, value: this.numberOfPanels, onInput: (e) => {
                     const value = parseInt(e.target
@@ -263,38 +264,44 @@ export class SolarSystemForm {
                             value;
                         this.recalculate();
                     }
-                } }))), !this.isIOS() && (h("input", { key: 'cc83c205d13a0b5ec5aef34cfd1a60859bbc377a', type: "range", min: "1", max: this.maxPanels, step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.numberOfPanels, onInput: (e) => {
+                } }))), !this.isIOS() && (h("input", { key: '3505aba4610e120ff535a4357e32bfe44092fd28', type: "range", min: "1", max: this.maxPanels, step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.numberOfPanels, onInput: (e) => {
                 this.numberOfPanels = parseInt(e.target
                     .value);
+                if (isNaN(this.numberOfPanels)) {
+                    this.numberOfPanels = 0;
+                }
                 this.recalculate();
-            } }))), h("div", { key: 'f325c5937603ebd211deb1cf3ae017364e296b26', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: 'a62d362a9145ef8d16adc49f152961d161c4e7e2', class: "flex items-center justify-between" }, h("label", { key: '6931eef558eb8621da14badde66436003f5d12f1', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: 'd72415ae3276ee7dfa5b53e899fc242c907a558f', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: 'a6abf916d0cb7dbe9c31c4aa1b359c4a1fcdc3f5', class: "flex items-center justify-between mt-4" }, h("span", { key: 'bff9b4cd1fbcfd048ae9396e991e0c8a196616bc', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: '7838d7af86c7ecb57aaa8c503991024772ccdf54', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
-            this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: 'd9c706b013801443a5b817e0e02630f9cee9cbab', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'afb88035523779fbc5de4756249ba92dbddef200', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '98c8e30e7e585c5a247be0e686f792724d4b7bfe', class: "grid grid-rows-2 gap-0" }, h("div", { key: '86c02c113b3539c5afb353587d375483ad533f62', class: "grid grid-cols-2 gap-4" }, h("label", { key: '15938439fe3051b67e12c10c021511096e361893', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '7541d87d9cbc63c054d5cdbd7b0f7abb27fc9761', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '38684b748e232d6af285e61ce9a335e10c0d023b', class: "grid grid-cols-2 gap-4" }, h("input", { key: 'cac666a72ba7fe3da002ff7a97eaed6c7995aa20', type: "number", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, value: this.householdConsumption, onInput: (e) => {
+            } }))), h("div", { key: '58abbe1ad7b258880138e3d398dabcb2d1efca5b', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: 'be74d4f0a1e34a55fdc6eafa4dc08e69570e9b04', class: "flex items-center justify-between" }, h("label", { key: '1f8a47d5052731a7da89852099fef84a8946f596', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: 'a3f101b680f251c3e4372bce14b833b9dfa415d3', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '2ed107c8a0cb43e08b2cbb205f7db8e9de271b22', class: "flex items-center justify-between mt-4" }, h("span", { key: '670c41ca8173f58b1dcbe31699c922ceb9672105', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'e41306aec2f7351e5f01c1f221ef23bbe684a366', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
+            this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: '38ce148b3679e357768a03d92e2aff79d5192f76', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'bf8031199ddd6ccd90301c29f4bd8e223b14d787', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: 'e06f62af8305aa26be7ea662da32135276218484', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'a04a7c38ab456419674e9e2818bd7519fe795a17', class: "grid grid-cols-2 gap-4" }, h("label", { key: '6d0a74756d1d5a164dbe5783cf3df044bd4d2ced', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '49187db1a88afde0b1bebd8fc9f2e88524a4c59d', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '25690a6ca0000b1eabb589c77109d1087ed1ad76', class: "grid grid-cols-2 gap-4" }, h("input", { key: '506dd439307bacc0d7274a6b2ec0a79f363a9d11', type: "number", step: "100", min: "0", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, value: this.householdConsumption, onInput: (e) => {
                 this.householdConsumption = parseInt(e.target
                     .value);
                 this.recalculate();
-            } }), h("select", { key: 'a2a0c25c560253412736f94a004ee0552faab64e', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, onChange: (e) => {
+            } }), h("select", { key: '025fdf9c050c1e00aedd293cfa15da8a411e70af', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, onChange: (e) => {
                 this.consumptionProfile =
                     e.target
                         .value;
                 this.recalculate();
-            } }, h("option", { key: '727866d2da3557657e1bd770a4a4bbb247406dac', value: "mostly_at_home", selected: this.consumptionProfile ===
+            } }, h("option", { key: '26c2fdbcb3646323157dfa6f9f66d6b8ca924c72', value: "mostly_at_home", selected: this.consumptionProfile ===
                 "mostly_at_home" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAtHome), h("option", { key: '8bc3ed0c0ac3770bad515d1f46964e9cd27a8ef3', value: "mostly_away", selected: this.consumptionProfile ===
+            .mostlyAtHome), h("option", { key: 'f3b9527d607657efc4ff75d93576fd765aa97975', value: "mostly_away", selected: this.consumptionProfile ===
                 "mostly_away" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAway))))), h("div", { key: '4e44d5396ae94949e8239beeeb7a0a636c2c8472', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '1727e2228faf014143958328c1e7b538ab0f67f9', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: '4ff16de6af482a139e9fec5cabf8bc78a7c47f95', class: "flex flex-col gap-4" }, h("div", { key: '27992331cc4fb1c16a1f1328b70c8e4aded0ab92', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '6150dc9f6abbc97abc0f3e5ae44b2e8602ee42d2', class: "flex items-center justify-between" }, h("div", { key: 'b0e16b75c60a64e2a6a3d309519860fee1d26276', class: "flex items-center gap-2" }, h("input", { key: 'cc63c3fb3857ac03751a316be5707557aa93ff1a', 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) => {
+            .mostlyAway))))), h("div", { key: '5618500ae3aca7633180a6b3607f1c6462c49815', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'fe74e96b7fdcb2e6776a7eccf248d29b0cdd0206', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'a26c1c3461d3021b823f07a05a20ac74108d4ee7', class: "flex flex-col gap-4" }, h("div", { key: 'ef4c60ac505187ca35d213e0f80a6959f1edabd1', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '08e0b956be5958985d8bb247ea94ff0510657d89', class: "flex items-center justify-between" }, h("div", { key: 'ef1917d84a95ace85e140e801736c4dc5c16e378', class: "flex items-center gap-2" }, h("input", { key: '3b19229e72c742accfa553e6b385ab5ad148e6a9', 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: 'c32094e4e1121e9e6085fee481aa293bdef2eec2', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
+            } }), h("label", { key: 'f73944ac3cd52ab5ac7358d8dfd520720ad43c1b', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '045bebcf61f9c60665d5093a920914caf3c16e2e', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: 'd68c70c1134f3efd4319e7ad54d0b7f3b159fd5d', class: "flex flex-col gap-2" }, this.isIOS()
+            .heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '4a2090de47870f9a59b498425b6bbd2bdd177aba', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '9a2f2cc91a1efafb06de01ecb78949656cdfcccf', class: "flex flex-col gap-2" }, this.isIOS()
             ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.heatPump, onInput: (e) => {
-                    const value = parseInt(e.target
+                    let value = parseInt(e.target
                         .value);
-                    if (value >= 10 &&
+                    if (isNaN(value)) {
+                        value = 0;
+                    }
+                    if (value >= 0 &&
                         value <= 300) {
                         this.heatPump =
                             value;
@@ -306,105 +313,121 @@ export class SolarSystemForm {
                         parseInt(e.target
                             .value);
                     this.recalculate();
-                } }))))), h("div", { key: '3402972a0d31a544bed7bbbf7dbe42299b7b66d5', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'b23ef38c61b55df0cb10b1a6ea2091dc9a1c3369', class: "flex items-center justify-between" }, h("div", { key: '9c065d24ba5257de49c4565d5d5c3eff72c98ecf', class: "flex items-center gap-2" }, h("input", { key: '35e60291e50c74722f96b7cb29861dfc9a73695a', 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) => {
+                } }))))), h("div", { key: '0a7e51f6f8596bed2af8850169ca32c488f43559', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'e768501bf22d0d93d4c5ce0d4c142ef7d6096151', class: "flex items-center justify-between" }, h("div", { key: 'e1c54539633730995db596e77be2fd4bba609a81', class: "flex items-center gap-2" }, h("input", { key: 'bface3b5aad019fdcb92ba3229fe7187ec8babb1', 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: 'c07c96918e94336b73627b453d6ebf7df2de752a', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
+            } }), h("label", { key: 'a148ffb1488169ef9e383c5483145f3163c38172', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .electricCar))), this.electricCar && (h("div", { key: 'c8f52e9a0382fd90beba9161007de12fc68f1243', class: "flex flex-col gap-2" }, h("div", { key: 'c18810ddb896191e91ac1a9ab8d75cbe45a1e34a', class: "grid grid-cols-2 gap-4" }, h("label", { key: '7b6cf7fc61fff0379dae3a3ba6125d2dff648f43', class: "text-sm text-text-muted" }, t.solarSystemForm
+            .electricCar))), this.electricCar && (h("div", { key: '0d6db7e0d23eed4c85aa21f8661038c100049fb7', class: "flex flex-col gap-2" }, h("div", { key: 'c9be028278aa8a582b3d563c98ecabf5a137669b', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'a1d2a3070dd0506be70623ca9b8c524a35132956', class: "text-sm text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .chargingTime), h("label", { key: '6fb22cf041d293e1ca3c9059d8d5f7044dec2e15', class: "text-sm text-text-muted" }, t.solarSystemForm
+            .chargingTime), h("label", { key: '7bedc4d1e43fb5e10f04a4ae2b91abf10c56da2c', class: "text-sm text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .kilometersPerYear)), h("div", { key: '05e1f9a986bd2c7607019ee9c0a83e30f0eef548', class: "grid grid-cols-2 gap-4" }, h("select", { key: '9112adffaa66ab2a8c0432caf76dfd2244de7fa0', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
+            .kilometersPerYear)), h("div", { key: 'c0f3501cecec8280e323f2403de52e3248b6ce7a', class: "grid grid-cols-2 gap-4" }, h("select", { key: 'e2947d4b13363e341955c429fa37fe2ad5966280', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
                 this.electricCarChargingTime =
                     e.target
                         .value;
                 this.recalculate();
-            }, style: borderStyle }, h("option", { key: '67bec333b8a190edc43a90424df590d3abb5024a', value: "day", selected: this
+            }, style: borderStyle }, h("option", { key: '544ae8957ab71cdfd3ad438031d5b3235a321f56', value: "day", selected: this
                 .electricCarChargingTime ===
                 "day" }, t.solarSystemForm
             .additionalComponents
-            .chargingTimeDay), h("option", { key: 'd996c506dc54d4495fc019fc3191ccd00b515788', value: "night", selected: this
+            .chargingTimeDay), h("option", { key: '04d71d6537186ecda58784b3f70e357a3c36f85f', value: "night", selected: this
                 .electricCarChargingTime ===
                 "night" }, t.solarSystemForm
             .additionalComponents
-            .chargingTimeNight)), h("input", { key: '5add5ab3deb8d0db82127793ee5dac7fcc4a93b7', type: "number", min: "1000", max: "50000", step: "1000", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
+            .chargingTimeNight)), h("input", { key: '951f65399cc04d815a585d32206b235710eaefe3', type: "number", min: "1000", max: "100000", step: "1000", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
                 this.kmDrivenPerYear =
                     parseInt(e.target
                         .value);
+                if (isNaN(this.kmDrivenPerYear)) {
+                    this.kmDrivenPerYear =
+                        0;
+                }
                 this.recalculate();
-            }, style: borderStyle }))))), h("div", { key: '041fc0246af12eb78111569c884bd20614c37322', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'e4ebee64adf842e629e5a1e250cfd65821eb7dbc', class: "flex items-center justify-between" }, h("div", { key: 'dac660c6e7663d4cde45757d2641aef1c0c2b835', class: "flex items-center gap-2" }, h("input", { key: 'db51aab5ce13c52db32f5ff4426bc5876cd26cc6', type: "checkbox", id: "battery", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.battery > 0, onChange: (e) => {
-                this.battery =
+            }, style: borderStyle }))))), h("div", { key: 'b0b64b1afec1a7b05af83d910369141713792a9f', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '16d9ff1d1ed9f11b8cb3f0bf707ae911bd4d3052', class: "flex items-center justify-between" }, h("div", { key: '5ea7224b166ac5d09a0c6954a6583c6ee10bcbf8', class: "flex items-center gap-2" }, h("input", { key: '6bfe5da599c642efe88fdb981983857a812df417', type: "checkbox", id: "battery", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.batteryEnabled, onChange: (e) => {
+                this.batteryEnabled =
                     e.target
-                        .checked
+                        .checked;
+                this.battery =
+                    this.batteryEnabled
                         ? 5
                         : 0;
                 this.recalculate();
-            } }), h("label", { key: 'c4178834ed11cd595bbf7a5a33a6c53c24e4b0f0', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm
+            } }), h("label", { key: 'e40e64ca8bd60afddef286b7e4aa5cf369217eb2', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm
             .additionalComponents
-            .battery)), (this.battery > 0 && !this.isIOS()) && (h("span", { key: '8026f5753a7b0ccc9f65b05f8d8ff8ab006cf0e9', class: "text-text-muted" }, this.battery, " kWh"))), this.battery > 0 && (h("div", { key: '331ec7827bae37177faeb3e956086acf954a0d7d', class: "flex flex-col gap-2" }, this.isIOS()
-            ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "1", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
-                    const value = parseInt(e.target
+            .battery)), (this.batteryEnabled && !this.isIOS()) && (h("span", { key: 'b2fc3a8d3e565b6f0de27b8e0cdd9a125787dc97', class: "text-text-muted" }, this.battery, " kWh"))), this.batteryEnabled && (h("div", { key: 'e2148708d2c07f4bb07dfb8c68ea37005f86d4ac', class: "flex flex-col gap-2" }, this.isIOS()
+            ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
+                    let value = parseInt(e.target
                         .value);
-                    if (value >= 1 &&
+                    if (isNaN(value)) {
+                        value = 0;
+                    }
+                    if (value >= 0 &&
                         value <= 20) {
                         this.battery =
                             value;
-                        this.recalculate();
                     }
+                    else {
+                        this.battery =
+                            20;
+                    }
+                    this.recalculate();
                 }, style: borderStyle }), h("span", { class: "text-sm text-text-muted" }, "kWh")))
             : (h("input", { type: "range", min: "1", max: "20", step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.battery, onInput: (e) => {
-                    this.battery = parseInt(e.target
+                    const value = parseInt(e.target
                         .value);
+                    this.battery = value;
+                    this.batteryEnabled =
+                        value > 0;
                     this.recalculate();
-                } }))))))), h("div", { key: '4be5a459e2750973741d60888bc4e3c6ab255016', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'c48c733e3431048476ef816b0e5bdd5baeac072c', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '148b904319ff9e37cff886e307925f5ceed5214b', style: {
+                } }))))))), h("div", { key: '2403db26cd231ee1e14ee9e54904a6d47a442cde', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'd7792f3cd2f10acbc708f347eb9d875774b4d7cd', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: 'a2ace9b4c49c0e778a112ee957a372f32a499117', style: {
                 display: "grid",
-                gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
+                gridTemplateColumns: "repeat(auto-fit, minmax(100px, 1fr))",
                 gap: "1rem",
-            } }, h("div", { key: '44dca317fe36f8b595cd2e0db43a047b79da028d' }, h("label", { key: 'af429b76716c987a36bd80328e7a6cbda115a758', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: '69f82fc1bf29d648da35147827934cb954e7c15f', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.electricityPrice.toFixed(2), onInput: (e) => {
+            } }, h("div", { key: '1d5fbae3664adf9c19550b482a0ded3a7a7442c0' }, h("label", { key: 'd16ad99fa9c8f87151a5a6a7d7bcde674c4a8e81', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: 'f36ae62025eee8bbdb65c9c82d4b605667894d8d', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.electricityPrice.toFixed(2), onInput: (e) => {
                 this.electricityPrice = parseFloat(e.target
                     .value);
                 this.recalculate();
-            } })), h("div", { key: '556e7cac0f6eb84c712f32fb865236c117b0c850' }, h("label", { key: '8c01e4b3617b42e0c08f7c70df0bf6bd5f9a1e36', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: '40e3f63d65fd85f95fcd872f9a6cec1a6765329c', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.compensationRate.toFixed(2), onInput: (e) => {
+            } })), h("div", { key: 'bfd9e6153ab03d5ace55ad15de335df6566b5417' }, h("label", { key: 'ee2536275e4fd5649721d4d3940291430075db67', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: '8dd2be4609fcb850794fa070df50cfa751a87fa1', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.compensationRate.toFixed(2), onInput: (e) => {
                 this.compensationRate = parseFloat(e.target
                     .value);
                 this.recalculate();
-            } })), h("div", { key: '5995e5ebbafe4c5c11c57c4000a6dbe91b06afd6' }, h("label", { key: '0f69d8930ca657fae719a98d042256c91d0cbd46', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: '3c8b0670ce258ab44f5af28b94a922d81d32f793', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
+            } })), h("div", { key: '8f29216586bc3f5c92be3aee08f3d92c67dbf061' }, h("label", { key: 'af3fac52689fe289a72003f3acc78d9ea4bc232d', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: '7e9587a58424149e25b6cd35b3b0f8e67bad0a10', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
                 this.annualPriceIncrease = parseFloat(e.target
                     .value);
                 this.recalculate();
-            } })))), h("div", { key: '32450c874314588fc2864bf4bc6b659c45767224', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'dfc1a170e86411517c465535077da5c7aacc0c3d', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: '464e5e32dbfda19d75f161a4cae4dd854196897a', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '1c7af874a19f1463e8155c8adf678e36a10aadfa', class: "flex flex-col sm:flex-row sm:items-center justify-between" }, h("span", { key: 'caf0cc0319bb343b969e1fb53d25c51c8dd3364c', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: 'f103cc8d1d244c4075e8dfb965fae75a128605ee', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.autonomy > 100
+            } })))), h("div", { key: 'edee17bd72e40f9a00345fce0c7b0728474ecd5c', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '8833b742a6df1556486ff3719b8b833adb858163', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: '6cb17515165775c5b59c0e2ab9f9602125aac953', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '43ba0b310caa0d3e19d4d991b19f54500609e155', class: "flex flex-col sm:flex-row sm:items-center justify-between" }, h("span", { key: 'fe78bf736efedb7e3ce331d594ebec5ac4260ea3', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: '57e3d258a15dcc6ff502b5ac2c5612a3ae7a9332', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.autonomy > 100
             ? "100"
-            : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '6b315c64fc618a5625bdf18f95807b1810fe7d02', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '4d9622101eaf087b28c8e446071f0dd19b537f82', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: '42cb8b45c2a47670a685a55e090a32e33a6ea7e8', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: 'ad73d33a4744424e62577ca61fe99a07c724a8e7', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: 'a10a292f89d2d9b8ae0c53470fdd2a0959db662b', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: '022d2b3e88a804c0412d199b60092b338cc5a096', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: 'bd2f4c86276c958989c2e9f306b2b3fc9ad11c16', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'c23ffe0f98b85a0dc1a12faa81c3e6ed6728326f', class: "flex items-center gap-2" }, h("span", { key: '6bcd71b98de340cd3b963c03c7f81f154a591b0c', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: 'b8a533e06fd8a16af4889a300962a2625dfbb414', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.costSavings), "\u20AC/", t
-            .solarSystemForm.year)), h("div", { key: '66b123f86982e0c700485d08145e48d5f11f416a', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '78d0529ad89f93678fe1770b06bb762e36598c36', class: "flex items-center gap-2" }, h("span", { key: 'bc4c266678fe3d9ba9e74105a39fa1e806afcf11', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: '82942abbb9e6c6466a897e3a6d7506a25a6e1cfa', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.compensation20Years), "\u20AC")), h("div", { key: 'b6bbec34158fe9cbee87d0f09137a2eee8413859', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'c53e4100aabd7666c31c992d475ceb93e0659bf6', class: "flex items-center gap-2" }, h("span", { key: '17e278b24e677d980bb0ed06b4d70ae9ed4bd43d', class: "text-text-muted" }, t.solarSystemForm
-            .monetaryBenefit20Years)), h("span", { key: '04620169c1f1e0d9f06a6a009e041d596102676b', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.savedCosts20Years), "\u20AC")))), h("div", { key: 'a973dd649f27c0a4c465ce62e197e8c1c6923e7c', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'c804251249a2a826d54c6f1ff253b985e52ebf93', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: 'cc7ffe567ea55ae096f22574423629523186d849', style: {
+            : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '84c71945018078f4d1f22d94de5710b57a097b10', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '1ba73ff5a96617626b3a219bb4a3894cc6a82e2a', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: '3d328063a9999304de1a2cdc3010787dd08ebdac', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: 'a6e0a99b0532b1c8409e5f8ebfb04d5c0b7fc1d5', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '4e3de7a62055aed15d8214080da79d7c67a3504f', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: '50919661b3fa82dc99d93aef0bf4e46b85e683e6', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '669ecb3bff03f954c459c5864ebc790f7802d2c3', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '50064fa431dae13dfafd7a827b4265eb5ce66025', class: "flex items-center gap-2" }, h("span", { key: 'add8a4952f5f2992657a8723210697a2889e08ca', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: '1a4cf403f0cdc01e8aa195826165f66e74c2f460', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.costSavings), " \u20AC/", t
+            .solarSystemForm.year)), h("div", { key: 'fadf1e4394b0734ae14d4568db8f47b286b00eed', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '69c5b3bfa131e35b1760b854e0adcddc4cd7513e', class: "flex items-center gap-2" }, h("span", { key: '826a2b7a6c1959626ca195b66893e7725582d666', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: 'cfbc1063b55c815f6ae89a48c6b8239ecfbcbb5d', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.compensation20Years), " \u20AC")), h("div", { key: 'fa740700dbc3a640c5adce3d28413b839000b840', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '095d543adc7d81fec92ebfcf35efd4122b1b6ef9', class: "flex items-center gap-2" }, h("span", { key: 'eac35fd6b6bb3778afadec2bfa93b7549a7db08a', class: "text-text-muted" }, t.solarSystemForm
+            .monetaryBenefit20Years)), h("span", { key: '82d2fdee254b0ff2bb6534dced8a43087f7f4269', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.savedCosts20Years), " \u20AC")))), h("div", { key: '96cc3aa5ed8fa4870a5fe54e1345b1abc6b69862', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '08f6274c8a655995b0a2061696bbeca324c81924', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: 'ed644026714f6962469ba290c8931e12d6b3afff', style: {
                 display: "grid",
-                gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
+                gridTemplateColumns: "repeat(auto-fit, minmax(1 00px, 1fr))",
                 gap: "1rem",
-            } }, h("div", { key: '2d484636c1b4d742ea2449ad9dd1c94dd396f324' }, h("label", { key: 'f668d8fd583b87ffc87fc878e90daf97d0065e34', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("input", { key: 'cf0954936ec766a5721be89c2a8dd1a21495e2da', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.nameError
+            } }, h("div", { key: '8d22c69472e58ad2fb2dbca427e5dd1bc2f207a8' }, h("label", { key: '3d975692c644c8e26ec1c0a03e12312adf6b0ede', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("input", { key: 'addb2114b79ddb98d2215b68214116ed2d64ad66', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.nameError
                 ? errorBorderStyle
                 : borderStyle, value: this.name, onInput: (e) => {
                 this.name =
                     e.target
                         .value;
                 this.validateForm();
-            }, placeholder: "Your name" }), this.nameError && (h("p", { key: 'e78085692549c91360110eec20dd03ed173030bd', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: 'd5fa2f82e546bbaa4516fb83cd91dfde556b7632' }, h("label", { key: '273f77ed86813e4de109a22b5064b0ca18ec7283', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '6ec96604898b4f1ff0e68c7b0e74e95c67e91a33', type: "email", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.emailError
+            }, placeholder: "Your name" }), this.nameError && (h("p", { key: '32dd68fc53f8694371c56a229fd075839d3e00d8', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: 'f58d1775fb32e5b0704cb635bdc563c4a2b2a9f1' }, h("label", { key: '87b853fd645e5dd16bcabfb9836a044441a56198', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '115b7a027cc5a77a7a70a1a8c8f4cb3c64c09d50', type: "email", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.emailError
                 ? errorBorderStyle
                 : borderStyle, value: this.email, onInput: (e) => {
                 this.email =
                     e.target
                         .value;
                 this.validateForm();
-            }, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: 'f8f2deb4849f570a3ad1fb57705a9dc8f625e285', class: "text-error text-sm mt-1" }, this.emailError))), h("div", { key: 'fd790363ec794d7de01a62a947c208301c760d1f' }, h("label", { key: 'e8f9181e7f09831d4dc9ca2416d36c52d775e086', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: '993cbdee6308406cef97bb37242f95d0692b92d3', type: "tel", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.phoneError
+            }, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '055f714dfa5ccf74d461c048cf14bcc4a4f1d2a0', class: "text-error text-sm mt-1" }, this.emailError))), h("div", { key: '9516dab3e8d312aafbded94676d377c950b5e34d' }, h("label", { key: 'd13fced3339f847cf792738c1469b45d0090c3e5', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: 'ab7df19168e831442fdb4368bc817f0985d8750a', type: "tel", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.phoneError
                 ? errorBorderStyle
                 : borderStyle, value: this.phone, onInput: (e) => {
                 this.phone =
                     e.target
                         .value;
                 this.validateForm();
-            }, placeholder: "+34 123 456 789" }), this.phoneError && (h("p", { key: 'b6f4e2fcc3408d8872786e0e73143afc47bc3340', class: "text-error text-sm mt-1" }, this.phoneError)))), h("div", { key: '23e5cfe888637f9ed46262ff36a935266fe11e1c', class: "flex flex-col items-center gap-4" }, h("button", { key: 'e8df6756b1e9c6881b239e992550600605201f15', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
+            }, placeholder: "+34 123 456 789" }), this.phoneError && (h("p", { key: '9eff09242097e92c1d9eec03df499a73b169664c', class: "text-error text-sm mt-1" }, this.phoneError)))), h("div", { key: '55990f0a38c24bd9a0d91df2760f81909a79696c', class: "flex flex-col items-center gap-4" }, h("button", { key: '09dfe384f03928294282cf973d3ccd9baf6d0a56', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
                 !this.email.trim() || !!this.nameError ||
                 !!this.emailError || !!this.phoneError ||
                 this.isSubmitting, class: `px-6 py-3 rounded-4xl transition-colors duration-200 flex items-center gap-2 ${this.isSubmitting
@@ -413,9 +436,9 @@ export class SolarSystemForm {
                 color: this.isSubmitting
                     ? "var(--color-text-muted)"
                     : "#ffffff",
-            } }, this.isSubmitting && (h("div", { key: 'd519b1d5f66bcc30b695e8ae10396a809710b112', class: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" })), this.isSubmitting
+            } }, this.isSubmitting && (h("div", { key: 'e5aad83a4c2f4838e303f9447b26db9a3094aa14', class: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" })), this.isSubmitting
             ? t.solarSystemForm.sending
-            : t.solarSystemForm.requestOfferButton), this.submitMessage && (h("div", { key: '33241fd401bd5ce53631573b04cc1a52a463f955', class: `text-sm px-4 py-2 rounded-4xl ${this.submitSuccess
+            : t.solarSystemForm.requestOfferButton), this.submitMessage && (h("div", { key: '72a6cfc9becc8f24a4aa2072c8706a5bcec0319e', class: `text-sm px-4 py-2 rounded-4xl ${this.submitSuccess
                 ? "bg-success/10 text-success border border-success/20"
                 : "bg-error/10 text-error border border-error/20"}` }, this.submitMessage)))))));
     }
@@ -551,6 +574,7 @@ export class SolarSystemForm {
             "electricCarChargingTime": {},
             "heatPump": {},
             "battery": {},
+            "batteryEnabled": {},
             "compensation20Years": {},
             "savedCosts20Years": {},
             "maxPanels": {},