blue-chestnut-solar-expert 0.0.29 → 0.0.31
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 +47 -45
- package/dist/cjs/eraser-icon_16.cjs.entry.js.map +1 -1
- package/dist/cjs/{index-C3Kp1xqq.js → index-elxiOP_I.js} +28 -5
- package/dist/cjs/index-elxiOP_I.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/loading-widget.cjs.entry.js +2 -2
- package/dist/cjs/solar-calculator.cjs.entry.js +2 -2
- package/dist/cjs/stencil-library.cjs.js +2 -2
- package/dist/collection/components/map-draw/map-selector.js +1 -1
- package/dist/collection/components/map-draw/map-selector.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 +6 -3
- 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/index.js +22 -4
- package/dist/components/index.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-DbJfa2yQ.js} +4 -4
- package/dist/components/{p-C6-nmq3h.js.map → p-DbJfa2yQ.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 +15 -12
- 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 +47 -45
- package/dist/esm/eraser-icon_16.entry.js.map +1 -1
- package/dist/esm/{index-DNOniOEj.js → index-yVbXII2Q.js} +28 -5
- package/dist/esm/index-yVbXII2Q.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/loading-widget.entry.js +2 -2
- package/dist/esm/solar-calculator.entry.js +2 -2
- package/dist/esm/stencil-library.js +3 -3
- 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-141320bb.entry.js +2 -0
- package/dist/stencil-library/p-141320bb.entry.js.map +1 -0
- package/dist/stencil-library/{p-4020a1f0.entry.js → p-2a83d5d6.entry.js} +3 -3
- package/dist/stencil-library/{p-76ce6493.entry.js → p-825501e2.entry.js} +2 -2
- package/dist/stencil-library/p-yVbXII2Q.js +3 -0
- package/dist/stencil-library/p-yVbXII2Q.js.map +1 -0
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/index-C3Kp1xqq.js.map +0 -1
- package/dist/components/p-DRZd44KM.js.map +0 -1
- package/dist/esm/index-DNOniOEj.js.map +0 -1
- package/dist/stencil-library/p-8b5f9a3a.entry.js +0 -2
- package/dist/stencil-library/p-8b5f9a3a.entry.js.map +0 -1
- package/dist/stencil-library/p-DNOniOEj.js +0 -3
- package/dist/stencil-library/p-DNOniOEj.js.map +0 -1
- /package/dist/stencil-library/{p-4020a1f0.entry.js.map → p-2a83d5d6.entry.js.map} +0 -0
- /package/dist/stencil-library/{p-76ce6493.entry.js.map → p-825501e2.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: 'c58777c83db7eb4dd40579f5545a063b7b6fb524', 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: '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()
|
|
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: '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() &&
|
|
158
|
+
(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) => {
|
|
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: '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 *
|
|
164
|
+
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) => {
|
|
165
165
|
this.householdConsumption = parseInt(e.target
|
|
166
166
|
.value);
|
|
167
167
|
this.recalculate();
|
|
168
|
-
} }), h("select", { key: '
|
|
168
|
+
} }), 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) => {
|
|
169
169
|
this.consumptionProfile =
|
|
170
170
|
e.target
|
|
171
171
|
.value;
|
|
172
172
|
this.recalculate();
|
|
173
|
-
} }, h("option", { key: '
|
|
173
|
+
} }, h("option", { key: '53237c3fb0b685a91414a98323a1ba16deca335a', 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: 'a713af601a9a122e83a7610df91dc87046c32684', value: "mostly_away", selected: this.consumptionProfile ===
|
|
176
176
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
177
|
-
.mostlyAway))))), h("div", { key: '
|
|
177
|
+
.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) => {
|
|
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: '3d3bcbaddc2483d60637934cb8e0a5398b05f633', 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: 'afe05b6c84fb68e4345fdb0a9c70fbf1fcaae9d6', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '9c3da7f679166ccd999b65d46e8e95fad6e2f8d6', 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: '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) => {
|
|
203
203
|
this.electricCar =
|
|
204
204
|
e.target
|
|
205
205
|
.checked;
|
|
206
206
|
this.recalculate();
|
|
207
|
-
} }), h("label", { key: '
|
|
207
|
+
} }), h("label", { key: 'd4c598d484a9e3da63eff6cd811db8049cccb3eb', 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: '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
|
|
210
210
|
.additionalComponents
|
|
211
|
-
.chargingTime), h("label", { key: '
|
|
211
|
+
.chargingTime), h("label", { key: '78fff69c03333669afa3b4b6bf38ec5ba3a1bf44', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
212
212
|
.additionalComponents
|
|
213
|
-
.kilometersPerYear)), h("div", { key: '
|
|
213
|
+
.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) => {
|
|
214
214
|
this.electricCarChargingTime =
|
|
215
215
|
e.target
|
|
216
216
|
.value;
|
|
217
217
|
this.recalculate();
|
|
218
|
-
} }, h("option", { key: '
|
|
218
|
+
} }, h("option", { key: '039b58a3c2704da605440cc66ef557e37831ad1b', 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: 'b12b7e92e147a7235972fb7ce0e405c7ecb1cf3c', 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: '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) => {
|
|
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: '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
|
|
232
|
+
.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()
|
|
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: '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) => {
|
|
248
248
|
this.electricityPrice = parseFloat(e.target
|
|
249
249
|
.value);
|
|
250
250
|
this.recalculate();
|
|
251
|
-
} }), h("input", { key: '
|
|
251
|
+
} }), 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) => {
|
|
252
252
|
this.compensationRate = parseFloat(e.target
|
|
253
253
|
.value);
|
|
254
254
|
this.recalculate();
|
|
255
|
-
} }), h("input", { key: '
|
|
255
|
+
} }), 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) => {
|
|
256
256
|
this.annualPriceIncrease = parseFloat(e.target
|
|
257
257
|
.value);
|
|
258
258
|
this.recalculate();
|
|
259
|
-
} })))), h("div", { key: '
|
|
259
|
+
} })))), 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
|
|
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: '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
|
|
262
|
+
.savingsDisclaimer))), h("span", { key: '3dcbca7e66dbcbcb25a877d70e792051beb20240', class: "text-xl font-bold text-success" }, this.costSavings.toFixed(2), "\u20AC/", t
|
|
263
|
+
.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
|
|
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: '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
|
|
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: '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() ||
|
|
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: '3a581464e2779ecc59273c9463d9ebd988350db2', class: "absolute flex items-center justify-center bg-muted bg-opacity-75 z-20 pt-7 rounded-4xl" }, h("div", { key: '93e3db401852bb44bfa606881c7fc9e414c19064', 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() {
|
package/dist/collection/store.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAqB7C,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,WAAW,CAAQ;IACzC,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,EAAE;IAChB,QAAQ,EAAE;QACN,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,GAAG;QAChB,qBAAqB,EAAE,EAAE;KAC5B;IACD,eAAe,EAAE,CAAC;IAClB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAqB7C,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,WAAW,CAAQ;IACzC,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,EAAE;IAChB,QAAQ,EAAE;QACN,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,CAAC;QACb,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,GAAG;QAChB,qBAAqB,EAAE,EAAE;KAC5B;IACD,eAAe,EAAE,CAAC;IAClB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;CACf,CAAC,CAAC;AAEH,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;IAC3B,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC3B,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;IAC5B,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;AAC5B,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;IAC/B,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;AAC/B,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;IAC3B,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC3B,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;IAClC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;AAClC,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;IAC3B,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC3B,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;IACxB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;AACxB,CAAC,CAAC,CAAC;AAEH,OAAO,EAAC,KAAK,EAAE,QAAQ,EAAC,CAAC","sourcesContent":["import { createStore } from \"@stencil/store\";\r\nimport { Language } from \"./components\";\r\n\r\nexport interface Settings {\r\n language: Language;\r\n rowSpacing: number;\r\n columnSpacing: number;\r\n borderInset: number;\r\n heatPumpM2Consumption: number;\r\n}\r\n\r\nexport interface State {\r\n latitude: number | null;\r\n longitude: number | null;\r\n radiusMeters: number;\r\n settings: Settings;\r\n settingsVersion: number;\r\n isMobile: boolean;\r\n isIOS: boolean;\r\n}\r\n\r\nconst {state, onChange} = createStore<State>({\r\n latitude: null,\r\n longitude: null,\r\n radiusMeters: 15,\r\n settings: {\r\n language: \"en\",\r\n rowSpacing: 1,\r\n columnSpacing: 1,\r\n borderInset: 0.1,\r\n heatPumpM2Consumption: 85,\r\n },\r\n settingsVersion: 1,\r\n isMobile: false,\r\n isIOS: false,\r\n});\r\n\r\nonChange(\"latitude\", (value) => {\r\n state.latitude = value;\r\n});\r\n\r\nonChange(\"longitude\", (value) => {\r\n state.longitude = value;\r\n});\r\n\r\nonChange(\"radiusMeters\", (value) => {\r\n state.radiusMeters = value;\r\n});\r\n\r\nonChange(\"settings\", (value) => {\r\n state.settings = value;\r\n});\r\n\r\nonChange(\"settingsVersion\", (value) => {\r\n state.settingsVersion = value;\r\n});\r\n\r\nonChange(\"isMobile\", (value) => {\r\n state.isMobile = value;\r\n});\r\n\r\nonChange(\"isIOS\", (value) => {\r\n state.isIOS = value;\r\n});\r\n\r\nexport {state, onChange};\r\n"]}
|
package/dist/components/index.js
CHANGED
|
@@ -456,10 +456,15 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
456
456
|
var attachStyles = (hostRef) => {
|
|
457
457
|
const cmpMeta = hostRef.$cmpMeta$;
|
|
458
458
|
const elm = hostRef.$hostElement$;
|
|
459
|
+
const flags = cmpMeta.$flags$;
|
|
459
460
|
const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
|
|
460
|
-
addStyle(
|
|
461
|
-
elm.getRootNode(),
|
|
461
|
+
const scopeId2 = addStyle(
|
|
462
|
+
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
462
463
|
cmpMeta);
|
|
464
|
+
if (flags & 10 /* needsScopedEncapsulation */) {
|
|
465
|
+
elm["s-sc"] = scopeId2;
|
|
466
|
+
elm.classList.add(scopeId2 + "-h");
|
|
467
|
+
}
|
|
463
468
|
endAttachStyles();
|
|
464
469
|
};
|
|
465
470
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
@@ -655,6 +660,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
655
660
|
var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
|
|
656
661
|
let containerElm = parentElm;
|
|
657
662
|
let childNode;
|
|
663
|
+
if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
|
|
664
|
+
containerElm = containerElm.shadowRoot;
|
|
665
|
+
}
|
|
658
666
|
for (; startIdx <= endIdx; ++startIdx) {
|
|
659
667
|
if (vnodes[startIdx]) {
|
|
660
668
|
childNode = createElm(null, parentVNode, startIdx);
|
|
@@ -833,7 +841,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
833
841
|
rootVnode.$tag$ = null;
|
|
834
842
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
835
843
|
hostRef.$vnode$ = rootVnode;
|
|
836
|
-
rootVnode.$elm$ = oldVNode.$elm$ = hostElm;
|
|
844
|
+
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
837
845
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
838
846
|
};
|
|
839
847
|
|
|
@@ -1267,7 +1275,17 @@ var proxyCustomElement = (Cstr, compactMeta) => {
|
|
|
1267
1275
|
},
|
|
1268
1276
|
__attachShadow() {
|
|
1269
1277
|
{
|
|
1270
|
-
this.shadowRoot
|
|
1278
|
+
if (!this.shadowRoot) {
|
|
1279
|
+
{
|
|
1280
|
+
this.attachShadow({ mode: "open" });
|
|
1281
|
+
}
|
|
1282
|
+
} else {
|
|
1283
|
+
if (this.shadowRoot.mode !== "open") {
|
|
1284
|
+
throw new Error(
|
|
1285
|
+
`Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`
|
|
1286
|
+
);
|
|
1287
|
+
}
|
|
1288
|
+
}
|
|
1271
1289
|
}
|
|
1272
1290
|
}
|
|
1273
1291
|
});
|