blue-chestnut-solar-expert 0.0.15 → 0.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stencil-library/map-draw.entry.esm.js.map +1 -1
- package/dist/stencil-library/map-draw.entry.js +37 -9
- package/dist/stencil-library/map-draw.entry.js.map +1 -1
- package/dist/stencil-library/map-selector.entry.js +3 -3
- package/dist/stencil-library/settings-modal.entry.js +9 -9
- package/dist/stencil-library/solar-expert.entry.esm.js.map +1 -1
- package/dist/stencil-library/solar-expert.entry.js +16 -5
- package/dist/stencil-library/solar-expert.entry.js.map +1 -1
- package/dist/stencil-library/solar-system-form.entry.esm.js.map +1 -1
- package/dist/stencil-library/solar-system-form.entry.js +31 -26
- package/dist/stencil-library/solar-system-form.entry.js.map +1 -1
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/dist/stencil-library/store-CbFNgpiN.js +583 -0
- package/dist/stencil-library/store-CbFNgpiN.js.map +1 -0
- package/dist/stencil-library/tool-box.entry.js +2 -2
- package/dist/types/components/map-draw/map-draw.d.ts +1 -0
- package/dist/types/store.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-DZjEuBrX.js';
|
|
2
2
|
import { d as CONSUMPTION_PROFILES, S as SOLAR_RADIATION, b as DEFAULT_SOLAR_PANEL_TYPE } from './config-hh5GAFbi.js';
|
|
3
|
-
import { g as getLanguageStrings, s as state } from './store-
|
|
3
|
+
import { g as getLanguageStrings, s as state } from './store-CbFNgpiN.js';
|
|
4
4
|
|
|
5
5
|
const outputCss = "/*! tailwindcss v4.1.7 | 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-red-500: oklch(63.7% 0.237 25.331);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\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-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-md: 28rem;\n --container-2xl: 42rem;\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 }\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 {\n top: calc(var(--spacing) * 1);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .right-4 {\n right: calc(var(--spacing) * 4);\n }\n .bottom-4 {\n bottom: calc(var(--spacing) * 4);\n }\n .bottom-full {\n bottom: 100%;\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-1 {\n left: calc(var(--spacing) * 1);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-3 {\n left: calc(var(--spacing) * 3);\n }\n .z-10 {\n z-index: 10;\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 .table {\n display: table;\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-2xl {\n max-width: var(--container-2xl);\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 .border-collapse {\n border-collapse: collapse;\n }\n .-translate-x-1 {\n --tw-translate-x: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\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 {\n --tw-translate-y: calc(var(--spacing) * -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 .resize {\n resize: both;\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 .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 {\n border-top-style: var(--tw-border-style);\n border-top-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-\\[\\#271200\\] {\n border-color: #271200;\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-red-500 {\n border-color: var(--color-red-500);\n }\n .bg-\\[\\#271200\\] {\n background-color: #271200;\n }\n .bg-\\[\\#f3ebda\\] {\n background-color: #f3ebda;\n }\n .bg-black {\n background-color: var(--color-black);\n }\n .bg-gray-200 {\n background-color: var(--color-gray-200);\n }\n .bg-gray-800 {\n background-color: var(--color-gray-800);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-white {\n background-color: var(--color-white);\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-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-\\[\\#271200\\] {\n color: #271200;\n }\n .text-\\[\\#964500\\] {\n color: #964500;\n }\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n .text-gray-500 {\n color: var(--color-gray-500);\n }\n .text-gray-600 {\n color: var(--color-gray-600);\n }\n .text-gray-700 {\n color: var(--color-gray-700);\n }\n .text-green-600 {\n color: var(--color-green-600);\n }\n .text-red-500 {\n color: var(--color-red-500);\n }\n .text-white {\n color: var(--color-white);\n }\n .underline {\n text-decoration-line: underline;\n }\n .accent-\\[\\#964500\\] {\n accent-color: #964500;\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 .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\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-\\[\\#3a1b00\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #3a1b00;\n }\n }\n }\n .hover\\:bg-\\[\\#271200\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #271200;\n }\n }\n }\n .hover\\:bg-\\[\\#964500\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #964500;\n }\n }\n }\n .hover\\:bg-\\[\\#ffffff\\] {\n &:hover {\n @media (hover: hover) {\n background-color: #ffffff;\n }\n }\n }\n .hover\\:bg-gray-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-200);\n }\n }\n }\n .hover\\:bg-gray-300 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-300);\n }\n }\n }\n .hover\\:bg-gray-500 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-gray-500);\n }\n }\n }\n .hover\\:text-white {\n &:hover {\n @media (hover: hover) {\n color: var(--color-white);\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-\\[\\#271200\\] {\n &:focus {\n --tw-ring-color: #271200;\n }\n }\n .focus\\:ring-\\[\\#964500\\] {\n &:focus {\n --tw-ring-color: #964500;\n }\n }\n .focus\\:ring-blue-500 {\n &:focus {\n --tw-ring-color: var(--color-blue-500);\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-white {\n &::-webkit-slider-thumb {\n background-color: var(--color-white);\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-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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-outline-style: solid;\n --tw-duration: initial;\n }\n }\n}\n";
|
|
6
6
|
|
|
@@ -239,95 +239,100 @@ const SolarSystemForm = class {
|
|
|
239
239
|
}
|
|
240
240
|
render() {
|
|
241
241
|
const t = getLanguageStrings(state.settings.language);
|
|
242
|
-
return (h("div", { key: '
|
|
243
|
-
|
|
244
|
-
|
|
242
|
+
return (h("div", { key: '9d8fd0e2f8e276ecfc46ab5b0011f4065bd8a4f5', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
243
|
+
,
|
|
244
|
+
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
245
|
+
// ? "none"
|
|
246
|
+
// : "flex",
|
|
247
|
+
// }}
|
|
248
|
+
id: "solar-system-form" }, h("h1", { key: 'f660e36533ba27bcb375e5306acc0aff23cdc67d', class: "text-2xl font-bold text-[#271200] mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '84a2389975e952fc9d40569eb403b8fcc1e3d8df', class: "w-full bg-[#f3ebda] rounded-4xl p-6 space-y-6" }, h("div", { key: '27928b30dee59d70bd29517970159d342b1eb1c5', class: "space-y-4" }, h("h2", { key: '3023e9c378e53798f23cb3b6f716f97c512b6566', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.systemInformation), h("div", { key: '62bedbb70f9652dee36898c08c924f9ab5ca9971', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'a77fe2bba5d2230fc07b2a446c37d868b3b7e114', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'b70d49c5393374e009374ec4a2309c09e4ec7cf2', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.numberOfPanels), h("label", { key: '53c665be38ee521f7b763fadf21de5817a83e8f6', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.panelPeakPower)), h("div", { key: '4e73bb93dff448408a555b5fbfdf76d9cd9af4d6', class: "grid grid-cols-2 gap-4" }, h("input", { key: '2eda11a7c536f868304cfa2e96ecc5a4ac768178', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.numberOfPanels, readOnly: true }), h("input", { key: '28ed178d47f9832d4072eedcb951ff4b66139c1e', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.panelPeakPower, readonly: true }))), h("div", { key: '543c3da7fe801f934f29a350698631052dcff076', class: "bg-white rounded-4xl p-4" }, h("div", { key: 'e11b5feb5cab6b4a206cc6392ee11f14b808b852', class: "flex items-center justify-between" }, h("span", { key: 'e6b11ba7eb8660b3720fe4ccef5da71363b47890', class: "text-gray-600" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: '87b7e9307e247ddb0aafcf7973b661f849d106df', class: "text-xl font-bold text-[#271200]" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
249
|
+
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '048bccdfcd0b92a0696c7074c7c071fcbdadc24e', class: "space-y-4" }, h("h2", { key: 'b5489008dfecc9fa3ec6da054512ab40554e5ac6', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '21adaee726b67a2514a7c0d3bb90a9c51f743f3d', class: "grid grid-rows-2 gap-0" }, h("div", { key: '1c85e5c384b4f1dd49cd89e3748ba2308183dc24', class: "grid grid-cols-2 gap-4" }, h("label", { key: '92ae22255228c0618d8da704d864a0eb05118820', class: "block text-sm font-medium text-gray-600" }, t.solarSystemForm.annualConsumption), h("label", { key: '7ce547f7e989af4df91cd1a7ece5df67a90c1616', class: "block text-sm font-medium text-gray-600" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '68332506c8a8ae339cd5d33379b7480ad10eeec4', class: "grid grid-cols-2 gap-4" }, h("input", { key: '08ed757480dd0eabfe96995bd778b0ee96ef9b01', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.householdConsumption, onInput: (e) => {
|
|
245
250
|
this.householdConsumption = parseInt(e.target
|
|
246
251
|
.value);
|
|
247
252
|
this.recalculate();
|
|
248
253
|
this.updateChart();
|
|
249
|
-
} }), h("select", { key: '
|
|
254
|
+
} }), h("select", { key: '29eacf0b6727fe47586febc387219323d374c28d', class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", onChange: (e) => {
|
|
250
255
|
this.consumptionProfile =
|
|
251
256
|
e.target
|
|
252
257
|
.value;
|
|
253
258
|
this.recalculate();
|
|
254
259
|
this.updateChart();
|
|
255
|
-
} }, h("option", { key: '
|
|
260
|
+
} }, h("option", { key: '30f0204de862d8a97495344aa4bc7629d65be77a', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
256
261
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
257
|
-
.mostlyAtHome), h("option", { key: '
|
|
262
|
+
.mostlyAtHome), h("option", { key: '77381875277684c157272da1481f11c0c4a6ba52', value: "mostly_away", selected: this.consumptionProfile ===
|
|
258
263
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
259
|
-
.mostlyAway))))), h("div", { key: '
|
|
264
|
+
.mostlyAway))))), h("div", { key: '8ee64f0a97be6a2fae69974dfe9b8608fe907d02', class: "space-y-4" }, h("h2", { key: '1e9fc3ea6f0f041597ee8f58a1c4ea4f2d2e492e', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'b8ca97e847c7b3320a40c9e0ed0c1673b20fc3b2', class: "flex flex-col gap-4" }, h("div", { key: 'f008b0a69009510594741d3a9694dbb62f11edee', class: "flex flex-col bg-white rounded-4xl p-4 gap-4" }, h("div", { key: 'd964a299e6dbf5c8d7b099c33daddaa9fd29a1af', class: "flex items-center justify-between" }, h("div", { key: '5e0d4bff021d15c7b7322396554f33c1f582581f', class: "flex items-center gap-2" }, h("input", { key: '4f3b82cdbf3ba28f464e112d808661126d1d051f', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-[#964500] border-gray-300 rounded-full focus:ring-[#964500] focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
|
|
260
265
|
this.heatPump =
|
|
261
266
|
e.target
|
|
262
267
|
.checked
|
|
263
268
|
? 100
|
|
264
269
|
: 0;
|
|
265
270
|
this.recalculate();
|
|
266
|
-
} }), h("label", { key: '
|
|
271
|
+
} }), h("label", { key: '3a1f93e471ea6c257196b57d7c899cbd884a767f', htmlFor: "heatPump", class: "text-gray-600" }, t.solarSystemForm
|
|
267
272
|
.additionalComponents
|
|
268
|
-
.heatPump)), this.heatPump > 0 && (h("span", { key: '
|
|
273
|
+
.heatPump)), this.heatPump > 0 && (h("span", { key: '3399cd61d7c64e4dd2a8a16669efacc3d6590a50', class: "text-gray-600" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '27f8a03a789ffb61cd85eaef4ee90070a86d4bf8', class: "flex flex-col gap-2" }, h("input", { key: '18da8a5c36a4eeb7ca1aefdfce81927977145d76', type: "range", min: "10", max: "300", step: "10", class: "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-white", value: this.heatPump, onInput: (e) => {
|
|
269
274
|
this.heatPump = parseInt(e.target
|
|
270
275
|
.value);
|
|
271
276
|
this.recalculate();
|
|
272
|
-
} })))), h("div", { key: '
|
|
277
|
+
} })))), h("div", { key: 'c83397262b3556d49a054530bb5b87ea9f613c66', class: "flex flex-col bg-white rounded-4xl p-4 gap-4" }, h("div", { key: '61c4065d10cdd73472ec1c4e7bc2745017ecbb2e', class: "flex items-center justify-between" }, h("div", { key: '0f007d4f9a392720d267ae13cba11b3e6090b059', class: "flex items-center gap-2" }, h("input", { key: '35d626b1184abd6fba4ebd83dd99a93511b74a81', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-[#964500] border-gray-300 rounded focus:ring-[#964500] focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
|
|
273
278
|
this.electricCar =
|
|
274
279
|
e.target
|
|
275
280
|
.checked;
|
|
276
281
|
this.recalculate();
|
|
277
|
-
} }), h("label", { key: '
|
|
282
|
+
} }), h("label", { key: '8ae511215743e820fd6e0cb32e7185f5247b4eb9', htmlFor: "electricCar", class: "text-gray-600" }, t.solarSystemForm
|
|
278
283
|
.additionalComponents
|
|
279
|
-
.electricCar))), this.electricCar && (h("div", { key: '
|
|
284
|
+
.electricCar))), this.electricCar && (h("div", { key: '7e651d3439eb7fc704b0e5707ab3205dc246d2a8', class: "flex flex-col gap-2" }, h("label", { key: '7cfbf30bba2d25ad00b464587bccf1267b855f0e', class: "text-sm text-gray-600" }, t.solarSystemForm
|
|
280
285
|
.additionalComponents
|
|
281
|
-
.chargingTime), h("select", { key: '
|
|
286
|
+
.chargingTime), h("select", { key: '606d48f10d1bea0606d427db503af718e71cc17c', class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", onChange: (e) => {
|
|
282
287
|
this.electricCarChargingTime =
|
|
283
288
|
e.target
|
|
284
289
|
.value;
|
|
285
290
|
this.recalculate();
|
|
286
|
-
} }, h("option", { key: '
|
|
291
|
+
} }, h("option", { key: 'b5db7a59b6e7d488bd470443acb07bdc77b266ed', value: "day", selected: this
|
|
287
292
|
.electricCarChargingTime ===
|
|
288
293
|
"day" }, t.solarSystemForm
|
|
289
294
|
.additionalComponents
|
|
290
|
-
.chargingTimeDay), h("option", { key: '
|
|
295
|
+
.chargingTimeDay), h("option", { key: '9b4592718a8f45aed1800b2d860a0ba4d2b15a03', value: "night", selected: this
|
|
291
296
|
.electricCarChargingTime ===
|
|
292
297
|
"night" }, t.solarSystemForm
|
|
293
298
|
.additionalComponents
|
|
294
|
-
.chargingTimeNight))))), h("div", { key: '
|
|
295
|
-
.battery), h("span", { key: '
|
|
299
|
+
.chargingTimeNight))))), h("div", { key: 'e8324e4f17c25a061d4f8f4b6227df25a7659331', class: "flex flex-col bg-white rounded-4xl p-4 gap-4" }, h("div", { key: 'd181f9b8d988b20c0fb5a6f8f76e36b5ae19da91', class: "flex items-center justify-between" }, h("label", { key: '0509cafb24f61c8ecdc0641f67fc4d20a9a31c92', class: "text-gray-600" }, t.solarSystemForm.additionalComponents
|
|
300
|
+
.battery), h("span", { key: '14d45f3a058b67487bbbd83c9d603086d5f358aa', class: "text-gray-600" }, this.battery, " kWh")), h("div", { key: '4134bac3b6bde65fce9a292ac42d4d3de22b889a', class: "flex flex-col gap-2" }, h("input", { key: 'b2576cab4d5ce5fbb40697207a04683ace79edca', type: "range", min: "0", max: "20", step: "1", class: "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-white", value: this.battery, onInput: (e) => {
|
|
296
301
|
this.battery = parseInt(e.target
|
|
297
302
|
.value);
|
|
298
303
|
this.recalculate();
|
|
299
|
-
} }))))), h("div", { key: '
|
|
304
|
+
} }))))), h("div", { key: '80eb6096a5e92bf059f7dde0f00336308be695ea', class: "space-y-4" }, h("h2", { key: 'e04064c5b345a27f6461a20550aa54f9df8cb9c4', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '5ff13fe39f2c97114c43027b80c6f6d52aff5be1', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'cc3355558817faaf4d7afc34f42f825745dec09a', class: "grid grid-cols-3 gap-4" }, h("label", { key: '9afe6b77c7857fc491517005fab0e86dcde8ef4b', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.electricityPrice), h("label", { key: '17cfa1869c24605e2b41c0a6dc0b7e4355b66f9b', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.compensationRate), h("label", { key: '5785b58e7271a2cfa71ffd94f54888d434f237b7', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.annualPriceIncrease)), h("div", { key: '7d38501914884843c857a57dcb60733148511cf0', class: "grid grid-cols-3 gap-4" }, h("input", { key: '2bdf6857cc417de1113c93ceb77f7fa05930533e', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.electricityPrice.toFixed(2), onInput: (e) => {
|
|
300
305
|
this.electricityPrice = parseFloat(e.target
|
|
301
306
|
.value);
|
|
302
307
|
this.recalculate();
|
|
303
308
|
this.updateChart();
|
|
304
|
-
} }), h("input", { key: '
|
|
309
|
+
} }), h("input", { key: 'a32241bcc6b210c1be689ebd5b45451741f45cff', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.compensationRate.toFixed(2), onInput: (e) => {
|
|
305
310
|
this.compensationRate = parseFloat(e.target
|
|
306
311
|
.value);
|
|
307
312
|
this.recalculate();
|
|
308
313
|
this.updateChart();
|
|
309
|
-
} }), h("input", { key: '
|
|
314
|
+
} }), h("input", { key: 'eb099c05451e31c412be6baf77ab7355f67562e1', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white", value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
|
|
310
315
|
this.annualPriceIncrease = parseFloat(e.target
|
|
311
316
|
.value);
|
|
312
317
|
this.recalculate();
|
|
313
318
|
this.updateChart();
|
|
314
|
-
} })))), h("div", { key: '
|
|
315
|
-
.savingsDisclaimer))), h("span", { key: '
|
|
316
|
-
.solarSystemForm.year)), h("div", { key: '
|
|
319
|
+
} })))), h("div", { key: 'f478f594c63e43a5f39cd09178e14e73bd6e797c', class: "space-y-4 pt-4 border-t border-gray-200" }, h("h2", { key: 'e7fa2b940c637514d836d330935fd0a43a3f91ce', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.resultsTitle), h("div", { key: '7d667978533d10e8848a4935f54acbcaee05b619', class: "bg-white rounded-4xl p-4" }, h("div", { key: '93b766d07413cd31633b48efa27612d9635d0af5', class: "flex items-center justify-between" }, h("span", { key: '7f02216e527b9b11eb881168bc4daab5d214cf7f', class: "text-gray-600" }, t.solarSystemForm.autonomy), h("span", { key: 'a1bb4096b2fe1ce586cc203eb6132b8d6e2e703f', class: "text-xl font-bold text-[#271200]" }, this.autonomy.toFixed(1), "%")), h("div", { key: '9aecdcf127852dd0a50b7234b0289f468b120524', class: "flex items-center justify-between mt-4" }, h("div", { key: '7ea220ec77b5080a4fdd8b28dd5d2d0f4198400a', class: "flex items-center gap-2" }, h("span", { key: '1c14eb1bf9c1dba580d0987ed77c0e63ba2d4e98', class: "text-gray-600" }, t.solarSystemForm.costSavings), h("div", { key: 'a919f30acc53e518eebc7da8a80ba474c21a1cc7', class: "relative group" }, h("svg", { key: '4504e677c18e4f1c0283b0e130cbf7d05b7cb1ff', 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: 'fc96c38660c1eef51cfa7a8a35a5132fee1d78e4', "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: '23dd3f546359c2843cd6cc282dc422eab0e8b671', class: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 w-64 p-2 bg-gray-800 text-white text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none" }, t.solarSystemForm
|
|
320
|
+
.savingsDisclaimer))), h("span", { key: '9688c5e4cc5a1e5d36dc0497f5862cc3da6f29aa', class: "text-xl font-bold text-green-600" }, this.costSavings.toFixed(2), "\u20AC/", t
|
|
321
|
+
.solarSystemForm.year)), h("div", { key: '99428e6d5be86dd4a4a5259ffd988e7bfef1056c', class: "flex items-center justify-between mt-4" }, h("div", { key: '8f06a0c1b1eb558d7d2376c58a769b6621c533d0', class: "flex items-center gap-2" }, h("span", { key: '963892e4d88ff1b1299a281a71a7ba133c1a859d', class: "text-gray-600" }, t.solarSystemForm.costSavings25Years)), h("span", { key: '067c6e8ca324ff439fd9724fa21c0ca487e4a313', class: "text-xl font-bold text-green-600" }, this.costSavings25Years.toFixed(2), "\u20AC")))), h("div", { key: '6decdc6ea22f7d66589f640eb8e3e0175002d4be', class: "space-y-4 pt-4 border-t border-gray-200" }, h("h2", { key: '6ebe8ae2a567c30ac5e30745e845395d5ae31e7e', class: "text-lg font-semibold text-[#271200]" }, t.solarSystemForm.requestOffer), h("div", { key: 'b383ecc16ae99ad0a56b7e4601a56b31f737ee09', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'f8b76a9a9cf881fff9adcbf40b0f7d635164669f', class: "grid grid-cols-2 gap-4" }, h("label", { key: '94dd167e9c5e41e8adf45ee923e101226968f832', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.name), h("label", { key: '42af376786f693601ddffd26c19593843cba5f16', class: "block text-sm font-medium text-gray-600 mb-1" }, t.solarSystemForm.email)), h("div", { key: '70bc60b22da56d845f50f2b6ee1302d6fc16fa95', class: "grid grid-cols-2 gap-4" }, h("input", { key: '8311a044890007cd38a7739c1af4c17199ece4d0', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
317
322
|
? "border-red-500"
|
|
318
323
|
: "border-gray-300"} focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white`, value: this.name, onInput: (e) => {
|
|
319
324
|
this.name =
|
|
320
325
|
e.target
|
|
321
326
|
.value;
|
|
322
327
|
this.validateForm();
|
|
323
|
-
}, placeholder: "Your name" }), this.nameError && (h("p", { key: '
|
|
328
|
+
}, placeholder: "Your name" }), this.nameError && (h("p", { key: 'f2bc0a63a6e37c601edf2321b1a23cff5c835d3f', class: "text-red-500 text-sm mt-1" }, this.nameError)), h("input", { key: '3493af67eed4422d7350a92a0fdd780f6b62e6d1', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
324
329
|
? "border-red-500"
|
|
325
330
|
: "border-gray-300"} focus:ring-2 focus:ring-[#964500] focus:border-transparent bg-white`, value: this.email, onInput: (e) => {
|
|
326
331
|
this.email =
|
|
327
332
|
e.target
|
|
328
333
|
.value;
|
|
329
334
|
this.validateForm();
|
|
330
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '
|
|
335
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '561e7435322c13680fe2b594187ddbd58e60c77d', class: "text-red-500 text-sm mt-1" }, this.emailError)))), h("div", { key: '3f00f8dd1496f69b63ded786d943bfaf068c8ffb', class: "flex justify-center" }, h("button", { key: '5ab10b3301f0663bdf3ef2c4334ae885359d0ca6', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
331
336
|
!this.email.trim() || !!this.nameError ||
|
|
332
337
|
!!this.emailError, class: "px-4 py-2 bg-[#271200] rounded-4xl hover:bg-[#964500] transition-colors duration-200", style: { color: "white" } }, t.solarSystemForm.requestOfferButton))))));
|
|
333
338
|
}
|