blue-chestnut-solar-expert 0.0.54 → 0.0.56

package/dist/stencil-library/solar-system-form.entry.js

@@ -1,444 +0,0 @@
-
-if (typeof global === "undefined") { var global = globalThis || window || self; }
-import { r as registerInstance, h } from './index-Cx8GOJRA.js';
-import { b as DEFAULT_SOLAR_PANEL_TYPE } from './config-CWfV1nKn.js';
-import { g as getLanguageStrings, s as state } from './store-4trH9erz.js';
-import { d as distExports, H as HEAT_PUMP_CONSUMPTION } from './constants-pXQQsEkH.js';
-import { s as sendLeadToNexvoro } from './api-90JQS7b6.js';
-
-const outputCss = "/*! tailwindcss v4.1.11 | 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-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-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  .left-0 {\n    left: calc(var(--spacing) * 0);\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  .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\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-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-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-16 {\n    width: calc(var(--spacing) * 16);\n  }\n  .w-20 {\n    width: calc(var(--spacing) * 20);\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-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-not-allowed {\n    cursor: not-allowed;\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-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-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n    }\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  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\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-current {\n    border-color: currentcolor;\n  }\n  .border-error {\n    border-color: var(--color-error);\n  }\n  .border-error\\/20 {\n    border-color: color-mix(in srgb, hsl(0 100% 50%) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-error) 20%, transparent);\n    }\n  }\n  .border-secondary {\n    border-color: var(--color-secondary);\n  }\n  .border-success\\/20 {\n    border-color: color-mix(in srgb, hsl(142 76% 36%) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-success) 20%, transparent);\n    }\n  }\n  .border-t-transparent {\n    border-top-color: transparent;\n  }\n  .bg-black {\n    background-color: var(--color-black);\n  }\n  .bg-error\\/10 {\n    background-color: color-mix(in srgb, hsl(0 100% 50%) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-error) 10%, transparent);\n    }\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-success\\/10 {\n    background-color: color-mix(in srgb, hsl(142 76% 36%) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-success) 10%, transparent);\n    }\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-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\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-right {\n    text-align: right;\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-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-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  .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  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .hover\\:bg-hover {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-hover);\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\\/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  .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  .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row;\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";
-
-const SolarSystemForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    systemConfigs = {};
-    polygons = [];
-    roofCanvas;
-    polygonCanvas;
-    householdConsumption = 4500;
-    consumptionProfile = "mostly_at_home";
-    electricityPrice = 0.3;
-    compensationRate = 0.07;
-    annualPriceIncrease = 2;
-    autonomy = 0;
-    costSavings = 0;
-    numberOfPanels = 5;
-    panelPeakPower = 0.4; // kW per panel
-    name = "";
-    email = "";
-    phone = "";
-    nameError = "";
-    emailError = "";
-    phoneError = "";
-    electricCar = false;
-    electricCarChargingTime = "day";
-    heatPump = 0;
-    battery = 0;
-    compensation20Years = 0;
-    savedCosts20Years = 0;
-    maxPanels = 5;
-    kmDrivenPerYear = 10000;
-    totalEnergyConsumption = 4500;
-    totalEnergyProduction = 0;
-    isSubmitting = false;
-    submitMessage = "";
-    submitSuccess = false;
-    updateSystemConfigs() {
-        if (Object.keys(this.systemConfigs).length === 0) {
-            this.numberOfPanels = 0;
-            this.maxPanels = 0;
-            return;
-        }
-        this.numberOfPanels = Object.keys(this.systemConfigs).reduce((acc, curr) => acc + this.systemConfigs[curr].numberOfPanels, 0);
-        this.maxPanels = Object.keys(this.systemConfigs).reduce((acc, curr) => acc + this.systemConfigs[curr].numberOfPanels, 0);
-        this.panelPeakPower = Object.entries(this.systemConfigs)[0][1][0]
-            ?.panel.kWattPeak ?? 0.44;
-        this.recalculate();
-    }
-    formatEuropeanNumber(num, decimals = 2) {
-        const fixed = num.toFixed(decimals);
-        const [integerPart, decimalPart] = fixed.split(".");
-        // Add dots as thousands separators
-        const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ".");
-        // Join with comma as decimal separator
-        return decimalPart
-            ? `${formattedInteger},${decimalPart}`
-            : formattedInteger;
-    }
-    recalculate() {
-        const currentSystemConfigs = {};
-        let totalNumberOfPanels = 0;
-        for (const [key, value] of Object.entries(this.systemConfigs)) {
-            if (totalNumberOfPanels >= this.numberOfPanels) {
-                break;
-            }
-            if (value.numberOfPanels + totalNumberOfPanels > this.numberOfPanels) {
-                currentSystemConfigs[key] = {
-                    ...value,
-                    numberOfPanels: this.numberOfPanels - totalNumberOfPanels,
-                };
-                totalNumberOfPanels = this.numberOfPanels;
-            }
-            else {
-                currentSystemConfigs[key] = value;
-                totalNumberOfPanels += value.numberOfPanels;
-            }
-        }
-        const simulationConfig = {
-            general: {
-                simulationYears: 20,
-            },
-            householdConsumption: {
-                consumptionProfile: this.consumptionProfile,
-                winterConsumptionFactor: 1.4,
-                summerConsumptionFactor: 0.6,
-                averageConsumption: this.householdConsumption / 365,
-            },
-            electricityPrice: {
-                purchase: this.electricityPrice,
-                sell: this.compensationRate,
-                increase: this.annualPriceIncrease / 100,
-            },
-            solarSystems: currentSystemConfigs,
-            batteryKWh: this.battery,
-            solarRadiation: {
-                winterFactor: 0.2,
-                summerFactor: 0.6,
-            },
-            heatPump: {
-                m2: this.heatPump,
-                consumptionPerM2: HEAT_PUMP_CONSUMPTION / 365,
-            },
-            electricCar: this.electricCar
-                ? {
-                    averageKilometersPerDay: this.kmDrivenPerYear / 365,
-                    consumptionkWhPer100km: 20,
-                    batteryKWh: 80,
-                    chargingHours: this.electricCarChargingTime === "day"
-                        ? distExports.generateElectricCarChargingHours(6, 18)
-                        : distExports.generateElectricCarChargingHours(18, 6),
-                }
-                : undefined,
-        };
-        const result = distExports.simulate(simulationConfig);
-        this.compensation20Years = result.compensationPerDay * 365 * 20;
-        this.savedCosts20Years = result.byYearSavedCosts.reduce((acc, curr) => acc + curr, 0);
-        this.costSavings = result.byYearSavedCosts[0];
-        this.autonomy = result.autonomy * 100;
-        this.totalEnergyConsumption = result.totalEnergyConsumptionDay * 365;
-        // Calculate total energy production based on compensation and rate
-        this.totalEnergyProduction =
-            (result.compensationPerDay / this.compensationRate) * 365;
-    }
-    componentWillLoad() {
-        this.updateSystemConfigs();
-    }
-    validateForm() {
-        let isValid = true;
-        const t = getLanguageStrings(state.settings.language);
-        // Validate name
-        if (!this.name.trim()) {
-            this.nameError = t.solarSystemForm.nameError;
-            isValid = false;
-        }
-        else {
-            this.nameError = "";
-        }
-        // Validate email
-        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-        if (!this.email.trim()) {
-            this.emailError = t.solarSystemForm.emailError;
-            isValid = false;
-        }
-        else if (!emailRegex.test(this.email)) {
-            this.emailError = t.solarSystemForm.validEmailError;
-            isValid = false;
-        }
-        else {
-            this.emailError = "";
-        }
-        // Validate phone (optional)
-        const phoneRegex = /^[\+]?[1-9][\d]{0,15}$/;
-        if (this.phone.trim() &&
-            !phoneRegex.test(this.phone.replace(/[\s\-\(\)]/g, ""))) {
-            this.phoneError = t.solarSystemForm.phoneError;
-            isValid = false;
-        }
-        else {
-            this.phoneError = "";
-        }
-        return isValid;
-    }
-    async handleRequestOffer() {
-        if (!this.validateForm()) {
-            return;
-        }
-        this.isSubmitting = true;
-        this.submitMessage = "";
-        this.submitSuccess = false;
-        const t = getLanguageStrings(state.settings.language);
-        try {
-            const leadData = {
-                location: {
-                    name: state.location,
-                    latitude: state.latitude,
-                    longitude: state.longitude,
-                },
-                systemConfig: {
-                    maxNumberOfPanels: this.maxPanels,
-                    panelPeakPower: this.panelPeakPower,
-                    polygons: this.polygons,
-                    solarSystems: this.systemConfigs,
-                    electricityPrice: this.electricityPrice,
-                    compensationRate: this.compensationRate,
-                    annualPriceIncrease: this.annualPriceIncrease,
-                },
-                client: {
-                    name: this.name,
-                    email: this.email,
-                    phone: this.phone,
-                    consumption: this.householdConsumption,
-                    consumptionProfile: this.consumptionProfile,
-                    hasBattery: this.battery > 0,
-                    battery: this.battery,
-                    hasHeatPump: this.heatPump > 0,
-                    heatPumpM2: this.heatPump,
-                    hasElectricCar: this.electricCar,
-                    electricCarChargingTime: this.electricCarChargingTime,
-                    electricCarKmPerYear: this.kmDrivenPerYear,
-                },
-                images: {
-                    roof: this.roofCanvas.toDataURL(),
-                    polygon: this.polygonCanvas.toDataURL(),
-                },
-                results: {
-                    autonomy: this.autonomy,
-                    costSavings: this.costSavings,
-                    compensation20Years: this.compensation20Years,
-                    savedCosts20Years: this.savedCosts20Years,
-                    totalEnergyConsumption: this.totalEnergyConsumption,
-                },
-            };
-            const result = await sendLeadToNexvoro(leadData);
-            this.submitSuccess = result.success;
-            if (result.success) {
-                console.log("Lead successfully sent to Nexvoro", result);
-                this.submitMessage = t.solarSystemForm.leadSubmitted;
-                // Optionally reset form or show success message
-            }
-            else {
-                console.error("Failed to send lead to Nexvoro:", result.message);
-                this.submitMessage = t.solarSystemForm.leadError;
-            }
-        }
-        catch (error) {
-            console.error("Error in handleRequestOffer:", error);
-            this.submitSuccess = false;
-            this.submitMessage = error instanceof Error
-                ? error.message
-                : "An unexpected error occurred";
-        }
-        finally {
-            this.isSubmitting = false;
-        }
-    }
-    isIOS() {
-        return state.isIOS;
-    }
-    render() {
-        const t = getLanguageStrings(state.settings.language);
-        return (h("div", { key: '3cf332bdf77951b27786ae183dcf4558b993bc6b', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
-            ,
-            //     display: (Object.keys(this.systemConfigs).length === 0)
-            //         ? "none"
-            //         : "flex",
-            // }}
-            id: "solar-system-form" }, h("h1", { key: '99e7654227053103707fec92e133f58001354c6c', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '54fd73f74d68be86e127acbc4f4c934e0057b4f0', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, h("div", { key: 'cf47b284ab120f85d72cc608870730cfbb37d4e2', class: "space-y-4" }, h("h2", { key: 'e974e0a02d9f8e1ad1f98595c51d518bd25c1ad4', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: 'baac53205b330d9adc81c2d448d750bd3fa5e757', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: 'd36e3b9d79d85e31947a370a878d1bfa59744293', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: 'b99f9a6c98a373e8bf2ffe2c4abfecaf6e3cbd71', class: "flex items-center justify-between" }, h("label", { key: '0d27ed10817cb3edef31a180da103deee64d4e23', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.numberOfPanels), !this.isIOS()
-            ? (h("input", { type: "number", class: "w-20 px-3 py-1 rounded-full bg-muted text-muted-foreground text-right", value: this.numberOfPanels, readOnly: true }))
-            : (h("input", { type: "number", min: "1", max: this.maxPanels, class: "w-20 px-3 py-1 rounded-full border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground text-center", value: this.numberOfPanels, onInput: (e) => {
-                    const value = parseInt(e.target
-                        .value);
-                    if (value >= 1 &&
-                        value <=
-                            this.maxPanels) {
-                        this.numberOfPanels =
-                            value;
-                        this.recalculate();
-                    }
-                } }))), !this.isIOS() && (h("input", { key: '2f993e501eef218db9d3ce94324cca8bd3391ade', 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) => {
-                this.numberOfPanels = parseInt(e.target
-                    .value);
-                this.recalculate();
-            } }))), h("div", { key: '67dca259dafc631bb96d3f2f154ebcfea8312669', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: 'b88bfc050942a22364197b70367dbcac5fcd4ae7', class: "flex items-center justify-between" }, h("label", { key: '6451c38e29557a42c05875d25440f89aca9038ce', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: 'a1af4c8f5ebf979a5f05c29eede21edf966d08ee', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '39d79917221a86fd322f3f9d42193c76e7571715', class: "flex items-center justify-between mt-4" }, h("span", { key: '0748b6a78826b1a5dcb50fb1fed78a87bdc67eee', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'ad044ba02c5880b72113090c52896d341a3b68c6', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
-            this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: 'e6e7f177b7b44ffce33a71164415082e06267f5c', class: "space-y-4" }, h("h2", { key: 'a974b53bde3128f14f7a58a5a8df1162ba4a6cea', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '1490e04a1de483078b50bf84f8529b39b5d05501', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'ad8407b316491efca5387ab2fc20f583c7589e53', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'f4d8e755f70dfdbdd3ea076b78c2414696eb79f5', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '2fc16ff07641d46bd9aca6cbd19ba7905ca3caac', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '02ec52e52ef6da6db83107e776623c527e773c99', class: "grid grid-cols-2 gap-4" }, h("input", { key: '81673f937f1f76fb4a489ef3fbe6d09a329ffbea', 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) => {
-                this.householdConsumption = parseInt(e.target
-                    .value);
-                this.recalculate();
-            } }), h("select", { key: '307947580779fa8bf91e8858a676f50dcb7551cf', 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) => {
-                this.consumptionProfile =
-                    e.target
-                        .value;
-                this.recalculate();
-            } }, h("option", { key: '3640b074bc684c103988c0009d44dde520c921f7', value: "mostly_at_home", selected: this.consumptionProfile ===
-                "mostly_at_home" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAtHome), h("option", { key: '3d18dbabaddb566c8d7e93a0bdec6d34cc2fe6ad', value: "mostly_away", selected: this.consumptionProfile ===
-                "mostly_away" }, t.solarSystemForm.consumptionProfiles
-            .mostlyAway))))), h("div", { key: '15c92fb128a124f6b34f0158475aabe50d79e5d6', class: "space-y-4" }, h("h2", { key: 'd9b702a19856e24f3daee04854d21925a27cc7c4', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'c90c95fd05d20cd9b24cc55403a000f20eba2481', class: "flex flex-col gap-4" }, h("div", { key: 'f82c11b9e460f706f5122f12ffe11f4c779c189b', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'bc9886e6f8c3196471c974ac83ce5769553f276e', class: "flex items-center justify-between" }, h("div", { key: 'c2152ede9e1837992e0fcf56c50ab0fa3ae76ad4', class: "flex items-center gap-2" }, h("input", { key: '55d8a7d2e28d3cb04ca5dece7942c647ef77774b', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
-                this.heatPump =
-                    e.target
-                        .checked
-                        ? 100
-                        : 0;
-                this.recalculate();
-            } }), h("label", { key: '208b701e9615369ff910ca8b814e46f388a5d605', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: 'c333a5b5aa65a62ed0c7e4075c4b9870659a4d08', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '55afe0ca996d85ef47f4407139d48d92cce24de2', class: "flex flex-col gap-2" }, this.isIOS()
-            ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: {
-                    border: "1px solid var(--color-border)",
-                }, value: this.heatPump, onInput: (e) => {
-                    const value = parseInt(e.target
-                        .value);
-                    if (value >= 10 &&
-                        value <= 300) {
-                        this.heatPump =
-                            value;
-                        this.recalculate();
-                    }
-                } }), h("span", { class: "text-sm text-text-muted" }, "m\u00B2")))
-            : (h("input", { type: "range", min: "10", max: "300", step: "10", class: "input-slider 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.heatPump, onInput: (e) => {
-                    this.heatPump =
-                        parseInt(e.target
-                            .value);
-                    this.recalculate();
-                } }))))), h("div", { key: 'a8f10785f68ad66920edc5cb23be90ca7b013d67', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '9f654fa78343117a1c661ad0b8a778d4fcd1f169', class: "flex items-center justify-between" }, h("div", { key: '3d2e0e403620f9640966514a4873f312e4509704', class: "flex items-center gap-2" }, h("input", { key: '596b480fa2819e64e1578b4ed268a58c4dd163a1', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
-                this.electricCar =
-                    e.target
-                        .checked;
-                this.recalculate();
-            } }), h("label", { key: '45f104c9ce87c230891bd43419de436d7a08457d', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .electricCar))), this.electricCar && (h("div", { key: 'be0b1c69f74be230cf968f74ad8046d2f44f554b', class: "flex flex-col gap-2" }, h("div", { key: 'e41bf25cd13ab956c45f5bf5f20738e898d3b53b', class: "grid grid-cols-2 gap-4" }, h("label", { key: '6fabe098c81aa288aefbf473030461902efb9efc', class: "text-sm text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .chargingTime), h("label", { key: '5f50ca3baf48625127f858cbb2be63be16980a12', class: "text-sm text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .kilometersPerYear)), h("div", { key: '0adebbe7491d0eafcc4d6be8dceb231983121236', class: "grid grid-cols-2 gap-4" }, h("select", { key: 'b5f1d183c70f09c6fcf5690ad2ad9b3d0f05eaf2', class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
-                this.electricCarChargingTime =
-                    e.target
-                        .value;
-                this.recalculate();
-            }, style: {
-                border: "1px solid var(--color-border)",
-            } }, h("option", { key: 'a8a29fbe0d7f1d65b59e5159ff65eb2c8ccb5948', value: "day", selected: this
-                .electricCarChargingTime ===
-                "day" }, t.solarSystemForm
-            .additionalComponents
-            .chargingTimeDay), h("option", { key: 'cb38eb50a53ec503f45f90ddc741145bf126ff7b', value: "night", selected: this
-                .electricCarChargingTime ===
-                "night" }, t.solarSystemForm
-            .additionalComponents
-            .chargingTimeNight)), h("input", { key: '797c58706aea0c85b3db282ad099479acb4fae49', type: "number", min: "1000", max: "50000", step: "1000", 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.kmDrivenPerYear, onInput: (e) => {
-                this.kmDrivenPerYear =
-                    parseInt(e.target
-                        .value);
-                this.recalculate();
-            }, style: {
-                border: "1px solid var(--color-border)",
-            } }))))), h("div", { key: '56ea4de583321bc0c5d5d23ce7ab146d9a6a5245', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'c97fd8fd10976c00d276dfb52e3332086953744f', class: "flex items-center justify-between" }, h("div", { key: '6198d3ffbfe054ee4106a3bb463bd4ec341255d7', class: "flex items-center gap-2" }, h("input", { key: 'd84fd6cd2b3b736d487296920b3b13dd62dbd8c5', type: "checkbox", id: "battery", class: "w-4 h-4 accent-tertiary border-border rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.battery > 0, onChange: (e) => {
-                this.battery =
-                    e.target
-                        .checked
-                        ? 5
-                        : 0;
-                this.recalculate();
-            } }), h("label", { key: '75d783871022343f4bfa8152cda778132171456a', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm
-            .additionalComponents
-            .battery)), (this.battery > 0 && !this.isIOS()) && (h("span", { key: 'a6a907ccfb0022f5ed4e52e8ee2ef0976c52f867', class: "text-text-muted" }, this.battery, " kWh"))), this.battery > 0 && (h("div", { key: 'ee2535a6c5d21ba012220953a5624579a95bc298', class: "flex flex-col gap-2" }, this.isIOS()
-            ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "1", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
-                    const value = parseInt(e.target
-                        .value);
-                    if (value >= 1 &&
-                        value <= 20) {
-                        this.battery =
-                            value;
-                        this.recalculate();
-                    }
-                }, style: {
-                    border: "1px solid var(--color-border)",
-                } }), h("span", { class: "text-sm text-text-muted" }, "kWh")))
-            : (h("input", { type: "range", min: "1", max: "20", 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.battery, onInput: (e) => {
-                    this.battery = parseInt(e.target
-                        .value);
-                    this.recalculate();
-                } }))))))), h("div", { key: '03b9673c595ef7580d1009b4ca6f954397520f07', class: "space-y-4" }, h("h2", { key: 'b5817e4e1ee93322cfb730ef2130db088b4a89d6', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: 'c12494fae8b8fd1556a982693b859d4c49353f3a', style: {
-                display: "grid",
-                gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
-                gap: "1rem",
-            } }, h("div", { key: 'a06f3e353dcbfdbec3352057a874aa75cb76b49a' }, h("label", { key: '72dc9ef17667cbd169a2200350fc634928c87980', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: 'f0eb002ee56662c95304327fa57e0cc3827fead1', 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) => {
-                this.electricityPrice = parseFloat(e.target
-                    .value);
-                this.recalculate();
-            } })), h("div", { key: '98cfa899245d49827a01817474eb375b8a317025' }, h("label", { key: 'b57de8d8a12c1165a2a5c9f38f53ff974df478db', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: '37b8c39b1a82ccd79741d121fb58900fc58ac7a4', 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) => {
-                this.compensationRate = parseFloat(e.target
-                    .value);
-                this.recalculate();
-            } })), h("div", { key: 'cf227c52e800dea38c7eaedec5365540729bec61' }, h("label", { key: 'de0b8dc09bded6db87389cc6af193e05966c8b20', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: '0112bc24ad05c6365c6b8f2246b379d0056ef4df', 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) => {
-                this.annualPriceIncrease = parseFloat(e.target
-                    .value);
-                this.recalculate();
-            } })))), h("div", { key: 'ba0d8efaab8dc607687e46df3bc02aca29f1047f', class: "space-y-4 p-4 border border-border rounded-4xl", style: {
-                border: "1px solid var(--color-border)",
-            } }, h("h2", { key: '630be9ff55cc8be5bbd7d49b874bce867bd117f8', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: '6f0384d8aec22ef88a2c597740cfb1f52e673bc6', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'ff4dacf4a05d9433b0ed10271cfeff73e7471942', class: "flex items-center justify-between" }, h("span", { key: 'c09b82033130f8b654513f4088c98ad27fa5f4ac', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: '0c92b473b7081a7e4bbb72a62fa43f4f38473440', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
-            ? "100"
-            : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: 'ffb010586f8f25de479eff1112ecc92d9a58cba1', class: "flex items-center justify-between mt-4" }, h("span", { key: 'd578ba01fa8cf83171a24c13848e4dabcce55f85', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: '0aeee586db6d443930e75e070bdbd3d34d45b6f7', class: "text-xl font-bold text-secondary" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '4036d882357e8bf2bcd6b7f6d209c07df563f475', class: "flex items-center justify-between mt-4" }, h("span", { key: '3d8c4ee6ed8f45cf24083af19a69ed2f09d654fa', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: '5336df9ca7ca7cfd928a7a25a38f2cd1387c5ccd', class: "text-xl font-bold text-secondary" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: 'edb3e76e0c74c16e5230db57a752096ad5f7e674', class: "flex items-center justify-between mt-4" }, h("div", { key: '18a9167a49c429339fa7f070d4611ecbb5aece46', class: "flex items-center gap-2" }, h("span", { key: '0f6f568541e3a27bdd2802b9d4e5d0789d25bdfd', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: 'e19209e667c255371ba1e44191f866138c6b1781', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.costSavings), "\u20AC/", t
-            .solarSystemForm.year)), h("div", { key: '2ebc7517f8eee83dd9f31544c034feac7f94b1d2', class: "flex items-center justify-between mt-4" }, h("div", { key: 'bb5412b8fdef9587b0af17992ed9d2cb06ca9c6e', class: "flex items-center gap-2" }, h("span", { key: '02392e241b91a6263c3d0ff97e47835240be2b5b', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: 'b4303496e411c3329e05b60919e32931e3d257f0', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.compensation20Years), "\u20AC")), h("div", { key: '0f6a25060d55857a31275eee8cb5771b39f00754', class: "flex items-center justify-between mt-4" }, h("div", { key: 'c875847982d926c6787188f824130af98df26eea', class: "flex items-center gap-2" }, h("span", { key: '33de5a06bddecfdc87c117b756449aafd527d2a0', class: "text-text-muted" }, t.solarSystemForm
-            .monetaryBenefit20Years)), h("span", { key: '97e00fa0ceea6cba9caaa22238f68fb53ebe36de', class: "text-xl font-bold text-success" }, this.formatEuropeanNumber(this.savedCosts20Years), "\u20AC")))), h("div", { key: '9efaff75926b65cfe2dfb0acca781ab0bda2b63c', class: "space-y-4 pt-4" }, h("h2", { key: '416201ab3e931c3cd799ea36567dd3a752a62c11', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: '26364784253a127b72f43ad03dc6e4415048b258', style: {
-                display: "grid",
-                gridTemplateColumns: "repeat(auto-fit, minmax(250px, 1fr))",
-                gap: "1rem",
-            } }, h("div", { key: '0b58219f57b1c4ddd2481e39055c6e45b7a746a5' }, h("label", { key: 'f8ea78bbd4a05c7bff8f9f8b355c63befb083d3d', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("input", { key: 'd78ef98732e9bafdb58230ca0c0803ca4f098cbc', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
-                ? "border-error"
-                : "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
-                this.name =
-                    e.target
-                        .value;
-                this.validateForm();
-            }, placeholder: "Your name" }), this.nameError && (h("p", { key: '45dafd6ec3680f48681bab0b21a6599849a608da', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: '202f53dc650d051a910d9a15f503300c32c71a7f' }, h("label", { key: '83786ee4e75fb3829e31e0e39e980ea1114601c3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '33a75a458f68f9935a698870fcb36def59b82862', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
-                ? "border-error"
-                : "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
-                this.email =
-                    e.target
-                        .value;
-                this.validateForm();
-            }, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: 'f9f8c4045e4c509338fce25aa861434e84d512d0', class: "text-error text-sm mt-1" }, this.emailError))), h("div", { key: '842cafdf109d7e0ecd841a8d1fd8ef1bed546aec' }, h("label", { key: '92a7def714a7285e354dffa780ade7a211ba31dc', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: '0310ebf156dc32aaa3228fbfb1b4efff17691fe1', type: "tel", class: `w-full px-4 py-2 rounded-4xl border ${this.phoneError
-                ? "border-error"
-                : "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.phone, onInput: (e) => {
-                this.phone =
-                    e.target
-                        .value;
-                this.validateForm();
-            }, placeholder: "+34 123 456 789" }), this.phoneError && (h("p", { key: '43494b81d9e8228197953e92145b079a10409a2c', class: "text-error text-sm mt-1" }, this.phoneError)))), h("div", { key: '03a8a37ef5d83b5b735162ca887dd08b07cbbd3d', class: "flex flex-col items-center gap-4" }, h("button", { key: '9ab3f8ab3150d4fbad950e9b6ed42a38a314bc50', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
-                !this.email.trim() || !!this.nameError ||
-                !!this.emailError || !!this.phoneError ||
-                this.isSubmitting, class: `px-6 py-3 rounded-4xl transition-colors duration-200 flex items-center gap-2 ${this.isSubmitting
-                ? "bg-muted text-text-muted cursor-not-allowed"
-                : "bg-secondary hover:bg-tertiary"}`, style: {
-                color: this.isSubmitting
-                    ? "var(--color-text-muted)"
-                    : "#ffffff",
-            } }, this.isSubmitting && (h("div", { key: 'db1e47f4874d50393ec78d4fd8df014c2e77cd7b', class: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" })), this.isSubmitting
-            ? t.solarSystemForm.sending
-            : t.solarSystemForm.requestOfferButton), this.submitMessage && (h("div", { key: '052075ef4ae34f9c80614274d001cb061eb2a907', class: `text-sm px-4 py-2 rounded-4xl ${this.submitSuccess
-                ? "bg-success/10 text-success border border-success/20"
-                : "bg-error/10 text-error border border-error/20"}` }, this.submitMessage)))))));
-    }
-    static get watchers() { return {
-        "systemConfigs": ["updateSystemConfigs"]
-    }; }
-};
-SolarSystemForm.style = outputCss;
-
-export { SolarSystemForm as solar_system_form };
-//# sourceMappingURL=solar-system-form.entry.esm.js.map
-
-//# sourceMappingURL=solar-system-form.entry.js.map