blue-chestnut-solar-expert 0.0.67 → 0.0.68

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

@@ -1,596 +0,0 @@
-import { h } from "@stencil/core";
-import { DEFAULT_SOLAR_PANEL_TYPE } from "../../config";
-import { getLanguageStrings } from "../../utils/lang/general";
-import { state } from "../../store";
-import { generateElectricCarChargingHours, simulate } from "harmonia-sim";
-import { HEAT_PUMP_CONSUMPTION } from "../../constants";
-import { sendLeadToNexvoro } from "../../utils/api";
-export class SolarSystemForm {
-    systemConfigs = {};
-    polygons = [];
-    roofCanvas;
-    polygonCanvas;
-    householdConsumption = 4500;
-    consumptionProfile = "mostly_at_home";
-    electricityPrice = 0.3;
-    compensationRate = 0.07;
-    annualPriceIncrease = 2;
-    autonomy = 0;
-    costSavings = 0;
-    numberOfPanels = 5;
-    panelPeakPower = 0.4; // kW per panel
-    name = "";
-    email = "";
-    phone = "";
-    nameError = "";
-    emailError = "";
-    phoneError = "";
-    electricCar = false;
-    electricCarChargingTime = "day";
-    heatPump = 0;
-    battery = 0;
-    batteryEnabled = false;
-    compensation20Years = 0;
-    savedCosts20Years = 0;
-    maxPanels = 5;
-    kmDrivenPerYear = 10000;
-    totalEnergyConsumption = 4500;
-    totalEnergyProduction = 0;
-    isSubmitting = false;
-    submitMessage = "";
-    submitSuccess = false;
-    updateSystemConfigs() {
-        if (Object.keys(this.systemConfigs).length === 0) {
-            this.numberOfPanels = 0;
-            this.maxPanels = 0;
-            return;
-        }
-        this.numberOfPanels = Object.keys(this.systemConfigs).reduce((acc, curr) => acc + this.systemConfigs[curr].numberOfPanels, 0);
-        this.maxPanels = Object.keys(this.systemConfigs).reduce((acc, curr) => acc + this.systemConfigs[curr].numberOfPanels, 0);
-        this.panelPeakPower = Object.entries(this.systemConfigs)[0][1][0]
-            ?.panel.kWattPeak ?? 0.44;
-        this.recalculate();
-    }
-    formatEuropeanNumber(num, decimals = 2) {
-        const fixed = num.toFixed(decimals);
-        const [integerPart, decimalPart] = fixed.split(".");
-        // Add dots as thousands separators
-        const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
-        // Join with comma as decimal separator
-        return decimalPart
-            ? `${formattedInteger},${decimalPart}`
-            : formattedInteger;
-    }
-    recalculate() {
-        const currentSystemConfigs = {};
-        let totalNumberOfPanels = 0;
-        for (const [key, value] of Object.entries(this.systemConfigs)) {
-            if (totalNumberOfPanels >= this.numberOfPanels) {
-                break;
-            }
-            if (value.numberOfPanels + totalNumberOfPanels > this.numberOfPanels) {
-                currentSystemConfigs[key] = {
-                    ...value,
-                    numberOfPanels: this.numberOfPanels - totalNumberOfPanels,
-                };
-                totalNumberOfPanels = this.numberOfPanels;
-            }
-            else {
-                currentSystemConfigs[key] = value;
-                totalNumberOfPanels += value.numberOfPanels;
-            }
-        }
-        const simulationConfig = {
-            general: {
-                simulationYears: 20,
-            },
-            householdConsumption: {
-                consumptionProfile: this.consumptionProfile,
-                winterConsumptionFactor: 1.4,
-                summerConsumptionFactor: 0.6,
-                averageConsumption: this.householdConsumption / 365,
-            },
-            electricityPrice: {
-                purchase: this.electricityPrice,
-                sell: this.compensationRate,
-                increase: this.annualPriceIncrease / 100,
-            },
-            solarSystems: currentSystemConfigs,
-            batteryKWh: this.battery,
-            solarRadiation: {
-                winterFactor: 0.2,
-                summerFactor: 0.6,
-            },
-            heatPump: {
-                m2: this.heatPump,
-                consumptionPerM2: HEAT_PUMP_CONSUMPTION / 365,
-            },
-            electricCar: this.electricCar
-                ? {
-                    averageKilometersPerDay: this.kmDrivenPerYear / 365,
-                    consumptionkWhPer100km: 20,
-                    batteryKWh: 80,
-                    chargingHours: this.electricCarChargingTime === "day"
-                        ? generateElectricCarChargingHours(6, 18)
-                        : generateElectricCarChargingHours(18, 6),
-                }
-                : undefined,
-        };
-        const result = simulate(simulationConfig);
-        this.compensation20Years = result.compensationPerDay * 365 * 20;
-        this.savedCosts20Years = result.byYearSavedCosts.reduce((acc, curr) => acc + curr, 0) + this.compensation20Years;
-        this.costSavings = result.byYearSavedCosts[0];
-        this.autonomy = result.autonomy * 100;
-        this.totalEnergyConsumption = result.totalEnergyConsumptionDay * 365;
-        // Calculate total energy production based on compensation and rate
-        this.totalEnergyProduction = result.totalEnergyProduction * 365;
-    }
-    componentWillLoad() {
-        this.updateSystemConfigs();
-    }
-    validateForm() {
-        let isValid = true;
-        const t = getLanguageStrings(state.settings.language);
-        // Validate name
-        if (!this.name.trim()) {
-            this.nameError = t.solarSystemForm.nameError;
-            isValid = false;
-        }
-        else {
-            this.nameError = "";
-        }
-        // Validate email
-        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-        if (!this.email.trim()) {
-            this.emailError = t.solarSystemForm.emailError;
-            isValid = false;
-        }
-        else if (!emailRegex.test(this.email)) {
-            this.emailError = t.solarSystemForm.validEmailError;
-            isValid = false;
-        }
-        else {
-            this.emailError = "";
-        }
-        // Validate phone (optional)
-        const phoneRegex = /^[\+]?[1-9][\d]{0,15}$/;
-        if (this.phone.trim() &&
-            !phoneRegex.test(this.phone.replace(/[\s\-\(\)]/g, ""))) {
-            this.phoneError = t.solarSystemForm.phoneError;
-            isValid = false;
-        }
-        else {
-            this.phoneError = "";
-        }
-        return isValid;
-    }
-    async handleRequestOffer() {
-        if (!this.validateForm()) {
-            return;
-        }
-        this.isSubmitting = true;
-        this.submitMessage = "";
-        this.submitSuccess = false;
-        const t = getLanguageStrings(state.settings.language);
-        try {
-            const leadData = {
-                location: {
-                    name: state.location,
-                    latitude: state.latitude,
-                    longitude: state.longitude,
-                },
-                systemConfig: {
-                    maxNumberOfPanels: this.maxPanels,
-                    panelPeakPower: this.panelPeakPower,
-                    polygons: this.polygons,
-                    solarSystems: this.systemConfigs,
-                    electricityPrice: this.electricityPrice,
-                    compensationRate: this.compensationRate,
-                    annualPriceIncrease: this.annualPriceIncrease,
-                },
-                client: {
-                    name: this.name,
-                    email: this.email,
-                    phone: this.phone,
-                    consumption: this.householdConsumption,
-                    consumptionProfile: this.consumptionProfile,
-                    hasBattery: this.batteryEnabled,
-                    battery: this.battery,
-                    hasHeatPump: this.heatPump > 0,
-                    heatPumpM2: this.heatPump,
-                    hasElectricCar: this.electricCar,
-                    electricCarChargingTime: this.electricCarChargingTime,
-                    electricCarKmPerYear: this.kmDrivenPerYear,
-                },
-                images: {
-                    roof: this.roofCanvas.toDataURL(),
-                    polygon: this.polygonCanvas.toDataURL(),
-                },
-                results: {
-                    autonomy: this.autonomy,
-                    costSavings: this.costSavings,
-                    compensation20Years: this.compensation20Years,
-                    savedCosts20Years: this.savedCosts20Years,
-                    totalEnergyConsumption: this.totalEnergyConsumption,
-                },
-            };
-            console.log("leadData", leadData);
-            const result = await sendLeadToNexvoro(leadData);
-            this.submitSuccess = result.success;
-            if (result.success) {
-                console.log("Lead successfully sent to Nexvoro", result);
-                this.submitMessage = t.solarSystemForm.leadSubmitted;
-                // Optionally reset form or show success message
-            }
-            else {
-                console.error("Failed to send lead to Nexvoro:", result.message);
-                this.submitMessage = t.solarSystemForm.leadError;
-            }
-        }
-        catch (error) {
-            console.error("Error in handleRequestOffer:", error);
-            this.submitSuccess = false;
-            this.submitMessage = error instanceof Error
-                ? error.message
-                : "An unexpected error occurred";
-        }
-        finally {
-            this.isSubmitting = false;
-        }
-    }
-    isIOS() {
-        return state.isIOS;
-    }
-    render() {
-        const t = getLanguageStrings(state.settings.language);
-        // Reusable style objects
-        const borderStyle = { border: "1px solid var(--color-border)" };
-        const errorBorderStyle = { border: "1px solid var(--color-error)" };
-        return (h("div", { key: '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: '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
-                        .value);
-                    if (value >= 1 &&
-                        value <=
-                            this.maxPanels) {
-                        this.numberOfPanels =
-                            value;
-                        this.recalculate();
-                    }
-                } }))), !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: '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: '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: '26c2fdbcb3646323157dfa6f9f66d6b8ca924c72', value: "mostly_at_home", selected: this.consumptionProfile ===
-                "mostly_at_home" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAtHome), h("option", { key: 'f3b9527d607657efc4ff75d93576fd765aa97975', value: "mostly_away", selected: this.consumptionProfile ===
-                "mostly_away" }, t.solarSystemForm.consumptionProfiles
-            .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: 'f73944ac3cd52ab5ac7358d8dfd520720ad43c1b', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .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) => {
-                    let value = parseInt(e.target
-                        .value);
-                    if (isNaN(value)) {
-                        value = 0;
-                    }
-                    if (value >= 0 &&
-                        value <= 300) {
-                        this.heatPump =
-                            value;
-                        this.recalculate();
-                    }
-                } }), h("span", { class: "text-sm text-text-muted" }, "m\u00B2")))
-            : (h("input", { type: "range", min: "10", max: "300", step: "10", class: "input-slider custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.heatPump, onInput: (e) => {
-                    this.heatPump =
-                        parseInt(e.target
-                            .value);
-                    this.recalculate();
-                } }))))), 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: 'a148ffb1488169ef9e383c5483145f3163c38172', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .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: '7bedc4d1e43fb5e10f04a4ae2b91abf10c56da2c', class: "text-sm text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .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: '544ae8957ab71cdfd3ad438031d5b3235a321f56', value: "day", selected: this
-                .electricCarChargingTime ===
-                "day" }, t.solarSystemForm
-            .additionalComponents
-            .chargingTimeDay), h("option", { key: '04d71d6537186ecda58784b3f70e357a3c36f85f', value: "night", selected: this
-                .electricCarChargingTime ===
-                "night" }, t.solarSystemForm
-            .additionalComponents
-            .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: '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;
-                this.battery =
-                    this.batteryEnabled
-                        ? 5
-                        : 0;
-                this.recalculate();
-            } }), h("label", { key: 'e40e64ca8bd60afddef286b7e4aa5cf369217eb2', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .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 (isNaN(value)) {
-                        value = 0;
-                    }
-                    if (value >= 0 &&
-                        value <= 20) {
-                        this.battery =
-                            value;
-                    }
-                    else {
-                        this.battery =
-                            20;
-                    }
-                    this.recalculate();
-                }, style: borderStyle }), h("span", { class: "text-sm text-text-muted" }, "kWh")))
-            : (h("input", { type: "range", min: "1", max: "20", step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.battery, onInput: (e) => {
-                    const value = parseInt(e.target
-                        .value);
-                    this.battery = value;
-                    this.batteryEnabled =
-                        value > 0;
-                    this.recalculate();
-                } }))))))), 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(100px, 1fr))",
-                gap: "1rem",
-            } }, 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: '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: '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: '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: '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(1 00px, 1fr))",
-                gap: "1rem",
-            } }, 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: '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: '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: '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
-                ? "bg-muted text-text-muted cursor-not-allowed"
-                : "bg-secondary hover:bg-tertiary"}`, style: {
-                color: this.isSubmitting
-                    ? "var(--color-text-muted)"
-                    : "#ffffff",
-            } }, this.isSubmitting && (h("div", { key: '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: '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)))))));
-    }
-    static get is() { return "solar-system-form"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../../output.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../../output.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "systemConfigs": {
-                "type": "unknown",
-                "attribute": "system-configs",
-                "mutable": false,
-                "complexType": {
-                    "original": "{ [id: string]: SolarSystem }",
-                    "resolved": "{ [id: string]: SolarSystem; }",
-                    "references": {
-                        "SolarSystem": {
-                            "location": "import",
-                            "path": "harmonia-sim",
-                            "id": "../../../harmonia/packages/harmonia-sim/dist/index.d.ts::SolarSystem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "{}"
-            },
-            "polygons": {
-                "type": "unknown",
-                "attribute": "polygons",
-                "mutable": false,
-                "complexType": {
-                    "original": "Polygon[]",
-                    "resolved": "Polygon[]",
-                    "references": {
-                        "Polygon": {
-                            "location": "import",
-                            "path": "harmonia-types",
-                            "id": "../../../harmonia/packages/harmonia-types/dist/index.d.ts::Polygon"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            },
-            "roofCanvas": {
-                "type": "unknown",
-                "attribute": "roof-canvas",
-                "mutable": false,
-                "complexType": {
-                    "original": "HTMLCanvasElement",
-                    "resolved": "HTMLCanvasElement",
-                    "references": {
-                        "HTMLCanvasElement": {
-                            "location": "global",
-                            "id": "global::HTMLCanvasElement"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "polygonCanvas": {
-                "type": "unknown",
-                "attribute": "polygon-canvas",
-                "mutable": false,
-                "complexType": {
-                    "original": "HTMLCanvasElement",
-                    "resolved": "HTMLCanvasElement",
-                    "references": {
-                        "HTMLCanvasElement": {
-                            "location": "global",
-                            "id": "global::HTMLCanvasElement"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "householdConsumption": {},
-            "consumptionProfile": {},
-            "electricityPrice": {},
-            "compensationRate": {},
-            "annualPriceIncrease": {},
-            "autonomy": {},
-            "costSavings": {},
-            "numberOfPanels": {},
-            "panelPeakPower": {},
-            "name": {},
-            "email": {},
-            "phone": {},
-            "nameError": {},
-            "emailError": {},
-            "phoneError": {},
-            "electricCar": {},
-            "electricCarChargingTime": {},
-            "heatPump": {},
-            "battery": {},
-            "batteryEnabled": {},
-            "compensation20Years": {},
-            "savedCosts20Years": {},
-            "maxPanels": {},
-            "kmDrivenPerYear": {},
-            "totalEnergyConsumption": {},
-            "totalEnergyProduction": {},
-            "isSubmitting": {},
-            "submitMessage": {},
-            "submitSuccess": {}
-        };
-    }
-    static get watchers() {
-        return [{
-                "propName": "systemConfigs",
-                "methodName": "updateSystemConfigs"
-            }];
-    }
-}
-//# sourceMappingURL=solar-system-form.js.map