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
|
@@ -2996,7 +2996,7 @@ function simulate(config) {
|
|
|
2996
2996
|
autonomy: (summerDay.autonomy + winterDay.autonomy) / 2,
|
|
2997
2997
|
compensationPerDay: soldEnergy * config.electricityPrice.sell,
|
|
2998
2998
|
byYearSavedCosts: savedCostsByYear,
|
|
2999
|
-
totalEnergyConsumptionDay: (summerConsumptionWholeDay + winterConsumptionWholeDay) / 2,
|
|
2999
|
+
totalEnergyConsumptionDay: (summerConsumptionWholeDay + winterConsumptionWholeDay) / 2 + electricCarConsumption,
|
|
3000
3000
|
};
|
|
3001
3001
|
}
|
|
3002
3002
|
|
|
@@ -3030,6 +3030,7 @@ const SolarSystemForm = class {
|
|
|
3030
3030
|
savedCosts25Years = 0;
|
|
3031
3031
|
maxPanels = 5;
|
|
3032
3032
|
kmDrivenPerYear = 10000;
|
|
3033
|
+
totalEnergyConsumption = 4500;
|
|
3033
3034
|
updateSystemConfigs() {
|
|
3034
3035
|
if (Object.keys(this.systemConfigs).length === 0) {
|
|
3035
3036
|
this.numberOfPanels = 0;
|
|
@@ -3098,6 +3099,7 @@ const SolarSystemForm = class {
|
|
|
3098
3099
|
this.savedCosts25Years = result.byYearSavedCosts.reduce((acc, curr) => acc + curr, 0);
|
|
3099
3100
|
this.costSavings = result.byYearSavedCosts[0];
|
|
3100
3101
|
this.autonomy = result.autonomy * 100;
|
|
3102
|
+
this.totalEnergyConsumption = result.totalEnergyConsumptionDay * 365;
|
|
3101
3103
|
}
|
|
3102
3104
|
componentWillLoad() {
|
|
3103
3105
|
this.updateSystemConfigs();
|
|
@@ -3149,13 +3151,13 @@ const SolarSystemForm = class {
|
|
|
3149
3151
|
}
|
|
3150
3152
|
render() {
|
|
3151
3153
|
const t = getLanguageStrings(state.settings.language);
|
|
3152
|
-
return (index.h("div", { key: '
|
|
3154
|
+
return (index.h("div", { key: '1b5d91f41b75cf046b4a4f9655bfde16c33fe259', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
3153
3155
|
,
|
|
3154
3156
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
3155
3157
|
// ? "none"
|
|
3156
3158
|
// : "flex",
|
|
3157
3159
|
// }}
|
|
3158
|
-
id: "solar-system-form" }, index.h("h1", { key: '
|
|
3160
|
+
id: "solar-system-form" }, index.h("h1", { key: '7f162bb1c32c26b4c7d4264164a1260927e34730', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), index.h("div", { key: '78ed3fd2b0eef39e2944ead9777114ad2ff2308a', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, index.h("div", { key: '69614f5efe077c67bb1b32b9a92dda7e36c409ae', class: "space-y-4" }, index.h("h2", { key: 'e8ae39c91578a654597025b7bf53af7f2de3a6ac', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), index.h("div", { key: 'd480d41f3a9a6a151697dde308f7cd008be7aabe', class: "grid grid-rows-3 gap-0" }, index.h("div", { key: '1d6385b8316e4d812221921c8533e6bd755ec50e', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: 'eafdf8bb7a82ab28adbea2308efb630c208f826c', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.numberOfPanels), index.h("label", { key: '6eee9a6281ab47245498d22f57f96a5f5a373c47', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.panelPeakPower)), index.h("div", { key: 'c732106944f3ae4670eb1b7c87c319afc5b3bc5d', class: "grid grid-cols-2 gap-4" }, !this.isIOS()
|
|
3159
3161
|
? (index.h("input", { type: "number", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.numberOfPanels, readOnly: true }))
|
|
3160
3162
|
: (index.h("input", { type: "number", min: "1", max: this.maxPanels, class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.numberOfPanels, onInput: (e) => {
|
|
3161
3163
|
const value = parseInt(e.target
|
|
@@ -3166,36 +3168,36 @@ const SolarSystemForm = class {
|
|
|
3166
3168
|
this.numberOfPanels = value;
|
|
3167
3169
|
this.recalculate();
|
|
3168
3170
|
}
|
|
3169
|
-
} })), index.h("input", { key: '
|
|
3170
|
-
(index.h("input", { key: '
|
|
3171
|
+
} })), index.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 })), index.h("div", { key: '98a6020d2c42d1ab18712b2131877c6c24da0bbb', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: 'ba309ff513ae020a60146ada0eb9142a3ccef904', class: "w-full pt-2" }, !this.isIOS() &&
|
|
3172
|
+
(index.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) => {
|
|
3171
3173
|
this.numberOfPanels =
|
|
3172
3174
|
parseInt(e.target
|
|
3173
3175
|
.value);
|
|
3174
3176
|
this.recalculate();
|
|
3175
|
-
} }))))), index.h("div", { key: '
|
|
3176
|
-
this.numberOfPanels).toFixed(1), " kW")))), index.h("div", { key: '
|
|
3177
|
+
} }))))), index.h("div", { key: '389a65175e03867c636e992d08aca7d88f752fff', class: "bg-muted rounded-4xl p-4" }, index.h("div", { key: '6ec414fb55fb60a6d338e60a238564be93611800', class: "flex items-center justify-between" }, index.h("span", { key: 'a6f82471902edce5b2637eacb695e91f928ed057', class: "text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), index.h("span", { key: '965c79ff9ef0fb40b1e7f2b843a1b7b5efebfee4', class: "text-xl font-bold text-secondary" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
3178
|
+
this.numberOfPanels).toFixed(1), " kW")))), index.h("div", { key: 'cf5a6c4e68df971ff471182746581a8f46aba492', class: "space-y-4" }, index.h("h2", { key: '8e443200e68330e3f6c1ca02a4d64d71d84c0698', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), index.h("div", { key: '5a18abeaaeb20ad9c3a689608ad0a717d91c49e0', class: "grid grid-rows-2 gap-0" }, index.h("div", { key: '114cc88581100fd1302fac500516f5c0d0fee078', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '8e97897add6f2aced2f4a7a84dda43848633f68f', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), index.h("label", { key: 'b4afa73a9a1b821ee5eb0dd9b96afd227a423c94', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), index.h("div", { key: 'b1f606b477d531077b020745fdd7ab5aef48969e', class: "grid grid-cols-2 gap-4" }, index.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) => {
|
|
3177
3179
|
this.householdConsumption = parseInt(e.target
|
|
3178
3180
|
.value);
|
|
3179
3181
|
this.recalculate();
|
|
3180
|
-
} }), index.h("select", { key: '
|
|
3182
|
+
} }), index.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) => {
|
|
3181
3183
|
this.consumptionProfile =
|
|
3182
3184
|
e.target
|
|
3183
3185
|
.value;
|
|
3184
3186
|
this.recalculate();
|
|
3185
|
-
} }, index.h("option", { key: '
|
|
3187
|
+
} }, index.h("option", { key: 'f99d913624fe1590daea2c698bf2af636221ef2b', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
3186
3188
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
3187
|
-
.mostlyAtHome), index.h("option", { key: '
|
|
3189
|
+
.mostlyAtHome), index.h("option", { key: '5af87d0aa19fe382357ee3c752f87de25f3e29b6', value: "mostly_away", selected: this.consumptionProfile ===
|
|
3188
3190
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
3189
|
-
.mostlyAway))))), index.h("div", { key: '
|
|
3191
|
+
.mostlyAway))))), index.h("div", { key: '74c8e59f2c82a564ea415843affed27d3ee3d248', class: "space-y-4" }, index.h("h2", { key: '6c33b976f24ba2e95342c241c25f4effd30b52e7', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), index.h("div", { key: '340002c80767929257484801d1b1b87bbc501416', class: "flex flex-col gap-4" }, index.h("div", { key: 'dcf71ad8ee441d79c1f581e221f0f10c1f74fa86', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '78837667a25999dd84530621f01bd8aba5c93a3a', class: "flex items-center justify-between" }, index.h("div", { key: '57800aa2307722ffa95abe2321628a6e52048d8d', class: "flex items-center gap-2" }, index.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) => {
|
|
3190
3192
|
this.heatPump =
|
|
3191
3193
|
e.target
|
|
3192
3194
|
.checked
|
|
3193
3195
|
? 100
|
|
3194
3196
|
: 0;
|
|
3195
3197
|
this.recalculate();
|
|
3196
|
-
} }), index.h("label", { key: '
|
|
3198
|
+
} }), index.h("label", { key: '84b2e1c45cdaa9c7a381966034b236649c3c847f', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
3197
3199
|
.additionalComponents
|
|
3198
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (index.h("span", { key: '
|
|
3200
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (index.h("span", { key: '1faf7538cb43944ab2a86abbe70d6952ee007ba8', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (index.h("div", { key: '4f814994b300852a7d31dd2d1e4ded65a75796b2', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3199
3201
|
? (index.h("div", { class: "flex items-center gap-2" }, index.h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: {
|
|
3200
3202
|
border: "1px solid var(--color-border)",
|
|
3201
3203
|
}, value: this.heatPump, onInput: (e) => {
|
|
@@ -3213,41 +3215,41 @@ const SolarSystemForm = class {
|
|
|
3213
3215
|
parseInt(e.target
|
|
3214
3216
|
.value);
|
|
3215
3217
|
this.recalculate();
|
|
3216
|
-
} }))))), index.h("div", { key: '
|
|
3218
|
+
} }))))), index.h("div", { key: '1ba8fdba0513542a3a5300417ec87ba46fc51b9d', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '2a56ddeb1d7b1c83ae18d9421475934d4b9b257d', class: "flex items-center justify-between" }, index.h("div", { key: 'f8350ce4ae680c34b222c93d3176d50bf169dfc3', class: "flex items-center gap-2" }, index.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) => {
|
|
3217
3219
|
this.electricCar =
|
|
3218
3220
|
e.target
|
|
3219
3221
|
.checked;
|
|
3220
3222
|
this.recalculate();
|
|
3221
|
-
} }), index.h("label", { key: '
|
|
3223
|
+
} }), index.h("label", { key: 'bb91fa150758c98a080f5cc14dad2977e7f331ac', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
3222
3224
|
.additionalComponents
|
|
3223
|
-
.electricCar))), this.electricCar && (index.h("div", { key: '
|
|
3225
|
+
.electricCar))), this.electricCar && (index.h("div", { key: 'd03e06fdca270b4b1e1d4f29e1fc7c06b92d0851', class: "flex flex-col gap-2" }, index.h("div", { key: '0d7e3866782088e6b2d235aecf8ec11480c6e1fb', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '646e212f86e0dabe72ceb8db2c466edc62798c74', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3224
3226
|
.additionalComponents
|
|
3225
|
-
.chargingTime), index.h("label", { key: '
|
|
3227
|
+
.chargingTime), index.h("label", { key: 'e7a57dd833a35ef3f083f4b018eeb92cfc72987d', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3226
3228
|
.additionalComponents
|
|
3227
|
-
.kilometersPerYear)), index.h("div", { key: '
|
|
3229
|
+
.kilometersPerYear)), index.h("div", { key: '3fbb0a06b602d66a5e689aa5bbcf560a655b70e3', class: "grid grid-cols-2 gap-4" }, index.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) => {
|
|
3228
3230
|
this.electricCarChargingTime =
|
|
3229
3231
|
e.target
|
|
3230
3232
|
.value;
|
|
3231
3233
|
this.recalculate();
|
|
3232
3234
|
}, style: {
|
|
3233
3235
|
border: "1px solid var(--color-border)",
|
|
3234
|
-
} }, index.h("option", { key: '
|
|
3236
|
+
} }, index.h("option", { key: 'd5880920fbf764d56ed388dea10cafdb388163bb', value: "day", selected: this
|
|
3235
3237
|
.electricCarChargingTime ===
|
|
3236
3238
|
"day" }, t.solarSystemForm
|
|
3237
3239
|
.additionalComponents
|
|
3238
|
-
.chargingTimeDay), index.h("option", { key: '
|
|
3240
|
+
.chargingTimeDay), index.h("option", { key: 'b270b2e8d08ef1fc91a781c01e4d50a9c97f291a', value: "night", selected: this
|
|
3239
3241
|
.electricCarChargingTime ===
|
|
3240
3242
|
"night" }, t.solarSystemForm
|
|
3241
3243
|
.additionalComponents
|
|
3242
|
-
.chargingTimeNight)), index.h("input", { key: '
|
|
3244
|
+
.chargingTimeNight)), index.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) => {
|
|
3243
3245
|
this.kmDrivenPerYear =
|
|
3244
3246
|
parseInt(e.target
|
|
3245
3247
|
.value);
|
|
3246
3248
|
this.recalculate();
|
|
3247
3249
|
}, style: {
|
|
3248
3250
|
border: "1px solid var(--color-border)",
|
|
3249
|
-
} }))))), index.h("div", { key: '
|
|
3250
|
-
.battery), !this.isIOS() && (index.h("span", { key: '
|
|
3251
|
+
} }))))), index.h("div", { key: '846d2947834de3a1472884b990707c08b08223ce', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '16abf489835b73d8b0ab066b530a938aa7beb6a4', class: "flex items-center justify-between" }, index.h("label", { key: '42c9b67a9528d27bed084f4ef711836feff46c76', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
|
|
3252
|
+
.battery), !this.isIOS() && (index.h("span", { key: 'a6025eeb6ab00535445de29f1865d163dfbf59eb', class: "text-text-muted" }, this.battery, " kWh"))), index.h("div", { key: 'c4c6e443875c023c865c9f26715eb7f21906d099', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3251
3253
|
? (index.h("div", { class: "flex items-center gap-2" }, index.h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
|
|
3252
3254
|
const value = parseInt(e.target
|
|
3253
3255
|
.value);
|
|
@@ -3264,52 +3266,38 @@ const SolarSystemForm = class {
|
|
|
3264
3266
|
this.battery = parseInt(e.target
|
|
3265
3267
|
.value);
|
|
3266
3268
|
this.recalculate();
|
|
3267
|
-
} })))))), index.h("div", { key: '
|
|
3269
|
+
} })))))), index.h("div", { key: '212a40cbae982aa8d3c0f18ac46b98b15fa13dbd', class: "space-y-4" }, index.h("h2", { key: 'f1d7fcfef04c70a1cd3afd06c726bda0d371d210', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), index.h("div", { key: '3605b38c1ab49b282fe49e2d72a42fa650064e14', class: "grid grid-rows-2 gap-0" }, index.h("div", { key: 'ae0955b8879dd8e47b96e16bd16b950cc5f30c46', class: "grid grid-cols-3 gap-4" }, index.h("label", { key: 'dcd964a79b1650af672d234696b2a0768987f67f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), index.h("label", { key: '0745686dc8de886f05dbe314cf8b301e6b45861c', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), index.h("label", { key: 'cf02d71e706fc1e308f3078b1ca49a4a768d0561', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), index.h("div", { key: 'b8ac1a25119b2ef3222816ccf171d03ca0d34fa4', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, index.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) => {
|
|
3268
3270
|
this.electricityPrice = parseFloat(e.target
|
|
3269
3271
|
.value);
|
|
3270
3272
|
this.recalculate();
|
|
3271
|
-
} }), index.h("input", { key: '
|
|
3273
|
+
} }), index.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) => {
|
|
3272
3274
|
this.compensationRate = parseFloat(e.target
|
|
3273
3275
|
.value);
|
|
3274
3276
|
this.recalculate();
|
|
3275
|
-
} }), index.h("input", { key: '
|
|
3277
|
+
} }), index.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) => {
|
|
3276
3278
|
this.annualPriceIncrease = parseFloat(e.target
|
|
3277
3279
|
.value);
|
|
3278
3280
|
this.recalculate();
|
|
3279
|
-
} })))), index.h("div", { key: '
|
|
3281
|
+
} })))), index.h("div", { key: '5f27de39548c68c3f7bb7f164a171e638b8d7da0', class: "space-y-4 p-4 border border-border rounded-4xl", style: {
|
|
3280
3282
|
border: "1px solid var(--color-border)",
|
|
3281
|
-
} }, index.h("h2", { key: '
|
|
3283
|
+
} }, index.h("h2", { key: '4a901e3d18773ef4f961957122f2b9de20d82ba6', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), index.h("div", { key: 'a1071ce9dcc84d45291b61430a54c13b95444436', class: "bg-muted rounded-4xl p-4" }, index.h("div", { key: '7eae51ae8aadb7ce8c694207a69cd310acf4eff8', class: "flex items-center justify-between" }, index.h("span", { key: 'e3fc8bc30b37c8eafd8e51906dcf887553da6da4', class: "text-text-muted" }, t.solarSystemForm.autonomy), index.h("span", { key: '7314e95cafd48f867732b53eff9351a7b4d485d1', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
|
|
3282
3284
|
? "100"
|
|
3283
|
-
: this.formatEuropeanNumber(this.autonomy, 1), "%")), index.h("div", { key: '
|
|
3284
|
-
|
|
3285
|
-
// Add electric car consumption: km/year * 17kWh/100km
|
|
3286
|
-
if (this.electricCar) {
|
|
3287
|
-
total +=
|
|
3288
|
-
(this.kmDrivenPerYear * 17) /
|
|
3289
|
-
100;
|
|
3290
|
-
}
|
|
3291
|
-
// Add heat pump consumption: m2 * 60kWh/m2/year (typical estimate)
|
|
3292
|
-
if (this.heatPump > 0) {
|
|
3293
|
-
total += this.heatPump *
|
|
3294
|
-
HEAT_PUMP_CONSUMPTION * 365;
|
|
3295
|
-
}
|
|
3296
|
-
return this.formatEuropeanNumber(total, 0);
|
|
3297
|
-
})(), " kWh/", t.solarSystemForm.year)), index.h("div", { key: '6794dce452849c7af8e3d8c962d489a48963584d', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '53c13901f579cce93526379a91a8e7eaaf6c548b', class: "flex items-center gap-2" }, index.h("span", { key: '850410fcbc8e2a6eab5ac09b8f9b479881a067bd', class: "text-text-muted" }, t.solarSystemForm.costSavings)), index.h("span", { key: 'e3da29831203391b74494151269a7df1aa1bc7b7', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.costSavings), "\u20AC/", t
|
|
3298
|
-
.solarSystemForm.year)), index.h("div", { key: '501a7c259a7a93088e5ecdffc7a945caffc75311', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '8217b4111bccf792ac61d0f58e2d3f7dc7809d8d', class: "flex items-center gap-2" }, index.h("span", { key: '1fb8e90aa8a90540091281dd6aa73a5cea29fbc0', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), index.h("span", { key: '415fa94c170faae836208d4b9a677722f7203c8b', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.compensation25Years), "\u20AC")), index.h("div", { key: 'c1fc077620e3075ccaf8dc8ecc8c3c411412b345', class: "flex items-center justify-between mt-4" }, index.h("div", { key: 'd36ca61883ce3a8d4248df906db24ecaad0500c6', class: "flex items-center gap-2" }, index.h("span", { key: 'adf9c8da85d13387adf55e71d014486cf648548e', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), index.h("span", { key: '9066fe1b8d495685389918503f50a1e6c7f13e66', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.savedCosts25Years), "\u20AC")))), index.h("div", { key: '8d904bfa8def92a4db3d54e8b5b491f0753e2dd3', class: "space-y-4 pt-4" }, index.h("h2", { key: '1a37b638d734f6474dbc3e748e6feaf183d5de7b', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), index.h("div", { key: '5d1a596d9b6324ec463f648bc820470d688da63a', class: "grid gap-4" }, index.h("div", { key: '24cfe4e44b713b0bbe717079a8c4017529afbc48', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '596f38dfbf796ffbc91c3bde3da96e0aee6123e3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), index.h("label", { key: '15f013c792373f86580d901b5df987d1d71126ce', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), index.h("div", { key: '73a6d732cff322b79fc6aa86e700b887126011d1', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: '76dcc5d4d62731b255a05eaa366cd0e1ae1baee5' }, index.h("input", { key: '58eebcba6e3ffd91c6c427e654b2a54af57c4d8c', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
3285
|
+
: this.formatEuropeanNumber(this.autonomy, 1), "%")), index.h("div", { key: 'aa00f3d212651b88d5a6ceed1c987f241c8a5f63', class: "flex items-center justify-between mt-4" }, index.h("span", { key: '8f9791941f2e1002c59627533e6504d3948d321f', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), index.h("span", { key: '866cddfb8c54fa11ca22859549502ff056dd6661', class: "text-xl font-bold text-secondary" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), index.h("div", { key: '802d9e369e0ac832331deec67ddf0c56f3cbd043', class: "flex items-center justify-between mt-4" }, index.h("div", { key: 'd9c91ddc00c8944fec091ee76c836019b0a1612a', class: "flex items-center gap-2" }, index.h("span", { key: '502e001b58934d51a3b249c3efaf84d59dbbce17', class: "text-text-muted" }, t.solarSystemForm.costSavings)), index.h("span", { key: 'ec290e0b1d842bf1a6104685b6f1a4b47f2efcf5', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.costSavings), "\u20AC/", t
|
|
3286
|
+
.solarSystemForm.year)), index.h("div", { key: '3fa9280a583571b0b25c7c7a09d44c32b5f99943', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '2e1d7306ffbf006845891122daeaf77c5f636182', class: "flex items-center gap-2" }, index.h("span", { key: '7e0d8205d51411472ff7f966b415aaae2481c00f', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), index.h("span", { key: '9aae5e305344ecd4d188a1a0158268743239479e', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.compensation25Years), "\u20AC")), index.h("div", { key: 'e13bf1db13c7b153a538602bd928b0127f0bb8ea', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '055038e47497da87359458c4e0551a534e3a89f9', class: "flex items-center gap-2" }, index.h("span", { key: 'a227bc8e3effcb811ce5840e2457a00956fc1a87', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), index.h("span", { key: '029b372b4a018f2461346f897620010867e7c1aa', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.savedCosts25Years), "\u20AC")))), index.h("div", { key: '85fab90328c9ca5cad730f6a6a630cf0c562dc1f', class: "space-y-4 pt-4" }, index.h("h2", { key: 'aba642f7049af2f5b160db498b4ddefdb9fff60f', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), index.h("div", { key: '9eda29da3b98f3ec85f7024d2ec89d759a34bcc1', class: "grid gap-4" }, index.h("div", { key: '7801fa7e18b0d52342d398df5d66593f94d31b6e', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '9fe4897f21cf5d7c4786cc95d23edb99184b088f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), index.h("label", { key: 'aad988fd24865db976f9952bf366d5be0bdc227f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), index.h("div", { key: '02056e3659d320ff023ea5e992c070389f24b03f', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: 'f03ab7a4e1ff2577d592d14db8a75ae61a62ee71' }, index.h("input", { key: '83386fa9dbf363284cdaebe2ee2b53fc4c36ffdb', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
3299
3287
|
? "border-error"
|
|
3300
3288
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
3301
3289
|
this.name =
|
|
3302
3290
|
e.target
|
|
3303
3291
|
.value;
|
|
3304
3292
|
this.validateForm();
|
|
3305
|
-
}, placeholder: "Your name" }), this.nameError && (index.h("p", { key: '
|
|
3293
|
+
}, placeholder: "Your name" }), this.nameError && (index.h("p", { key: 'a7aed7a51000e4ef1d81e2e2a7c8df45c4cd9478', class: "text-error text-sm mt-1" }, this.nameError))), index.h("div", { key: '4c111a05e967cb4b9539104976b07a6b8e6c6b97' }, index.h("input", { key: 'efad96e49c0c03f4fa463e894d760c5345a4ceb9', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
3306
3294
|
? "border-error"
|
|
3307
3295
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
3308
3296
|
this.email =
|
|
3309
3297
|
e.target
|
|
3310
3298
|
.value;
|
|
3311
3299
|
this.validateForm();
|
|
3312
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (index.h("p", { key: '
|
|
3300
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (index.h("p", { key: 'e6fe6f5acdc65442aea95681bb575776d16d797d', class: "text-error text-sm mt-1" }, this.emailError))))), index.h("div", { key: '7839c2f5b2831f17ad05350c4b0943f826dd05ca', class: "flex justify-center" }, index.h("button", { key: 'a10cf587a34f29329d5cee29bfd237c8a2eed448', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
3313
3301
|
!this.email.trim() || !!this.nameError ||
|
|
3314
3302
|
!!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))))));
|
|
3315
3303
|
}
|