blue-chestnut-solar-expert 0.0.67 → 0.0.68

package/dist/components/p-PkMjF2if.js

@@ -1,1985 +0,0 @@
-
-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-eDwaXClX.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;
-	    }
-	    const totalEnergyProduction = (summerProduction.reduce((acc, curr) => acc + curr, 0) +
-	        winterProduction.reduce((acc, curr) => acc + curr, 0)) / 2;
-	    return {
-	        autonomy: (summerDay.autonomy + winterDay.autonomy) / 2,
-	        compensationPerDay: soldEnergy * config.electricityPrice.sell,
-	        byYearSavedCosts: savedCostsByYear,
-	        totalEnergyConsumptionDay: (summerConsumptionWholeDay + winterConsumptionWholeDay) / 2 +
-	            electricCarConsumption,
-	        totalEnergyProduction,
-	    };
-	}
-	
-	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;
-	    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-500: oklch(63.7% 0.237 25.331);\n    --color-red-700: oklch(50.5% 0.213 27.518);\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    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\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  .bottom-4 {\n    bottom: calc(var(--spacing) * 4);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%);\n  }\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n  .z-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-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  .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-\\[400px\\] {\n    height: 400px;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .max-h-full {\n    max-height: 100%;\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-64 {\n    width: calc(var(--spacing) * 64);\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  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-2 {\n    --tw-translate-y: calc(var(--spacing) * 2);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .scale-95 {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-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-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\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-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-border {\n    border-color: var(--color-border);\n  }\n  .border-current {\n    border-color: currentcolor;\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-info\\/20 {\n    border-color: color-mix(in srgb, hsl(221 83% 53%) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-info) 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-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-t-transparent {\n    border-top-color: transparent;\n  }\n  .bg-black {\n    background-color: var(--color-black);\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-error\\/90 {\n    background-color: color-mix(in srgb, hsl(0 100% 50%) 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-error) 90%, transparent);\n    }\n  }\n  .bg-info\\/90 {\n    background-color: color-mix(in srgb, hsl(221 83% 53%) 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-info) 90%, transparent);\n    }\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\\/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-success\\/90 {\n    background-color: color-mix(in srgb, hsl(142 76% 36%) 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-success) 90%, 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-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-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  .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-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  .text-error {\n    color: var(--color-error);\n  }\n  .text-error-foreground {\n    color: var(--color-error-foreground);\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-500 {\n    color: var(--color-red-500);\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-secondary {\n    color: var(--color-text-secondary);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .accent-tertiary {\n    accent-color: var(--color-tertiary);\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-100 {\n    opacity: 100%;\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  .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-all {\n    transition-property: all;\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  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\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-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\\:grid-cols-2 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .md\\:pl-2 {\n    @media (width >= 48rem) {\n      padding-left: calc(var(--spacing) * 2);\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-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\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-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-duration: initial;\n      --tw-ease: 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;
-    batteryEnabled = false;
-    compensation20Years = 0;
-    savedCosts20Years = 0;
-    maxPanels = 5;
-    kmDrivenPerYear = 10000;
-    totalEnergyConsumption = 4500;
-    totalEnergyProduction = 0;
-    isSubmitting = false;
-    submitMessage = "";
-    submitSuccess = false;
-    updateSystemConfigs() {
-        if (Object.keys(this.systemConfigs).length === 0) {
-            this.numberOfPanels = 0;
-            this.maxPanels = 0;
-            return;
-        }
-        this.numberOfPanels = Object.keys(this.systemConfigs).reduce((acc, curr) => acc + this.systemConfigs[curr].numberOfPanels, 0);
-        this.maxPanels = Object.keys(this.systemConfigs).reduce((acc, curr) => acc + this.systemConfigs[curr].numberOfPanels, 0);
-        this.panelPeakPower = Object.entries(this.systemConfigs)[0][1][0]
-            ?.panel.kWattPeak ?? 0.44;
-        this.recalculate();
-    }
-    formatEuropeanNumber(num, decimals = 2) {
-        const fixed = num.toFixed(decimals);
-        const [integerPart, decimalPart] = fixed.split(".");
-        // Add dots as thousands separators
-        const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
-        // Join with comma as decimal separator
-        return decimalPart
-            ? `${formattedInteger},${decimalPart}`
-            : formattedInteger;
-    }
-    recalculate() {
-        const currentSystemConfigs = {};
-        let totalNumberOfPanels = 0;
-        for (const [key, value] of Object.entries(this.systemConfigs)) {
-            if (totalNumberOfPanels >= this.numberOfPanels) {
-                break;
-            }
-            if (value.numberOfPanels + totalNumberOfPanels > this.numberOfPanels) {
-                currentSystemConfigs[key] = {
-                    ...value,
-                    numberOfPanels: this.numberOfPanels - totalNumberOfPanels,
-                };
-                totalNumberOfPanels = this.numberOfPanels;
-            }
-            else {
-                currentSystemConfigs[key] = value;
-                totalNumberOfPanels += value.numberOfPanels;
-            }
-        }
-        const simulationConfig = {
-            general: {
-                simulationYears: 20,
-            },
-            householdConsumption: {
-                consumptionProfile: this.consumptionProfile,
-                winterConsumptionFactor: 1.4,
-                summerConsumptionFactor: 0.6,
-                averageConsumption: this.householdConsumption / 365,
-            },
-            electricityPrice: {
-                purchase: this.electricityPrice,
-                sell: this.compensationRate,
-                increase: this.annualPriceIncrease / 100,
-            },
-            solarSystems: currentSystemConfigs,
-            batteryKWh: this.battery,
-            solarRadiation: {
-                winterFactor: 0.2,
-                summerFactor: 0.6,
-            },
-            heatPump: {
-                m2: this.heatPump,
-                consumptionPerM2: HEAT_PUMP_CONSUMPTION / 365,
-            },
-            electricCar: this.electricCar
-                ? {
-                    averageKilometersPerDay: this.kmDrivenPerYear / 365,
-                    consumptionkWhPer100km: 20,
-                    batteryKWh: 80,
-                    chargingHours: this.electricCarChargingTime === "day"
-                        ? 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.totalEnergyProduction * 365;
-    }
-    componentWillLoad() {
-        this.updateSystemConfigs();
-    }
-    validateForm() {
-        let isValid = true;
-        const t = getLanguageStrings(state.settings.language);
-        // Validate name
-        if (!this.name.trim()) {
-            this.nameError = t.solarSystemForm.nameError;
-            isValid = false;
-        }
-        else {
-            this.nameError = "";
-        }
-        // Validate email
-        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-        if (!this.email.trim()) {
-            this.emailError = t.solarSystemForm.emailError;
-            isValid = false;
-        }
-        else if (!emailRegex.test(this.email)) {
-            this.emailError = t.solarSystemForm.validEmailError;
-            isValid = false;
-        }
-        else {
-            this.emailError = "";
-        }
-        // Validate phone (optional)
-        const phoneRegex = /^[\+]?[1-9][\d]{0,15}$/;
-        if (this.phone.trim() &&
-            !phoneRegex.test(this.phone.replace(/[\s\-\(\)]/g, ""))) {
-            this.phoneError = t.solarSystemForm.phoneError;
-            isValid = false;
-        }
-        else {
-            this.phoneError = "";
-        }
-        return isValid;
-    }
-    async handleRequestOffer() {
-        if (!this.validateForm()) {
-            return;
-        }
-        this.isSubmitting = true;
-        this.submitMessage = "";
-        this.submitSuccess = false;
-        const t = getLanguageStrings(state.settings.language);
-        try {
-            const leadData = {
-                location: {
-                    name: state.location,
-                    latitude: state.latitude,
-                    longitude: state.longitude,
-                },
-                systemConfig: {
-                    maxNumberOfPanels: this.maxPanels,
-                    panelPeakPower: this.panelPeakPower,
-                    polygons: this.polygons,
-                    solarSystems: this.systemConfigs,
-                    electricityPrice: this.electricityPrice,
-                    compensationRate: this.compensationRate,
-                    annualPriceIncrease: this.annualPriceIncrease,
-                },
-                client: {
-                    name: this.name,
-                    email: this.email,
-                    phone: this.phone,
-                    consumption: this.householdConsumption,
-                    consumptionProfile: this.consumptionProfile,
-                    hasBattery: this.batteryEnabled,
-                    battery: this.battery,
-                    hasHeatPump: this.heatPump > 0,
-                    heatPumpM2: this.heatPump,
-                    hasElectricCar: this.electricCar,
-                    electricCarChargingTime: this.electricCarChargingTime,
-                    electricCarKmPerYear: this.kmDrivenPerYear,
-                },
-                images: {
-                    roof: this.roofCanvas.toDataURL(),
-                    polygon: this.polygonCanvas.toDataURL(),
-                },
-                results: {
-                    autonomy: this.autonomy,
-                    costSavings: this.costSavings,
-                    compensation20Years: this.compensation20Years,
-                    savedCosts20Years: this.savedCosts20Years,
-                    totalEnergyConsumption: this.totalEnergyConsumption,
-                },
-            };
-            console.log("leadData", leadData);
-            const result = await sendLeadToNexvoro(leadData);
-            this.submitSuccess = result.success;
-            if (result.success) {
-                console.log("Lead successfully sent to Nexvoro", result);
-                this.submitMessage = t.solarSystemForm.leadSubmitted;
-                // Optionally reset form or show success message
-            }
-            else {
-                console.error("Failed to send lead to Nexvoro:", result.message);
-                this.submitMessage = t.solarSystemForm.leadError;
-            }
-        }
-        catch (error) {
-            console.error("Error in handleRequestOffer:", error);
-            this.submitSuccess = false;
-            this.submitMessage = error instanceof Error
-                ? error.message
-                : "An unexpected error occurred";
-        }
-        finally {
-            this.isSubmitting = false;
-        }
-    }
-    isIOS() {
-        return state.isIOS;
-    }
-    render() {
-        const t = getLanguageStrings(state.settings.language);
-        // Reusable style objects
-        const borderStyle = { border: "1px solid var(--color-border)" };
-        const errorBorderStyle = { border: "1px solid var(--color-error)" };
-        return (h("div", { key: 'bb41415c5998e8c1d3e98df49bb13f601410c09d', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
-            ,
-            //     display: (Object.keys(this.systemConfigs).length === 0)
-            //         ? "none"
-            //         : "flex",
-            // }}
-            id: "solar-system-form" }, h("h1", { key: '136c0a340cdc4ef1e7de9cc7e8e899017ff111c8', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '1b7a0195f63cbe3765777573c34c9fbe2b47646a', class: "w-full bg-primary rounded-4xl space-y-6" }, h("div", { key: 'f5b8490c2ba77b7afbf8310c83723c44d5ad66b9', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'aa7de0e6fae0b9b8d3193e2d32fe1e63a23d9f64', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: '4c745cbf10a6251bdfc0bc926e073073b0ba6408', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: '292edb872ca1ef3dd82f015ca9d479af89c87ea7', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: '89a23d55107849485c28023ab6ac344b209ad34d', class: "flex items-center justify-between" }, h("label", { key: 'ee5bd53c202f897a8c212b362265b76044bd5e44', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.numberOfPanels), !this.isIOS()
-            ? (h("input", { type: "number", class: "w-20 px-3 py-1 rounded-full bg-muted text-muted-foreground text-right", value: this.numberOfPanels, readOnly: true }))
-            : (h("input", { type: "number", min: "1", max: this.maxPanels, class: "w-20 px-3 py-1 rounded-full focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground text-center", style: borderStyle, value: this.numberOfPanels, onInput: (e) => {
-                    const value = parseInt(e.target
-                        .value);
-                    if (value >= 1 &&
-                        value <=
-                            this.maxPanels) {
-                        this.numberOfPanels =
-                            value;
-                        this.recalculate();
-                    }
-                } }))), !this.isIOS() && (h("input", { key: '3505aba4610e120ff535a4357e32bfe44092fd28', type: "range", min: "1", max: this.maxPanels, step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.numberOfPanels, onInput: (e) => {
-                this.numberOfPanels = parseInt(e.target
-                    .value);
-                if (isNaN(this.numberOfPanels)) {
-                    this.numberOfPanels = 0;
-                }
-                this.recalculate();
-            } }))), h("div", { key: '58abbe1ad7b258880138e3d398dabcb2d1efca5b', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: 'be74d4f0a1e34a55fdc6eafa4dc08e69570e9b04', class: "flex items-center justify-between" }, h("label", { key: '1f8a47d5052731a7da89852099fef84a8946f596', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: 'a3f101b680f251c3e4372bce14b833b9dfa415d3', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '2ed107c8a0cb43e08b2cbb205f7db8e9de271b22', class: "flex items-center justify-between mt-4" }, h("span", { key: '670c41ca8173f58b1dcbe31699c922ceb9672105', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'e41306aec2f7351e5f01c1f221ef23bbe684a366', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
-            this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: '38ce148b3679e357768a03d92e2aff79d5192f76', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'bf8031199ddd6ccd90301c29f4bd8e223b14d787', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: 'e06f62af8305aa26be7ea662da32135276218484', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'a04a7c38ab456419674e9e2818bd7519fe795a17', class: "grid grid-cols-2 gap-4" }, h("label", { key: '6d0a74756d1d5a164dbe5783cf3df044bd4d2ced', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '49187db1a88afde0b1bebd8fc9f2e88524a4c59d', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '25690a6ca0000b1eabb589c77109d1087ed1ad76', class: "grid grid-cols-2 gap-4" }, h("input", { key: '506dd439307bacc0d7274a6b2ec0a79f363a9d11', type: "number", step: "100", min: "0", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, value: this.householdConsumption, onInput: (e) => {
-                this.householdConsumption = parseInt(e.target
-                    .value);
-                this.recalculate();
-            } }), h("select", { key: '025fdf9c050c1e00aedd293cfa15da8a411e70af', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, onChange: (e) => {
-                this.consumptionProfile =
-                    e.target
-                        .value;
-                this.recalculate();
-            } }, h("option", { key: '26c2fdbcb3646323157dfa6f9f66d6b8ca924c72', value: "mostly_at_home", selected: this.consumptionProfile ===
-                "mostly_at_home" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAtHome), h("option", { key: 'f3b9527d607657efc4ff75d93576fd765aa97975', value: "mostly_away", selected: this.consumptionProfile ===
-                "mostly_away" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAway))))), h("div", { key: '5618500ae3aca7633180a6b3607f1c6462c49815', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'fe74e96b7fdcb2e6776a7eccf248d29b0cdd0206', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'a26c1c3461d3021b823f07a05a20ac74108d4ee7', class: "flex flex-col gap-4" }, h("div", { key: 'ef4c60ac505187ca35d213e0f80a6959f1edabd1', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '08e0b956be5958985d8bb247ea94ff0510657d89', class: "flex items-center justify-between" }, h("div", { key: 'ef1917d84a95ace85e140e801736c4dc5c16e378', class: "flex items-center gap-2" }, h("input", { key: '3b19229e72c742accfa553e6b385ab5ad148e6a9', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
-                this.heatPump =
-                    e.target
-                        .checked
-                        ? 100
-                        : 0;
-                this.recalculate();
-            } }), h("label", { key: 'f73944ac3cd52ab5ac7358d8dfd520720ad43c1b', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '4a2090de47870f9a59b498425b6bbd2bdd177aba', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '9a2f2cc91a1efafb06de01ecb78949656cdfcccf', class: "flex flex-col gap-2" }, this.isIOS()
-            ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.heatPump, onInput: (e) => {
-                    let value = parseInt(e.target
-                        .value);
-                    if (isNaN(value)) {
-                        value = 0;
-                    }
-                    if (value >= 0 &&
-                        value <= 300) {
-                        this.heatPump =
-                            value;
-                        this.recalculate();
-                    }
-                } }), h("span", { class: "text-sm text-text-muted" }, "m\u00B2")))
-            : (h("input", { type: "range", min: "10", max: "300", step: "10", class: "input-slider custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.heatPump, onInput: (e) => {
-                    this.heatPump =
-                        parseInt(e.target
-                            .value);
-                    this.recalculate();
-                } }))))), h("div", { key: '0a7e51f6f8596bed2af8850169ca32c488f43559', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'e768501bf22d0d93d4c5ce0d4c142ef7d6096151', class: "flex items-center justify-between" }, h("div", { key: 'e1c54539633730995db596e77be2fd4bba609a81', class: "flex items-center gap-2" }, h("input", { key: 'bface3b5aad019fdcb92ba3229fe7187ec8babb1', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
-                this.electricCar =
-                    e.target
-                        .checked;
-                this.recalculate();
-            } }), h("label", { key: 'a148ffb1488169ef9e383c5483145f3163c38172', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .electricCar))), this.electricCar && (h("div", { key: '0d6db7e0d23eed4c85aa21f8661038c100049fb7', class: "flex flex-col gap-2" }, h("div", { key: 'c9be028278aa8a582b3d563c98ecabf5a137669b', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'a1d2a3070dd0506be70623ca9b8c524a35132956', class: "text-sm text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .chargingTime), h("label", { key: '7bedc4d1e43fb5e10f04a4ae2b91abf10c56da2c', class: "text-sm text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .kilometersPerYear)), h("div", { key: 'c0f3501cecec8280e323f2403de52e3248b6ce7a', class: "grid grid-cols-2 gap-4" }, h("select", { key: 'e2947d4b13363e341955c429fa37fe2ad5966280', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
-                this.electricCarChargingTime =
-                    e.target
-                        .value;
-                this.recalculate();
-            }, style: borderStyle }, h("option", { key: '544ae8957ab71cdfd3ad438031d5b3235a321f56', value: "day", selected: this
-                .electricCarChargingTime ===
-                "day" }, t.solarSystemForm
-            .additionalComponents
-            .chargingTimeDay), h("option", { key: '04d71d6537186ecda58784b3f70e357a3c36f85f', value: "night", selected: this
-                .electricCarChargingTime ===
-                "night" }, t.solarSystemForm
-            .additionalComponents
-            .chargingTimeNight)), h("input", { key: '951f65399cc04d815a585d32206b235710eaefe3', type: "number", min: "1000", max: "100000", step: "1000", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
-                this.kmDrivenPerYear =
-                    parseInt(e.target
-                        .value);
-                if (isNaN(this.kmDrivenPerYear)) {
-                    this.kmDrivenPerYear =
-                        0;
-                }
-                this.recalculate();
-            }, style: borderStyle }))))), h("div", { key: 'b0b64b1afec1a7b05af83d910369141713792a9f', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '16d9ff1d1ed9f11b8cb3f0bf707ae911bd4d3052', class: "flex items-center justify-between" }, h("div", { key: '5ea7224b166ac5d09a0c6954a6583c6ee10bcbf8', class: "flex items-center gap-2" }, h("input", { key: '6bfe5da599c642efe88fdb981983857a812df417', type: "checkbox", id: "battery", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.batteryEnabled, onChange: (e) => {
-                this.batteryEnabled =
-                    e.target
-                        .checked;
-                this.battery =
-                    this.batteryEnabled
-                        ? 5
-                        : 0;
-                this.recalculate();
-            } }), h("label", { key: 'e40e64ca8bd60afddef286b7e4aa5cf369217eb2', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .battery)), (this.batteryEnabled && !this.isIOS()) && (h("span", { key: 'b2fc3a8d3e565b6f0de27b8e0cdd9a125787dc97', class: "text-text-muted" }, this.battery, " kWh"))), this.batteryEnabled && (h("div", { key: 'e2148708d2c07f4bb07dfb8c68ea37005f86d4ac', class: "flex flex-col gap-2" }, this.isIOS()
-            ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
-                    let value = parseInt(e.target
-                        .value);
-                    if (isNaN(value)) {
-                        value = 0;
-                    }
-                    if (value >= 0 &&
-                        value <= 20) {
-                        this.battery =
-                            value;
-                    }
-                    else {
-                        this.battery =
-                            20;
-                    }
-                    this.recalculate();
-                }, style: borderStyle }), h("span", { class: "text-sm text-text-muted" }, "kWh")))
-            : (h("input", { type: "range", min: "1", max: "20", step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.battery, onInput: (e) => {
-                    const value = parseInt(e.target
-                        .value);
-                    this.battery = value;
-                    this.batteryEnabled =
-                        value > 0;
-                    this.recalculate();
-                } }))))))), h("div", { key: '2403db26cd231ee1e14ee9e54904a6d47a442cde', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'd7792f3cd2f10acbc708f347eb9d875774b4d7cd', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: 'a2ace9b4c49c0e778a112ee957a372f32a499117', style: {
-                display: "grid",
-                gridTemplateColumns: "repeat(auto-fit, minmax(100px, 1fr))",
-                gap: "1rem",
-            } }, h("div", { key: '1d5fbae3664adf9c19550b482a0ded3a7a7442c0' }, h("label", { key: 'd16ad99fa9c8f87151a5a6a7d7bcde674c4a8e81', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: 'f36ae62025eee8bbdb65c9c82d4b605667894d8d', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.electricityPrice.toFixed(2), onInput: (e) => {
-                this.electricityPrice = parseFloat(e.target
-                    .value);
-                this.recalculate();
-            } })), h("div", { key: 'bfd9e6153ab03d5ace55ad15de335df6566b5417' }, h("label", { key: 'ee2536275e4fd5649721d4d3940291430075db67', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: '8dd2be4609fcb850794fa070df50cfa751a87fa1', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.compensationRate.toFixed(2), onInput: (e) => {
-                this.compensationRate = parseFloat(e.target
-                    .value);
-                this.recalculate();
-            } })), h("div", { key: '8f29216586bc3f5c92be3aee08f3d92c67dbf061' }, h("label", { key: 'af3fac52689fe289a72003f3acc78d9ea4bc232d', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: '7e9587a58424149e25b6cd35b3b0f8e67bad0a10', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
-                this.annualPriceIncrease = parseFloat(e.target
-                    .value);
-                this.recalculate();
-            } })))), h("div", { key: 'edee17bd72e40f9a00345fce0c7b0728474ecd5c', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '8833b742a6df1556486ff3719b8b833adb858163', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: '6cb17515165775c5b59c0e2ab9f9602125aac953', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '43ba0b310caa0d3e19d4d991b19f54500609e155', class: "flex flex-col sm:flex-row sm:items-center justify-between" }, h("span", { key: 'fe78bf736efedb7e3ce331d594ebec5ac4260ea3', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: '57e3d258a15dcc6ff502b5ac2c5612a3ae7a9332', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.autonomy > 100
-            ? "100"
-            : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '84c71945018078f4d1f22d94de5710b57a097b10', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '1ba73ff5a96617626b3a219bb4a3894cc6a82e2a', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: '3d328063a9999304de1a2cdc3010787dd08ebdac', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: 'a6e0a99b0532b1c8409e5f8ebfb04d5c0b7fc1d5', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '4e3de7a62055aed15d8214080da79d7c67a3504f', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: '50919661b3fa82dc99d93aef0bf4e46b85e683e6', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '669ecb3bff03f954c459c5864ebc790f7802d2c3', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '50064fa431dae13dfafd7a827b4265eb5ce66025', class: "flex items-center gap-2" }, h("span", { key: 'add8a4952f5f2992657a8723210697a2889e08ca', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: '1a4cf403f0cdc01e8aa195826165f66e74c2f460', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.costSavings), " \u20AC/", t
-            .solarSystemForm.year)), h("div", { key: 'fadf1e4394b0734ae14d4568db8f47b286b00eed', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '69c5b3bfa131e35b1760b854e0adcddc4cd7513e', class: "flex items-center gap-2" }, h("span", { key: '826a2b7a6c1959626ca195b66893e7725582d666', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: 'cfbc1063b55c815f6ae89a48c6b8239ecfbcbb5d', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.compensation20Years), " \u20AC")), h("div", { key: 'fa740700dbc3a640c5adce3d28413b839000b840', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '095d543adc7d81fec92ebfcf35efd4122b1b6ef9', class: "flex items-center gap-2" }, h("span", { key: 'eac35fd6b6bb3778afadec2bfa93b7549a7db08a', class: "text-text-muted" }, t.solarSystemForm
-            .monetaryBenefit20Years)), h("span", { key: '82d2fdee254b0ff2bb6534dced8a43087f7f4269', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.savedCosts20Years), " \u20AC")))), h("div", { key: '96cc3aa5ed8fa4870a5fe54e1345b1abc6b69862', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '08f6274c8a655995b0a2061696bbeca324c81924', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: 'ed644026714f6962469ba290c8931e12d6b3afff', style: {
-                display: "grid",
-                gridTemplateColumns: "repeat(auto-fit, minmax(1 00px, 1fr))",
-                gap: "1rem",
-            } }, h("div", { key: '8d22c69472e58ad2fb2dbca427e5dd1bc2f207a8' }, h("label", { key: '3d975692c644c8e26ec1c0a03e12312adf6b0ede', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("input", { key: 'addb2114b79ddb98d2215b68214116ed2d64ad66', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.nameError
-                ? errorBorderStyle
-                : borderStyle, value: this.name, onInput: (e) => {
-                this.name =
-                    e.target
-                        .value;
-                this.validateForm();
-            }, placeholder: "Your name" }), this.nameError && (h("p", { key: '32dd68fc53f8694371c56a229fd075839d3e00d8', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: 'f58d1775fb32e5b0704cb635bdc563c4a2b2a9f1' }, h("label", { key: '87b853fd645e5dd16bcabfb9836a044441a56198', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '115b7a027cc5a77a7a70a1a8c8f4cb3c64c09d50', type: "email", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.emailError
-                ? errorBorderStyle
-                : borderStyle, value: this.email, onInput: (e) => {
-                this.email =
-                    e.target
-                        .value;
-                this.validateForm();
-            }, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '055f714dfa5ccf74d461c048cf14bcc4a4f1d2a0', class: "text-error text-sm mt-1" }, this.emailError))), h("div", { key: '9516dab3e8d312aafbded94676d377c950b5e34d' }, h("label", { key: 'd13fced3339f847cf792738c1469b45d0090c3e5', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: 'ab7df19168e831442fdb4368bc817f0985d8750a', type: "tel", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.phoneError
-                ? errorBorderStyle
-                : borderStyle, value: this.phone, onInput: (e) => {
-                this.phone =
-                    e.target
-                        .value;
-                this.validateForm();
-            }, placeholder: "+34 123 456 789" }), this.phoneError && (h("p", { key: '9eff09242097e92c1d9eec03df499a73b169664c', class: "text-error text-sm mt-1" }, this.phoneError)))), h("div", { key: '55990f0a38c24bd9a0d91df2760f81909a79696c', class: "flex flex-col items-center gap-4" }, h("button", { key: '09dfe384f03928294282cf973d3ccd9baf6d0a56', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
-                !this.email.trim() || !!this.nameError ||
-                !!this.emailError || !!this.phoneError ||
-                this.isSubmitting, class: `px-6 py-3 rounded-4xl transition-colors duration-200 flex items-center gap-2 ${this.isSubmitting
-                ? "bg-muted text-text-muted cursor-not-allowed"
-                : "bg-secondary hover:bg-tertiary"}`, style: {
-                color: this.isSubmitting
-                    ? "var(--color-text-muted)"
-                    : "#ffffff",
-            } }, this.isSubmitting && (h("div", { key: 'e5aad83a4c2f4838e303f9447b26db9a3094aa14', class: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" })), this.isSubmitting
-            ? t.solarSystemForm.sending
-            : t.solarSystemForm.requestOfferButton), this.submitMessage && (h("div", { key: '72a6cfc9becc8f24a4aa2072c8706a5bcec0319e', class: `text-sm px-4 py-2 rounded-4xl ${this.submitSuccess
-                ? "bg-success/10 text-success border border-success/20"
-                : "bg-error/10 text-error border border-error/20"}` }, this.submitMessage)))))));
-    }
-    static get 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],
-        "batteryEnabled": [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-PkMjF2if.js.map
-
-//# sourceMappingURL=p-PkMjF2if.js.map