blue-chestnut-solar-expert 0.0.28 → 0.0.30
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 +44 -42
- package/dist/cjs/eraser-icon_16.cjs.entry.js.map +1 -1
- package/dist/cjs/loading-widget.cjs.entry.js +1 -1
- package/dist/cjs/solar-calculator.cjs.entry.js +1 -1
- package/dist/collection/components/settings/settings.js +8 -8
- package/dist/collection/components/settings/settings.js.map +1 -1
- package/dist/collection/components/solar-calculator/solar-calculator.js +1 -1
- package/dist/collection/components/solar-expert/solar-expert.js +4 -2
- package/dist/collection/components/solar-expert/solar-expert.js.map +1 -1
- package/dist/collection/components/solar-system-form/solar-system-form.js +31 -31
- package/dist/collection/components/widgets/loading-widget.js +1 -1
- package/dist/collection/store.js +1 -1
- package/dist/collection/store.js.map +1 -1
- package/dist/components/loading-widget.js +1 -1
- package/dist/components/map-draw.js +1 -1
- package/dist/components/map-selector.js +1 -1
- package/dist/components/{p-CUOVbcj0.js → p-B1ywivYa.js} +3 -3
- package/dist/components/{p-CUOVbcj0.js.map → p-B1ywivYa.js.map} +1 -1
- package/dist/components/{p-DRZd44KM.js → p-BGxYjXB5.js} +11 -11
- package/dist/components/p-BGxYjXB5.js.map +1 -0
- package/dist/components/{p-BFcukOp8.js → p-BLXc1FjC.js} +3 -3
- package/dist/components/{p-BFcukOp8.js.map → p-BLXc1FjC.js.map} +1 -1
- package/dist/components/{p-DXg4w3Tg.js → p-BcV6HHN8.js} +3 -3
- package/dist/components/{p-DXg4w3Tg.js.map → p-BcV6HHN8.js.map} +1 -1
- package/dist/components/{p-D3zeTcOR.js → p-DMkbzkL_.js} +3 -3
- package/dist/components/{p-D3zeTcOR.js.map → p-DMkbzkL_.js.map} +1 -1
- package/dist/components/{p-C6-nmq3h.js → p-SerH3z5y.js} +3 -3
- package/dist/components/{p-C6-nmq3h.js.map → p-SerH3z5y.js.map} +1 -1
- package/dist/components/{p-C8b9lX1K.js → p-ao6bHDbv.js} +34 -34
- package/dist/components/{p-C8b9lX1K.js.map → p-ao6bHDbv.js.map} +1 -1
- package/dist/components/{p-Cp6mvZCj.js → p-r9wMCtI3.js} +8 -8
- package/dist/components/{p-Cp6mvZCj.js.map → p-r9wMCtI3.js.map} +1 -1
- package/dist/components/polygon-buttons.js +1 -1
- package/dist/components/polygon-information.js +1 -1
- package/dist/components/settings-modal.js +1 -1
- package/dist/components/solar-calculator.js +1 -1
- package/dist/components/solar-expert.js +12 -10
- package/dist/components/solar-expert.js.map +1 -1
- package/dist/components/solar-system-form.js +1 -1
- package/dist/components/tool-box.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 +44 -42
- package/dist/esm/eraser-icon_16.entry.js.map +1 -1
- package/dist/esm/loading-widget.entry.js +1 -1
- package/dist/esm/solar-calculator.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-76ce6493.entry.js → p-1e4e5fe9.entry.js} +2 -2
- package/dist/stencil-library/{p-4020a1f0.entry.js → p-6cbb411b.entry.js} +2 -2
- package/dist/stencil-library/p-bbb09842.entry.js +2 -0
- package/dist/stencil-library/p-bbb09842.entry.js.map +1 -0
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-DRZd44KM.js.map +0 -1
- package/dist/stencil-library/p-255fae24.entry.js +0 -2
- package/dist/stencil-library/p-255fae24.entry.js.map +0 -1
- /package/dist/stencil-library/{p-76ce6493.entry.js.map → p-1e4e5fe9.entry.js.map} +0 -0
- /package/dist/stencil-library/{p-4020a1f0.entry.js.map → p-6cbb411b.entry.js.map} +0 -0
|
@@ -1602,7 +1602,7 @@ const { state, onChange } = createStore({
|
|
|
1602
1602
|
},
|
|
1603
1603
|
settingsVersion: 1,
|
|
1604
1604
|
isMobile: false,
|
|
1605
|
-
isIOS:
|
|
1605
|
+
isIOS: false,
|
|
1606
1606
|
});
|
|
1607
1607
|
onChange("latitude", (value) => {
|
|
1608
1608
|
state.latitude = value;
|
|
@@ -2572,14 +2572,14 @@ const SettingsModal = class {
|
|
|
2572
2572
|
};
|
|
2573
2573
|
render() {
|
|
2574
2574
|
const t = getLanguageStrings(state.settings.language);
|
|
2575
|
-
return (h("div", { key: '69815a7efeb8f52a5d3422b06dc212a50b9f405b', class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, h("div", { key: 'ed368ae8d0d6d2946c5a4ecc559f018521e1bce8', class: "bg-primary rounded-4xl p-6 w-full max-w-md" }, h("div", { key: 'f51088beb4d8445503fa08c3dd2a2b8c886f79ce', class: "flex justify-between items-center mb-6" }, h("h2", { key: 'a9bcb7b893961bbf2032c1b8a110624ec3a95e65', class: "text-xl font-semibold" }, "Settings"), h("button", { key: '47d4dc1cc0789485da95218becfc921ae5db177c', class: "p-2 hover:bg-hover rounded-full transition-colors", onClick: this.handleClose }, h("svg", { key: '42923fdd6d5c96ceee98bdddca2e7e6bda42dcfa', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { key: '751c5243b5b785a21131b02a3142c6d46e0cffeb', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: 'e26bd2a1b20aa718ced6183130e962c9dbd159b9', x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { key: '560be61d72a1a98eea4d2788d49eee7a3107470d', class: "space-y-4" }, h("div", { key: '2e6422d175602e7a53eb3d629c37c47980c08da1' }, h("h3", { key: '0d043e5ddbfb9de4a8c198d748bd5ae39fd3b4b4', class: "text-sm font-medium text-text-muted mb-1" }, "Debug Information"), h("p", { key: '547de97a72e386222c53a5d890ad0df8fdb4d01e', class: "text-sm text-text-muted mb-1" }, "state: ", JSON.stringify(state, null, 2)), h("p", { key: 'f0b99a34387a052b37263f23dc9508f633b8ba25', class: "text-sm text-text-muted mb-1" }, navigator.userAgent)), h("div", { key: '
|
|
2576
|
-
.value) }, h("option", { key: '
|
|
2577
|
-
"en" }, "English"), h("option", { key: '
|
|
2578
|
-
"es" }, "Espa\u00F1ol"), h("option", { key: '
|
|
2579
|
-
"de" }, "Deutsch"))), h("div", { key: '
|
|
2580
|
-
.value)) })), h("div", { key: '
|
|
2581
|
-
.value)) })), h("div", { key: '
|
|
2582
|
-
.value)) }))), h("div", { key: '
|
|
2575
|
+
return (h("div", { key: '69815a7efeb8f52a5d3422b06dc212a50b9f405b', class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, h("div", { key: 'ed368ae8d0d6d2946c5a4ecc559f018521e1bce8', class: "bg-primary rounded-4xl p-6 w-full max-w-md" }, h("div", { key: 'f51088beb4d8445503fa08c3dd2a2b8c886f79ce', class: "flex justify-between items-center mb-6" }, h("h2", { key: 'a9bcb7b893961bbf2032c1b8a110624ec3a95e65', class: "text-xl font-semibold" }, "Settings"), h("button", { key: '47d4dc1cc0789485da95218becfc921ae5db177c', class: "p-2 hover:bg-hover rounded-full transition-colors", onClick: this.handleClose }, h("svg", { key: '42923fdd6d5c96ceee98bdddca2e7e6bda42dcfa', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("line", { key: '751c5243b5b785a21131b02a3142c6d46e0cffeb', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: 'e26bd2a1b20aa718ced6183130e962c9dbd159b9', x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { key: '560be61d72a1a98eea4d2788d49eee7a3107470d', class: "space-y-4" }, h("div", { key: '2e6422d175602e7a53eb3d629c37c47980c08da1' }, h("h3", { key: '0d043e5ddbfb9de4a8c198d748bd5ae39fd3b4b4', class: "text-sm font-medium text-text-muted mb-1" }, "Debug Information"), h("p", { key: '547de97a72e386222c53a5d890ad0df8fdb4d01e', class: "text-sm text-text-muted mb-1" }, "state: ", JSON.stringify(state, null, 2)), h("p", { key: 'f0b99a34387a052b37263f23dc9508f633b8ba25', class: "text-sm text-text-muted mb-1" }, navigator.userAgent), h("p", { key: '4a2c3aa214e781382a87d95788f3c9523985db0a', class: "text-sm text-text-muted mb-1" }, navigator.userAgent.indexOf("Safari")), h("p", { key: '0d5f13001df1bf11673a8f59e297b4c3d391e765', class: "text-sm text-text-muted mb-1" }, "maxTouchPoints: ", navigator.maxTouchPoints), h("p", { key: '838166e182532f6ea47d428effa807eb0b3290f2', class: "text-sm text-text-muted mb-1" }, "iPhone: ", navigator.userAgent.indexOf("iPhone")), h("p", { key: '46b7dc2994acb74613a0f41193c146bcf22fe0df', class: "text-sm text-text-muted mb-1" }, "Mac OS: ", navigator.userAgent.indexOf("Mac OS"))), h("div", { key: 'bd1580a6a6b2a14801b5d5b067656c109b411e07' }, h("label", { key: 'f05c3888b51478b46a30f4296288f67bb9d2b6eb', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.language), h("select", { key: '665a59199792a6990d234b63122c59d09c1d397d', class: "w-full bg-muted rounded-4xl p-2", onInput: (e) => this.handleInputChange("language", e.target
|
|
2576
|
+
.value) }, h("option", { key: '71f7fb747420cd9c5802fdf6e03ae89f981d397e', value: "en", selected: this.tempSettings.language ===
|
|
2577
|
+
"en" }, "English"), h("option", { key: 'c0b414893db15136e1e4181fdb16dc87735ed407', value: "es", selected: this.tempSettings.language ===
|
|
2578
|
+
"es" }, "Espa\u00F1ol"), h("option", { key: '41d7657596dae2053c4119a79f59b478de02baae', value: "de", selected: this.tempSettings.language ===
|
|
2579
|
+
"de" }, "Deutsch"))), h("div", { key: '9897966be0d87c2eb929c53a4269562fe4495bad' }, h("label", { key: '3d7ae85d8816418d0c995eaae078cd8c70c9db23', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.rowSpacing), h("input", { key: 'a9fdef118a1d649709179bb785156022dcbd7670', type: "number", class: "w-full bg-muted rounded-4xl p-2", value: this.tempSettings.rowSpacing, onInput: (e) => this.handleInputChange("rowSpacing", parseFloat(e.target
|
|
2580
|
+
.value)) })), h("div", { key: '2ddcb33f238dc125a70fbe6c344c1dd368848797' }, h("label", { key: 'e57930b3556ff891698b595572869cc0563bdbcb', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.columnSpacing), h("input", { key: '1af3535c60edcdbab216e34cb2b72034da597f08', type: "number", class: "w-full bg-muted rounded-4xl p-2", value: this.tempSettings.columnSpacing, onInput: (e) => this.handleInputChange("columnSpacing", parseFloat(e.target
|
|
2581
|
+
.value)) })), h("div", { key: '88ed635ba92c8cf7673cd326370fcccdf6ee7345' }, h("label", { key: 'd7460245020d7e215dd96a380e18004ef6fee7e3', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.borderInset), h("input", { key: '2a3182445c15b629821b62ff67855079f5b40638', type: "number", class: "w-full bg-muted rounded-4xl p-2", value: this.tempSettings.borderInset, onInput: (e) => this.handleInputChange("borderInset", parseFloat(e.target
|
|
2582
|
+
.value)) }))), h("div", { key: '59b3b522bc3cde54bc015e5a1ade3fb86ece6dd8', class: "flex justify-end gap-4 mt-6" }, h("button", { key: 'e6160b4eda92f08bdbabbf024bf19c3ee6bbec85', class: "px-4 py-2 bg-surface rounded-4xl hover:bg-surface-hover transition-colors", onClick: this.handleClose }, "Cancel"), h("button", { key: '4884959e1d8b696e68ddbd5c96b476ae5b71b279', class: "px-4 py-2 bg-secondary text-muted rounded-4xl hover:bg-text-secondary transition-colors", onClick: this.handleSave }, "Save Changes")))));
|
|
2583
2583
|
}
|
|
2584
2584
|
};
|
|
2585
2585
|
SettingsModal.style = outputCss$4;
|
|
@@ -2736,7 +2736,9 @@ const SolarExpert = class {
|
|
|
2736
2736
|
}
|
|
2737
2737
|
});
|
|
2738
2738
|
state.settings.language = this.language;
|
|
2739
|
-
|
|
2739
|
+
const isIPhone = navigator.userAgent.indexOf("iPhone") != -1;
|
|
2740
|
+
const isMac = navigator.userAgent.indexOf("Mac OS") != -1;
|
|
2741
|
+
state.isIOS = isIPhone || isMac;
|
|
2740
2742
|
this.applyTheme();
|
|
2741
2743
|
}
|
|
2742
2744
|
colorSchemeChanged() {
|
|
@@ -2793,7 +2795,7 @@ const SolarExpert = class {
|
|
|
2793
2795
|
}
|
|
2794
2796
|
render() {
|
|
2795
2797
|
const t = getLanguageStrings(this.language);
|
|
2796
|
-
return (h("div", { key: '
|
|
2798
|
+
return (h("div", { key: '5ca0f43e04b80930e765360663b023ec6592ef2c', class: "flex flex-col w-full h-full p-3 m-auto", id: "solar-calculator" }, this.showMapSelector
|
|
2797
2799
|
? (h("map-selector", { "api-key": this.apiKey, language: this.language }))
|
|
2798
2800
|
: (h(h.Fragment, null, h("div", { class: "pb-3 flex flex-row gap-4 items-stretch w-full bg-primary" }, h("div", { class: "relative flex-3" }, h("div", { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground" }, h("search-icon", null)), h("input", { ref: (el) => this.inputElement = el, type: "text", placeholder: t.solarExpert
|
|
2799
2801
|
.searchPlaceholder, class: "w-full pl-10 pr-4 py-2 border border-border rounded-4xl focus:ring-secondary bg-muted text-muted-foreground h-full" })), h("button", { onClick: () => this.handleChooseOnMap(), class: "flex-1 pl-4 pr-4 py-2 border border-border bg-muted rounded-4xl focus:ring-secondary hover:bg-secondary hover:text-muted" }, t.mapSelector.chooseOnMap)), h("map-draw", { apiKey: this.apiKey })))));
|
|
@@ -3081,13 +3083,13 @@ const SolarSystemForm = class {
|
|
|
3081
3083
|
}
|
|
3082
3084
|
render() {
|
|
3083
3085
|
const t = getLanguageStrings(state.settings.language);
|
|
3084
|
-
return (h("div", { key: '
|
|
3086
|
+
return (h("div", { key: 'c58777c83db7eb4dd40579f5545a063b7b6fb524', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
3085
3087
|
,
|
|
3086
3088
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
3087
3089
|
// ? "none"
|
|
3088
3090
|
// : "flex",
|
|
3089
3091
|
// }}
|
|
3090
|
-
id: "solar-system-form" }, h("h1", { key: '
|
|
3092
|
+
id: "solar-system-form" }, h("h1", { key: '8f6d8d53a5d39ab0a6397d9e0da03fe711752389', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: 'cfdb4d001314ca2b6588666bdd733274e29475cf', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, h("div", { key: '0967063f18004832e3da8b4a96f0dedf4a31abad', class: "space-y-4" }, h("h2", { key: 'f4fe8c88c26999faa5a643192d04db865625df1f', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: 'fa0cdc6da656c99373eec1d736c40d78173ae987', class: "grid grid-rows-3 gap-0" }, h("div", { key: 'a28899e64ec8bd1ad71ebeb6d53dbd7f3b8ebe3c', class: "grid grid-cols-2 gap-4" }, h("label", { key: '2cbaa3a57a884b87c8f1afd87f294bf7423797ab', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.numberOfPanels), h("label", { key: '1e7e9c015e9dbfa4ac9e4bf46c37bfd4ef4fc744', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.panelPeakPower)), h("div", { key: 'cb71e3ac0bdeaa26c6531d7713c92b570bf5916d', class: "grid grid-cols-2 gap-4" }, !this.isIOS()
|
|
3091
3093
|
? (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 }))
|
|
3092
3094
|
: (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) => {
|
|
3093
3095
|
const value = parseInt(e.target
|
|
@@ -3098,36 +3100,36 @@ const SolarSystemForm = class {
|
|
|
3098
3100
|
this.numberOfPanels = value;
|
|
3099
3101
|
this.recalculate();
|
|
3100
3102
|
}
|
|
3101
|
-
} })), h("input", { key: '
|
|
3102
|
-
(h("input", { key: '
|
|
3103
|
+
} })), h("input", { key: 'e4c9dd7bb99d64990d521ac467361b3097e2cf00', 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: 'e18942de97c84f26f7f4d2b7c3a1327ad3a18e7f', class: "grid grid-cols-2 gap-4" }, h("div", { key: '381937a1302d2e3ff41f4bc9535f9724ee530f7a', class: "w-full pt-2" }, !this.isIOS() &&
|
|
3104
|
+
(h("input", { key: '921c140a10f9aed0af04a7d27d4fd8ad8d5d0b6c', 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) => {
|
|
3103
3105
|
this.numberOfPanels =
|
|
3104
3106
|
parseInt(e.target
|
|
3105
3107
|
.value);
|
|
3106
3108
|
this.recalculate();
|
|
3107
|
-
} }))))), h("div", { key: '
|
|
3108
|
-
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '
|
|
3109
|
+
} }))))), h("div", { key: '37503437e56fc85df237186080608fd81a4dc6b4', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'fcb8814774c956c2708f904e5acdcb3e92db2ed7', class: "flex items-center justify-between" }, h("span", { key: '5a6c97b4d17f8911d7712ad834a6d26191525606', class: "text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: '2d3cadc2f9f25ec8d007e4b05cfc6adae41ce7ab', class: "text-xl font-bold text-secondary" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
3110
|
+
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '12925efb74638a148c07070056c8c9a8a482fe8f', class: "space-y-4" }, h("h2", { key: 'ba00a7cb660abc5d1eed941f2204b66f296b4652', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: 'd499fed07d0d96b195139711d7aced657ea9c836', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'd3b4ccf0494101d1a8eb192d1d09812c5c3cef80', class: "grid grid-cols-2 gap-4" }, h("label", { key: '2332ef94293d829a67e63f189bd2bc725f4818a2', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '6da6d21bf7fbe57c87b83f6ac20dec3c9a6fc736', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: 'd56fefc25176cddb7218296e4cc85e32e9c7421e', class: "grid grid-cols-2 gap-4" }, h("input", { key: 'abe623fed5354ec916b388e7d31ad05dd9ca6108', 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) => {
|
|
3109
3111
|
this.householdConsumption = parseInt(e.target
|
|
3110
3112
|
.value);
|
|
3111
3113
|
this.recalculate();
|
|
3112
|
-
} }), h("select", { key: '
|
|
3114
|
+
} }), h("select", { key: 'c6a8812404e8fb8827588fd08bf3b70e43512c23', 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) => {
|
|
3113
3115
|
this.consumptionProfile =
|
|
3114
3116
|
e.target
|
|
3115
3117
|
.value;
|
|
3116
3118
|
this.recalculate();
|
|
3117
|
-
} }, h("option", { key: '
|
|
3119
|
+
} }, h("option", { key: '53237c3fb0b685a91414a98323a1ba16deca335a', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
3118
3120
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
3119
|
-
.mostlyAtHome), h("option", { key: '
|
|
3121
|
+
.mostlyAtHome), h("option", { key: 'a713af601a9a122e83a7610df91dc87046c32684', value: "mostly_away", selected: this.consumptionProfile ===
|
|
3120
3122
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
3121
|
-
.mostlyAway))))), h("div", { key: '
|
|
3123
|
+
.mostlyAway))))), h("div", { key: 'e22302c5432e13704827226a9348eb5135fbd168', class: "space-y-4" }, h("h2", { key: '22ff557a03b832de10382cbd9e2934f1e40f48c1', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: '8dc84f2bee4d59e5a9024b252a990a6d86729bfa', class: "flex flex-col gap-4" }, h("div", { key: 'dfa92f5717a77e1f1d2bb6549ae38ce02aaccb7c', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '70a5a4390c42cd96d5ea7238842bc9a30e387d24', class: "flex items-center justify-between" }, h("div", { key: 'c6454e366f5086e6ca7964b2d41561a4f422ed1a', class: "flex items-center gap-2" }, h("input", { key: '1f382765d018c4e24d949482e1d203b91ec2dfa3', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-gray-300 rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
|
|
3122
3124
|
this.heatPump =
|
|
3123
3125
|
e.target
|
|
3124
3126
|
.checked
|
|
3125
3127
|
? 100
|
|
3126
3128
|
: 0;
|
|
3127
3129
|
this.recalculate();
|
|
3128
|
-
} }), h("label", { key: '
|
|
3130
|
+
} }), h("label", { key: '3d3bcbaddc2483d60637934cb8e0a5398b05f633', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
3129
3131
|
.additionalComponents
|
|
3130
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '
|
|
3132
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: 'afe05b6c84fb68e4345fdb0a9c70fbf1fcaae9d6', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '9c3da7f679166ccd999b65d46e8e95fad6e2f8d6', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3131
3133
|
? (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-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.heatPump, onInput: (e) => {
|
|
3132
3134
|
const value = parseInt(e.target
|
|
3133
3135
|
.value);
|
|
@@ -3143,37 +3145,37 @@ const SolarSystemForm = class {
|
|
|
3143
3145
|
parseInt(e.target
|
|
3144
3146
|
.value);
|
|
3145
3147
|
this.recalculate();
|
|
3146
|
-
} }))))), h("div", { key: '
|
|
3148
|
+
} }))))), h("div", { key: '6f2083075d0e40e0dcb679448f2b96dde1643da6', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '77a93f11a3c846f748fe6cd7b6b5ebd8c17bdcb3', class: "flex items-center justify-between" }, h("div", { key: 'd2f362806ba9a539218f31282f15e7faaf2aa646', class: "flex items-center gap-2" }, h("input", { key: 'd8f28f34a5d5724c6d4b140535e9479ff88a1600', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-gray-300 rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
|
|
3147
3149
|
this.electricCar =
|
|
3148
3150
|
e.target
|
|
3149
3151
|
.checked;
|
|
3150
3152
|
this.recalculate();
|
|
3151
|
-
} }), h("label", { key: '
|
|
3153
|
+
} }), h("label", { key: 'd4c598d484a9e3da63eff6cd811db8049cccb3eb', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
3152
3154
|
.additionalComponents
|
|
3153
|
-
.electricCar))), this.electricCar && (h("div", { key: '
|
|
3155
|
+
.electricCar))), this.electricCar && (h("div", { key: '751c30033bf00abcef925ceb980a95805a21df31', class: "flex flex-col gap-2" }, h("div", { key: '63d33a0f5e3f84e8a6194fc43c5e5df802c67fad', class: "grid grid-cols-2 gap-4" }, h("label", { key: '71ae1e3f6cd9958b031063c0e926512d289aafda', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3154
3156
|
.additionalComponents
|
|
3155
|
-
.chargingTime), h("label", { key: '
|
|
3157
|
+
.chargingTime), h("label", { key: '78fff69c03333669afa3b4b6bf38ec5ba3a1bf44', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3156
3158
|
.additionalComponents
|
|
3157
|
-
.kilometersPerYear)), h("div", { key: '
|
|
3159
|
+
.kilometersPerYear)), h("div", { key: '3d74c92eb5a96352367172678eeb904841200bb4', class: "grid grid-cols-2 gap-4" }, h("select", { key: 'c024a076838f044c4b9c1079191f9511d61392b6', class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
|
|
3158
3160
|
this.electricCarChargingTime =
|
|
3159
3161
|
e.target
|
|
3160
3162
|
.value;
|
|
3161
3163
|
this.recalculate();
|
|
3162
|
-
} }, h("option", { key: '
|
|
3164
|
+
} }, h("option", { key: '039b58a3c2704da605440cc66ef557e37831ad1b', value: "day", selected: this
|
|
3163
3165
|
.electricCarChargingTime ===
|
|
3164
3166
|
"day" }, t.solarSystemForm
|
|
3165
3167
|
.additionalComponents
|
|
3166
|
-
.chargingTimeDay), h("option", { key: '
|
|
3168
|
+
.chargingTimeDay), h("option", { key: 'b12b7e92e147a7235972fb7ce0e405c7ecb1cf3c', value: "night", selected: this
|
|
3167
3169
|
.electricCarChargingTime ===
|
|
3168
3170
|
"night" }, t.solarSystemForm
|
|
3169
3171
|
.additionalComponents
|
|
3170
|
-
.chargingTimeNight)), h("input", { key: '
|
|
3172
|
+
.chargingTimeNight)), h("input", { key: '0abd86805116e6e4959c818f44df19193a03d245', type: "number", min: "1000", max: "50000", step: "1000", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
|
|
3171
3173
|
this.kmDrivenPerYear =
|
|
3172
3174
|
parseInt(e.target
|
|
3173
3175
|
.value);
|
|
3174
3176
|
this.recalculate();
|
|
3175
|
-
} }))))), h("div", { key: '
|
|
3176
|
-
.battery), !this.isIOS() && (h("span", { key: '
|
|
3177
|
+
} }))))), h("div", { key: 'd39d320c00a3407937cafbf26b061f739de9627f', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'a546eb35e60b97b47f1fa7836a547d257cd9de83', class: "flex items-center justify-between" }, h("label", { key: '5d8202dc51be638b862229918b0a24a2d0a9c7a7', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
|
|
3178
|
+
.battery), !this.isIOS() && (h("span", { key: 'f145a7be5e343edcf1fd9d66695ed05dbf9c0b82', class: "text-text-muted" }, this.battery, " kWh"))), h("div", { key: '088eed5b81f1d2c7ac9990c7c164b7744abe9371', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3177
3179
|
? (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-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
|
|
3178
3180
|
const value = parseInt(e.target
|
|
3179
3181
|
.value);
|
|
@@ -3188,37 +3190,37 @@ const SolarSystemForm = class {
|
|
|
3188
3190
|
this.battery = parseInt(e.target
|
|
3189
3191
|
.value);
|
|
3190
3192
|
this.recalculate();
|
|
3191
|
-
} })))))), h("div", { key: '
|
|
3193
|
+
} })))))), h("div", { key: '7b6611e7d71f5219dad46bfcb6b29334df4c62b0', class: "space-y-4" }, h("h2", { key: 'e25ba45b8af1fc9c5430caa7628623bb06a877fb', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '13ee68eaa8e6272a76bd91f6faa4cbd49c828ba1', class: "grid grid-rows-2 gap-0" }, h("div", { key: '913ff149a4a1a55f42c19f28e6e36f9ca74f4166', class: "grid grid-cols-3 gap-4" }, h("label", { key: '8672c051c4a8c5498b73d5c5eb867875b394d560', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("label", { key: 'd5b18879d3aaad25b0c87a07e0f5498f24ce6826', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("label", { key: 'aa901ab741db5f6d626235a35e86a84eeca71c5e', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), h("div", { key: '82b41e70d26578e176fc223a7026ce7011870d99', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, h("input", { key: '2f011ba06930555e240569925e547987d99f6145', 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) => {
|
|
3192
3194
|
this.electricityPrice = parseFloat(e.target
|
|
3193
3195
|
.value);
|
|
3194
3196
|
this.recalculate();
|
|
3195
|
-
} }), h("input", { key: '
|
|
3197
|
+
} }), h("input", { key: '5758c11a7cd2cecefd35bbcf9c41f0f02ec002d1', 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) => {
|
|
3196
3198
|
this.compensationRate = parseFloat(e.target
|
|
3197
3199
|
.value);
|
|
3198
3200
|
this.recalculate();
|
|
3199
|
-
} }), h("input", { key: '
|
|
3201
|
+
} }), h("input", { key: '2b1cc87904290adee01c406d66b12e6f4e543bde', 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) => {
|
|
3200
3202
|
this.annualPriceIncrease = parseFloat(e.target
|
|
3201
3203
|
.value);
|
|
3202
3204
|
this.recalculate();
|
|
3203
|
-
} })))), h("div", { key: '
|
|
3205
|
+
} })))), h("div", { key: 'd8d28b0b38f3878f7f934d673b6a669b4e534b5f', class: "space-y-4 p-4 border border-border rounded-4xl" }, h("h2", { key: 'be8b0acb0adfc87e2afd9aa00388eb4a7f307c28', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: '61af5a2d0c8c1aaafbcd8ba41e1139640788a7d4', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '0520e67bb0252d31fbfba488217547812cec00a3', class: "flex items-center justify-between" }, h("span", { key: 'c9d35867d975c98d01db75902c6813fd2fb9b767', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: '9ef18c401de3a992ef3a7f459617cfd4dd8c0a08', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
|
|
3204
3206
|
? "100"
|
|
3205
|
-
: this.autonomy.toFixed(1), "%")), h("div", { key: '
|
|
3206
|
-
.savingsDisclaimer))), h("span", { key: '
|
|
3207
|
-
.solarSystemForm.year)), h("div", { key: '
|
|
3207
|
+
: this.autonomy.toFixed(1), "%")), h("div", { key: '712a70ea717175793ddd38699ca45b080dacd249', class: "flex items-center justify-between mt-4" }, h("div", { key: '920ca4c50cd5ddfff3ef2f1a5eeb8a52d158b5d2', class: "flex items-center gap-2" }, h("span", { key: 'b234a6f6cc8caab1c58ac0695e71b19fc0b1ad6e', class: "text-text-muted" }, t.solarSystemForm.costSavings), h("div", { key: '7887922d2aba3e543558c27f0f4aa20c4392eb57', class: "relative group" }, h("svg", { key: '3cdffe480bc305f06684e19df36d32d17de58f0c', xmlns: "http://www.w3.org/2000/svg", class: "h-5 w-5 text-gray-400 cursor-help", viewBox: "0 0 20 20", fill: "currentColor" }, h("path", { key: '464a6fae13b003e308d4f125ef819a5356209d23', "fill-rule": "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z", "clip-rule": "evenodd" })), h("div", { key: '318bb50174b5f3dc673cc98e45e30ed0196c9519', class: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 w-64 p-2 bg-gray-800 text-muted text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none" }, t.solarSystemForm
|
|
3208
|
+
.savingsDisclaimer))), h("span", { key: '3dcbca7e66dbcbcb25a877d70e792051beb20240', class: "text-xl font-bold text-success" }, this.costSavings.toFixed(2), "\u20AC/", t
|
|
3209
|
+
.solarSystemForm.year)), h("div", { key: '3bb3f98d227d0713b6e653b3e4044a4c3be3c3d2', class: "flex items-center justify-between mt-4" }, h("div", { key: '5d24629acf34dea5fbc3efb19884a2e45c630cca', class: "flex items-center gap-2" }, h("span", { key: '5d04bf4f77832c39abacb35fb5615d4daf79169f', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), h("span", { key: '03775d1ae0490de0c29521cc6a29202bae96aa45', class: "text-xl font-bold text-success" }, this.compensation25Years.toFixed(2), "\u20AC")), h("div", { key: '568c7b218f9ada6c41b79df6f484a1490942130d', class: "flex items-center justify-between mt-4" }, h("div", { key: '6e38b66476972658cdcf31f6585717ebb0462d15', class: "flex items-center gap-2" }, h("span", { key: '9681ea349b79467c0ed1c7c037844752943bb398', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), h("span", { key: '1a0d41da8e4371e511cce0415c90ea02e27f2c9c', class: "text-xl font-bold text-success" }, this.savedCosts25Years.toFixed(2), "\u20AC")))), h("div", { key: '01a6cd62eedbdf7c4dcf428a0f5220d3596e8153', class: "space-y-4 pt-4" }, h("h2", { key: 'd9ed42522ca59b26096a6f3b71287e86ab7ad4a5', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: 'd4d83942d4c345b7bc5ae31e48386a86422d7a35', class: "grid gap-4" }, h("div", { key: 'c74bf83f9cd2209c8c5eb539fe9bf3ebadf0d889', class: "grid grid-cols-2 gap-4" }, h("label", { key: '1855733a879c9f19e890dbb4348b068b7eddf0f1', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("label", { key: '0f79a4878df0754e9e5908706fc673bab57597ac', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), h("div", { key: 'd33d202d2865fc2b9bf2006593c4a75b667e04fb', class: "grid grid-cols-2 gap-4" }, h("div", { key: 'aa6647a9573369cd7cc6515887aa8601e305f434' }, h("input", { key: '5a1ee29bae3f9b80d725e904f618fbbfdb595add', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
3208
3210
|
? "border-error"
|
|
3209
3211
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
3210
3212
|
this.name =
|
|
3211
3213
|
e.target
|
|
3212
3214
|
.value;
|
|
3213
3215
|
this.validateForm();
|
|
3214
|
-
}, placeholder: "Your name" }), this.nameError && (h("p", { key: '
|
|
3216
|
+
}, placeholder: "Your name" }), this.nameError && (h("p", { key: 'c0024d874a8e1970f6d8bd34112e096683c08ea4', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: 'a4ca9e0bac3472d38b9b28e809e216c9d828a0fd' }, h("input", { key: '69a0d659a7a9bda7829d514f4844ff31d3f48f03', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
3215
3217
|
? "border-error"
|
|
3216
3218
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
3217
3219
|
this.email =
|
|
3218
3220
|
e.target
|
|
3219
3221
|
.value;
|
|
3220
3222
|
this.validateForm();
|
|
3221
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '
|
|
3223
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '7295f592a6924b7a003ca96c5da296d1dc57486d', class: "text-error text-sm mt-1" }, this.emailError))))), h("div", { key: 'ee4dd4e554f25d0c2384f77d6845cf81990ba6db', class: "flex justify-center" }, h("button", { key: 'b931e29f4a2a27110ef0b014a745d35428982ef9', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
3222
3224
|
!this.email.trim() || !!this.nameError ||
|
|
3223
3225
|
!!this.emailError, class: "px-4 py-2 bg-secondary rounded-4xl hover:bg-tertiary transition-colors duration-200 text-muted" }, t.solarSystemForm.requestOfferButton))))));
|
|
3224
3226
|
}
|