blue-chestnut-solar-expert 0.0.22 → 0.0.24

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-elxiOP_I.js');
+var index = require('./index-C3Kp1xqq.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["loading-widget.cjs",[[0,"loading-widget"]]],["solar-calculator.cjs",[[0,"solar-calculator",{"apiKey":[1,"api-key"],"buildingInsights":[32],"isLoaded":[32],"autocomplete":[32],"place":[32]}]]],["eraser-icon_16.cjs",[[0,"solar-expert",{"apiKey":[1,"api-key"],"language":[1],"latitude":[32],"longitude":[32],"isLoaded":[32],"autocomplete":[32],"place":[32],"showMapSelector":[32]}],[0,"map-draw",{"apiKey":[1,"api-key"],"config":[16],"solarPanel":[16,"solar-panel"],"showInstructions":[32],"showSettings":[32],"zoom":[32],"loadingState":[32],"rgbTiff":[32],"draggedPointIndex":[32],"hoveredPointIndex":[32],"hoveredPolygon":[32],"shiftKeyPressed":[32],"altKeyPressed":[32],"mousePoint":[32],"currentTool":[32],"roofPolygons":[32],"roofPolygonsSolarPanels":[32],"obstructionPolygons":[32],"selectedPolygon":[32],"buildingInsights":[32],"pixelInMeters":[32],"isMobile":[32],"highlightedEdge":[32]},[[5,"mousemove","handleMouseMove"],[4,"keydown","handleKeyDown"],[4,"keyup","handleKeyUp"],[5,"mousedown","handleMouseDown"],[5,"mouseup","handleMouseUp"]],{"rgbTiff":["drawMap"],"buildingInsights":["drawMap"],"canvasElement":["drawMap"]}],[1,"map-selector",{"apiKey":[1,"api-key"],"language":[1],"isLoaded":[32],"autocomplete":[32],"map":[32],"marker":[32],"circle":[32],"radius":[32],"latitude":[32],"longitude":[32]}],[0,"tool-box",{"currentTool":[16,"current-tool"],"undoCallback":[16,"undo-callback"],"onToolSelect":[16,"on-tool-select"]}],[0,"polygon-buttons",{"calculateSolarPanels":[16,"calculate-solar-panels"],"selectEdgeTool":[16,"select-edge-tool"],"currentTool":[1,"current-tool"]}],[1,"polygon-information",{"currentPolygon":[8,"current-polygon"],"positionedPanels":[16,"positioned-panels"],"handleAzimuthChange":[16,"handle-azimuth-change"],"handlePitchChange":[16,"handle-pitch-change"],"calculateSolarPanels":[16,"calculate-solar-panels"]}],[0,"settings-modal",{"settings":[16],"tempSettings":[32]}],[0,"solar-system-form",{"systemConfigs":[16,"system-configs"],"roofPolygons":[16,"roof-polygons"],"obstructionPolygons":[16,"obstruction-polygons"],"householdConsumption":[32],"consumptionProfile":[32],"electricityPrice":[32],"compensationRate":[32],"annualPriceIncrease":[32],"autonomy":[32],"costSavings":[32],"numberOfPanels":[32],"panelPeakPower":[32],"name":[32],"email":[32],"nameError":[32],"emailError":[32],"electricCar":[32],"electricCarChargingTime":[32],"heatPump":[32],"battery":[32],"compensation25Years":[32],"savedCosts25Years":[32],"maxPanels":[32],"kmDrivenPerYear":[32]},null,{"systemConfigs":["updateSystemConfigs"]}],[0,"icon-selector",{"name":[1],"inline":[4],"size":[2]}],[0,"eraser-icon",{"inline":[4],"size":[2]}],[0,"house-icon",{"inline":[4],"size":[2]}],[0,"move-icon",{"inline":[4],"size":[2]}],[0,"octagon-minus-icon",{"inline":[4],"size":[2]}],[0,"settings-icon",{"inline":[4],"size":[2]}],[0,"undo-icon",{"inline":[4],"size":[2]}],[0,"search-icon",{"inline":[4],"size":[2]}]]]], options);
+  return index.bootstrapLazy([["loading-widget.cjs",[[0,"loading-widget"]]],["solar-calculator.cjs",[[0,"solar-calculator",{"apiKey":[1,"api-key"],"buildingInsights":[32],"isLoaded":[32],"autocomplete":[32],"place":[32]}]]],["eraser-icon_16.cjs",[[0,"solar-expert",{"apiKey":[1,"api-key"],"language":[1],"colorScheme":[16,"color-scheme"],"latitude":[32],"longitude":[32],"isLoaded":[32],"autocomplete":[32],"place":[32],"showMapSelector":[32]},null,{"colorScheme":["colorSchemeChanged"]}],[0,"map-draw",{"apiKey":[1,"api-key"],"config":[16],"solarPanel":[16,"solar-panel"],"showInstructions":[32],"showSettings":[32],"zoom":[32],"loadingState":[32],"rgbTiff":[32],"draggedPointIndex":[32],"hoveredPointIndex":[32],"hoveredPolygon":[32],"shiftKeyPressed":[32],"altKeyPressed":[32],"mousePoint":[32],"currentTool":[32],"roofPolygons":[32],"roofPolygonsSolarPanels":[32],"obstructionPolygons":[32],"selectedPolygon":[32],"buildingInsights":[32],"pixelInMeters":[32],"isMobile":[32],"highlightedEdge":[32]},[[5,"mousemove","handleMouseMove"],[4,"keydown","handleKeyDown"],[4,"keyup","handleKeyUp"],[5,"mousedown","handleMouseDown"],[5,"mouseup","handleMouseUp"]],{"rgbTiff":["drawMap"],"buildingInsights":["drawMap"],"canvasElement":["drawMap"]}],[0,"map-selector",{"apiKey":[1,"api-key"],"language":[1],"isLoaded":[32],"autocomplete":[32],"map":[32],"marker":[32],"circle":[32],"radius":[32],"latitude":[32],"longitude":[32]}],[0,"tool-box",{"currentTool":[16,"current-tool"],"undoCallback":[16,"undo-callback"],"onToolSelect":[16,"on-tool-select"]}],[0,"polygon-buttons",{"calculateSolarPanels":[16,"calculate-solar-panels"],"selectEdgeTool":[16,"select-edge-tool"],"currentTool":[1,"current-tool"]}],[0,"polygon-information",{"currentPolygon":[8,"current-polygon"],"positionedPanels":[16,"positioned-panels"],"handleAzimuthChange":[16,"handle-azimuth-change"],"handlePitchChange":[16,"handle-pitch-change"],"calculateSolarPanels":[16,"calculate-solar-panels"]}],[0,"settings-modal",{"settings":[16],"tempSettings":[32]}],[0,"solar-system-form",{"systemConfigs":[16,"system-configs"],"roofPolygons":[16,"roof-polygons"],"obstructionPolygons":[16,"obstruction-polygons"],"householdConsumption":[32],"consumptionProfile":[32],"electricityPrice":[32],"compensationRate":[32],"annualPriceIncrease":[32],"autonomy":[32],"costSavings":[32],"numberOfPanels":[32],"panelPeakPower":[32],"name":[32],"email":[32],"nameError":[32],"emailError":[32],"electricCar":[32],"electricCarChargingTime":[32],"heatPump":[32],"battery":[32],"compensation25Years":[32],"savedCosts25Years":[32],"maxPanels":[32],"kmDrivenPerYear":[32]},null,{"systemConfigs":["updateSystemConfigs"]}],[0,"icon-selector",{"name":[1],"inline":[4],"size":[2]}],[0,"eraser-icon",{"inline":[4],"size":[2]}],[0,"house-icon",{"inline":[4],"size":[2]}],[0,"move-icon",{"inline":[4],"size":[2]}],[0,"octagon-minus-icon",{"inline":[4],"size":[2]}],[0,"settings-icon",{"inline":[4],"size":[2]}],[0,"undo-icon",{"inline":[4],"size":[2]}],[0,"search-icon",{"inline":[4],"size":[2]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -622,24 +622,22 @@ export class MapDraw {
     render() {
         const t = getLanguageStrings(state.settings.language);
         const currentPolygon = this.getCurrentPolygon();
-        return (h("div", { key: 'ebe7e96014e7ecb78818096b9cb391f07b9d06ec', class: "flex flex-col justify-center items-center w-full h-full gap-4", id: "map-draw" }, this.showInstructions && !state.isMobile && (h("div", { key: '11628abd7633bd943eb2d33772250675df19f4bd', class: "w-full rounded-4xl p-4 bg-white" }, t.mapDraw.instructions.parts.roof, " ", h("button", { key: '3c059c0616008b426c1a7ba4e465bf9fc081cf05', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-gray-300 transition-colors", onClick: () => this.handleToolSelect(roofTool) }, h("icon-selector", { key: '26c297579ac137eb8d91083932933f34b7278011', name: "house", inline: true })), " ", t.mapDraw.instructions.parts.obstruction, " ", h("button", { key: '9e129e16e285300268be4b05a03e245501078111', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-gray-300 transition-colors", onClick: () => this.handleToolSelect(obstructionTool) }, h("icon-selector", { key: 'a4c5822589a06bd6b2a9782d33d3025704e3efe5', name: "octagon-minus", inline: true })), " ", t.mapDraw.instructions.parts.delete, " ", h("button", { key: '5b3872a47d5d9475400c74a22dc02196a56aeed3', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-gray-300 transition-colors", onClick: () => this.handleToolSelect(deleteTool) }, h("icon-selector", { key: '9a5544c3573117cf3aae325319c161e781255356', name: "eraser", inline: true })), " ", t.mapDraw.instructions.parts.move, " ", h("button", { key: 'af9f0e5ccc0bb132d0601bb2a1bc8e0ff4677d05', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-gray-300 transition-colors", onClick: () => this.handleToolSelect(moveTool) }, h("icon-selector", { key: 'a7cd46f4b0ab05d69edd71237b44a62f0d776ea1', name: "move", inline: true })), " ", t.mapDraw.instructions.parts.end)), h("div", { key: 'f27da8d073e2d49ca923b74319065265b078b51d', class: "w-full flex flex-row justify-between items-center" }, !state.isMobile && (this.showInstructions
-            ? (h("button", { class: "px-4 py-2 rounded-4xl hover:bg-gray-300 transition-colors duration-200 bg-white p-4", onClick: () => this.showInstructions = false }, t.mapDraw.instructions.hide))
-            : (h("button", { class: "px-4 py-2 rounded-4xl hover:bg-gray-300 transition-colors duration-200 bg-white p-4", onClick: () => this.showInstructions = true }, t.mapDraw.instructions.show))), h("button", { key: 'ab4c01b61913637df21a5d7f6b6a814fb804dc7d', class: "flex items-center gap-2 bg-white p-2 rounded-4xl hover:bg-gray-300", onClick: this.handleSettingsClick }, h("settings-icon", { key: '8c1f33df887d1b5810d88f412d0c82b6491110d3' }))), h("div", { key: '9d1c86714cd25349000739fd74f9da866d50b64e', class: "w-full" }, !state.isMobile && (h("tool-box", { key: '40e7f320a6c015baff3294c03bea3f373e7996ca', currentTool: this.currentTool, onToolSelect: (tool) => this.handleToolSelect(tool), undoCallback: () => this.undo() }))), this.loadingState === "empty" && (h("div", { key: 'd05709445fc8f58a62f4dd9c6b9e9604b745b80a', class: "w-full" }, h("p", { key: 'ab9772c7b0ece883781c78280f1ac03db45fa069', class: "text-white text-center flex items-center justify-center rounded-4xl p-4 w-full", style: {
-                backgroundColor: "rgba(0, 0, 0, 0.5)",
-            } }, t.mapDraw.noAddressSelected))), (state.latitude && state.longitude &&
-            this.loadingState === "loading") && (h("div", { key: 'd705b12182197d37f8312b0ea99b66defa4e2888', class: "flex items-center justify-center w-full bg-opacity-75 z-20 pt-7 rounded-4xl" }, h("div", { key: 'a65212b6dcb05a2a640a84b0aa9c0e2dc79c1418', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-[#271200]" }))), h("div", { key: 'c7e39c57c523376c9410708fc09fc9437133c533', class: "flex items-start justify-center h-full w-full bg-[#f3ebda] rounded-4xl" }, h("div", { key: '4cca7a6f7e6857a6d4e1828735f077e84d297398', class: "relative h-full flex items-center justify-center w-full rounded-4xl bg-[#271200]", style: {
+        return (h("div", { key: '8f3ead7eb4acb8b26cf9e8d3a7f9f1cb7027b06b', class: "flex flex-col justify-center items-center w-full h-full gap-4 bg-primary", id: "map-draw" }, this.showInstructions && !state.isMobile && (h("div", { key: '314f035a8f0bc087936041ec1249ddc12d27a43a', class: "w-full rounded-4xl p-4 bg-muted text-muted-foreground" }, t.mapDraw.instructions.parts.roof, " ", h("button", { key: '4b50b9afab6c7bfd180eedab22eaa7aed6346d26', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors", onClick: () => this.handleToolSelect(roofTool) }, h("icon-selector", { key: '980fb93346b72807638793a711c3adf4f6c60fb8', name: "house", inline: true })), " ", t.mapDraw.instructions.parts.obstruction, " ", h("button", { key: 'c1d0edac8cbb504c8db4c57d6bb078c4c2746cd9', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors", onClick: () => this.handleToolSelect(obstructionTool) }, h("icon-selector", { key: '12956e51ff2ed628980597746ee4853d93c7d19d', name: "octagon-minus", inline: true })), " ", t.mapDraw.instructions.parts.delete, " ", h("button", { key: 'fc0c507764c04fd1699024c00d708430a2275df1', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors", onClick: () => this.handleToolSelect(deleteTool) }, h("icon-selector", { key: 'aabac0ddf1c029655accf3f4812219cad3744da5', name: "eraser", inline: true })), " ", t.mapDraw.instructions.parts.move, " ", h("button", { key: '850f0261e7b1da12cc1cc2b81356ece9d8ea1df8', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors", onClick: () => this.handleToolSelect(moveTool) }, h("icon-selector", { key: 'a25004dca55e42a1e0f13806cdceb95d0f16c8b5', name: "move", inline: true })), " ", t.mapDraw.instructions.parts.end)), h("div", { key: '93e10a821a9d8ad5f6ad8c62bcf56a5c015ba6a3', class: "w-full flex flex-row justify-between items-center" }, !state.isMobile && (this.showInstructions
+            ? (h("button", { class: "px-4 py-2 rounded-4xl hover:bg-surface-hover transition-colors duration-200 bg-muted p-4 text-muted-foreground", onClick: () => this.showInstructions = false }, t.mapDraw.instructions.hide))
+            : (h("button", { class: "px-4 py-2 rounded-4xl hover:bg-surface-hover transition-colors duration-200 bg-muted p-4 text-muted-foreground", onClick: () => this.showInstructions = true }, t.mapDraw.instructions.show))), h("button", { key: '7f6ec4e11d855a38563b9bb8d56f6d4c215e78e9', class: "flex items-center gap-2 bg-muted p-2 rounded-4xl hover:bg-surface-hover text-muted-foreground", onClick: this.handleSettingsClick }, h("settings-icon", { key: '34055a481938812d55f65295b045879649f99c35' }))), h("div", { key: '3a4f6caf453ccde75e4a1b80fa1fc78c39c82206', class: "w-full" }, !state.isMobile && (h("tool-box", { key: '6f95e7ace22619ff9472220f8119f4187622060a', currentTool: this.currentTool, onToolSelect: (tool) => this.handleToolSelect(tool), undoCallback: () => this.undo() }))), this.loadingState === "empty" && (h("div", { key: '6849146204c0ce8c9a674e28325f0c98c57dc251', class: "w-full" }, h("p", { key: 'd9b52b653f98f4b2775c1c371d4e3a5f024a0242', class: "text-muted text-center flex items-center justify-center rounded-4xl p-4 w-full bg-text-secondary" }, t.mapDraw.noAddressSelected))), (state.latitude && state.longitude &&
+            this.loadingState === "loading") && (h("div", { key: '7507c117e5816158b407b506b2e2280de4979009', class: "flex items-center justify-center w-full bg-opacity-75 z-20 pt-7 rounded-4xl" }, h("div", { key: 'fc8351bd8d0c3f4f18d1ca5a6ed360f6d647c219', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-secondary" }))), h("div", { key: '6f90d40009a0e8ceba3b94c4bd1b1c2e32962168', class: "flex items-start justify-center h-full w-full bg-primary rounded-4xl" }, h("div", { key: '256ee7feb26d9045312c588888dddc5db72eaeaa', class: "relative h-full flex items-center justify-center w-full rounded-4xl bg-secondary", style: {
                 aspectRatio: this.rgbTiff
                     ? `${this.rgbTiff.width}/${this.rgbTiff.height}`
                     : "1/1",
-            } }, h("canvas", { key: 'e35c67b1641cc4ed364139598e2eb5de7eb7b788', ref: (el) => this.canvasElement = el, class: "absolute top-0 left-0 w-full h-full rounded-4xl", id: "map-draw-canvas", style: {
+            } }, h("canvas", { key: 'e4d3790a48ca3bb05106c93c1a0753e42168a6f0', ref: (el) => this.canvasElement = el, class: "absolute top-0 left-0 w-full h-full rounded-4xl", id: "map-draw-canvas", style: {
                 cursor: this.currentTool.cursor,
-            } }), h("canvas", { key: 'e645e24ee02ddae97d2a8f81c1107a47e10b3a30', ref: (el) => this.polygonCanvas = el, class: "absolute top-0 left-0 w-full h-full rounded-4xl", style: {
+            } }), h("canvas", { key: '7831fb29a9b4bf1f396577ed9d2385dea40b4539', ref: (el) => this.polygonCanvas = el, class: "absolute top-0 left-0 w-full h-full rounded-4xl", style: {
                 cursor: this.currentTool.cursor,
-            } }))), currentPolygon?.closed && (h("div", { key: '5b5d7b3abc617b0d322104c3a041d8d331df6862', class: "w-full" }, h("polygon-buttons", { key: '2a5b31ca5b9b7cc0127ad45b8ae0281e5af5de63', currentTool: this.currentTool.name, calculateSolarPanels: () => this.calculateSolarPanels(), selectEdgeTool: () => this.handleToolSelect(markRoofEdgeTool) }))), !state.isMobile && (h("div", { key: 'aec8403b81ff41c3ba6423f8266bf52f10ffff9b', class: "w-full" }, h("polygon-information", { key: '604b909a604bcc1b30345824167d2083ccd4e159', currentPolygon: currentPolygon, positionedPanels: currentPolygon
+            } }))), currentPolygon?.closed && (h("div", { key: 'e703e5a2313f55d0dc08b8f44d63f469a91fd724', class: "w-full" }, h("polygon-buttons", { key: '1d679142b0f2223a76e29db21949841b94c96f81', currentTool: this.currentTool.name, calculateSolarPanels: () => this.calculateSolarPanels(), selectEdgeTool: () => this.handleToolSelect(markRoofEdgeTool) }))), !state.isMobile && (h("div", { key: 'bccf61ba5a86ad1b44a5b46d8c2b2027022dd8ba', class: "w-full" }, h("polygon-information", { key: 'bbd60623873d8c2249c5d7ab74e03a4bade998be', currentPolygon: currentPolygon, positionedPanels: currentPolygon
                 ? this
                     .roofPolygonsSolarPanels[currentPolygon._id]
                     ?.positionedPanels
-                : undefined, handleAzimuthChange: (event) => this.handleAzimuthChange(event), handlePitchChange: (event) => this.handlePitchChange(event), calculateSolarPanels: () => this.calculateSolarPanels() }))), h("div", { key: '03895fe0f238cf4a0698af6a9b53a788086cc1cf', class: "w-full" }, h("solar-system-form", { key: '400f8596661668f7a8aa5d2010fcfeac6e02bf5b', systemConfigs: this.roofPolygonsSolarPanels, roofPolygons: this.roofPolygons, obstructionPolygons: this.obstructionPolygons })), this.showSettings && (h("settings-modal", { key: '2be9723f241098046d45eebadaba8d241b4c0c44', settings: state.settings, onClose: this.handleSettingsClose, onSave: this.handleSettingsSave }))));
+                : undefined, handleAzimuthChange: (event) => this.handleAzimuthChange(event), handlePitchChange: (event) => this.handlePitchChange(event), calculateSolarPanels: () => this.calculateSolarPanels() }))), h("div", { key: '9b804506b0ed890f99ceaba92f18c87b06951728', class: "w-full" }, h("solar-system-form", { key: '5383943dde347f1b75f919f4817a8d33b4b66b92', systemConfigs: this.roofPolygonsSolarPanels, roofPolygons: this.roofPolygons, obstructionPolygons: this.obstructionPolygons })), this.showSettings && (h("settings-modal", { key: '2397b2ab774504e514db8b0fd9537d124dcb17ed', settings: state.settings, onClose: this.handleSettingsClose, onSave: this.handleSettingsSave }))));
     }
     static get is() { return "map-draw"; }
     static get originalStyleUrls() {

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

@@ -1 +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    h,\r\n    Listen,\r\n    Prop,\r\n    State,\r\n    Watch,\r\n} from \"@stencil/core\";\r\n\r\nimport {\r\n    renderCombinedWithZoom,\r\n    renderSolarPanel,\r\n} from \"../../utils/visualize\";\r\nimport {\r\n    BuildingInsightsResponse,\r\n    GeoTiff,\r\n    SolarPanelType,\r\n} from \"../../utils/solar\";\r\nimport { fetchSolarData, getBuildingImages } from \"../../utils/api\";\r\nimport { drawPolygon, isPointInPolygon } from \"../../utils/render/polygon\";\r\nimport { projectPointPerpendicularToLine } from \"../../utils/render/projection\";\r\nimport { Point, Polygon, SelectedPolygon } from \"../../types/shapes\";\r\nimport {\r\n    deleteTool,\r\n    markRoofEdgeTool,\r\n    moveTool,\r\n    obstructionTool,\r\n    roofTool,\r\n    Tool,\r\n    tools,\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 { getFillColor } from \"../../utils/render/color\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { calculatePolygonArea, getPixelInMeters } from \"../../utils/utils\";\r\nimport {\r\n    getBestFittingRoofSegment,\r\n    SolarPanelSystemPart,\r\n} from \"../../utils/geometry/fitting\";\r\nimport { getOptimalSolarPositionFully } from \"../../utils/geometry/gridMatch\";\r\nimport { BORDER_INSET, DEFAULT_SUNNINESS } 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\r\n    @State()\r\n    showInstructions: boolean = true;\r\n    @State()\r\n    showSettings: boolean = false;\r\n    @State()\r\n    zoom: number = 1;\r\n    @State()\r\n    loadingState: \"empty\" | \"loading\" | \"loaded\" = \"empty\";\r\n    @State()\r\n    rgbTiff: GeoTiff | null = null;\r\n    @State()\r\n    draggedPointIndex: number | null = null;\r\n    @State()\r\n    hoveredPointIndex: number | null = null;\r\n    @State()\r\n    hoveredPolygon: SelectedPolygon | null = null;\r\n    @State()\r\n    shiftKeyPressed: boolean = false;\r\n    @State()\r\n    altKeyPressed: boolean = false;\r\n    @State()\r\n    mousePoint: Point | null = null;\r\n    @State()\r\n    currentTool: Tool = roofTool;\r\n    @State()\r\n    roofPolygons: { [id: string]: Polygon } = {};\r\n    @State()\r\n    roofPolygonsSolarPanels: { [id: string]: SolarPanelSystemPart } = {};\r\n    @State()\r\n    obstructionPolygons: { [id: string]: Polygon } = {};\r\n    @State()\r\n    selectedPolygon: SelectedPolygon | null = null;\r\n    @State()\r\n    buildingInsights: BuildingInsightsResponse | null = null;\r\n    @State()\r\n    pixelInMeters: number = 0.2;\r\n    @State()\r\n    isMobile: boolean = false;\r\n    @State()\r\n    highlightedEdge: { pointA: Point; pointB: Point } | null = null;\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\r\n    private getCurrentPolygon(): Polygon | null {\r\n        if (!this.selectedPolygon) {\r\n            return null;\r\n        }\r\n        const { _id, type } = this.selectedPolygon;\r\n        return type === \"roof\"\r\n            ? this.roofPolygons[_id]\r\n            : this.obstructionPolygons[_id];\r\n    }\r\n\r\n    componentWillLoad() {\r\n        onChange(\"latitude\", () => {\r\n            this.getBuildingImages();\r\n            this.getBuildingInsights();\r\n        });\r\n        onChange(\"longitude\", () => {\r\n            this.getBuildingImages();\r\n            this.getBuildingInsights();\r\n        });\r\n    }\r\n\r\n    componentDidLoad() {\r\n        if (state.latitude && state.longitude) {\r\n            this.loadingState = \"loading\";\r\n            this.getBuildingInsights();\r\n            this.getBuildingImages();\r\n        }\r\n\r\n        requestAnimationFrame(() => {\r\n            if (this.canvasElement) {\r\n                const rect = this.canvasElement.getBoundingClientRect();\r\n                this.canvasElement.width = rect.width;\r\n                this.canvasElement.height = rect.height;\r\n                this.drawMap();\r\n            }\r\n        });\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        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    }\r\n\r\n    async getBuildingInsights() {\r\n        if (!state.latitude || !state.longitude) {\r\n            return;\r\n        }\r\n        this.loadingState = \"loading\";\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.obstructionPolygons = {};\r\n            this.roofPolygons = {};\r\n            this.selectedPolygon = null;\r\n            this.hoveredPolygon = null;\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        }\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            alert(\"No building insights found. Please enter them manually.\");\r\n        }\r\n\r\n        // If on mobile, automatically calculate panels using Google API data\r\n        if (state.isMobile && this.buildingInsights) {\r\n            const maxPanels =\r\n                this.buildingInsights.solarPotential.maxArrayPanelsCount;\r\n            const approximatedPanels = Math.floor(maxPanels * 3 / 4); // Use two thirds of max panels\r\n\r\n            const positionedPanels = Array(approximatedPanels).fill(null)\r\n                .map((_, __) => ({\r\n                    panel: this.solarPanel,\r\n                    pixelPosition: {\r\n                        x: -1,\r\n                        y: -1,\r\n                    },\r\n                    horizontal: true,\r\n                    rotation: 0,\r\n                }));\r\n\r\n            this.roofPolygonsSolarPanels = {\r\n                ...this.roofPolygonsSolarPanels,\r\n                [\"mobile-panels\"]: {\r\n                    positionedPanels,\r\n                    sunniness:\r\n                        this.buildingInsights.solarPotential.buildingStats\r\n                            .sunshineQuantiles[5] ?? DEFAULT_SUNNINESS,\r\n                },\r\n            };\r\n        }\r\n    }\r\n\r\n    async getBuildingImages() {\r\n        if (!state.latitude || !state.longitude) {\r\n            return;\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        }\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        this.pixelInMeters = getPixelInMeters(this.rgbTiff);\r\n        this.loadingState = \"loaded\";\r\n    }\r\n\r\n    private convertToCanvasCoordinates(event: MouseEvent): Point {\r\n        const rect = this.polygonCanvas.getBoundingClientRect();\r\n        const siteX = event.clientX - rect.left;\r\n        const siteY = event.clientY - rect.top;\r\n        return {\r\n            x: siteX / (rect.right - rect.left) * this.canvasElement.width,\r\n            y: siteY / (rect.bottom - rect.top) * this.canvasElement.height,\r\n        };\r\n    }\r\n\r\n    @Watch(\"rgbTiff\")\r\n    @Watch(\"buildingInsights\")\r\n    @Watch(\"canvasElement\")\r\n    async drawMap() {\r\n        if (\r\n            !this.canvasElement || !this.rgbTiff || !this.buildingInsights\r\n        ) return;\r\n\r\n        this.sizeCanvas(this.rgbTiff.width, this.rgbTiff.height);\r\n\r\n        renderCombinedWithZoom({\r\n            rgb: this.rgbTiff,\r\n            zoom: this.zoom,\r\n            canvas: this.canvasElement,\r\n        });\r\n    }\r\n\r\n    @Listen(\"mousemove\", { target: \"document\" })\r\n    handleMouseMove(event: MouseEvent) {\r\n        if (state.isMobile) return; // Prevent interactions on mobile\r\n        if (!this.polygonCanvas || !this.polygonCtx) return;\r\n\r\n        // translate the website pixel coordinates to the canvas coordinates\r\n        const { x, y } = this.convertToCanvasCoordinates(event);\r\n        this.mousePoint = { x, y };\r\n\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        let redraw = false;\r\n\r\n        if (this.currentTool.name === \"markRoofEdge\") {\r\n            let distances = [];\r\n            for (let i = 0; i < currentPolygon?.points.length; i++) {\r\n                const pointA = currentPolygon?.points[i];\r\n                const pointB = currentPolygon\r\n                    ?.points[(i + 1) % currentPolygon?.points.length];\r\n                const distanceA = Math.sqrt(\r\n                    Math.pow(x - pointA.x, 2) + Math.pow(y - pointA.y, 2),\r\n                );\r\n                const distanceB = Math.sqrt(\r\n                    Math.pow(x - pointB.x, 2) + Math.pow(y - pointB.y, 2),\r\n                );\r\n                const edgeLength = Math.sqrt(\r\n                    Math.pow(pointA.x - pointB.x, 2) +\r\n                        Math.pow(pointA.y - pointB.y, 2),\r\n                );\r\n                distances.push({\r\n                    dist: distanceA + distanceB - edgeLength,\r\n                    edge: { pointA, pointB },\r\n                });\r\n            }\r\n            const closestEdge = distances.sort((a, b) => a.dist - b.dist)[0];\r\n            if (closestEdge && (closestEdge.dist < 10)) {\r\n                this.highlightedEdge = closestEdge.edge;\r\n                redraw = true;\r\n            } else if (this.highlightedEdge) {\r\n                this.highlightedEdge = null;\r\n                redraw = true;\r\n            }\r\n        }\r\n\r\n        // Check for point hover\r\n        const newHoveredPointIndex = currentPolygon?.points.findIndex(\r\n            (point) => {\r\n                const distance = Math.sqrt(\r\n                    Math.pow(x - point.x, 2) + Math.pow(y - point.y, 2),\r\n                );\r\n                return distance < 10;\r\n            },\r\n        );\r\n\r\n        // Check for polygon hover\r\n        let newHoveredPolygon = null;\r\n        for (const polygon of Object.values(this.obstructionPolygons)) {\r\n            if (isPointInPolygon({ x, y }, polygon)) {\r\n                newHoveredPolygon = { _id: polygon._id, type: \"obstruction\" };\r\n                break;\r\n            }\r\n        }\r\n        // obstruction polygons get priority\r\n        if (!newHoveredPolygon) {\r\n            for (const polygon of Object.values(this.roofPolygons)) {\r\n                if (isPointInPolygon({ x, y }, polygon)) {\r\n                    newHoveredPolygon = { _id: polygon._id, type: \"roof\" };\r\n                    break;\r\n                }\r\n            }\r\n        }\r\n\r\n        // Only redraw if hover state changed\r\n        if (\r\n            this.hoveredPolygon ||\r\n            newHoveredPointIndex !== this.hoveredPointIndex ||\r\n            JSON.stringify(newHoveredPolygon) !==\r\n                JSON.stringify(this.hoveredPolygon)\r\n        ) {\r\n            this.hoveredPointIndex = newHoveredPointIndex;\r\n            this.hoveredPolygon = newHoveredPolygon;\r\n            redraw = true;\r\n        }\r\n\r\n        // Handle dragging\r\n        if (\r\n            this.draggedPointIndex !== null && currentPolygon &&\r\n            this.currentTool.name === \"move\"\r\n        ) {\r\n            currentPolygon.points[this.draggedPointIndex] = { x, y };\r\n            // Recalculate area if this is a roof polygon\r\n            if (currentPolygon.type === \"roof\" && currentPolygon.closed) {\r\n                const metersInPixels = 1 / this.pixelInMeters;\r\n                const area = calculatePolygonArea(currentPolygon.points) /\r\n                    (metersInPixels * metersInPixels);\r\n                currentPolygon.details.area = area;\r\n            }\r\n            redraw = true;\r\n        }\r\n\r\n        if (this.shiftKeyPressed) {\r\n            redraw = true;\r\n        }\r\n\r\n        if (redraw) {\r\n            this.drawPolygons();\r\n        }\r\n    }\r\n\r\n    private drawPolygons() {\r\n        if (!this.polygonCanvas || !this.polygonCtx) return;\r\n\r\n        // Clear the canvas and redraw the map\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\r\n        // draw roof polygons\r\n        for (const polygon of Object.values(this.roofPolygons)) {\r\n            const fillColor = getFillColor(\r\n                this.selectedPolygon,\r\n                this.hoveredPolygon,\r\n                polygon._id,\r\n                polygon,\r\n                this.config,\r\n            );\r\n\r\n            drawPolygon({\r\n                polygonCtx: this.polygonCtx,\r\n                polygonCanvas: this.polygonCanvas,\r\n                polygon,\r\n                strokeColor: polygon.closed\r\n                    ? this.config.closedRoofColor\r\n                    : this.config.openRoofColor,\r\n                fillColor,\r\n                pixelInMeters: this.pixelInMeters,\r\n                shiftKeyPressed: this.shiftKeyPressed,\r\n                mousePoint: this.mousePoint,\r\n                highlightColor: this.config.highlightColor,\r\n                highlightedEdge: this.highlightedEdge,\r\n            });\r\n\r\n            const solarPanels = this.roofPolygonsSolarPanels[polygon._id];\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            if (solarPanels) {\r\n                for (const panel of solarPanels.positionedPanels) {\r\n                    renderSolarPanel(\r\n                        panel,\r\n                        this.polygonCtx,\r\n                        convertedSolarPanel.widthMeters,\r\n                        convertedSolarPanel.heightMeters,\r\n                        polygon.details?.azimuth,\r\n                        polygon.details?.pitch,\r\n                    );\r\n                }\r\n            }\r\n        }\r\n\r\n        // draw obstruction polygons\r\n        for (const polygon of Object.values(this.obstructionPolygons)) {\r\n            const fillColor = getFillColor(\r\n                this.selectedPolygon,\r\n                this.hoveredPolygon,\r\n                polygon._id,\r\n                polygon,\r\n                this.config,\r\n            );\r\n\r\n            drawPolygon({\r\n                polygonCtx: this.polygonCtx,\r\n                polygonCanvas: this.polygonCanvas,\r\n                polygon,\r\n                pixelInMeters: this.pixelInMeters,\r\n                shiftKeyPressed: this.shiftKeyPressed,\r\n                mousePoint: this.mousePoint,\r\n                strokeColor: polygon.closed\r\n                    ? this.config.closedObstructionColor\r\n                    : this.config.openObstructionColor,\r\n                fillColor,\r\n                highlightColor: this.config.highlightColor,\r\n            });\r\n        }\r\n    }\r\n\r\n    private deletePolygon(_id: string) {\r\n        if (this.selectedPolygon?._id === _id) {\r\n            this.selectedPolygon = null;\r\n        }\r\n        if (this.roofPolygons[_id]) {\r\n            delete this.roofPolygons[_id];\r\n            delete this.roofPolygonsSolarPanels[_id];\r\n        }\r\n        if (this.obstructionPolygons[_id]) {\r\n            delete this.obstructionPolygons[_id];\r\n        }\r\n    }\r\n\r\n    @Listen(\"keydown\", { target: \"document\" })\r\n    handleKeyDown(event: KeyboardEvent) {\r\n        if (event.target instanceof HTMLInputElement) {\r\n            return;\r\n        }\r\n        // Handle shift key for perpendicular points\r\n        if (event.shiftKey && !this.shiftKeyPressed) {\r\n            this.shiftKeyPressed = true;\r\n            this.drawPolygons();\r\n            return;\r\n        }\r\n        if (event.altKey && !this.altKeyPressed) {\r\n            this.altKeyPressed = true;\r\n            return;\r\n        }\r\n        if (\r\n            (event.key === \"Delete\" || event.key === \"Backspace\") &&\r\n            this.selectedPolygon\r\n        ) {\r\n            const currentPolygon = this.getCurrentPolygon();\r\n            if (currentPolygon.closed) {\r\n                this.deletePolygon(currentPolygon._id);\r\n                this.drawPolygons();\r\n                return;\r\n            }\r\n            currentPolygon.points.pop();\r\n            this.drawPolygons();\r\n            return;\r\n        }\r\n\r\n        // Handle tool selection shortcuts\r\n        const pressedKey = event.key.toLowerCase();\r\n        const tool = tools.find((t) =>\r\n            t.keyboardShortcut?.toLowerCase() === pressedKey\r\n        );\r\n        if (tool) {\r\n            this.currentTool = tool;\r\n        }\r\n    }\r\n\r\n    @Listen(\"keyup\", { target: \"document\" })\r\n    handleKeyUp(event: KeyboardEvent) {\r\n        if (!event.shiftKey && this.shiftKeyPressed) {\r\n            this.shiftKeyPressed = false;\r\n            this.drawPolygons();\r\n        }\r\n        if (!event.altKey && this.altKeyPressed) {\r\n            this.altKeyPressed = false;\r\n        }\r\n    }\r\n\r\n    private undo() {\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        if (!currentPolygon) {\r\n            return;\r\n        }\r\n        if (currentPolygon.closed) {\r\n            currentPolygon.closed = false;\r\n            if (currentPolygon.type === \"roof\") {\r\n                delete this.roofPolygonsSolarPanels[currentPolygon._id];\r\n                this.currentTool = roofTool;\r\n                this.highlightedEdge = null;\r\n            } else if (currentPolygon.type === \"obstruction\") {\r\n                this.currentTool = obstructionTool;\r\n            }\r\n        } else {\r\n            currentPolygon.points.pop();\r\n        }\r\n        this.drawPolygons();\r\n    }\r\n\r\n    @Listen(\"mousedown\", { target: \"document\" })\r\n    handleMouseDown(event: MouseEvent) {\r\n        if (this.currentTool.name === \"undo\") {\r\n            return;\r\n        }\r\n        if (state.isMobile) return; // Prevent interactions on mobile\r\n        if (!this.polygonCanvas || !this.polygonCtx) return;\r\n        if (!this.polygonCanvas.contains(event.target as Node)) return;\r\n\r\n        let { x, y } = this.convertToCanvasCoordinates(event);\r\n\r\n        if (this.currentTool.name === \"markRoofEdge\") {\r\n            if (!this.highlightedEdge) {\r\n                return;\r\n            }\r\n            const x = this.highlightedEdge.pointA.x -\r\n                this.highlightedEdge.pointB.x;\r\n            const y = this.highlightedEdge.pointA.y -\r\n                this.highlightedEdge.pointB.y;\r\n            const azimuth = Math.atan2(-x, y) * (180 / Math.PI);\r\n            this.calculateSolarPanels();\r\n            this.handleAzimuthChange({\r\n                target: {\r\n                    value: azimuth,\r\n                },\r\n            } as unknown as Event);\r\n            return;\r\n        }\r\n        if (this.currentTool.name === \"delete\") {\r\n            if (!this.hoveredPolygon) {\r\n                return;\r\n            }\r\n            const { _id, type } = this.hoveredPolygon;\r\n            if (type === \"roof\") {\r\n                delete this.roofPolygons[_id];\r\n                delete this.roofPolygonsSolarPanels[_id];\r\n            } else if (type === \"obstruction\") {\r\n                delete this.obstructionPolygons[_id];\r\n            }\r\n            this.hoveredPolygon = null;\r\n            if (this.selectedPolygon?._id === _id) {\r\n                this.selectedPolygon = null;\r\n            }\r\n            this.drawPolygons();\r\n            return;\r\n        }\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        if (this.currentTool.name === \"move\") {\r\n            // Check if we're clicking on a point of the selected polygon\r\n            if (this.selectedPolygon) {\r\n                const pointIndex = currentPolygon?.points.findIndex((point) => {\r\n                    const distance = Math.sqrt(\r\n                        Math.pow(x - point.x, 2) + Math.pow(y - point.y, 2),\r\n                    );\r\n                    return distance < 10;\r\n                });\r\n                if (pointIndex !== undefined && pointIndex !== -1) {\r\n                    this.draggedPointIndex = pointIndex;\r\n                    return;\r\n                }\r\n\r\n                if (this.hoveredPolygon) {\r\n                    this.selectedPolygon = this.hoveredPolygon;\r\n                    return;\r\n                }\r\n            }\r\n            this.selectedPolygon = null;\r\n            this.drawPolygons();\r\n            return;\r\n        }\r\n        if (\r\n            !this.selectedPolygon || currentPolygon?.closed ||\r\n            this.currentTool.name !== this.selectedPolygon?.type\r\n        ) {\r\n            // no polygon is active, create a new one\r\n            const newPolygon: Polygon = {\r\n                _id: uuidv4(),\r\n                points: [{ x, y }],\r\n                type: this.currentTool.name,\r\n                closed: false,\r\n            };\r\n            let _id;\r\n            if (this.currentTool.name === \"roof\") {\r\n                this.roofPolygons = {\r\n                    ...this.roofPolygons,\r\n                    [newPolygon._id]: newPolygon,\r\n                };\r\n                _id = newPolygon._id;\r\n            } else if (this.currentTool.name === \"obstruction\") {\r\n                this.obstructionPolygons = {\r\n                    ...this.obstructionPolygons,\r\n                    [newPolygon._id]: newPolygon,\r\n                };\r\n                _id = newPolygon._id;\r\n            }\r\n            this.selectedPolygon = { _id, type: this.currentTool.name };\r\n            this.drawPolygons();\r\n            return;\r\n        }\r\n\r\n        if (currentPolygon.closed) {\r\n            return;\r\n        }\r\n\r\n        // If we have at least one point, check if we're clicking near the first point\r\n        if (currentPolygon.points.length > 2) {\r\n            const firstPoint = currentPolygon.points[0];\r\n            const distance = Math.sqrt(\r\n                Math.pow(x - firstPoint.x, 2) + Math.pow(y - firstPoint.y, 2),\r\n            );\r\n\r\n            if (distance < 10) {\r\n                this.closePolygon();\r\n                return;\r\n            }\r\n        }\r\n\r\n        // Handle shift key for perpendicular points\r\n        if (event.shiftKey && currentPolygon?.points.length >= 2) {\r\n            const projectedPoint = projectPointPerpendicularToLine({\r\n                x,\r\n                y,\r\n                lastPoint:\r\n                    currentPolygon.points[currentPolygon.points.length - 1],\r\n                secondLastPoint:\r\n                    currentPolygon.points[currentPolygon.points.length - 2],\r\n            });\r\n            x = projectedPoint.x;\r\n            y = projectedPoint.y;\r\n        }\r\n\r\n        currentPolygon.points = [...currentPolygon.points, { x, y }];\r\n        this.drawPolygons();\r\n    }\r\n\r\n    @Listen(\"mouseup\", { target: \"document\" })\r\n    handleMouseUp() {\r\n        this.draggedPointIndex = null;\r\n    }\r\n\r\n    private closePolygon() {\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        if (\r\n            currentPolygon.points.length >= 3 &&\r\n            (this.currentTool.name === \"roof\" ||\r\n                this.currentTool.name === \"obstruction\")\r\n        ) {\r\n            currentPolygon.closed = true;\r\n        }\r\n\r\n        if (currentPolygon.type === \"roof\") {\r\n            // Calculate basic polygon details\r\n            const metersInPixels = 1 / this.pixelInMeters;\r\n            const area = calculatePolygonArea(currentPolygon.points) /\r\n                (metersInPixels * metersInPixels);\r\n            const bestMatch = getBestFittingRoofSegment(\r\n                currentPolygon,\r\n                this.buildingInsights?.solarPotential.roofSegmentStats,\r\n                this.rgbTiff.bounds,\r\n                this.canvasElement,\r\n            );\r\n\r\n            if (bestMatch) {\r\n                currentPolygon.details = {\r\n                    area,\r\n                    azimuth: bestMatch.azimuthDegrees,\r\n                    pitch: bestMatch.pitchDegrees,\r\n                };\r\n            } else {\r\n                currentPolygon.details = {\r\n                    area,\r\n                    azimuth: 0,\r\n                    pitch: 0,\r\n                };\r\n            }\r\n\r\n            this.scrollToCanvas();\r\n        }\r\n\r\n        this.drawPolygons();\r\n        this.currentTool = moveTool;\r\n    }\r\n\r\n    private calculateSolarPanels({ redraw = true }: { redraw?: boolean } = {}) {\r\n        const currentPolygon = this.getCurrentPolygon();\r\n\r\n        if (!currentPolygon.details) {\r\n            return;\r\n        }\r\n\r\n        if (this.roofPolygonsSolarPanels[currentPolygon._id]) {\r\n            delete this.roofPolygonsSolarPanels[currentPolygon._id];\r\n        }\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            currentPolygon,\r\n            Object.values(this.obstructionPolygons),\r\n            convertedSolarPanel,\r\n            currentPolygon.details?.azimuth,\r\n            inset,\r\n            currentPolygon.details?.pitch,\r\n        );\r\n        this.roofPolygonsSolarPanels = {\r\n            ...this.roofPolygonsSolarPanels,\r\n            [currentPolygon._id]: {\r\n                positionedPanels: solarPanels,\r\n                sunniness: currentPolygon.details?.assignedRoofStats?.stats\r\n                    .sunshineQuantiles[5] ??\r\n                    this.buildingInsights.solarPotential.buildingStats\r\n                        .sunshineQuantiles[5] ??\r\n                    DEFAULT_SUNNINESS,\r\n            },\r\n        };\r\n        if (redraw) {\r\n            this.drawPolygons();\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        const currentPolygon = this.getCurrentPolygon();\r\n        if (currentPolygon) {\r\n            this.roofPolygons[currentPolygon._id].details.pitch = pitch;\r\n        }\r\n        if (\r\n            currentPolygon.type === \"roof\" &&\r\n            this.roofPolygonsSolarPanels[currentPolygon._id]\r\n        ) {\r\n            this.calculateSolarPanels();\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 azimuth = parseFloat(target.value);\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        if (currentPolygon) {\r\n            this.roofPolygons[currentPolygon._id].details.azimuth = azimuth;\r\n        }\r\n        if (\r\n            currentPolygon.type === \"roof\" &&\r\n            this.roofPolygonsSolarPanels[currentPolygon._id]\r\n        ) {\r\n            this.calculateSolarPanels();\r\n            return;\r\n        }\r\n    }\r\n\r\n    private handleToolSelect(tool: Tool) {\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        if (\r\n            currentPolygon && !currentPolygon.closed &&\r\n            currentPolygon.points.length > 0\r\n        ) {\r\n            alert(\"Please close the polygon before selecting a tool\");\r\n            // TODO translate\r\n            return;\r\n        }\r\n        this.currentTool = tool;\r\n    }\r\n\r\n    private scrollToCanvas() {\r\n        const canvasElement = this.el.querySelector(\"#map-draw-canvas\");\r\n        if (canvasElement) {\r\n            canvasElement.scrollIntoView({ behavior: \"smooth\" });\r\n        }\r\n    }\r\n\r\n    private handleSettingsClick = () => {\r\n        this.showSettings = true;\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    render() {\r\n        const t = getLanguageStrings(state.settings.language);\r\n        const currentPolygon = this.getCurrentPolygon();\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.showInstructions && !state.isMobile && (\r\n                    <div class=\"w-full rounded-4xl p-4 bg-white\">\r\n                        {t.mapDraw.instructions.parts.roof}{\" \"}\r\n                        <button\r\n                            class=\"inline-flex items-center justify-center p-1 rounded-full hover:bg-gray-300 transition-colors\"\r\n                            onClick={() => this.handleToolSelect(roofTool)}\r\n                        >\r\n                            <icon-selector name=\"house\" inline={true} />\r\n                        </button>{\" \"}\r\n                        {t.mapDraw.instructions.parts.obstruction}{\" \"}\r\n                        <button\r\n                            class=\"inline-flex items-center justify-center p-1 rounded-full hover:bg-gray-300 transition-colors\"\r\n                            onClick={() =>\r\n                                this.handleToolSelect(obstructionTool)}\r\n                        >\r\n                            <icon-selector name=\"octagon-minus\" inline={true} />\r\n                        </button>{\" \"}\r\n                        {t.mapDraw.instructions.parts.delete}{\" \"}\r\n                        <button\r\n                            class=\"inline-flex items-center justify-center p-1 rounded-full hover:bg-gray-300 transition-colors\"\r\n                            onClick={() => this.handleToolSelect(deleteTool)}\r\n                        >\r\n                            <icon-selector name=\"eraser\" inline={true} />\r\n                        </button>{\" \"}\r\n                        {t.mapDraw.instructions.parts.move}{\" \"}\r\n                        <button\r\n                            class=\"inline-flex items-center justify-center p-1 rounded-full hover:bg-gray-300 transition-colors\"\r\n                            onClick={() => this.handleToolSelect(moveTool)}\r\n                        >\r\n                            <icon-selector name=\"move\" inline={true} />\r\n                        </button>{\" \"}\r\n                        {t.mapDraw.instructions.parts.end}\r\n                    </div>\r\n                )}\r\n                <div class=\"w-full flex flex-row justify-between items-center\">\r\n                    {!state.isMobile && (this.showInstructions\r\n                        ? (\r\n                            <button\r\n                                class=\"px-4 py-2 rounded-4xl hover:bg-gray-300 transition-colors duration-200 bg-white p-4\"\r\n                                onClick={() => this.showInstructions = false}\r\n                            >\r\n                                {t.mapDraw.instructions.hide}\r\n                            </button>\r\n                        )\r\n                        : (\r\n                            <button\r\n                                class=\"px-4 py-2 rounded-4xl hover:bg-gray-300 transition-colors duration-200 bg-white p-4\"\r\n                                onClick={() => this.showInstructions = true}\r\n                            >\r\n                                {t.mapDraw.instructions.show}\r\n                            </button>\r\n                        ))}\r\n                    <button\r\n                        class=\"flex items-center gap-2 bg-white p-2 rounded-4xl hover:bg-gray-300\"\r\n                        onClick={this.handleSettingsClick}\r\n                    >\r\n                        <settings-icon />\r\n                    </button>\r\n                </div>\r\n                <div class=\"w-full\">\r\n                    {!state.isMobile && (\r\n                        <tool-box\r\n                            currentTool={this.currentTool}\r\n                            onToolSelect={(tool) => this.handleToolSelect(tool)}\r\n                            undoCallback={() => this.undo()}\r\n                        />\r\n                    )}\r\n                </div>\r\n                {this.loadingState === \"empty\" && (\r\n                    <div class=\"w-full\">\r\n                        <p\r\n                            class=\"text-white text-center flex items-center justify-center rounded-4xl p-4 w-full\"\r\n                            style={{\r\n                                backgroundColor: \"rgba(0, 0, 0, 0.5)\",\r\n                            }}\r\n                        >\r\n                            {t.mapDraw.noAddressSelected}\r\n                        </p>\r\n                    </div>\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-[#271200]\">\r\n                        </div>\r\n                    </div>\r\n                )}\r\n                <div class=\"flex items-start justify-center h-full w-full bg-[#f3ebda] rounded-4xl\">\r\n                    <div\r\n                        class=\"relative h-full flex items-center justify-center w-full rounded-4xl bg-[#271200]\"\r\n                        style={{\r\n                            aspectRatio: this.rgbTiff\r\n                                ? `${this.rgbTiff.width}/${this.rgbTiff.height}`\r\n                                : \"1/1\",\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                {currentPolygon?.closed && (\r\n                    <div class=\"w-full\">\r\n                        <polygon-buttons\r\n                            currentTool={this.currentTool.name}\r\n                            calculateSolarPanels={() =>\r\n                                this.calculateSolarPanels()}\r\n                            selectEdgeTool={() =>\r\n                                this.handleToolSelect(markRoofEdgeTool)}\r\n                        />\r\n                    </div>\r\n                )}\r\n                {!state.isMobile && (\r\n                    <div class=\"w-full\">\r\n                        <polygon-information\r\n                            currentPolygon={currentPolygon}\r\n                            positionedPanels={currentPolygon\r\n                                ? this\r\n                                    .roofPolygonsSolarPanels[currentPolygon._id]\r\n                                    ?.positionedPanels\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()}\r\n                        />\r\n                    </div>\r\n                )}\r\n                <div class=\"w-full\">\r\n                    <solar-system-form\r\n                        systemConfigs={this.roofPolygonsSolarPanels}\r\n                        roofPolygons={this.roofPolygons}\r\n                        obstructionPolygons={this.obstructionPolygons}\r\n                    />\r\n                </div>\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            </div>\r\n        );\r\n    }\r\n}\r\n"]}
+{"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    h,\r\n    Listen,\r\n    Prop,\r\n    State,\r\n    Watch,\r\n} from \"@stencil/core\";\r\n\r\nimport {\r\n    renderCombinedWithZoom,\r\n    renderSolarPanel,\r\n} from \"../../utils/visualize\";\r\nimport {\r\n    BuildingInsightsResponse,\r\n    GeoTiff,\r\n    SolarPanelType,\r\n} from \"../../utils/solar\";\r\nimport { fetchSolarData, getBuildingImages } from \"../../utils/api\";\r\nimport { drawPolygon, isPointInPolygon } from \"../../utils/render/polygon\";\r\nimport { projectPointPerpendicularToLine } from \"../../utils/render/projection\";\r\nimport { Point, Polygon, SelectedPolygon } from \"../../types/shapes\";\r\nimport {\r\n    deleteTool,\r\n    markRoofEdgeTool,\r\n    moveTool,\r\n    obstructionTool,\r\n    roofTool,\r\n    Tool,\r\n    tools,\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 { getFillColor } from \"../../utils/render/color\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { calculatePolygonArea, getPixelInMeters } from \"../../utils/utils\";\r\nimport {\r\n    getBestFittingRoofSegment,\r\n    SolarPanelSystemPart,\r\n} from \"../../utils/geometry/fitting\";\r\nimport { getOptimalSolarPositionFully } from \"../../utils/geometry/gridMatch\";\r\nimport { BORDER_INSET, DEFAULT_SUNNINESS } 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\r\n    @State()\r\n    showInstructions: boolean = true;\r\n    @State()\r\n    showSettings: boolean = false;\r\n    @State()\r\n    zoom: number = 1;\r\n    @State()\r\n    loadingState: \"empty\" | \"loading\" | \"loaded\" = \"empty\";\r\n    @State()\r\n    rgbTiff: GeoTiff | null = null;\r\n    @State()\r\n    draggedPointIndex: number | null = null;\r\n    @State()\r\n    hoveredPointIndex: number | null = null;\r\n    @State()\r\n    hoveredPolygon: SelectedPolygon | null = null;\r\n    @State()\r\n    shiftKeyPressed: boolean = false;\r\n    @State()\r\n    altKeyPressed: boolean = false;\r\n    @State()\r\n    mousePoint: Point | null = null;\r\n    @State()\r\n    currentTool: Tool = roofTool;\r\n    @State()\r\n    roofPolygons: { [id: string]: Polygon } = {};\r\n    @State()\r\n    roofPolygonsSolarPanels: { [id: string]: SolarPanelSystemPart } = {};\r\n    @State()\r\n    obstructionPolygons: { [id: string]: Polygon } = {};\r\n    @State()\r\n    selectedPolygon: SelectedPolygon | null = null;\r\n    @State()\r\n    buildingInsights: BuildingInsightsResponse | null = null;\r\n    @State()\r\n    pixelInMeters: number = 0.2;\r\n    @State()\r\n    isMobile: boolean = false;\r\n    @State()\r\n    highlightedEdge: { pointA: Point; pointB: Point } | null = null;\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\r\n    private getCurrentPolygon(): Polygon | null {\r\n        if (!this.selectedPolygon) {\r\n            return null;\r\n        }\r\n        const { _id, type } = this.selectedPolygon;\r\n        return type === \"roof\"\r\n            ? this.roofPolygons[_id]\r\n            : this.obstructionPolygons[_id];\r\n    }\r\n\r\n    componentWillLoad() {\r\n        onChange(\"latitude\", () => {\r\n            this.getBuildingImages();\r\n            this.getBuildingInsights();\r\n        });\r\n        onChange(\"longitude\", () => {\r\n            this.getBuildingImages();\r\n            this.getBuildingInsights();\r\n        });\r\n    }\r\n\r\n    componentDidLoad() {\r\n        if (state.latitude && state.longitude) {\r\n            this.loadingState = \"loading\";\r\n            this.getBuildingInsights();\r\n            this.getBuildingImages();\r\n        }\r\n\r\n        requestAnimationFrame(() => {\r\n            if (this.canvasElement) {\r\n                const rect = this.canvasElement.getBoundingClientRect();\r\n                this.canvasElement.width = rect.width;\r\n                this.canvasElement.height = rect.height;\r\n                this.drawMap();\r\n            }\r\n        });\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        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    }\r\n\r\n    async getBuildingInsights() {\r\n        if (!state.latitude || !state.longitude) {\r\n            return;\r\n        }\r\n        this.loadingState = \"loading\";\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.obstructionPolygons = {};\r\n            this.roofPolygons = {};\r\n            this.selectedPolygon = null;\r\n            this.hoveredPolygon = null;\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        }\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            alert(\"No building insights found. Please enter them manually.\");\r\n        }\r\n\r\n        // If on mobile, automatically calculate panels using Google API data\r\n        if (state.isMobile && this.buildingInsights) {\r\n            const maxPanels =\r\n                this.buildingInsights.solarPotential.maxArrayPanelsCount;\r\n            const approximatedPanels = Math.floor(maxPanels * 3 / 4); // Use two thirds of max panels\r\n\r\n            const positionedPanels = Array(approximatedPanels).fill(null)\r\n                .map((_, __) => ({\r\n                    panel: this.solarPanel,\r\n                    pixelPosition: {\r\n                        x: -1,\r\n                        y: -1,\r\n                    },\r\n                    horizontal: true,\r\n                    rotation: 0,\r\n                }));\r\n\r\n            this.roofPolygonsSolarPanels = {\r\n                ...this.roofPolygonsSolarPanels,\r\n                [\"mobile-panels\"]: {\r\n                    positionedPanels,\r\n                    sunniness:\r\n                        this.buildingInsights.solarPotential.buildingStats\r\n                            .sunshineQuantiles[5] ?? DEFAULT_SUNNINESS,\r\n                },\r\n            };\r\n        }\r\n    }\r\n\r\n    async getBuildingImages() {\r\n        if (!state.latitude || !state.longitude) {\r\n            return;\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        }\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        this.pixelInMeters = getPixelInMeters(this.rgbTiff);\r\n        this.loadingState = \"loaded\";\r\n    }\r\n\r\n    private convertToCanvasCoordinates(event: MouseEvent): Point {\r\n        const rect = this.polygonCanvas.getBoundingClientRect();\r\n        const siteX = event.clientX - rect.left;\r\n        const siteY = event.clientY - rect.top;\r\n        return {\r\n            x: siteX / (rect.right - rect.left) * this.canvasElement.width,\r\n            y: siteY / (rect.bottom - rect.top) * this.canvasElement.height,\r\n        };\r\n    }\r\n\r\n    @Watch(\"rgbTiff\")\r\n    @Watch(\"buildingInsights\")\r\n    @Watch(\"canvasElement\")\r\n    async drawMap() {\r\n        if (\r\n            !this.canvasElement || !this.rgbTiff || !this.buildingInsights\r\n        ) return;\r\n\r\n        this.sizeCanvas(this.rgbTiff.width, this.rgbTiff.height);\r\n\r\n        renderCombinedWithZoom({\r\n            rgb: this.rgbTiff,\r\n            zoom: this.zoom,\r\n            canvas: this.canvasElement,\r\n        });\r\n    }\r\n\r\n    @Listen(\"mousemove\", { target: \"document\" })\r\n    handleMouseMove(event: MouseEvent) {\r\n        if (state.isMobile) return; // Prevent interactions on mobile\r\n        if (!this.polygonCanvas || !this.polygonCtx) return;\r\n\r\n        // translate the website pixel coordinates to the canvas coordinates\r\n        const { x, y } = this.convertToCanvasCoordinates(event);\r\n        this.mousePoint = { x, y };\r\n\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        let redraw = false;\r\n\r\n        if (this.currentTool.name === \"markRoofEdge\") {\r\n            let distances = [];\r\n            for (let i = 0; i < currentPolygon?.points.length; i++) {\r\n                const pointA = currentPolygon?.points[i];\r\n                const pointB = currentPolygon\r\n                    ?.points[(i + 1) % currentPolygon?.points.length];\r\n                const distanceA = Math.sqrt(\r\n                    Math.pow(x - pointA.x, 2) + Math.pow(y - pointA.y, 2),\r\n                );\r\n                const distanceB = Math.sqrt(\r\n                    Math.pow(x - pointB.x, 2) + Math.pow(y - pointB.y, 2),\r\n                );\r\n                const edgeLength = Math.sqrt(\r\n                    Math.pow(pointA.x - pointB.x, 2) +\r\n                        Math.pow(pointA.y - pointB.y, 2),\r\n                );\r\n                distances.push({\r\n                    dist: distanceA + distanceB - edgeLength,\r\n                    edge: { pointA, pointB },\r\n                });\r\n            }\r\n            const closestEdge = distances.sort((a, b) => a.dist - b.dist)[0];\r\n            if (closestEdge && (closestEdge.dist < 10)) {\r\n                this.highlightedEdge = closestEdge.edge;\r\n                redraw = true;\r\n            } else if (this.highlightedEdge) {\r\n                this.highlightedEdge = null;\r\n                redraw = true;\r\n            }\r\n        }\r\n\r\n        // Check for point hover\r\n        const newHoveredPointIndex = currentPolygon?.points.findIndex(\r\n            (point) => {\r\n                const distance = Math.sqrt(\r\n                    Math.pow(x - point.x, 2) + Math.pow(y - point.y, 2),\r\n                );\r\n                return distance < 10;\r\n            },\r\n        );\r\n\r\n        // Check for polygon hover\r\n        let newHoveredPolygon = null;\r\n        for (const polygon of Object.values(this.obstructionPolygons)) {\r\n            if (isPointInPolygon({ x, y }, polygon)) {\r\n                newHoveredPolygon = { _id: polygon._id, type: \"obstruction\" };\r\n                break;\r\n            }\r\n        }\r\n        // obstruction polygons get priority\r\n        if (!newHoveredPolygon) {\r\n            for (const polygon of Object.values(this.roofPolygons)) {\r\n                if (isPointInPolygon({ x, y }, polygon)) {\r\n                    newHoveredPolygon = { _id: polygon._id, type: \"roof\" };\r\n                    break;\r\n                }\r\n            }\r\n        }\r\n\r\n        // Only redraw if hover state changed\r\n        if (\r\n            this.hoveredPolygon ||\r\n            newHoveredPointIndex !== this.hoveredPointIndex ||\r\n            JSON.stringify(newHoveredPolygon) !==\r\n                JSON.stringify(this.hoveredPolygon)\r\n        ) {\r\n            this.hoveredPointIndex = newHoveredPointIndex;\r\n            this.hoveredPolygon = newHoveredPolygon;\r\n            redraw = true;\r\n        }\r\n\r\n        // Handle dragging\r\n        if (\r\n            this.draggedPointIndex !== null && currentPolygon &&\r\n            this.currentTool.name === \"move\"\r\n        ) {\r\n            currentPolygon.points[this.draggedPointIndex] = { x, y };\r\n            // Recalculate area if this is a roof polygon\r\n            if (currentPolygon.type === \"roof\" && currentPolygon.closed) {\r\n                const metersInPixels = 1 / this.pixelInMeters;\r\n                const area = calculatePolygonArea(currentPolygon.points) /\r\n                    (metersInPixels * metersInPixels);\r\n                currentPolygon.details.area = area;\r\n            }\r\n            redraw = true;\r\n        }\r\n\r\n        if (this.shiftKeyPressed) {\r\n            redraw = true;\r\n        }\r\n\r\n        if (redraw) {\r\n            this.drawPolygons();\r\n        }\r\n    }\r\n\r\n    private drawPolygons() {\r\n        if (!this.polygonCanvas || !this.polygonCtx) return;\r\n\r\n        // Clear the canvas and redraw the map\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\r\n        // draw roof polygons\r\n        for (const polygon of Object.values(this.roofPolygons)) {\r\n            const fillColor = getFillColor(\r\n                this.selectedPolygon,\r\n                this.hoveredPolygon,\r\n                polygon._id,\r\n                polygon,\r\n                this.config,\r\n            );\r\n\r\n            drawPolygon({\r\n                polygonCtx: this.polygonCtx,\r\n                polygonCanvas: this.polygonCanvas,\r\n                polygon,\r\n                strokeColor: polygon.closed\r\n                    ? this.config.closedRoofColor\r\n                    : this.config.openRoofColor,\r\n                fillColor,\r\n                pixelInMeters: this.pixelInMeters,\r\n                shiftKeyPressed: this.shiftKeyPressed,\r\n                mousePoint: this.mousePoint,\r\n                highlightColor: this.config.highlightColor,\r\n                highlightedEdge: this.highlightedEdge,\r\n            });\r\n\r\n            const solarPanels = this.roofPolygonsSolarPanels[polygon._id];\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            if (solarPanels) {\r\n                for (const panel of solarPanels.positionedPanels) {\r\n                    renderSolarPanel(\r\n                        panel,\r\n                        this.polygonCtx,\r\n                        convertedSolarPanel.widthMeters,\r\n                        convertedSolarPanel.heightMeters,\r\n                        polygon.details?.azimuth,\r\n                        polygon.details?.pitch,\r\n                    );\r\n                }\r\n            }\r\n        }\r\n\r\n        // draw obstruction polygons\r\n        for (const polygon of Object.values(this.obstructionPolygons)) {\r\n            const fillColor = getFillColor(\r\n                this.selectedPolygon,\r\n                this.hoveredPolygon,\r\n                polygon._id,\r\n                polygon,\r\n                this.config,\r\n            );\r\n\r\n            drawPolygon({\r\n                polygonCtx: this.polygonCtx,\r\n                polygonCanvas: this.polygonCanvas,\r\n                polygon,\r\n                pixelInMeters: this.pixelInMeters,\r\n                shiftKeyPressed: this.shiftKeyPressed,\r\n                mousePoint: this.mousePoint,\r\n                strokeColor: polygon.closed\r\n                    ? this.config.closedObstructionColor\r\n                    : this.config.openObstructionColor,\r\n                fillColor,\r\n                highlightColor: this.config.highlightColor,\r\n            });\r\n        }\r\n    }\r\n\r\n    private deletePolygon(_id: string) {\r\n        if (this.selectedPolygon?._id === _id) {\r\n            this.selectedPolygon = null;\r\n        }\r\n        if (this.roofPolygons[_id]) {\r\n            delete this.roofPolygons[_id];\r\n            delete this.roofPolygonsSolarPanels[_id];\r\n        }\r\n        if (this.obstructionPolygons[_id]) {\r\n            delete this.obstructionPolygons[_id];\r\n        }\r\n    }\r\n\r\n    @Listen(\"keydown\", { target: \"document\" })\r\n    handleKeyDown(event: KeyboardEvent) {\r\n        if (event.target instanceof HTMLInputElement) {\r\n            return;\r\n        }\r\n        // Handle shift key for perpendicular points\r\n        if (event.shiftKey && !this.shiftKeyPressed) {\r\n            this.shiftKeyPressed = true;\r\n            this.drawPolygons();\r\n            return;\r\n        }\r\n        if (event.altKey && !this.altKeyPressed) {\r\n            this.altKeyPressed = true;\r\n            return;\r\n        }\r\n        if (\r\n            (event.key === \"Delete\" || event.key === \"Backspace\") &&\r\n            this.selectedPolygon\r\n        ) {\r\n            const currentPolygon = this.getCurrentPolygon();\r\n            if (currentPolygon.closed) {\r\n                this.deletePolygon(currentPolygon._id);\r\n                this.drawPolygons();\r\n                return;\r\n            }\r\n            currentPolygon.points.pop();\r\n            this.drawPolygons();\r\n            return;\r\n        }\r\n\r\n        // Handle tool selection shortcuts\r\n        const pressedKey = event.key.toLowerCase();\r\n        const tool = tools.find((t) =>\r\n            t.keyboardShortcut?.toLowerCase() === pressedKey\r\n        );\r\n        if (tool) {\r\n            this.currentTool = tool;\r\n        }\r\n    }\r\n\r\n    @Listen(\"keyup\", { target: \"document\" })\r\n    handleKeyUp(event: KeyboardEvent) {\r\n        if (!event.shiftKey && this.shiftKeyPressed) {\r\n            this.shiftKeyPressed = false;\r\n            this.drawPolygons();\r\n        }\r\n        if (!event.altKey && this.altKeyPressed) {\r\n            this.altKeyPressed = false;\r\n        }\r\n    }\r\n\r\n    private undo() {\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        if (!currentPolygon) {\r\n            return;\r\n        }\r\n        if (currentPolygon.closed) {\r\n            currentPolygon.closed = false;\r\n            if (currentPolygon.type === \"roof\") {\r\n                delete this.roofPolygonsSolarPanels[currentPolygon._id];\r\n                this.currentTool = roofTool;\r\n                this.highlightedEdge = null;\r\n            } else if (currentPolygon.type === \"obstruction\") {\r\n                this.currentTool = obstructionTool;\r\n            }\r\n        } else {\r\n            currentPolygon.points.pop();\r\n        }\r\n        this.drawPolygons();\r\n    }\r\n\r\n    @Listen(\"mousedown\", { target: \"document\" })\r\n    handleMouseDown(event: MouseEvent) {\r\n        if (this.currentTool.name === \"undo\") {\r\n            return;\r\n        }\r\n        if (state.isMobile) return; // Prevent interactions on mobile\r\n        if (!this.polygonCanvas || !this.polygonCtx) return;\r\n        if (!this.polygonCanvas.contains(event.target as Node)) return;\r\n\r\n        let { x, y } = this.convertToCanvasCoordinates(event);\r\n\r\n        if (this.currentTool.name === \"markRoofEdge\") {\r\n            if (!this.highlightedEdge) {\r\n                return;\r\n            }\r\n            const x = this.highlightedEdge.pointA.x -\r\n                this.highlightedEdge.pointB.x;\r\n            const y = this.highlightedEdge.pointA.y -\r\n                this.highlightedEdge.pointB.y;\r\n            const azimuth = Math.atan2(-x, y) * (180 / Math.PI);\r\n            this.calculateSolarPanels();\r\n            this.handleAzimuthChange({\r\n                target: {\r\n                    value: azimuth,\r\n                },\r\n            } as unknown as Event);\r\n            return;\r\n        }\r\n        if (this.currentTool.name === \"delete\") {\r\n            if (!this.hoveredPolygon) {\r\n                return;\r\n            }\r\n            const { _id, type } = this.hoveredPolygon;\r\n            if (type === \"roof\") {\r\n                delete this.roofPolygons[_id];\r\n                delete this.roofPolygonsSolarPanels[_id];\r\n            } else if (type === \"obstruction\") {\r\n                delete this.obstructionPolygons[_id];\r\n            }\r\n            this.hoveredPolygon = null;\r\n            if (this.selectedPolygon?._id === _id) {\r\n                this.selectedPolygon = null;\r\n            }\r\n            this.drawPolygons();\r\n            return;\r\n        }\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        if (this.currentTool.name === \"move\") {\r\n            // Check if we're clicking on a point of the selected polygon\r\n            if (this.selectedPolygon) {\r\n                const pointIndex = currentPolygon?.points.findIndex((point) => {\r\n                    const distance = Math.sqrt(\r\n                        Math.pow(x - point.x, 2) + Math.pow(y - point.y, 2),\r\n                    );\r\n                    return distance < 10;\r\n                });\r\n                if (pointIndex !== undefined && pointIndex !== -1) {\r\n                    this.draggedPointIndex = pointIndex;\r\n                    return;\r\n                }\r\n\r\n                if (this.hoveredPolygon) {\r\n                    this.selectedPolygon = this.hoveredPolygon;\r\n                    return;\r\n                }\r\n            }\r\n            this.selectedPolygon = null;\r\n            this.drawPolygons();\r\n            return;\r\n        }\r\n        if (\r\n            !this.selectedPolygon || currentPolygon?.closed ||\r\n            this.currentTool.name !== this.selectedPolygon?.type\r\n        ) {\r\n            // no polygon is active, create a new one\r\n            const newPolygon: Polygon = {\r\n                _id: uuidv4(),\r\n                points: [{ x, y }],\r\n                type: this.currentTool.name,\r\n                closed: false,\r\n            };\r\n            let _id;\r\n            if (this.currentTool.name === \"roof\") {\r\n                this.roofPolygons = {\r\n                    ...this.roofPolygons,\r\n                    [newPolygon._id]: newPolygon,\r\n                };\r\n                _id = newPolygon._id;\r\n            } else if (this.currentTool.name === \"obstruction\") {\r\n                this.obstructionPolygons = {\r\n                    ...this.obstructionPolygons,\r\n                    [newPolygon._id]: newPolygon,\r\n                };\r\n                _id = newPolygon._id;\r\n            }\r\n            this.selectedPolygon = { _id, type: this.currentTool.name };\r\n            this.drawPolygons();\r\n            return;\r\n        }\r\n\r\n        if (currentPolygon.closed) {\r\n            return;\r\n        }\r\n\r\n        // If we have at least one point, check if we're clicking near the first point\r\n        if (currentPolygon.points.length > 2) {\r\n            const firstPoint = currentPolygon.points[0];\r\n            const distance = Math.sqrt(\r\n                Math.pow(x - firstPoint.x, 2) + Math.pow(y - firstPoint.y, 2),\r\n            );\r\n\r\n            if (distance < 10) {\r\n                this.closePolygon();\r\n                return;\r\n            }\r\n        }\r\n\r\n        // Handle shift key for perpendicular points\r\n        if (event.shiftKey && currentPolygon?.points.length >= 2) {\r\n            const projectedPoint = projectPointPerpendicularToLine({\r\n                x,\r\n                y,\r\n                lastPoint:\r\n                    currentPolygon.points[currentPolygon.points.length - 1],\r\n                secondLastPoint:\r\n                    currentPolygon.points[currentPolygon.points.length - 2],\r\n            });\r\n            x = projectedPoint.x;\r\n            y = projectedPoint.y;\r\n        }\r\n\r\n        currentPolygon.points = [...currentPolygon.points, { x, y }];\r\n        this.drawPolygons();\r\n    }\r\n\r\n    @Listen(\"mouseup\", { target: \"document\" })\r\n    handleMouseUp() {\r\n        this.draggedPointIndex = null;\r\n    }\r\n\r\n    private closePolygon() {\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        if (\r\n            currentPolygon.points.length >= 3 &&\r\n            (this.currentTool.name === \"roof\" ||\r\n                this.currentTool.name === \"obstruction\")\r\n        ) {\r\n            currentPolygon.closed = true;\r\n        }\r\n\r\n        if (currentPolygon.type === \"roof\") {\r\n            // Calculate basic polygon details\r\n            const metersInPixels = 1 / this.pixelInMeters;\r\n            const area = calculatePolygonArea(currentPolygon.points) /\r\n                (metersInPixels * metersInPixels);\r\n            const bestMatch = getBestFittingRoofSegment(\r\n                currentPolygon,\r\n                this.buildingInsights?.solarPotential.roofSegmentStats,\r\n                this.rgbTiff.bounds,\r\n                this.canvasElement,\r\n            );\r\n\r\n            if (bestMatch) {\r\n                currentPolygon.details = {\r\n                    area,\r\n                    azimuth: bestMatch.azimuthDegrees,\r\n                    pitch: bestMatch.pitchDegrees,\r\n                };\r\n            } else {\r\n                currentPolygon.details = {\r\n                    area,\r\n                    azimuth: 0,\r\n                    pitch: 0,\r\n                };\r\n            }\r\n\r\n            this.scrollToCanvas();\r\n        }\r\n\r\n        this.drawPolygons();\r\n        this.currentTool = moveTool;\r\n    }\r\n\r\n    private calculateSolarPanels({ redraw = true }: { redraw?: boolean } = {}) {\r\n        const currentPolygon = this.getCurrentPolygon();\r\n\r\n        if (!currentPolygon.details) {\r\n            return;\r\n        }\r\n\r\n        if (this.roofPolygonsSolarPanels[currentPolygon._id]) {\r\n            delete this.roofPolygonsSolarPanels[currentPolygon._id];\r\n        }\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            currentPolygon,\r\n            Object.values(this.obstructionPolygons),\r\n            convertedSolarPanel,\r\n            currentPolygon.details?.azimuth,\r\n            inset,\r\n            currentPolygon.details?.pitch,\r\n        );\r\n        this.roofPolygonsSolarPanels = {\r\n            ...this.roofPolygonsSolarPanels,\r\n            [currentPolygon._id]: {\r\n                positionedPanels: solarPanels,\r\n                sunniness: currentPolygon.details?.assignedRoofStats?.stats\r\n                    .sunshineQuantiles[5] ??\r\n                    this.buildingInsights.solarPotential.buildingStats\r\n                        .sunshineQuantiles[5] ??\r\n                    DEFAULT_SUNNINESS,\r\n            },\r\n        };\r\n        if (redraw) {\r\n            this.drawPolygons();\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        const currentPolygon = this.getCurrentPolygon();\r\n        if (currentPolygon) {\r\n            this.roofPolygons[currentPolygon._id].details.pitch = pitch;\r\n        }\r\n        if (\r\n            currentPolygon.type === \"roof\" &&\r\n            this.roofPolygonsSolarPanels[currentPolygon._id]\r\n        ) {\r\n            this.calculateSolarPanels();\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 azimuth = parseFloat(target.value);\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        if (currentPolygon) {\r\n            this.roofPolygons[currentPolygon._id].details.azimuth = azimuth;\r\n        }\r\n        if (\r\n            currentPolygon.type === \"roof\" &&\r\n            this.roofPolygonsSolarPanels[currentPolygon._id]\r\n        ) {\r\n            this.calculateSolarPanels();\r\n            return;\r\n        }\r\n    }\r\n\r\n    private handleToolSelect(tool: Tool) {\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        if (\r\n            currentPolygon && !currentPolygon.closed &&\r\n            currentPolygon.points.length > 0\r\n        ) {\r\n            alert(\"Please close the polygon before selecting a tool\");\r\n            // TODO translate\r\n            return;\r\n        }\r\n        this.currentTool = tool;\r\n    }\r\n\r\n    private scrollToCanvas() {\r\n        const canvasElement = this.el.querySelector(\"#map-draw-canvas\");\r\n        if (canvasElement) {\r\n            canvasElement.scrollIntoView({ behavior: \"smooth\" });\r\n        }\r\n    }\r\n\r\n    private handleSettingsClick = () => {\r\n        this.showSettings = true;\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    render() {\r\n        const t = getLanguageStrings(state.settings.language);\r\n        const currentPolygon = this.getCurrentPolygon();\r\n        return (\r\n            <div\r\n                class=\"flex flex-col justify-center items-center w-full h-full gap-4 bg-primary\"\r\n                id=\"map-draw\"\r\n            >\r\n                {this.showInstructions && !state.isMobile && (\r\n                    <div class=\"w-full rounded-4xl p-4 bg-muted text-muted-foreground\">\r\n                        {t.mapDraw.instructions.parts.roof}{\" \"}\r\n                        <button\r\n                            class=\"inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors\"\r\n                            onClick={() => this.handleToolSelect(roofTool)}\r\n                        >\r\n                            <icon-selector name=\"house\" inline={true} />\r\n                        </button>{\" \"}\r\n                        {t.mapDraw.instructions.parts.obstruction}{\" \"}\r\n                        <button\r\n                            class=\"inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors\"\r\n                            onClick={() =>\r\n                                this.handleToolSelect(obstructionTool)}\r\n                        >\r\n                            <icon-selector name=\"octagon-minus\" inline={true} />\r\n                        </button>{\" \"}\r\n                        {t.mapDraw.instructions.parts.delete}{\" \"}\r\n                        <button\r\n                            class=\"inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors\"\r\n                            onClick={() => this.handleToolSelect(deleteTool)}\r\n                        >\r\n                            <icon-selector name=\"eraser\" inline={true} />\r\n                        </button>{\" \"}\r\n                        {t.mapDraw.instructions.parts.move}{\" \"}\r\n                        <button\r\n                            class=\"inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors\"\r\n                            onClick={() => this.handleToolSelect(moveTool)}\r\n                        >\r\n                            <icon-selector name=\"move\" inline={true} />\r\n                        </button>{\" \"}\r\n                        {t.mapDraw.instructions.parts.end}\r\n                    </div>\r\n                )}\r\n                <div class=\"w-full flex flex-row justify-between items-center\">\r\n                    {!state.isMobile && (this.showInstructions\r\n                        ? (\r\n                            <button\r\n                                class=\"px-4 py-2 rounded-4xl hover:bg-surface-hover transition-colors duration-200 bg-muted p-4 text-muted-foreground\"\r\n                                onClick={() => this.showInstructions = false}\r\n                            >\r\n                                {t.mapDraw.instructions.hide}\r\n                            </button>\r\n                        )\r\n                        : (\r\n                            <button\r\n                                class=\"px-4 py-2 rounded-4xl hover:bg-surface-hover transition-colors duration-200 bg-muted p-4 text-muted-foreground\"\r\n                                onClick={() => this.showInstructions = true}\r\n                            >\r\n                                {t.mapDraw.instructions.show}\r\n                            </button>\r\n                        ))}\r\n                    <button\r\n                        class=\"flex items-center gap-2 bg-muted p-2 rounded-4xl hover:bg-surface-hover text-muted-foreground\"\r\n                        onClick={this.handleSettingsClick}\r\n                    >\r\n                        <settings-icon />\r\n                    </button>\r\n                </div>\r\n                <div class=\"w-full\">\r\n                    {!state.isMobile && (\r\n                        <tool-box\r\n                            currentTool={this.currentTool}\r\n                            onToolSelect={(tool) => this.handleToolSelect(tool)}\r\n                            undoCallback={() => this.undo()}\r\n                        />\r\n                    )}\r\n                </div>\r\n                {this.loadingState === \"empty\" && (\r\n                    <div class=\"w-full\">\r\n                        <p class=\"text-muted text-center flex items-center justify-center rounded-4xl p-4 w-full bg-text-secondary\">\r\n                            {t.mapDraw.noAddressSelected}\r\n                        </p>\r\n                    </div>\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                <div class=\"flex items-start justify-center h-full w-full bg-primary rounded-4xl\">\r\n                    <div\r\n                        class=\"relative h-full 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                                : \"1/1\",\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                {currentPolygon?.closed && (\r\n                    <div class=\"w-full\">\r\n                        <polygon-buttons\r\n                            currentTool={this.currentTool.name}\r\n                            calculateSolarPanels={() =>\r\n                                this.calculateSolarPanels()}\r\n                            selectEdgeTool={() =>\r\n                                this.handleToolSelect(markRoofEdgeTool)}\r\n                        />\r\n                    </div>\r\n                )}\r\n                {!state.isMobile && (\r\n                    <div class=\"w-full\">\r\n                        <polygon-information\r\n                            currentPolygon={currentPolygon}\r\n                            positionedPanels={currentPolygon\r\n                                ? this\r\n                                    .roofPolygonsSolarPanels[currentPolygon._id]\r\n                                    ?.positionedPanels\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()}\r\n                        />\r\n                    </div>\r\n                )}\r\n                <div class=\"w-full\">\r\n                    <solar-system-form\r\n                        systemConfigs={this.roofPolygonsSolarPanels}\r\n                        roofPolygons={this.roofPolygons}\r\n                        obstructionPolygons={this.obstructionPolygons}\r\n                    />\r\n                </div>\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            </div>\r\n        );\r\n    }\r\n}\r\n"]}

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

@@ -123,12 +123,9 @@ export class MapSelector {
     }
     render() {
         const t = getLanguageStrings(this.language);
-        return (h("div", { key: '790ad62209c0bb8e7c09c8c4a7b4cd84a45b8c43', class: "map-selector flex flex-col gap-4 pb-4" }, h("div", { key: '7c6a2c793d57a33599a335cca50b8ed51f31a66d', class: "relative" }, h("div", { key: 'a2cb0fe67c538fe6982f4a330e87bfc4d652725d', class: "absolute left-3 top-1/2 transform -translate-y-1/2" }, h("search-icon", { key: 'e74360d3988c5eaf26d9cb3f3d5008ca12ba754c' })), h("input", { key: 'ff9d73296820c913aa139e349655fbd8d522ec00', ref: (el) => this.inputElement = el, type: "text", placeholder: t.solarExpert.searchPlaceholder, class: "w-full pl-10 pr-4 py-2 border border-gray-300 rounded-4xl focus:ring-[#271200] bg-white" })), h("div", { key: '1312a88873b3cb212d26d121ec6db26928582329', class: "w-full rounded-4xl p-4", style: {
-                backgroundColor: "rgba(0, 0, 0, 0.1)",
-            } }, t.mapSelector.explanation), h("div", { key: '6a8be5059d73e8acff3afb3908ec1cc9eb874c0f', class: "flex items-center gap-4" }, h("label", { key: '1a48daacec1b2eac9bdae92fc7f1514b8cbc0999', class: "text-sm font-medium text-gray-700" }, t.mapSelector.radius), h("input", { key: 'caa5293f7930bac990afdec8ea387103ee0c1544', 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-white" }), h("span", { key: 'df77a7831acc4c53ab4f2579abd1c510ef09c866', class: "text-sm text-gray-600" }, this.radius, "m")), h("div", { key: 'e6c10f536b970753d02acfd487e57d2bd2bef8b3', ref: (el) => this.mapElement = el, class: "w-full h-[400px] rounded-4xl border border-gray-300" }), h("button", { key: 'a190ee5443eba06f1b1f95981af08202b890a04f', onClick: () => this.handleAcceptPosition(), class: "w-full py-2 px-4 bg-[#271200] text-white rounded-4xl hover:bg-[#3a1b00] transition-colors" }, t.mapSelector.accept)));
+        return (h("div", { key: '6bd6a349473631b028a847cc71aa147ac299fab0', class: "map-selector flex flex-col gap-4 pb-4" }, h("div", { key: '4f38763b9565d75a01402748d53d23a9e73c2ab4', class: "relative" }, h("div", { key: '459d541e4ddea003fff88c02a3d478b5b6d733d0', class: "absolute left-3 top-1/2 transform -translate-y-1/2" }, h("search-icon", { key: 'a987e260f216abd5db893e30f24e4d1218693efc' })), h("input", { key: '5f69895a4e83d916c7b3d679d3a5d74088b3faed', 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: '47d62df3976909cf372a65f3ebba242f7392c42d', class: "w-full rounded-4xl p-4 bg-overlay" }, t.mapSelector.explanation), h("div", { key: 'd92c4a3badb8b5c97a65b503b4fef8e69c66b267', class: "flex items-center gap-4" }, h("label", { key: '8d0fbdd7cc414f53715980d47504d2370ca64c0b', class: "text-sm font-medium text-text-muted" }, t.mapSelector.radius), h("input", { key: 'ca8c63799282f544087e6dff1574ddd2b81422e9', 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" }), h("span", { key: '457ec1489386d14168a1c56e6efd4ee767484410', class: "text-sm text-text-muted" }, this.radius, "m")), h("div", { key: '35508bcd20c6c13debc2d3b5bdb875e6bffa3f87', ref: (el) => this.mapElement = el, class: "w-full h-[400px] rounded-4xl border border-border" }), h("button", { key: '21628429a20728720cb4a72d4957ea20a292b917', onClick: () => this.handleAcceptPosition(), class: "w-full py-2 px-4 bg-secondary text-muted rounded-4xl hover:bg-hover-dark transition-colors" }, t.mapSelector.accept)));
     }
     static get is() { return "map-selector"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["../../output.css"]

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

@@ -1 +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: true,\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\r\n    private inputElement?: HTMLInputElement;\r\n    private mapElement?: HTMLDivElement;\r\n\r\n    componentWillLoad() {\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\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        if (this.latitude !== null && this.longitude !== null) {\r\n            state.latitude = this.latitude;\r\n            state.longitude = this.longitude;\r\n            state.radiusMeters = this.radius;\r\n        }\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-1/2 transform -translate-y-1/2\">\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-gray-300 rounded-4xl focus:ring-[#271200] bg-white\"\r\n                    />\r\n                </div>\r\n                <div\r\n                    class=\"w-full rounded-4xl p-4\"\r\n                    style={{\r\n                        backgroundColor: \"rgba(0, 0, 0, 0.1)\",\r\n                    }}\r\n                >\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-gray-700\">\r\n                        {t.mapSelector.radius}\r\n                    </label>\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-white\"\r\n                    />\r\n                    <span class=\"text-sm text-gray-600\">{this.radius}m</span>\r\n                </div>\r\n\r\n                <div\r\n                    ref={(el) => this.mapElement = el}\r\n                    class=\"w-full h-[400px] rounded-4xl border border-gray-300\"\r\n                />\r\n\r\n                <button\r\n                    onClick={() => this.handleAcceptPosition()}\r\n                    class=\"w-full py-2 px-4 bg-[#271200] text-white rounded-4xl hover:bg-[#3a1b00] transition-colors\"\r\n                >\r\n                    {t.mapSelector.accept}\r\n                </button>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}
+{"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\r\n    private inputElement?: HTMLInputElement;\r\n    private mapElement?: HTMLDivElement;\r\n\r\n    componentWillLoad() {\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\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        if (this.latitude !== null && this.longitude !== null) {\r\n            state.latitude = this.latitude;\r\n            state.longitude = this.longitude;\r\n            state.radiusMeters = this.radius;\r\n        }\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-1/2 transform -translate-y-1/2\">\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                    <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                    <span class=\"text-sm text-text-muted\">{this.radius}m</span>\r\n                </div>\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                <button\r\n                    onClick={() => this.handleAcceptPosition()}\r\n                    class=\"w-full py-2 px-4 bg-secondary text-muted rounded-4xl hover:bg-hover-dark transition-colors\"\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

@@ -7,11 +7,11 @@ export class PolygonButtons {
     currentTool;
     render() {
         const t = getLanguageStrings(state.settings.language);
-        return (h("div", { key: 'bfd9f90e4d9102dd46b27a74e53d8f6f58af9361', class: "flex w-full gap-2 justify-end" }, h("button", { key: '3b0866d091627579b479b3009800f12b27d13d5e', class: `px-4 py-2 rounded-4xl hover:bg-[#0000003c] text-[#271200] transition-colors duration-200 text-xs ${this.currentTool === "markRoofEdge"
-                ? "bg-[#00000056]"
-                : "bg-white"}`,
+        return (h("div", { key: 'bfd9f90e4d9102dd46b27a74e53d8f6f58af9361', class: "flex w-full gap-2 justify-end" }, h("button", { key: '5286f8641b4f104d21f9a34265d9e7a3e4e12442', class: `px-4 py-2 rounded-4xl hover:bg-overlay text-secondary transition-colors duration-200 text-xs ${this.currentTool === "markRoofEdge"
+                ? "bg-surface-active"
+                : "bg-muted"}`,
             // style={edgeSelectedStyle}
-            onClick: () => this.selectEdgeTool() }, t.mapDraw.markRoofEdge), h("button", { key: '12f39460c0a87249a639d2834f923f7abd0e592d', class: "px-4 py-2 rounded-4xl hover:bg-[#0000003c] text-[#271200] transition-colors duration-200 text-xs bg-[#ffffff]", onClick: () => this.calculateSolarPanels() }, t.mapDraw.calculateSolarPanels)));
+            onClick: () => this.selectEdgeTool() }, t.mapDraw.markRoofEdge), h("button", { key: '25651cf7eb8ca6e57413bed71838b347701bfae5', class: "px-4 py-2 rounded-4xl hover:bg-overlay text-secondary transition-colors duration-200 text-xs bg-muted", onClick: () => this.calculateSolarPanels() }, t.mapDraw.calculateSolarPanels)));
     }
     static get is() { return "polygon-buttons"; }
     static get originalStyleUrls() {

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

@@ -1 +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,OAAO,CACH,4DAAK,KAAK,EAAC,+BAA+B;YACtC,+DACI,KAAK,EAAE,oGACH,IAAI,CAAC,WAAW,KAAK,cAAc;oBAC/B,CAAC,CAAC,gBAAgB;oBAClB,CAAC,CAAC,UACV,EAAE;gBACF,4BAA4B;gBAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAEnC,CAAC,CAAC,OAAO,CAAC,YAAY,CAClB;YACT,+DACI,KAAK,EAAC,+GAA+G,EACrH,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    selectEdgeTool: () => 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        return (\r\n            <div class=\"flex w-full gap-2 justify-end\">\r\n                <button\r\n                    class={`px-4 py-2 rounded-4xl hover:bg-[#0000003c] text-[#271200] transition-colors duration-200 text-xs ${\r\n                        this.currentTool === \"markRoofEdge\"\r\n                            ? \"bg-[#00000056]\"\r\n                            : \"bg-white\"\r\n                    }`}\r\n                    // style={edgeSelectedStyle}\r\n                    onClick={() => this.selectEdgeTool()}\r\n                >\r\n                    {t.mapDraw.markRoofEdge}\r\n                </button>\r\n                <button\r\n                    class=\"px-4 py-2 rounded-4xl hover:bg-[#0000003c] text-[#271200] transition-colors duration-200 text-xs bg-[#ffffff]\"\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"]}
+{"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,OAAO,CACH,4DAAK,KAAK,EAAC,+BAA+B;YACtC,+DACI,KAAK,EAAE,gGACH,IAAI,CAAC,WAAW,KAAK,cAAc;oBAC/B,CAAC,CAAC,mBAAmB;oBACrB,CAAC,CAAC,UACV,EAAE;gBACF,4BAA4B;gBAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAEnC,CAAC,CAAC,OAAO,CAAC,YAAY,CAClB;YACT,+DACI,KAAK,EAAC,uGAAuG,EAC7G,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    selectEdgeTool: () => 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        return (\r\n            <div class=\"flex w-full gap-2 justify-end\">\r\n                <button\r\n                    class={`px-4 py-2 rounded-4xl hover:bg-overlay text-secondary transition-colors duration-200 text-xs ${\r\n                        this.currentTool === \"markRoofEdge\"\r\n                            ? \"bg-surface-active\"\r\n                            : \"bg-muted\"\r\n                    }`}\r\n                    // style={edgeSelectedStyle}\r\n                    onClick={() => this.selectEdgeTool()}\r\n                >\r\n                    {t.mapDraw.markRoofEdge}\r\n                </button>\r\n                <button\r\n                    class=\"px-4 py-2 rounded-4xl hover:bg-overlay text-secondary transition-colors duration-200 text-xs bg-muted\"\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"]}