blue-chestnut-solar-expert 0.0.14 → 0.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stencil-library/map-draw.entry.esm.js.map +1 -1
- package/dist/stencil-library/map-draw.entry.js +8 -8
- package/dist/stencil-library/map-draw.entry.js.map +1 -1
- package/dist/stencil-library/solar-expert.entry.esm.js.map +1 -1
- package/dist/stencil-library/solar-expert.entry.js +2 -2
- package/dist/stencil-library/solar-expert.entry.js.map +1 -1
- package/package.json +1 -1
|
@@ -2703,20 +2703,20 @@ const MapDraw = class {
|
|
|
2703
2703
|
render() {
|
|
2704
2704
|
const t = getLanguageStrings(state.settings.language);
|
|
2705
2705
|
const currentPolygon = this.getCurrentPolygon();
|
|
2706
|
-
return (h("div", { key: '
|
|
2707
|
-
? (h("button", { class: "px-4 py-2 rounded-4xl hover:bg-gray-300 transition-colors duration-200 bg-
|
|
2708
|
-
: (h("button", { class: "px-4 py-2 rounded-4xl hover:bg-gray-300 transition-colors duration-200 bg-
|
|
2706
|
+
return (h("div", { key: 'd07de924756053a22246dfe365cb9a3e4d804e14', class: "flex flex-col justify-center items-center w-full h-full gap-4", id: "map-draw" }, this.showInstructions && (h("div", { key: '35da1ca1f6c6ecb2b5f9ac8200fd1d375c4b3e39', class: "w-full rounded-4xl p-4 bg-white" }, t.mapDraw.instructions.parts.roof, " ", h("button", { key: '7a091abdbc451b86b0386744fabb407f93d280d7', 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: '5072d7cb08b0338667a5cc32cd217919d570babb', name: "house", inline: true })), " ", t.mapDraw.instructions.parts.obstruction, " ", h("button", { key: '7ef36ac3d64c8cc50dcf716bc9501fe291fca64e', 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: '46ea7197bb95ad6b5d5863847e6250b94a9efe38', name: "octagon-minus", inline: true })), " ", t.mapDraw.instructions.parts.delete, " ", h("button", { key: '4988fd2d6183c360305e6987b5928e72fc099a53', 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: '9dc9aa801e6c2013495894c96c18a4e4c586a503', name: "eraser", inline: true })), " ", t.mapDraw.instructions.parts.move, " ", h("button", { key: '71f92584748cc7d80fa98f89ee30aad2f34ef708', 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: 'd46e966016652a8d1ec5f9ab32254b9f1d5c783f', name: "move", inline: true })), " ", t.mapDraw.instructions.parts.end)), h("div", { key: 'e482db8518551447d2de2e01ca55dc9610ffc19e', class: "w-full flex flex-row justify-between items-center" }, this.showInstructions
|
|
2707
|
+
? (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))
|
|
2708
|
+
: (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: 'c58a7cdcb0b00ffe477add863e6f57ab07da9d4e', class: "flex items-center gap-2 bg-white p-2 rounded-4xl hover:bg-gray-300", onClick: this.handleSettingsClick }, h("settings-icon", { key: 'a3b876e00784f02eaafea25491a361f9da42b966' }))), h("div", { key: 'd0daea2194a023ddbe3884d720575f959ef6afb2', class: "w-full" }, h("tool-box", { key: '3f573a87ebc0b57f340a74a2a0ad67d9e5ba3f89', currentTool: this.currentTool, onToolSelect: (tool) => this.handleToolSelect(tool) })), this.loadingState === "empty" && (h("div", { key: '779841f8febd6e97385b57847724881c37d353b0', class: "w-full" }, h("p", { key: '6f1b56ef9d898530de16d8431adc678b9ec0340f', class: "text-white text-center flex items-center justify-center rounded-4xl p-4 w-full", style: {
|
|
2709
2709
|
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
2710
2710
|
} }, t.mapDraw.noAddressSelected))), (state.latitude && state.longitude &&
|
|
2711
|
-
this.loadingState === "loading") && (h("div", { key: '
|
|
2711
|
+
this.loadingState === "loading") && (h("div", { key: '1c6a9efd98acf4ef17b0c2895b1bf099c2f71ba6', class: "flex items-center justify-center w-full bg-opacity-75 z-20 pt-7 rounded-4xl" }, h("div", { key: '5f37f48a3d88c51b40870341ecfd2fc27df55148', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-[#271200]" }))), h("div", { key: '0a016b607d2ee950d1e79b4fd02e5bb62e6172cc', class: "flex items-start justify-center h-full w-full bg-[#f3ebda] rounded-4xl" }, h("div", { key: '2befcf578ecc366bdf7ac03d5b01512e96973e44', class: "relative h-full flex items-center justify-center w-full rounded-4xl bg-[#271200]", style: {
|
|
2712
2712
|
aspectRatio: this.rgbTiff
|
|
2713
2713
|
? `${this.rgbTiff.width}/${this.rgbTiff.height}`
|
|
2714
2714
|
: "1/1",
|
|
2715
|
-
} }, h("canvas", { key: '
|
|
2715
|
+
} }, h("canvas", { key: '6084cc3040923ec095f2b633d82d993c1ec8a63d', ref: (el) => this.canvasElement = el, class: "absolute top-0 left-0 w-full h-full rounded-4xl", id: "map-draw-canvas", style: {
|
|
2716
2716
|
cursor: this.currentTool.cursor,
|
|
2717
|
-
} }), h("canvas", { key: '
|
|
2717
|
+
} }), h("canvas", { key: '81d60c93c923b80494b6efaa231c192a308d618b', ref: (el) => this.polygonCanvas = el, class: "absolute top-0 left-0 w-full h-full rounded-4xl", style: {
|
|
2718
2718
|
cursor: this.currentTool.cursor,
|
|
2719
|
-
} }), currentPolygon?.details && (h("button", { key: '
|
|
2719
|
+
} }), currentPolygon?.details && (h("button", { key: 'f2f4c937f2fa739d4583cd14bc1d34e849f750cb', class: "absolute bottom-4 right-4 px-4 py-2 bg-[#f3ebda] rounded-4xl hover:bg-[#ffffff] text-[#271200] transition-colors duration-200 z-10 text-xs", onClick: () => this.calculateSolarPanels() }, t.mapDraw.calculateSolarPanels)))), h("div", { key: '5cc85ab4ac0d0d471f56f423b688eb6417bd9690', class: "flex gap-4 flex-row justify-center items-center w-full" }, h("div", { key: '4baafe4af834391336049f22d5270c8a10e210c3', class: "w-full bg-[#f3ebda] rounded-4xl p-4" }, h("h3", { key: '9e29671cbac1b52359772a71af0a79159d3493e7', class: "text-lg font-semibold mb-4 text-center" }, t.mapDraw.information), currentPolygon?.details
|
|
2720
2720
|
? (h("div", { class: "space-y-4" }, h("div", null, h("div", { class: "grid grid-cols-2 gap-2" }, h("div", null, h("h4", { class: "text-sm font-medium text-gray-600" }, t.mapDraw.area), h("p", { class: "text-lg" }, currentPolygon.details
|
|
2721
2721
|
?.area
|
|
2722
2722
|
.toFixed(2), " m\u00B2")), h("div", null, h("div", null, h("h4", { class: "text-sm font-medium text-gray-600" }, t.mapDraw.panels), h("p", { class: "text-lg" }, this
|
|
@@ -2768,7 +2768,7 @@ const MapDraw = class {
|
|
|
2768
2768
|
this.calculateSolarPanels();
|
|
2769
2769
|
}
|
|
2770
2770
|
} }))))
|
|
2771
|
-
: (h("p", { class: "text-gray-500 text-center" }, t.mapDraw.noPolygonSelected)))), h("div", { key: '
|
|
2771
|
+
: (h("p", { class: "text-gray-500 text-center" }, t.mapDraw.noPolygonSelected)))), h("div", { key: '5d0dde89de88f0b3609bc262a1d78e436f25c0fb', class: "w-full" }, h("solar-system-form", { key: '8883ac75cd7fcb32724bd72b5a9f6638c03052a4', systemConfigs: this.roofPolygonsSolarPanels, roofPolygons: this.roofPolygons, obstructionPolygons: this.obstructionPolygons })), this.showSettings && (h("settings-modal", { key: '00c8a929cdc1eb0bc05c5805986135bcebceea2d', settings: state.settings, onClose: this.handleSettingsClose, onSave: this.handleSettingsSave }))));
|
|
2772
2772
|
}
|
|
2773
2773
|
static get watchers() { return {
|
|
2774
2774
|
"rgbTiff": ["drawMap"],
|