blue-chestnut-solar-expert 0.0.35 → 0.0.36
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 +33 -34
- package/dist/cjs/eraser-icon_16.cjs.entry.js.map +1 -1
- package/dist/cjs/loading-widget.cjs.entry.js +1 -1
- package/dist/collection/components/solar-system-form/solar-system-form.js +33 -34
- package/dist/collection/components/solar-system-form/solar-system-form.js.map +1 -1
- package/dist/collection/components/widgets/loading-widget.js +1 -1
- package/dist/components/loading-widget.js +1 -1
- package/dist/components/map-draw.js +1 -1
- package/dist/components/{p-wv9-rUOt.js → p-CsaE9aHg.js} +3 -3
- package/dist/components/{p-wv9-rUOt.js.map → p-CsaE9aHg.js.map} +1 -1
- package/dist/components/{p-C8ujytCa.js → p-Cti_pU17.js} +35 -36
- package/dist/components/p-Cti_pU17.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 +33 -34
- package/dist/esm/eraser-icon_16.entry.js.map +1 -1
- package/dist/esm/loading-widget.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-e92dbc2a.entry.js → p-b60b09ed.entry.js} +2 -2
- package/dist/stencil-library/{p-e92dbc2a.entry.js.map → p-b60b09ed.entry.js.map} +1 -1
- package/dist/stencil-library/{p-b1771344.entry.js → p-df0b0ef8.entry.js} +2 -2
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-C8ujytCa.js.map +0 -1
- /package/dist/stencil-library/{p-b1771344.entry.js.map → p-df0b0ef8.entry.js.map} +0 -0
|
@@ -9,7 +9,7 @@ const LoadingWidget = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("div", { key: '
|
|
12
|
+
return (index.h("div", { key: '977cdc480ba45a866e73bf5bba91f35b26663412', class: "absolute flex items-center justify-center bg-muted bg-opacity-75 z-20 pt-7 rounded-4xl" }, index.h("div", { key: '3982cf82646e2d7cd02eafc5c91985563954eed3', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-secondary" })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
LoadingWidget.style = outputCss;
|
|
@@ -95,7 +95,7 @@ export class SolarSystemForm {
|
|
|
95
95
|
const result = simulate(simulationConfig);
|
|
96
96
|
this.compensation25Years = result.compensationPerDay * 365 * 25;
|
|
97
97
|
this.savedCosts25Years = result.byYearSavedCosts.reduce((acc, curr) => acc + curr, 0);
|
|
98
|
-
this.costSavings = result.
|
|
98
|
+
this.costSavings = result.byYearSavedCosts[0];
|
|
99
99
|
this.autonomy = result.autonomy * 100;
|
|
100
100
|
}
|
|
101
101
|
componentWillLoad() {
|
|
@@ -148,13 +148,13 @@ export class SolarSystemForm {
|
|
|
148
148
|
}
|
|
149
149
|
render() {
|
|
150
150
|
const t = getLanguageStrings(state.settings.language);
|
|
151
|
-
return (h("div", { key: '
|
|
151
|
+
return (h("div", { key: '54ae8ac6f38ee6b69f0b744e0c63ef7d64b14935', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
152
152
|
,
|
|
153
153
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
154
154
|
// ? "none"
|
|
155
155
|
// : "flex",
|
|
156
156
|
// }}
|
|
157
|
-
id: "solar-system-form" }, h("h1", { key: '
|
|
157
|
+
id: "solar-system-form" }, h("h1", { key: '02743af3ca750b419cd815fb1fc3fde328b0b288', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '3a71e7d1fcd5c3eaac9fd31251a503b0004868d9', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, h("div", { key: '331105ccd59c18236423d1e1e5e43eea7cf491e9', class: "space-y-4" }, h("h2", { key: '31a17a2198080f06c51cf49338a1055ae2bb2e21', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: '7909de26291c67bdd83aacb0e08874a92698877f', class: "grid grid-rows-3 gap-0" }, h("div", { key: '8664dee7e53df21b25a8a1af4f007dca533b34c6', class: "grid grid-cols-2 gap-4" }, h("label", { key: '24f58513ed901c3660407ba5fdce3481551bb269', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.numberOfPanels), h("label", { key: '18b456396e4bf074ec6f51ec85d6fc25574278f0', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.panelPeakPower)), h("div", { key: 'bb3552536aca95d954c98a5ec064b47fb64789c5', class: "grid grid-cols-2 gap-4" }, !this.isIOS()
|
|
158
158
|
? (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
159
|
: (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
160
|
const value = parseInt(e.target
|
|
@@ -165,36 +165,36 @@ export class SolarSystemForm {
|
|
|
165
165
|
this.numberOfPanels = value;
|
|
166
166
|
this.recalculate();
|
|
167
167
|
}
|
|
168
|
-
} })), h("input", { key: '
|
|
169
|
-
(h("input", { key: '
|
|
168
|
+
} })), h("input", { key: '92d8ad7d12e18c297b683b5b12c4a1ef07a49dc5', 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: 'b0c3127cbb24691ded2f229c67e015915cf45451', class: "grid grid-cols-2 gap-4" }, h("div", { key: '826c3adcd8d127ab9af26836715241389e26f4c7', class: "w-full pt-2" }, !this.isIOS() &&
|
|
169
|
+
(h("input", { key: '50af1ab53be7ca292bf4f0c652fdf4742141d784', 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
170
|
this.numberOfPanels =
|
|
171
171
|
parseInt(e.target
|
|
172
172
|
.value);
|
|
173
173
|
this.recalculate();
|
|
174
|
-
} }))))), h("div", { key: '
|
|
175
|
-
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '
|
|
174
|
+
} }))))), h("div", { key: '0d07fec98799e61dbb496d71dc5fcda87ea121d9', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'f13fcf447f3e457eff48ebd3b84ab9e03b07043c', class: "flex items-center justify-between" }, h("span", { key: '72cd250034d8163624780a7d7693d0410ee4e410', class: "text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'c962284ec7b7997881c70e619bbccb4842693726', class: "text-xl font-bold text-secondary" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
175
|
+
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '3e485240e8c3097c3eeb132f88a78499ff008d02', class: "space-y-4" }, h("h2", { key: 'd8921b1e78515483b22436b7f530a1bc30fffc07', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '1b429ce292e4ce8491609588d50c77dcdb2889df', class: "grid grid-rows-2 gap-0" }, h("div", { key: '73f977fb97ca42f0224f6574b233ec0d1099c99f', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'dc3bd8a75017ae3f6213a5b1a17ba519e53be4e5', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: 'd112f9634beb0aaad834de5f1eb663c9ba94b376', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '05bf6fae443e9732923744faa0d38347a4c73b4b', class: "grid grid-cols-2 gap-4" }, h("input", { key: '0d1b4152b6847de4f389e08cfa4816ecff33f6f0', 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
176
|
this.householdConsumption = parseInt(e.target
|
|
177
177
|
.value);
|
|
178
178
|
this.recalculate();
|
|
179
|
-
} }), h("select", { key: '
|
|
179
|
+
} }), h("select", { key: 'e871185bee56c07cb3b63786bb4b93ea7b041251', 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
180
|
this.consumptionProfile =
|
|
181
181
|
e.target
|
|
182
182
|
.value;
|
|
183
183
|
this.recalculate();
|
|
184
|
-
} }, h("option", { key: '
|
|
184
|
+
} }, h("option", { key: 'b5cedc71aea907231bb460bd57d623c72e4f4358', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
185
185
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
186
|
-
.mostlyAtHome), h("option", { key: '
|
|
186
|
+
.mostlyAtHome), h("option", { key: 'a4ae3edb18d7fff9f661e0ff7eba7ead4b599928', value: "mostly_away", selected: this.consumptionProfile ===
|
|
187
187
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
188
|
-
.mostlyAway))))), h("div", { key: '
|
|
188
|
+
.mostlyAway))))), h("div", { key: '43429573a2fd47f40b31f995f48bf9f642783357', class: "space-y-4" }, h("h2", { key: '830462bd52e14b52d207b7814f191875e0bffa24', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: '74ab7b371ba17bb9fc336695aba3036a36154cf1', class: "flex flex-col gap-4" }, h("div", { key: '54dd4ca5913d5b59add38da17d8ebb9e800f56f1', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '7220b78ceae0ee40ff07b0032c0731aff3f8e0ab', class: "flex items-center justify-between" }, h("div", { key: '04a8069a311561627bf545fd9bcceed60c4c8fac', class: "flex items-center gap-2" }, h("input", { key: '0f2151269cade204b5a3a8056d5c27c551a877ee', 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
189
|
this.heatPump =
|
|
190
190
|
e.target
|
|
191
191
|
.checked
|
|
192
192
|
? 100
|
|
193
193
|
: 0;
|
|
194
194
|
this.recalculate();
|
|
195
|
-
} }), h("label", { key: '
|
|
195
|
+
} }), h("label", { key: '0e5e18b56b24d1b68613a71c6adafdec7ba30e26', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
196
196
|
.additionalComponents
|
|
197
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '
|
|
197
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '2d87021c97585d2b716b56e518d7f7bbc0043f7e', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '0b3fcceef3eeaa77d136226ec8d62627f0f1862a', class: "flex flex-col gap-2" }, this.isIOS()
|
|
198
198
|
? (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
199
|
border: "1px solid var(--color-border)",
|
|
200
200
|
}, value: this.heatPump, onInput: (e) => {
|
|
@@ -212,41 +212,41 @@ export class SolarSystemForm {
|
|
|
212
212
|
parseInt(e.target
|
|
213
213
|
.value);
|
|
214
214
|
this.recalculate();
|
|
215
|
-
} }))))), h("div", { key: '
|
|
215
|
+
} }))))), h("div", { key: 'a24607f315a2944990f039394b6091ad63e20720', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '0bff87ab8748f1b25f4b4e1442802307ae21ca45', class: "flex items-center justify-between" }, h("div", { key: '6ce2554bc8d6f36dfc723cf39b44cec7c66ce574', class: "flex items-center gap-2" }, h("input", { key: 'fee9af7857e139ecfe08c9acc75b5bc160441dcd', 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
216
|
this.electricCar =
|
|
217
217
|
e.target
|
|
218
218
|
.checked;
|
|
219
219
|
this.recalculate();
|
|
220
|
-
} }), h("label", { key: '
|
|
220
|
+
} }), h("label", { key: '2d1a9dbcdb418231efddd0c81486f707093eb956', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
221
221
|
.additionalComponents
|
|
222
|
-
.electricCar))), this.electricCar && (h("div", { key: '
|
|
222
|
+
.electricCar))), this.electricCar && (h("div", { key: '0099c8d5704f9b4d41ca5c1143feb487d8b9b9f4', class: "flex flex-col gap-2" }, h("div", { key: '03515c7a59dac82123bc8f0bcd491af21c5f7353', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'b90b47cbdd7f2761949dea631402b77d0cfd28b1', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
223
223
|
.additionalComponents
|
|
224
|
-
.chargingTime), h("label", { key: '
|
|
224
|
+
.chargingTime), h("label", { key: 'ac6ea4a40d40f11f65ce18dfd1a4da8b5cf33dfb', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
225
225
|
.additionalComponents
|
|
226
|
-
.kilometersPerYear)), h("div", { key: '
|
|
226
|
+
.kilometersPerYear)), h("div", { key: '03ed3eb147b16b0a0bc968d83ed811341ed9f766', class: "grid grid-cols-2 gap-4" }, h("select", { key: '2d6201c807ae6f9713b6c7efd4fb47d4673df6db', 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
227
|
this.electricCarChargingTime =
|
|
228
228
|
e.target
|
|
229
229
|
.value;
|
|
230
230
|
this.recalculate();
|
|
231
231
|
}, style: {
|
|
232
232
|
border: "1px solid var(--color-border)",
|
|
233
|
-
} }, h("option", { key: '
|
|
233
|
+
} }, h("option", { key: 'f05e82478fdf651ed90c36ed3e2b3f3ef815990f', value: "day", selected: this
|
|
234
234
|
.electricCarChargingTime ===
|
|
235
235
|
"day" }, t.solarSystemForm
|
|
236
236
|
.additionalComponents
|
|
237
|
-
.chargingTimeDay), h("option", { key: '
|
|
237
|
+
.chargingTimeDay), h("option", { key: 'a74c9a39d468cda1be903f5b95e8060c6ee24b52', value: "night", selected: this
|
|
238
238
|
.electricCarChargingTime ===
|
|
239
239
|
"night" }, t.solarSystemForm
|
|
240
240
|
.additionalComponents
|
|
241
|
-
.chargingTimeNight)), h("input", { key: '
|
|
241
|
+
.chargingTimeNight)), h("input", { key: 'ca2d32d22bb3bd55f79eab13ed6bf1b106c0d1a8', 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
242
|
this.kmDrivenPerYear =
|
|
243
243
|
parseInt(e.target
|
|
244
244
|
.value);
|
|
245
245
|
this.recalculate();
|
|
246
246
|
}, style: {
|
|
247
247
|
border: "1px solid var(--color-border)",
|
|
248
|
-
} }))))), h("div", { key: '
|
|
249
|
-
.battery), !this.isIOS() && (h("span", { key: '
|
|
248
|
+
} }))))), h("div", { key: 'e221294fb0f0facc8c1e421cca3947fd2d942428', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'f0253c7f6d43717ce59b28ae1d99c92dc111e3ac', class: "flex items-center justify-between" }, h("label", { key: 'e2fc797a71aa62638749696fb320b7f8d161c662', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
|
|
249
|
+
.battery), !this.isIOS() && (h("span", { key: 'dd61bfbc95a605663c4b72dd222b995ffb42e109', class: "text-text-muted" }, this.battery, " kWh"))), h("div", { key: '1c5c728fbcaa256f3afb935b778fc84eb2eb4767', class: "flex flex-col gap-2" }, this.isIOS()
|
|
250
250
|
? (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
251
|
const value = parseInt(e.target
|
|
252
252
|
.value);
|
|
@@ -263,23 +263,23 @@ export class SolarSystemForm {
|
|
|
263
263
|
this.battery = parseInt(e.target
|
|
264
264
|
.value);
|
|
265
265
|
this.recalculate();
|
|
266
|
-
} })))))), h("div", { key: '
|
|
266
|
+
} })))))), h("div", { key: 'd2d8f2976dea1671bd61b46fd11611b215065b54', class: "space-y-4" }, h("h2", { key: '7cf8b9ebead489919985bfe4a43c1882e839df22', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: 'd68713f19fe46986bd02d867fc48b8a29ba4c4b8', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'b3044a3509c60decd0be125f3e48d1e1b1bda9b8', class: "grid grid-cols-3 gap-4" }, h("label", { key: '3d00cda38e85bc0211db156fd42bc13147a4e9b8', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("label", { key: 'deab7ae1cc17e62a8957884f103b4bc28100bd4e', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("label", { key: 'd11b0dbd0bbd7e849a4238ec4fb59f229b3edab9', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), h("div", { key: 'a1b62f9c488b8f340a7eae0f45d50db22dcf8813', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, h("input", { key: '89af074138e212d08e04791a122d7acdded16dae', 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
267
|
this.electricityPrice = parseFloat(e.target
|
|
268
268
|
.value);
|
|
269
269
|
this.recalculate();
|
|
270
|
-
} }), h("input", { key: '
|
|
270
|
+
} }), h("input", { key: '87300118e1ccb1ef6aa0fce4442405bca5589ecb', 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
271
|
this.compensationRate = parseFloat(e.target
|
|
272
272
|
.value);
|
|
273
273
|
this.recalculate();
|
|
274
|
-
} }), h("input", { key: '
|
|
274
|
+
} }), h("input", { key: 'f062503fbfcbbdaf839483653b8dc80ca546a64b', 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
275
|
this.annualPriceIncrease = parseFloat(e.target
|
|
276
276
|
.value);
|
|
277
277
|
this.recalculate();
|
|
278
|
-
} })))), h("div", { key: '
|
|
278
|
+
} })))), h("div", { key: 'aa2d6be869135594a4986996a731e3f944fd76a3', class: "space-y-4 p-4 border border-border rounded-4xl", style: {
|
|
279
279
|
border: "1px solid var(--color-border)",
|
|
280
|
-
} }, h("h2", { key: '
|
|
280
|
+
} }, h("h2", { key: '2f635ebdc17c5793b721ca754b2a0f57157698e7', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: '3791d46c9f40a737e25bbd445b5f559e79688116', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'df1a21d001ae742086730e4818400046f1241ef6', class: "flex items-center justify-between" }, h("span", { key: 'bc13c5be45a46f4cf9cd0580ebb585375d3d2fc3', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: 'd2095ecc11a533d9b2fd45258679e335e7315e1b', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
|
|
281
281
|
? "100"
|
|
282
|
-
: this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '
|
|
282
|
+
: this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '81898ca185bebeff0ccbf4f02c90decc5d862f09', class: "flex items-center justify-between mt-4" }, h("span", { key: 'caab8e25b9f38a2e76e1e0fe783457e355a1acb8', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: '6a0263eb84c3c5c584407dee9f82ae6768f2ba63', class: "text-xl font-bold text-secondary" }, (() => {
|
|
283
283
|
let total = this.householdConsumption;
|
|
284
284
|
// Add electric car consumption: km/year * 17kWh/100km
|
|
285
285
|
if (this.electricCar) {
|
|
@@ -293,23 +293,22 @@ export class SolarSystemForm {
|
|
|
293
293
|
HEAT_PUMP_CONSUMPTION * 365;
|
|
294
294
|
}
|
|
295
295
|
return this.formatEuropeanNumber(total, 0);
|
|
296
|
-
})(), " kWh/", t.solarSystemForm.year)), h("div", { key: '
|
|
297
|
-
.
|
|
298
|
-
.solarSystemForm.year)), h("div", { key: 'cd828e6c6926daab2233cedf4305e2fdb97be676', class: "flex items-center justify-between mt-4" }, h("div", { key: '0795d59077e5b0c797f057e031831cee8534c3c9', class: "flex items-center gap-2" }, h("span", { key: '6f48091f7555b8a325ad09738ac0cdb31e865154', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), h("span", { key: 'f7791292253c6806157551d30170e4688ed3458a', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.compensation25Years), "\u20AC")), h("div", { key: '27c89b500a48af7f669ebaa0b489d94b976686e2', class: "flex items-center justify-between mt-4" }, h("div", { key: '21626f89fe1fd478b6ebf8dc28d98e9078e184ce', class: "flex items-center gap-2" }, h("span", { key: '157a25f00e437addc545785cb2238a61f23778cd', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), h("span", { key: '450ca4a9726b877821b18efdb0f78993d43783be', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.savedCosts25Years), "\u20AC")))), h("div", { key: '27f91849d3fd0fa188dfb3303c5088fbb31477f6', class: "space-y-4 pt-4" }, h("h2", { key: '1fb4615d9f7fc7499796ff4bfc1f94de06347230', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: 'b0fc51a1e23c8e6d888f52cb6c348ef87e0c021d', class: "grid gap-4" }, h("div", { key: 'dbc8276df0f39e6206cafad9ee78198bba4231a2', class: "grid grid-cols-2 gap-4" }, h("label", { key: '17f832a75bf26e206baf332a852e9918287ceddd', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("label", { key: 'c5f51ed3415cee24796980972003cb9d3d67377f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), h("div", { key: 'aca926ba4957bc3f49c078ee26c187b2fa2e09c5', class: "grid grid-cols-2 gap-4" }, h("div", { key: 'bf67470f202a91c87794b9f524be7d6f8798a9d6' }, h("input", { key: 'e0ef0652f15c0b8131be5c08ab7e676053723403', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
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
|
|
299
298
|
? "border-error"
|
|
300
299
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
301
300
|
this.name =
|
|
302
301
|
e.target
|
|
303
302
|
.value;
|
|
304
303
|
this.validateForm();
|
|
305
|
-
}, placeholder: "Your name" }), this.nameError && (h("p", { key: '
|
|
304
|
+
}, placeholder: "Your name" }), this.nameError && (h("p", { key: '61f77bf18fe7f3d24a7d6323a7e7f3ca2f27f6ab', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: 'a1e91db4a7c509bafe2002a3c93ada9ddf389aba' }, h("input", { key: '81cdb2b8ddc586145cb4b9c48f6bf0a521c8b955', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
306
305
|
? "border-error"
|
|
307
306
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
308
307
|
this.email =
|
|
309
308
|
e.target
|
|
310
309
|
.value;
|
|
311
310
|
this.validateForm();
|
|
312
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '
|
|
311
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: 'b8f6f0daf8ccb035fbbc6a8d1752faf652684085', class: "text-error text-sm mt-1" }, this.emailError))))), h("div", { key: '0c85591ef6c2ea28df6990a66b0f32daf6378683', class: "flex justify-center" }, h("button", { key: '1d64eed72404031a2a6e7e0ef4e6966591d86f6a', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
313
312
|
!this.email.trim() || !!this.nameError ||
|
|
314
313
|
!!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))))));
|
|
315
314
|
}
|