blue-chestnut-solar-expert 0.0.25 → 0.0.26
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 +46 -46
- 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/map-draw/map-draw.js +6 -6
- package/dist/collection/components/map-draw/map-draw.js.map +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 +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/components/loading-widget.js +1 -1
- package/dist/components/map-draw.js +1 -1
- package/dist/components/{p-CQNcW74f.js → p-DaNCcvcZ.js} +10 -10
- package/dist/components/p-DaNCcvcZ.js.map +1 -0
- package/dist/components/{p-BLraILof.js → p-DmcGZV6W.js} +33 -33
- package/dist/components/{p-BLraILof.js.map → p-DmcGZV6W.js.map} +1 -1
- package/dist/components/{p-DgWwkE8N.js → p-dMGAlZG4.js} +10 -10
- package/dist/components/p-dMGAlZG4.js.map +1 -0
- package/dist/components/settings-modal.js +1 -1
- package/dist/components/solar-calculator.js +1 -1
- package/dist/components/solar-expert.js +4 -4
- 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 +46 -46
- 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-91bf731c.entry.js → p-74e0c2f0.entry.js} +2 -2
- package/dist/stencil-library/{p-f85ca33a.entry.js → p-7e0b62d2.entry.js} +2 -2
- package/dist/stencil-library/{p-c96335dc.entry.js → p-b1889ecc.entry.js} +2 -2
- package/dist/stencil-library/p-b1889ecc.entry.js.map +1 -0
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-CQNcW74f.js.map +0 -1
- package/dist/components/p-DgWwkE8N.js.map +0 -1
- package/dist/stencil-library/p-c96335dc.entry.js.map +0 -1
- /package/dist/stencil-library/{p-91bf731c.entry.js.map → p-74e0c2f0.entry.js.map} +0 -0
- /package/dist/stencil-library/{p-f85ca33a.entry.js.map → p-7e0b62d2.entry.js.map} +0 -0
|
@@ -137,13 +137,13 @@ export class SolarSystemForm {
|
|
|
137
137
|
}
|
|
138
138
|
render() {
|
|
139
139
|
const t = getLanguageStrings(state.settings.language);
|
|
140
|
-
return (h("div", { key: '
|
|
140
|
+
return (h("div", { key: 'c266b37975e7bf255dbc88401985fb323de3e5af', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
141
141
|
,
|
|
142
142
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
143
143
|
// ? "none"
|
|
144
144
|
// : "flex",
|
|
145
145
|
// }}
|
|
146
|
-
id: "solar-system-form" }, h("h1", { key: '
|
|
146
|
+
id: "solar-system-form" }, h("h1", { key: 'eb64a6e9ccd98324dbba37fb30995f40166aa44a', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '4c956a91adc59f28507d872af5c75e8a7ee342ea', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, h("div", { key: '6a7dfac9eb9de4d36056cf69828437e872c5ae06', class: "space-y-4" }, h("h2", { key: 'ae94acd1ff6f75b4be71a466d6daac185151fdd5', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: '63282daecf08a8f6f048f51c0e89df011f93b705', class: "grid grid-rows-3 gap-0" }, h("div", { key: '00bd6d2e2324d7f465f2092d2544728903c96309', class: "grid grid-cols-2 gap-4" }, h("label", { key: '2973927880c85ccebba34a69491431bf55affb4b', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.numberOfPanels), h("label", { key: 'e3d1d5033b7b94e8a0aaaf240a84d6de638b066f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.panelPeakPower)), h("div", { key: 'ed0360bc6c983a7218fdd24d8ed5bd1d05fc3f08', class: "grid grid-cols-2 gap-4" }, !this.isIOS()
|
|
147
147
|
? (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 }))
|
|
148
148
|
: (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) => {
|
|
149
149
|
const value = parseInt(e.target
|
|
@@ -154,36 +154,36 @@ export class SolarSystemForm {
|
|
|
154
154
|
this.numberOfPanels = value;
|
|
155
155
|
this.recalculate();
|
|
156
156
|
}
|
|
157
|
-
} })), h("input", { key: '
|
|
158
|
-
(h("input", { key: '
|
|
157
|
+
} })), h("input", { key: 'e4b83e44a89fd022dc85ae28a43de632d485fd86', 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: '17a5059aa55948d8e3b8fa6e88894b9defdb19aa', class: "grid grid-cols-2 gap-4" }, h("div", { key: '8b8489e71990fb17b1b30c77cb191108f8ad4a91', class: "w-full pt-2" }, !this.isIOS() &&
|
|
158
|
+
(h("input", { key: '2311eeae2c0a226f884ddd015c6e6e31b9be8ec0', 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) => {
|
|
159
159
|
this.numberOfPanels =
|
|
160
160
|
parseInt(e.target
|
|
161
161
|
.value);
|
|
162
162
|
this.recalculate();
|
|
163
|
-
} }))))), h("div", { key: '
|
|
164
|
-
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '
|
|
163
|
+
} }))))), h("div", { key: '5a6dc4dd908db73bebbeeabd8e0f08e2327072fa', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'b6e0408604bb166b67af91cb469c20f5a06713ee', class: "flex items-center justify-between" }, h("span", { key: '731f9a26c9b0de6265e046769fe4a2fa219cd925', class: "text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: '12791928a92ae0b8b41703aa5cd1d24f4d256373', class: "text-xl font-bold text-secondary" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
164
|
+
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '3b5e85b8eda1732b645523e018c025cac38e1019', class: "space-y-4" }, h("h2", { key: '021d9756e32e625680cb6c521c274e6d577d12ed', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: 'e898da7ec25cc7b31b1fa24afe82ff3297f20fc2', class: "grid grid-rows-2 gap-0" }, h("div", { key: '4e6630e7eb0947e406ef31f9242d4ca5a82d1631', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'ed7edfe56c37a789aba9679be5331855cb1b04f3', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '499701b6c105716091dd63b044c31797980d3b3b', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: 'ccde867b428477e6e9845456a95ade8f39918074', class: "grid grid-cols-2 gap-4" }, h("input", { key: 'c1af1361ac0325e969b401ebbd8812e58ca4ba6c', 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) => {
|
|
165
165
|
this.householdConsumption = parseInt(e.target
|
|
166
166
|
.value);
|
|
167
167
|
this.recalculate();
|
|
168
|
-
} }), h("select", { key: '
|
|
168
|
+
} }), h("select", { key: '372215364ba07e0e6df4018cffcdb790eca4ceb4', 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) => {
|
|
169
169
|
this.consumptionProfile =
|
|
170
170
|
e.target
|
|
171
171
|
.value;
|
|
172
172
|
this.recalculate();
|
|
173
|
-
} }, h("option", { key: '
|
|
173
|
+
} }, h("option", { key: '4cc1eecbdf84d54d44768d3a82518cfd74765797', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
174
174
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
175
|
-
.mostlyAtHome), h("option", { key: '
|
|
175
|
+
.mostlyAtHome), h("option", { key: '656f1a6e13fd3eedcf85aeca81c21638422e6d7a', value: "mostly_away", selected: this.consumptionProfile ===
|
|
176
176
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
177
|
-
.mostlyAway))))), h("div", { key: '
|
|
177
|
+
.mostlyAway))))), h("div", { key: 'c9e2c127c0feef2da67a3ddfc23a5ccdcd9bacd3', class: "space-y-4" }, h("h2", { key: '541ae5616e61cc295be764a9e9be6e7967b8f7b3', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'f876d755481dc2a79f9d66aafc635e155c9994c4', class: "flex flex-col gap-4" }, h("div", { key: '4cde8645d3a9a7de29d2d48b09f48cb5c6d54544', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '13fe6b1709259cf5398b3e164ec5f17bb305df85', class: "flex items-center justify-between" }, h("div", { key: '3fc52ece3121a78371716deebdb42de5a96d3d7c', class: "flex items-center gap-2" }, h("input", { key: 'be951a3f01e56a3a792385182e2781cb9b2c5c20', 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) => {
|
|
178
178
|
this.heatPump =
|
|
179
179
|
e.target
|
|
180
180
|
.checked
|
|
181
181
|
? 100
|
|
182
182
|
: 0;
|
|
183
183
|
this.recalculate();
|
|
184
|
-
} }), h("label", { key: '
|
|
184
|
+
} }), h("label", { key: 'dcb090e3b79249c53ea1e5eef916319f34d142d9', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
185
185
|
.additionalComponents
|
|
186
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '
|
|
186
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '545a89ac915ab23b99ef36e3b052809a821b942c', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '8f072444efd39baf177bf2d4c92d1212c7f8ed07', class: "flex flex-col gap-2" }, this.isIOS()
|
|
187
187
|
? (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) => {
|
|
188
188
|
const value = parseInt(e.target
|
|
189
189
|
.value);
|
|
@@ -199,37 +199,37 @@ export class SolarSystemForm {
|
|
|
199
199
|
parseInt(e.target
|
|
200
200
|
.value);
|
|
201
201
|
this.recalculate();
|
|
202
|
-
} }))))), h("div", { key: '
|
|
202
|
+
} }))))), h("div", { key: '4cf36bd4a5cc18ccdcd6a42d4f2eed96960f59bd', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '2c035e723f9e704348d6630ec7deb055c26b16b7', class: "flex items-center justify-between" }, h("div", { key: '43fbb50a3231f1db687d646f1c10b9f20dfce1b5', class: "flex items-center gap-2" }, h("input", { key: 'c8879905d13d21abd9a72ce52f5cee85bbf8ad32', 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) => {
|
|
203
203
|
this.electricCar =
|
|
204
204
|
e.target
|
|
205
205
|
.checked;
|
|
206
206
|
this.recalculate();
|
|
207
|
-
} }), h("label", { key: '
|
|
207
|
+
} }), h("label", { key: '103a6971dbf81390d7f4ce6a139add57213cbaf3', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
208
208
|
.additionalComponents
|
|
209
|
-
.electricCar))), this.electricCar && (h("div", { key: '
|
|
209
|
+
.electricCar))), this.electricCar && (h("div", { key: 'c6d68b9846f938a75dafd1c6f2c778cfb552b6a4', class: "flex flex-col gap-2" }, h("div", { key: '200e40b6ab96359ce21a4bca2dc249e07cb46c6c', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'fcee6acdf4ee6b30fe5e80283b24376ffbf21c70', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
210
210
|
.additionalComponents
|
|
211
|
-
.chargingTime), h("label", { key: '
|
|
211
|
+
.chargingTime), h("label", { key: 'a9560d93c66951f17831b73fadcfe8e18e8d6570', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
212
212
|
.additionalComponents
|
|
213
|
-
.kilometersPerYear)), h("div", { key: '
|
|
213
|
+
.kilometersPerYear)), h("div", { key: '7ac5bd24cae9ad0d969c89c7a3437b5d54469660', class: "grid grid-cols-2 gap-4" }, h("select", { key: '78db408ebe0da37860c61d7762490557d5238a8f', 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) => {
|
|
214
214
|
this.electricCarChargingTime =
|
|
215
215
|
e.target
|
|
216
216
|
.value;
|
|
217
217
|
this.recalculate();
|
|
218
|
-
} }, h("option", { key: '
|
|
218
|
+
} }, h("option", { key: 'e8787e9303dc915108e531c446840d53143752fa', value: "day", selected: this
|
|
219
219
|
.electricCarChargingTime ===
|
|
220
220
|
"day" }, t.solarSystemForm
|
|
221
221
|
.additionalComponents
|
|
222
|
-
.chargingTimeDay), h("option", { key: '
|
|
222
|
+
.chargingTimeDay), h("option", { key: 'a22bd36788ff24e84d2f829dff4d46f8923508a1', value: "night", selected: this
|
|
223
223
|
.electricCarChargingTime ===
|
|
224
224
|
"night" }, t.solarSystemForm
|
|
225
225
|
.additionalComponents
|
|
226
|
-
.chargingTimeNight)), h("input", { key: '
|
|
226
|
+
.chargingTimeNight)), h("input", { key: 'f921baaeb0c0ac93ef1823ae4bf9be8a26e7f7bd', 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) => {
|
|
227
227
|
this.kmDrivenPerYear =
|
|
228
228
|
parseInt(e.target
|
|
229
229
|
.value);
|
|
230
230
|
this.recalculate();
|
|
231
|
-
} }))))), h("div", { key: '
|
|
232
|
-
.battery), !this.isIOS() && (h("span", { key: '
|
|
231
|
+
} }))))), h("div", { key: 'f314fa96da875bb965555980a6a549e10d0febcf', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '014d1db4054d04f69ca2d7f082bdc666a609c35a', class: "flex items-center justify-between" }, h("label", { key: '607cb6469d3b1402f203edae2dfa6c82f72b7a94', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
|
|
232
|
+
.battery), !this.isIOS() && (h("span", { key: '9855cafb4477837bd9f323f7a6677dd84df3a6b5', class: "text-text-muted" }, this.battery, " kWh"))), h("div", { key: '94b211394b1c5cc9fd7ffffef19c693b9025aedc', class: "flex flex-col gap-2" }, this.isIOS()
|
|
233
233
|
? (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) => {
|
|
234
234
|
const value = parseInt(e.target
|
|
235
235
|
.value);
|
|
@@ -244,37 +244,37 @@ export class SolarSystemForm {
|
|
|
244
244
|
this.battery = parseInt(e.target
|
|
245
245
|
.value);
|
|
246
246
|
this.recalculate();
|
|
247
|
-
} })))))), h("div", { key: '
|
|
247
|
+
} })))))), h("div", { key: 'c7d07eccb54933ace27c9e41cf8ddd58930a4465', class: "space-y-4" }, h("h2", { key: 'c94dc4fdfa85bfb1f31cb7e171a411662953a115', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: 'd4ee193e9e5f6edf717ba7be01d537713b5c73db', class: "grid grid-rows-2 gap-0" }, h("div", { key: '9796df3a0343be18edef1051bca476cb5e33b453', class: "grid grid-cols-3 gap-4" }, h("label", { key: '590e83e2cf26790e7953bf1032ed2b465d062d3e', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("label", { key: '95f9083a601664270b7db8304c63ea4aec04befa', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("label", { key: '8c877b503497664824396f5b42002d6948c9147d', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), h("div", { key: '3e6de787e050b3163dd5a389888d7c7670ee73d5', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, h("input", { key: '25eaae2931376e0462a8460838c7f2d542ef5bd2', 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) => {
|
|
248
248
|
this.electricityPrice = parseFloat(e.target
|
|
249
249
|
.value);
|
|
250
250
|
this.recalculate();
|
|
251
|
-
} }), h("input", { key: '
|
|
251
|
+
} }), h("input", { key: 'f985aa31a3706d80c3e14d0c39b32e42beb5c9f0', 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) => {
|
|
252
252
|
this.compensationRate = parseFloat(e.target
|
|
253
253
|
.value);
|
|
254
254
|
this.recalculate();
|
|
255
|
-
} }), h("input", { key: '
|
|
255
|
+
} }), h("input", { key: '5157173670cff3cd0a686451fee634c77fb078c3', 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) => {
|
|
256
256
|
this.annualPriceIncrease = parseFloat(e.target
|
|
257
257
|
.value);
|
|
258
258
|
this.recalculate();
|
|
259
|
-
} })))), h("div", { key: '
|
|
259
|
+
} })))), h("div", { key: '740017ec001efdfadeb7794dd98073eca06bec3b', class: "space-y-4 p-4 border border-border rounded-4xl" }, h("h2", { key: '02d4d012a72a66c3dd8c5d6a7ee37d8a66056b99', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: 'bd988fcbc121f7e1a1f0a463cbef4e73b5f75c2f', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'f841cffe6501a94344336b93cd7186d4008f5e89', class: "flex items-center justify-between" }, h("span", { key: 'c09946aa81953c0ac70eca1bf030738fd611bfd3', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: 'cc262b2389708bfcbc7eacaa070207f5c522b37a', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
|
|
260
260
|
? "100"
|
|
261
|
-
: this.autonomy.toFixed(1), "%")), h("div", { key: '
|
|
262
|
-
.savingsDisclaimer))), h("span", { key: '
|
|
263
|
-
.solarSystemForm.year)), h("div", { key: '
|
|
261
|
+
: this.autonomy.toFixed(1), "%")), h("div", { key: '718395d0247ff533071db12c0dc261635376b8d0', class: "flex items-center justify-between mt-4" }, h("div", { key: '253836f022a4c414374c5b2b4e895d837a7f0a6b', class: "flex items-center gap-2" }, h("span", { key: '141499e8232fd43eaffbd6a78ae78498fc976843', class: "text-text-muted" }, t.solarSystemForm.costSavings), h("div", { key: '260f33e5713a9757bd64802180c45df42a76bde8', class: "relative group" }, h("svg", { key: '7db31a136fbfb27b717ac8ef4ff92dacd7909fb9', 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: '05ccaebf30b38726dba62441612733b20ec85017', "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: 'd035d58ef981d0afe4f92289ec08df99e5b07857', 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
|
|
262
|
+
.savingsDisclaimer))), h("span", { key: 'da7271d121f86c06802e3c0aa6753e3e106a0f9f', class: "text-xl font-bold text-success" }, this.costSavings.toFixed(2), "\u20AC/", t
|
|
263
|
+
.solarSystemForm.year)), h("div", { key: '7fd8001082ff5dad0138bc0e46f2c8ab5fc1a0ab', class: "flex items-center justify-between mt-4" }, h("div", { key: '51220d6235353c5c05d9cbd7294131169ce7ef37', class: "flex items-center gap-2" }, h("span", { key: 'b3c5734b677f225bf480e6c972aaf604bf25219d', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), h("span", { key: '5a0f048eee0a05c815defd9f8c32079420402888', class: "text-xl font-bold text-success" }, this.compensation25Years.toFixed(2), "\u20AC")), h("div", { key: 'c404e485ec2caeccfa8534df34f502c53a3af13f', class: "flex items-center justify-between mt-4" }, h("div", { key: '207734d415a4e7cf7fa625a367af5de3afa9c274', class: "flex items-center gap-2" }, h("span", { key: '36ef827265e123a067b01314d7f2baff4c61a9ca', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), h("span", { key: 'a597e862fc9b7369ac32df3e4d60302d0bce002e', class: "text-xl font-bold text-success" }, this.savedCosts25Years.toFixed(2), "\u20AC")))), h("div", { key: 'b1bee3a34cd1c3400cc847f9205dcd1319d1f11c', class: "space-y-4 pt-4" }, h("h2", { key: 'c21cc337a7c1ae79eee4b9741f935a256de38282', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: '409727185c4cf9fd8e2750eca6a7102aa05800e6', class: "grid gap-4" }, h("div", { key: 'dd7fbc2db7923d9463213c5dff246d7915a402c8', class: "grid grid-cols-2 gap-4" }, h("label", { key: '8fc947bac4b28d3f9e6e13354dc9913009e0cbe2', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("label", { key: '2dabab65ad0b613ec6a7d386ce5cdac2ae046be3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), h("div", { key: '36951f97477f0b144c24b990771d36e5cb09d8d2', class: "grid grid-cols-2 gap-4" }, h("div", { key: '72315b1180ab4cb666a9b4de8f65cce5509eff97' }, h("input", { key: '8119083991200cfb8c153c68a11875304505f2c4', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
264
264
|
? "border-error"
|
|
265
265
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
266
266
|
this.name =
|
|
267
267
|
e.target
|
|
268
268
|
.value;
|
|
269
269
|
this.validateForm();
|
|
270
|
-
}, placeholder: "Your name" }), this.nameError && (h("p", { key: '
|
|
270
|
+
}, placeholder: "Your name" }), this.nameError && (h("p", { key: 'd25e121b0197f4734ad98b3f264806638716660d', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: 'f592e406c92e64a4c1c47ecae1143a28c05bc0af' }, h("input", { key: '0a6b6c922b3f1816b1bdb82f2ef7f23d04bbf906', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
271
271
|
? "border-error"
|
|
272
272
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
273
273
|
this.email =
|
|
274
274
|
e.target
|
|
275
275
|
.value;
|
|
276
276
|
this.validateForm();
|
|
277
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '
|
|
277
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '9f7464e3d4c5d8cf095683cf0f6f2b2e98197244', class: "text-error text-sm mt-1" }, this.emailError))))), h("div", { key: '59f781969d56679e5fa94af6384aa2238514148d', class: "flex justify-center" }, h("button", { key: 'bc5fdcb4dff4b3e1ce79928735716e2b1c2a394d', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
278
278
|
!this.email.trim() || !!this.nameError ||
|
|
279
279
|
!!this.emailError, class: "px-4 py-2 bg-secondary rounded-4xl hover:bg-tertiary transition-colors duration-200 text-muted" }, t.solarSystemForm.requestOfferButton))))));
|
|
280
280
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class LoadingWidget {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("div", { key: '
|
|
4
|
+
return (h("div", { key: '53e8e35b4de7d6d272ca070f67a5fe266fa787f4', class: "absolute flex items-center justify-center bg-muted bg-opacity-75 z-20 pt-7 rounded-4xl" }, h("div", { key: '906b14debcd98b44be5547035b41d94cf8dc052f', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-secondary" })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "loading-widget"; }
|
|
7
7
|
static get originalStyleUrls() {
|
|
@@ -8,7 +8,7 @@ const LoadingWidget$1 = /*@__PURE__*/ proxyCustomElement(class LoadingWidget ext
|
|
|
8
8
|
this.__registerHost();
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '53e8e35b4de7d6d272ca070f67a5fe266fa787f4', class: "absolute flex items-center justify-center bg-muted bg-opacity-75 z-20 pt-7 rounded-4xl" }, h("div", { key: '906b14debcd98b44be5547035b41d94cf8dc052f', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-secondary" })));
|
|
12
12
|
}
|
|
13
13
|
static get style() { return outputCss; }
|
|
14
14
|
}, [0, "loading-widget"]);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './index.js';
|
|
2
2
|
import { f as fetchSolarData, b as getBuildingImages } from './p-Dw7R29Cg.js';
|
|
3
|
-
import { D as DOTTED_LINE_COLOR, C as COLUMN_SPACING, R as ROW_SPACING, d as defineCustomElement$3, a as DEFAULT_SOLAR_EXPERT_CONFIG, b as DEFAULT_SOLAR_PANEL_TYPE, c as DEFAULT_SUNNINESS, B as BORDER_INSET } from './p-
|
|
3
|
+
import { D as DOTTED_LINE_COLOR, C as COLUMN_SPACING, R as ROW_SPACING, d as defineCustomElement$3, a as DEFAULT_SOLAR_EXPERT_CONFIG, b as DEFAULT_SOLAR_PANEL_TYPE, c as DEFAULT_SUNNINESS, B as BORDER_INSET } from './p-DmcGZV6W.js';
|
|
4
4
|
import { d as defineCustomElement$2, r as roofTool, t as tools, o as obstructionTool, m as moveTool, a as markRoofEdgeTool, b as deleteTool } from './p-DMkbzkL_.js';
|
|
5
5
|
import { l as latLngToPixel, d as defineCustomElement$7, g as getPixelInMeters, c as calculatePolygonArea } from './p-B1ywivYa.js';
|
|
6
6
|
import { o as onChange, s as state, g as getLanguageStrings } from './p-BLXc1FjC.js';
|
|
@@ -12,7 +12,7 @@ import { d as defineCustomElement$9 } from './p-DtGH0yPG.js';
|
|
|
12
12
|
import { d as defineCustomElement$8 } from './p-BcV6HHN8.js';
|
|
13
13
|
import { d as defineCustomElement$6 } from './p-C07IG8Cw.js';
|
|
14
14
|
import { d as defineCustomElement$5 } from './p-BErX7-yM.js';
|
|
15
|
-
import { d as defineCustomElement$4 } from './p-
|
|
15
|
+
import { d as defineCustomElement$4 } from './p-dMGAlZG4.js';
|
|
16
16
|
import { d as defineCustomElement$1 } from './p-CRAV1GgV.js';
|
|
17
17
|
|
|
18
18
|
/*
|
|
@@ -1392,20 +1392,20 @@ const MapDraw = /*@__PURE__*/ proxyCustomElement(class MapDraw extends H {
|
|
|
1392
1392
|
const currentPolygon = this.getCurrentPolygon();
|
|
1393
1393
|
return (h("div", { key: '8f3ead7eb4acb8b26cf9e8d3a7f9f1cb7027b06b', class: "flex flex-col justify-center items-center w-full h-full gap-4 bg-primary", id: "map-draw" }, this.showInstructions && !state.isMobile && (h("div", { key: '314f035a8f0bc087936041ec1249ddc12d27a43a', class: "w-full rounded-4xl p-4 bg-muted text-muted-foreground" }, t.mapDraw.instructions.parts.roof, " ", h("button", { key: '4b50b9afab6c7bfd180eedab22eaa7aed6346d26', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors", onClick: () => this.handleToolSelect(roofTool) }, h("icon-selector", { key: '980fb93346b72807638793a711c3adf4f6c60fb8', name: "house", inline: true })), " ", t.mapDraw.instructions.parts.obstruction, " ", h("button", { key: 'c1d0edac8cbb504c8db4c57d6bb078c4c2746cd9', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors", onClick: () => this.handleToolSelect(obstructionTool) }, h("icon-selector", { key: '12956e51ff2ed628980597746ee4853d93c7d19d', name: "octagon-minus", inline: true })), " ", t.mapDraw.instructions.parts.delete, " ", h("button", { key: 'fc0c507764c04fd1699024c00d708430a2275df1', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors", onClick: () => this.handleToolSelect(deleteTool) }, h("icon-selector", { key: 'aabac0ddf1c029655accf3f4812219cad3744da5', name: "eraser", inline: true })), " ", t.mapDraw.instructions.parts.move, " ", h("button", { key: '850f0261e7b1da12cc1cc2b81356ece9d8ea1df8', class: "inline-flex items-center justify-center p-1 rounded-full hover:bg-surface-hover transition-colors", onClick: () => this.handleToolSelect(moveTool) }, h("icon-selector", { key: 'a25004dca55e42a1e0f13806cdceb95d0f16c8b5', name: "move", inline: true })), " ", t.mapDraw.instructions.parts.end)), h("div", { key: '93e10a821a9d8ad5f6ad8c62bcf56a5c015ba6a3', class: "w-full flex flex-row justify-between items-center" }, !state.isMobile && (this.showInstructions
|
|
1394
1394
|
? (h("button", { class: "px-4 py-2 rounded-4xl hover:bg-surface-hover transition-colors duration-200 bg-muted p-4 text-muted-foreground", onClick: () => this.showInstructions = false }, t.mapDraw.instructions.hide))
|
|
1395
|
-
: (h("button", { class: "px-4 py-2 rounded-4xl hover:bg-surface-hover transition-colors duration-200 bg-muted p-4 text-muted-foreground", onClick: () => this.showInstructions = true }, t.mapDraw.instructions.show))), h("button", { key: '7f6ec4e11d855a38563b9bb8d56f6d4c215e78e9', class: "flex items-center gap-2 bg-muted p-2 rounded-4xl hover:bg-surface-hover text-muted-foreground", onClick: this.handleSettingsClick }, h("settings-icon", { key: '34055a481938812d55f65295b045879649f99c35' }))), h("div", { key: '3a4f6caf453ccde75e4a1b80fa1fc78c39c82206', class: "w-full" }, !state.isMobile && (h("tool-box", { key: '6f95e7ace22619ff9472220f8119f4187622060a', currentTool: this.currentTool, onToolSelect: (tool) => this.handleToolSelect(tool), undoCallback: () => this.undo() }))), this.loadingState === "empty" && (h("div", { key: '6849146204c0ce8c9a674e28325f0c98c57dc251', class: "w-full" }, h("p", { key: 'd9b52b653f98f4b2775c1c371d4e3a5f024a0242', class: "text-muted text-center flex items-center justify-center rounded-4xl p-4 w-full bg-text-secondary" }, t.mapDraw.noAddressSelected
|
|
1396
|
-
this.loadingState === "loading") && (h("div", { key: '
|
|
1395
|
+
: (h("button", { class: "px-4 py-2 rounded-4xl hover:bg-surface-hover transition-colors duration-200 bg-muted p-4 text-muted-foreground", onClick: () => this.showInstructions = true }, t.mapDraw.instructions.show))), h("button", { key: '7f6ec4e11d855a38563b9bb8d56f6d4c215e78e9', class: "flex items-center gap-2 bg-muted p-2 rounded-4xl hover:bg-surface-hover text-muted-foreground", onClick: this.handleSettingsClick }, h("settings-icon", { key: '34055a481938812d55f65295b045879649f99c35' }))), h("div", { key: '3a4f6caf453ccde75e4a1b80fa1fc78c39c82206', class: "w-full" }, !state.isMobile && (h("tool-box", { key: '6f95e7ace22619ff9472220f8119f4187622060a', currentTool: this.currentTool, onToolSelect: (tool) => this.handleToolSelect(tool), undoCallback: () => this.undo() }))), this.loadingState === "empty" && (h("div", { key: '6849146204c0ce8c9a674e28325f0c98c57dc251', class: "w-full" }, h("p", { key: 'd9b52b653f98f4b2775c1c371d4e3a5f024a0242', class: "text-muted text-center flex items-center justify-center rounded-4xl p-4 w-full bg-text-secondary" }, t.mapDraw.noAddressSelected))), (state.latitude && state.longitude &&
|
|
1396
|
+
this.loadingState === "loading") && (h("div", { key: '7507c117e5816158b407b506b2e2280de4979009', class: "flex items-center justify-center w-full bg-opacity-75 z-20 pt-7 rounded-4xl" }, h("div", { key: 'fc8351bd8d0c3f4f18d1ca5a6ed360f6d647c219', class: "animate-spin rounded-full h-16 w-16 border-t-2 border-b-2 border-secondary" }))), h("div", { key: '6f90d40009a0e8ceba3b94c4bd1b1c2e32962168', class: "flex items-start justify-center h-full w-full bg-primary rounded-4xl" }, h("div", { key: '256ee7feb26d9045312c588888dddc5db72eaeaa', class: "relative h-full flex items-center justify-center w-full rounded-4xl bg-secondary", style: {
|
|
1397
1397
|
aspectRatio: this.rgbTiff
|
|
1398
1398
|
? `${this.rgbTiff.width}/${this.rgbTiff.height}`
|
|
1399
1399
|
: "1/1",
|
|
1400
|
-
} }, h("canvas", { key: '
|
|
1400
|
+
} }, h("canvas", { key: 'e4d3790a48ca3bb05106c93c1a0753e42168a6f0', ref: (el) => this.canvasElement = el, class: "absolute top-0 left-0 w-full h-full rounded-4xl", id: "map-draw-canvas", style: {
|
|
1401
1401
|
cursor: this.currentTool.cursor,
|
|
1402
|
-
} }), h("canvas", { key: '
|
|
1402
|
+
} }), h("canvas", { key: '7831fb29a9b4bf1f396577ed9d2385dea40b4539', ref: (el) => this.polygonCanvas = el, class: "absolute top-0 left-0 w-full h-full rounded-4xl", style: {
|
|
1403
1403
|
cursor: this.currentTool.cursor,
|
|
1404
|
-
} }))), currentPolygon?.closed && (h("div", { key: '
|
|
1404
|
+
} }))), currentPolygon?.closed && (h("div", { key: 'e703e5a2313f55d0dc08b8f44d63f469a91fd724', class: "w-full" }, h("polygon-buttons", { key: '1d679142b0f2223a76e29db21949841b94c96f81', currentTool: this.currentTool.name, calculateSolarPanels: () => this.calculateSolarPanels(), selectEdgeTool: () => this.handleToolSelect(markRoofEdgeTool) }))), !state.isMobile && (h("div", { key: 'bccf61ba5a86ad1b44a5b46d8c2b2027022dd8ba', class: "w-full" }, h("polygon-information", { key: 'bbd60623873d8c2249c5d7ab74e03a4bade998be', currentPolygon: currentPolygon, positionedPanels: currentPolygon
|
|
1405
1405
|
? this
|
|
1406
1406
|
.roofPolygonsSolarPanels[currentPolygon._id]
|
|
1407
1407
|
?.positionedPanels
|
|
1408
|
-
: undefined, handleAzimuthChange: (event) => this.handleAzimuthChange(event), handlePitchChange: (event) => this.handlePitchChange(event), calculateSolarPanels: () => this.calculateSolarPanels() }))), h("div", { key: '
|
|
1408
|
+
: undefined, handleAzimuthChange: (event) => this.handleAzimuthChange(event), handlePitchChange: (event) => this.handlePitchChange(event), calculateSolarPanels: () => this.calculateSolarPanels() }))), h("div", { key: '9b804506b0ed890f99ceaba92f18c87b06951728', class: "w-full" }, h("solar-system-form", { key: '5383943dde347f1b75f919f4817a8d33b4b66b92', systemConfigs: this.roofPolygonsSolarPanels, roofPolygons: this.roofPolygons, obstructionPolygons: this.obstructionPolygons })), this.showSettings && (h("settings-modal", { key: '2397b2ab774504e514db8b0fd9537d124dcb17ed', settings: state.settings, onClose: this.handleSettingsClose, onSave: this.handleSettingsSave }))));
|
|
1409
1409
|
}
|
|
1410
1410
|
static get watchers() { return {
|
|
1411
1411
|
"rgbTiff": ["drawMap"],
|
|
@@ -1523,6 +1523,6 @@ function defineCustomElement() {
|
|
|
1523
1523
|
defineCustomElement();
|
|
1524
1524
|
|
|
1525
1525
|
export { MapDraw as M, defineCustomElement as d };
|
|
1526
|
-
//# sourceMappingURL=p-
|
|
1526
|
+
//# sourceMappingURL=p-DaNCcvcZ.js.map
|
|
1527
1527
|
|
|
1528
|
-
//# sourceMappingURL=p-
|
|
1528
|
+
//# sourceMappingURL=p-DaNCcvcZ.js.map
|