blue-chestnut-solar-expert 0.0.32 → 0.0.34

package/dist/components/map-draw.js

@@ -1,4 +1,4 @@
-import { M as MapDraw$1, d as defineCustomElement$1 } from './p-r9wMCtI3.js';
+import { M as MapDraw$1, d as defineCustomElement$1 } from './p-ClYOM_0b.js';
 
 const MapDraw = MapDraw$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-r9wMCtI3.js → p-ClYOM_0b.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './index.js';
 import { f as fetchSolarData, b as getBuildingImages } from './p-Dw7R29Cg.js';
-import { D as DOTTED_LINE_COLOR, C as COLUMN_SPACING, R as ROW_SPACING, d as defineCustomElement$3, a as DEFAULT_SOLAR_EXPERT_CONFIG, b as DEFAULT_SOLAR_PANEL_TYPE, c as DEFAULT_SUNNINESS, B as BORDER_INSET } from './p-ao6bHDbv.js';
+import { a as DOTTED_LINE_COLOR, C as COLUMN_SPACING, R as ROW_SPACING, d as defineCustomElement$3, b as DEFAULT_SOLAR_EXPERT_CONFIG, c as DEFAULT_SOLAR_PANEL_TYPE, e as DEFAULT_SUNNINESS, B as BORDER_INSET } from './p-CrzEBN9H.js';
 import { d as defineCustomElement$2, r as roofTool, t as tools, o as obstructionTool, m as moveTool, a as markRoofEdgeTool, b as deleteTool } from './p-DMkbzkL_.js';
 import { l as latLngToPixel, d as defineCustomElement$7, g as getPixelInMeters, c as calculatePolygonArea } from './p-B1ywivYa.js';
 import { o as onChange, s as state, g as getLanguageStrings } from './p-BLXc1FjC.js';
@@ -1390,22 +1390,22 @@ const MapDraw = /*@__PURE__*/ proxyCustomElement(class MapDraw extends H {
     render() {
         const t = getLanguageStrings(state.settings.language);
         const currentPolygon = this.getCurrentPolygon();
-        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
+        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: '70722b3127cefe195ccc74ab758de6ef8e032fde', class: "w-full rounded-4xl p-4 bg-muted text-muted-foreground" }, t.mapDraw.instructions.parts.roof, " ", h("button", { key: '10761447b11b001d74eb7386bdf0be80d53e091b', 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: '4e5ac604551002d38b1c44b35de01c37412c74e6', name: "house", inline: true })), " ", t.mapDraw.instructions.parts.obstruction, " ", h("button", { key: '9dc52e0b6006a10221834c8a9d83234f9db0d319', 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: '39ab111d5647f9981a5f5f91c45d925d46e3283d', name: "octagon-minus", inline: true })), " ", t.mapDraw.instructions.parts.delete, " ", h("button", { key: '8ad5281af91d5ee5597f957f59cd37027fbd505a', 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: '096b570b0ffa3bda667157d960ed89193a1caa12', name: "eraser", inline: true })), " ", t.mapDraw.instructions.parts.move, " ", h("button", { key: 'f1cbb3cbf71b13be266abdd049c2fd9b89cde715', 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: 'd9c6ba2268ab4a175ec15260f22bb03b19b8255a', name: "move", inline: true })), " ", t.mapDraw.instructions.parts.end)), h("div", { key: '10ac3758660b337a60934def1c9f2f35f36e60c5', 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: {
+            : (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: 'e88a3957add7e0c36222962266913148020a2dee', 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: '31df69629e4309e8d95e939a04c2dbba1fbc03ed' }))), h("div", { key: 'f724a52fefacbe5b60bd165de16f56ed345dfd11', class: "w-full" }, !state.isMobile && (h("tool-box", { key: 'd2477fcbd40d1a446f65bc2b42157006dde73acb', currentTool: this.currentTool, onToolSelect: (tool) => this.handleToolSelect(tool), undoCallback: () => this.undo() }))), this.loadingState === "empty" && (h("div", { key: '964f8012fae92090fad9b52f7dd664a7359e4365', class: "w-full" }, h("p", { key: '6adde4c4f3e24ed586f43d3f162f60fa5612bcce', 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: 'c0dfd656c2633f0c49a2ecb26d15550eba64ffb5', class: "flex items-center justify-center w-full bg-opacity-75 z-20 pt-7 rounded-4xl" }, h("div", { key: 'abe70b554757acd75988d439c6877af09f198d29', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-secondary" }))), h("div", { key: '624e94cb3969d04ee6026353616ca39e772d1129', class: "flex items-start justify-center h-full w-full bg-primary rounded-4xl" }, h("div", { key: '43d96ad059a8b085f0d3b1a1fa6e1521da87410c', 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: 'e4d3790a48ca3bb05106c93c1a0753e42168a6f0', 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: '4b67bc938bcb9b25b4a52dd163fdba1a70324e63', 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: '7831fb29a9b4bf1f396577ed9d2385dea40b4539', ref: (el) => this.polygonCanvas = el, class: "absolute top-0 left-0 w-full h-full rounded-4xl", style: {
+            } }), h("canvas", { key: '2d549095d5a3af42a109ce043fd357d14309e311', 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: '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
+            } }))), currentPolygon?.closed && (h("div", { key: '8519b6421d6ef36672504f7d120bf170d7dbd6f0', class: "w-full" }, h("polygon-buttons", { key: '21e7b96ddb3d2a6add87d41a314a89d702a4dd42', currentTool: this.currentTool.name, calculateSolarPanels: () => this.calculateSolarPanels(), selectEdgeTool: () => this.handleToolSelect(markRoofEdgeTool) }))), !state.isMobile && (h("div", { key: '265211ded512cbe17a9aed997b439011b4d0b982', class: "w-full" }, h("polygon-information", { key: '923dd819af422124d5171a1199a2e852a466f54e', 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: '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 }))));
+                : undefined, handleAzimuthChange: (event) => this.handleAzimuthChange(event), handlePitchChange: (event) => this.handlePitchChange(event), calculateSolarPanels: () => this.calculateSolarPanels() }))), h("div", { key: 'bb8d6f3fb719403814fba5871a9fcdc923ee9255', class: "w-full" }, h("solar-system-form", { key: 'eb6423fd823816992fe10a9a457018afe08fb0ca', systemConfigs: this.roofPolygonsSolarPanels, roofPolygons: this.roofPolygons, obstructionPolygons: this.obstructionPolygons })), this.showSettings && (h("settings-modal", { key: 'f00648d12379fb6738168706ac8326587b613c8f', settings: state.settings, onClose: this.handleSettingsClose, onSave: this.handleSettingsSave }))));
     }
     static get watchers() { return {
         "rgbTiff": ["drawMap"],
@@ -1523,6 +1523,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MapDraw as M, defineCustomElement as d };
-//# sourceMappingURL=p-r9wMCtI3.js.map
+//# sourceMappingURL=p-ClYOM_0b.js.map
 
-//# sourceMappingURL=p-r9wMCtI3.js.map
+//# sourceMappingURL=p-ClYOM_0b.js.map