blue-chestnut-solar-expert 0.0.36 → 0.0.37
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 +34 -46
- package/dist/cjs/eraser-icon_16.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/stencil-library.cjs.js +1 -1
- package/dist/collection/components/solar-system-form/solar-system-form.js +35 -47
- package/dist/collection/components/solar-system-form/solar-system-form.js.map +1 -1
- package/dist/collection/utils/simulation/simulation.js +1 -1
- package/dist/collection/utils/simulation/simulation.js.map +1 -1
- package/dist/components/map-draw.js +1 -1
- package/dist/components/{p-CsaE9aHg.js → p-BrCQnba8.js} +3 -3
- package/dist/components/{p-CsaE9aHg.js.map → p-BrCQnba8.js.map} +1 -1
- package/dist/components/{p-Cti_pU17.js → p-CtMWJ6jU.js} +38 -49
- package/dist/components/p-CtMWJ6jU.js.map +1 -0
- package/dist/components/solar-expert.js +2 -2
- package/dist/components/solar-system-form.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 +34 -46
- package/dist/esm/eraser-icon_16.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/stencil-library.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-b60b09ed.entry.js → p-83dccc8f.entry.js} +2 -2
- package/dist/stencil-library/p-83dccc8f.entry.js.map +1 -0
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/dist/types/components/solar-system-form/solar-system-form.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/p-Cti_pU17.js.map +0 -1
- package/dist/stencil-library/p-b60b09ed.entry.js.map +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -6,7 +6,7 @@ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
|
6
6
|
const defineCustomElements = async (win, options) => {
|
|
7
7
|
if (typeof window === 'undefined') return undefined;
|
|
8
8
|
await appGlobals.globalScripts();
|
|
9
|
-
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);
|
|
9
|
+
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],"totalEnergyConsumption":[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);
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
exports.setNonce = index.setNonce;
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
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);
|
|
22
|
+
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],"totalEnergyConsumption":[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);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -3,7 +3,6 @@ import { DEFAULT_SOLAR_PANEL_TYPE } from "../../config";
|
|
|
3
3
|
import { getLanguageStrings } from "../../utils/lang/general";
|
|
4
4
|
import { state } from "../../store";
|
|
5
5
|
import { generateElectricCarChargingHours, simulate, } from "../../utils/simulation/simulation";
|
|
6
|
-
import { HEAT_PUMP_CONSUMPTION } from "../../constants";
|
|
7
6
|
export class SolarSystemForm {
|
|
8
7
|
systemConfigs = {};
|
|
9
8
|
roofPolygons = {};
|
|
@@ -29,6 +28,7 @@ export class SolarSystemForm {
|
|
|
29
28
|
savedCosts25Years = 0;
|
|
30
29
|
maxPanels = 5;
|
|
31
30
|
kmDrivenPerYear = 10000;
|
|
31
|
+
totalEnergyConsumption = 4500;
|
|
32
32
|
updateSystemConfigs() {
|
|
33
33
|
if (Object.keys(this.systemConfigs).length === 0) {
|
|
34
34
|
this.numberOfPanels = 0;
|
|
@@ -97,6 +97,7 @@ export class SolarSystemForm {
|
|
|
97
97
|
this.savedCosts25Years = result.byYearSavedCosts.reduce((acc, curr) => acc + curr, 0);
|
|
98
98
|
this.costSavings = result.byYearSavedCosts[0];
|
|
99
99
|
this.autonomy = result.autonomy * 100;
|
|
100
|
+
this.totalEnergyConsumption = result.totalEnergyConsumptionDay * 365;
|
|
100
101
|
}
|
|
101
102
|
componentWillLoad() {
|
|
102
103
|
this.updateSystemConfigs();
|
|
@@ -148,13 +149,13 @@ export class SolarSystemForm {
|
|
|
148
149
|
}
|
|
149
150
|
render() {
|
|
150
151
|
const t = getLanguageStrings(state.settings.language);
|
|
151
|
-
return (h("div", { key: '
|
|
152
|
+
return (h("div", { key: '1b5d91f41b75cf046b4a4f9655bfde16c33fe259', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
152
153
|
,
|
|
153
154
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
154
155
|
// ? "none"
|
|
155
156
|
// : "flex",
|
|
156
157
|
// }}
|
|
157
|
-
id: "solar-system-form" }, h("h1", { key: '
|
|
158
|
+
id: "solar-system-form" }, h("h1", { key: '7f162bb1c32c26b4c7d4264164a1260927e34730', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '78ed3fd2b0eef39e2944ead9777114ad2ff2308a', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, h("div", { key: '69614f5efe077c67bb1b32b9a92dda7e36c409ae', class: "space-y-4" }, h("h2", { key: 'e8ae39c91578a654597025b7bf53af7f2de3a6ac', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: 'd480d41f3a9a6a151697dde308f7cd008be7aabe', class: "grid grid-rows-3 gap-0" }, h("div", { key: '1d6385b8316e4d812221921c8533e6bd755ec50e', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'eafdf8bb7a82ab28adbea2308efb630c208f826c', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.numberOfPanels), h("label", { key: '6eee9a6281ab47245498d22f57f96a5f5a373c47', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.panelPeakPower)), h("div", { key: 'c732106944f3ae4670eb1b7c87c319afc5b3bc5d', class: "grid grid-cols-2 gap-4" }, !this.isIOS()
|
|
158
159
|
? (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 }))
|
|
159
160
|
: (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) => {
|
|
160
161
|
const value = parseInt(e.target
|
|
@@ -165,36 +166,36 @@ export class SolarSystemForm {
|
|
|
165
166
|
this.numberOfPanels = value;
|
|
166
167
|
this.recalculate();
|
|
167
168
|
}
|
|
168
|
-
} })), h("input", { key: '
|
|
169
|
-
(h("input", { key: '
|
|
169
|
+
} })), h("input", { key: 'ad50cc81402808fc5787b898f1a3f23ebdca714b', 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 })), h("div", { key: '98a6020d2c42d1ab18712b2131877c6c24da0bbb', class: "grid grid-cols-2 gap-4" }, h("div", { key: 'ba309ff513ae020a60146ada0eb9142a3ccef904', class: "w-full pt-2" }, !this.isIOS() &&
|
|
170
|
+
(h("input", { key: '5e3da95ad98f80aaf76f60e07918bc343beedbc3', 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) => {
|
|
170
171
|
this.numberOfPanels =
|
|
171
172
|
parseInt(e.target
|
|
172
173
|
.value);
|
|
173
174
|
this.recalculate();
|
|
174
|
-
} }))))), h("div", { key: '
|
|
175
|
-
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '
|
|
175
|
+
} }))))), h("div", { key: '389a65175e03867c636e992d08aca7d88f752fff', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '6ec414fb55fb60a6d338e60a238564be93611800', class: "flex items-center justify-between" }, h("span", { key: 'a6f82471902edce5b2637eacb695e91f928ed057', class: "text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: '965c79ff9ef0fb40b1e7f2b843a1b7b5efebfee4', class: "text-xl font-bold text-secondary" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
176
|
+
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: 'cf5a6c4e68df971ff471182746581a8f46aba492', class: "space-y-4" }, h("h2", { key: '8e443200e68330e3f6c1ca02a4d64d71d84c0698', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '5a18abeaaeb20ad9c3a689608ad0a717d91c49e0', class: "grid grid-rows-2 gap-0" }, h("div", { key: '114cc88581100fd1302fac500516f5c0d0fee078', class: "grid grid-cols-2 gap-4" }, h("label", { key: '8e97897add6f2aced2f4a7a84dda43848633f68f', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: 'b4afa73a9a1b821ee5eb0dd9b96afd227a423c94', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: 'b1f606b477d531077b020745fdd7ab5aef48969e', class: "grid grid-cols-2 gap-4" }, h("input", { key: 'a686dab6c65113b1363d13bef49564f929f2aa4e', 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) => {
|
|
176
177
|
this.householdConsumption = parseInt(e.target
|
|
177
178
|
.value);
|
|
178
179
|
this.recalculate();
|
|
179
|
-
} }), h("select", { key: '
|
|
180
|
+
} }), h("select", { key: 'ca9be7931e90d87e79f8dd384231aef47ec30a78', 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) => {
|
|
180
181
|
this.consumptionProfile =
|
|
181
182
|
e.target
|
|
182
183
|
.value;
|
|
183
184
|
this.recalculate();
|
|
184
|
-
} }, h("option", { key: '
|
|
185
|
+
} }, h("option", { key: 'f99d913624fe1590daea2c698bf2af636221ef2b', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
185
186
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
186
|
-
.mostlyAtHome), h("option", { key: '
|
|
187
|
+
.mostlyAtHome), h("option", { key: '5af87d0aa19fe382357ee3c752f87de25f3e29b6', value: "mostly_away", selected: this.consumptionProfile ===
|
|
187
188
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
188
|
-
.mostlyAway))))), h("div", { key: '
|
|
189
|
+
.mostlyAway))))), h("div", { key: '74c8e59f2c82a564ea415843affed27d3ee3d248', class: "space-y-4" }, h("h2", { key: '6c33b976f24ba2e95342c241c25f4effd30b52e7', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: '340002c80767929257484801d1b1b87bbc501416', class: "flex flex-col gap-4" }, h("div", { key: 'dcf71ad8ee441d79c1f581e221f0f10c1f74fa86', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '78837667a25999dd84530621f01bd8aba5c93a3a', class: "flex items-center justify-between" }, h("div", { key: '57800aa2307722ffa95abe2321628a6e52048d8d', class: "flex items-center gap-2" }, h("input", { key: '2551b62d490d20ab987dd61853ffdcebc74b724a', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
|
|
189
190
|
this.heatPump =
|
|
190
191
|
e.target
|
|
191
192
|
.checked
|
|
192
193
|
? 100
|
|
193
194
|
: 0;
|
|
194
195
|
this.recalculate();
|
|
195
|
-
} }), h("label", { key: '
|
|
196
|
+
} }), h("label", { key: '84b2e1c45cdaa9c7a381966034b236649c3c847f', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
196
197
|
.additionalComponents
|
|
197
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '
|
|
198
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '1faf7538cb43944ab2a86abbe70d6952ee007ba8', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '4f814994b300852a7d31dd2d1e4ded65a75796b2', class: "flex flex-col gap-2" }, this.isIOS()
|
|
198
199
|
? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: {
|
|
199
200
|
border: "1px solid var(--color-border)",
|
|
200
201
|
}, value: this.heatPump, onInput: (e) => {
|
|
@@ -212,41 +213,41 @@ export class SolarSystemForm {
|
|
|
212
213
|
parseInt(e.target
|
|
213
214
|
.value);
|
|
214
215
|
this.recalculate();
|
|
215
|
-
} }))))), h("div", { key: '
|
|
216
|
+
} }))))), h("div", { key: '1ba8fdba0513542a3a5300417ec87ba46fc51b9d', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '2a56ddeb1d7b1c83ae18d9421475934d4b9b257d', class: "flex items-center justify-between" }, h("div", { key: 'f8350ce4ae680c34b222c93d3176d50bf169dfc3', class: "flex items-center gap-2" }, h("input", { key: 'ecb62e9e35431ec30e7db8b05168fa41e263f8a5', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
|
|
216
217
|
this.electricCar =
|
|
217
218
|
e.target
|
|
218
219
|
.checked;
|
|
219
220
|
this.recalculate();
|
|
220
|
-
} }), h("label", { key: '
|
|
221
|
+
} }), h("label", { key: 'bb91fa150758c98a080f5cc14dad2977e7f331ac', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
221
222
|
.additionalComponents
|
|
222
|
-
.electricCar))), this.electricCar && (h("div", { key: '
|
|
223
|
+
.electricCar))), this.electricCar && (h("div", { key: 'd03e06fdca270b4b1e1d4f29e1fc7c06b92d0851', class: "flex flex-col gap-2" }, h("div", { key: '0d7e3866782088e6b2d235aecf8ec11480c6e1fb', class: "grid grid-cols-2 gap-4" }, h("label", { key: '646e212f86e0dabe72ceb8db2c466edc62798c74', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
223
224
|
.additionalComponents
|
|
224
|
-
.chargingTime), h("label", { key: '
|
|
225
|
+
.chargingTime), h("label", { key: 'e7a57dd833a35ef3f083f4b018eeb92cfc72987d', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
225
226
|
.additionalComponents
|
|
226
|
-
.kilometersPerYear)), h("div", { key: '
|
|
227
|
+
.kilometersPerYear)), h("div", { key: '3fbb0a06b602d66a5e689aa5bbcf560a655b70e3', class: "grid grid-cols-2 gap-4" }, h("select", { key: 'd886b8e71165189781329b135b2fc1b42e49eb43', class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
|
|
227
228
|
this.electricCarChargingTime =
|
|
228
229
|
e.target
|
|
229
230
|
.value;
|
|
230
231
|
this.recalculate();
|
|
231
232
|
}, style: {
|
|
232
233
|
border: "1px solid var(--color-border)",
|
|
233
|
-
} }, h("option", { key: '
|
|
234
|
+
} }, h("option", { key: 'd5880920fbf764d56ed388dea10cafdb388163bb', value: "day", selected: this
|
|
234
235
|
.electricCarChargingTime ===
|
|
235
236
|
"day" }, t.solarSystemForm
|
|
236
237
|
.additionalComponents
|
|
237
|
-
.chargingTimeDay), h("option", { key: '
|
|
238
|
+
.chargingTimeDay), h("option", { key: 'b270b2e8d08ef1fc91a781c01e4d50a9c97f291a', value: "night", selected: this
|
|
238
239
|
.electricCarChargingTime ===
|
|
239
240
|
"night" }, t.solarSystemForm
|
|
240
241
|
.additionalComponents
|
|
241
|
-
.chargingTimeNight)), h("input", { key: '
|
|
242
|
+
.chargingTimeNight)), h("input", { key: '2a4e52379ea7ac02dca89943ee59df586f072067', type: "number", min: "1000", max: "50000", step: "1000", 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.kmDrivenPerYear, onInput: (e) => {
|
|
242
243
|
this.kmDrivenPerYear =
|
|
243
244
|
parseInt(e.target
|
|
244
245
|
.value);
|
|
245
246
|
this.recalculate();
|
|
246
247
|
}, style: {
|
|
247
248
|
border: "1px solid var(--color-border)",
|
|
248
|
-
} }))))), h("div", { key: '
|
|
249
|
-
.battery), !this.isIOS() && (h("span", { key: '
|
|
249
|
+
} }))))), h("div", { key: '846d2947834de3a1472884b990707c08b08223ce', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '16abf489835b73d8b0ab066b530a938aa7beb6a4', class: "flex items-center justify-between" }, h("label", { key: '42c9b67a9528d27bed084f4ef711836feff46c76', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
|
|
250
|
+
.battery), !this.isIOS() && (h("span", { key: 'a6025eeb6ab00535445de29f1865d163dfbf59eb', class: "text-text-muted" }, this.battery, " kWh"))), h("div", { key: 'c4c6e443875c023c865c9f26715eb7f21906d099', class: "flex flex-col gap-2" }, this.isIOS()
|
|
250
251
|
? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
|
|
251
252
|
const value = parseInt(e.target
|
|
252
253
|
.value);
|
|
@@ -263,52 +264,38 @@ export class SolarSystemForm {
|
|
|
263
264
|
this.battery = parseInt(e.target
|
|
264
265
|
.value);
|
|
265
266
|
this.recalculate();
|
|
266
|
-
} })))))), h("div", { key: '
|
|
267
|
+
} })))))), h("div", { key: '212a40cbae982aa8d3c0f18ac46b98b15fa13dbd', class: "space-y-4" }, h("h2", { key: 'f1d7fcfef04c70a1cd3afd06c726bda0d371d210', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '3605b38c1ab49b282fe49e2d72a42fa650064e14', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'ae0955b8879dd8e47b96e16bd16b950cc5f30c46', class: "grid grid-cols-3 gap-4" }, h("label", { key: 'dcd964a79b1650af672d234696b2a0768987f67f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("label", { key: '0745686dc8de886f05dbe314cf8b301e6b45861c', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("label", { key: 'cf02d71e706fc1e308f3078b1ca49a4a768d0561', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), h("div", { key: 'b8ac1a25119b2ef3222816ccf171d03ca0d34fa4', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, h("input", { key: '6c110e8f1a24ac323f603121c3d59deade94e292', 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) => {
|
|
267
268
|
this.electricityPrice = parseFloat(e.target
|
|
268
269
|
.value);
|
|
269
270
|
this.recalculate();
|
|
270
|
-
} }), h("input", { key: '
|
|
271
|
+
} }), h("input", { key: '8691ccedc32e9276c7716ecb80d30a6f559a4a2e', 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) => {
|
|
271
272
|
this.compensationRate = parseFloat(e.target
|
|
272
273
|
.value);
|
|
273
274
|
this.recalculate();
|
|
274
|
-
} }), h("input", { key: '
|
|
275
|
+
} }), h("input", { key: 'bcc2071d204b821c359114420e2d55f470f5541d', 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) => {
|
|
275
276
|
this.annualPriceIncrease = parseFloat(e.target
|
|
276
277
|
.value);
|
|
277
278
|
this.recalculate();
|
|
278
|
-
} })))), h("div", { key: '
|
|
279
|
+
} })))), h("div", { key: '5f27de39548c68c3f7bb7f164a171e638b8d7da0', class: "space-y-4 p-4 border border-border rounded-4xl", style: {
|
|
279
280
|
border: "1px solid var(--color-border)",
|
|
280
|
-
} }, h("h2", { key: '
|
|
281
|
+
} }, h("h2", { key: '4a901e3d18773ef4f961957122f2b9de20d82ba6', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: 'a1071ce9dcc84d45291b61430a54c13b95444436', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '7eae51ae8aadb7ce8c694207a69cd310acf4eff8', class: "flex items-center justify-between" }, h("span", { key: 'e3fc8bc30b37c8eafd8e51906dcf887553da6da4', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: '7314e95cafd48f867732b53eff9351a7b4d485d1', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
|
|
281
282
|
? "100"
|
|
282
|
-
: this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '
|
|
283
|
-
|
|
284
|
-
// Add electric car consumption: km/year * 17kWh/100km
|
|
285
|
-
if (this.electricCar) {
|
|
286
|
-
total +=
|
|
287
|
-
(this.kmDrivenPerYear * 17) /
|
|
288
|
-
100;
|
|
289
|
-
}
|
|
290
|
-
// Add heat pump consumption: m2 * 60kWh/m2/year (typical estimate)
|
|
291
|
-
if (this.heatPump > 0) {
|
|
292
|
-
total += this.heatPump *
|
|
293
|
-
HEAT_PUMP_CONSUMPTION * 365;
|
|
294
|
-
}
|
|
295
|
-
return this.formatEuropeanNumber(total, 0);
|
|
296
|
-
})(), " kWh/", t.solarSystemForm.year)), h("div", { key: '6794dce452849c7af8e3d8c962d489a48963584d', class: "flex items-center justify-between mt-4" }, h("div", { key: '53c13901f579cce93526379a91a8e7eaaf6c548b', class: "flex items-center gap-2" }, h("span", { key: '850410fcbc8e2a6eab5ac09b8f9b479881a067bd', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: 'e3da29831203391b74494151269a7df1aa1bc7b7', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.costSavings), "\u20AC/", t
|
|
297
|
-
.solarSystemForm.year)), h("div", { key: '501a7c259a7a93088e5ecdffc7a945caffc75311', class: "flex items-center justify-between mt-4" }, h("div", { key: '8217b4111bccf792ac61d0f58e2d3f7dc7809d8d', class: "flex items-center gap-2" }, h("span", { key: '1fb8e90aa8a90540091281dd6aa73a5cea29fbc0', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), h("span", { key: '415fa94c170faae836208d4b9a677722f7203c8b', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.compensation25Years), "\u20AC")), h("div", { key: 'c1fc077620e3075ccaf8dc8ecc8c3c411412b345', class: "flex items-center justify-between mt-4" }, h("div", { key: 'd36ca61883ce3a8d4248df906db24ecaad0500c6', class: "flex items-center gap-2" }, h("span", { key: 'adf9c8da85d13387adf55e71d014486cf648548e', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), h("span", { key: '9066fe1b8d495685389918503f50a1e6c7f13e66', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.savedCosts25Years), "\u20AC")))), h("div", { key: '8d904bfa8def92a4db3d54e8b5b491f0753e2dd3', class: "space-y-4 pt-4" }, h("h2", { key: '1a37b638d734f6474dbc3e748e6feaf183d5de7b', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: '5d1a596d9b6324ec463f648bc820470d688da63a', class: "grid gap-4" }, h("div", { key: '24cfe4e44b713b0bbe717079a8c4017529afbc48', class: "grid grid-cols-2 gap-4" }, h("label", { key: '596f38dfbf796ffbc91c3bde3da96e0aee6123e3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("label", { key: '15f013c792373f86580d901b5df987d1d71126ce', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), h("div", { key: '73a6d732cff322b79fc6aa86e700b887126011d1', class: "grid grid-cols-2 gap-4" }, h("div", { key: '76dcc5d4d62731b255a05eaa366cd0e1ae1baee5' }, h("input", { key: '58eebcba6e3ffd91c6c427e654b2a54af57c4d8c', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
283
|
+
: this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: 'aa00f3d212651b88d5a6ceed1c987f241c8a5f63', class: "flex items-center justify-between mt-4" }, h("span", { key: '8f9791941f2e1002c59627533e6504d3948d321f', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: '866cddfb8c54fa11ca22859549502ff056dd6661', class: "text-xl font-bold text-secondary" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '802d9e369e0ac832331deec67ddf0c56f3cbd043', class: "flex items-center justify-between mt-4" }, h("div", { key: 'd9c91ddc00c8944fec091ee76c836019b0a1612a', class: "flex items-center gap-2" }, h("span", { key: '502e001b58934d51a3b249c3efaf84d59dbbce17', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: 'ec290e0b1d842bf1a6104685b6f1a4b47f2efcf5', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.costSavings), "\u20AC/", t
|
|
284
|
+
.solarSystemForm.year)), h("div", { key: '3fa9280a583571b0b25c7c7a09d44c32b5f99943', class: "flex items-center justify-between mt-4" }, h("div", { key: '2e1d7306ffbf006845891122daeaf77c5f636182', class: "flex items-center gap-2" }, h("span", { key: '7e0d8205d51411472ff7f966b415aaae2481c00f', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), h("span", { key: '9aae5e305344ecd4d188a1a0158268743239479e', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.compensation25Years), "\u20AC")), h("div", { key: 'e13bf1db13c7b153a538602bd928b0127f0bb8ea', class: "flex items-center justify-between mt-4" }, h("div", { key: '055038e47497da87359458c4e0551a534e3a89f9', class: "flex items-center gap-2" }, h("span", { key: 'a227bc8e3effcb811ce5840e2457a00956fc1a87', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), h("span", { key: '029b372b4a018f2461346f897620010867e7c1aa', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.savedCosts25Years), "\u20AC")))), h("div", { key: '85fab90328c9ca5cad730f6a6a630cf0c562dc1f', class: "space-y-4 pt-4" }, h("h2", { key: 'aba642f7049af2f5b160db498b4ddefdb9fff60f', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: '9eda29da3b98f3ec85f7024d2ec89d759a34bcc1', class: "grid gap-4" }, h("div", { key: '7801fa7e18b0d52342d398df5d66593f94d31b6e', class: "grid grid-cols-2 gap-4" }, h("label", { key: '9fe4897f21cf5d7c4786cc95d23edb99184b088f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("label", { key: 'aad988fd24865db976f9952bf366d5be0bdc227f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), h("div", { key: '02056e3659d320ff023ea5e992c070389f24b03f', class: "grid grid-cols-2 gap-4" }, h("div", { key: 'f03ab7a4e1ff2577d592d14db8a75ae61a62ee71' }, h("input", { key: '83386fa9dbf363284cdaebe2ee2b53fc4c36ffdb', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
298
285
|
? "border-error"
|
|
299
286
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
300
287
|
this.name =
|
|
301
288
|
e.target
|
|
302
289
|
.value;
|
|
303
290
|
this.validateForm();
|
|
304
|
-
}, placeholder: "Your name" }), this.nameError && (h("p", { key: '
|
|
291
|
+
}, placeholder: "Your name" }), this.nameError && (h("p", { key: 'a7aed7a51000e4ef1d81e2e2a7c8df45c4cd9478', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: '4c111a05e967cb4b9539104976b07a6b8e6c6b97' }, h("input", { key: 'efad96e49c0c03f4fa463e894d760c5345a4ceb9', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
305
292
|
? "border-error"
|
|
306
293
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
307
294
|
this.email =
|
|
308
295
|
e.target
|
|
309
296
|
.value;
|
|
310
297
|
this.validateForm();
|
|
311
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '
|
|
298
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: 'e6fe6f5acdc65442aea95681bb575776d16d797d', class: "text-error text-sm mt-1" }, this.emailError))))), h("div", { key: '7839c2f5b2831f17ad05350c4b0943f826dd05ca', class: "flex justify-center" }, h("button", { key: 'a10cf587a34f29329d5cee29bfd237c8a2eed448', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
312
299
|
!this.email.trim() || !!this.nameError ||
|
|
313
300
|
!!this.emailError, class: "px-4 py-2 bg-secondary rounded-4xl hover:bg-tertiary transition-colors duration-200", style: { color: "var(--color-muted)" } }, t.solarSystemForm.requestOfferButton))))));
|
|
314
301
|
}
|
|
@@ -424,7 +411,8 @@ export class SolarSystemForm {
|
|
|
424
411
|
"compensation25Years": {},
|
|
425
412
|
"savedCosts25Years": {},
|
|
426
413
|
"maxPanels": {},
|
|
427
|
-
"kmDrivenPerYear": {}
|
|
414
|
+
"kmDrivenPerYear": {},
|
|
415
|
+
"totalEnergyConsumption": {}
|
|
428
416
|
};
|
|
429
417
|
}
|
|
430
418
|
static get watchers() {
|