blue-chestnut-solar-expert 0.0.68 → 0.0.69

package/dist/collection/components/map-draw/map-draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-draw.js","sourceRoot":"","sources":["../../../src/components/map-draw/map-draw.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n    Component,\r\n    Element,\r\n    getAssetPath,\r\n    h,\r\n    Prop,\r\n    State,\r\n    Watch,\r\n} from \"@stencil/core\";\r\n\r\nimport {\r\n    BuildingInsightsResponse,\r\n    GeoTiff,\r\n    Polygon,\r\n    SolarPanelType,\r\n} from \"harmonia-types\";\r\nimport {\r\n    fetchSolarData,\r\n    getBestFittingRoofSegment,\r\n    getOptimalSolarPositionFully,\r\n    SolarSystem,\r\n} from \"harmonia-sim\";\r\nimport { getBuildingImages } from \"../../utils/solar\";\r\nimport {\r\n    CanvasInteraction,\r\n    CanvasManager,\r\n    CanvasUtils,\r\n    ManagerConfigInput,\r\n    renderRGB,\r\n    Tool,\r\n} from \"harmonia-draw\";\r\nimport {\r\n    markRoofEdgeTool,\r\n    moveTool,\r\n    obstructionTool,\r\n    roofTool,\r\n    Tool as LegacyTool,\r\n} from \"../../utils/render/tools\";\r\nimport {\r\n    DEFAULT_SOLAR_EXPERT_CONFIG,\r\n    DEFAULT_SOLAR_PANEL_TYPE,\r\n    SolarExpertConfig,\r\n} from \"../../config\";\r\nimport { getPixelInMeters } from \"../../utils/utils\";\r\nimport { BORDER_INSET } from \"../../constants\";\r\nimport { getLanguageStrings } from \"../../utils/lang/general\";\r\nimport { onChange, Settings, state } from \"../../store\";\r\n\r\n@Component({\r\n    tag: \"map-draw\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class MapDraw {\r\n    @Prop()\r\n    apiKey: string = \"\";\r\n    @Prop()\r\n    config: SolarExpertConfig = DEFAULT_SOLAR_EXPERT_CONFIG;\r\n    @Prop()\r\n    solarPanel: SolarPanelType = DEFAULT_SOLAR_PANEL_TYPE;\r\n    @Prop()\r\n    enableSettings: boolean = false;\r\n\r\n    @State()\r\n    showInstructions: boolean = true;\r\n    @State()\r\n    showSettings: boolean = false;\r\n    @State()\r\n    showTutorial: boolean = false;\r\n    @State()\r\n    showMarkEdgeTutorial: boolean = false;\r\n    @State()\r\n    showAdditionalToolsTutorial: boolean = false;\r\n    @State()\r\n    additionalToolsTutorialShown: boolean = false;\r\n    @State()\r\n    showObstacleTutorial: boolean = false;\r\n    @State()\r\n    obstacleTutorialShown: boolean = false;\r\n    @State()\r\n    firstPolygonClosed: boolean = false;\r\n    @State()\r\n    zoom: number = 1;\r\n    @State()\r\n    loadingState: \"empty\" | \"loading\" | \"loaded\" | \"error\" = \"empty\";\r\n    @State()\r\n    rgbTiff: GeoTiff | null = null;\r\n    @State()\r\n    currentTool: LegacyTool = roofTool;\r\n    @State()\r\n    buildingInsights: BuildingInsightsResponse | null = null;\r\n    @State()\r\n    pixelInMeters: number = 0.2;\r\n    @State()\r\n    interaction: CanvasInteraction = {\r\n        isDrawing: false,\r\n        isDragging: false,\r\n        lastTouchTime: 0,\r\n    };\r\n    @State()\r\n    currentPolygon: Polygon | null = null;\r\n    @State()\r\n    solarSystem: { [id: string]: SolarSystem } = {};\r\n    @State()\r\n    showToast: boolean = false;\r\n    @State()\r\n    toastMessage: string = \"\";\r\n    @State()\r\n    toastType: \"success\" | \"info\" | \"warning\" | \"error\" = \"success\";\r\n\r\n    @Element()\r\n    el: HTMLElement;\r\n    private canvasElement?: HTMLCanvasElement;\r\n    private polygonCanvas?: HTMLCanvasElement;\r\n    private polygonCtx?: CanvasRenderingContext2D;\r\n    private canvasManager?: CanvasManager;\r\n    private preventDefaultTouch?: (e: TouchEvent) => void;\r\n    private gestureStartHandler?: (e: Event) => void;\r\n    private gestureChangeHandler?: (e: Event) => void;\r\n    private gestureEndHandler?: (e: Event) => void;\r\n    private latitudeChangeListener?: () => void;\r\n    private longitudeChangeListener?: () => void;\r\n\r\n    componentDidLoad() {\r\n        // Set up change listeners for latitude and longitude\r\n        this.latitudeChangeListener = () => {\r\n            if (state.latitude && state.longitude) {\r\n                this.loadingState = \"loading\";\r\n                this.getBuildingImages();\r\n                this.getBuildingInsights();\r\n\r\n                // Reset tutorial states for new location\r\n                this.resetTutorials();\r\n\r\n                // Show tutorial when coordinates are first set\r\n                this.showTutorial = true;\r\n            }\r\n        };\r\n        this.longitudeChangeListener = () => {\r\n            if (state.latitude && state.longitude) {\r\n                this.loadingState = \"loading\";\r\n                this.getBuildingImages();\r\n                this.getBuildingInsights();\r\n\r\n                // Reset tutorial states for new location\r\n                this.resetTutorials();\r\n\r\n                // Show tutorial when coordinates are first set\r\n                this.showTutorial = true;\r\n            }\r\n        };\r\n\r\n        onChange(\"latitude\", this.latitudeChangeListener);\r\n        onChange(\"longitude\", this.longitudeChangeListener);\r\n\r\n        // Load data if coordinates already exist\r\n        if (state.latitude && state.longitude) {\r\n            this.loadingState = \"loading\";\r\n            this.getBuildingInsights();\r\n            this.getBuildingImages();\r\n\r\n            // Show tutorial if coordinates already exist\r\n            this.showTutorial = true;\r\n        }\r\n\r\n        // Wait for the next frame to ensure DOM is ready\r\n        requestAnimationFrame(() => {\r\n            this.initializeCanvas();\r\n            const rect = this.canvasElement.getBoundingClientRect();\r\n            this.sizeCanvas(rect.width, rect.height);\r\n        });\r\n    }\r\n\r\n    private initializeCanvas() {\r\n        if (this.canvasElement && this.polygonCanvas) {\r\n            // Set initial canvas sizes based on container\r\n            const rect = this.canvasElement.getBoundingClientRect();\r\n            if (rect.width > 0 && rect.height > 0) {\r\n                this.canvasElement.width = rect.width;\r\n                this.canvasElement.height = rect.height;\r\n                this.polygonCanvas.width = rect.width;\r\n                this.polygonCanvas.height = rect.height;\r\n                this.polygonCtx = this.polygonCanvas.getContext(\"2d\");\r\n            }\r\n        }\r\n\r\n        // Add resize listener\r\n        window.addEventListener(\"resize\", this.handleResize);\r\n    }\r\n\r\n    private handleResize = () => {\r\n        if (this.rgbTiff) {\r\n            this.drawMap();\r\n        }\r\n    };\r\n\r\n    disconnectedCallback() {\r\n        this.removeEventListeners();\r\n        window.removeEventListener(\"resize\", this.handleResize);\r\n        window.removeEventListener(\"resize\", this.handleResize);\r\n    }\r\n\r\n    @Watch(\"rgbTiff\")\r\n    setupCanvasManager() {\r\n        if (!this.rgbTiff) return;\r\n        if (!this.rgbTiff) return;\r\n        // if (this.canvasManager) return;\r\n        let managerConfig: ManagerConfigInput = {};\r\n        if (state.isMobile) {\r\n            managerConfig = {\r\n                ...managerConfig,\r\n                closeDistance: 20,\r\n            };\r\n        }\r\n        this.canvasManager = new CanvasManager({\r\n            coordinateSystem: {\r\n                width: this.rgbTiff.width,\r\n                height: this.rgbTiff.height,\r\n            },\r\n            onStateChange: () => {\r\n                const currentPolygon = this.canvasManager\r\n                    ?.getCurrentPolygon();\r\n                // Calculate area and create a copy to trigger Stencil re-render\r\n                this.currentPolygon = currentPolygon\r\n                    ? {\r\n                        ...currentPolygon,\r\n                        points: [...currentPolygon.points],\r\n                        area: currentPolygon.area,\r\n                    }\r\n                    : null;\r\n                CanvasUtils.drawState(\r\n                    this.polygonCtx,\r\n                    this.canvasManager.getState(),\r\n                    this.solarPanel,\r\n                    {\r\n                        showGrid: false,\r\n                        showPreview: !state.isMobile,\r\n                    },\r\n                );\r\n            },\r\n            onPolygonChange: (polygon) => this.handlePolygonsChange(polygon),\r\n            onLowerRoofEdgeMarked: () => {\r\n                this.calculateSolarPanels(false);\r\n                // Show additional tools tutorial after mark edge tutorial is completed\r\n                if (!this.additionalToolsTutorialShown) {\r\n                    this.showAdditionalToolsTutorial = true;\r\n                    this.additionalToolsTutorialShown = true;\r\n                }\r\n            },\r\n        }, managerConfig);\r\n\r\n        console.log(\"debug\", this.canvasManager?.getDebugString());\r\n\r\n        // Add event listeners after canvas is initialized\r\n        this.setupEventListeners();\r\n\r\n        // Draw map after canvas manager is set up\r\n        requestAnimationFrame(() => {\r\n            this.drawMap();\r\n        });\r\n\r\n        // Draw map after canvas manager is set up\r\n        requestAnimationFrame(() => {\r\n            this.drawMap();\r\n        });\r\n    }\r\n\r\n    private setupEventListeners() {\r\n        if (!this.polygonCanvas) return;\r\n\r\n        this.polygonCanvas.addEventListener(\"mousedown\", this.handleMouseDown, {\r\n            passive: false,\r\n        });\r\n        this.polygonCanvas.addEventListener(\r\n            \"touchstart\",\r\n            this.handleTouchStart,\r\n            {\r\n                passive: false,\r\n            },\r\n        );\r\n        this.polygonCanvas.addEventListener(\"mousemove\", this.handleMouseMove, {\r\n            passive: true,\r\n        });\r\n        this.polygonCanvas.addEventListener(\r\n            \"mouseleave\",\r\n            this.handleMouseLeave,\r\n            {\r\n                passive: true,\r\n            },\r\n        );\r\n\r\n        // Document-level event listeners for drag operations\r\n        document.addEventListener(\"mousemove\", this.handleMouseMove, {\r\n            passive: true,\r\n        });\r\n        document.addEventListener(\"touchmove\", this.handleTouchMove, {\r\n            passive: false,\r\n        });\r\n\r\n        document.addEventListener(\"mouseup\", this.handleMouseUp, {\r\n            passive: true,\r\n        });\r\n        document.addEventListener(\"touchend\", this.handleTouchEnd, {\r\n            passive: false,\r\n        });\r\n\r\n        // Additional touch event prevention\r\n        this.preventDefaultTouch = (e: TouchEvent) => {\r\n            if (e.touches.length > 1) {\r\n                e.preventDefault();\r\n            }\r\n        };\r\n\r\n        this.gestureStartHandler = (e: Event) => e.preventDefault();\r\n        this.gestureChangeHandler = (e: Event) => e.preventDefault();\r\n        this.gestureEndHandler = (e: Event) => e.preventDefault();\r\n\r\n        this.polygonCanvas.addEventListener(\r\n            \"touchmove\",\r\n            this.preventDefaultTouch,\r\n            {\r\n                passive: false,\r\n            },\r\n        );\r\n        this.polygonCanvas.addEventListener(\r\n            \"gesturestart\",\r\n            this.gestureStartHandler,\r\n            {\r\n                passive: false,\r\n            },\r\n        );\r\n        this.polygonCanvas.addEventListener(\r\n            \"gesturechange\",\r\n            this.gestureChangeHandler,\r\n            {\r\n                passive: false,\r\n            },\r\n        );\r\n        this.polygonCanvas.addEventListener(\r\n            \"gestureend\",\r\n            this.gestureEndHandler,\r\n            {\r\n                passive: false,\r\n            },\r\n        );\r\n    }\r\n\r\n    private removeEventListeners() {\r\n        if (!this.polygonCanvas) return;\r\n\r\n        this.polygonCanvas.removeEventListener(\r\n            \"mousedown\",\r\n            this.handleMouseDown,\r\n        );\r\n        this.polygonCanvas.removeEventListener(\r\n            \"touchstart\",\r\n            this.handleTouchStart,\r\n        );\r\n        this.polygonCanvas.removeEventListener(\r\n            \"mousemove\",\r\n            this.handleMouseMove,\r\n        );\r\n        this.polygonCanvas.removeEventListener(\r\n            \"mouseleave\",\r\n            this.handleMouseLeave,\r\n        );\r\n\r\n        document.removeEventListener(\"mousemove\", this.handleMouseMove);\r\n        document.removeEventListener(\"touchmove\", this.handleTouchMove);\r\n        document.removeEventListener(\"mouseup\", this.handleMouseUp);\r\n        document.removeEventListener(\"touchend\", this.handleTouchEnd);\r\n\r\n        if (this.preventDefaultTouch) {\r\n            this.polygonCanvas.removeEventListener(\r\n                \"touchmove\",\r\n                this.preventDefaultTouch,\r\n            );\r\n        }\r\n\r\n        if (this.gestureStartHandler) {\r\n            this.polygonCanvas.removeEventListener(\r\n                \"gesturestart\",\r\n                this.gestureStartHandler,\r\n            );\r\n        }\r\n\r\n        if (this.gestureChangeHandler) {\r\n            this.polygonCanvas.removeEventListener(\r\n                \"gesturechange\",\r\n                this.gestureChangeHandler,\r\n            );\r\n        }\r\n\r\n        if (this.gestureEndHandler) {\r\n            this.polygonCanvas.removeEventListener(\r\n                \"gestureend\",\r\n                this.gestureEndHandler,\r\n            );\r\n        }\r\n    }\r\n\r\n    private handlePolygonsChange(polygon: Polygon) {\r\n        this.currentPolygon = polygon;\r\n        // Check if this is the first polygon being closed\r\n        if (\r\n            polygon.closed && !this.firstPolygonClosed &&\r\n            polygon.type === \"roof\"\r\n        ) {\r\n            this.firstPolygonClosed = true;\r\n            // Show obstacle tutorial first instead of mark edge tutorial\r\n            this.showObstacleTutorial = true;\r\n        }\r\n\r\n        // Show mark edge tutorial when an obstacle polygon is closed (if obstacle tutorial was shown)\r\n        if (\r\n            polygon.closed &&\r\n            polygon.type === \"obstruction\" &&\r\n            this.obstacleTutorialShown &&\r\n            !this.showMarkEdgeTutorial &&\r\n            !this.showObstacleTutorial\r\n        ) {\r\n            this.showMarkEdgeTutorial = true;\r\n        }\r\n\r\n        if (polygon.closed || this.currentTool !== moveTool) {\r\n            this.handleToolSelect(moveTool);\r\n            if (polygon.azimuth && polygon.pitch) {\r\n                if (this.canvasManager?.getPositionedSolarPanels(polygon.id)) {\r\n                    this.calculateSolarPanels(false);\r\n                }\r\n                return;\r\n            }\r\n\r\n            const bestMatch = getBestFittingRoofSegment(\r\n                polygon,\r\n                this.buildingInsights?.solarPotential.roofSegmentStats ?? [],\r\n                this.rgbTiff.bounds,\r\n                this.canvasElement,\r\n            );\r\n            if (!bestMatch) {\r\n                const newPolygon = {\r\n                    ...polygon,\r\n                    azimuth: 180,\r\n                    pitch: 35,\r\n                };\r\n                this.canvasManager?.updatePolygon(newPolygon);\r\n                return;\r\n            }\r\n            const newPolygon = {\r\n                ...polygon,\r\n                azimuth: polygon.azimuth || bestMatch.azimuthDegrees,\r\n                pitch: polygon.pitch || bestMatch.pitchDegrees,\r\n            };\r\n            this.canvasManager?.updatePolygon(newPolygon);\r\n        }\r\n\r\n        if (\r\n            polygon.closed &&\r\n            this.canvasManager?.getPositionedSolarPanels(polygon.id)\r\n        ) {\r\n            this.calculateSolarPanels(false);\r\n        }\r\n    }\r\n\r\n    private handleMouseUp = (event: MouseEvent) => {\r\n        if (!this.canvasManager) return;\r\n        this.canvasManager.handleMouseUp(event);\r\n    };\r\n\r\n    private handleTouchEnd = (event: TouchEvent) => {\r\n        if (!this.polygonCanvas || !this.canvasManager) return;\r\n\r\n        // Only prevent default if the touch is on the canvas\r\n        const target = event.target as Element;\r\n        if (this.isTargetCanvas(target)) {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n        }\r\n        this.canvasManager.handleTouchEnd(event);\r\n    };\r\n\r\n    private handleTouchMove = (event: TouchEvent) => {\r\n        if (!this.polygonCanvas || !this.canvasManager) return;\r\n\r\n        // Only prevent default if the touch is on the canvas\r\n        const target = event.target as Element;\r\n        if (this.isTargetCanvas(target)) {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n        }\r\n\r\n        const rect = this.polygonCanvas.getBoundingClientRect();\r\n        this.canvasManager.handleTouchMove(event, rect);\r\n    };\r\n\r\n    private handleMouseMove = (event: MouseEvent) => {\r\n        if (!this.canvasManager) return;\r\n        const rect = this.polygonCanvas?.getBoundingClientRect();\r\n        this.canvasManager.handleMouseMove(event, rect);\r\n    };\r\n\r\n    private handleMouseLeave = () => {\r\n        if (!this.canvasManager) return;\r\n        this.canvasManager.handleMouseLeave();\r\n    };\r\n\r\n    private handleMouseDown = (event: MouseEvent) => {\r\n        if (!this.canvasManager) return;\r\n        const rect = this.polygonCanvas?.getBoundingClientRect();\r\n        this.canvasManager.handleMouseDown(event, rect);\r\n    };\r\n\r\n    private handleTouchStart = (event: TouchEvent) => {\r\n        if (!this.polygonCanvas || !this.canvasManager) return;\r\n\r\n        // Only prevent default if the touch is on the canvas\r\n        const target = event.target as Element;\r\n        if (!this.isTargetCanvas(target)) {\r\n            return;\r\n        }\r\n\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        const now = Date.now();\r\n\r\n        // Prevent double tap zoom with a longer timeout\r\n        if (now - this.interaction.lastTouchTime < 500) {\r\n            event.preventDefault();\r\n            return;\r\n        }\r\n\r\n        this.interaction = {\r\n            ...this.interaction,\r\n            lastTouchTime: now,\r\n        };\r\n        const rect = this.polygonCanvas.getBoundingClientRect();\r\n        this.canvasManager.handleTouchStart(event, rect);\r\n    };\r\n\r\n    private isTargetCanvas(target: Element): boolean {\r\n        if (!this.polygonCanvas || !this.canvasElement) return false;\r\n\r\n        return target === this.polygonCanvas ||\r\n            target === this.canvasElement ||\r\n            this.polygonCanvas.contains(target) ||\r\n            this.canvasElement.contains(target);\r\n    }\r\n\r\n    private sizeCanvas(width: number, height: number) {\r\n        if (this.canvasElement) {\r\n            this.canvasElement.width = width;\r\n            this.canvasElement.height = height;\r\n        }\r\n\r\n        if (this.polygonCanvas) {\r\n            this.polygonCanvas.width = width;\r\n            this.polygonCanvas.height = height;\r\n            this.polygonCtx = this.polygonCanvas.getContext(\"2d\");\r\n\r\n            if (this.canvasManager) {\r\n                this.canvasManager.updateCanvasSize({\r\n                    width: width,\r\n                    height: height,\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    async getBuildingInsights() {\r\n        if (!state.latitude || !state.longitude) {\r\n            return;\r\n        }\r\n\r\n        if (this.buildingInsights) {\r\n            const sameLocation =\r\n                this.buildingInsights.center.latitude === state.latitude &&\r\n                this.buildingInsights.center.longitude === state.longitude;\r\n            if (sameLocation) {\r\n                return;\r\n            }\r\n            this.solarSystem = {};\r\n            this.canvasElement?.getContext(\"2d\")?.clearRect(\r\n                0,\r\n                0,\r\n                this.canvasElement.width,\r\n                this.canvasElement.height,\r\n            );\r\n            this.polygonCtx?.clearRect(\r\n                0,\r\n                0,\r\n                this.polygonCanvas.width,\r\n                this.polygonCanvas.height,\r\n            );\r\n            this.rgbTiff = null;\r\n            this.canvasManager?.clearPolygons();\r\n\r\n            // Reset tutorial states for new location\r\n            this.resetTutorials();\r\n        }\r\n        try {\r\n            this.buildingInsights = await fetchSolarData(\r\n                state.latitude,\r\n                state.longitude,\r\n                this.apiKey,\r\n            );\r\n            if (!this.buildingInsights) {\r\n                console.error(\r\n                    \"No building insights found. Please enter them manually.\",\r\n                );\r\n            }\r\n        } catch (error) {\r\n            console.error(\"Failed to get building insights:\", error);\r\n        }\r\n    }\r\n\r\n    async getBuildingImages() {\r\n        if (!state.latitude || !state.longitude) {\r\n            return;\r\n        }\r\n\r\n        // Check if we already have building insights for the same location\r\n        if (this.buildingInsights) {\r\n            const sameLocation =\r\n                this.buildingInsights.center.latitude === state.latitude &&\r\n                this.buildingInsights.center.longitude === state.longitude;\r\n            if (sameLocation) {\r\n                return;\r\n            }\r\n        }\r\n\r\n        try {\r\n            this.rgbTiff = await getBuildingImages(\r\n                state.latitude,\r\n                state.longitude,\r\n                this.apiKey,\r\n                state.radiusMeters,\r\n            );\r\n            if (this.rgbTiff) {\r\n                this.pixelInMeters = getPixelInMeters(this.rgbTiff);\r\n                if (this.canvasManager) {\r\n                    this.canvasManager.setMeterToPixelRatio(this.pixelInMeters);\r\n                }\r\n                // this.loadingState = \"loaded\";\r\n            } else {\r\n                this.loadingState = \"error\";\r\n            }\r\n        } catch (error) {\r\n            console.error(\"Failed to get building images:\", error);\r\n            this.loadingState = \"error\";\r\n        }\r\n    }\r\n\r\n    @Watch(\"rgbTiff\")\r\n    @Watch(\"canvasElement\")\r\n    async drawMap() {\r\n        if (!this.canvasElement || !this.rgbTiff) {\r\n            return;\r\n        }\r\n\r\n        // Ensure canvas is properly sized\r\n        if (!this.canvasElement || !this.rgbTiff) {\r\n            return;\r\n        }\r\n\r\n        // Ensure canvas is properly sized\r\n        this.sizeCanvas(this.rgbTiff.width, this.rgbTiff.height);\r\n        // Add a small delay to ensure canvas sizing is complete\r\n        await new Promise((resolve) => setTimeout(resolve, 0));\r\n        // Add a small delay to ensure canvas sizing is complete\r\n        await new Promise((resolve) => setTimeout(resolve, 0));\r\n\r\n        try {\r\n            renderRGB(this.rgbTiff, undefined, this.canvasElement);\r\n            this.loadingState = \"loaded\";\r\n        } catch (error) {\r\n            console.error(\"Failed to render RGB image:\", error);\r\n        }\r\n    }\r\n\r\n    private undo() {\r\n        if (this.canvasManager?.canUndo()) {\r\n            this.canvasManager.undo();\r\n\r\n            // Map harmonia-draw Tool enum back to local Tool\r\n            const harmoniaTool = this.canvasManager.getState().selectedTool;\r\n            switch (harmoniaTool) {\r\n                case Tool.ROOF_POLYGON:\r\n                    this.currentTool = roofTool;\r\n                    break;\r\n                case Tool.OBSTRUCTION_POLYGON:\r\n                    this.currentTool = obstructionTool;\r\n                    break;\r\n                case Tool.MOVE:\r\n                    this.currentTool = moveTool;\r\n                    break;\r\n                case Tool.MARK_ROOF_EDGE:\r\n                    this.currentTool = markRoofEdgeTool;\r\n                    break;\r\n                default:\r\n                    this.currentTool = moveTool;\r\n                    break;\r\n            }\r\n\r\n            // Show toast message\r\n            const t = getLanguageStrings(state.settings.language);\r\n            this.showToastMessage(t.mapDraw.toast.undoSuccess, \"success\");\r\n\r\n            // if (!this.currentPolygon?.closed) {\r\n            //     this.handleToolSelect(roofTool);\r\n            // }\r\n        }\r\n    }\r\n\r\n    private calculateSolarPanels(showToast: boolean = false) {\r\n        if (this.currentPolygon) {\r\n            this.calculateSolarPanelsForPolygon(this.currentPolygon, false);\r\n\r\n            // Show toast message only when explicitly requested\r\n            if (showToast) {\r\n                const t = getLanguageStrings(state.settings.language);\r\n                this.showToastMessage(\r\n                    t.mapDraw.toast.calculateSolarPanelsSuccess,\r\n                    \"success\",\r\n                );\r\n            }\r\n        }\r\n    }\r\n\r\n    private markAsFlatRoof() {\r\n        if (this.currentPolygon) {\r\n            const newPolygon = {\r\n                ...this.currentPolygon,\r\n                pitch: 15,\r\n                azimuth: 180, // East orientation\r\n            };\r\n            this.canvasManager?.updatePolygon(newPolygon);\r\n            this.currentPolygon = newPolygon;\r\n            this.calculateSolarPanelsForPolygon(newPolygon, true);\r\n\r\n            // Show toast message\r\n            const t = getLanguageStrings(state.settings.language);\r\n            this.showToastMessage(\r\n                t.mapDraw.toast.markAsFlatRoofSuccess,\r\n                \"info\",\r\n            );\r\n\r\n            // Auto-select the mark roof edge tool\r\n            this.handleToolSelect(markRoofEdgeTool);\r\n        }\r\n    }\r\n\r\n    private calculateSolarPanelsForPolygon(\r\n        polygon: Polygon,\r\n        isFlatRoof: boolean,\r\n    ) {\r\n        const convertedSolarPanel: SolarPanelType = {\r\n            ...this.solarPanel,\r\n            widthMeters: this.solarPanel.widthMeters / this.pixelInMeters,\r\n            heightMeters: this.solarPanel.heightMeters / this.pixelInMeters,\r\n        };\r\n        const inset = BORDER_INSET / this.pixelInMeters;\r\n        const solarPanels = getOptimalSolarPositionFully(\r\n            polygon,\r\n            this.canvasManager.getObstacles(),\r\n            convertedSolarPanel,\r\n            polygon.azimuth,\r\n            inset,\r\n            polygon.pitch,\r\n            state.settings.columnSpacing,\r\n            state.settings.rowSpacing,\r\n        );\r\n\r\n        this.canvasManager.setPositionedSolarPanel(polygon.id, solarPanels);\r\n\r\n        // Convert PositionedSolarPanel[] to SolarPanelSystemPart format\r\n        const allPositionedPanels = this.canvasManager\r\n            .getAllPositionedSolarPanels();\r\n        this.solarSystem = Object.keys(allPositionedPanels).reduce(\r\n            (acc, polygonId) => {\r\n                acc[polygonId] = {\r\n                    numberOfPanels: allPositionedPanels[polygonId].length,\r\n                    panelType: this.solarPanel,\r\n                    pitch: polygon.pitch,\r\n                    azimuth: polygon.azimuth,\r\n                    roofArea: polygon.area,\r\n                    isFlatRoof: isFlatRoof,\r\n                    inverterType: \"central\",\r\n                };\r\n                return acc;\r\n            },\r\n            {} as { [id: string]: SolarSystem },\r\n        );\r\n    }\r\n\r\n    private handlePitchChange(event: Event) {\r\n        const target = event.target as HTMLInputElement;\r\n        const pitch = parseFloat(target.value);\r\n        if (this.currentPolygon) {\r\n            const newPolygon = {\r\n                ...this.currentPolygon,\r\n                pitch: pitch,\r\n            };\r\n            this.canvasManager?.updatePolygon(newPolygon);\r\n            this.currentPolygon = newPolygon;\r\n        }\r\n        if (\r\n            this.currentPolygon?.type === \"roof\" &&\r\n            this.canvasManager?.getPositionedSolarPanels(this.currentPolygon.id)\r\n        ) {\r\n            this.calculateSolarPanels(false);\r\n            return;\r\n        }\r\n    }\r\n\r\n    private handleAzimuthChange(event: Event) {\r\n        const target = event.target as HTMLInputElement;\r\n        const displayAzimuth = parseFloat(target.value);\r\n        const azimuth = (displayAzimuth + 270) % 360;\r\n        if (this.currentPolygon) {\r\n            const newPolygon = {\r\n                ...this.currentPolygon,\r\n                azimuth: azimuth,\r\n            };\r\n            this.canvasManager?.updatePolygon(newPolygon);\r\n            this.currentPolygon = newPolygon;\r\n        }\r\n        if (\r\n            this.currentPolygon?.type === \"roof\" &&\r\n            this.canvasManager?.getPositionedSolarPanels(this.currentPolygon.id)\r\n        ) {\r\n            this.calculateSolarPanels(false);\r\n            return;\r\n        }\r\n    }\r\n\r\n    private handleToolSelect(tool: LegacyTool) {\r\n        if (\r\n            this.currentPolygon && !this.currentPolygon.closed &&\r\n            this.currentPolygon.points.length > 0\r\n        ) {\r\n            alert(\"Please close the polygon before selecting a tool\");\r\n            return;\r\n        }\r\n\r\n        this.currentTool = tool;\r\n\r\n        // Map legacy tools to harmonia-draw tools\r\n        if (this.canvasManager) {\r\n            switch (tool.name) {\r\n                case \"roof\":\r\n                    this.canvasManager.setSelectedTool(Tool.ROOF_POLYGON);\r\n                    break;\r\n                case \"obstruction\":\r\n                    this.canvasManager.setSelectedTool(\r\n                        Tool.OBSTRUCTION_POLYGON,\r\n                    );\r\n                    break;\r\n                case \"move\":\r\n                    this.canvasManager.setSelectedTool(Tool.MOVE);\r\n                    break;\r\n                case \"markRoofEdge\":\r\n                    this.canvasManager.setSelectedTool(Tool.MARK_ROOF_EDGE);\r\n                    break;\r\n                default:\r\n                    // For other tools like delete, etc., we handle them manually\r\n                    break;\r\n            }\r\n        }\r\n    }\r\n\r\n    private handleSettingsClose = () => {\r\n        this.showSettings = false;\r\n    };\r\n\r\n    private handleSettingsSave = (event: CustomEvent<Settings>) => {\r\n        state.settings = event.detail;\r\n        state.settingsVersion++;\r\n    };\r\n\r\n    private handleTutorialClose = () => {\r\n        this.showTutorial = false;\r\n    };\r\n\r\n    private handleMarkEdgeTutorialClose = () => {\r\n        this.showMarkEdgeTutorial = false;\r\n        this.handleToolSelect(markRoofEdgeTool);\r\n    };\r\n\r\n    private handleAdditionalToolsTutorialClose = () => {\r\n        this.showAdditionalToolsTutorial = false;\r\n        this.additionalToolsTutorialShown = true;\r\n    };\r\n\r\n    private handleObstacleTutorialClose = () => {\r\n        this.showObstacleTutorial = false;\r\n        this.obstacleTutorialShown = true;\r\n        this.handleToolSelect(obstructionTool);\r\n    };\r\n\r\n    private handleObstacleTutorialSkip = () => {\r\n        this.showObstacleTutorial = false;\r\n        this.obstacleTutorialShown = true;\r\n        this.showMarkEdgeTutorial = true;\r\n    };\r\n\r\n    private showToastMessage(\r\n        message: string,\r\n        type: \"success\" | \"info\" | \"warning\" | \"error\" = \"success\",\r\n    ) {\r\n        this.toastMessage = message;\r\n        this.toastType = type;\r\n        this.showToast = true;\r\n\r\n        // Hide toast after 3 seconds\r\n        setTimeout(() => {\r\n            this.showToast = false;\r\n        }, 3000);\r\n    }\r\n\r\n    private resetTutorials() {\r\n        this.showTutorial = false;\r\n        this.showMarkEdgeTutorial = false;\r\n        this.showAdditionalToolsTutorial = false;\r\n        this.showObstacleTutorial = false;\r\n        this.additionalToolsTutorialShown = false;\r\n        this.obstacleTutorialShown = false;\r\n        this.firstPolygonClosed = false;\r\n    }\r\n\r\n    render() {\r\n        const t = getLanguageStrings(state.settings.language);\r\n        return (\r\n            <div\r\n                class=\"flex flex-col justify-center items-center w-full h-full gap-4\"\r\n                id=\"map-draw\"\r\n            >\r\n                {this.showTutorial && (\r\n                    <tutorial-component\r\n                        onClose={this.handleTutorialClose}\r\n                        title={t.mapDraw.tutorial.title}\r\n                        description={t.mapDraw.tutorial.description}\r\n                        videoSource={getAssetPath(\r\n                            \"./assets/tutorial1.mp4\",\r\n                        )}\r\n                    />\r\n                )}\r\n                {this.showMarkEdgeTutorial && (\r\n                    <tutorial-component\r\n                        onClose={this.handleMarkEdgeTutorialClose}\r\n                        title={t.mapDraw.tutorial.markEdge.title}\r\n                        description={t.mapDraw.tutorial.markEdge\r\n                            .description}\r\n                        videoSource={getAssetPath(\r\n                            \"./assets/tutorial2.mp4\",\r\n                        )}\r\n                    />\r\n                )}\r\n                {this.showAdditionalToolsTutorial && (\r\n                    <tutorial-component\r\n                        onClose={this\r\n                            .handleAdditionalToolsTutorialClose}\r\n                        title={t.mapDraw.tutorial.additionalTools.title}\r\n                        description={t.mapDraw.tutorial.additionalTools\r\n                            .description}\r\n                        videoSource={getAssetPath(\r\n                            \"./assets/tutorial3.mp4\",\r\n                        )}\r\n                    />\r\n                )}\r\n                {this.showObstacleTutorial && (\r\n                    <tutorial-component\r\n                        onClose={this.handleObstacleTutorialClose}\r\n                        onSkip={this.handleObstacleTutorialSkip}\r\n                        showSkipButton={true}\r\n                        title={t.mapDraw.tutorial.obstacle.title}\r\n                        description={t.mapDraw.tutorial.obstacle.description}\r\n                        videoSource={getAssetPath(\r\n                            \"./assets/tutorial4.mp4\",\r\n                        )}\r\n                    />\r\n                )}\r\n                {(state.latitude && state.longitude &&\r\n                    this.loadingState === \"loading\") && (\r\n                    <div class=\"flex items-center justify-center w-full bg-opacity-75 z-20 pt-7 rounded-4xl\">\r\n                        <div class=\"animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-secondary\">\r\n                        </div>\r\n                    </div>\r\n                )}\r\n                {(state.latitude && state.longitude &&\r\n                    this.loadingState === \"error\") && (\r\n                    <div class=\"flex items-center justify-center w-full bg-opacity-75 z-20 pt-7 rounded-4xl\">\r\n                        <div class=\"text-red-500 text-center text-lg font-semibold\">\r\n                            {t.mapDraw.imageLoadError}\r\n                        </div>\r\n                    </div>\r\n                )}\r\n                <div class=\"flex items-start justify-center w-full bg-primary rounded-4xl\">\r\n                    <div\r\n                        class=\"relative flex items-center justify-center w-full rounded-4xl bg-secondary\"\r\n                        style={{\r\n                            aspectRatio: this.rgbTiff\r\n                                ? `${this.rgbTiff.width}/${this.rgbTiff.height}`\r\n                                : \"\",\r\n                        }}\r\n                    >\r\n                        <canvas\r\n                            ref={(el) => this.canvasElement = el}\r\n                            class=\"absolute top-0 left-0 w-full h-full rounded-4xl\"\r\n                            id=\"map-draw-canvas\"\r\n                            style={{\r\n                                cursor: this.currentTool.cursor,\r\n                            }}\r\n                        >\r\n                        </canvas>\r\n                        <canvas\r\n                            ref={(el) => this.polygonCanvas = el}\r\n                            class=\"absolute top-0 left-0 w-full h-full rounded-4xl\"\r\n                            style={{\r\n                                cursor: this.currentTool.cursor,\r\n                            }}\r\n                        >\r\n                        </canvas>\r\n                    </div>\r\n                </div>\r\n\r\n                {this.rgbTiff && (\r\n                    <div class=\"w-full\">\r\n                        <div class=\"w-full pb-4\">\r\n                            <tool-box\r\n                                currentTool={this.currentTool}\r\n                                onToolSelect={(tool) =>\r\n                                    this.handleToolSelect(tool)}\r\n                                undoCallback={() => this.undo()}\r\n                            />\r\n                        </div>\r\n\r\n                        <div class=\"w-full\">\r\n                            <polygon-information\r\n                                currentPolygon={this.currentPolygon}\r\n                                numberOfPanels={this.currentPolygon\r\n                                    ? this\r\n                                        .solarSystem[this.currentPolygon.id]\r\n                                        ?.numberOfPanels\r\n                                    : undefined}\r\n                                handleAzimuthChange={(event) =>\r\n                                    this.handleAzimuthChange(event)}\r\n                                handlePitchChange={(event) =>\r\n                                    this.handlePitchChange(event)}\r\n                                calculateSolarPanels={() =>\r\n                                    this.calculateSolarPanels(true)}\r\n                                markAsFlatRoof={() => this.markAsFlatRoof()}\r\n                                currentTool={this.currentTool.name}\r\n                            />\r\n                        </div>\r\n                        <div class=\"w-full\">\r\n                            <solar-system-form\r\n                                systemConfigs={this.solarSystem}\r\n                                polygons={this.canvasManager?.getPolygons()}\r\n                                roofCanvas={this.canvasElement}\r\n                                polygonCanvas={this.polygonCanvas}\r\n                                pixelInMeters={this.pixelInMeters}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                )}\r\n                {this.showSettings && (\r\n                    <settings-modal\r\n                        settings={state.settings}\r\n                        onClose={this.handleSettingsClose}\r\n                        onSave={this.handleSettingsSave}\r\n                    />\r\n                )}\r\n                {this.showToast && (\r\n                    <toast-notification\r\n                        message={this.toastMessage}\r\n                        type={this.toastType}\r\n                        duration={3000}\r\n                    />\r\n                )}\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}

