blue-chestnut-solar-expert 0.0.68 → 0.0.70
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/stencil-library/{decoder-DNOvLSaS.js → decoder-CuK4bYyT.js} +3 -3
- package/dist/stencil-library/{decoder-DNOvLSaS.js.map → decoder-CuK4bYyT.js.map} +1 -1
- package/dist/stencil-library/decoder-DO85tL09.js +39 -0
- package/dist/stencil-library/decoder-DO85tL09.js.map +1 -0
- package/dist/stencil-library/{deflate-0Vdd6-55.js → deflate-B_19Wwe5.js} +3 -3
- package/dist/stencil-library/{deflate-0Vdd6-55.js.map → deflate-B_19Wwe5.js.map} +1 -1
- package/dist/stencil-library/deflate-BnZRAamW.js +21 -0
- package/dist/stencil-library/deflate-BnZRAamW.js.map +1 -0
- package/dist/stencil-library/{jpeg-Dd5nnHR5.js → jpeg-BYwBjmYM.js} +3 -3
- package/dist/stencil-library/{jpeg-Dd5nnHR5.js.map → jpeg-BYwBjmYM.js.map} +1 -1
- package/dist/stencil-library/jpeg-Carqigwf.js +910 -0
- package/dist/stencil-library/jpeg-Carqigwf.js.map +1 -0
- package/dist/stencil-library/{lerc-7W4E8EBs.js → lerc-BrKFrpOl.js} +3 -3
- package/dist/stencil-library/{lerc-7W4E8EBs.js.map → lerc-BrKFrpOl.js.map} +1 -1
- package/dist/stencil-library/lerc-C23gVCZY.js +2469 -0
- package/dist/stencil-library/lerc-C23gVCZY.js.map +1 -0
- package/dist/stencil-library/loading-widget.entry.js +1 -1
- package/dist/stencil-library/{lzw--P4c0ZHH.js → lzw-Cv4Jzqw8.js} +3 -3
- package/dist/stencil-library/{lzw--P4c0ZHH.js.map → lzw-Cv4Jzqw8.js.map} +1 -1
- package/dist/stencil-library/lzw-CyjveJk_.js +144 -0
- package/dist/stencil-library/lzw-CyjveJk_.js.map +1 -0
- package/dist/stencil-library/{map-draw-Cx9WZoKH.js → map-draw-I6HehGjN.js} +20 -20
- package/dist/stencil-library/map-draw-I6HehGjN.js.map +1 -0
- package/dist/stencil-library/map-draw-s4wyOrpW.js +25568 -0
- package/dist/stencil-library/{map-draw-Cx9WZoKH.js.map → map-draw-s4wyOrpW.js.map} +1 -1
- package/dist/stencil-library/map-draw.entry.js +1 -1
- package/dist/stencil-library/map-selector.entry.js +3 -3
- package/dist/stencil-library/{packbits-X3R_utTs.js → packbits-DYI_WQMn.js} +3 -3
- package/dist/stencil-library/{packbits-X3R_utTs.js.map → packbits-DYI_WQMn.js.map} +1 -1
- package/dist/stencil-library/packbits-DZ08I0fK.js +39 -0
- package/dist/stencil-library/packbits-DZ08I0fK.js.map +1 -0
- package/dist/stencil-library/polygon-buttons.entry.js +1 -1
- package/dist/stencil-library/polygon-information.entry.js +2 -2
- package/dist/stencil-library/{raw-BxukYehy.js → raw-DmgLt5Xw.js} +3 -3
- package/dist/stencil-library/{raw-BxukYehy.js.map → raw-DmgLt5Xw.js.map} +1 -1
- package/dist/stencil-library/raw-DxHWSwjD.js +20 -0
- package/dist/stencil-library/raw-DxHWSwjD.js.map +1 -0
- package/dist/stencil-library/settings-modal.entry.js +8 -8
- package/dist/stencil-library/solar-expert.entry.esm.js.map +1 -1
- package/dist/stencil-library/solar-expert.entry.js +3 -2
- package/dist/stencil-library/solar-expert.entry.js.map +1 -1
- package/dist/stencil-library/solar-system-form.entry.esm.js.map +1 -1
- package/dist/stencil-library/solar-system-form.entry.js +38 -36
- package/dist/stencil-library/solar-system-form.entry.js.map +1 -1
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/dist/stencil-library/tool-box.entry.js +3 -3
- package/dist/stencil-library/tutorial-component.entry.js +3 -3
- package/dist/stencil-library/{webimage-CBrfoxHM.js → webimage-DjTbF9dC.js} +3 -3
- package/dist/stencil-library/{webimage-CBrfoxHM.js.map → webimage-DjTbF9dC.js.map} +1 -1
- package/dist/stencil-library/webimage-DpQLhKY4.js +53 -0
- package/dist/stencil-library/webimage-DpQLhKY4.js.map +1 -0
- package/dist/types/components/map-draw/map-draw.d.ts +1 -0
- package/dist/types/components/solar-expert/solar-expert.d.ts +1 -0
- package/dist/types/components/solar-system-form/solar-system-form.d.ts +1 -0
- package/dist/types/components.d.ts +6 -0
- package/dist/types/utils/api.d.ts +1 -0
- package/package.json +1 -1
|
@@ -109,6 +109,7 @@ const SolarSystemForm = class {
|
|
|
109
109
|
polygons = [];
|
|
110
110
|
roofCanvas;
|
|
111
111
|
polygonCanvas;
|
|
112
|
+
pixelInMeters;
|
|
112
113
|
householdConsumption = 4500;
|
|
113
114
|
consumptionProfile = "mostly_at_home";
|
|
114
115
|
electricityPrice = 0.3;
|
|
@@ -304,6 +305,7 @@ const SolarSystemForm = class {
|
|
|
304
305
|
images: {
|
|
305
306
|
roof: this.roofCanvas.toDataURL(),
|
|
306
307
|
polygon: this.polygonCanvas.toDataURL(),
|
|
308
|
+
pixelInMeters: this.pixelInMeters,
|
|
307
309
|
},
|
|
308
310
|
results: {
|
|
309
311
|
autonomy: this.autonomy,
|
|
@@ -345,13 +347,13 @@ const SolarSystemForm = class {
|
|
|
345
347
|
// Reusable style objects
|
|
346
348
|
const borderStyle = { border: "1px solid var(--color-border)" };
|
|
347
349
|
const errorBorderStyle = { border: "1px solid var(--color-error)" };
|
|
348
|
-
return (h("div", { key: '
|
|
350
|
+
return (h("div", { key: 'ccc7c5c953b39255667fb6c1cc3b16a3f184abda', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
349
351
|
,
|
|
350
352
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
351
353
|
// ? "none"
|
|
352
354
|
// : "flex",
|
|
353
355
|
// }}
|
|
354
|
-
id: "solar-system-form" }, h("h1", { key: '
|
|
356
|
+
id: "solar-system-form" }, h("h1", { key: '22fd592d09f71dca6acc2ec10bf6c2c53c4a9141', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: 'f48b711ed91a581581a4135df3dd2a95386b497e', class: "w-full bg-primary rounded-4xl space-y-6" }, h("div", { key: 'ec41ecc01911606a2e3d1552db5e17a32f563015', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'e9dc514a9870420495acf330856300deabf85310', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.systemInformation), h("div", { key: '9dc1033884f793a565b4ccaa16c9c6e718d197aa', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: 'abaf2ec9c7aafed6088e78b377a4ba7a7a9ba888', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: 'db147e66a85b12ada54775984215d38a5768508d', class: "flex items-center justify-between" }, h("label", { key: '65431bf23665fbd8602b0f3404eaf3525b3acf00', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.numberOfPanels), !this.isIOS()
|
|
355
357
|
? (h("input", { type: "number", class: "w-20 px-3 py-1 rounded-full bg-muted text-muted-foreground text-right", value: this.numberOfPanels, readOnly: true }))
|
|
356
358
|
: (h("input", { type: "number", min: "1", max: this.maxPanels, class: "w-20 px-3 py-1 rounded-full focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground text-center", style: borderStyle, value: this.numberOfPanels, onInput: (e) => {
|
|
357
359
|
const value = parseInt(e.target
|
|
@@ -363,37 +365,37 @@ const SolarSystemForm = class {
|
|
|
363
365
|
value;
|
|
364
366
|
this.recalculate();
|
|
365
367
|
}
|
|
366
|
-
} }))), !this.isIOS() && (h("input", { key: '
|
|
368
|
+
} }))), !this.isIOS() && (h("input", { key: 'f6a9238699dc890549f0ede77b63c050defc2ef3', 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) => {
|
|
367
369
|
this.numberOfPanels = parseInt(e.target
|
|
368
370
|
.value);
|
|
369
371
|
if (isNaN(this.numberOfPanels)) {
|
|
370
372
|
this.numberOfPanels = 0;
|
|
371
373
|
}
|
|
372
374
|
this.recalculate();
|
|
373
|
-
} }))), h("div", { key: '
|
|
374
|
-
this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: '
|
|
375
|
+
} }))), h("div", { key: 'cad83a26fa9dba26c392ed2577590f9449a0d7f4', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: 'e04ea7828e311b4432d5e859852b341d7bfe442b', class: "flex items-center justify-between" }, h("label", { key: '00c9f568f60b7769081fb1ed70492ae2266372f7', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: '7e542718e2207740a54a4675462a9fa057f529f6', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '34a88511603c2c88372a655afa5d55395941954e', class: "flex items-center justify-between mt-4" }, h("span", { key: '3492d7a6c7ffe95ddaec40c52f174d8ac608ad33', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'c45e63e394ee77812f770b159d78e91d53af7416', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
376
|
+
this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: '9a0ab717a3cbbfa5754913544715942b41cba000', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '7aea3f8a15fea4ef72080a626dbb1a7d772f35ee', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '10ce3d8ae37e84d6c66ed5c0735c3840932c1a78', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'e73844418105d337883eea70cb9e5648b1cfeb1a', class: "grid grid-cols-2 gap-4" }, h("label", { key: '639f481dd33730a7bd6c0ed86bc01765388409a0', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '2d8157682f2569293f42f723a4ef1cb2421a1643', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '408b30bc71b70f4e921929d73c2597e42045d355', class: "grid grid-cols-2 gap-4" }, h("input", { key: 'f4434142a6086dbc1c69303640c7d1bb43b8d0f0', type: "number", step: "100", min: "0", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, value: this.householdConsumption, onInput: (e) => {
|
|
375
377
|
this.householdConsumption = parseInt(e.target
|
|
376
378
|
.value);
|
|
377
379
|
this.recalculate();
|
|
378
|
-
} }), h("select", { key: '
|
|
380
|
+
} }), h("select", { key: 'b85826055efba555e66b69c39886a2a59227bd6f', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, onChange: (e) => {
|
|
379
381
|
this.consumptionProfile =
|
|
380
382
|
e.target
|
|
381
383
|
.value;
|
|
382
384
|
this.recalculate();
|
|
383
|
-
} }, h("option", { key: '
|
|
385
|
+
} }, h("option", { key: '278a2e088f9b3d2eb35468903be13de5b09efcb8', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
384
386
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
385
|
-
.mostlyAtHome), h("option", { key: '
|
|
387
|
+
.mostlyAtHome), h("option", { key: '1bc59b32b982d8b4ca07b0355be2b38eb78f934a', value: "mostly_away", selected: this.consumptionProfile ===
|
|
386
388
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
387
|
-
.mostlyAway))))), h("div", { key: '
|
|
389
|
+
.mostlyAway))))), h("div", { key: '92f14d6351dcae424a930fc73dbbb2e42c28253f', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '0f594895fa20f2ebd09be014ee512e73839f1bdb', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.additionalComponents.title), h("div", { key: '278ccfe5580594a958066d4cd3c049ece3fd6746', class: "flex flex-col gap-4" }, h("div", { key: '6364622f0e2a30d06a518dea49c5758124d1ab38', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '6c7de28591dda9ff0a91a6f50a491bcf26aac87b', class: "flex items-center justify-between" }, h("div", { key: '6e478a12416017fa3bb0ac401ce81ea5d9b5d25a', class: "flex items-center gap-2" }, h("input", { key: '8c56259cae81032fc20322cdef29a6e54f2b4706', 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) => {
|
|
388
390
|
this.heatPump =
|
|
389
391
|
e.target
|
|
390
392
|
.checked
|
|
391
393
|
? 100
|
|
392
394
|
: 0;
|
|
393
395
|
this.recalculate();
|
|
394
|
-
} }), h("label", { key: '
|
|
396
|
+
} }), h("label", { key: '79a5b251328a5c24a6edded1995677d2fd43a156', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
395
397
|
.additionalComponents
|
|
396
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '
|
|
398
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '2fc510c69b37fa7977fac2fce8a7907f94dcd5c2', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '1055e89ed66f69ce7ba44198352889df47025004', class: "flex flex-col gap-2" }, this.isIOS()
|
|
397
399
|
? (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 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.heatPump, onInput: (e) => {
|
|
398
400
|
let value = parseInt(e.target
|
|
399
401
|
.value);
|
|
@@ -412,31 +414,31 @@ const SolarSystemForm = class {
|
|
|
412
414
|
parseInt(e.target
|
|
413
415
|
.value);
|
|
414
416
|
this.recalculate();
|
|
415
|
-
} }))))), h("div", { key: '
|
|
417
|
+
} }))))), h("div", { key: '5c1f275c8b8638b5e920fd644c6967bd33967a8c', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '7f855423b6d461fd3feecea14f317c52f7c03d67', class: "flex items-center justify-between" }, h("div", { key: 'cc63d8ecc6a6383613b0e5863630aa91bbbdec9f', class: "flex items-center gap-2" }, h("input", { key: '97f9cbacaebfa23dba552fd69dcd8ecf1a37676a', 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) => {
|
|
416
418
|
this.electricCar =
|
|
417
419
|
e.target
|
|
418
420
|
.checked;
|
|
419
421
|
this.recalculate();
|
|
420
|
-
} }), h("label", { key: '
|
|
422
|
+
} }), h("label", { key: 'd2cf670f8bd2a7761e0970f483012888543cfc11', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
421
423
|
.additionalComponents
|
|
422
|
-
.electricCar))), this.electricCar && (h("div", { key: '
|
|
424
|
+
.electricCar))), this.electricCar && (h("div", { key: '6479240f52df3aba06da00015266b1401d02d252', class: "flex flex-col gap-2" }, h("div", { key: '1fca2933868e276d49580b94484835a7ab92c59b', class: "grid grid-cols-2 gap-4" }, h("label", { key: '3c7644adaaf4a00e58d7da0f79552d34b3422fe2', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
423
425
|
.additionalComponents
|
|
424
|
-
.chargingTime), h("label", { key: '
|
|
426
|
+
.chargingTime), h("label", { key: 'ea7097c56a4d11ee5e3fd6da19a2434e4738372e', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
425
427
|
.additionalComponents
|
|
426
|
-
.kilometersPerYear)), h("div", { key: '
|
|
428
|
+
.kilometersPerYear)), h("div", { key: 'e178562e103b7cc01da7b89a9d90454dfbf31ffc', class: "grid grid-cols-2 gap-4" }, h("select", { key: 'a556a9906ec0f8a994f4299c39f81146ce90c4c8', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
|
|
427
429
|
this.electricCarChargingTime =
|
|
428
430
|
e.target
|
|
429
431
|
.value;
|
|
430
432
|
this.recalculate();
|
|
431
|
-
}, style: borderStyle }, h("option", { key: '
|
|
433
|
+
}, style: borderStyle }, h("option", { key: '64c643c2b6ecf7d8caf9f9ac514ab41f02801ee3', value: "day", selected: this
|
|
432
434
|
.electricCarChargingTime ===
|
|
433
435
|
"day" }, t.solarSystemForm
|
|
434
436
|
.additionalComponents
|
|
435
|
-
.chargingTimeDay), h("option", { key: '
|
|
437
|
+
.chargingTimeDay), h("option", { key: 'b96311244ac7efe0ed461d764f184a4af5cabf11', value: "night", selected: this
|
|
436
438
|
.electricCarChargingTime ===
|
|
437
439
|
"night" }, t.solarSystemForm
|
|
438
440
|
.additionalComponents
|
|
439
|
-
.chargingTimeNight)), h("input", { key: '
|
|
441
|
+
.chargingTimeNight)), h("input", { key: '1930b58f94b90615e2a7a79878cf168f369f67d1', type: "number", min: "1000", max: "100000", step: "1000", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
|
|
440
442
|
this.kmDrivenPerYear =
|
|
441
443
|
parseInt(e.target
|
|
442
444
|
.value);
|
|
@@ -445,7 +447,7 @@ const SolarSystemForm = class {
|
|
|
445
447
|
0;
|
|
446
448
|
}
|
|
447
449
|
this.recalculate();
|
|
448
|
-
}, style: borderStyle }))))), h("div", { key: '
|
|
450
|
+
}, style: borderStyle }))))), h("div", { key: 'f612b7cd3c878563a3e108cf1626186cc55e9588', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '83deadd71b835f575f5fab7f08ecb9e3eea7bea2', class: "flex items-center justify-between" }, h("div", { key: '55fd36a642b3965d0be9152bc1239b2e6a72b8bc', class: "flex items-center gap-2" }, h("input", { key: 'e51c6aee151951afeb91284eb3041ca6e554ee2b', type: "checkbox", id: "battery", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.batteryEnabled, onChange: (e) => {
|
|
449
451
|
this.batteryEnabled =
|
|
450
452
|
e.target
|
|
451
453
|
.checked;
|
|
@@ -454,9 +456,9 @@ const SolarSystemForm = class {
|
|
|
454
456
|
? 5
|
|
455
457
|
: 0;
|
|
456
458
|
this.recalculate();
|
|
457
|
-
} }), h("label", { key: '
|
|
459
|
+
} }), h("label", { key: 'c3e96c8dc428ce754625e8530a5b07073b2e8150', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm
|
|
458
460
|
.additionalComponents
|
|
459
|
-
.battery)), (this.batteryEnabled && !this.isIOS()) && (h("span", { key: '
|
|
461
|
+
.battery)), (this.batteryEnabled && !this.isIOS()) && (h("span", { key: '27d0b3fa320e48bbf9c6a9d891158c35eb73a11c', class: "text-text-muted" }, this.battery, " kWh"))), this.batteryEnabled && (h("div", { key: '48e64e4c0bcee6ae98a5962f31ce1d1d51fb2b01', class: "flex flex-col gap-2" }, this.isIOS()
|
|
460
462
|
? (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 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
|
|
461
463
|
let value = parseInt(e.target
|
|
462
464
|
.value);
|
|
@@ -481,52 +483,52 @@ const SolarSystemForm = class {
|
|
|
481
483
|
this.batteryEnabled =
|
|
482
484
|
value > 0;
|
|
483
485
|
this.recalculate();
|
|
484
|
-
} }))))))), h("div", { key: '
|
|
486
|
+
} }))))))), h("div", { key: 'c609bd49bf8f74015b826e8fc0bc999645cd7090', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '5ad63a6511fc17d155758c380498791ff9f32a42', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '07bad3951285678034f59222722867cbf839d97d', style: {
|
|
485
487
|
display: "grid",
|
|
486
488
|
gridTemplateColumns: "repeat(auto-fit, minmax(100px, 1fr))",
|
|
487
489
|
gap: "1rem",
|
|
488
|
-
} }, h("div", { key: '
|
|
490
|
+
} }, h("div", { key: '1fe42302b4021c9de3eb0a82a4ac713b7f9316dc' }, h("label", { key: 'ae8f27538101a404962a730e9e2e7e64a06ab8f0', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: '6a5a2c1baf604de9fe349c18d9aa97e1c2357b97', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.electricityPrice.toFixed(2), onInput: (e) => {
|
|
489
491
|
this.electricityPrice = parseFloat(e.target
|
|
490
492
|
.value);
|
|
491
493
|
this.recalculate();
|
|
492
|
-
} })), h("div", { key: '
|
|
494
|
+
} })), h("div", { key: 'c4056cf439f4b9702209195d54309f02d562a67f' }, h("label", { key: '2cbe550ec7ce383318adbd249730c17f926bc396', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: '2af37ea9c2bc3520387adf855bea6deb2fb9fbea', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.compensationRate.toFixed(2), onInput: (e) => {
|
|
493
495
|
this.compensationRate = parseFloat(e.target
|
|
494
496
|
.value);
|
|
495
497
|
this.recalculate();
|
|
496
|
-
} })), h("div", { key: '
|
|
498
|
+
} })), h("div", { key: 'c0dcde5ee05c08a7e7492bb2336a89ee9c356568' }, h("label", { key: '6246fd0f40b8cd73bacbf1845ecd9cbf15e683c2', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: 'bf37916908ec080fd71e78ed6b560944f2a38e38', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
|
|
497
499
|
this.annualPriceIncrease = parseFloat(e.target
|
|
498
500
|
.value);
|
|
499
501
|
this.recalculate();
|
|
500
|
-
} })))), h("div", { key: '
|
|
502
|
+
} })))), h("div", { key: 'b9ebf5179d5ef6f4bc48de02ab6dc3b7aa5011aa', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '1d0165d6399b68f7ce370e96215019795e2104b3', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.resultsTitle), h("div", { key: 'b4a2449658cc1bca89acae7041e26580e721efff', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '71047d713daf61213da519c2c4ec1cf011ba5e6c', class: "flex flex-col sm:flex-row sm:items-center justify-between" }, h("span", { key: '20cbee43f66e7f6345ab642b2c8631e96e0063df', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: 'b4f7fa8e30523f0cb8897354853bfe1395b8086c', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.autonomy > 100
|
|
501
503
|
? "100"
|
|
502
|
-
: this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '
|
|
503
|
-
.solarSystemForm.year)), h("div", { key: '
|
|
504
|
-
.monetaryBenefit20Years)), h("span", { key: '
|
|
504
|
+
: this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: 'c79ea1ba734b5fdfd313206014519ed8a915441f', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '7cddc32d5eaa0226d229aea4f64449cf1d69c20b', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: '5a9dea19556d003e274fda59d4c883b246878b06', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '2f5ea868c857ad9ddf53057a37996007c01faff0', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '45b14c04b18c04b30b5d4358eb5a4ce394ec441e', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: 'b3854e06038d0507284bb30d7633702addade98f', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: 'c6e71f708c9d9dfed3aaad812d9be567b948d2b3', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '57fecbe8a35c32e470cfa975ae00ebd9b021f0a8', class: "flex items-center gap-2" }, h("span", { key: 'b4a19d3eeb707f5c276f09c2c0dc79202b7288d2', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: '8b0f99b2fe712d1b9e81f7b6fab38efa158a2f7f', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.costSavings), " \u20AC/", t
|
|
505
|
+
.solarSystemForm.year)), h("div", { key: '0934ccabaf58a0fea7e3676a58c53c4ab658b665', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'c34065c691dbac1c7b0b01eca847b53f2e12b685', class: "flex items-center gap-2" }, h("span", { key: '2e183b951cb76082ab49276377a096ead0be7610', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: 'ace7e49fd7fd1f7040cd7b8af0408bae46108fef', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.compensation20Years), " \u20AC")), h("div", { key: '90cb8bb0aec056722b457ffe4e2fbe1392244eee', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '5adfffdc7fb5778c630cb5a2f74ce155d34f999f', class: "flex items-center gap-2" }, h("span", { key: 'e1e5dace6ac55e666051018271988c9274fc804a', class: "text-text-muted" }, t.solarSystemForm
|
|
506
|
+
.monetaryBenefit20Years)), h("span", { key: 'a4e83fcb24c3c6bd93d3e8a804c6c280bc00662f', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.savedCosts20Years), " \u20AC")))), h("div", { key: 'e41ba95d712ead2f0cb49af447af011f2df74251', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '6511acda2e5ee74cc1e7f8f6440d2cc545b38e1d', class: "text-base font-semibold text-secondary pb-2" }, t.solarSystemForm.requestOffer), h("div", { key: 'e27fcd643caa256d9453de1d3547a80e96392897', style: {
|
|
505
507
|
display: "grid",
|
|
506
508
|
gridTemplateColumns: "repeat(auto-fit, minmax(1 00px, 1fr))",
|
|
507
509
|
gap: "1rem",
|
|
508
|
-
} }, h("div", { key: '
|
|
510
|
+
} }, h("div", { key: '307814f0331f1b52c1b91f05649ea060e5d658db' }, h("label", { key: '4c7fc3536f565e4dcc881fc78e92edfa666676a3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("input", { key: '80012536ac05b1e105157f4722d514e0f3ba3068', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.nameError
|
|
509
511
|
? errorBorderStyle
|
|
510
512
|
: borderStyle, value: this.name, onInput: (e) => {
|
|
511
513
|
this.name =
|
|
512
514
|
e.target
|
|
513
515
|
.value;
|
|
514
516
|
this.validateForm();
|
|
515
|
-
}, placeholder: "
|
|
517
|
+
}, placeholder: "Vorname,\u00A0Name" }), this.nameError && (h("p", { key: '9cfc5cc9908d5134bdd85ea25b6f52123b58e220', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: '0d9a79223a42bcd6e33f6c7b4f93dd9505ee19a3' }, h("label", { key: 'e310778ed8b0fb45bf247fa2de5316ff3138ac7a', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '8ca361f7c1e229eb795239fa4a9932a020e06349', type: "email", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.emailError
|
|
516
518
|
? errorBorderStyle
|
|
517
519
|
: borderStyle, value: this.email, onInput: (e) => {
|
|
518
520
|
this.email =
|
|
519
521
|
e.target
|
|
520
522
|
.value;
|
|
521
523
|
this.validateForm();
|
|
522
|
-
}, placeholder: "
|
|
524
|
+
}, placeholder: "ihre.email@beispiel.com" }), this.emailError && (h("p", { key: '15192f1a46e9ae081f76274a497df6526026bd68', class: "text-error text-sm mt-1" }, this.emailError))), h("div", { key: '7269261f2c9025f14a90e2470340691fa200c12b' }, h("label", { key: 'cfe4ab4dc2c53f03c56d6b42aca4d30bf824bf12', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: '50576aa9582efd73e2fb922528edf1e2bace88e5', type: "tel", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.phoneError
|
|
523
525
|
? errorBorderStyle
|
|
524
526
|
: borderStyle, value: this.phone, onInput: (e) => {
|
|
525
527
|
this.phone =
|
|
526
528
|
e.target
|
|
527
529
|
.value;
|
|
528
530
|
this.validateForm();
|
|
529
|
-
}, placeholder: "
|
|
531
|
+
}, placeholder: "0171 23456789" }), this.phoneError && (h("p", { key: '7d2fbd15a259aa14bd9d697a4e5f2b632d444e7a', class: "text-error text-sm mt-1" }, this.phoneError)))), h("div", { key: '5e89fdf50eee38c4f0e02b6f3dd3ad11a4e3198a', class: "flex flex-col items-center gap-4" }, h("button", { key: 'b9461bb8691db9c4ff4c1a1d1ebc451988424473', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
530
532
|
!this.email.trim() || !!this.nameError ||
|
|
531
533
|
!!this.emailError || !!this.phoneError ||
|
|
532
534
|
this.isSubmitting, class: `px-6 py-3 rounded-4xl transition-colors duration-200 flex items-center gap-2 ${this.isSubmitting
|
|
@@ -535,9 +537,9 @@ const SolarSystemForm = class {
|
|
|
535
537
|
color: this.isSubmitting
|
|
536
538
|
? "var(--color-text-muted)"
|
|
537
539
|
: "#ffffff",
|
|
538
|
-
} }, this.isSubmitting && (h("div", { key: '
|
|
540
|
+
} }, this.isSubmitting && (h("div", { key: '707d16353d543e5b66876a8b2188e9e74f1c99b4', class: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" })), this.isSubmitting
|
|
539
541
|
? t.solarSystemForm.sending
|
|
540
|
-
: t.solarSystemForm.requestOfferButton), this.submitMessage && (h("div", { key: '
|
|
542
|
+
: t.solarSystemForm.requestOfferButton), this.submitMessage && (h("div", { key: '6dc76c1c5c68453a94104bcf07c45b9bae61e2ad', class: `text-sm px-4 py-2 rounded-4xl ${this.submitSuccess
|
|
541
543
|
? "bg-success/10 text-success border border-success/20"
|
|
542
544
|
: "bg-error/10 text-error border border-error/20"}` }, this.submitMessage)))))));
|
|
543
545
|
}
|