blue-chestnut-solar-expert 0.0.25 → 0.0.27
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/cjs/eraser-icon.house-icon.icon-selector.map-draw.map-selector.move-icon.octagon-minus-icon.polygon-buttons.polygon-information.search-icon.settings-icon.settings-modal.solar-expert.solar-system-form.tool-box.undo-icon.entry.cjs.js.map +1 -1
- package/dist/cjs/eraser-icon_16.cjs.entry.js +47 -47
- package/dist/cjs/eraser-icon_16.cjs.entry.js.map +1 -1
- package/dist/cjs/loading-widget.cjs.entry.js +1 -1
- package/dist/cjs/solar-calculator.cjs.entry.js +1 -1
- package/dist/collection/components/map-draw/map-draw.js +6 -6
- package/dist/collection/components/map-draw/map-draw.js.map +1 -1
- package/dist/collection/components/settings/settings.js +8 -8
- package/dist/collection/components/settings/settings.js.map +1 -1
- package/dist/collection/components/solar-calculator/solar-calculator.js +1 -1
- package/dist/collection/components/solar-expert/solar-expert.js +1 -1
- package/dist/collection/components/solar-system-form/solar-system-form.js +31 -31
- package/dist/collection/components/widgets/loading-widget.js +1 -1
- package/dist/collection/store.js +1 -1
- package/dist/collection/store.js.map +1 -1
- package/dist/components/loading-widget.js +1 -1
- package/dist/components/map-draw.js +1 -1
- package/dist/components/map-selector.js +1 -1
- package/dist/components/{p-BLXc1FjC.js → p-BFcukOp8.js} +3 -3
- package/dist/components/{p-BLXc1FjC.js.map → p-BFcukOp8.js.map} +1 -1
- package/dist/components/{p-BLraILof.js → p-BraaSfVN.js} +34 -34
- package/dist/components/{p-BLraILof.js.map → p-BraaSfVN.js.map} +1 -1
- package/dist/components/{p-SerH3z5y.js → p-C6-nmq3h.js} +3 -3
- package/dist/components/{p-SerH3z5y.js.map → p-C6-nmq3h.js.map} +1 -1
- package/dist/components/{p-B1ywivYa.js → p-CUOVbcj0.js} +3 -3
- package/dist/components/{p-B1ywivYa.js.map → p-CUOVbcj0.js.map} +1 -1
- package/dist/components/{p-CQNcW74f.js → p-Cfxk__-m.js} +14 -14
- package/dist/components/p-Cfxk__-m.js.map +1 -0
- package/dist/components/{p-DMkbzkL_.js → p-D3zeTcOR.js} +3 -3
- package/dist/components/{p-DMkbzkL_.js.map → p-D3zeTcOR.js.map} +1 -1
- package/dist/components/{p-BcV6HHN8.js → p-DXg4w3Tg.js} +3 -3
- package/dist/components/{p-BcV6HHN8.js.map → p-DXg4w3Tg.js.map} +1 -1
- package/dist/components/{p-DgWwkE8N.js → p-aI3c1NCj.js} +11 -11
- package/dist/components/p-aI3c1NCj.js.map +1 -0
- package/dist/components/polygon-buttons.js +1 -1
- package/dist/components/polygon-information.js +1 -1
- package/dist/components/settings-modal.js +1 -1
- package/dist/components/solar-calculator.js +1 -1
- package/dist/components/solar-expert.js +9 -9
- package/dist/components/solar-system-form.js +1 -1
- package/dist/components/tool-box.js +1 -1
- package/dist/esm/eraser-icon.house-icon.icon-selector.map-draw.map-selector.move-icon.octagon-minus-icon.polygon-buttons.polygon-information.search-icon.settings-icon.settings-modal.solar-expert.solar-system-form.tool-box.undo-icon.entry.js.map +1 -1
- package/dist/esm/eraser-icon_16.entry.js +47 -47
- package/dist/esm/eraser-icon_16.entry.js.map +1 -1
- package/dist/esm/loading-widget.entry.js +1 -1
- package/dist/esm/solar-calculator.entry.js +1 -1
- package/dist/stencil-library/eraser-icon.house-icon.icon-selector.map-draw.map-selector.move-icon.octagon-minus-icon.polygon-buttons.polygon-information.search-icon.settings-icon.settings-modal.solar-expert.solar-system-form.tool-box.undo-icon.entry.esm.js.map +1 -1
- package/dist/stencil-library/{p-91bf731c.entry.js → p-74e0c2f0.entry.js} +2 -2
- package/dist/stencil-library/{p-f85ca33a.entry.js → p-7e0b62d2.entry.js} +2 -2
- package/dist/stencil-library/p-e423f7bb.entry.js +2 -0
- package/dist/stencil-library/p-e423f7bb.entry.js.map +1 -0
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-CQNcW74f.js.map +0 -1
- package/dist/components/p-DgWwkE8N.js.map +0 -1
- package/dist/stencil-library/p-c96335dc.entry.js +0 -2
- package/dist/stencil-library/p-c96335dc.entry.js.map +0 -1
- /package/dist/stencil-library/{p-91bf731c.entry.js.map → p-74e0c2f0.entry.js.map} +0 -0
- /package/dist/stencil-library/{p-f85ca33a.entry.js.map → p-7e0b62d2.entry.js.map} +0 -0
|
@@ -1604,7 +1604,7 @@ const { state, onChange } = createStore({
|
|
|
1604
1604
|
},
|
|
1605
1605
|
settingsVersion: 1,
|
|
1606
1606
|
isMobile: false,
|
|
1607
|
-
isIOS:
|
|
1607
|
+
isIOS: true,
|
|
1608
1608
|
});
|
|
1609
1609
|
onChange("latitude", (value) => {
|
|
1610
1610
|
state.latitude = value;
|
|
@@ -2241,20 +2241,20 @@ const MapDraw = class {
|
|
|
2241
2241
|
const currentPolygon = this.getCurrentPolygon();
|
|
2242
2242
|
return (index.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 && (index.h("div", { key: '314f035a8f0bc087936041ec1249ddc12d27a43a', class: "w-full rounded-4xl p-4 bg-muted text-muted-foreground" }, t.mapDraw.instructions.parts.roof, " ", index.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) }, index.h("icon-selector", { key: '980fb93346b72807638793a711c3adf4f6c60fb8', name: "house", inline: true })), " ", t.mapDraw.instructions.parts.obstruction, " ", index.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) }, index.h("icon-selector", { key: '12956e51ff2ed628980597746ee4853d93c7d19d', name: "octagon-minus", inline: true })), " ", t.mapDraw.instructions.parts.delete, " ", index.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) }, index.h("icon-selector", { key: 'aabac0ddf1c029655accf3f4812219cad3744da5', name: "eraser", inline: true })), " ", t.mapDraw.instructions.parts.move, " ", index.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) }, index.h("icon-selector", { key: 'a25004dca55e42a1e0f13806cdceb95d0f16c8b5', name: "move", inline: true })), " ", t.mapDraw.instructions.parts.end)), index.h("div", { key: '93e10a821a9d8ad5f6ad8c62bcf56a5c015ba6a3', class: "w-full flex flex-row justify-between items-center" }, !state.isMobile && (this.showInstructions
|
|
2243
2243
|
? (index.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))
|
|
2244
|
-
: (index.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))), index.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 }, index.h("settings-icon", { key: '34055a481938812d55f65295b045879649f99c35' }))), index.h("div", { key: '3a4f6caf453ccde75e4a1b80fa1fc78c39c82206', class: "w-full" }, !state.isMobile && (index.h("tool-box", { key: '6f95e7ace22619ff9472220f8119f4187622060a', currentTool: this.currentTool, onToolSelect: (tool) => this.handleToolSelect(tool), undoCallback: () => this.undo() }))), this.loadingState === "empty" && (index.h("div", { key: '6849146204c0ce8c9a674e28325f0c98c57dc251', class: "w-full" }, index.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
|
|
2245
|
-
this.loadingState === "loading") && (index.h("div", { key: '
|
|
2244
|
+
: (index.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))), index.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 }, index.h("settings-icon", { key: '34055a481938812d55f65295b045879649f99c35' }))), index.h("div", { key: '3a4f6caf453ccde75e4a1b80fa1fc78c39c82206', class: "w-full" }, !state.isMobile && (index.h("tool-box", { key: '6f95e7ace22619ff9472220f8119f4187622060a', currentTool: this.currentTool, onToolSelect: (tool) => this.handleToolSelect(tool), undoCallback: () => this.undo() }))), this.loadingState === "empty" && (index.h("div", { key: '6849146204c0ce8c9a674e28325f0c98c57dc251', class: "w-full" }, index.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 &&
|
|
2245
|
+
this.loadingState === "loading") && (index.h("div", { key: '7507c117e5816158b407b506b2e2280de4979009', class: "flex items-center justify-center w-full bg-opacity-75 z-20 pt-7 rounded-4xl" }, index.h("div", { key: 'fc8351bd8d0c3f4f18d1ca5a6ed360f6d647c219', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-secondary" }))), index.h("div", { key: '6f90d40009a0e8ceba3b94c4bd1b1c2e32962168', class: "flex items-start justify-center h-full w-full bg-primary rounded-4xl" }, index.h("div", { key: '256ee7feb26d9045312c588888dddc5db72eaeaa', class: "relative h-full flex items-center justify-center w-full rounded-4xl bg-secondary", style: {
|
|
2246
2246
|
aspectRatio: this.rgbTiff
|
|
2247
2247
|
? `${this.rgbTiff.width}/${this.rgbTiff.height}`
|
|
2248
2248
|
: "1/1",
|
|
2249
|
-
} }, index.h("canvas", { key: '
|
|
2249
|
+
} }, index.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: {
|
|
2250
2250
|
cursor: this.currentTool.cursor,
|
|
2251
|
-
} }), index.h("canvas", { key: '
|
|
2251
|
+
} }), index.h("canvas", { key: '7831fb29a9b4bf1f396577ed9d2385dea40b4539', ref: (el) => this.polygonCanvas = el, class: "absolute top-0 left-0 w-full h-full rounded-4xl", style: {
|
|
2252
2252
|
cursor: this.currentTool.cursor,
|
|
2253
|
-
} }))), currentPolygon?.closed && (index.h("div", { key: '
|
|
2253
|
+
} }))), currentPolygon?.closed && (index.h("div", { key: 'e703e5a2313f55d0dc08b8f44d63f469a91fd724', class: "w-full" }, index.h("polygon-buttons", { key: '1d679142b0f2223a76e29db21949841b94c96f81', currentTool: this.currentTool.name, calculateSolarPanels: () => this.calculateSolarPanels(), selectEdgeTool: () => this.handleToolSelect(markRoofEdgeTool) }))), !state.isMobile && (index.h("div", { key: 'bccf61ba5a86ad1b44a5b46d8c2b2027022dd8ba', class: "w-full" }, index.h("polygon-information", { key: 'bbd60623873d8c2249c5d7ab74e03a4bade998be', currentPolygon: currentPolygon, positionedPanels: currentPolygon
|
|
2254
2254
|
? this
|
|
2255
2255
|
.roofPolygonsSolarPanels[currentPolygon._id]
|
|
2256
2256
|
?.positionedPanels
|
|
2257
|
-
: undefined, handleAzimuthChange: (event) => this.handleAzimuthChange(event), handlePitchChange: (event) => this.handlePitchChange(event), calculateSolarPanels: () => this.calculateSolarPanels() }))), index.h("div", { key: '
|
|
2257
|
+
: undefined, handleAzimuthChange: (event) => this.handleAzimuthChange(event), handlePitchChange: (event) => this.handlePitchChange(event), calculateSolarPanels: () => this.calculateSolarPanels() }))), index.h("div", { key: '9b804506b0ed890f99ceaba92f18c87b06951728', class: "w-full" }, index.h("solar-system-form", { key: '5383943dde347f1b75f919f4817a8d33b4b66b92', systemConfigs: this.roofPolygonsSolarPanels, roofPolygons: this.roofPolygons, obstructionPolygons: this.obstructionPolygons })), this.showSettings && (index.h("settings-modal", { key: '2397b2ab774504e514db8b0fd9537d124dcb17ed', settings: state.settings, onClose: this.handleSettingsClose, onSave: this.handleSettingsSave }))));
|
|
2258
2258
|
}
|
|
2259
2259
|
static get watchers() { return {
|
|
2260
2260
|
"rgbTiff": ["drawMap"],
|
|
@@ -2574,14 +2574,14 @@ const SettingsModal = class {
|
|
|
2574
2574
|
};
|
|
2575
2575
|
render() {
|
|
2576
2576
|
const t = getLanguageStrings(state.settings.language);
|
|
2577
|
-
return (index.h("div", { key: '69815a7efeb8f52a5d3422b06dc212a50b9f405b', class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, index.h("div", { key: 'ed368ae8d0d6d2946c5a4ecc559f018521e1bce8', class: "bg-primary rounded-4xl p-6 w-full max-w-md" }, index.h("div", { key: 'f51088beb4d8445503fa08c3dd2a2b8c886f79ce', class: "flex justify-between items-center mb-6" }, index.h("h2", { key: 'a9bcb7b893961bbf2032c1b8a110624ec3a95e65', class: "text-xl font-semibold" }, "Settings"), index.h("button", { key: '47d4dc1cc0789485da95218becfc921ae5db177c', class: "p-2 hover:bg-hover rounded-full transition-colors", onClick: this.handleClose }, index.h("svg", { key: '42923fdd6d5c96ceee98bdddca2e7e6bda42dcfa', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("line", { key: '751c5243b5b785a21131b02a3142c6d46e0cffeb', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: 'e26bd2a1b20aa718ced6183130e962c9dbd159b9', x1: "6", y1: "6", x2: "18", y2: "18" })))), index.h("div", { key: '560be61d72a1a98eea4d2788d49eee7a3107470d', class: "space-y-4" }, index.h("div", { key: '2e6422d175602e7a53eb3d629c37c47980c08da1' }, index.h("label", { key: '
|
|
2578
|
-
.value) }, index.h("option", { key: '
|
|
2579
|
-
"en" }, "English"), index.h("option", { key: '
|
|
2580
|
-
"es" }, "Espa\u00F1ol"), index.h("option", { key: '
|
|
2581
|
-
"de" }, "Deutsch"))), index.h("div", { key: '
|
|
2582
|
-
.value)) })), index.h("div", { key: '
|
|
2583
|
-
.value)) })), index.h("div", { key: '
|
|
2584
|
-
.value)) }))), index.h("div", { key: '
|
|
2577
|
+
return (index.h("div", { key: '69815a7efeb8f52a5d3422b06dc212a50b9f405b', class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, index.h("div", { key: 'ed368ae8d0d6d2946c5a4ecc559f018521e1bce8', class: "bg-primary rounded-4xl p-6 w-full max-w-md" }, index.h("div", { key: 'f51088beb4d8445503fa08c3dd2a2b8c886f79ce', class: "flex justify-between items-center mb-6" }, index.h("h2", { key: 'a9bcb7b893961bbf2032c1b8a110624ec3a95e65', class: "text-xl font-semibold" }, "Settings"), index.h("button", { key: '47d4dc1cc0789485da95218becfc921ae5db177c', class: "p-2 hover:bg-hover rounded-full transition-colors", onClick: this.handleClose }, index.h("svg", { key: '42923fdd6d5c96ceee98bdddca2e7e6bda42dcfa', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("line", { key: '751c5243b5b785a21131b02a3142c6d46e0cffeb', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: 'e26bd2a1b20aa718ced6183130e962c9dbd159b9', x1: "6", y1: "6", x2: "18", y2: "18" })))), index.h("div", { key: '560be61d72a1a98eea4d2788d49eee7a3107470d', class: "space-y-4" }, index.h("div", { key: '2e6422d175602e7a53eb3d629c37c47980c08da1' }, index.h("h3", { key: '0d043e5ddbfb9de4a8c198d748bd5ae39fd3b4b4', class: "text-sm font-medium text-text-muted mb-1" }, "Debug Information"), index.h("p", { key: '547de97a72e386222c53a5d890ad0df8fdb4d01e', class: "text-sm text-text-muted mb-1" }, "state: ", JSON.stringify(state, null, 2))), index.h("div", { key: 'ef75d4b5a52412cf3490488c6136e2e6e565139c' }, index.h("label", { key: '07b471590c8a3e5e9650139ef0a0dd7fde2e7dbc', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.language), index.h("select", { key: 'fa4402fa2619d420196a141bf73639b174da9d15', class: "w-full bg-muted rounded-4xl p-2", onInput: (e) => this.handleInputChange("language", e.target
|
|
2578
|
+
.value) }, index.h("option", { key: '602d2bdcfb44578db38430faef981b228b43c2f0', value: "en", selected: this.tempSettings.language ===
|
|
2579
|
+
"en" }, "English"), index.h("option", { key: '091eaf99b5fd7210af3b2acad5707c33b4a197ce', value: "es", selected: this.tempSettings.language ===
|
|
2580
|
+
"es" }, "Espa\u00F1ol"), index.h("option", { key: '1b9a34ea61afda6b020defb0dfb6f4cb43a20d0d', value: "de", selected: this.tempSettings.language ===
|
|
2581
|
+
"de" }, "Deutsch"))), index.h("div", { key: 'ab28aa21b7e895a3cfb4c8fa180996a26a94e93a' }, index.h("label", { key: '1f51a61d67360211c6698c9a23128f7ca643f1cd', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.rowSpacing), index.h("input", { key: 'e0f529022a81952601e66acb5084285b5fae69fb', type: "number", class: "w-full bg-muted rounded-4xl p-2", value: this.tempSettings.rowSpacing, onInput: (e) => this.handleInputChange("rowSpacing", parseFloat(e.target
|
|
2582
|
+
.value)) })), index.h("div", { key: '1c3f2de5b42a589f18a7872a399e0811a78eba62' }, index.h("label", { key: '2f7f314c1810ece168d2e6aa08e7969c34bf3ca2', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.columnSpacing), index.h("input", { key: 'f10daa9396938f2964da36b2f7401605b60e8aa4', type: "number", class: "w-full bg-muted rounded-4xl p-2", value: this.tempSettings.columnSpacing, onInput: (e) => this.handleInputChange("columnSpacing", parseFloat(e.target
|
|
2583
|
+
.value)) })), index.h("div", { key: '859da9b989acfc209c82cca20eb9e3e5b1f0ec4b' }, index.h("label", { key: '538172b3bc9e87f32f0537896bade833877001cf', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.borderInset), index.h("input", { key: '88704965fcdd31638e32eaff2ac7127b62cf2412', type: "number", class: "w-full bg-muted rounded-4xl p-2", value: this.tempSettings.borderInset, onInput: (e) => this.handleInputChange("borderInset", parseFloat(e.target
|
|
2584
|
+
.value)) }))), index.h("div", { key: '2f9d2010c149deb338bd4fca212b12bca2d4a980', class: "flex justify-end gap-4 mt-6" }, index.h("button", { key: 'f0202cd088004bb88c8d52aafd2c3ce747d67bf0', class: "px-4 py-2 bg-surface rounded-4xl hover:bg-surface-hover transition-colors", onClick: this.handleClose }, "Cancel"), index.h("button", { key: '90b164b09bc096d4ae735449f8c4576008679985', class: "px-4 py-2 bg-secondary text-muted rounded-4xl hover:bg-text-secondary transition-colors", onClick: this.handleSave }, "Save Changes")))));
|
|
2585
2585
|
}
|
|
2586
2586
|
};
|
|
2587
2587
|
SettingsModal.style = outputCss$4;
|
|
@@ -2795,7 +2795,7 @@ const SolarExpert = class {
|
|
|
2795
2795
|
}
|
|
2796
2796
|
render() {
|
|
2797
2797
|
const t = getLanguageStrings(this.language);
|
|
2798
|
-
return (index.h("div", { key: '
|
|
2798
|
+
return (index.h("div", { key: 'd231a61b226c9f69c9feefc756449dd894778d78', class: "flex flex-col w-full h-full p-3 m-auto", id: "solar-calculator" }, this.showMapSelector
|
|
2799
2799
|
? (index.h("map-selector", { "api-key": this.apiKey, language: this.language }))
|
|
2800
2800
|
: (index.h(index.h.Fragment, null, index.h("div", { class: "pb-3 flex flex-row gap-4 items-stretch w-full bg-primary" }, index.h("div", { class: "relative flex-3" }, index.h("div", { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground" }, index.h("search-icon", null)), index.h("input", { ref: (el) => this.inputElement = el, type: "text", placeholder: t.solarExpert
|
|
2801
2801
|
.searchPlaceholder, class: "w-full pl-10 pr-4 py-2 border border-border rounded-4xl focus:ring-secondary bg-muted text-muted-foreground h-full" })), index.h("button", { onClick: () => this.handleChooseOnMap(), class: "flex-1 pl-4 pr-4 py-2 border border-border bg-muted rounded-4xl focus:ring-secondary hover:bg-secondary hover:text-muted" }, t.mapSelector.chooseOnMap)), index.h("map-draw", { apiKey: this.apiKey })))));
|
|
@@ -3083,13 +3083,13 @@ const SolarSystemForm = class {
|
|
|
3083
3083
|
}
|
|
3084
3084
|
render() {
|
|
3085
3085
|
const t = getLanguageStrings(state.settings.language);
|
|
3086
|
-
return (index.h("div", { key: '
|
|
3086
|
+
return (index.h("div", { key: 'c266b37975e7bf255dbc88401985fb323de3e5af', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
3087
3087
|
,
|
|
3088
3088
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
3089
3089
|
// ? "none"
|
|
3090
3090
|
// : "flex",
|
|
3091
3091
|
// }}
|
|
3092
|
-
id: "solar-system-form" }, index.h("h1", { key: '
|
|
3092
|
+
id: "solar-system-form" }, index.h("h1", { key: 'eb64a6e9ccd98324dbba37fb30995f40166aa44a', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), index.h("div", { key: '4c956a91adc59f28507d872af5c75e8a7ee342ea', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, index.h("div", { key: '6a7dfac9eb9de4d36056cf69828437e872c5ae06', class: "space-y-4" }, index.h("h2", { key: 'ae94acd1ff6f75b4be71a466d6daac185151fdd5', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), index.h("div", { key: '63282daecf08a8f6f048f51c0e89df011f93b705', class: "grid grid-rows-3 gap-0" }, index.h("div", { key: '00bd6d2e2324d7f465f2092d2544728903c96309', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '2973927880c85ccebba34a69491431bf55affb4b', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.numberOfPanels), index.h("label", { key: 'e3d1d5033b7b94e8a0aaaf240a84d6de638b066f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.panelPeakPower)), index.h("div", { key: 'ed0360bc6c983a7218fdd24d8ed5bd1d05fc3f08', class: "grid grid-cols-2 gap-4" }, !this.isIOS()
|
|
3093
3093
|
? (index.h("input", { type: "number", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.numberOfPanels, readOnly: true }))
|
|
3094
3094
|
: (index.h("input", { type: "number", min: "1", max: this.maxPanels, class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.numberOfPanels, onInput: (e) => {
|
|
3095
3095
|
const value = parseInt(e.target
|
|
@@ -3100,36 +3100,36 @@ const SolarSystemForm = class {
|
|
|
3100
3100
|
this.numberOfPanels = value;
|
|
3101
3101
|
this.recalculate();
|
|
3102
3102
|
}
|
|
3103
|
-
} })), index.h("input", { key: '
|
|
3104
|
-
(index.h("input", { key: '
|
|
3103
|
+
} })), index.h("input", { key: 'e4b83e44a89fd022dc85ae28a43de632d485fd86', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.panelPeakPower, readonly: true })), index.h("div", { key: '17a5059aa55948d8e3b8fa6e88894b9defdb19aa', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: '8b8489e71990fb17b1b30c77cb191108f8ad4a91', class: "w-full pt-2" }, !this.isIOS() &&
|
|
3104
|
+
(index.h("input", { key: '2311eeae2c0a226f884ddd015c6e6e31b9be8ec0', type: "range", min: "1", max: this.maxPanels, step: "1", class: "input-slider w-full custom-range appearance-none rounded-full bg-transparent [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-black/25 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:h-[10px] [&::-webkit-slider-thumb]:w-[10px] [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-muted", value: this.numberOfPanels, onInput: (e) => {
|
|
3105
3105
|
this.numberOfPanels =
|
|
3106
3106
|
parseInt(e.target
|
|
3107
3107
|
.value);
|
|
3108
3108
|
this.recalculate();
|
|
3109
|
-
} }))))), index.h("div", { key: '
|
|
3110
|
-
this.numberOfPanels).toFixed(1), " kW")))), index.h("div", { key: '
|
|
3109
|
+
} }))))), index.h("div", { key: '5a6dc4dd908db73bebbeeabd8e0f08e2327072fa', class: "bg-muted rounded-4xl p-4" }, index.h("div", { key: 'b6e0408604bb166b67af91cb469c20f5a06713ee', class: "flex items-center justify-between" }, index.h("span", { key: '731f9a26c9b0de6265e046769fe4a2fa219cd925', class: "text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), index.h("span", { key: '12791928a92ae0b8b41703aa5cd1d24f4d256373', class: "text-xl font-bold text-secondary" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
3110
|
+
this.numberOfPanels).toFixed(1), " kW")))), index.h("div", { key: '3b5e85b8eda1732b645523e018c025cac38e1019', class: "space-y-4" }, index.h("h2", { key: '021d9756e32e625680cb6c521c274e6d577d12ed', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), index.h("div", { key: 'e898da7ec25cc7b31b1fa24afe82ff3297f20fc2', class: "grid grid-rows-2 gap-0" }, index.h("div", { key: '4e6630e7eb0947e406ef31f9242d4ca5a82d1631', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: 'ed7edfe56c37a789aba9679be5331855cb1b04f3', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), index.h("label", { key: '499701b6c105716091dd63b044c31797980d3b3b', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), index.h("div", { key: 'ccde867b428477e6e9845456a95ade8f39918074', class: "grid grid-cols-2 gap-4" }, index.h("input", { key: 'c1af1361ac0325e969b401ebbd8812e58ca4ba6c', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.householdConsumption, onInput: (e) => {
|
|
3111
3111
|
this.householdConsumption = parseInt(e.target
|
|
3112
3112
|
.value);
|
|
3113
3113
|
this.recalculate();
|
|
3114
|
-
} }), index.h("select", { key: '
|
|
3114
|
+
} }), index.h("select", { key: '372215364ba07e0e6df4018cffcdb790eca4ceb4', class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", onChange: (e) => {
|
|
3115
3115
|
this.consumptionProfile =
|
|
3116
3116
|
e.target
|
|
3117
3117
|
.value;
|
|
3118
3118
|
this.recalculate();
|
|
3119
|
-
} }, index.h("option", { key: '
|
|
3119
|
+
} }, index.h("option", { key: '4cc1eecbdf84d54d44768d3a82518cfd74765797', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
3120
3120
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
3121
|
-
.mostlyAtHome), index.h("option", { key: '
|
|
3121
|
+
.mostlyAtHome), index.h("option", { key: '656f1a6e13fd3eedcf85aeca81c21638422e6d7a', value: "mostly_away", selected: this.consumptionProfile ===
|
|
3122
3122
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
3123
|
-
.mostlyAway))))), index.h("div", { key: '
|
|
3123
|
+
.mostlyAway))))), index.h("div", { key: 'c9e2c127c0feef2da67a3ddfc23a5ccdcd9bacd3', class: "space-y-4" }, index.h("h2", { key: '541ae5616e61cc295be764a9e9be6e7967b8f7b3', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), index.h("div", { key: 'f876d755481dc2a79f9d66aafc635e155c9994c4', class: "flex flex-col gap-4" }, index.h("div", { key: '4cde8645d3a9a7de29d2d48b09f48cb5c6d54544', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '13fe6b1709259cf5398b3e164ec5f17bb305df85', class: "flex items-center justify-between" }, index.h("div", { key: '3fc52ece3121a78371716deebdb42de5a96d3d7c', class: "flex items-center gap-2" }, index.h("input", { key: 'be951a3f01e56a3a792385182e2781cb9b2c5c20', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-gray-300 rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
|
|
3124
3124
|
this.heatPump =
|
|
3125
3125
|
e.target
|
|
3126
3126
|
.checked
|
|
3127
3127
|
? 100
|
|
3128
3128
|
: 0;
|
|
3129
3129
|
this.recalculate();
|
|
3130
|
-
} }), index.h("label", { key: '
|
|
3130
|
+
} }), index.h("label", { key: 'dcb090e3b79249c53ea1e5eef916319f34d142d9', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
3131
3131
|
.additionalComponents
|
|
3132
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (index.h("span", { key: '
|
|
3132
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (index.h("span", { key: '545a89ac915ab23b99ef36e3b052809a821b942c', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (index.h("div", { key: '8f072444efd39baf177bf2d4c92d1212c7f8ed07', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3133
3133
|
? (index.h("div", { class: "flex items-center gap-2" }, index.h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.heatPump, onInput: (e) => {
|
|
3134
3134
|
const value = parseInt(e.target
|
|
3135
3135
|
.value);
|
|
@@ -3145,37 +3145,37 @@ const SolarSystemForm = class {
|
|
|
3145
3145
|
parseInt(e.target
|
|
3146
3146
|
.value);
|
|
3147
3147
|
this.recalculate();
|
|
3148
|
-
} }))))), index.h("div", { key: '
|
|
3148
|
+
} }))))), index.h("div", { key: '4cf36bd4a5cc18ccdcd6a42d4f2eed96960f59bd', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '2c035e723f9e704348d6630ec7deb055c26b16b7', class: "flex items-center justify-between" }, index.h("div", { key: '43fbb50a3231f1db687d646f1c10b9f20dfce1b5', class: "flex items-center gap-2" }, index.h("input", { key: 'c8879905d13d21abd9a72ce52f5cee85bbf8ad32', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-gray-300 rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
|
|
3149
3149
|
this.electricCar =
|
|
3150
3150
|
e.target
|
|
3151
3151
|
.checked;
|
|
3152
3152
|
this.recalculate();
|
|
3153
|
-
} }), index.h("label", { key: '
|
|
3153
|
+
} }), index.h("label", { key: '103a6971dbf81390d7f4ce6a139add57213cbaf3', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
3154
3154
|
.additionalComponents
|
|
3155
|
-
.electricCar))), this.electricCar && (index.h("div", { key: '
|
|
3155
|
+
.electricCar))), this.electricCar && (index.h("div", { key: 'c6d68b9846f938a75dafd1c6f2c778cfb552b6a4', class: "flex flex-col gap-2" }, index.h("div", { key: '200e40b6ab96359ce21a4bca2dc249e07cb46c6c', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: 'fcee6acdf4ee6b30fe5e80283b24376ffbf21c70', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3156
3156
|
.additionalComponents
|
|
3157
|
-
.chargingTime), index.h("label", { key: '
|
|
3157
|
+
.chargingTime), index.h("label", { key: 'a9560d93c66951f17831b73fadcfe8e18e8d6570', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3158
3158
|
.additionalComponents
|
|
3159
|
-
.kilometersPerYear)), index.h("div", { key: '
|
|
3159
|
+
.kilometersPerYear)), index.h("div", { key: '7ac5bd24cae9ad0d969c89c7a3437b5d54469660', class: "grid grid-cols-2 gap-4" }, index.h("select", { key: '78db408ebe0da37860c61d7762490557d5238a8f', class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
|
|
3160
3160
|
this.electricCarChargingTime =
|
|
3161
3161
|
e.target
|
|
3162
3162
|
.value;
|
|
3163
3163
|
this.recalculate();
|
|
3164
|
-
} }, index.h("option", { key: '
|
|
3164
|
+
} }, index.h("option", { key: 'e8787e9303dc915108e531c446840d53143752fa', value: "day", selected: this
|
|
3165
3165
|
.electricCarChargingTime ===
|
|
3166
3166
|
"day" }, t.solarSystemForm
|
|
3167
3167
|
.additionalComponents
|
|
3168
|
-
.chargingTimeDay), index.h("option", { key: '
|
|
3168
|
+
.chargingTimeDay), index.h("option", { key: 'a22bd36788ff24e84d2f829dff4d46f8923508a1', value: "night", selected: this
|
|
3169
3169
|
.electricCarChargingTime ===
|
|
3170
3170
|
"night" }, t.solarSystemForm
|
|
3171
3171
|
.additionalComponents
|
|
3172
|
-
.chargingTimeNight)), index.h("input", { key: '
|
|
3172
|
+
.chargingTimeNight)), index.h("input", { key: 'f921baaeb0c0ac93ef1823ae4bf9be8a26e7f7bd', type: "number", min: "1000", max: "50000", step: "1000", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
|
|
3173
3173
|
this.kmDrivenPerYear =
|
|
3174
3174
|
parseInt(e.target
|
|
3175
3175
|
.value);
|
|
3176
3176
|
this.recalculate();
|
|
3177
|
-
} }))))), index.h("div", { key: '
|
|
3178
|
-
.battery), !this.isIOS() && (index.h("span", { key: '
|
|
3177
|
+
} }))))), index.h("div", { key: 'f314fa96da875bb965555980a6a549e10d0febcf', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '014d1db4054d04f69ca2d7f082bdc666a609c35a', class: "flex items-center justify-between" }, index.h("label", { key: '607cb6469d3b1402f203edae2dfa6c82f72b7a94', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
|
|
3178
|
+
.battery), !this.isIOS() && (index.h("span", { key: '9855cafb4477837bd9f323f7a6677dd84df3a6b5', class: "text-text-muted" }, this.battery, " kWh"))), index.h("div", { key: '94b211394b1c5cc9fd7ffffef19c693b9025aedc', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3179
3179
|
? (index.h("div", { class: "flex items-center gap-2" }, index.h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
|
|
3180
3180
|
const value = parseInt(e.target
|
|
3181
3181
|
.value);
|
|
@@ -3190,37 +3190,37 @@ const SolarSystemForm = class {
|
|
|
3190
3190
|
this.battery = parseInt(e.target
|
|
3191
3191
|
.value);
|
|
3192
3192
|
this.recalculate();
|
|
3193
|
-
} })))))), index.h("div", { key: '
|
|
3193
|
+
} })))))), index.h("div", { key: 'c7d07eccb54933ace27c9e41cf8ddd58930a4465', class: "space-y-4" }, index.h("h2", { key: 'c94dc4fdfa85bfb1f31cb7e171a411662953a115', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), index.h("div", { key: 'd4ee193e9e5f6edf717ba7be01d537713b5c73db', class: "grid grid-rows-2 gap-0" }, index.h("div", { key: '9796df3a0343be18edef1051bca476cb5e33b453', class: "grid grid-cols-3 gap-4" }, index.h("label", { key: '590e83e2cf26790e7953bf1032ed2b465d062d3e', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), index.h("label", { key: '95f9083a601664270b7db8304c63ea4aec04befa', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), index.h("label", { key: '8c877b503497664824396f5b42002d6948c9147d', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), index.h("div", { key: '3e6de787e050b3163dd5a389888d7c7670ee73d5', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, index.h("input", { key: '25eaae2931376e0462a8460838c7f2d542ef5bd2', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.electricityPrice.toFixed(2), onInput: (e) => {
|
|
3194
3194
|
this.electricityPrice = parseFloat(e.target
|
|
3195
3195
|
.value);
|
|
3196
3196
|
this.recalculate();
|
|
3197
|
-
} }), index.h("input", { key: '
|
|
3197
|
+
} }), index.h("input", { key: 'f985aa31a3706d80c3e14d0c39b32e42beb5c9f0', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.compensationRate.toFixed(2), onInput: (e) => {
|
|
3198
3198
|
this.compensationRate = parseFloat(e.target
|
|
3199
3199
|
.value);
|
|
3200
3200
|
this.recalculate();
|
|
3201
|
-
} }), index.h("input", { key: '
|
|
3201
|
+
} }), index.h("input", { key: '5157173670cff3cd0a686451fee634c77fb078c3', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
|
|
3202
3202
|
this.annualPriceIncrease = parseFloat(e.target
|
|
3203
3203
|
.value);
|
|
3204
3204
|
this.recalculate();
|
|
3205
|
-
} })))), index.h("div", { key: '
|
|
3205
|
+
} })))), index.h("div", { key: '740017ec001efdfadeb7794dd98073eca06bec3b', class: "space-y-4 p-4 border border-border rounded-4xl" }, index.h("h2", { key: '02d4d012a72a66c3dd8c5d6a7ee37d8a66056b99', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), index.h("div", { key: 'bd988fcbc121f7e1a1f0a463cbef4e73b5f75c2f', class: "bg-muted rounded-4xl p-4" }, index.h("div", { key: 'f841cffe6501a94344336b93cd7186d4008f5e89', class: "flex items-center justify-between" }, index.h("span", { key: 'c09946aa81953c0ac70eca1bf030738fd611bfd3', class: "text-text-muted" }, t.solarSystemForm.autonomy), index.h("span", { key: 'cc262b2389708bfcbc7eacaa070207f5c522b37a', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
|
|
3206
3206
|
? "100"
|
|
3207
|
-
: this.autonomy.toFixed(1), "%")), index.h("div", { key: '
|
|
3208
|
-
.savingsDisclaimer))), index.h("span", { key: '
|
|
3209
|
-
.solarSystemForm.year)), index.h("div", { key: '
|
|
3207
|
+
: this.autonomy.toFixed(1), "%")), index.h("div", { key: '718395d0247ff533071db12c0dc261635376b8d0', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '253836f022a4c414374c5b2b4e895d837a7f0a6b', class: "flex items-center gap-2" }, index.h("span", { key: '141499e8232fd43eaffbd6a78ae78498fc976843', class: "text-text-muted" }, t.solarSystemForm.costSavings), index.h("div", { key: '260f33e5713a9757bd64802180c45df42a76bde8', class: "relative group" }, index.h("svg", { key: '7db31a136fbfb27b717ac8ef4ff92dacd7909fb9', xmlns: "http://www.w3.org/2000/svg", class: "h-5 w-5 text-gray-400 cursor-help", viewBox: "0 0 20 20", fill: "currentColor" }, index.h("path", { key: '05ccaebf30b38726dba62441612733b20ec85017', "fill-rule": "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z", "clip-rule": "evenodd" })), index.h("div", { key: 'd035d58ef981d0afe4f92289ec08df99e5b07857', class: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 w-64 p-2 bg-gray-800 text-muted text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none" }, t.solarSystemForm
|
|
3208
|
+
.savingsDisclaimer))), index.h("span", { key: 'da7271d121f86c06802e3c0aa6753e3e106a0f9f', class: "text-xl font-bold text-success" }, this.costSavings.toFixed(2), "\u20AC/", t
|
|
3209
|
+
.solarSystemForm.year)), index.h("div", { key: '7fd8001082ff5dad0138bc0e46f2c8ab5fc1a0ab', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '51220d6235353c5c05d9cbd7294131169ce7ef37', class: "flex items-center gap-2" }, index.h("span", { key: 'b3c5734b677f225bf480e6c972aaf604bf25219d', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), index.h("span", { key: '5a0f048eee0a05c815defd9f8c32079420402888', class: "text-xl font-bold text-success" }, this.compensation25Years.toFixed(2), "\u20AC")), index.h("div", { key: 'c404e485ec2caeccfa8534df34f502c53a3af13f', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '207734d415a4e7cf7fa625a367af5de3afa9c274', class: "flex items-center gap-2" }, index.h("span", { key: '36ef827265e123a067b01314d7f2baff4c61a9ca', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), index.h("span", { key: 'a597e862fc9b7369ac32df3e4d60302d0bce002e', class: "text-xl font-bold text-success" }, this.savedCosts25Years.toFixed(2), "\u20AC")))), index.h("div", { key: 'b1bee3a34cd1c3400cc847f9205dcd1319d1f11c', class: "space-y-4 pt-4" }, index.h("h2", { key: 'c21cc337a7c1ae79eee4b9741f935a256de38282', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), index.h("div", { key: '409727185c4cf9fd8e2750eca6a7102aa05800e6', class: "grid gap-4" }, index.h("div", { key: 'dd7fbc2db7923d9463213c5dff246d7915a402c8', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '8fc947bac4b28d3f9e6e13354dc9913009e0cbe2', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), index.h("label", { key: '2dabab65ad0b613ec6a7d386ce5cdac2ae046be3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), index.h("div", { key: '36951f97477f0b144c24b990771d36e5cb09d8d2', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: '72315b1180ab4cb666a9b4de8f65cce5509eff97' }, index.h("input", { key: '8119083991200cfb8c153c68a11875304505f2c4', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
3210
3210
|
? "border-error"
|
|
3211
3211
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
3212
3212
|
this.name =
|
|
3213
3213
|
e.target
|
|
3214
3214
|
.value;
|
|
3215
3215
|
this.validateForm();
|
|
3216
|
-
}, placeholder: "Your name" }), this.nameError && (index.h("p", { key: '
|
|
3216
|
+
}, placeholder: "Your name" }), this.nameError && (index.h("p", { key: 'd25e121b0197f4734ad98b3f264806638716660d', class: "text-error text-sm mt-1" }, this.nameError))), index.h("div", { key: 'f592e406c92e64a4c1c47ecae1143a28c05bc0af' }, index.h("input", { key: '0a6b6c922b3f1816b1bdb82f2ef7f23d04bbf906', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
3217
3217
|
? "border-error"
|
|
3218
3218
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
3219
3219
|
this.email =
|
|
3220
3220
|
e.target
|
|
3221
3221
|
.value;
|
|
3222
3222
|
this.validateForm();
|
|
3223
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (index.h("p", { key: '
|
|
3223
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (index.h("p", { key: '9f7464e3d4c5d8cf095683cf0f6f2b2e98197244', class: "text-error text-sm mt-1" }, this.emailError))))), index.h("div", { key: '59f781969d56679e5fa94af6384aa2238514148d', class: "flex justify-center" }, index.h("button", { key: 'bc5fdcb4dff4b3e1ce79928735716e2b1c2a394d', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
3224
3224
|
!this.email.trim() || !!this.nameError ||
|
|
3225
3225
|
!!this.emailError, class: "px-4 py-2 bg-secondary rounded-4xl hover:bg-tertiary transition-colors duration-200 text-muted" }, t.solarSystemForm.requestOfferButton))))));
|
|
3226
3226
|
}
|