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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-elxiOP_I.js');
|
|
4
4
|
var index$1 = require('./index-CZQtx4r0.js');
|
|
5
5
|
|
|
6
6
|
const outputCss$f = "/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-black: #000;\n --spacing: 0.25rem;\n --container-md: 28rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-lg: 0.5rem;\n --radius-4xl: 2rem;\n --animate-spin: spin 1s linear infinite;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --color-primary: hsl(41 51% 90%);\n --color-primary-foreground: hsl(0 0% 0%);\n --color-secondary: hsl(28 100% 8%);\n --color-secondary-foreground: hsl(0 0% 100%);\n --color-tertiary: hsl(28 100% 29%);\n --color-tertiary-foreground: hsl(0 0% 100%);\n --color-muted: hsl(0 0% 100%);\n --color-muted-foreground: hsl(0 0% 0%);\n --color-error: hsl(0 100% 50%);\n --color-error-foreground: hsl(0 0% 100%);\n --color-surface: hsl(0 0% 88%);\n --color-surface-hover: hsl(0 0% 82%);\n --color-surface-active: hsl(0 0% 64%);\n --color-text-muted: hsl(0 0% 45%);\n --color-text-secondary: hsl(0 0% 55%);\n --color-text-placeholder: hsl(0 0% 73%);\n --color-border: hsl(0 0% 82%);\n --color-border-light: hsl(0 0% 93%);\n --color-success: hsl(142 76% 36%);\n --color-info: hsl(221 83% 53%);\n --color-hover: hsl(0 0% 88%);\n --color-hover-dark: hsl(28 100% 8%);\n --color-overlay: rgba(0, 0, 0, 0.24);\n --color-tooltip: hsl(0 0% 13%);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .bottom-full {\n bottom: 100%;\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-3 {\n left: calc(var(--spacing) * 3);\n }\n .z-20 {\n z-index: 20;\n }\n .z-50 {\n z-index: 50;\n }\n .m-auto {\n margin: auto;\n }\n .mt-1 {\n margin-top: calc(var(--spacing) * 1);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n .block {\n display: block;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n .h-48 {\n height: calc(var(--spacing) * 48);\n }\n .h-\\[400px\\] {\n height: 400px;\n }\n .h-full {\n height: 100%;\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n .w-full {\n width: 100%;\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .flex-1 {\n flex: 1;\n }\n .flex-3 {\n flex: 3;\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .cursor-help {\n cursor: help;\n }\n .appearance-none {\n appearance: none;\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n .grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n }\n .grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .items-start {\n align-items: flex-start;\n }\n .items-stretch {\n align-items: stretch;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-4xl {\n border-radius: var(--radius-4xl);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-t-2 {\n border-top-style: var(--tw-border-style);\n border-top-width: 2px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-border {\n border-color: var(--color-border);\n }\n .border-error {\n border-color: var(--color-error);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-secondary {\n border-color: var(--color-secondary);\n }\n .bg-black {\n background-color: var(--color-black);\n }\n .bg-gray-800 {\n background-color: var(--color-gray-800);\n }\n .bg-muted {\n background-color: var(--color-muted);\n }\n .bg-overlay {\n background-color: var(--color-overlay);\n }\n .bg-primary {\n background-color: var(--color-primary);\n }\n .bg-secondary {\n background-color: var(--color-secondary);\n }\n .bg-surface {\n background-color: var(--color-surface);\n }\n .bg-surface-active {\n background-color: var(--color-surface-active);\n }\n .bg-text-secondary {\n background-color: var(--color-text-secondary);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n .pt-7 {\n padding-top: calc(var(--spacing) * 7);\n }\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n .pl-10 {\n padding-left: calc(var(--spacing) * 10);\n }\n .text-center {\n text-align: center;\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .text-error {\n color: var(--color-error);\n }\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n .text-muted {\n color: var(--color-muted);\n }\n .text-muted-foreground {\n color: var(--color-muted-foreground);\n }\n .text-primary-foreground {\n color: var(--color-primary-foreground);\n }\n .text-secondary {\n color: var(--color-secondary);\n }\n .text-secondary-foreground {\n color: var(--color-secondary-foreground);\n }\n .text-success {\n color: var(--color-success);\n }\n .text-text-muted {\n color: var(--color-text-muted);\n }\n .text-text-placeholder {\n color: var(--color-text-placeholder);\n }\n .text-text-secondary {\n color: var(--color-text-secondary);\n }\n .accent-tertiary {\n accent-color: var(--color-tertiary);\n }\n .opacity-0 {\n opacity: 0%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .group-hover\\:opacity-100 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n opacity: 100%;\n }\n }\n }\n .hover\\:bg-hover {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-hover);\n }\n }\n }\n .hover\\:bg-hover-dark {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-hover-dark);\n }\n }\n }\n .hover\\:bg-muted {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-muted);\n }\n }\n }\n .hover\\:bg-overlay {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-overlay);\n }\n }\n }\n .hover\\:bg-secondary {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-secondary);\n }\n }\n }\n .hover\\:bg-secondary\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, hsl(28 100% 8%) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n }\n }\n }\n }\n .hover\\:bg-surface-hover {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-surface-hover);\n }\n }\n }\n .hover\\:bg-tertiary {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-tertiary);\n }\n }\n }\n .hover\\:bg-text-secondary {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-text-secondary);\n }\n }\n }\n .hover\\:text-muted {\n &:hover {\n @media (hover: hover) {\n color: var(--color-muted);\n }\n }\n }\n .focus\\:border-transparent {\n &:focus {\n border-color: transparent;\n }\n }\n .focus\\:ring-2 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-info {\n &:focus {\n --tw-ring-color: var(--color-info);\n }\n }\n .focus\\:ring-secondary {\n &:focus {\n --tw-ring-color: var(--color-secondary);\n }\n }\n .focus\\:ring-tertiary {\n &:focus {\n --tw-ring-color: var(--color-tertiary);\n }\n }\n .focus\\:ring-offset-0 {\n &:focus {\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .lg\\:gap-4 {\n @media (width >= 64rem) {\n gap: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:rounded-full {\n &::-webkit-slider-runnable-track {\n border-radius: calc(infinity * 1px);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:bg-black\\/25 {\n &::-webkit-slider-runnable-track {\n background-color: color-mix(in srgb, #000 25%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 25%, transparent);\n }\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:h-\\[10px\\] {\n &::-webkit-slider-thumb {\n height: 10px;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:w-\\[10px\\] {\n &::-webkit-slider-thumb {\n width: 10px;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none {\n &::-webkit-slider-thumb {\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full {\n &::-webkit-slider-thumb {\n border-radius: calc(infinity * 1px);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-muted {\n &::-webkit-slider-thumb {\n background-color: var(--color-muted);\n }\n }\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-duration: initial;\n }\n }\n}\n";
|
|
@@ -1604,7 +1604,7 @@ const { state, onChange } = createStore({
|
|
|
1604
1604
|
},
|
|
1605
1605
|
settingsVersion: 1,
|
|
1606
1606
|
isMobile: false,
|
|
1607
|
-
isIOS:
|
|
1607
|
+
isIOS: false,
|
|
1608
1608
|
});
|
|
1609
1609
|
onChange("latitude", (value) => {
|
|
1610
1610
|
state.latitude = value;
|
|
@@ -2390,7 +2390,7 @@ const MapSelector = class {
|
|
|
2390
2390
|
}
|
|
2391
2391
|
render() {
|
|
2392
2392
|
const t = getLanguageStrings(this.language);
|
|
2393
|
-
return (index.h("div", { key: '6bd6a349473631b028a847cc71aa147ac299fab0', class: "map-selector flex flex-col gap-4 pb-4" }, index.h("div", { key: '4f38763b9565d75a01402748d53d23a9e73c2ab4', class: "relative" }, index.h("div", { key: '
|
|
2393
|
+
return (index.h("div", { key: '6bd6a349473631b028a847cc71aa147ac299fab0', class: "map-selector flex flex-col gap-4 pb-4" }, index.h("div", { key: '4f38763b9565d75a01402748d53d23a9e73c2ab4', class: "relative" }, index.h("div", { key: '67ca48b806c36cc6cfc647045473449cc873b307', class: "absolute left-3 top-0 h-full flex items-center pointer-events-none" }, index.h("search-icon", { key: '3fb5dad93a05dc459e240b070cc65567c43786a1' })), index.h("input", { key: '3e4682871903413a4960253a08c32b1e9500593d', ref: (el) => this.inputElement = el, type: "text", placeholder: t.solarExpert.searchPlaceholder, class: "w-full pl-10 pr-4 py-2 border border-border rounded-4xl focus:ring-secondary bg-muted" })), index.h("div", { key: 'a80eacabe5793d46c392d49305c185913f1a0371', class: "w-full rounded-4xl p-4 bg-overlay" }, t.mapSelector.explanation), index.h("div", { key: '2d4ea7fc31c0880ac3473f405663c8137234672b', class: "flex items-center gap-4" }, index.h("label", { key: '50f7128326205f1143d3fc8f6d7a9425b06db0c2', class: "text-sm font-medium text-text-muted" }, t.mapSelector.radius), index.h("input", { key: '2fcc1002e20185368e49630a319f6bb6c5c4297a', type: "range", min: "5", max: "100", value: this.radius, onInput: (e) => this.handleRadiusChange(e), 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" }), index.h("span", { key: '2637ffd12603185d11f5c866a4c7fc912e68833d', class: "text-sm text-text-muted" }, this.radius, "m")), index.h("div", { key: '696fe033ac24ffd4b9337d18fb9973800f46f2b5', ref: (el) => this.mapElement = el, class: "w-full h-[400px] rounded-4xl border border-border" }), index.h("button", { key: '4349459e2c9dd1cbc61b7de2ce64212945f57eef', onClick: () => this.handleAcceptPosition(), class: "w-full py-2 px-4 bg-secondary text-muted rounded-4xl hover:bg-hover-dark transition-colors" }, t.mapSelector.accept)));
|
|
2394
2394
|
}
|
|
2395
2395
|
};
|
|
2396
2396
|
MapSelector.style = outputCss$b;
|
|
@@ -2574,14 +2574,14 @@ const SettingsModal = class {
|
|
|
2574
2574
|
};
|
|
2575
2575
|
render() {
|
|
2576
2576
|
const t = getLanguageStrings(state.settings.language);
|
|
2577
|
-
return (index.h("div", { key: '69815a7efeb8f52a5d3422b06dc212a50b9f405b', class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, index.h("div", { key: 'ed368ae8d0d6d2946c5a4ecc559f018521e1bce8', class: "bg-primary rounded-4xl p-6 w-full max-w-md" }, index.h("div", { key: 'f51088beb4d8445503fa08c3dd2a2b8c886f79ce', class: "flex justify-between items-center mb-6" }, index.h("h2", { key: 'a9bcb7b893961bbf2032c1b8a110624ec3a95e65', class: "text-xl font-semibold" }, "Settings"), index.h("button", { key: '47d4dc1cc0789485da95218becfc921ae5db177c', class: "p-2 hover:bg-hover rounded-full transition-colors", onClick: this.handleClose }, index.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" }, index.h("line", { key: '751c5243b5b785a21131b02a3142c6d46e0cffeb', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: 'e26bd2a1b20aa718ced6183130e962c9dbd159b9', x1: "6", y1: "6", x2: "18", y2: "18" })))), index.h("div", { key: '560be61d72a1a98eea4d2788d49eee7a3107470d', class: "space-y-4" }, index.h("div", { key: '2e6422d175602e7a53eb3d629c37c47980c08da1' }, index.h("h3", { key: '0d043e5ddbfb9de4a8c198d748bd5ae39fd3b4b4', class: "text-sm font-medium text-text-muted mb-1" }, "Debug Information"), index.h("p", { key: '547de97a72e386222c53a5d890ad0df8fdb4d01e', class: "text-sm text-text-muted mb-1" }, "state: ", JSON.stringify(state, null, 2)), index.h("p", { key: 'f0b99a34387a052b37263f23dc9508f633b8ba25', class: "text-sm text-text-muted mb-1" }, navigator.userAgent)), index.h("div", { key: '
|
|
2578
|
-
.value) }, index.h("option", { key: '
|
|
2579
|
-
"en" }, "English"), index.h("option", { key: '
|
|
2580
|
-
"es" }, "Espa\u00F1ol"), index.h("option", { key: '
|
|
2581
|
-
"de" }, "Deutsch"))), index.h("div", { key: '
|
|
2582
|
-
.value)) })), index.h("div", { key: '
|
|
2583
|
-
.value)) })), index.h("div", { key: '
|
|
2584
|
-
.value)) }))), index.h("div", { key: '
|
|
2577
|
+
return (index.h("div", { key: '69815a7efeb8f52a5d3422b06dc212a50b9f405b', class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, index.h("div", { key: 'ed368ae8d0d6d2946c5a4ecc559f018521e1bce8', class: "bg-primary rounded-4xl p-6 w-full max-w-md" }, index.h("div", { key: 'f51088beb4d8445503fa08c3dd2a2b8c886f79ce', class: "flex justify-between items-center mb-6" }, index.h("h2", { key: 'a9bcb7b893961bbf2032c1b8a110624ec3a95e65', class: "text-xl font-semibold" }, "Settings"), index.h("button", { key: '47d4dc1cc0789485da95218becfc921ae5db177c', class: "p-2 hover:bg-hover rounded-full transition-colors", onClick: this.handleClose }, index.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" }, index.h("line", { key: '751c5243b5b785a21131b02a3142c6d46e0cffeb', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: 'e26bd2a1b20aa718ced6183130e962c9dbd159b9', x1: "6", y1: "6", x2: "18", y2: "18" })))), index.h("div", { key: '560be61d72a1a98eea4d2788d49eee7a3107470d', class: "space-y-4" }, index.h("div", { key: '2e6422d175602e7a53eb3d629c37c47980c08da1' }, index.h("h3", { key: '0d043e5ddbfb9de4a8c198d748bd5ae39fd3b4b4', class: "text-sm font-medium text-text-muted mb-1" }, "Debug Information"), index.h("p", { key: '547de97a72e386222c53a5d890ad0df8fdb4d01e', class: "text-sm text-text-muted mb-1" }, "state: ", JSON.stringify(state, null, 2)), index.h("p", { key: 'f0b99a34387a052b37263f23dc9508f633b8ba25', class: "text-sm text-text-muted mb-1" }, navigator.userAgent), index.h("p", { key: '4a2c3aa214e781382a87d95788f3c9523985db0a', class: "text-sm text-text-muted mb-1" }, navigator.userAgent.indexOf("Safari")), index.h("p", { key: '0d5f13001df1bf11673a8f59e297b4c3d391e765', class: "text-sm text-text-muted mb-1" }, "maxTouchPoints: ", navigator.maxTouchPoints), index.h("p", { key: '838166e182532f6ea47d428effa807eb0b3290f2', class: "text-sm text-text-muted mb-1" }, "iPhone: ", navigator.userAgent.indexOf("iPhone")), index.h("p", { key: '46b7dc2994acb74613a0f41193c146bcf22fe0df', class: "text-sm text-text-muted mb-1" }, "Mac OS: ", navigator.userAgent.indexOf("Mac OS"))), index.h("div", { key: 'bd1580a6a6b2a14801b5d5b067656c109b411e07' }, index.h("label", { key: 'f05c3888b51478b46a30f4296288f67bb9d2b6eb', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.language), index.h("select", { key: '665a59199792a6990d234b63122c59d09c1d397d', class: "w-full bg-muted rounded-4xl p-2", onInput: (e) => this.handleInputChange("language", e.target
|
|
2578
|
+
.value) }, index.h("option", { key: '71f7fb747420cd9c5802fdf6e03ae89f981d397e', value: "en", selected: this.tempSettings.language ===
|
|
2579
|
+
"en" }, "English"), index.h("option", { key: 'c0b414893db15136e1e4181fdb16dc87735ed407', value: "es", selected: this.tempSettings.language ===
|
|
2580
|
+
"es" }, "Espa\u00F1ol"), index.h("option", { key: '41d7657596dae2053c4119a79f59b478de02baae', value: "de", selected: this.tempSettings.language ===
|
|
2581
|
+
"de" }, "Deutsch"))), index.h("div", { key: '9897966be0d87c2eb929c53a4269562fe4495bad' }, index.h("label", { key: '3d7ae85d8816418d0c995eaae078cd8c70c9db23', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.rowSpacing), index.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
|
|
2582
|
+
.value)) })), index.h("div", { key: '2ddcb33f238dc125a70fbe6c344c1dd368848797' }, index.h("label", { key: 'e57930b3556ff891698b595572869cc0563bdbcb', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.columnSpacing), index.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
|
|
2583
|
+
.value)) })), index.h("div", { key: '88ed635ba92c8cf7673cd326370fcccdf6ee7345' }, index.h("label", { key: 'd7460245020d7e215dd96a380e18004ef6fee7e3', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.borderInset), index.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
|
|
2584
|
+
.value)) }))), index.h("div", { key: '59b3b522bc3cde54bc015e5a1ade3fb86ece6dd8', class: "flex justify-end gap-4 mt-6" }, index.h("button", { key: 'e6160b4eda92f08bdbabbf024bf19c3ee6bbec85', class: "px-4 py-2 bg-surface rounded-4xl hover:bg-surface-hover transition-colors", onClick: this.handleClose }, "Cancel"), index.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")))));
|
|
2585
2585
|
}
|
|
2586
2586
|
};
|
|
2587
2587
|
SettingsModal.style = outputCss$4;
|
|
@@ -2738,7 +2738,9 @@ const SolarExpert = class {
|
|
|
2738
2738
|
}
|
|
2739
2739
|
});
|
|
2740
2740
|
state.settings.language = this.language;
|
|
2741
|
-
|
|
2741
|
+
const isIPhone = navigator.userAgent.indexOf("iPhone") != -1;
|
|
2742
|
+
const isMac = navigator.userAgent.indexOf("Mac OS") != -1;
|
|
2743
|
+
state.isIOS = isIPhone || isMac;
|
|
2742
2744
|
this.applyTheme();
|
|
2743
2745
|
}
|
|
2744
2746
|
colorSchemeChanged() {
|
|
@@ -2795,9 +2797,9 @@ const SolarExpert = class {
|
|
|
2795
2797
|
}
|
|
2796
2798
|
render() {
|
|
2797
2799
|
const t = getLanguageStrings(this.language);
|
|
2798
|
-
return (index.h("div", { key: '
|
|
2800
|
+
return (index.h("div", { key: '6efda59f1262e16b8490d167b0555a0b52ecaed1', class: "flex flex-col w-full h-full p-3 m-auto", id: "solar-calculator" }, this.showMapSelector
|
|
2799
2801
|
? (index.h("map-selector", { "api-key": this.apiKey, language: this.language }))
|
|
2800
|
-
: (index.h(index.h.Fragment, null, index.h("div", { class: "pb-3 flex flex-row gap-4 items-stretch w-full bg-primary" }, index.h("div", { class: "relative flex-3" }, index.h("div", { class: "absolute left-3 top-
|
|
2802
|
+
: (index.h(index.h.Fragment, null, index.h("div", { class: "pb-3 flex flex-row gap-4 items-stretch w-full bg-primary" }, index.h("div", { class: "relative flex-3" }, index.h("div", { class: "absolute left-3 top-0 h-full flex items-center text-muted-foreground pointer-events-none" }, index.h("search-icon", null)), index.h("input", { ref: (el) => this.inputElement = el, type: "text", placeholder: t.solarExpert
|
|
2801
2803
|
.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" })), index.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)), index.h("map-draw", { apiKey: this.apiKey })))));
|
|
2802
2804
|
}
|
|
2803
2805
|
static get watchers() { return {
|
|
@@ -3083,13 +3085,13 @@ const SolarSystemForm = class {
|
|
|
3083
3085
|
}
|
|
3084
3086
|
render() {
|
|
3085
3087
|
const t = getLanguageStrings(state.settings.language);
|
|
3086
|
-
return (index.h("div", { key: '
|
|
3088
|
+
return (index.h("div", { key: 'c58777c83db7eb4dd40579f5545a063b7b6fb524', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
3087
3089
|
,
|
|
3088
3090
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
3089
3091
|
// ? "none"
|
|
3090
3092
|
// : "flex",
|
|
3091
3093
|
// }}
|
|
3092
|
-
id: "solar-system-form" }, index.h("h1", { key: '
|
|
3094
|
+
id: "solar-system-form" }, index.h("h1", { key: '8f6d8d53a5d39ab0a6397d9e0da03fe711752389', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), index.h("div", { key: 'cfdb4d001314ca2b6588666bdd733274e29475cf', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, index.h("div", { key: '0967063f18004832e3da8b4a96f0dedf4a31abad', class: "space-y-4" }, index.h("h2", { key: 'f4fe8c88c26999faa5a643192d04db865625df1f', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), index.h("div", { key: 'fa0cdc6da656c99373eec1d736c40d78173ae987', class: "grid grid-rows-3 gap-0" }, index.h("div", { key: 'a28899e64ec8bd1ad71ebeb6d53dbd7f3b8ebe3c', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '2cbaa3a57a884b87c8f1afd87f294bf7423797ab', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.numberOfPanels), index.h("label", { key: '1e7e9c015e9dbfa4ac9e4bf46c37bfd4ef4fc744', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.panelPeakPower)), index.h("div", { key: 'cb71e3ac0bdeaa26c6531d7713c92b570bf5916d', class: "grid grid-cols-2 gap-4" }, !this.isIOS()
|
|
3093
3095
|
? (index.h("input", { type: "number", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.numberOfPanels, readOnly: true }))
|
|
3094
3096
|
: (index.h("input", { type: "number", min: "1", max: this.maxPanels, class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.numberOfPanels, onInput: (e) => {
|
|
3095
3097
|
const value = parseInt(e.target
|
|
@@ -3100,36 +3102,36 @@ const SolarSystemForm = class {
|
|
|
3100
3102
|
this.numberOfPanels = value;
|
|
3101
3103
|
this.recalculate();
|
|
3102
3104
|
}
|
|
3103
|
-
} })), index.h("input", { key: '
|
|
3104
|
-
(index.h("input", { key: '
|
|
3105
|
+
} })), index.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 })), index.h("div", { key: 'e18942de97c84f26f7f4d2b7c3a1327ad3a18e7f', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: '381937a1302d2e3ff41f4bc9535f9724ee530f7a', class: "w-full pt-2" }, !this.isIOS() &&
|
|
3106
|
+
(index.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) => {
|
|
3105
3107
|
this.numberOfPanels =
|
|
3106
3108
|
parseInt(e.target
|
|
3107
3109
|
.value);
|
|
3108
3110
|
this.recalculate();
|
|
3109
|
-
} }))))), index.h("div", { key: '
|
|
3110
|
-
this.numberOfPanels).toFixed(1), " kW")))), index.h("div", { key: '
|
|
3111
|
+
} }))))), index.h("div", { key: '37503437e56fc85df237186080608fd81a4dc6b4', class: "bg-muted rounded-4xl p-4" }, index.h("div", { key: 'fcb8814774c956c2708f904e5acdcb3e92db2ed7', class: "flex items-center justify-between" }, index.h("span", { key: '5a6c97b4d17f8911d7712ad834a6d26191525606', class: "text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), index.h("span", { key: '2d3cadc2f9f25ec8d007e4b05cfc6adae41ce7ab', class: "text-xl font-bold text-secondary" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
3112
|
+
this.numberOfPanels).toFixed(1), " kW")))), index.h("div", { key: '12925efb74638a148c07070056c8c9a8a482fe8f', class: "space-y-4" }, index.h("h2", { key: 'ba00a7cb660abc5d1eed941f2204b66f296b4652', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), index.h("div", { key: 'd499fed07d0d96b195139711d7aced657ea9c836', class: "grid grid-rows-2 gap-0" }, index.h("div", { key: 'd3b4ccf0494101d1a8eb192d1d09812c5c3cef80', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '2332ef94293d829a67e63f189bd2bc725f4818a2', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), index.h("label", { key: '6da6d21bf7fbe57c87b83f6ac20dec3c9a6fc736', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), index.h("div", { key: 'd56fefc25176cddb7218296e4cc85e32e9c7421e', class: "grid grid-cols-2 gap-4" }, index.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) => {
|
|
3111
3113
|
this.householdConsumption = parseInt(e.target
|
|
3112
3114
|
.value);
|
|
3113
3115
|
this.recalculate();
|
|
3114
|
-
} }), index.h("select", { key: '
|
|
3116
|
+
} }), index.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) => {
|
|
3115
3117
|
this.consumptionProfile =
|
|
3116
3118
|
e.target
|
|
3117
3119
|
.value;
|
|
3118
3120
|
this.recalculate();
|
|
3119
|
-
} }, index.h("option", { key: '
|
|
3121
|
+
} }, index.h("option", { key: '53237c3fb0b685a91414a98323a1ba16deca335a', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
3120
3122
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
3121
|
-
.mostlyAtHome), index.h("option", { key: '
|
|
3123
|
+
.mostlyAtHome), index.h("option", { key: 'a713af601a9a122e83a7610df91dc87046c32684', value: "mostly_away", selected: this.consumptionProfile ===
|
|
3122
3124
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
3123
|
-
.mostlyAway))))), index.h("div", { key: '
|
|
3125
|
+
.mostlyAway))))), index.h("div", { key: 'e22302c5432e13704827226a9348eb5135fbd168', class: "space-y-4" }, index.h("h2", { key: '22ff557a03b832de10382cbd9e2934f1e40f48c1', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), index.h("div", { key: '8dc84f2bee4d59e5a9024b252a990a6d86729bfa', class: "flex flex-col gap-4" }, index.h("div", { key: 'dfa92f5717a77e1f1d2bb6549ae38ce02aaccb7c', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '70a5a4390c42cd96d5ea7238842bc9a30e387d24', class: "flex items-center justify-between" }, index.h("div", { key: 'c6454e366f5086e6ca7964b2d41561a4f422ed1a', class: "flex items-center gap-2" }, index.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) => {
|
|
3124
3126
|
this.heatPump =
|
|
3125
3127
|
e.target
|
|
3126
3128
|
.checked
|
|
3127
3129
|
? 100
|
|
3128
3130
|
: 0;
|
|
3129
3131
|
this.recalculate();
|
|
3130
|
-
} }), index.h("label", { key: '
|
|
3132
|
+
} }), index.h("label", { key: '3d3bcbaddc2483d60637934cb8e0a5398b05f633', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
3131
3133
|
.additionalComponents
|
|
3132
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (index.h("span", { key: '
|
|
3134
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (index.h("span", { key: 'afe05b6c84fb68e4345fdb0a9c70fbf1fcaae9d6', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (index.h("div", { key: '9c3da7f679166ccd999b65d46e8e95fad6e2f8d6', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3133
3135
|
? (index.h("div", { class: "flex items-center gap-2" }, index.h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.heatPump, onInput: (e) => {
|
|
3134
3136
|
const value = parseInt(e.target
|
|
3135
3137
|
.value);
|
|
@@ -3145,37 +3147,37 @@ const SolarSystemForm = class {
|
|
|
3145
3147
|
parseInt(e.target
|
|
3146
3148
|
.value);
|
|
3147
3149
|
this.recalculate();
|
|
3148
|
-
} }))))), index.h("div", { key: '
|
|
3150
|
+
} }))))), index.h("div", { key: '6f2083075d0e40e0dcb679448f2b96dde1643da6', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '77a93f11a3c846f748fe6cd7b6b5ebd8c17bdcb3', class: "flex items-center justify-between" }, index.h("div", { key: 'd2f362806ba9a539218f31282f15e7faaf2aa646', class: "flex items-center gap-2" }, index.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) => {
|
|
3149
3151
|
this.electricCar =
|
|
3150
3152
|
e.target
|
|
3151
3153
|
.checked;
|
|
3152
3154
|
this.recalculate();
|
|
3153
|
-
} }), index.h("label", { key: '
|
|
3155
|
+
} }), index.h("label", { key: 'd4c598d484a9e3da63eff6cd811db8049cccb3eb', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
3154
3156
|
.additionalComponents
|
|
3155
|
-
.electricCar))), this.electricCar && (index.h("div", { key: '
|
|
3157
|
+
.electricCar))), this.electricCar && (index.h("div", { key: '751c30033bf00abcef925ceb980a95805a21df31', class: "flex flex-col gap-2" }, index.h("div", { key: '63d33a0f5e3f84e8a6194fc43c5e5df802c67fad', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '71ae1e3f6cd9958b031063c0e926512d289aafda', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3156
3158
|
.additionalComponents
|
|
3157
|
-
.chargingTime), index.h("label", { key: '
|
|
3159
|
+
.chargingTime), index.h("label", { key: '78fff69c03333669afa3b4b6bf38ec5ba3a1bf44', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3158
3160
|
.additionalComponents
|
|
3159
|
-
.kilometersPerYear)), index.h("div", { key: '
|
|
3161
|
+
.kilometersPerYear)), index.h("div", { key: '3d74c92eb5a96352367172678eeb904841200bb4', class: "grid grid-cols-2 gap-4" }, index.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) => {
|
|
3160
3162
|
this.electricCarChargingTime =
|
|
3161
3163
|
e.target
|
|
3162
3164
|
.value;
|
|
3163
3165
|
this.recalculate();
|
|
3164
|
-
} }, index.h("option", { key: '
|
|
3166
|
+
} }, index.h("option", { key: '039b58a3c2704da605440cc66ef557e37831ad1b', value: "day", selected: this
|
|
3165
3167
|
.electricCarChargingTime ===
|
|
3166
3168
|
"day" }, t.solarSystemForm
|
|
3167
3169
|
.additionalComponents
|
|
3168
|
-
.chargingTimeDay), index.h("option", { key: '
|
|
3170
|
+
.chargingTimeDay), index.h("option", { key: 'b12b7e92e147a7235972fb7ce0e405c7ecb1cf3c', value: "night", selected: this
|
|
3169
3171
|
.electricCarChargingTime ===
|
|
3170
3172
|
"night" }, t.solarSystemForm
|
|
3171
3173
|
.additionalComponents
|
|
3172
|
-
.chargingTimeNight)), index.h("input", { key: '
|
|
3174
|
+
.chargingTimeNight)), index.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) => {
|
|
3173
3175
|
this.kmDrivenPerYear =
|
|
3174
3176
|
parseInt(e.target
|
|
3175
3177
|
.value);
|
|
3176
3178
|
this.recalculate();
|
|
3177
|
-
} }))))), index.h("div", { key: '
|
|
3178
|
-
.battery), !this.isIOS() && (index.h("span", { key: '
|
|
3179
|
+
} }))))), index.h("div", { key: 'd39d320c00a3407937cafbf26b061f739de9627f', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: 'a546eb35e60b97b47f1fa7836a547d257cd9de83', class: "flex items-center justify-between" }, index.h("label", { key: '5d8202dc51be638b862229918b0a24a2d0a9c7a7', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
|
|
3180
|
+
.battery), !this.isIOS() && (index.h("span", { key: 'f145a7be5e343edcf1fd9d66695ed05dbf9c0b82', class: "text-text-muted" }, this.battery, " kWh"))), index.h("div", { key: '088eed5b81f1d2c7ac9990c7c164b7744abe9371', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3179
3181
|
? (index.h("div", { class: "flex items-center gap-2" }, index.h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
|
|
3180
3182
|
const value = parseInt(e.target
|
|
3181
3183
|
.value);
|
|
@@ -3190,37 +3192,37 @@ const SolarSystemForm = class {
|
|
|
3190
3192
|
this.battery = parseInt(e.target
|
|
3191
3193
|
.value);
|
|
3192
3194
|
this.recalculate();
|
|
3193
|
-
} })))))), index.h("div", { key: '
|
|
3195
|
+
} })))))), index.h("div", { key: '7b6611e7d71f5219dad46bfcb6b29334df4c62b0', class: "space-y-4" }, index.h("h2", { key: 'e25ba45b8af1fc9c5430caa7628623bb06a877fb', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), index.h("div", { key: '13ee68eaa8e6272a76bd91f6faa4cbd49c828ba1', class: "grid grid-rows-2 gap-0" }, index.h("div", { key: '913ff149a4a1a55f42c19f28e6e36f9ca74f4166', class: "grid grid-cols-3 gap-4" }, index.h("label", { key: '8672c051c4a8c5498b73d5c5eb867875b394d560', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), index.h("label", { key: 'd5b18879d3aaad25b0c87a07e0f5498f24ce6826', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), index.h("label", { key: 'aa901ab741db5f6d626235a35e86a84eeca71c5e', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), index.h("div", { key: '82b41e70d26578e176fc223a7026ce7011870d99', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, index.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) => {
|
|
3194
3196
|
this.electricityPrice = parseFloat(e.target
|
|
3195
3197
|
.value);
|
|
3196
3198
|
this.recalculate();
|
|
3197
|
-
} }), index.h("input", { key: '
|
|
3199
|
+
} }), index.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) => {
|
|
3198
3200
|
this.compensationRate = parseFloat(e.target
|
|
3199
3201
|
.value);
|
|
3200
3202
|
this.recalculate();
|
|
3201
|
-
} }), index.h("input", { key: '
|
|
3203
|
+
} }), index.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) => {
|
|
3202
3204
|
this.annualPriceIncrease = parseFloat(e.target
|
|
3203
3205
|
.value);
|
|
3204
3206
|
this.recalculate();
|
|
3205
|
-
} })))), index.h("div", { key: '
|
|
3207
|
+
} })))), index.h("div", { key: 'd8d28b0b38f3878f7f934d673b6a669b4e534b5f', class: "space-y-4 p-4 border border-border rounded-4xl" }, index.h("h2", { key: 'be8b0acb0adfc87e2afd9aa00388eb4a7f307c28', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), index.h("div", { key: '61af5a2d0c8c1aaafbcd8ba41e1139640788a7d4', class: "bg-muted rounded-4xl p-4" }, index.h("div", { key: '0520e67bb0252d31fbfba488217547812cec00a3', class: "flex items-center justify-between" }, index.h("span", { key: 'c9d35867d975c98d01db75902c6813fd2fb9b767', class: "text-text-muted" }, t.solarSystemForm.autonomy), index.h("span", { key: '9ef18c401de3a992ef3a7f459617cfd4dd8c0a08', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
|
|
3206
3208
|
? "100"
|
|
3207
|
-
: this.autonomy.toFixed(1), "%")), index.h("div", { key: '
|
|
3208
|
-
.savingsDisclaimer))), index.h("span", { key: '
|
|
3209
|
-
.solarSystemForm.year)), index.h("div", { key: '
|
|
3209
|
+
: this.autonomy.toFixed(1), "%")), index.h("div", { key: '712a70ea717175793ddd38699ca45b080dacd249', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '920ca4c50cd5ddfff3ef2f1a5eeb8a52d158b5d2', class: "flex items-center gap-2" }, index.h("span", { key: 'b234a6f6cc8caab1c58ac0695e71b19fc0b1ad6e', class: "text-text-muted" }, t.solarSystemForm.costSavings), index.h("div", { key: '7887922d2aba3e543558c27f0f4aa20c4392eb57', class: "relative group" }, index.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" }, index.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" })), index.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
|
|
3210
|
+
.savingsDisclaimer))), index.h("span", { key: '3dcbca7e66dbcbcb25a877d70e792051beb20240', class: "text-xl font-bold text-success" }, this.costSavings.toFixed(2), "\u20AC/", t
|
|
3211
|
+
.solarSystemForm.year)), index.h("div", { key: '3bb3f98d227d0713b6e653b3e4044a4c3be3c3d2', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '5d24629acf34dea5fbc3efb19884a2e45c630cca', class: "flex items-center gap-2" }, index.h("span", { key: '5d04bf4f77832c39abacb35fb5615d4daf79169f', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), index.h("span", { key: '03775d1ae0490de0c29521cc6a29202bae96aa45', class: "text-xl font-bold text-success" }, this.compensation25Years.toFixed(2), "\u20AC")), index.h("div", { key: '568c7b218f9ada6c41b79df6f484a1490942130d', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '6e38b66476972658cdcf31f6585717ebb0462d15', class: "flex items-center gap-2" }, index.h("span", { key: '9681ea349b79467c0ed1c7c037844752943bb398', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), index.h("span", { key: '1a0d41da8e4371e511cce0415c90ea02e27f2c9c', class: "text-xl font-bold text-success" }, this.savedCosts25Years.toFixed(2), "\u20AC")))), index.h("div", { key: '01a6cd62eedbdf7c4dcf428a0f5220d3596e8153', class: "space-y-4 pt-4" }, index.h("h2", { key: 'd9ed42522ca59b26096a6f3b71287e86ab7ad4a5', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), index.h("div", { key: 'd4d83942d4c345b7bc5ae31e48386a86422d7a35', class: "grid gap-4" }, index.h("div", { key: 'c74bf83f9cd2209c8c5eb539fe9bf3ebadf0d889', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '1855733a879c9f19e890dbb4348b068b7eddf0f1', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), index.h("label", { key: '0f79a4878df0754e9e5908706fc673bab57597ac', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), index.h("div", { key: 'd33d202d2865fc2b9bf2006593c4a75b667e04fb', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: 'aa6647a9573369cd7cc6515887aa8601e305f434' }, index.h("input", { key: '5a1ee29bae3f9b80d725e904f618fbbfdb595add', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
3210
3212
|
? "border-error"
|
|
3211
3213
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
3212
3214
|
this.name =
|
|
3213
3215
|
e.target
|
|
3214
3216
|
.value;
|
|
3215
3217
|
this.validateForm();
|
|
3216
|
-
}, placeholder: "Your name" }), this.nameError && (index.h("p", { key: '
|
|
3218
|
+
}, placeholder: "Your name" }), this.nameError && (index.h("p", { key: 'c0024d874a8e1970f6d8bd34112e096683c08ea4', class: "text-error text-sm mt-1" }, this.nameError))), index.h("div", { key: 'a4ca9e0bac3472d38b9b28e809e216c9d828a0fd' }, index.h("input", { key: '69a0d659a7a9bda7829d514f4844ff31d3f48f03', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
3217
3219
|
? "border-error"
|
|
3218
3220
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
3219
3221
|
this.email =
|
|
3220
3222
|
e.target
|
|
3221
3223
|
.value;
|
|
3222
3224
|
this.validateForm();
|
|
3223
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (index.h("p", { key: '
|
|
3225
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (index.h("p", { key: '7295f592a6924b7a003ca96c5da296d1dc57486d', class: "text-error text-sm mt-1" }, this.emailError))))), index.h("div", { key: 'ee4dd4e554f25d0c2384f77d6845cf81990ba6db', class: "flex justify-center" }, index.h("button", { key: 'b931e29f4a2a27110ef0b014a745d35428982ef9', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
3224
3226
|
!this.email.trim() || !!this.nameError ||
|
|
3225
3227
|
!!this.emailError, class: "px-4 py-2 bg-secondary rounded-4xl hover:bg-tertiary transition-colors duration-200 text-muted" }, t.solarSystemForm.requestOfferButton))))));
|
|
3226
3228
|
}
|