blue-chestnut-solar-expert 0.0.54 → 0.0.56

package/dist/components/p-DJcc5dax.js

@@ -0,0 +1,1959 @@
+
+if (typeof global === "undefined") { var global = globalThis || window || self; }
+import { p as proxyCustomElement, H, h } from './index.js';
+import { g as getLanguageStrings, s as state } from './p-CRQ8cKpY.js';
+
+var dist$1 = {};
+
+var geometry = {};
+
+var gridMatch = {};
+
+var dist = {};
+
+var shapes = {};
+
+var polygon = {};
+
+var hasRequiredPolygon;
+
+function requirePolygon () {
+	if (hasRequiredPolygon) return polygon;
+	hasRequiredPolygon = 1;
+	Object.defineProperty(polygon, "__esModule", { value: true });
+	polygon.PolygonType = polygon.Point = void 0;
+	class Point {
+	    constructor(x, y) {
+	        this.x = x;
+	        this.y = y;
+	    }
+	    equals(other) {
+	        return this.x === other.x && this.y === other.y;
+	    }
+	}
+	polygon.Point = Point;
+	var PolygonType;
+	(function (PolygonType) {
+	    PolygonType["ROOF"] = "roof";
+	    PolygonType["OBSTRUCTION"] = "obstruction";
+	})(PolygonType || (polygon.PolygonType = PolygonType = {}));
+	
+	return polygon;
+}
+
+var utils$1 = {};
+
+var hasRequiredUtils$1;
+
+function requireUtils$1 () {
+	if (hasRequiredUtils$1) return utils$1;
+	hasRequiredUtils$1 = 1;
+	Object.defineProperty(utils$1, "__esModule", { value: true });
+	utils$1.isPointInPolygon = isPointInPolygon;
+	utils$1.isPointOnBorder = isPointOnBorder;
+	function isPointInPolygon(point, polygon) {
+	    if (!polygon.closed || polygon.points.length < 3)
+	        return false;
+	    const num_vertices = polygon.points.length;
+	    const x = point.x;
+	    const y = point.y;
+	    let inside = false;
+	    let p1 = polygon.points[0];
+	    let p2;
+	    for (let i = 1; i <= num_vertices; i++) {
+	        p2 = polygon.points[i % num_vertices];
+	        if (y > Math.min(p1.y, p2.y)) {
+	            if (y <= Math.max(p1.y, p2.y)) {
+	                if (x <= Math.max(p1.x, p2.x)) {
+	                    const x_intersection = ((y - p1.y) * (p2.x - p1.x)) / (p2.y - p1.y) + p1.x;
+	                    if (p1.x === p2.x || x <= x_intersection) {
+	                        inside = !inside;
+	                    }
+	                }
+	            }
+	        }
+	        p1 = p2;
+	    }
+	    return inside;
+	}
+	function isPointOnBorder(point, polygon) {
+	    if (!polygon.closed || polygon.points.length < 3)
+	        return false;
+	    const x = point.x;
+	    const y = point.y;
+	    for (let i = 0; i < polygon.points.length; i++) {
+	        const p1 = polygon.points[i];
+	        const p2 = polygon.points[(i + 1) % polygon.points.length];
+	        const distance = Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));
+	        const distanceToPoint = Math.sqrt(Math.pow(p1.x - x, 2) + Math.pow(p1.y - y, 2));
+	        const distanceFromPoint = Math.sqrt(Math.pow(p2.x - x, 2) + Math.pow(p2.y - y, 2));
+	        if (distance === distanceToPoint + distanceFromPoint) {
+	            return true;
+	        }
+	    }
+	    return false;
+	}
+	
+	return utils$1;
+}
+
+var hasRequiredShapes;
+
+function requireShapes () {
+	if (hasRequiredShapes) return shapes;
+	hasRequiredShapes = 1;
+	(function (exports) {
+		var __createBinding = (shapes && shapes.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    var desc = Object.getOwnPropertyDescriptor(m, k);
+		    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+		      desc = { enumerable: true, get: function() { return m[k]; } };
+		    }
+		    Object.defineProperty(o, k2, desc);
+		}) : (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    o[k2] = m[k];
+		}));
+		var __exportStar = (shapes && shapes.__exportStar) || function(m, exports) {
+		    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+		};
+		Object.defineProperty(exports, "__esModule", { value: true });
+		__exportStar(requirePolygon(), exports);
+		__exportStar(requireUtils$1(), exports);
+		
+	} (shapes));
+	return shapes;
+}
+
+var solar = {};
+
+var location = {};
+
+var hasRequiredLocation;
+
+function requireLocation () {
+	if (hasRequiredLocation) return location;
+	hasRequiredLocation = 1;
+	Object.defineProperty(location, "__esModule", { value: true });
+	
+	return location;
+}
+
+var solarPanel = {};
+
+var hasRequiredSolarPanel;
+
+function requireSolarPanel () {
+	if (hasRequiredSolarPanel) return solarPanel;
+	hasRequiredSolarPanel = 1;
+	Object.defineProperty(solarPanel, "__esModule", { value: true });
+	
+	return solarPanel;
+}
+
+var googleSolar = {};
+
+var hasRequiredGoogleSolar;
+
+function requireGoogleSolar () {
+	if (hasRequiredGoogleSolar) return googleSolar;
+	hasRequiredGoogleSolar = 1;
+	var __awaiter = (googleSolar && googleSolar.__awaiter) || function (thisArg, _arguments, P, generator) {
+	    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+	    return new (P || (P = Promise))(function (resolve, reject) {
+	        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+	        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+	        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+	        step((generator = generator.apply(thisArg, _arguments || [])).next());
+	    });
+	};
+	Object.defineProperty(googleSolar, "__esModule", { value: true });
+	googleSolar.findClosestBuilding = findClosestBuilding;
+	googleSolar.getDataLayerUrls = getDataLayerUrls;
+	function findClosestBuilding(location, apiKey) {
+	    return __awaiter(this, void 0, void 0, function* () {
+	        const args = {
+	            "location.latitude": location.lat().toFixed(5),
+	            "location.longitude": location.lng().toFixed(5),
+	        };
+	        const params = new URLSearchParams(Object.assign(Object.assign({}, args), { key: apiKey }));
+	        return fetch(`https://solar.googleapis.com/v1/buildingInsights:findClosest?${params}`).then((response) => __awaiter(this, void 0, void 0, function* () {
+	            const content = yield response.json();
+	            if (response.status != 200) {
+	                console.error("findClosestBuilding\n", content);
+	                throw content;
+	            }
+	            return content;
+	        }));
+	    });
+	}
+	function getDataLayerUrls(location, radiusMeters, apiKey) {
+	    return __awaiter(this, void 0, void 0, function* () {
+	        const args = {
+	            "location.latitude": location.latitude.toFixed(5),
+	            "location.longitude": location.longitude.toFixed(5),
+	            radius_meters: radiusMeters.toString(),
+	            required_quality: "LOW",
+	        };
+	        const params = new URLSearchParams(Object.assign(Object.assign({}, args), { key: apiKey }));
+	        return fetch(`https://solar.googleapis.com/v1/dataLayers:get?${params}`)
+	            .then((response) => __awaiter(this, void 0, void 0, function* () {
+	            const content = yield response.json();
+	            if (response.status != 200) {
+	                console.error("getDataLayerUrls\n", content);
+	                throw content;
+	            }
+	            return content;
+	        }));
+	    });
+	}
+	
+	return googleSolar;
+}
+
+var hasRequiredSolar;
+
+function requireSolar () {
+	if (hasRequiredSolar) return solar;
+	hasRequiredSolar = 1;
+	(function (exports) {
+		var __createBinding = (solar && solar.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    var desc = Object.getOwnPropertyDescriptor(m, k);
+		    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+		      desc = { enumerable: true, get: function() { return m[k]; } };
+		    }
+		    Object.defineProperty(o, k2, desc);
+		}) : (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    o[k2] = m[k];
+		}));
+		var __exportStar = (solar && solar.__exportStar) || function(m, exports) {
+		    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+		};
+		Object.defineProperty(exports, "__esModule", { value: true });
+		__exportStar(requireLocation(), exports);
+		__exportStar(requireSolarPanel(), exports);
+		__exportStar(requireGoogleSolar(), exports);
+		
+	} (solar));
+	return solar;
+}
+
+var heating = {};
+
+var hasRequiredHeating;
+
+function requireHeating () {
+	if (hasRequiredHeating) return heating;
+	hasRequiredHeating = 1;
+	Object.defineProperty(heating, "__esModule", { value: true });
+	
+	return heating;
+}
+
+var hasRequiredDist$1;
+
+function requireDist$1 () {
+	if (hasRequiredDist$1) return dist;
+	hasRequiredDist$1 = 1;
+	(function (exports) {
+		var __createBinding = (dist && dist.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    var desc = Object.getOwnPropertyDescriptor(m, k);
+		    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+		      desc = { enumerable: true, get: function() { return m[k]; } };
+		    }
+		    Object.defineProperty(o, k2, desc);
+		}) : (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    o[k2] = m[k];
+		}));
+		var __exportStar = (dist && dist.__exportStar) || function(m, exports) {
+		    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+		};
+		Object.defineProperty(exports, "__esModule", { value: true });
+		__exportStar(requireShapes(), exports);
+		__exportStar(requireSolar(), exports);
+		__exportStar(requireHeating(), exports);
+		
+	} (dist));
+	return dist;
+}
+
+var fitting = {};
+
+var utils = {};
+
+var solarApi = {};
+
+var hasRequiredSolarApi;
+
+function requireSolarApi () {
+	if (hasRequiredSolarApi) return solarApi;
+	hasRequiredSolarApi = 1;
+	var __awaiter = (solarApi && solarApi.__awaiter) || function (thisArg, _arguments, P, generator) {
+	    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+	    return new (P || (P = Promise))(function (resolve, reject) {
+	        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+	        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+	        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+	        step((generator = generator.apply(thisArg, _arguments || [])).next());
+	    });
+	};
+	Object.defineProperty(solarApi, "__esModule", { value: true });
+	solarApi.fetchSolarData = fetchSolarData;
+	solarApi.getPixelInMeters = getPixelInMeters;
+	function fetchSolarData(latitude, longitude, apiKey) {
+	    return __awaiter(this, void 0, void 0, function* () {
+	        if (latitude === 0 || longitude === 0) {
+	            return null;
+	        }
+	        try {
+	            const args = {
+	                "location.latitude": latitude.toFixed(5),
+	                "location.longitude": longitude.toFixed(5),
+	            };
+	            const params = new URLSearchParams(Object.assign(Object.assign({}, args), { key: apiKey }));
+	            const response = yield fetch(`https://solar.googleapis.com/v1/buildingInsights:findClosest?${params}`);
+	            if (!response.ok) {
+	                const errorText = yield response.text();
+	                throw new Error(`HTTP error! status: ${response.status}, body: ${errorText}`);
+	            }
+	            const contentType = response.headers.get("content-type");
+	            if (!contentType || !contentType.includes("application/json")) {
+	                const text = yield response.text();
+	                console.error("Unexpected content type:", contentType, "Response:", text);
+	                return null;
+	            }
+	            const rawData = yield response.json();
+	            return rawData;
+	        }
+	        catch (error) {
+	            console.error("Error fetching solar data:", error);
+	            if (error instanceof TypeError &&
+	                error.message === "Failed to fetch") {
+	                throw new Error("Unable to connect to the solar data API.");
+	            }
+	            throw error;
+	        }
+	    });
+	}
+	function getPixelInMeters(rgbTiff) {
+	    const latDiff = rgbTiff.bounds.north - rgbTiff.bounds.south;
+	    const pixelHeight = rgbTiff.height;
+	    const pixelInMeters = latDiff * 111320 / pixelHeight;
+	    return pixelInMeters;
+	}
+	
+	return solarApi;
+}
+
+var hasRequiredUtils;
+
+function requireUtils () {
+	if (hasRequiredUtils) return utils;
+	hasRequiredUtils = 1;
+	(function (exports) {
+		var __createBinding = (utils && utils.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    var desc = Object.getOwnPropertyDescriptor(m, k);
+		    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+		      desc = { enumerable: true, get: function() { return m[k]; } };
+		    }
+		    Object.defineProperty(o, k2, desc);
+		}) : (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    o[k2] = m[k];
+		}));
+		var __exportStar = (utils && utils.__exportStar) || function(m, exports) {
+		    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+		};
+		Object.defineProperty(exports, "__esModule", { value: true });
+		exports.latLngToPixel = latLngToPixel;
+		const harmonia_types_1 = requireDist$1();
+		__exportStar(/*@__PURE__*/ requireSolarApi(), exports);
+		function latLngToPixel(bounds, canvas, latLng) {
+		    const ctx = canvas.getContext("2d");
+		    if (!ctx) {
+		        throw new Error("Canvas context not found");
+		    }
+		    const latToPixel = (lat) => {
+		        return canvas.height *
+		            (1 - (lat - bounds.south) / (bounds.north - bounds.south));
+		    };
+		    const lngToPixel = (lng) => {
+		        return canvas.width * (lng - bounds.west) / (bounds.east - bounds.west);
+		    };
+		    return new harmonia_types_1.Point(lngToPixel(latLng.longitude), latToPixel(latLng.latitude));
+		}
+		
+	} (utils));
+	return utils;
+}
+
+var hasRequiredFitting;
+
+function requireFitting () {
+	if (hasRequiredFitting) return fitting;
+	hasRequiredFitting = 1;
+	Object.defineProperty(fitting, "__esModule", { value: true });
+	fitting.projectPoint = projectPoint;
+	fitting.projectPolygon = projectPolygon;
+	fitting.intersects = intersects;
+	fitting.offsetPolygon = offsetPolygon;
+	fitting.getBestFittingRoofSegment = getBestFittingRoofSegment;
+	const harmonia_types_1 = requireDist$1();
+	const utils_1 = /*@__PURE__*/ requireUtils();
+	function projectPoint(point, azimuth) {
+	    const angle = azimuth * (Math.PI / 180);
+	    const x = point.x * Math.cos(angle) - point.y * Math.sin(angle);
+	    const y = point.x * Math.sin(angle) + point.y * Math.cos(angle);
+	    return new harmonia_types_1.Point(x, y);
+	}
+	function projectPolygon(polygon, azimuth) {
+	    return {
+	        points: polygon.points.map((point) => projectPoint(point, azimuth)),
+	        type: polygon.type,
+	        closed: polygon.closed,
+	        id: polygon.id,
+	    };
+	}
+	function intersects(line1, line2) {
+	    const p1 = line1.start;
+	    const p2 = line1.end;
+	    const p3 = line2.start;
+	    const p4 = line2.end;
+	    if (p1.equals(p3) ||
+	        p1.equals(p4) ||
+	        p2.equals(p3) ||
+	        p2.equals(p4)) {
+	        return false;
+	    }
+	    const d1 = (p4.x - p3.x) * (p1.y - p3.y) - (p4.y - p3.y) * (p1.x - p3.x);
+	    const d2 = (p4.x - p3.x) * (p2.y - p3.y) - (p4.y - p3.y) * (p2.x - p3.x);
+	    const d3 = (p2.x - p1.x) * (p3.y - p1.y) - (p2.y - p1.y) * (p3.x - p1.x);
+	    const d4 = (p2.x - p1.x) * (p4.y - p1.y) - (p2.y - p1.y) * (p4.x - p1.x);
+	    return (d1 * d2 < 0) && (d3 * d4 < 0);
+	}
+	function offsetPolygon(polygon, offset) {
+	    if (polygon.points.length === 0) {
+	        return { polygon: polygon, offset: { x: 0, y: 0 } };
+	    }
+	    let offsetX = 0;
+	    let offsetY = 0;
+	    if (!offset) {
+	        const minX = Math.min(...polygon.points.map((point) => point.x));
+	        const minY = Math.min(...polygon.points.map((point) => point.y));
+	        const maxX = Math.max(...polygon.points.map((point) => point.x));
+	        const maxY = Math.max(...polygon.points.map((point) => point.y));
+	        offsetX = minX + (maxX - minX) / 2;
+	        offsetY = minY + (maxY - minY) / 2;
+	    }
+	    else {
+	        offsetX = offset.x;
+	        offsetY = offset.y;
+	    }
+	    const newPoints = polygon.points.map((point) => new harmonia_types_1.Point(point.x - offsetX, point.y - offsetY));
+	    return {
+	        polygon: Object.assign(Object.assign({}, polygon), { points: newPoints }),
+	        offset: { x: offsetX, y: offsetY },
+	    };
+	}
+	function getBestFittingRoofSegment(roof, roofSegmentStats, bounds, canvas) {
+	    const polygonBounds = {
+	        minX: Math.min(...roof.points.map((p) => p.x)),
+	        maxX: Math.max(...roof.points.map((p) => p.x)),
+	        minY: Math.min(...roof.points.map((p) => p.y)),
+	        maxY: Math.max(...roof.points.map((p) => p.y)),
+	    };
+	    let bestSegment = null;
+	    let bestIoU = 0;
+	    for (const segment of roofSegmentStats) {
+	        const sw = (0, utils_1.latLngToPixel)(bounds, canvas, {
+	            latitude: segment.boundingBox.sw.latitude,
+	            longitude: segment.boundingBox.sw.longitude,
+	        });
+	        const ne = (0, utils_1.latLngToPixel)(bounds, canvas, {
+	            latitude: segment.boundingBox.ne.latitude,
+	            longitude: segment.boundingBox.ne.longitude,
+	        });
+	        const segmentBounds = {
+	            minX: sw.x,
+	            maxX: ne.x,
+	            minY: ne.y,
+	            maxY: sw.y,
+	        };
+	        const interLeft = Math.max(polygonBounds.minX, segmentBounds.minX);
+	        const interRight = Math.min(polygonBounds.maxX, segmentBounds.maxX);
+	        const interTop = Math.max(polygonBounds.minY, segmentBounds.minY);
+	        const interBottom = Math.min(polygonBounds.maxY, segmentBounds.maxY);
+	        const interWidth = interRight - interLeft;
+	        const interHeight = interBottom - interTop;
+	        let intersectionArea = 0;
+	        if (interWidth > 0 && interHeight > 0) {
+	            intersectionArea = interWidth * interHeight;
+	        }
+	        const polygonArea = (polygonBounds.maxX - polygonBounds.minX) *
+	            (polygonBounds.maxY - polygonBounds.minY);
+	        const segmentArea = (segmentBounds.maxX - segmentBounds.minX) *
+	            (segmentBounds.maxY - segmentBounds.minY);
+	        const unionArea = polygonArea + segmentArea - intersectionArea;
+	        const iou = unionArea > 0 ? intersectionArea / unionArea : 0;
+	        if (iou > bestIoU) {
+	            bestIoU = iou;
+	            bestSegment = segment;
+	        }
+	    }
+	    return bestSegment;
+	}
+	
+	return fitting;
+}
+
+var hasRequiredGridMatch;
+
+function requireGridMatch () {
+	if (hasRequiredGridMatch) return gridMatch;
+	hasRequiredGridMatch = 1;
+	Object.defineProperty(gridMatch, "__esModule", { value: true });
+	gridMatch.generateGrid = generateGrid;
+	gridMatch.solarPanelInObstacle = solarPanelInObstacle;
+	gridMatch.solarPanelInPolygon = solarPanelInPolygon;
+	gridMatch.isPanelObstructed = isPanelObstructed;
+	gridMatch.getSolarPanelsInPolygon = getSolarPanelsInPolygon;
+	gridMatch.getOptimalSolarPosition = getOptimalSolarPosition;
+	gridMatch.insetPolygon = insetPolygon;
+	gridMatch.getOptimalSolarPositionFully = getOptimalSolarPositionFully;
+	const harmonia_types_1 = requireDist$1();
+	const fitting_1 = /*@__PURE__*/ requireFitting();
+	function generateGrid(minMax, solarPanel, horizontal, anker, rowSpacing, columnSpacing) {
+	    const grid = [];
+	    const width = horizontal ? solarPanel.heightMeters : solarPanel.widthMeters;
+	    const widthCount = Math.ceil((minMax.maxX - minMax.minX) / width);
+	    const height = horizontal
+	        ? solarPanel.widthMeters
+	        : solarPanel.heightMeters;
+	    const heightCount = Math.ceil((minMax.maxY - minMax.minY) / height);
+	    const widthOffset = width / 2;
+	    const heightOffset = height / 2;
+	    const startX = anker.x -
+	        (Math.ceil((anker.x - minMax.minX) / width) * width);
+	    const startY = anker.y -
+	        (Math.ceil((anker.y - minMax.minY) / height) * height);
+	    for (let i = 0; i < heightCount; i++) {
+	        const row = [];
+	        for (let j = 0; j < widthCount; j++) {
+	            const x = startX + j * width + j * columnSpacing + widthOffset;
+	            const y = startY + i * height + i * rowSpacing + heightOffset;
+	            const positionedSolarPanel = {
+	                panel: solarPanel,
+	                pixelPosition: new harmonia_types_1.Point(x, y),
+	                horizontal: horizontal,
+	            };
+	            row.push(positionedSolarPanel);
+	        }
+	        grid.push(row);
+	    }
+	    return grid;
+	}
+	function getSolarPanelLines(positionedSolarPanel, horizontal) {
+	    const width = horizontal
+	        ? positionedSolarPanel.panel.heightMeters
+	        : positionedSolarPanel.panel.widthMeters;
+	    const height = horizontal
+	        ? positionedSolarPanel.panel.widthMeters
+	        : positionedSolarPanel.panel.heightMeters;
+	    const p1 = new harmonia_types_1.Point(positionedSolarPanel.pixelPosition.x - width / 2, positionedSolarPanel.pixelPosition.y - height / 2);
+	    const p2 = new harmonia_types_1.Point(positionedSolarPanel.pixelPosition.x - width / 2, positionedSolarPanel.pixelPosition.y + height / 2);
+	    const p3 = new harmonia_types_1.Point(positionedSolarPanel.pixelPosition.x + width / 2, positionedSolarPanel.pixelPosition.y + height / 2);
+	    const p4 = new harmonia_types_1.Point(positionedSolarPanel.pixelPosition.x + width / 2, positionedSolarPanel.pixelPosition.y - height / 2);
+	    const lines = [
+	        {
+	            start: p1,
+	            end: p2,
+	        },
+	        {
+	            start: p2,
+	            end: p3,
+	        },
+	        {
+	            start: p3,
+	            end: p4,
+	        },
+	        {
+	            start: p4,
+	            end: p1,
+	        },
+	    ];
+	    return lines;
+	}
+	function solarPanelInObstacle(positionedSolarPanel, obstacle, horizontal) {
+	    const lines = getSolarPanelLines(positionedSolarPanel, horizontal);
+	    if ((0, harmonia_types_1.isPointInPolygon)(positionedSolarPanel.pixelPosition, obstacle)) {
+	        return true;
+	    }
+	    for (let i = 0; i < obstacle.points.length; i++) {
+	        const point = obstacle.points[i];
+	        const nextPoint = obstacle.points[(i + 1) % obstacle.points.length];
+	        const border = {
+	            start: point,
+	            end: nextPoint,
+	        };
+	        for (const line of lines) {
+	            if ((0, fitting_1.intersects)(line, border)) {
+	                return true;
+	            }
+	        }
+	    }
+	    return false;
+	}
+	function solarPanelInPolygon(positionedSolarPanel, polygon, horizontal) {
+	    const lines = getSolarPanelLines(positionedSolarPanel, horizontal);
+	    for (let i = 0; i < polygon.points.length; i++) {
+	        const point = polygon.points[i];
+	        const nextPoint = polygon.points[(i + 1) % polygon.points.length];
+	        const border = {
+	            start: point,
+	            end: nextPoint,
+	        };
+	        for (const line of lines) {
+	            if ((0, fitting_1.intersects)(line, border)) {
+	                return false;
+	            }
+	        }
+	    }
+	    return (0, harmonia_types_1.isPointInPolygon)(positionedSolarPanel.pixelPosition, polygon);
+	}
+	function isPanelObstructed(positionedSolarPanel, obstacles, horizontal) {
+	    for (const obstacle of obstacles) {
+	        if (solarPanelInObstacle(positionedSolarPanel, obstacle.polygon, horizontal)) {
+	            return true;
+	        }
+	    }
+	    return false;
+	}
+	function getSolarPanelsInPolygon(grid, polygon, horizontal, obstacles) {
+	    const solarPanels = [];
+	    for (const row of grid) {
+	        let newRow = [];
+	        for (const positionedSolarPanel of row) {
+	            const isObstructed = isPanelObstructed(positionedSolarPanel, obstacles, horizontal);
+	            if (solarPanelInPolygon(positionedSolarPanel, polygon, horizontal) && !isObstructed) {
+	                newRow.push(positionedSolarPanel);
+	            }
+	        }
+	        solarPanels.push(newRow);
+	    }
+	    return solarPanels;
+	}
+	function getOptimalSolarPosition(roof, obstacles, solarPanel, angle, columnSpacing, rowSpacing) {
+	    const minX = Math.min(...roof.points.map((p) => p.x));
+	    const maxX = Math.max(...roof.points.map((p) => p.x));
+	    const minY = Math.min(...roof.points.map((p) => p.y));
+	    const maxY = Math.max(...roof.points.map((p) => p.y));
+	    const minMax = {
+	        minX: minX,
+	        maxX: maxX,
+	        minY: minY,
+	        maxY: maxY,
+	    };
+	    Object.assign(Object.assign({}, solarPanel), { widthMeters: solarPanel.widthMeters * Math.cos(angle * Math.PI / 180), heightMeters: solarPanel.heightMeters });
+	    const verticalSolarPanel = Object.assign(Object.assign({}, solarPanel), { widthMeters: solarPanel.widthMeters, heightMeters: solarPanel.heightMeters * Math.cos(angle * Math.PI / 180) });
+	    let solarPanels = [];
+	    let numberOfPanels = 0;
+	    for (const point of roof.points) {
+	        for (const horizontal of [true]) {
+	            const grid = generateGrid(minMax, verticalSolarPanel, horizontal, point, rowSpacing, columnSpacing);
+	            const solarPanelsInPolygon = getSolarPanelsInPolygon(grid, roof, horizontal, obstacles);
+	            const numberOfPanelsInPolygon = solarPanelsInPolygon.reduce((acc, row) => acc + row.length, 0);
+	            if (numberOfPanelsInPolygon > numberOfPanels) {
+	                numberOfPanels = numberOfPanelsInPolygon;
+	                solarPanels = solarPanelsInPolygon;
+	            }
+	        }
+	        break;
+	    }
+	    return solarPanels;
+	}
+	function projectObstacles(obstacles, azimuth, offset, inset) {
+	    const result = [];
+	    for (const obstacle of obstacles) {
+	        const offsetObstacle = (0, fitting_1.offsetPolygon)(obstacle, offset);
+	        const projectedObstacle = (0, fitting_1.projectPolygon)(offsetObstacle.polygon, -azimuth);
+	        const insetObstacle = insetPolygon(projectedObstacle, -inset);
+	        const minX = Math.min(...insetObstacle.points.map((p) => p.x));
+	        const maxX = Math.max(...insetObstacle.points.map((p) => p.x));
+	        const minY = Math.min(...insetObstacle.points.map((p) => p.y));
+	        const maxY = Math.max(...insetObstacle.points.map((p) => p.y));
+	        const boundingBox = {
+	            minX: minX,
+	            maxX: maxX,
+	            minY: minY,
+	            maxY: maxY,
+	        };
+	        result.push({
+	            polygon: projectedObstacle,
+	            boundingBox: boundingBox,
+	        });
+	    }
+	    return result;
+	}
+	function isClockwise(points) {
+	    let sum = 0;
+	    for (let i = 0; i < points.length; i++) {
+	        const curr = points[i];
+	        const next = points[(i + 1) % points.length];
+	        sum += (next.x - curr.x) * (next.y + curr.y);
+	    }
+	    return sum > 0;
+	}
+	function insetPolygon(polygon, inset) {
+	    const points = polygon.points;
+	    const isClockwisePolygon = isClockwise(points);
+	    inset = inset * Math.sqrt(2) * (isClockwisePolygon ? -1 : 1);
+	    const insetPoints = [];
+	    for (let i = 0; i < points.length; i++) {
+	        const prev = points[(i - 1 + points.length) % points.length];
+	        const curr = points[i];
+	        const next = points[(i + 1) % points.length];
+	        const v1 = {
+	            x: curr.x - prev.x,
+	            y: curr.y - prev.y,
+	        };
+	        const v2 = {
+	            x: next.x - curr.x,
+	            y: next.y - curr.y,
+	        };
+	        const perp1 = {
+	            x: -v1.y,
+	            y: v1.x,
+	        };
+	        const perp2 = {
+	            x: -v2.y,
+	            y: v2.x,
+	        };
+	        const length1 = Math.sqrt(perp1.x * perp1.x + perp1.y * perp1.y);
+	        const length2 = Math.sqrt(perp2.x * perp2.x + perp2.y * perp2.y);
+	        perp1.x /= length1;
+	        perp1.y /= length1;
+	        perp2.x /= length2;
+	        perp2.y /= length2;
+	        const bisector = {
+	            x: perp1.x + perp2.x,
+	            y: perp1.y + perp2.y,
+	        };
+	        const bisectorLength = Math.sqrt(bisector.x * bisector.x + bisector.y * bisector.y);
+	        bisector.x /= bisectorLength;
+	        bisector.y /= bisectorLength;
+	        const insetPoint = new harmonia_types_1.Point(curr.x + bisector.x * inset, curr.y + bisector.y * inset);
+	        insetPoints.push(insetPoint);
+	    }
+	    return {
+	        points: insetPoints,
+	        type: polygon.type,
+	        closed: polygon.closed,
+	        id: polygon.id,
+	        area: polygon.area,
+	    };
+	}
+	function getOptimalSolarPositionFully(roof, obstacles, solarPanel, azimuth, inset, angle, columnSpacing, rowSpacing) {
+	    const insetRoof = insetPolygon(roof, inset);
+	    const offset = (0, fitting_1.offsetPolygon)(insetRoof);
+	    const projectedOffset = (0, fitting_1.projectPolygon)(offset.polygon, -azimuth);
+	    const projectedObstacles = projectObstacles(obstacles, azimuth, offset.offset, inset);
+	    const horizontalSolarPanels = getOptimalSolarPosition(projectedOffset, projectedObstacles, solarPanel, angle, columnSpacing, rowSpacing);
+	    const unprojectedPanels = [];
+	    for (const panel of horizontalSolarPanels.flat()) {
+	        const unprojectedPanel = (0, fitting_1.projectPoint)(panel.pixelPosition, azimuth);
+	        const offsetPosition = new harmonia_types_1.Point(unprojectedPanel.x + offset.offset.x, unprojectedPanel.y + offset.offset.y);
+	        unprojectedPanels.push({
+	            panel: panel.panel,
+	            pixelPosition: offsetPosition,
+	            horizontal: panel.horizontal,
+	        });
+	    }
+	    return unprojectedPanels;
+	}
+	
+	return gridMatch;
+}
+
+var hasRequiredGeometry;
+
+function requireGeometry () {
+	if (hasRequiredGeometry) return geometry;
+	hasRequiredGeometry = 1;
+	(function (exports) {
+		var __createBinding = (geometry && geometry.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    var desc = Object.getOwnPropertyDescriptor(m, k);
+		    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+		      desc = { enumerable: true, get: function() { return m[k]; } };
+		    }
+		    Object.defineProperty(o, k2, desc);
+		}) : (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    o[k2] = m[k];
+		}));
+		var __exportStar = (geometry && geometry.__exportStar) || function(m, exports) {
+		    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+		};
+		Object.defineProperty(exports, "__esModule", { value: true });
+		__exportStar(/*@__PURE__*/ requireGridMatch(), exports);
+		__exportStar(/*@__PURE__*/ requireFitting(), exports);
+		
+	} (geometry));
+	return geometry;
+}
+
+var simulation$1 = {};
+
+var simulation = {};
+
+var solarCurves = {};
+
+var hasRequiredSolarCurves;
+
+function requireSolarCurves () {
+	if (hasRequiredSolarCurves) return solarCurves;
+	hasRequiredSolarCurves = 1;
+	Object.defineProperty(solarCurves, "__esModule", { value: true });
+	solarCurves.SOLAR_RADIATION = solarCurves.CONSUMPTION_PROFILES = void 0;
+	solarCurves.getSolarRadiation = getSolarRadiation;
+	const SOLAR_RADIATION = [
+	    0,
+	    0,
+	    0,
+	    0,
+	    0,
+	    0,
+	    0,
+	    0.1,
+	    0.2,
+	    0.4,
+	    0.8,
+	    0.9,
+	    1,
+	    0.95,
+	    0.9,
+	    0.7,
+	    0.5,
+	    0.3,
+	    0.16,
+	    0.02,
+	    0,
+	    0,
+	    0,
+	    0,
+	];
+	solarCurves.SOLAR_RADIATION = SOLAR_RADIATION;
+	function getSolarRadiation(discountFactor) {
+	    return SOLAR_RADIATION.map((value) => value * discountFactor);
+	}
+	const CONSUMPTION_PROFILES = {
+	    mostly_at_home: [
+	        0.1,
+	        0.1,
+	        0.1,
+	        0.1,
+	        0.1,
+	        0.15,
+	        0.23,
+	        0.26,
+	        0.16,
+	        0.16,
+	        0.15,
+	        0.19,
+	        0.23,
+	        0.24,
+	        0.35,
+	        0.28,
+	        0.275,
+	        0.8,
+	        0.78,
+	        0.74,
+	        0.75,
+	        0.73,
+	        0.26,
+	        0.1,
+	    ],
+	    mostly_away: [
+	        0.1,
+	        0.1,
+	        0.1,
+	        0.1,
+	        0.1,
+	        0.15,
+	        0.29,
+	        0.32,
+	        0.25,
+	        0.15,
+	        0.12,
+	        0.14,
+	        0.15,
+	        0.12,
+	        0.16,
+	        0.21,
+	        0.285,
+	        1,
+	        0.81,
+	        0.77,
+	        0.79,
+	        0.73,
+	        0.26,
+	        0.1,
+	    ],
+	};
+	solarCurves.CONSUMPTION_PROFILES = CONSUMPTION_PROFILES;
+	
+	return solarCurves;
+}
+
+var types = {};
+
+var hasRequiredTypes;
+
+function requireTypes () {
+	if (hasRequiredTypes) return types;
+	hasRequiredTypes = 1;
+	Object.defineProperty(types, "__esModule", { value: true });
+	types.DEFAULT_GENERAL_SIMULATION_CONFIG = void 0;
+	types.DEFAULT_GENERAL_SIMULATION_CONFIG = {
+	    simulationYears: 25,
+	};
+	
+	return types;
+}
+
+var hasRequiredSimulation$1;
+
+function requireSimulation$1 () {
+	if (hasRequiredSimulation$1) return simulation;
+	hasRequiredSimulation$1 = 1;
+	Object.defineProperty(simulation, "__esModule", { value: true });
+	simulation.generateElectricCarChargingHours = generateElectricCarChargingHours;
+	simulation.simulateDay = simulateDay;
+	simulation.simulate = simulate;
+	const solarCurves_1 = /*@__PURE__*/ requireSolarCurves();
+	const types_1 = /*@__PURE__*/ requireTypes();
+	function generateElectricCarChargingHours(start, end) {
+	    let hours = new Array(24).fill(false);
+	    if (start < end) {
+	        for (let i = start; i <= end; i++) {
+	            hours[i] = true;
+	        }
+	    }
+	    else {
+	        for (let i = start; i <= 24; i++) {
+	            hours[i] = true;
+	        }
+	        for (let i = 0; i <= end; i++) {
+	            hours[i] = true;
+	        }
+	    }
+	    return hours;
+	}
+	function simulateDay(production, consumption, dailyConsumption, battery) {
+	    let batteryCharge = 0;
+	    let soldEnergy = 0;
+	    let energyUsageOfProduction = 0;
+	    for (let hour = 0; hour < production.length; hour++) {
+	        const energyDifference = production[hour] - consumption[hour];
+	        if (energyDifference > 0) {
+	            energyUsageOfProduction += consumption[hour];
+	            if (batteryCharge < battery &&
+	                batteryCharge + energyDifference <= battery) {
+	                batteryCharge = batteryCharge + energyDifference;
+	            }
+	            else if (batteryCharge < battery) {
+	                const batteryDifference = battery - batteryCharge;
+	                batteryCharge = battery;
+	                soldEnergy += energyDifference - batteryDifference;
+	            }
+	            else {
+	                soldEnergy += energyDifference;
+	            }
+	        }
+	        else {
+	            if (batteryCharge > 0) {
+	                if (batteryCharge >= -energyDifference) {
+	                    batteryCharge += energyDifference;
+	                    energyUsageOfProduction += consumption[hour];
+	                }
+	                else {
+	                    energyUsageOfProduction += production[hour] + batteryCharge;
+	                    batteryCharge = 0;
+	                }
+	            }
+	            else {
+	                energyUsageOfProduction += production[hour];
+	            }
+	        }
+	    }
+	    if (batteryCharge > 0) {
+	        soldEnergy += batteryCharge;
+	    }
+	    const autonomy = energyUsageOfProduction / dailyConsumption;
+	    return {
+	        autonomy: autonomy > 1 ? 1 : autonomy,
+	        soldEnergy,
+	        energyUsageOfProduction,
+	    };
+	}
+	function simulate(config) {
+	    const generalConfig = Object.assign(Object.assign({}, types_1.DEFAULT_GENERAL_SIMULATION_CONFIG), config.general);
+	    const consumption = solarCurves_1.CONSUMPTION_PROFILES[config.householdConsumption.consumptionProfile];
+	    const norm = consumption.reduce((acc, curr) => acc + curr, 0);
+	    let additionalConsumption = 0;
+	    if (config.heatPump) {
+	        additionalConsumption =
+	            (config.heatPump.m2 || 0) * config.heatPump.consumptionPerM2 || 0;
+	    }
+	    let electricCarConsumption = 0;
+	    let electricCarNorm = 1;
+	    let electricCarChargingHours = consumption.map((_) => false);
+	    if (config.electricCar) {
+	        electricCarChargingHours = config.electricCar.chargingHours;
+	        const dailyCarUsage = config.electricCar.averageKilometersPerDay / 100 *
+	            config.electricCar.consumptionkWhPer100km;
+	        electricCarConsumption = Math.min(dailyCarUsage, config.electricCar.batteryKWh);
+	        electricCarNorm = config.electricCar.chargingHours.reduce((acc, curr) => acc + (curr ? 1 : 0), 0);
+	        if (electricCarNorm === 0) {
+	            electricCarNorm = 1;
+	        }
+	    }
+	    let systemSize = 0;
+	    if (config.solarSystems) {
+	        systemSize = Object.values(config.solarSystems).reduce((acc, curr) => {
+	            return acc + curr.numberOfPanels * curr.panelType.kWattPeak;
+	        }, 0);
+	    }
+	    else if (config.solarSystem) {
+	        console.warn("solarSystem is deprecated, use solarSystems instead");
+	        systemSize = config.solarSystem.numberOfPanels *
+	            config.solarSystem.panelType.kWattPeak;
+	    }
+	    else {
+	        throw new Error("No solar system found");
+	    }
+	    const summerProduction = (0, solarCurves_1.getSolarRadiation)(config.solarRadiation.summerFactor * systemSize);
+	    const winterProduction = (0, solarCurves_1.getSolarRadiation)(config.solarRadiation.winterFactor * systemSize);
+	    const summerConsumptionWholeDay = config.householdConsumption.averageConsumption *
+	        config.householdConsumption.summerConsumptionFactor +
+	        additionalConsumption *
+	            config.householdConsumption.summerConsumptionFactor;
+	    const summerConsumptionDaily = consumption.map((c, i) => c / norm * summerConsumptionWholeDay +
+	        electricCarConsumption / electricCarNorm *
+	            (electricCarChargingHours[i] ? 1 : 0));
+	    const winterConsumptionWholeDay = config.householdConsumption.averageConsumption *
+	        config.householdConsumption.winterConsumptionFactor +
+	        additionalConsumption *
+	            config.householdConsumption.winterConsumptionFactor;
+	    const winterConsumptionDaily = consumption.map((c, i) => c / norm * winterConsumptionWholeDay +
+	        electricCarConsumption / electricCarNorm *
+	            (electricCarChargingHours[i] ? 1 : 0));
+	    const summerDay = simulateDay(summerProduction, summerConsumptionDaily, summerConsumptionWholeDay + electricCarConsumption, config.batteryKWh);
+	    const winterDay = simulateDay(winterProduction, winterConsumptionDaily, winterConsumptionWholeDay + electricCarConsumption, config.batteryKWh);
+	    let savedCostsByYear = [];
+	    const soldEnergy = (summerDay.soldEnergy + winterDay.soldEnergy) / 2;
+	    const ownConsumption = (summerDay.energyUsageOfProduction +
+	        winterDay.energyUsageOfProduction) / 2;
+	    let energyPrice = config.electricityPrice.purchase;
+	    for (let i = 0; i < generalConfig.simulationYears; i++) {
+	        const savedCostsThisYear = ownConsumption * energyPrice * 365;
+	        savedCostsByYear.push(savedCostsThisYear);
+	        energyPrice = (1 + config.electricityPrice.increase) * energyPrice;
+	    }
+	    return {
+	        autonomy: (summerDay.autonomy + winterDay.autonomy) / 2,
+	        compensationPerDay: soldEnergy * config.electricityPrice.sell,
+	        byYearSavedCosts: savedCostsByYear,
+	        totalEnergyConsumptionDay: (summerConsumptionWholeDay + winterConsumptionWholeDay) / 2 +
+	            electricCarConsumption,
+	    };
+	}
+	
+	return simulation;
+}
+
+var heatingSimulation = {};
+
+var heatingConstants = {};
+
+var hasRequiredHeatingConstants;
+
+function requireHeatingConstants () {
+	if (hasRequiredHeatingConstants) return heatingConstants;
+	hasRequiredHeatingConstants = 1;
+	Object.defineProperty(heatingConstants, "__esModule", { value: true });
+	heatingConstants.SYSTEM_EFFICIENCY = heatingConstants.INSULATION_FACTORS = heatingConstants.EQUIPMENT_COSTS = heatingConstants.DISTRIBUTION_EFFICIENCY = heatingConstants.DISTRIBUTION_COSTS = heatingConstants.CO2_EMISSIONS = heatingConstants.CLIMATE_DATA = void 0;
+	const CLIMATE_DATA = {
+	    "Zone 1": { heatingDegreeHours: 1200, coolingDegreeHours: 2800 },
+	    "Zone 2": { heatingDegreeHours: 1800, coolingDegreeHours: 2200 },
+	    "Zone 3": { heatingDegreeHours: 2400, coolingDegreeHours: 1800 },
+	    "Zone 4": { heatingDegreeHours: 3200, coolingDegreeHours: 1400 },
+	    "Zone 5": { heatingDegreeHours: 4200, coolingDegreeHours: 1000 },
+	    "Zone 6": { heatingDegreeHours: 5400, coolingDegreeHours: 600 },
+	    "Zone 7": { heatingDegreeHours: 6800, coolingDegreeHours: 300 },
+	    "Zone 8": { heatingDegreeHours: 8400, coolingDegreeHours: 100 },
+	};
+	heatingConstants.CLIMATE_DATA = CLIMATE_DATA;
+	const INSULATION_FACTORS = {
+	    poor: 1.4,
+	    fair: 1.2,
+	    good: 1.0,
+	    excellent: 0.8,
+	};
+	heatingConstants.INSULATION_FACTORS = INSULATION_FACTORS;
+	const CO2_EMISSIONS = {
+	    electricity: 0.855,
+	    gas: 11.7,
+	    oil: 22.4,
+	};
+	heatingConstants.CO2_EMISSIONS = CO2_EMISSIONS;
+	const SYSTEM_EFFICIENCY = {
+	    "heat-pump": { heating: 3.2, cooling: 16 },
+	    "electric": { heating: 1.0, cooling: 0 },
+	    "gas": { heating: 0.85, cooling: 0 },
+	    "oil": { heating: 0.8, cooling: 0 },
+	    "split-ac": { heating: 2.8, cooling: 14 },
+	    "central-ac": { heating: 0, cooling: 13 },
+	};
+	heatingConstants.SYSTEM_EFFICIENCY = SYSTEM_EFFICIENCY;
+	const DISTRIBUTION_EFFICIENCY = {
+	    "central-air": 0.85,
+	    "radiators": 0.9,
+	    "radiant-floor": 0.95,
+	    "radiant-ceiling": 0.92,
+	};
+	heatingConstants.DISTRIBUTION_EFFICIENCY = DISTRIBUTION_EFFICIENCY;
+	const EQUIPMENT_COSTS = {
+	    "heat-pump": { base: 8000, perSqFt: 3 },
+	    "electric": { base: 2000, perSqFt: 1 },
+	    "gas": { base: 4000, perSqFt: 2 },
+	    "oil": { base: 5000, perSqFt: 2.5 },
+	    "split-ac": { base: 6000, perSqFt: 2.5 },
+	    "central-ac": { base: 7000, perSqFt: 3 },
+	};
+	heatingConstants.EQUIPMENT_COSTS = EQUIPMENT_COSTS;
+	const DISTRIBUTION_COSTS = {
+	    "central-air": { base: 3000, perSqFt: 2 },
+	    "radiators": { base: 4000, perSqFt: 3 },
+	    "radiant-floor": { base: 8000, perSqFt: 6 },
+	    "radiant-ceiling": { base: 6000, perSqFt: 4 },
+	};
+	heatingConstants.DISTRIBUTION_COSTS = DISTRIBUTION_COSTS;
+	
+	return heatingConstants;
+}
+
+var hasRequiredHeatingSimulation;
+
+function requireHeatingSimulation () {
+	if (hasRequiredHeatingSimulation) return heatingSimulation;
+	hasRequiredHeatingSimulation = 1;
+	Object.defineProperty(heatingSimulation, "__esModule", { value: true });
+	heatingSimulation.houseSchema = heatingSimulation.locationSchema = void 0;
+	heatingSimulation.calculateHeatingSystemComparison = calculateHeatingSystemComparison;
+	heatingSimulation.getDefaultUtilityRates = getDefaultUtilityRates;
+	const heatingConstants_1 = /*@__PURE__*/ requireHeatingConstants();
+	function calculateHeatLoss(house, location) {
+	    const climateData = heatingConstants_1.CLIMATE_DATA["Zone 1"];
+	    const baseHeatLoss = house.size * 30;
+	    const insulationFactor = heatingConstants_1.INSULATION_FACTORS[house.insulationLevel];
+	    const sharedWallFactor = 1 - (house.sharedWalls * 0.1);
+	    return baseHeatLoss * insulationFactor * sharedWallFactor *
+	        ((climateData === null || climateData === void 0 ? void 0 : climateData.heatingDegreeHours) || 3000) / 3000;
+	}
+	function calculateCoolingLoad(house, location) {
+	    const climateData = heatingConstants_1.CLIMATE_DATA["Zone 1"];
+	    const baseCoolingLoad = house.size * 25;
+	    const insulationFactor = heatingConstants_1.INSULATION_FACTORS[house.insulationLevel];
+	    return baseCoolingLoad * insulationFactor *
+	        ((climateData === null || climateData === void 0 ? void 0 : climateData.coolingDegreeHours) || 1500) / 1500;
+	}
+	function calculateEnergyConsumption(heatLoss, coolingLoad, system, hours) {
+	    const systemEff = heatingConstants_1.SYSTEM_EFFICIENCY[system.type];
+	    const distEff = heatingConstants_1.DISTRIBUTION_EFFICIENCY[system.distribution];
+	    const heatingEnergy = (heatLoss * hours) /
+	        (systemEff.heating * distEff * 3412);
+	    const coolingEnergy = (coolingLoad * hours) /
+	        (systemEff.cooling * distEff * 3412);
+	    return { heating: heatingEnergy, cooling: coolingEnergy };
+	}
+	function calculateCosts(energy, system, rates) {
+	    let cost = 0;
+	    if (system.type === "heat-pump" || system.type === "electric" ||
+	        system.type === "split-ac" || system.type === "central-ac") {
+	        cost = (energy.heating + energy.cooling) * rates.electricity;
+	    }
+	    else if (system.type === "gas") {
+	        cost = (energy.heating * 3412 / 100000) * rates.gas +
+	            energy.cooling * rates.electricity;
+	    }
+	    else if (system.type === "oil") {
+	        cost = (energy.heating * 3412 / 138690) * rates.oil +
+	            energy.cooling * rates.electricity;
+	    }
+	    return cost;
+	}
+	function calculateCO2Emissions(energy, system) {
+	    let emissions = 0;
+	    if (system.type === "heat-pump" || system.type === "electric" ||
+	        system.type === "split-ac" || system.type === "central-ac") {
+	        emissions = (energy.heating + energy.cooling) *
+	            heatingConstants_1.CO2_EMISSIONS.electricity;
+	    }
+	    else if (system.type === "gas") {
+	        emissions = (energy.heating * 3412 / 100000) * heatingConstants_1.CO2_EMISSIONS.gas +
+	            energy.cooling * heatingConstants_1.CO2_EMISSIONS.electricity;
+	    }
+	    else if (system.type === "oil") {
+	        emissions = (energy.heating * 3412 / 138690) * heatingConstants_1.CO2_EMISSIONS.oil +
+	            energy.cooling * heatingConstants_1.CO2_EMISSIONS.electricity;
+	    }
+	    return emissions;
+	}
+	function calculateSystemCosts(system, house) {
+	    const equipmentCost = heatingConstants_1.EQUIPMENT_COSTS[system.type];
+	    const distributionCost = heatingConstants_1.DISTRIBUTION_COSTS[system.distribution];
+	    const equipment = equipmentCost.base + (equipmentCost.perSqFt * house.size);
+	    const distribution = distributionCost.base +
+	        (distributionCost.perSqFt * house.size);
+	    const installation = (equipment + distribution) * 0.3;
+	    return {
+	        equipment: equipment + distribution,
+	        installation,
+	        total: equipment + distribution + installation,
+	    };
+	}
+	function calculateHeatingSystemComparison(input) {
+	    const heatLoss = calculateHeatLoss(input.house);
+	    const coolingLoad = calculateCoolingLoad(input.house);
+	    const operatingHours = 2000;
+	    const currentEnergy = calculateEnergyConsumption(heatLoss, coolingLoad, input.currentSystem, operatingHours);
+	    const currentCost = calculateCosts(currentEnergy, input.currentSystem, input.utilityRates);
+	    const currentCO2 = calculateCO2Emissions(currentEnergy, input.currentSystem);
+	    const proposedEnergy = calculateEnergyConsumption(heatLoss, coolingLoad, input.proposedSystem, operatingHours);
+	    const proposedCost = calculateCosts(proposedEnergy, input.proposedSystem, input.utilityRates);
+	    const proposedCO2 = calculateCO2Emissions(proposedEnergy, input.proposedSystem);
+	    const systemCosts = calculateSystemCosts(input.proposedSystem, input.house);
+	    const totalCurrentEnergy = currentEnergy.heating + currentEnergy.cooling;
+	    const totalProposedEnergy = proposedEnergy.heating + proposedEnergy.cooling;
+	    const energySavings = totalCurrentEnergy - totalProposedEnergy;
+	    const costSavings = currentCost - proposedCost;
+	    const co2Savings = currentCO2 - proposedCO2;
+	    const paybackPeriod = costSavings > 0
+	        ? systemCosts.total / costSavings
+	        : Infinity;
+	    return {
+	        energySavings: {
+	            annual: energySavings,
+	            percentage: (energySavings / totalCurrentEnergy) * 100,
+	        },
+	        co2Savings: {
+	            annual: co2Savings,
+	            percentage: (co2Savings / currentCO2) * 100,
+	        },
+	        costSavings: {
+	            annual: costSavings,
+	            monthlyAverage: costSavings / 12,
+	            percentage: (costSavings / currentCost) * 100,
+	        },
+	        newSystemCosts: {
+	            equipment: systemCosts.equipment,
+	            installation: systemCosts.installation,
+	            total: systemCosts.total,
+	            paybackPeriod,
+	        },
+	        efficiency: {
+	            current: heatingConstants_1.SYSTEM_EFFICIENCY[input.currentSystem.type].heating,
+	            proposed: heatingConstants_1.SYSTEM_EFFICIENCY[input.proposedSystem.type].heating,
+	            improvement: ((heatingConstants_1.SYSTEM_EFFICIENCY[input.proposedSystem.type].heating -
+	                heatingConstants_1.SYSTEM_EFFICIENCY[input.currentSystem.type].heating) /
+	                heatingConstants_1.SYSTEM_EFFICIENCY[input.currentSystem.type].heating) * 100,
+	        },
+	    };
+	}
+	function getDefaultUtilityRates(location) {
+	    const stateRates = {
+	        "CA": { electricity: 0.28, gas: 1.15, oil: 3.20 },
+	        "NY": { electricity: 0.20, gas: 1.05, oil: 3.10 },
+	        "TX": { electricity: 0.12, gas: 0.95, oil: 2.90 },
+	        "FL": { electricity: 0.14, gas: 1.20, oil: 3.00 },
+	    };
+	    return stateRates[location.address] ||
+	        { electricity: 0.16, gas: 1.00, oil: 3.00 };
+	}
+	heatingSimulation.locationSchema = {
+	    city: (value) => value.length > 0 ? null : "City is required",
+	    state: (value) => value.length > 0 ? null : "State is required",
+	    climateZone: (value) => Object.keys(heatingConstants_1.CLIMATE_DATA).includes(value)
+	        ? null
+	        : "Invalid climate zone",
+	};
+	heatingSimulation.houseSchema = {
+	    size: (value) => value > 0 && value < 50000
+	        ? null
+	        : "House size must be between 1 and 50,000 sq ft",
+	    sharedWalls: (value) => value >= 0 && value <= 4
+	        ? null
+	        : "Shared walls must be between 0 and 4",
+	};
+	
+	return heatingSimulation;
+}
+
+var hasRequiredSimulation;
+
+function requireSimulation () {
+	if (hasRequiredSimulation) return simulation$1;
+	hasRequiredSimulation = 1;
+	(function (exports) {
+		var __createBinding = (simulation$1 && simulation$1.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    var desc = Object.getOwnPropertyDescriptor(m, k);
+		    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+		      desc = { enumerable: true, get: function() { return m[k]; } };
+		    }
+		    Object.defineProperty(o, k2, desc);
+		}) : (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    o[k2] = m[k];
+		}));
+		var __exportStar = (simulation$1 && simulation$1.__exportStar) || function(m, exports) {
+		    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+		};
+		Object.defineProperty(exports, "__esModule", { value: true });
+		__exportStar(/*@__PURE__*/ requireSimulation$1(), exports);
+		__exportStar(/*@__PURE__*/ requireTypes(), exports);
+		__exportStar(/*@__PURE__*/ requireHeatingSimulation(), exports);
+		
+	} (simulation$1));
+	return simulation$1;
+}
+
+var hasRequiredDist;
+
+function requireDist () {
+	if (hasRequiredDist) return dist$1;
+	hasRequiredDist = 1;
+	(function (exports) {
+		var __createBinding = (dist$1 && dist$1.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    var desc = Object.getOwnPropertyDescriptor(m, k);
+		    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+		      desc = { enumerable: true, get: function() { return m[k]; } };
+		    }
+		    Object.defineProperty(o, k2, desc);
+		}) : (function(o, m, k, k2) {
+		    if (k2 === undefined) k2 = k;
+		    o[k2] = m[k];
+		}));
+		var __exportStar = (dist$1 && dist$1.__exportStar) || function(m, exports) {
+		    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+		};
+		Object.defineProperty(exports, "__esModule", { value: true });
+		__exportStar(/*@__PURE__*/ requireGeometry(), exports);
+		__exportStar(/*@__PURE__*/ requireUtils(), exports);
+		__exportStar(/*@__PURE__*/ requireSimulation(), exports);
+		
+	} (dist$1));
+	return dist$1;
+}
+
+var distExports = /*@__PURE__*/ requireDist();
+
+const DEFAULT_SOLAR_EXPERT_CONFIG = {
+    openRoofColor: "#d6eeff",
+    closedRoofColor: "#ffffff",
+    openObstructionColor: "#f57242",
+    closedObstructionColor: "rgba(255, 132, 107, 0.8)",
+    roofPolygonFillColor: "rgba(92, 187, 255, 0.5)",
+    obstructionPolygonFillColor: "rgba(255, 132, 107, 0.5)",
+    roofPolygonHoverFillColor: "rgba(92, 187, 255, 0.8)",
+    obstructionPolygonHoverFillColor: "rgba(255, 132, 107, 0.8)",
+    roofPolygonSelectedFillColor: "rgba(92, 187, 255, 0.7)",
+    obstructionPolygonSelectedFillColor: "rgba(255, 132, 107, 0.7)",
+    highlightColor: "rgba(0, 89, 255, 1)",
+};
+const DEFAULT_SOLAR_PANEL_TYPE = {
+    widthMeters: 1.134,
+    heightMeters: 1.762,
+    kWattPeak: 0.455,
+    efficiency: 0.224,
+    price: 77.68,
+};
+const DEFAULT_COLOR_SCHEME = {
+    primary: "hsl(41 51% 90%)",
+    primaryForeground: "hsl(0 0% 0%)",
+    secondary: "hsl(28 100% 8%)",
+    secondaryForeground: "hsl(0 0% 100%)",
+    tertiary: "hsl(28 100% 29%)",
+    tertiaryForeground: "hsl(0 0% 100%)",
+    muted: "hsl(0 0% 100%)",
+    mutedForeground: "hsl(0 0% 0%)",
+    error: "hsl(0 100% 50%)",
+    errorForeground: "hsl(0 0% 100%)",
+    // Surface colors
+    surface: "hsl(0 0% 88%)", // gray-200
+    surfaceHover: "hsl(0 0% 82%)", // gray-300
+    surfaceActive: "hsl(0 0% 64%)", // gray-400
+    // Text colors
+    textMuted: "hsl(0 0% 45%)", // gray-600
+    textSecondary: "hsl(0 0% 55%)", // gray-500
+    textPlaceholder: "hsl(0 0% 73%)", // gray-400
+    // Border colors
+    border: "hsl(0 0% 82%)", // gray-300
+    borderLight: "hsl(0 0% 93%)", // gray-200
+    // Status colors
+    success: "hsl(142 76% 36%)", // green-600
+    info: "hsl(221 83% 53%)", // blue-500
+    // Interactive colors
+    hover: "hsl(0 0% 88%)", // gray-200
+    hoverDark: "hsl(28 100% 8%)", // darker secondary for hover
+    overlay: "rgba(0, 0, 0, 0.24)", // #0000003c
+    tooltip: "hsl(0 0% 13%)", // gray-800
+};
+
+const BORDER_INSET = 0;
+const HEAT_PUMP_CONSUMPTION = 46; // kWh per m² per year
+
+async function sendLeadToNexvoro(leadData) {
+    try {
+        const extradata = {
+            leadtype: "A-lead",
+            phase: "10 Anbahnung",
+            title: `${leadData.client.name}/solarExpert`,
+            extradata: leadData,
+        };
+        const formData = new FormData();
+        formData.append("md", "81.87.84.89.90.");
+        formData.append("token", "rdwetayarqzwtdsqystyraa");
+        formData.append("type", "new");
+        formData.append("data", "lead");
+        formData.append("values", JSON.stringify(extradata));
+        // Build the URL
+        const baseUrl = "https://workspace.nexvoro.cloud/exchange/extevent";
+        const url = baseUrl;
+        // Send the request with FormData to avoid CORS preflight
+        const response = await fetch(url, {
+            method: "POST",
+            body: formData,
+            // No custom headers to avoid preflight request
+        });
+        if (!response.ok) {
+            const errorText = await response.text();
+            console.error("Error sending lead to Nexvoro:", response.status, errorText);
+            throw new Error(`HTTP error! status: ${response.status}, body: ${errorText}`);
+        }
+        const result = await response.text();
+        console.log("result", result);
+        // Check if the response contains a lead ID (successful creation)
+        if (result.includes("ERROR")) {
+            return {
+                success: false,
+                message: "Lead not created",
+                leadId: result,
+            };
+        }
+        else {
+            return {
+                success: true,
+                message: "Lead submitted successfully",
+                leadId: undefined,
+            };
+        }
+    }
+    catch (error) {
+        console.error("Error sending lead to Nexvoro:", error);
+        return {
+            success: false,
+            message: error instanceof Error
+                ? error.message
+                : "Unknown error occurred",
+        };
+    }
+}
+
+const outputCss = "/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-100: oklch(93.6% 0.032 17.717);\n    --color-red-300: oklch(80.8% 0.114 19.571);\n    --color-red-700: oklch(50.5% 0.213 27.518);\n    --color-gray-400: oklch(70.7% 0.022 261.325);\n    --color-gray-800: oklch(27.8% 0.033 256.848);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-md: 28rem;\n    --container-2xl: 42rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --radius-lg: 0.5rem;\n    --radius-4xl: 2rem;\n    --animate-spin: spin 1s linear infinite;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-primary: hsl(41 51% 90%);\n    --color-primary-foreground: hsl(0 0% 0%);\n    --color-secondary: hsl(28 100% 8%);\n    --color-secondary-foreground: hsl(0 0% 100%);\n    --color-tertiary: hsl(28 100% 29%);\n    --color-tertiary-foreground: hsl(0 0% 100%);\n    --color-muted: hsl(0 0% 100%);\n    --color-muted-foreground: hsl(0 0% 0%);\n    --color-error: hsl(0 100% 50%);\n    --color-error-foreground: hsl(0 0% 100%);\n    --color-surface: hsl(0 0% 88%);\n    --color-surface-hover: hsl(0 0% 82%);\n    --color-surface-active: hsl(0 0% 64%);\n    --color-text-muted: hsl(0 0% 45%);\n    --color-text-secondary: hsl(0 0% 55%);\n    --color-text-placeholder: hsl(0 0% 73%);\n    --color-border: hsl(0 0% 82%);\n    --color-border-light: hsl(0 0% 93%);\n    --color-success: hsl(142 76% 36%);\n    --color-info: hsl(221 83% 53%);\n    --color-hover: hsl(0 0% 88%);\n    --color-hover-dark: hsl(28 100% 8%);\n    --color-overlay: rgba(0, 0, 0, 0.24);\n    --color-tooltip: hsl(0 0% 13%);\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-1 {\n    top: calc(var(--spacing) * 1);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .top-full {\n    top: 100%;\n  }\n  .bottom-full {\n    bottom: 100%;\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-1 {\n    left: calc(var(--spacing) * 1);\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%);\n  }\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-20 {\n    z-index: 20;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .m-auto {\n    margin: auto;\n  }\n  .mt-1 {\n    margin-top: calc(var(--spacing) * 1);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-6 {\n    margin-top: calc(var(--spacing) * 6);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(var(--spacing) * 6);\n  }\n  .block {\n    display: block;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .table {\n    display: table;\n  }\n  .h-0 {\n    height: calc(var(--spacing) * 0);\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-16 {\n    height: calc(var(--spacing) * 16);\n  }\n  .h-48 {\n    height: calc(var(--spacing) * 48);\n  }\n  .h-64 {\n    height: calc(var(--spacing) * 64);\n  }\n  .h-96 {\n    height: calc(var(--spacing) * 96);\n  }\n  .h-\\[400px\\] {\n    height: 400px;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .max-h-96 {\n    max-height: calc(var(--spacing) * 96);\n  }\n  .max-h-full {\n    max-height: 100%;\n  }\n  .w-0 {\n    width: calc(var(--spacing) * 0);\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-16 {\n    width: calc(var(--spacing) * 16);\n  }\n  .w-20 {\n    width: calc(var(--spacing) * 20);\n  }\n  .w-48 {\n    width: calc(var(--spacing) * 48);\n  }\n  .w-64 {\n    width: calc(var(--spacing) * 64);\n  }\n  .w-96 {\n    width: calc(var(--spacing) * 96);\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-2xl {\n    max-width: var(--container-2xl);\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-3 {\n    flex: 3;\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .-translate-y-1 {\n    --tw-translate-y: calc(var(--spacing) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n  .resize {\n    resize: both;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .grid-rows-2 {\n    grid-template-rows: repeat(2, minmax(0, 1fr));\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .items-stretch {\n    align-items: stretch;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .gap-0 {\n    gap: calc(var(--spacing) * 0);\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-4xl {\n    border-radius: var(--radius-4xl);\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .border-t-4 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 4px;\n  }\n  .border-r-4 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 4px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-b-4 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 4px;\n  }\n  .border-l-4 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 4px;\n  }\n  .border-border {\n    border-color: var(--color-border);\n  }\n  .border-current {\n    border-color: currentcolor;\n  }\n  .border-error {\n    border-color: var(--color-error);\n  }\n  .border-error\\/20 {\n    border-color: color-mix(in srgb, hsl(0 100% 50%) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-error) 20%, transparent);\n    }\n  }\n  .border-red-300 {\n    border-color: var(--color-red-300);\n  }\n  .border-secondary {\n    border-color: var(--color-secondary);\n  }\n  .border-secondary\\/20 {\n    border-color: color-mix(in srgb, hsl(28 100% 8%) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent);\n    }\n  }\n  .border-success {\n    border-color: var(--color-success);\n  }\n  .border-success\\/20 {\n    border-color: color-mix(in srgb, hsl(142 76% 36%) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-success) 20%, transparent);\n    }\n  }\n  .border-transparent {\n    border-color: transparent;\n  }\n  .border-t-gray-800 {\n    border-top-color: var(--color-gray-800);\n  }\n  .border-t-transparent {\n    border-top-color: transparent;\n  }\n  .border-b-gray-800 {\n    border-bottom-color: var(--color-gray-800);\n  }\n  .bg-black {\n    background-color: var(--color-black);\n  }\n  .bg-error {\n    background-color: var(--color-error);\n  }\n  .bg-error\\/10 {\n    background-color: color-mix(in srgb, hsl(0 100% 50%) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-error) 10%, transparent);\n    }\n  }\n  .bg-gray-400 {\n    background-color: var(--color-gray-400);\n  }\n  .bg-gray-800 {\n    background-color: var(--color-gray-800);\n  }\n  .bg-muted {\n    background-color: var(--color-muted);\n  }\n  .bg-overlay {\n    background-color: var(--color-overlay);\n  }\n  .bg-primary {\n    background-color: var(--color-primary);\n  }\n  .bg-red-100 {\n    background-color: var(--color-red-100);\n  }\n  .bg-secondary {\n    background-color: var(--color-secondary);\n  }\n  .bg-success {\n    background-color: var(--color-success);\n  }\n  .bg-success\\/10 {\n    background-color: color-mix(in srgb, hsl(142 76% 36%) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-success) 10%, transparent);\n    }\n  }\n  .bg-surface {\n    background-color: var(--color-surface);\n  }\n  .bg-tertiary {\n    background-color: var(--color-tertiary);\n  }\n  .bg-text-secondary {\n    background-color: var(--color-text-secondary);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .object-contain {\n    object-fit: contain;\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n  .pt-3 {\n    padding-top: calc(var(--spacing) * 3);\n  }\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n  .pt-7 {\n    padding-top: calc(var(--spacing) * 7);\n  }\n  .pr-3 {\n    padding-right: calc(var(--spacing) * 3);\n  }\n  .pr-4 {\n    padding-right: calc(var(--spacing) * 4);\n  }\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n  .pl-3 {\n    padding-left: calc(var(--spacing) * 3);\n  }\n  .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n  .pl-10 {\n    padding-left: calc(var(--spacing) * 10);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .text-error {\n    color: var(--color-error);\n  }\n  .text-muted {\n    color: var(--color-muted);\n  }\n  .text-muted-foreground {\n    color: var(--color-muted-foreground);\n  }\n  .text-primary-foreground {\n    color: var(--color-primary-foreground);\n  }\n  .text-red-700 {\n    color: var(--color-red-700);\n  }\n  .text-secondary {\n    color: var(--color-secondary);\n  }\n  .text-success {\n    color: var(--color-success);\n  }\n  .text-text-muted {\n    color: var(--color-text-muted);\n  }\n  .text-text-placeholder {\n    color: var(--color-text-placeholder);\n  }\n  .text-text-secondary {\n    color: var(--color-text-secondary);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .accent-tertiary {\n    accent-color: var(--color-tertiary);\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .hover\\:border-secondary\\/40 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, hsl(28 100% 8%) 40%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-secondary) 40%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-hover {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-hover);\n      }\n    }\n  }\n  .hover\\:bg-muted {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-muted);\n      }\n    }\n  }\n  .hover\\:bg-overlay {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-overlay);\n      }\n    }\n  }\n  .hover\\:bg-secondary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, hsl(28 100% 8%) 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-surface-hover {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-surface-hover);\n      }\n    }\n  }\n  .hover\\:bg-tertiary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-tertiary);\n      }\n    }\n  }\n  .hover\\:bg-tertiary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, hsl(28 100% 29%) 80%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-tertiary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-text-secondary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-text-secondary);\n      }\n    }\n  }\n  .focus\\:border-2 {\n    &:focus {\n      border-style: var(--tw-border-style);\n      border-width: 2px;\n    }\n  }\n  .focus\\:border-secondary {\n    &:focus {\n      border-color: var(--color-secondary);\n    }\n  }\n  .focus\\:border-transparent {\n    &:focus {\n      border-color: transparent;\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-info {\n    &:focus {\n      --tw-ring-color: var(--color-info);\n    }\n  }\n  .focus\\:ring-secondary {\n    &:focus {\n      --tw-ring-color: var(--color-secondary);\n    }\n  }\n  .focus\\:ring-tertiary {\n    &:focus {\n      --tw-ring-color: var(--color-tertiary);\n    }\n  }\n  .focus\\:ring-offset-0 {\n    &:focus {\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .sm\\:mt-0 {\n    @media (width >= 40rem) {\n      margin-top: calc(var(--spacing) * 0);\n    }\n  }\n  .sm\\:flex-3 {\n    @media (width >= 40rem) {\n      flex: 3;\n    }\n  }\n  .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row;\n    }\n  }\n  .sm\\:items-center {\n    @media (width >= 40rem) {\n      align-items: center;\n    }\n  }\n  .sm\\:gap-4 {\n    @media (width >= 40rem) {\n      gap: calc(var(--spacing) * 4);\n    }\n  }\n  .md\\:justify-between {\n    @media (width >= 48rem) {\n      justify-content: space-between;\n    }\n  }\n  .lg\\:gap-4 {\n    @media (width >= 64rem) {\n      gap: calc(var(--spacing) * 4);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:rounded-full {\n    &::-webkit-slider-runnable-track {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:bg-black\\/25 {\n    &::-webkit-slider-runnable-track {\n      background-color: color-mix(in srgb, #000 25%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);\n      }\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:h-\\[10px\\] {\n    &::-webkit-slider-thumb {\n      height: 10px;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:w-\\[10px\\] {\n    &::-webkit-slider-thumb {\n      width: 10px;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none {\n    &::-webkit-slider-thumb {\n      appearance: none;\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full {\n    &::-webkit-slider-thumb {\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-muted {\n    &::-webkit-slider-thumb {\n      background-color: var(--color-muted);\n    }\n  }\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n    }\n  }\n}\n";
+
+const SolarSystemForm = /*@__PURE__*/ proxyCustomElement(class SolarSystemForm extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    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;
+    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"
+                        ? distExports.generateElectricCarChargingHours(6, 18)
+                        : distExports.generateElectricCarChargingHours(18, 6),
+                }
+                : undefined,
+        };
+        const result = distExports.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.compensationPerDay / this.compensationRate) * 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.battery > 0,
+                    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: '7139c9f7a83ebbbda58963c1136bbdfd7728e0bd', 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: '4e1cdee9c1ec934d4b874e88a96db2801c79a60d', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '63bb70b6c15761b9268dcc3059f44eb8ad4ef2fa', class: "w-full bg-primary rounded-4xl space-y-6" }, h("div", { key: '9f0f34af0c1dbfc1b8bb07883cb592010985692b', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '5e8a8d3554ec8d810433dd75f96c32c2545508fc', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: 'cf72325db86b65965cdb44013533477e64c23422', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: '5241cb1db7b4d7afc9179fa138a610152a7a35e1', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: 'bc6151b8cd4b9f2e8b1b7cd311719d9fd21fc212', class: "flex items-center justify-between" }, h("label", { key: '0c1cca4024a7274281df489cd5f7bd8b62a2c96b', 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: 'b7cc82a0d13854509a123976ffec2150497c54bf', 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);
+                this.recalculate();
+            } }))), h("div", { key: '2dd7469d204e77e97c29256a07dc164bbce62b3f', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: 'd6fbb640a3093ffa56ddbdecf41fee985b7c13de', class: "flex items-center justify-between" }, h("label", { key: '5967e7593b965896fca79dc911f79dfb04bd31ba', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: 'ecc8aebf57ebacdce115188308a3947d4329a4cd', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '07acff632a6492d811334c1b4fdfe7631fbf8930', class: "flex items-center justify-between mt-4" }, h("span", { key: 'f8692f2cf74cd8603775e94099752c9e4d03be9b', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: '7a89ad672637c04b5365e7ea034448ece3d32cf2', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
+            this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: 'c913d3a0895044e60c992aa368c27379208a197b', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'fc1b7bfc69f79e199a8526fda30851395e615b0f', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: 'dc4e9eecae7e31cded9b85c544ce13c59226efa6', class: "grid grid-rows-2 gap-0" }, h("div", { key: '5e00f5e87fdccd6dd6455c9a26e3a7ce1ae05394', class: "grid grid-cols-2 gap-4" }, h("label", { key: '155a89fbbf6ccc69bdcc0bed88d05bc7d09a866d', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '3bd653254b0f2ddb0c61f452952a0ab58c4f7d40', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '33113a21857b3f4f68339fc39cd3bbc4054e1586', class: "grid grid-cols-2 gap-4" }, h("input", { key: '063500ea400d697056ec5e214b6fb530af06ccfe', 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) => {
+                this.householdConsumption = parseInt(e.target
+                    .value);
+                this.recalculate();
+            } }), h("select", { key: '48628afb1e204838358a8a56d7e3d09fc1576c10', 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: 'dcdcf43433687a823b4cc617d956b10a56b82133', value: "mostly_at_home", selected: this.consumptionProfile ===
+                "mostly_at_home" }, t.solarSystemForm.consumptionProfiles
+            .mostlyAtHome), h("option", { key: 'ad37f3694f26f08cfc65e67f6d78e14c815478c9', value: "mostly_away", selected: this.consumptionProfile ===
+                "mostly_away" }, t.solarSystemForm.consumptionProfiles
+            .mostlyAway))))), h("div", { key: '2461025c58f8e091cf757c4968b0a21108f35e75', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '89575de1e21452e71028505f02474cc6d0de197a', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'b2f666cfe480ce0cc8c84c24a852034b04eca215', class: "flex flex-col gap-4" }, h("div", { key: '7a224cfb1d954bed01b45e3a9f397ba69f0055b8', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '4c0d72a28f4440e647159fbb8cfe5d3a6eda53e2', class: "flex items-center justify-between" }, h("div", { key: '928b6bf84a5349fa89e3b961894b538185d33961', class: "flex items-center gap-2" }, h("input", { key: '6f5d77b885551b0280366cd837baec595529490f', 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: '4df84acd8d1011ace4903c10674a6ea6c8320276', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
+            .additionalComponents
+            .heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: 'e1cc7cac2dd0d3efbefd9e05ef7fe61c7a1cfe3a', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '5bef4d0ac8adbd58bd8f4d56e6ba1c83f22d6f98', 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
+                        .value);
+                    if (value >= 10 &&
+                        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: '76a40ab1f89c47050faf446a2017b2b74703638a', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '56666133211231da0c95f3ecd058ea62615ea88c', class: "flex items-center justify-between" }, h("div", { key: '08b1d06eb90a88e5583989f5d2743f9e294a1f7e', class: "flex items-center gap-2" }, h("input", { key: 'cbd441786b9e23720e2a0aa2c39ef5bbaaed01b4', 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: 'f746d81d324d236e53d553706a0a64f78d6ae2d8', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
+            .additionalComponents
+            .electricCar))), this.electricCar && (h("div", { key: 'f2a0ff39ca1e52ba544f333ebd73da57b0803f36', class: "flex flex-col gap-2" }, h("div", { key: '052c60cf1661a8d3fe826a63e657b7ebb228bccc', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'f486f4876988df361f4bbb967e566112c491036c', class: "text-sm text-text-muted" }, t.solarSystemForm
+            .additionalComponents
+            .chargingTime), h("label", { key: '870bc7ff65a52cfa1bbfa0296bf8428c104d5edf', class: "text-sm text-text-muted" }, t.solarSystemForm
+            .additionalComponents
+            .kilometersPerYear)), h("div", { key: 'e1698c0928da471f3758228502159baafecbe44b', class: "grid grid-cols-2 gap-4" }, h("select", { key: '82362f74b362a31c8a30e246d073836e93bec1c3', 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: 'c76bd6ed6abbcb624f3c79585cb6f719bc60b30e', value: "day", selected: this
+                .electricCarChargingTime ===
+                "day" }, t.solarSystemForm
+            .additionalComponents
+            .chargingTimeDay), h("option", { key: 'abc0fd939d0d6d228b124f53e9b297bd8079fef6', value: "night", selected: this
+                .electricCarChargingTime ===
+                "night" }, t.solarSystemForm
+            .additionalComponents
+            .chargingTimeNight)), h("input", { key: '0f8792d286b91548ca25843c1ad31dd081842f88', 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) => {
+                this.kmDrivenPerYear =
+                    parseInt(e.target
+                        .value);
+                this.recalculate();
+            }, style: borderStyle }))))), h("div", { key: '3f9c6afd978a3e77435e035e64d9aaf3aa0aa97a', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '99b1f2cfbf1d8cba8d1fb19201ee59faa8943858', class: "flex items-center justify-between" }, h("div", { key: 'ae3155b4b63cea133953a9dee18629c61dbd1cc4', class: "flex items-center gap-2" }, h("input", { key: 'bbfe892ac4fe0564701d1e8a5595b6b85f0ba76a', 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 =
+                    e.target
+                        .checked
+                        ? 5
+                        : 0;
+                this.recalculate();
+            } }), h("label", { key: 'c0da0d83bfe05a6591683e308f14f2d7aa60b3b3', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm
+            .additionalComponents
+            .battery)), (this.battery > 0 && !this.isIOS()) && (h("span", { key: '7e7e5848a5c12d3029887800c9cfa6a97c3c5f8d', class: "text-text-muted" }, this.battery, " kWh"))), this.battery > 0 && (h("div", { key: '41ebca4575af0383bae612780942f52197835390', 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
+                        .value);
+                    if (value >= 1 &&
+                        value <= 20) {
+                        this.battery =
+                            value;
+                        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
+                        .value);
+                    this.recalculate();
+                } }))))))), h("div", { key: '1f3db56a01db3aa71a3e732eb42feee34619c016', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '4406c2eb5ce9f2fb6c2b9ced506e2722dd33c90d', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '9474e98cb4f906dc7bbe9c1ae9677be099af8554', style: {
+                display: "grid",
+                gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
+                gap: "1rem",
+            } }, h("div", { key: '45be0a23fce514b258b89308355512be1ab76543' }, h("label", { key: 'd4b5ae8bec34ea36437fbc80808954e3faa4b53a', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: '3f0f2f9f6424647f3b39fd6c1c71673c151f5168', 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: 'ff004d5e3a408d0b471bccff956297eb80359581' }, h("label", { key: 'afd1ecf5fcbad4ccd0a9ab091e16cffd9c21b64c', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: 'f22a6fa86cb9ade28345570bacd51a0ca69e3ccd', 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: '2b2f63afb3a565fbd96c3e81e06c7281fb62fa3b' }, h("label", { key: '46f212c2b33c682f3b2c203dc71f7b6441cc25a5', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: '164994dc4f1bdaa38b0fd4a069ac1fbc0f02026f', 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: '6543bebe9a5c3ddd914cd79a1d0bccdeb064091f', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '05fafd14c233ce175189d8bd93df07121ee7c33c', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: '8dc5907b2cc779ff942ee0e6f2b501924f9d1a97', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '8fd3a7c0ef678a57834242dbc5e655cba001888a', class: "flex flex-col sm:flex-row sm:items-center justify-between" }, h("span", { key: 'c2c32f7f9f5f50242332c6a4b5af2cedb7fb6669', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: 'd6e5824d2b44cac00cd5d712007e65b2ccd0ecfd', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.autonomy > 100
+            ? "100"
+            : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '15e3620ae50666bbd4dd08379d2d276b41508379', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: 'ff9746b6eb4046ddf4d87839555297e64205e841', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: '692198f0d789364993b679f4d73c098c7a2c2b93', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '8a292497f9b701b0805e5c3a2d007c8242033891', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: 'd156ccda8acafbc6946810493c150881bc891757', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: 'f3b8171f54c842950cf442b51a8e712b21a28a7c', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '0ce95a5cfff5c3ae27056b680f4e290b5c383cea', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'e3551545706f356cbdb82b9d9b2b90c561f7895e', class: "flex items-center gap-2" }, h("span", { key: '97df861ed813711fc7d2f225b45071c9a6035e3d', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: '0929f0961f4db248a3ad63cc685d5d48f4e0693c', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.costSavings), "\u20AC/", t
+            .solarSystemForm.year)), h("div", { key: '8658c9d6537b980d3c32f1382c9a1507de5482bf', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'e3b71e616e9f0be006cd48eb57161e24f5a8f204', class: "flex items-center gap-2" }, h("span", { key: 'a083ad4fec0a9d546cd2d38fdbaeb4d76e5ce091', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: '028c3f9c1135bb74f4bf39baf657ac73dbd935d3', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.compensation20Years), "\u20AC")), h("div", { key: '875446618133c6cbe70c4939fa46a5b85157e6ca', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '98b9829e57eb40d1be9f42d0497b5678363ef20b', class: "flex items-center gap-2" }, h("span", { key: '6a87d1ebb879bacade7d1de58942bdb080190e6c', class: "text-text-muted" }, t.solarSystemForm
+            .monetaryBenefit20Years)), h("span", { key: 'fcae5f3a40137fad4a51df1afa5cbb70cca43b0e', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.savedCosts20Years), "\u20AC")))), h("div", { key: 'f6298fa9bbba037cecb0b8e55bdd620b0cac1602', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'ba176c714d0c73cec7354b060734fbafdbbfd7b7', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: 'e35c8b896aecc01ccc8036a64cfcd52636d7d816', style: {
+                display: "grid",
+                gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
+                gap: "1rem",
+            } }, h("div", { key: 'd88465e3c4edc99871fc92a0f36900d204579d9a' }, h("label", { key: 'f0a49b5ed350c5f638a64de1fa87739e46297c9f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("input", { key: '70eb7d64859083937ed05c85e2a433b862e7ef0c', 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: '953421511217ed5759266488e606ee706cbaaa66', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: '7d2c2f6ce9f6161ea1123f45b017479f0a872153' }, h("label", { key: '190c752cc5f9a0db9355b871b42adfdedd7160b3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: 'f1bad4e18f283acd556017bb8ccb880cbbc804c4', 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: '07e41cd62db7a0585ce03cf66978bc1b485fcd58', class: "text-error text-sm mt-1" }, this.emailError))), h("div", { key: '4ac9628f2ce4cba2fda116e2ffbb6496372dcecf' }, h("label", { key: '94e2332210a1efed939555f52645cd0ebfef2679', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: 'de94479e3cf9c16f35e536815f1f511e168ef8e0', 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: '644a0267abc1fec8a6a2784b21e1327d71f091af', class: "text-error text-sm mt-1" }, this.phoneError)))), h("div", { key: '4c88bcdee1119057ecc14ead825fd144414577ba', class: "flex flex-col items-center gap-4" }, h("button", { key: 'c8c97d037ad92042100af3c3be6bfdc1ff2517a5', 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: '78ccc59f3f59496867c0699c1370cf79b4c7fe7d', 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: '5a1efe7e4264d5510618570e494b7ccbfef76bfa', class: `text-sm px-4 py-2 rounded-4xl ${this.submitSuccess
+                ? "bg-success/10 text-success border border-success/20"
+                : "bg-error/10 text-error border border-error/20"}` }, this.submitMessage)))))));
+    }
+    static get watchers() { return {
+        "systemConfigs": ["updateSystemConfigs"]
+    }; }
+    static get style() { return outputCss; }
+}, [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]
+    }, undefined, {
+        "systemConfigs": ["updateSystemConfigs"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["solar-system-form"];
+    components.forEach(tagName => { switch (tagName) {
+        case "solar-system-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SolarSystemForm);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BORDER_INSET as B, DEFAULT_COLOR_SCHEME as D, SolarSystemForm as S, DEFAULT_SOLAR_EXPERT_CONFIG as a, DEFAULT_SOLAR_PANEL_TYPE as b, distExports as c, defineCustomElement as d, requireDist$1 as r };
+//# sourceMappingURL=p-DJcc5dax.js.map
+
+//# sourceMappingURL=p-DJcc5dax.js.map