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
|
@@ -2994,7 +2994,7 @@ function simulate(config) {
|
|
|
2994
2994
|
autonomy: (summerDay.autonomy + winterDay.autonomy) / 2,
|
|
2995
2995
|
compensationPerDay: soldEnergy * config.electricityPrice.sell,
|
|
2996
2996
|
byYearSavedCosts: savedCostsByYear,
|
|
2997
|
-
totalEnergyConsumptionDay: (summerConsumptionWholeDay + winterConsumptionWholeDay) / 2,
|
|
2997
|
+
totalEnergyConsumptionDay: (summerConsumptionWholeDay + winterConsumptionWholeDay) / 2 + electricCarConsumption,
|
|
2998
2998
|
};
|
|
2999
2999
|
}
|
|
3000
3000
|
|
|
@@ -3028,6 +3028,7 @@ const SolarSystemForm = class {
|
|
|
3028
3028
|
savedCosts25Years = 0;
|
|
3029
3029
|
maxPanels = 5;
|
|
3030
3030
|
kmDrivenPerYear = 10000;
|
|
3031
|
+
totalEnergyConsumption = 4500;
|
|
3031
3032
|
updateSystemConfigs() {
|
|
3032
3033
|
if (Object.keys(this.systemConfigs).length === 0) {
|
|
3033
3034
|
this.numberOfPanels = 0;
|
|
@@ -3096,6 +3097,7 @@ const SolarSystemForm = class {
|
|
|
3096
3097
|
this.savedCosts25Years = result.byYearSavedCosts.reduce((acc, curr) => acc + curr, 0);
|
|
3097
3098
|
this.costSavings = result.byYearSavedCosts[0];
|
|
3098
3099
|
this.autonomy = result.autonomy * 100;
|
|
3100
|
+
this.totalEnergyConsumption = result.totalEnergyConsumptionDay * 365;
|
|
3099
3101
|
}
|
|
3100
3102
|
componentWillLoad() {
|
|
3101
3103
|
this.updateSystemConfigs();
|
|
@@ -3147,13 +3149,13 @@ const SolarSystemForm = class {
|
|
|
3147
3149
|
}
|
|
3148
3150
|
render() {
|
|
3149
3151
|
const t = getLanguageStrings(state.settings.language);
|
|
3150
|
-
return (h("div", { key: '
|
|
3152
|
+
return (h("div", { key: '1b5d91f41b75cf046b4a4f9655bfde16c33fe259', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
3151
3153
|
,
|
|
3152
3154
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
3153
3155
|
// ? "none"
|
|
3154
3156
|
// : "flex",
|
|
3155
3157
|
// }}
|
|
3156
|
-
id: "solar-system-form" }, h("h1", { key: '
|
|
3158
|
+
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()
|
|
3157
3159
|
? (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 }))
|
|
3158
3160
|
: (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) => {
|
|
3159
3161
|
const value = parseInt(e.target
|
|
@@ -3164,36 +3166,36 @@ const SolarSystemForm = class {
|
|
|
3164
3166
|
this.numberOfPanels = value;
|
|
3165
3167
|
this.recalculate();
|
|
3166
3168
|
}
|
|
3167
|
-
} })), h("input", { key: '
|
|
3168
|
-
(h("input", { key: '
|
|
3169
|
+
} })), 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() &&
|
|
3170
|
+
(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) => {
|
|
3169
3171
|
this.numberOfPanels =
|
|
3170
3172
|
parseInt(e.target
|
|
3171
3173
|
.value);
|
|
3172
3174
|
this.recalculate();
|
|
3173
|
-
} }))))), h("div", { key: '
|
|
3174
|
-
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '
|
|
3175
|
+
} }))))), 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 *
|
|
3176
|
+
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) => {
|
|
3175
3177
|
this.householdConsumption = parseInt(e.target
|
|
3176
3178
|
.value);
|
|
3177
3179
|
this.recalculate();
|
|
3178
|
-
} }), h("select", { key: '
|
|
3180
|
+
} }), 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) => {
|
|
3179
3181
|
this.consumptionProfile =
|
|
3180
3182
|
e.target
|
|
3181
3183
|
.value;
|
|
3182
3184
|
this.recalculate();
|
|
3183
|
-
} }, h("option", { key: '
|
|
3185
|
+
} }, h("option", { key: 'f99d913624fe1590daea2c698bf2af636221ef2b', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
3184
3186
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
3185
|
-
.mostlyAtHome), h("option", { key: '
|
|
3187
|
+
.mostlyAtHome), h("option", { key: '5af87d0aa19fe382357ee3c752f87de25f3e29b6', value: "mostly_away", selected: this.consumptionProfile ===
|
|
3186
3188
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
3187
|
-
.mostlyAway))))), h("div", { key: '
|
|
3189
|
+
.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) => {
|
|
3188
3190
|
this.heatPump =
|
|
3189
3191
|
e.target
|
|
3190
3192
|
.checked
|
|
3191
3193
|
? 100
|
|
3192
3194
|
: 0;
|
|
3193
3195
|
this.recalculate();
|
|
3194
|
-
} }), h("label", { key: '
|
|
3196
|
+
} }), h("label", { key: '84b2e1c45cdaa9c7a381966034b236649c3c847f', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
3195
3197
|
.additionalComponents
|
|
3196
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '
|
|
3198
|
+
.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()
|
|
3197
3199
|
? (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: {
|
|
3198
3200
|
border: "1px solid var(--color-border)",
|
|
3199
3201
|
}, value: this.heatPump, onInput: (e) => {
|
|
@@ -3211,41 +3213,41 @@ const SolarSystemForm = class {
|
|
|
3211
3213
|
parseInt(e.target
|
|
3212
3214
|
.value);
|
|
3213
3215
|
this.recalculate();
|
|
3214
|
-
} }))))), h("div", { key: '
|
|
3216
|
+
} }))))), 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) => {
|
|
3215
3217
|
this.electricCar =
|
|
3216
3218
|
e.target
|
|
3217
3219
|
.checked;
|
|
3218
3220
|
this.recalculate();
|
|
3219
|
-
} }), h("label", { key: '
|
|
3221
|
+
} }), h("label", { key: 'bb91fa150758c98a080f5cc14dad2977e7f331ac', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
3220
3222
|
.additionalComponents
|
|
3221
|
-
.electricCar))), this.electricCar && (h("div", { key: '
|
|
3223
|
+
.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
|
|
3222
3224
|
.additionalComponents
|
|
3223
|
-
.chargingTime), h("label", { key: '
|
|
3225
|
+
.chargingTime), h("label", { key: 'e7a57dd833a35ef3f083f4b018eeb92cfc72987d', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3224
3226
|
.additionalComponents
|
|
3225
|
-
.kilometersPerYear)), h("div", { key: '
|
|
3227
|
+
.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) => {
|
|
3226
3228
|
this.electricCarChargingTime =
|
|
3227
3229
|
e.target
|
|
3228
3230
|
.value;
|
|
3229
3231
|
this.recalculate();
|
|
3230
3232
|
}, style: {
|
|
3231
3233
|
border: "1px solid var(--color-border)",
|
|
3232
|
-
} }, h("option", { key: '
|
|
3234
|
+
} }, h("option", { key: 'd5880920fbf764d56ed388dea10cafdb388163bb', value: "day", selected: this
|
|
3233
3235
|
.electricCarChargingTime ===
|
|
3234
3236
|
"day" }, t.solarSystemForm
|
|
3235
3237
|
.additionalComponents
|
|
3236
|
-
.chargingTimeDay), h("option", { key: '
|
|
3238
|
+
.chargingTimeDay), h("option", { key: 'b270b2e8d08ef1fc91a781c01e4d50a9c97f291a', value: "night", selected: this
|
|
3237
3239
|
.electricCarChargingTime ===
|
|
3238
3240
|
"night" }, t.solarSystemForm
|
|
3239
3241
|
.additionalComponents
|
|
3240
|
-
.chargingTimeNight)), h("input", { key: '
|
|
3242
|
+
.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) => {
|
|
3241
3243
|
this.kmDrivenPerYear =
|
|
3242
3244
|
parseInt(e.target
|
|
3243
3245
|
.value);
|
|
3244
3246
|
this.recalculate();
|
|
3245
3247
|
}, style: {
|
|
3246
3248
|
border: "1px solid var(--color-border)",
|
|
3247
|
-
} }))))), h("div", { key: '
|
|
3248
|
-
.battery), !this.isIOS() && (h("span", { key: '
|
|
3249
|
+
} }))))), 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
|
|
3250
|
+
.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()
|
|
3249
3251
|
? (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) => {
|
|
3250
3252
|
const value = parseInt(e.target
|
|
3251
3253
|
.value);
|
|
@@ -3262,52 +3264,38 @@ const SolarSystemForm = class {
|
|
|
3262
3264
|
this.battery = parseInt(e.target
|
|
3263
3265
|
.value);
|
|
3264
3266
|
this.recalculate();
|
|
3265
|
-
} })))))), h("div", { key: '
|
|
3267
|
+
} })))))), 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) => {
|
|
3266
3268
|
this.electricityPrice = parseFloat(e.target
|
|
3267
3269
|
.value);
|
|
3268
3270
|
this.recalculate();
|
|
3269
|
-
} }), h("input", { key: '
|
|
3271
|
+
} }), 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) => {
|
|
3270
3272
|
this.compensationRate = parseFloat(e.target
|
|
3271
3273
|
.value);
|
|
3272
3274
|
this.recalculate();
|
|
3273
|
-
} }), h("input", { key: '
|
|
3275
|
+
} }), 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) => {
|
|
3274
3276
|
this.annualPriceIncrease = parseFloat(e.target
|
|
3275
3277
|
.value);
|
|
3276
3278
|
this.recalculate();
|
|
3277
|
-
} })))), h("div", { key: '
|
|
3279
|
+
} })))), h("div", { key: '5f27de39548c68c3f7bb7f164a171e638b8d7da0', class: "space-y-4 p-4 border border-border rounded-4xl", style: {
|
|
3278
3280
|
border: "1px solid var(--color-border)",
|
|
3279
|
-
} }, h("h2", { key: '
|
|
3281
|
+
} }, 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
|
|
3280
3282
|
? "100"
|
|
3281
|
-
: this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '
|
|
3282
|
-
|
|
3283
|
-
// Add electric car consumption: km/year * 17kWh/100km
|
|
3284
|
-
if (this.electricCar) {
|
|
3285
|
-
total +=
|
|
3286
|
-
(this.kmDrivenPerYear * 17) /
|
|
3287
|
-
100;
|
|
3288
|
-
}
|
|
3289
|
-
// Add heat pump consumption: m2 * 60kWh/m2/year (typical estimate)
|
|
3290
|
-
if (this.heatPump > 0) {
|
|
3291
|
-
total += this.heatPump *
|
|
3292
|
-
HEAT_PUMP_CONSUMPTION * 365;
|
|
3293
|
-
}
|
|
3294
|
-
return this.formatEuropeanNumber(total, 0);
|
|
3295
|
-
})(), " 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
|
|
3296
|
-
.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
|
|
3283
|
+
: 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
|
|
3284
|
+
.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
|
|
3297
3285
|
? "border-error"
|
|
3298
3286
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
3299
3287
|
this.name =
|
|
3300
3288
|
e.target
|
|
3301
3289
|
.value;
|
|
3302
3290
|
this.validateForm();
|
|
3303
|
-
}, placeholder: "Your name" }), this.nameError && (h("p", { key: '
|
|
3291
|
+
}, 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
|
|
3304
3292
|
? "border-error"
|
|
3305
3293
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
3306
3294
|
this.email =
|
|
3307
3295
|
e.target
|
|
3308
3296
|
.value;
|
|
3309
3297
|
this.validateForm();
|
|
3310
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '
|
|
3298
|
+
}, 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() ||
|
|
3311
3299
|
!this.email.trim() || !!this.nameError ||
|
|
3312
3300
|
!!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))))));
|
|
3313
3301
|
}
|