package/dist/collection/components/map-draw/map-selector.js

@@ -0,0 +1,246 @@
+import { h } from "@stencil/core";
+import { Loader } from "@googlemaps/js-api-loader";
+import { state } from "../../store";
+import { getLanguageStrings } from "../../utils/lang/general";
+export class MapSelector {
+    el;
+    apiKey = "";
+    language = "en";
+    isLoaded = false;
+    autocomplete = null;
+    map = null;
+    marker = null;
+    circle = null;
+    radius = 20;
+    latitude = null;
+    longitude = null;
+    isSatelliteMode = true;
+    showAddressError = false;
+    inputElement;
+    mapElement;
+    componentWillLoad() {
+        // Set location to null initially
+        state.location = null;
+        this.loadGoogleMapsScript();
+    }
+    async loadGoogleMapsScript() {
+        try {
+            const loader = new Loader({
+                apiKey: this.apiKey,
+                libraries: ["places", "maps", "marker"],
+            });
+            const [places, maps, _] = await Promise.all([
+                loader.importLibrary("places"),
+                loader.importLibrary("maps"),
+                loader.importLibrary("marker"),
+            ]);
+            this.isLoaded = true;
+            this.initializeAutocomplete(places);
+            this.initializeMap(maps);
+        }
+        catch (error) {
+            console.error("Error loading Google Maps: ", error);
+        }
+    }
+    initializeAutocomplete(places) {
+        if (!this.inputElement || !this.isLoaded)
+            return;
+        this.autocomplete = new places.Autocomplete(this.inputElement);
+        this.autocomplete.addListener("place_changed", () => {
+            const place = this.autocomplete?.getPlace();
+            if (place?.geometry?.location) {
+                const lat = place.geometry.location.lat();
+                const lng = place.geometry.location.lng();
+                state.location = place.name;
+                this.latitude = lat;
+                this.longitude = lng;
+                this.map?.setCenter({ lat, lng });
+                this.map?.setZoom(40);
+            }
+        });
+    }
+    initializeMap(maps) {
+        if (!this.mapElement || !this.isLoaded)
+            return;
+        this.map = new maps.Map(this.mapElement, {
+            center: {
+                lat: state.latitude || 49.398531832926025,
+                lng: state.longitude || 8.671214102081551,
+            },
+            zoom: 15,
+            mapTypeControl: false,
+            streetViewControl: false,
+            mapTypeId: "satellite",
+            mapId: "map",
+            tilt: 0,
+        });
+        // this.updateMapLocation(state.latitude, state.longitude);
+        // Add click listener to map
+        this.map.addListener("click", (e) => {
+            if (e.latLng) {
+                const lat = e.latLng.lat();
+                const lng = e.latLng.lng();
+                this.latitude = lat;
+                this.longitude = lng;
+                this.updateMapLocation(lat, lng);
+            }
+        });
+        // Initialize marker and circle if we have coordinates
+        if (state.latitude && state.longitude) {
+            this.updateMapLocation(state.latitude, state.longitude);
+        }
+    }
+    updateMapLocation(lat, lng) {
+        if (!this.map)
+            return;
+        // Update or create circle
+        if (this.circle) {
+            this.circle.setCenter({ lat, lng });
+        }
+        else {
+            const circle = new google.maps.Circle({
+                strokeColor: "#ffffff",
+                strokeOpacity: 0.8,
+                strokeWeight: 2,
+                fillColor: "rgba(255, 255, 255, 0.8)",
+                fillOpacity: 0.35,
+                map: this.map,
+                center: { lat, lng },
+                radius: this.radius,
+            });
+            this.circle = circle;
+        }
+    }
+    handleRadiusChange(e) {
+        const value = parseFloat(e.target.value);
+        this.radius = value;
+        if (this.circle) {
+            this.circle.setRadius(value);
+        }
+    }
+    handleAcceptPosition() {
+        console.log("Accepting position ", this.latitude, this.longitude, this.radius);
+        // Check if an address has been selected
+        if (this.latitude === null || this.longitude === null) {
+            this.showAddressError = true;
+            // Hide the error after 3 seconds
+            setTimeout(() => {
+                this.showAddressError = false;
+            }, 3000);
+            return;
+        }
+        state.latitude = this.latitude;
+        state.longitude = this.longitude;
+        state.radiusMeters = this.radius;
+        this.showAddressError = false;
+    }
+    handleToggleMapMode() {
+        this.isSatelliteMode = !this.isSatelliteMode;
+        if (this.map) {
+            this.map.setMapTypeId(this.isSatelliteMode ? "satellite" : "roadmap");
+        }
+    }
+    isIOS() {
+        return state.isIOS;
+    }
+    render() {
+        const t = getLanguageStrings(this.language);
+        return (h("div", { key: 'b43e7d1d3a150903f2416deb7e18ecb2bff0fb0d', class: "map-selector flex flex-col gap-4 pb-4" }, h("div", { key: '38939c632a7c34d7c6309ce733789751e00ff91c', class: "relative" }, h("div", { key: '259a2feeaa70bfeb8bfc9cc1995487dcadced6b9', class: "absolute left-3 top-0 h-full flex items-center pointer-events-none" }, h("search-icon", { key: '3192d47a9399386623bf42ac3acc755c08303279' })), h("input", { key: 'a1e09b20382e0989641dd9a5599f5966e05c7e89', ref: (el) => this.inputElement = el, type: "text", placeholder: t.solarExpert.searchPlaceholder, class: "w-full pl-10 pr-4 py-2 border border-border rounded-4xl focus:ring-secondary bg-muted" })), h("div", { key: '13af9ba1964284bfbe25d133468280bc9c9522e7', class: "w-full rounded-4xl p-4 bg-overlay" }, t.mapSelector.explanation), h("div", { key: '2b408b3c608a79443d2f68125be9ed7fe62e2a18', class: "flex items-center gap-4" }, h("label", { key: 'a7d1d5915049478989a9556e8248a3284a07770f', class: "text-sm font-medium text-text-muted" }, t.mapSelector.radius), this.isIOS()
+            ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "5", max: "100", step: "5", class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.radius, onInput: (e) => {
+                    const value = parseInt(e.target
+                        .value);
+                    if (value >= 5 && value <= 100) {
+                        this.radius = value;
+                        if (this.circle) {
+                            this.circle.setRadius(value);
+                        }
+                    }
+                }, style: {
+                    border: "1px solid var(--color-border)",
+                } }), h("span", { class: "text-sm text-text-muted" }, "m")))
+            : (h("input", { type: "range", min: "5", max: "100", value: this.radius, onInput: (e) => this.handleRadiusChange(e), 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" })), !this.isIOS() && (h("span", { key: 'd3dcf31b6a64cae5ecc9dc5c2ca1a1b1033514f1', class: "text-sm text-text-muted" }, this.radius, "m"))), h("button", { key: 'e63c0b5f66ffa42f3d84dff5ea4844fab3b1dc1c', onClick: () => this.handleToggleMapMode(), class: "w-full py-2 px-4 bg-secondary text-muted rounded-4xl hover:bg-overlay transition-colors", style: {
+                color: "#ffffff",
+            } }, this.isSatelliteMode
+            ? t.mapSelector.switchToStandard
+            : t.mapSelector.switchToSatellite), h("div", { key: 'e7f5340b20ddf519995d518c0066934e612a1ba2', ref: (el) => this.mapElement = el, class: "w-full h-[400px] rounded-4xl border border-border" }), this.showAddressError && (h("div", { key: '1e802e4b460437dadeee0df9c78d4fbe41d63716', class: "w-full p-3 bg-red-100 border border-red-300 rounded-4xl text-red-700 text-sm" }, t.mapSelector.noAddressSelected)), h("button", { key: 'edb59d30e943a765c07aa7a04d4a2d55d92b37de', onClick: () => this.handleAcceptPosition(), class: "w-full py-2 px-4 bg-secondary text-muted rounded-4xl hover:bg-overlay transition-colors", style: {
+                color: "#ffffff",
+            } }, t.mapSelector.accept)));
+    }
+    static get is() { return "map-selector"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../../output.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../../output.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "apiKey": {
+                "type": "string",
+                "attribute": "api-key",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "\"\""
+            },
+            "language": {
+                "type": "string",
+                "attribute": "language",
+                "mutable": false,
+                "complexType": {
+                    "original": "Language",
+                    "resolved": "\"de\" | \"en\" | \"es\"",
+                    "references": {
+                        "Language": {
+                            "location": "import",
+                            "path": "../../types/lang",
+                            "id": "src/types/lang.ts::Language"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "\"en\""
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isLoaded": {},
+            "autocomplete": {},
+            "map": {},
+            "marker": {},
+            "circle": {},
+            "radius": {},
+            "latitude": {},
+            "longitude": {},
+            "isSatelliteMode": {},
+            "showAddressError": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=map-selector.js.map

package/dist/collection/components/map-draw/map-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-selector.js","sourceRoot":"","sources":["../../../src/components/map-draw/map-selector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop, State } from \"@stencil/core\";\r\nimport { Loader } from \"@googlemaps/js-api-loader\";\r\nimport { state } from \"../../store\";\r\nimport { Language } from \"../../types/lang\";\r\nimport { getLanguageStrings } from \"../../utils/lang/general\";\r\n\r\n@Component({\r\n    tag: \"map-selector\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class MapSelector {\r\n    @Element()\r\n    el!: HTMLElement;\r\n\r\n    @Prop()\r\n    apiKey: string = \"\";\r\n    @Prop()\r\n    language: Language = \"en\";\r\n\r\n    @State()\r\n    isLoaded: boolean = false;\r\n    @State()\r\n    autocomplete: google.maps.places.Autocomplete | null = null;\r\n    @State()\r\n    map: google.maps.Map | null = null;\r\n    @State()\r\n    marker: google.maps.marker.AdvancedMarkerElement | null = null;\r\n    @State()\r\n    circle: google.maps.Circle | null = null;\r\n    @State()\r\n    radius: number = 20;\r\n    @State()\r\n    latitude: number | null = null;\r\n    @State()\r\n    longitude: number | null = null;\r\n    @State()\r\n    isSatelliteMode: boolean = true;\r\n    @State()\r\n    showAddressError: boolean = false;\r\n\r\n    private inputElement?: HTMLInputElement;\r\n    private mapElement?: HTMLDivElement;\r\n\r\n    componentWillLoad() {\r\n        // Set location to null initially\r\n        state.location = null;\r\n        this.loadGoogleMapsScript();\r\n    }\r\n\r\n    private async loadGoogleMapsScript() {\r\n        try {\r\n            const loader = new Loader({\r\n                apiKey: this.apiKey,\r\n                libraries: [\"places\", \"maps\", \"marker\"],\r\n            });\r\n\r\n            const [places, maps, _] = await Promise.all([\r\n                loader.importLibrary(\"places\"),\r\n                loader.importLibrary(\"maps\"),\r\n                loader.importLibrary(\"marker\"),\r\n            ]);\r\n\r\n            this.isLoaded = true;\r\n            this.initializeAutocomplete(places);\r\n            this.initializeMap(maps);\r\n        } catch (error) {\r\n            console.error(\"Error loading Google Maps: \", error);\r\n        }\r\n    }\r\n\r\n    private initializeAutocomplete(places: google.maps.PlacesLibrary) {\r\n        if (!this.inputElement || !this.isLoaded) return;\r\n        this.autocomplete = new places.Autocomplete(this.inputElement);\r\n\r\n        this.autocomplete.addListener(\"place_changed\", () => {\r\n            const place = this.autocomplete?.getPlace();\r\n            if (place?.geometry?.location) {\r\n                const lat = place.geometry.location.lat();\r\n                const lng = place.geometry.location.lng();\r\n                state.location = place.name;\r\n\r\n                this.latitude = lat;\r\n                this.longitude = lng;\r\n\r\n                this.map?.setCenter({ lat, lng });\r\n                this.map?.setZoom(40);\r\n            }\r\n        });\r\n    }\r\n\r\n    private initializeMap(\r\n        maps: google.maps.MapsLibrary,\r\n    ) {\r\n        if (!this.mapElement || !this.isLoaded) return;\r\n\r\n        this.map = new maps.Map(this.mapElement, {\r\n            center: {\r\n                lat: state.latitude || 49.398531832926025,\r\n                lng: state.longitude || 8.671214102081551,\r\n            },\r\n            zoom: 15,\r\n            mapTypeControl: false,\r\n            streetViewControl: false,\r\n            mapTypeId: \"satellite\",\r\n            mapId: \"map\",\r\n            tilt: 0,\r\n        });\r\n        // this.updateMapLocation(state.latitude, state.longitude);\r\n\r\n        // Add click listener to map\r\n        this.map.addListener(\"click\", (e: google.maps.MapMouseEvent) => {\r\n            if (e.latLng) {\r\n                const lat = e.latLng.lat();\r\n                const lng = e.latLng.lng();\r\n\r\n                this.latitude = lat;\r\n                this.longitude = lng;\r\n\r\n                this.updateMapLocation(lat, lng);\r\n            }\r\n        });\r\n\r\n        // Initialize marker and circle if we have coordinates\r\n        if (state.latitude && state.longitude) {\r\n            this.updateMapLocation(state.latitude, state.longitude);\r\n        }\r\n    }\r\n\r\n    private updateMapLocation(lat: number, lng: number) {\r\n        if (!this.map) return;\r\n\r\n        // Update or create circle\r\n        if (this.circle) {\r\n            this.circle.setCenter({ lat, lng });\r\n        } else {\r\n            const circle = new google.maps.Circle({\r\n                strokeColor: \"#ffffff\",\r\n                strokeOpacity: 0.8,\r\n                strokeWeight: 2,\r\n                fillColor: \"rgba(255, 255, 255, 0.8)\",\r\n                fillOpacity: 0.35,\r\n                map: this.map,\r\n                center: { lat, lng },\r\n                radius: this.radius,\r\n            });\r\n            this.circle = circle;\r\n        }\r\n    }\r\n\r\n    private handleRadiusChange(e: Event) {\r\n        const value = parseFloat((e.target as HTMLInputElement).value);\r\n        this.radius = value;\r\n        if (this.circle) {\r\n            this.circle.setRadius(value);\r\n        }\r\n    }\r\n\r\n    private handleAcceptPosition() {\r\n        console.log(\r\n            \"Accepting position \",\r\n            this.latitude,\r\n            this.longitude,\r\n            this.radius,\r\n        );\r\n\r\n        // Check if an address has been selected\r\n        if (this.latitude === null || this.longitude === null) {\r\n            this.showAddressError = true;\r\n            // Hide the error after 3 seconds\r\n            setTimeout(() => {\r\n                this.showAddressError = false;\r\n            }, 3000);\r\n            return;\r\n        }\r\n\r\n        state.latitude = this.latitude;\r\n        state.longitude = this.longitude;\r\n        state.radiusMeters = this.radius;\r\n        this.showAddressError = false;\r\n    }\r\n\r\n    private handleToggleMapMode() {\r\n        this.isSatelliteMode = !this.isSatelliteMode;\r\n        if (this.map) {\r\n            this.map.setMapTypeId(\r\n                this.isSatelliteMode ? \"satellite\" : \"roadmap\",\r\n            );\r\n        }\r\n    }\r\n\r\n    private isIOS(): boolean {\r\n        return state.isIOS;\r\n    }\r\n\r\n    render() {\r\n        const t = getLanguageStrings(this.language);\r\n        return (\r\n            <div class=\"map-selector flex flex-col gap-4 pb-4\">\r\n                <div class=\"relative\">\r\n                    <div class=\"absolute left-3 top-0 h-full flex items-center pointer-events-none\">\r\n                        <search-icon />\r\n                    </div>\r\n                    <input\r\n                        ref={(el) => this.inputElement = el}\r\n                        type=\"text\"\r\n                        placeholder={t.solarExpert.searchPlaceholder}\r\n                        class=\"w-full pl-10 pr-4 py-2 border border-border rounded-4xl focus:ring-secondary bg-muted\"\r\n                    />\r\n                </div>\r\n                <div class=\"w-full rounded-4xl p-4 bg-overlay\">\r\n                    {t.mapSelector.explanation}\r\n                </div>\r\n                <div class=\"flex items-center gap-4\">\r\n                    <label class=\"text-sm font-medium text-text-muted\">\r\n                        {t.mapSelector.radius}\r\n                    </label>\r\n                    {this.isIOS()\r\n                        ? (\r\n                            <div class=\"flex items-center gap-2\">\r\n                                <input\r\n                                    type=\"number\"\r\n                                    min=\"5\"\r\n                                    max=\"100\"\r\n                                    step=\"5\"\r\n                                    class=\"flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted\"\r\n                                    value={this.radius}\r\n                                    onInput={(e) => {\r\n                                        const value = parseInt(\r\n                                            (e.target as HTMLInputElement)\r\n                                                .value,\r\n                                        );\r\n                                        if (value >= 5 && value <= 100) {\r\n                                            this.radius = value;\r\n                                            if (this.circle) {\r\n                                                this.circle.setRadius(value);\r\n                                            }\r\n                                        }\r\n                                    }}\r\n                                    style={{\r\n                                        border: \"1px solid var(--color-border)\",\r\n                                    }}\r\n                                />\r\n                                <span class=\"text-sm text-text-muted\">m</span>\r\n                            </div>\r\n                        )\r\n                        : (\r\n                            <input\r\n                                type=\"range\"\r\n                                min=\"5\"\r\n                                max=\"100\"\r\n                                value={this.radius}\r\n                                onInput={(e) => this.handleRadiusChange(e)}\r\n                                class=\"input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted\"\r\n                            />\r\n                        )}\r\n                    {!this.isIOS() && (\r\n                        <span class=\"text-sm text-text-muted\">\r\n                            {this.radius}m\r\n                        </span>\r\n                    )}\r\n                </div>\r\n\r\n                <button\r\n                    onClick={() => this.handleToggleMapMode()}\r\n                    class=\"w-full py-2 px-4 bg-secondary text-muted rounded-4xl hover:bg-overlay transition-colors\"\r\n                    style={{\r\n                        color: \"#ffffff\",\r\n                    }}\r\n                >\r\n                    {this.isSatelliteMode\r\n                        ? t.mapSelector.switchToStandard\r\n                        : t.mapSelector.switchToSatellite}\r\n                </button>\r\n\r\n                <div\r\n                    ref={(el) => this.mapElement = el}\r\n                    class=\"w-full h-[400px] rounded-4xl border border-border\"\r\n                />\r\n\r\n                {this.showAddressError && (\r\n                    <div class=\"w-full p-3 bg-red-100 border border-red-300 rounded-4xl text-red-700 text-sm\">\r\n                        {t.mapSelector.noAddressSelected}\r\n                    </div>\r\n                )}\r\n                <button\r\n                    onClick={() => this.handleAcceptPosition()}\r\n                    class=\"w-full py-2 px-4 bg-secondary text-muted rounded-4xl hover:bg-overlay transition-colors\"\r\n                    style={{\r\n                        color: \"#ffffff\",\r\n                    }}\r\n                >\r\n                    {t.mapSelector.accept}\r\n                </button>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}

package/dist/collection/components/map-draw/polygon-buttons.js

@@ -0,0 +1,86 @@
+import { h } from "@stencil/core";
+import { state } from "../../store";
+import { getLanguageStrings } from "../../utils/lang/general";
+export class PolygonButtons {
+    calculateSolarPanels;
+    markAsFlatRoof;
+    currentTool;
+    render() {
+        const t = getLanguageStrings(state.settings.language);
+        const buttonStyles = {
+            border: "1px solid #ccc",
+        };
+        return (h("div", { key: '9b750e03993ffe090f3012a4e64df71eb1b66a80', class: "flex w-full gap-2 justify-center pb-3" }, h("button", { key: '53c1da0648b2093341e5e13d77d57dbc91642672', class: "px-4 py-2 rounded-4xl hover:bg-muted text-secondary transition-colors duration-200 text-xs", style: buttonStyles, onClick: () => this.markAsFlatRoof() }, t.mapDraw.markAsFlatRoof), h("button", { key: '1dc788893a340b5d05f68d222ac1d3ba29a06865', class: "px-4 py-2 rounded-4xl hover:bg-muted text-secondary transition-colors duration-200 text-xs", style: buttonStyles, onClick: () => this.calculateSolarPanels() }, t.mapDraw.calculateSolarPanels)));
+    }
+    static get is() { return "polygon-buttons"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../../output.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../../output.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "calculateSolarPanels": {
+                "type": "unknown",
+                "attribute": "calculate-solar-panels",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "markAsFlatRoof": {
+                "type": "unknown",
+                "attribute": "mark-as-flat-roof",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "currentTool": {
+                "type": "string",
+                "attribute": "current-tool",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=polygon-buttons.js.map

package/dist/collection/components/map-draw/polygon-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygon-buttons.js","sourceRoot":"","sources":["../../../src/components/map-draw/polygon-buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAO9D,MAAM,OAAO,cAAc;IAEvB,oBAAoB,CAAa;IAEjC,cAAc,CAAa;IAE3B,WAAW,CAAS;IAEpB,MAAM;QACF,MAAM,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAEtD,MAAM,YAAY,GAAG;YACjB,MAAM,EAAE,gBAAgB;SAC3B,CAAC;QAEF,OAAO,CACH,4DAAK,KAAK,EAAC,uCAAuC;YAC9C,+DACI,KAAK,EAAC,4FAA4F,EAClG,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAEnC,CAAC,CAAC,OAAO,CAAC,cAAc,CACpB;YACT,+DACI,KAAK,EAAC,4FAA4F,EAClG,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAEzC,CAAC,CAAC,OAAO,CAAC,oBAAoB,CAC1B,CACP,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\nimport { state } from \"../../store\";\r\nimport { getLanguageStrings } from \"../../utils/lang/general\";\r\n\r\n@Component({\r\n    tag: \"polygon-buttons\",\r\n    styleUrl: \"../../output.css\",\r\n    shadow: false,\r\n})\r\nexport class PolygonButtons {\r\n    @Prop()\r\n    calculateSolarPanels: () => void;\r\n    @Prop()\r\n    markAsFlatRoof: () => void;\r\n    @Prop()\r\n    currentTool: string;\r\n\r\n    render() {\r\n        const t = getLanguageStrings(state.settings.language);\r\n\r\n        const buttonStyles = {\r\n            border: \"1px solid #ccc\",\r\n        };\r\n\r\n        return (\r\n            <div class=\"flex w-full gap-2 justify-center pb-3\">\r\n                <button\r\n                    class=\"px-4 py-2 rounded-4xl hover:bg-muted text-secondary transition-colors duration-200 text-xs\"\r\n                    style={buttonStyles}\r\n                    onClick={() => this.markAsFlatRoof()}\r\n                >\r\n                    {t.mapDraw.markAsFlatRoof}\r\n                </button>\r\n                <button\r\n                    class=\"px-4 py-2 rounded-4xl hover:bg-muted text-secondary transition-colors duration-200 text-xs\"\r\n                    style={buttonStyles}\r\n                    onClick={() => this.calculateSolarPanels()}\r\n                >\r\n                    {t.mapDraw.calculateSolarPanels}\r\n                </button>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}