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
|
@@ -3096,7 +3096,7 @@ const SolarSystemForm = class {
|
|
|
3096
3096
|
const result = simulate(simulationConfig);
|
|
3097
3097
|
this.compensation25Years = result.compensationPerDay * 365 * 25;
|
|
3098
3098
|
this.savedCosts25Years = result.byYearSavedCosts.reduce((acc, curr) => acc + curr, 0);
|
|
3099
|
-
this.costSavings = result.
|
|
3099
|
+
this.costSavings = result.byYearSavedCosts[0];
|
|
3100
3100
|
this.autonomy = result.autonomy * 100;
|
|
3101
3101
|
}
|
|
3102
3102
|
componentWillLoad() {
|
|
@@ -3149,13 +3149,13 @@ const SolarSystemForm = class {
|
|
|
3149
3149
|
}
|
|
3150
3150
|
render() {
|
|
3151
3151
|
const t = getLanguageStrings(state.settings.language);
|
|
3152
|
-
return (index.h("div", { key: '
|
|
3152
|
+
return (index.h("div", { key: '54ae8ac6f38ee6b69f0b744e0c63ef7d64b14935', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
3153
3153
|
,
|
|
3154
3154
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
3155
3155
|
// ? "none"
|
|
3156
3156
|
// : "flex",
|
|
3157
3157
|
// }}
|
|
3158
|
-
id: "solar-system-form" }, index.h("h1", { key: '
|
|
3158
|
+
id: "solar-system-form" }, index.h("h1", { key: '02743af3ca750b419cd815fb1fc3fde328b0b288', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), index.h("div", { key: '3a71e7d1fcd5c3eaac9fd31251a503b0004868d9', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, index.h("div", { key: '331105ccd59c18236423d1e1e5e43eea7cf491e9', class: "space-y-4" }, index.h("h2", { key: '31a17a2198080f06c51cf49338a1055ae2bb2e21', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), index.h("div", { key: '7909de26291c67bdd83aacb0e08874a92698877f', class: "grid grid-rows-3 gap-0" }, index.h("div", { key: '8664dee7e53df21b25a8a1af4f007dca533b34c6', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '24f58513ed901c3660407ba5fdce3481551bb269', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.numberOfPanels), index.h("label", { key: '18b456396e4bf074ec6f51ec85d6fc25574278f0', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.panelPeakPower)), index.h("div", { key: 'bb3552536aca95d954c98a5ec064b47fb64789c5', class: "grid grid-cols-2 gap-4" }, !this.isIOS()
|
|
3159
3159
|
? (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
3160
|
: (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
3161
|
const value = parseInt(e.target
|
|
@@ -3166,36 +3166,36 @@ const SolarSystemForm = class {
|
|
|
3166
3166
|
this.numberOfPanels = value;
|
|
3167
3167
|
this.recalculate();
|
|
3168
3168
|
}
|
|
3169
|
-
} })), index.h("input", { key: '
|
|
3170
|
-
(index.h("input", { key: '
|
|
3169
|
+
} })), index.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 })), index.h("div", { key: 'b0c3127cbb24691ded2f229c67e015915cf45451', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: '826c3adcd8d127ab9af26836715241389e26f4c7', class: "w-full pt-2" }, !this.isIOS() &&
|
|
3170
|
+
(index.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) => {
|
|
3171
3171
|
this.numberOfPanels =
|
|
3172
3172
|
parseInt(e.target
|
|
3173
3173
|
.value);
|
|
3174
3174
|
this.recalculate();
|
|
3175
|
-
} }))))), index.h("div", { key: '
|
|
3176
|
-
this.numberOfPanels).toFixed(1), " kW")))), index.h("div", { key: '
|
|
3175
|
+
} }))))), index.h("div", { key: '0d07fec98799e61dbb496d71dc5fcda87ea121d9', class: "bg-muted rounded-4xl p-4" }, index.h("div", { key: 'f13fcf447f3e457eff48ebd3b84ab9e03b07043c', class: "flex items-center justify-between" }, index.h("span", { key: '72cd250034d8163624780a7d7693d0410ee4e410', class: "text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), index.h("span", { key: 'c962284ec7b7997881c70e619bbccb4842693726', class: "text-xl font-bold text-secondary" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
3176
|
+
this.numberOfPanels).toFixed(1), " kW")))), index.h("div", { key: '3e485240e8c3097c3eeb132f88a78499ff008d02', class: "space-y-4" }, index.h("h2", { key: 'd8921b1e78515483b22436b7f530a1bc30fffc07', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), index.h("div", { key: '1b429ce292e4ce8491609588d50c77dcdb2889df', class: "grid grid-rows-2 gap-0" }, index.h("div", { key: '73f977fb97ca42f0224f6574b233ec0d1099c99f', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: 'dc3bd8a75017ae3f6213a5b1a17ba519e53be4e5', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), index.h("label", { key: 'd112f9634beb0aaad834de5f1eb663c9ba94b376', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), index.h("div", { key: '05bf6fae443e9732923744faa0d38347a4c73b4b', class: "grid grid-cols-2 gap-4" }, index.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) => {
|
|
3177
3177
|
this.householdConsumption = parseInt(e.target
|
|
3178
3178
|
.value);
|
|
3179
3179
|
this.recalculate();
|
|
3180
|
-
} }), index.h("select", { key: '
|
|
3180
|
+
} }), index.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) => {
|
|
3181
3181
|
this.consumptionProfile =
|
|
3182
3182
|
e.target
|
|
3183
3183
|
.value;
|
|
3184
3184
|
this.recalculate();
|
|
3185
|
-
} }, index.h("option", { key: '
|
|
3185
|
+
} }, index.h("option", { key: 'b5cedc71aea907231bb460bd57d623c72e4f4358', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
3186
3186
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
3187
|
-
.mostlyAtHome), index.h("option", { key: '
|
|
3187
|
+
.mostlyAtHome), index.h("option", { key: 'a4ae3edb18d7fff9f661e0ff7eba7ead4b599928', value: "mostly_away", selected: this.consumptionProfile ===
|
|
3188
3188
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
3189
|
-
.mostlyAway))))), index.h("div", { key: '
|
|
3189
|
+
.mostlyAway))))), index.h("div", { key: '43429573a2fd47f40b31f995f48bf9f642783357', class: "space-y-4" }, index.h("h2", { key: '830462bd52e14b52d207b7814f191875e0bffa24', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), index.h("div", { key: '74ab7b371ba17bb9fc336695aba3036a36154cf1', class: "flex flex-col gap-4" }, index.h("div", { key: '54dd4ca5913d5b59add38da17d8ebb9e800f56f1', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '7220b78ceae0ee40ff07b0032c0731aff3f8e0ab', class: "flex items-center justify-between" }, index.h("div", { key: '04a8069a311561627bf545fd9bcceed60c4c8fac', class: "flex items-center gap-2" }, index.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) => {
|
|
3190
3190
|
this.heatPump =
|
|
3191
3191
|
e.target
|
|
3192
3192
|
.checked
|
|
3193
3193
|
? 100
|
|
3194
3194
|
: 0;
|
|
3195
3195
|
this.recalculate();
|
|
3196
|
-
} }), index.h("label", { key: '
|
|
3196
|
+
} }), index.h("label", { key: '0e5e18b56b24d1b68613a71c6adafdec7ba30e26', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
3197
3197
|
.additionalComponents
|
|
3198
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (index.h("span", { key: '
|
|
3198
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (index.h("span", { key: '2d87021c97585d2b716b56e518d7f7bbc0043f7e', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (index.h("div", { key: '0b3fcceef3eeaa77d136226ec8d62627f0f1862a', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3199
3199
|
? (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
3200
|
border: "1px solid var(--color-border)",
|
|
3201
3201
|
}, value: this.heatPump, onInput: (e) => {
|
|
@@ -3213,41 +3213,41 @@ const SolarSystemForm = class {
|
|
|
3213
3213
|
parseInt(e.target
|
|
3214
3214
|
.value);
|
|
3215
3215
|
this.recalculate();
|
|
3216
|
-
} }))))), index.h("div", { key: '
|
|
3216
|
+
} }))))), index.h("div", { key: 'a24607f315a2944990f039394b6091ad63e20720', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '0bff87ab8748f1b25f4b4e1442802307ae21ca45', class: "flex items-center justify-between" }, index.h("div", { key: '6ce2554bc8d6f36dfc723cf39b44cec7c66ce574', class: "flex items-center gap-2" }, index.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) => {
|
|
3217
3217
|
this.electricCar =
|
|
3218
3218
|
e.target
|
|
3219
3219
|
.checked;
|
|
3220
3220
|
this.recalculate();
|
|
3221
|
-
} }), index.h("label", { key: '
|
|
3221
|
+
} }), index.h("label", { key: '2d1a9dbcdb418231efddd0c81486f707093eb956', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
3222
3222
|
.additionalComponents
|
|
3223
|
-
.electricCar))), this.electricCar && (index.h("div", { key: '
|
|
3223
|
+
.electricCar))), this.electricCar && (index.h("div", { key: '0099c8d5704f9b4d41ca5c1143feb487d8b9b9f4', class: "flex flex-col gap-2" }, index.h("div", { key: '03515c7a59dac82123bc8f0bcd491af21c5f7353', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: 'b90b47cbdd7f2761949dea631402b77d0cfd28b1', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3224
3224
|
.additionalComponents
|
|
3225
|
-
.chargingTime), index.h("label", { key: '
|
|
3225
|
+
.chargingTime), index.h("label", { key: 'ac6ea4a40d40f11f65ce18dfd1a4da8b5cf33dfb', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3226
3226
|
.additionalComponents
|
|
3227
|
-
.kilometersPerYear)), index.h("div", { key: '
|
|
3227
|
+
.kilometersPerYear)), index.h("div", { key: '03ed3eb147b16b0a0bc968d83ed811341ed9f766', class: "grid grid-cols-2 gap-4" }, index.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) => {
|
|
3228
3228
|
this.electricCarChargingTime =
|
|
3229
3229
|
e.target
|
|
3230
3230
|
.value;
|
|
3231
3231
|
this.recalculate();
|
|
3232
3232
|
}, style: {
|
|
3233
3233
|
border: "1px solid var(--color-border)",
|
|
3234
|
-
} }, index.h("option", { key: '
|
|
3234
|
+
} }, index.h("option", { key: 'f05e82478fdf651ed90c36ed3e2b3f3ef815990f', value: "day", selected: this
|
|
3235
3235
|
.electricCarChargingTime ===
|
|
3236
3236
|
"day" }, t.solarSystemForm
|
|
3237
3237
|
.additionalComponents
|
|
3238
|
-
.chargingTimeDay), index.h("option", { key: '
|
|
3238
|
+
.chargingTimeDay), index.h("option", { key: 'a74c9a39d468cda1be903f5b95e8060c6ee24b52', value: "night", selected: this
|
|
3239
3239
|
.electricCarChargingTime ===
|
|
3240
3240
|
"night" }, t.solarSystemForm
|
|
3241
3241
|
.additionalComponents
|
|
3242
|
-
.chargingTimeNight)), index.h("input", { key: '
|
|
3242
|
+
.chargingTimeNight)), index.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) => {
|
|
3243
3243
|
this.kmDrivenPerYear =
|
|
3244
3244
|
parseInt(e.target
|
|
3245
3245
|
.value);
|
|
3246
3246
|
this.recalculate();
|
|
3247
3247
|
}, style: {
|
|
3248
3248
|
border: "1px solid var(--color-border)",
|
|
3249
|
-
} }))))), index.h("div", { key: '
|
|
3250
|
-
.battery), !this.isIOS() && (index.h("span", { key: '
|
|
3249
|
+
} }))))), index.h("div", { key: 'e221294fb0f0facc8c1e421cca3947fd2d942428', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: 'f0253c7f6d43717ce59b28ae1d99c92dc111e3ac', class: "flex items-center justify-between" }, index.h("label", { key: 'e2fc797a71aa62638749696fb320b7f8d161c662', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
|
|
3250
|
+
.battery), !this.isIOS() && (index.h("span", { key: 'dd61bfbc95a605663c4b72dd222b995ffb42e109', class: "text-text-muted" }, this.battery, " kWh"))), index.h("div", { key: '1c5c728fbcaa256f3afb935b778fc84eb2eb4767', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3251
3251
|
? (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
3252
|
const value = parseInt(e.target
|
|
3253
3253
|
.value);
|
|
@@ -3264,23 +3264,23 @@ const SolarSystemForm = class {
|
|
|
3264
3264
|
this.battery = parseInt(e.target
|
|
3265
3265
|
.value);
|
|
3266
3266
|
this.recalculate();
|
|
3267
|
-
} })))))), index.h("div", { key: '
|
|
3267
|
+
} })))))), index.h("div", { key: 'd2d8f2976dea1671bd61b46fd11611b215065b54', class: "space-y-4" }, index.h("h2", { key: '7cf8b9ebead489919985bfe4a43c1882e839df22', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), index.h("div", { key: 'd68713f19fe46986bd02d867fc48b8a29ba4c4b8', class: "grid grid-rows-2 gap-0" }, index.h("div", { key: 'b3044a3509c60decd0be125f3e48d1e1b1bda9b8', class: "grid grid-cols-3 gap-4" }, index.h("label", { key: '3d00cda38e85bc0211db156fd42bc13147a4e9b8', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), index.h("label", { key: 'deab7ae1cc17e62a8957884f103b4bc28100bd4e', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), index.h("label", { key: 'd11b0dbd0bbd7e849a4238ec4fb59f229b3edab9', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), index.h("div", { key: 'a1b62f9c488b8f340a7eae0f45d50db22dcf8813', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, index.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) => {
|
|
3268
3268
|
this.electricityPrice = parseFloat(e.target
|
|
3269
3269
|
.value);
|
|
3270
3270
|
this.recalculate();
|
|
3271
|
-
} }), index.h("input", { key: '
|
|
3271
|
+
} }), index.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) => {
|
|
3272
3272
|
this.compensationRate = parseFloat(e.target
|
|
3273
3273
|
.value);
|
|
3274
3274
|
this.recalculate();
|
|
3275
|
-
} }), index.h("input", { key: '
|
|
3275
|
+
} }), index.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) => {
|
|
3276
3276
|
this.annualPriceIncrease = parseFloat(e.target
|
|
3277
3277
|
.value);
|
|
3278
3278
|
this.recalculate();
|
|
3279
|
-
} })))), index.h("div", { key: '
|
|
3279
|
+
} })))), index.h("div", { key: 'aa2d6be869135594a4986996a731e3f944fd76a3', class: "space-y-4 p-4 border border-border rounded-4xl", style: {
|
|
3280
3280
|
border: "1px solid var(--color-border)",
|
|
3281
|
-
} }, index.h("h2", { key: '
|
|
3281
|
+
} }, index.h("h2", { key: '2f635ebdc17c5793b721ca754b2a0f57157698e7', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), index.h("div", { key: '3791d46c9f40a737e25bbd445b5f559e79688116', class: "bg-muted rounded-4xl p-4" }, index.h("div", { key: 'df1a21d001ae742086730e4818400046f1241ef6', class: "flex items-center justify-between" }, index.h("span", { key: 'bc13c5be45a46f4cf9cd0580ebb585375d3d2fc3', class: "text-text-muted" }, t.solarSystemForm.autonomy), index.h("span", { key: 'd2095ecc11a533d9b2fd45258679e335e7315e1b', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
|
|
3282
3282
|
? "100"
|
|
3283
|
-
: this.formatEuropeanNumber(this.autonomy, 1), "%")), index.h("div", { key: '
|
|
3283
|
+
: this.formatEuropeanNumber(this.autonomy, 1), "%")), index.h("div", { key: '81898ca185bebeff0ccbf4f02c90decc5d862f09', class: "flex items-center justify-between mt-4" }, index.h("span", { key: 'caab8e25b9f38a2e76e1e0fe783457e355a1acb8', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), index.h("span", { key: '6a0263eb84c3c5c584407dee9f82ae6768f2ba63', class: "text-xl font-bold text-secondary" }, (() => {
|
|
3284
3284
|
let total = this.householdConsumption;
|
|
3285
3285
|
// Add electric car consumption: km/year * 17kWh/100km
|
|
3286
3286
|
if (this.electricCar) {
|
|
@@ -3294,23 +3294,22 @@ const SolarSystemForm = class {
|
|
|
3294
3294
|
HEAT_PUMP_CONSUMPTION * 365;
|
|
3295
3295
|
}
|
|
3296
3296
|
return this.formatEuropeanNumber(total, 0);
|
|
3297
|
-
})(), " kWh/", t.solarSystemForm.year)), index.h("div", { key: '
|
|
3298
|
-
.
|
|
3299
|
-
.solarSystemForm.year)), index.h("div", { key: 'cd828e6c6926daab2233cedf4305e2fdb97be676', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '0795d59077e5b0c797f057e031831cee8534c3c9', class: "flex items-center gap-2" }, index.h("span", { key: '6f48091f7555b8a325ad09738ac0cdb31e865154', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), index.h("span", { key: 'f7791292253c6806157551d30170e4688ed3458a', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.compensation25Years), "\u20AC")), index.h("div", { key: '27c89b500a48af7f669ebaa0b489d94b976686e2', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '21626f89fe1fd478b6ebf8dc28d98e9078e184ce', class: "flex items-center gap-2" }, index.h("span", { key: '157a25f00e437addc545785cb2238a61f23778cd', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), index.h("span", { key: '450ca4a9726b877821b18efdb0f78993d43783be', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.savedCosts25Years), "\u20AC")))), index.h("div", { key: '27f91849d3fd0fa188dfb3303c5088fbb31477f6', class: "space-y-4 pt-4" }, index.h("h2", { key: '1fb4615d9f7fc7499796ff4bfc1f94de06347230', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), index.h("div", { key: 'b0fc51a1e23c8e6d888f52cb6c348ef87e0c021d', class: "grid gap-4" }, index.h("div", { key: 'dbc8276df0f39e6206cafad9ee78198bba4231a2', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '17f832a75bf26e206baf332a852e9918287ceddd', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), index.h("label", { key: 'c5f51ed3415cee24796980972003cb9d3d67377f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), index.h("div", { key: 'aca926ba4957bc3f49c078ee26c187b2fa2e09c5', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: 'bf67470f202a91c87794b9f524be7d6f8798a9d6' }, index.h("input", { key: 'e0ef0652f15c0b8131be5c08ab7e676053723403', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
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
|
|
3300
3299
|
? "border-error"
|
|
3301
3300
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
3302
3301
|
this.name =
|
|
3303
3302
|
e.target
|
|
3304
3303
|
.value;
|
|
3305
3304
|
this.validateForm();
|
|
3306
|
-
}, placeholder: "Your name" }), this.nameError && (index.h("p", { key: '
|
|
3305
|
+
}, placeholder: "Your name" }), this.nameError && (index.h("p", { key: '61f77bf18fe7f3d24a7d6323a7e7f3ca2f27f6ab', class: "text-error text-sm mt-1" }, this.nameError))), index.h("div", { key: 'a1e91db4a7c509bafe2002a3c93ada9ddf389aba' }, index.h("input", { key: '81cdb2b8ddc586145cb4b9c48f6bf0a521c8b955', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
3307
3306
|
? "border-error"
|
|
3308
3307
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
3309
3308
|
this.email =
|
|
3310
3309
|
e.target
|
|
3311
3310
|
.value;
|
|
3312
3311
|
this.validateForm();
|
|
3313
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (index.h("p", { key: '
|
|
3312
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (index.h("p", { key: 'b8f6f0daf8ccb035fbbc6a8d1752faf652684085', class: "text-error text-sm mt-1" }, this.emailError))))), index.h("div", { key: '0c85591ef6c2ea28df6990a66b0f32daf6378683', class: "flex justify-center" }, index.h("button", { key: '1d64eed72404031a2a6e7e0ef4e6966591d86f6a', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
3314
3313
|
!this.email.trim() || !!this.nameError ||
|
|
3315
3314
|
!!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))))));
|
|
3316
3315
|
}
|