npm - blue-chestnut-solar-expert - Versions diffs - 0.0.71 → 0.0.72 - Mend

blue-chestnut-solar-expert 0.0.71 → 0.0.72

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.

Files changed (68) hide show

package/dist/stencil-library/solar-expert.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"solar-expert.entry.esm.js","mappings":"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","names":[],"sources":["src/utils/theme.ts","src/output.css?tag=solar-expert","src/components/solar-expert/solar-expert.tsx"],"sourcesContent":["import { ColorScheme } from \"../config\";\r\n\r\n/*\r\n Applies a color scheme theme globally to the document root.\r\n * Since all components use global CSS (shadow: false), this will automatically \r\n * update the theme for all components.\r\n * \r\n * @param colorScheme - The color scheme object containing theme colors\r\n /\r\nexport function applyThemeGlobally(colorScheme: Partial<ColorScheme>): void {\r\n applyThemeToElement(document.documentElement, colorScheme);\r\n}\r\n\r\n/\r\n Applies a color scheme theme to a specific element (useful for Shadow DOM).\r\n * \r\n * @param element - The element to apply the theme to (e.g., Shadow DOM host)\r\n * @param colorScheme - The color scheme object containing theme colors\r\n /\r\nexport function applyThemeToElement(element: HTMLElement, colorScheme: Partial<ColorScheme>): void {\r\n // Set CSS custom properties on the specified element\r\n if (colorScheme.primary) {\r\n element.style.setProperty('--color-primary', colorScheme.primary);\r\n }\r\n if (colorScheme.primaryForeground) {\r\n element.style.setProperty('--color-primary-foreground', colorScheme.primaryForeground);\r\n }\r\n if (colorScheme.secondary) {\r\n element.style.setProperty('--color-secondary', colorScheme.secondary);\r\n }\r\n if (colorScheme.secondaryForeground) {\r\n element.style.setProperty('--color-secondary-foreground', colorScheme.secondaryForeground);\r\n }\r\n if (colorScheme.tertiary) {\r\n element.style.setProperty('--color-tertiary', colorScheme.tertiary);\r\n }\r\n if (colorScheme.tertiaryForeground) {\r\n element.style.setProperty('--color-tertiary-foreground', colorScheme.tertiaryForeground);\r\n }\r\n if (colorScheme.muted) {\r\n element.style.setProperty('--color-muted', colorScheme.muted);\r\n }\r\n if (colorScheme.mutedForeground) { \r\n element.style.setProperty('--color-muted-foreground', colorScheme.mutedForeground);\r\n }\r\n if (colorScheme.error) {\r\n element.style.setProperty('--color-error', colorScheme.error);\r\n }\r\n if (colorScheme.errorForeground) {\r\n element.style.setProperty('--color-error-foreground', colorScheme.errorForeground);\r\n }\r\n \r\n // Surface colors\r\n if (colorScheme.surface) {\r\n element.style.setProperty('--color-surface', colorScheme.surface);\r\n }\r\n if (colorScheme.surfaceHover) {\r\n element.style.setProperty('--color-surface-hover', colorScheme.surfaceHover);\r\n }\r\n if (colorScheme.surfaceActive) {\r\n element.style.setProperty('--color-surface-active', colorScheme.surfaceActive);\r\n }\r\n \r\n // Text colors\r\n if (colorScheme.textMuted) {\r\n element.style.setProperty('--color-text-muted', colorScheme.textMuted);\r\n }\r\n if (colorScheme.textSecondary) {\r\n element.style.setProperty('--color-text-secondary', colorScheme.textSecondary);\r\n }\r\n if (colorScheme.textPlaceholder) {\r\n element.style.setProperty('--color-text-placeholder', colorScheme.textPlaceholder);\r\n }\r\n \r\n // Border colors\r\n if (colorScheme.border) {\r\n element.style.setProperty('--color-border', colorScheme.border);\r\n }\r\n if (colorScheme.borderLight) {\r\n element.style.setProperty('--color-border-light', colorScheme.borderLight);\r\n }\r\n \r\n // Status colors\r\n if (colorScheme.success) {\r\n element.style.setProperty('--color-success', colorScheme.success);\r\n }\r\n if (colorScheme.info) {\r\n element.style.setProperty('--color-info', colorScheme.info);\r\n }\r\n \r\n // Interactive colors\r\n if (colorScheme.hover) {\r\n element.style.setProperty('--color-hover', colorScheme.hover);\r\n }\r\n if (colorScheme.hoverDark) {\r\n element.style.setProperty('--color-hover-dark', colorScheme.hoverDark);\r\n }\r\n if (colorScheme.overlay) {\r\n element.style.setProperty('--color-overlay', colorScheme.overlay);\r\n }\r\n if (colorScheme.tooltip) {\r\n element.style.setProperty('--color-tooltip', colorScheme.tooltip);\r\n }\r\n}","/! 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-red-100: oklch(93.6% 0.032 17.717);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-700: oklch(50.5% 0.213 27.518);\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 --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\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 .bottom-4 {\n bottom: calc(var(--spacing) * 4);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-3 {\n left: calc(var(--spacing) * 3);\n }\n .z-10 {\n z-index: 10;\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 .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-64 {\n height: calc(var(--spacing) * 64);\n }\n .h-\\[400px\\] {\n height: 400px;\n }\n .h-full {\n height: 100%;\n }\n .max-h-full {\n max-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-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 .-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-0 {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2 {\n --tw-translate-y: calc(var(--spacing) * 2);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .scale-95 {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-100 {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-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-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\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 .overflow-hidden {\n overflow: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\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-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\\/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-info\\/20 {\n border-color: color-mix(in srgb, hsl(221 83% 53%) 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-info) 20%, transparent);\n }\n }\n .border-red-300 {\n border-color: var(--color-red-300);\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-error\\/90 {\n background-color: color-mix(in srgb, hsl(0 100% 50%) 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-error) 90%, transparent);\n }\n }\n .bg-info\\/90 {\n background-color: color-mix(in srgb, hsl(221 83% 53%) 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-info) 90%, 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-red-100 {\n background-color: var(--color-red-100);\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-success\\/90 {\n background-color: color-mix(in srgb, hsl(142 76% 36%) 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-success) 90%, transparent);\n }\n }\n .bg-surface {\n background-color: var(--color-surface);\n }\n .bg-tertiary {\n background-color: var(--color-tertiary);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .object-contain {\n object-fit: contain;\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-3 {\n padding-top: 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-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\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-3 {\n padding-left: calc(var(--spacing) * 3);\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-error-foreground {\n color: var(--color-error-foreground);\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-red-500 {\n color: var(--color-red-500);\n }\n .text-red-700 {\n color: var(--color-red-700);\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-secondary {\n color: var(--color-text-secondary);\n }\n .text-white {\n color: var(--color-white);\n }\n .accent-tertiary {\n accent-color: var(--color-tertiary);\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-100 {\n opacity: 100%;\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 .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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 {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;\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-all {\n transition-property: all;\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-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 .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\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-tertiary\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, hsl(28 100% 29%) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-tertiary) 80%, transparent);\n }\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-2 {\n &:focus {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n }\n .focus\\:border-secondary {\n &:focus {\n border-color: var(--color-secondary);\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-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\\:mt-0 {\n @media (width >= 40rem) {\n margin-top: calc(var(--spacing) * 0);\n }\n }\n .sm\\:flex-3 {\n @media (width >= 40rem) {\n flex: 3;\n }\n }\n .sm\\:flex-row {\n @media (width >= 40rem) {\n flex-direction: row;\n }\n }\n .sm\\:items-center {\n @media (width >= 40rem) {\n align-items: center;\n }\n }\n .sm\\:gap-4 {\n @media (width >= 40rem) {\n gap: calc(var(--spacing) * 4);\n }\n }\n .md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n .md\\:pl-2 {\n @media (width >= 48rem) {\n padding-left: calc(var(--spacing) * 2);\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-scale-x {\n syntax: \"\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"\";\n inherits: false;\n initial-value: 1;\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@property --tw-ease {\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-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\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 --tw-ease: initial;\n }\n }\n}\n","import { Component, Element, Env, h, Prop, State, Watch } from \"@stencil/core\";\r\nimport { Loader } from \"@googlemaps/js-api-loader\";\r\nimport { Language } from \"../../types/lang\";\r\nimport { getLanguageStrings } from \"../../utils/lang/general\";\r\nimport { onChange, state } from \"../../store\";\r\nimport { ColorScheme, DEFAULT_COLOR_SCHEME } from \"../../config\";\r\nimport { applyThemeGlobally, applyThemeToElement } from \"../../utils/theme\";\r\n\r\n@Component({\r\n tag: \"solar-expert\",\r\n shadow: false,\r\n styleUrl: \"../../output.css\",\r\n assetsDirs: [\"assets\"],\r\n})\r\nexport class SolarExpert {\r\n @Element()\r\n el!: HTMLElement;\r\n\r\n @Prop()\r\n apiKey: string = Env.GOOGLE_MAPS_API_KEY;\r\n @Prop()\r\n language: Language = \"en\";\r\n @Prop()\r\n unfold: boolean = true;\r\n @Prop()\r\n colorScheme: Partial<ColorScheme> \| null = null;\r\n // {\r\n // primary: \"hsl(0 0% 100%)\",\r\n // secondary: \"hsl(0 0% 100%)\",\r\n // tertiary: \"hsl(0 0% 100%)\",\r\n // muted: \"hsl(0 0% 100%)\",\r\n // error: \"hsl(0 0% 100%)\",\r\n // // secondary: \"hsl(180 100% 25%)\",\r\n // // tertiary: \"hsl(24 100% 18%)\",\r\n // // muted: \"hsl(0 0% 85%)\",\r\n // // error: \"hsl(240 75% 29%)\",\r\n // primaryForeground: \"hsl(0 0% 100%)\",\r\n // secondaryForeground: \"hsl(0 0% 100%)\",\r\n // tertiaryForeground: \"hsl(0 0% 100%)\",\r\n // mutedForeground: \"hsl(0 0% 100%)\",\r\n // errorForeground: \"hsl(0 0% 100%)\",\r\n // surface: \"hsl(0 0% 100%)\",\r\n // surfaceHover: \"hsl(0 0% 100%)\",\r\n // surfaceActive: \"hsl(0 0% 100%)\",\r\n // // Text colors\r\n // textMuted: \"hsl(0 0% 100%)\",\r\n // textSecondary: \"hsl(0 0% 100%)\",\r\n // textPlaceholder: \"hsl(0 0% 100%)\",\r\n // // Border colors\r\n // border: \"hsl(0 0% 100%)\",\r\n // borderLight: \"hsl(0 0% 100%)\",\r\n // // Status colors\r\n // success: \"hsl(0 0% 100%)\",\r\n // info: \"hsl(0 0% 100%)\",\r\n // // Interactive colors\r\n // hover: \"hsl(0 0% 100%)\",\r\n // hoverDark: \"hsl(0 0% 100%)\",\r\n // overlay: \"hsl(0 0% 100%)\",\r\n // tooltip: \"hsl(0 0% 100%)\",\r\n // };\r\n\r\n @State()\r\n latitude: number \| null = 40.581614;\r\n @State()\r\n longitude: number \| null = -4.128423;\r\n @State()\r\n isLoaded: boolean = false;\r\n @State()\r\n autocomplete: google.maps.places.Autocomplete \| null = null;\r\n @State()\r\n place: google.maps.places.PlaceResult \| null = null;\r\n @State()\r\n showMapSelector: boolean = false;\r\n\r\n private inputElement?: HTMLInputElement;\r\n\r\n componentWillLoad() {\r\n state.isMobile =\r\n /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i\r\n .test(navigator.userAgent) \|\| window.innerWidth < 768;\r\n this.loadGoogleMapsScript();\r\n onChange(\"latitude\", () => {\r\n if (this.showMapSelector) {\r\n this.showMapSelector = false;\r\n this.scrollToMapDraw();\r\n }\r\n });\r\n state.settings.language = this.language;\r\n\r\n const isIPhone = navigator.userAgent.indexOf(\"iPhone\") != -1;\r\n const isMac = navigator.userAgent.indexOf(\"Mac OS\") != -1;\r\n\r\n state.isIOS = isIPhone \|\| isMac;\r\n if (!this.colorScheme) {\r\n applyThemeToElement(this.el, DEFAULT_COLOR_SCHEME);\r\n applyThemeGlobally(DEFAULT_COLOR_SCHEME);\r\n }\r\n this.applyTheme();\r\n }\r\n\r\n @Watch(\"colorScheme\")\r\n colorSchemeChanged() {\r\n this.applyTheme();\r\n }\r\n\r\n private applyTheme() {\r\n if (this.colorScheme) {\r\n // Apply theme globally for non-shadow components\r\n applyThemeGlobally(this.colorScheme);\r\n // Apply theme to this component's Shadow DOM host element\r\n applyThemeToElement(this.el, this.colorScheme);\r\n }\r\n }\r\n\r\n private async loadGoogleMapsScript() {\r\n try {\r\n const loader = new Loader({\r\n apiKey: this.apiKey,\r\n libraries: [\"places\", \"maps\", \"marker\"],\r\n });\r\n\r\n const places = await loader.importLibrary(\"places\");\r\n this.isLoaded = true;\r\n this.initializeAutocomplete(places);\r\n } catch (error) {\r\n console.error(\"Error loading Google Maps: \", error);\r\n }\r\n }\r\n\r\n private initializeAutocomplete(\r\n places: google.maps.PlacesLibrary,\r\n ) {\r\n if (!this.inputElement \|\| !this.isLoaded) return;\r\n this.autocomplete = new places.Autocomplete(this.inputElement);\r\n\r\n this.autocomplete.addListener(\"place_changed\", () => {\r\n state.latitude = null;\r\n state.longitude = null;\r\n const place = this.autocomplete?.getPlace();\r\n this.latitude = place?.geometry?.location?.lat() ?? 0;\r\n this.longitude = place?.geometry?.location?.lng() ?? 0;\r\n state.latitude = this.latitude;\r\n state.longitude = this.longitude;\r\n state.location = place?.name ?? null;\r\n\r\n this.scrollToMapDraw();\r\n });\r\n }\r\n\r\n private scrollToMapDraw() {\r\n const mapDrawElement = this.el.querySelector(\"map-draw\");\r\n if (mapDrawElement) {\r\n mapDrawElement.scrollIntoView({ behavior: \"smooth\" });\r\n }\r\n }\r\n\r\n private handleChooseOnMap() {\r\n this.showMapSelector = true;\r\n }\r\n\r\n render() {\r\n const t = getLanguageStrings(this.language);\r\n return (\r\n <div\r\n class=\"flex flex-col w-full h-full p-3 m-auto\"\r\n id=\"solar-calculator\"\r\n >\r\n {this.showMapSelector\r\n ? (\r\n <map-selector\r\n api-key={this.apiKey}\r\n language={this.language}\r\n />\r\n )\r\n : (\r\n <>\r\n <div class=\"pb-2 flex flex-col sm:flex-row gap-2 sm:gap-4 items-stretch w-full\">\r\n <div class=\"relative flex-1 sm:flex-3\">\r\n <div class=\"absolute left-3 top-0 h-full flex items-center text-muted-foreground pointer-events-none\">\r\n <search-icon />\r\n </div>\r\n <input\r\n ref={(el) => this.inputElement = el}\r\n type=\"text\"\r\n placeholder={t.solarExpert\r\n .searchPlaceholder}\r\n class=\"w-full pl-10 pr-4 py-2 border border-border rounded-4xl focus:ring-secondary bg-muted text-muted-foreground h-full\"\r\n />\r\n </div>\r\n <button\r\n onClick={() => this.handleChooseOnMap()}\r\n class=\"flex-1 pl-4 pr-4 py-2 border border-border bg-muted rounded-4xl focus:ring-secondary hover:bg-surface-hover\"\r\n >\r\n {t.mapSelector.chooseOnMap}\r\n </button>\r\n </div>\r\n {(state.latitude === null \|\|\r\n state.longitude === null) && (\r\n <div class=\"w-full pb-2\">\r\n <p class=\"text-text-muted text-center flex items-center justify-center rounded-4xl px-4 py-2 w-full\">\r\n {t.mapDraw.noAddressSelected}\r\n </p>\r\n </div>\r\n )}\r\n <map-draw\r\n apiKey={this.apiKey}\r\n unfold={this.unfold}\r\n />\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"solar-expert.entry.esm.js","mappings":"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","names":[],"sources":["src/utils/theme.ts","src/output.css?tag=solar-expert&encapsulation=shadow","src/components/solar-expert/solar-expert.tsx"],"sourcesContent":["import { ColorScheme } from \"../config\";\r\n\r\n/*\r\n Applies a color scheme theme globally to the document root.\r\n * Since all components use global CSS (shadow: false), this will automatically \r\n * update the theme for all components.\r\n * \r\n * @param colorScheme - The color scheme object containing theme colors\r\n /\r\nexport function applyThemeGlobally(colorScheme: Partial<ColorScheme>): void {\r\n applyThemeToElement(document.documentElement, colorScheme);\r\n}\r\n\r\n/\r\n Applies a color scheme theme to a specific element (useful for Shadow DOM).\r\n * \r\n * @param element - The element to apply the theme to (e.g., Shadow DOM host)\r\n * @param colorScheme - The color scheme object containing theme colors\r\n /\r\nexport function applyThemeToElement(element: HTMLElement, colorScheme: Partial<ColorScheme>): void {\r\n // Set CSS custom properties on the specified element\r\n if (colorScheme.primary) {\r\n element.style.setProperty('--color-primary', colorScheme.primary);\r\n }\r\n if (colorScheme.primaryForeground) {\r\n element.style.setProperty('--color-primary-foreground', colorScheme.primaryForeground);\r\n }\r\n if (colorScheme.secondary) {\r\n element.style.setProperty('--color-secondary', colorScheme.secondary);\r\n }\r\n if (colorScheme.secondaryForeground) {\r\n element.style.setProperty('--color-secondary-foreground', colorScheme.secondaryForeground);\r\n }\r\n if (colorScheme.tertiary) {\r\n element.style.setProperty('--color-tertiary', colorScheme.tertiary);\r\n }\r\n if (colorScheme.tertiaryForeground) {\r\n element.style.setProperty('--color-tertiary-foreground', colorScheme.tertiaryForeground);\r\n }\r\n if (colorScheme.muted) {\r\n element.style.setProperty('--color-muted', colorScheme.muted);\r\n }\r\n if (colorScheme.mutedForeground) { \r\n element.style.setProperty('--color-muted-foreground', colorScheme.mutedForeground);\r\n }\r\n if (colorScheme.error) {\r\n element.style.setProperty('--color-error', colorScheme.error);\r\n }\r\n if (colorScheme.errorForeground) {\r\n element.style.setProperty('--color-error-foreground', colorScheme.errorForeground);\r\n }\r\n \r\n // Surface colors\r\n if (colorScheme.surface) {\r\n element.style.setProperty('--color-surface', colorScheme.surface);\r\n }\r\n if (colorScheme.surfaceHover) {\r\n element.style.setProperty('--color-surface-hover', colorScheme.surfaceHover);\r\n }\r\n if (colorScheme.surfaceActive) {\r\n element.style.setProperty('--color-surface-active', colorScheme.surfaceActive);\r\n }\r\n \r\n // Text colors\r\n if (colorScheme.textMuted) {\r\n element.style.setProperty('--color-text-muted', colorScheme.textMuted);\r\n }\r\n if (colorScheme.textSecondary) {\r\n element.style.setProperty('--color-text-secondary', colorScheme.textSecondary);\r\n }\r\n if (colorScheme.textPlaceholder) {\r\n element.style.setProperty('--color-text-placeholder', colorScheme.textPlaceholder);\r\n }\r\n \r\n // Border colors\r\n if (colorScheme.border) {\r\n element.style.setProperty('--color-border', colorScheme.border);\r\n }\r\n if (colorScheme.borderLight) {\r\n element.style.setProperty('--color-border-light', colorScheme.borderLight);\r\n }\r\n \r\n // Status colors\r\n if (colorScheme.success) {\r\n element.style.setProperty('--color-success', colorScheme.success);\r\n }\r\n if (colorScheme.info) {\r\n element.style.setProperty('--color-info', colorScheme.info);\r\n }\r\n \r\n // Interactive colors\r\n if (colorScheme.hover) {\r\n element.style.setProperty('--color-hover', colorScheme.hover);\r\n }\r\n if (colorScheme.hoverDark) {\r\n element.style.setProperty('--color-hover-dark', colorScheme.hoverDark);\r\n }\r\n if (colorScheme.overlay) {\r\n element.style.setProperty('--color-overlay', colorScheme.overlay);\r\n }\r\n if (colorScheme.tooltip) {\r\n element.style.setProperty('--color-tooltip', colorScheme.tooltip);\r\n }\r\n}","/! 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-red-100: oklch(93.6% 0.032 17.717);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-700: oklch(50.5% 0.213 27.518);\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 --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\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 .bottom-4 {\n bottom: calc(var(--spacing) * 4);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-3 {\n left: calc(var(--spacing) * 3);\n }\n .z-10 {\n z-index: 10;\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 .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-64 {\n height: calc(var(--spacing) * 64);\n }\n .h-\\[400px\\] {\n height: 400px;\n }\n .h-full {\n height: 100%;\n }\n .max-h-full {\n max-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-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 .-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-0 {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-2 {\n --tw-translate-y: calc(var(--spacing) * 2);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .scale-95 {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-100 {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-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-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\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 .overflow-hidden {\n overflow: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\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-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\\/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-info\\/20 {\n border-color: color-mix(in srgb, hsl(221 83% 53%) 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--color-info) 20%, transparent);\n }\n }\n .border-red-300 {\n border-color: var(--color-red-300);\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-error\\/90 {\n background-color: color-mix(in srgb, hsl(0 100% 50%) 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-error) 90%, transparent);\n }\n }\n .bg-info\\/90 {\n background-color: color-mix(in srgb, hsl(221 83% 53%) 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-info) 90%, 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-red-100 {\n background-color: var(--color-red-100);\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-success\\/90 {\n background-color: color-mix(in srgb, hsl(142 76% 36%) 90%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-success) 90%, transparent);\n }\n }\n .bg-surface {\n background-color: var(--color-surface);\n }\n .bg-tertiary {\n background-color: var(--color-tertiary);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .object-contain {\n object-fit: contain;\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-3 {\n padding-top: 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-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n .pb-2 {\n padding-bottom: calc(var(--spacing) * 2);\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-3 {\n padding-left: calc(var(--spacing) * 3);\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-error-foreground {\n color: var(--color-error-foreground);\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-red-500 {\n color: var(--color-red-500);\n }\n .text-red-700 {\n color: var(--color-red-700);\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-secondary {\n color: var(--color-text-secondary);\n }\n .text-white {\n color: var(--color-white);\n }\n .accent-tertiary {\n accent-color: var(--color-tertiary);\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-100 {\n opacity: 100%;\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 .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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 {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;\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-all {\n transition-property: all;\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-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 .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\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-tertiary\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, hsl(28 100% 29%) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-tertiary) 80%, transparent);\n }\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-2 {\n &:focus {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n }\n .focus\\:border-secondary {\n &:focus {\n border-color: var(--color-secondary);\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-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\\:mt-0 {\n @media (width >= 40rem) {\n margin-top: calc(var(--spacing) * 0);\n }\n }\n .sm\\:flex-3 {\n @media (width >= 40rem) {\n flex: 3;\n }\n }\n .sm\\:flex-row {\n @media (width >= 40rem) {\n flex-direction: row;\n }\n }\n .sm\\:items-center {\n @media (width >= 40rem) {\n align-items: center;\n }\n }\n .sm\\:gap-4 {\n @media (width >= 40rem) {\n gap: calc(var(--spacing) * 4);\n }\n }\n .md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n .md\\:pl-2 {\n @media (width >= 48rem) {\n padding-left: calc(var(--spacing) * 2);\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-scale-x {\n syntax: \"\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"\";\n inherits: false;\n initial-value: 1;\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@property --tw-ease {\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-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\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 --tw-ease: initial;\n }\n }\n}\n","import { Component, Element, Env, h, Prop, State, Watch } from \"@stencil/core\";\r\nimport { Loader } from \"@googlemaps/js-api-loader\";\r\nimport { Language } from \"../../types/lang\";\r\nimport { getLanguageStrings } from \"../../utils/lang/general\";\r\nimport { onChange, state } from \"../../store\";\r\nimport { ColorScheme, DEFAULT_COLOR_SCHEME } from \"../../config\";\r\nimport { applyThemeGlobally, applyThemeToElement } from \"../../utils/theme\";\r\n\r\n@Component({\r\n tag: \"solar-expert\",\r\n shadow: true,\r\n styleUrl: \"../../output.css\",\r\n assetsDirs: [\"assets\"],\r\n})\r\nexport class SolarExpert {\r\n @Element()\r\n el!: HTMLElement;\r\n\r\n @Prop()\r\n apiKey: string = \"\"; //Env.GOOGLE_MAPS_API_KEY;\r\n @Prop()\r\n language: Language = \"en\";\r\n @Prop()\r\n unfold: boolean = true;\r\n @Prop()\r\n colorScheme: Partial<ColorScheme> \| null = null;\r\n // {\r\n // primary: \"hsl(0 0% 100%)\",\r\n // secondary: \"hsl(0 0% 100%)\",\r\n // tertiary: \"hsl(0 0% 100%)\",\r\n // muted: \"hsl(0 0% 100%)\",\r\n // error: \"hsl(0 0% 100%)\",\r\n // // secondary: \"hsl(180 100% 25%)\",\r\n // // tertiary: \"hsl(24 100% 18%)\",\r\n // // muted: \"hsl(0 0% 85%)\",\r\n // // error: \"hsl(240 75% 29%)\",\r\n // primaryForeground: \"hsl(0 0% 100%)\",\r\n // secondaryForeground: \"hsl(0 0% 100%)\",\r\n // tertiaryForeground: \"hsl(0 0% 100%)\",\r\n // mutedForeground: \"hsl(0 0% 100%)\",\r\n // errorForeground: \"hsl(0 0% 100%)\",\r\n // surface: \"hsl(0 0% 100%)\",\r\n // surfaceHover: \"hsl(0 0% 100%)\",\r\n // surfaceActive: \"hsl(0 0% 100%)\",\r\n // // Text colors\r\n // textMuted: \"hsl(0 0% 100%)\",\r\n // textSecondary: \"hsl(0 0% 100%)\",\r\n // textPlaceholder: \"hsl(0 0% 100%)\",\r\n // // Border colors\r\n // border: \"hsl(0 0% 100%)\",\r\n // borderLight: \"hsl(0 0% 100%)\",\r\n // // Status colors\r\n // success: \"hsl(0 0% 100%)\",\r\n // info: \"hsl(0 0% 100%)\",\r\n // // Interactive colors\r\n // hover: \"hsl(0 0% 100%)\",\r\n // hoverDark: \"hsl(0 0% 100%)\",\r\n // overlay: \"hsl(0 0% 100%)\",\r\n // tooltip: \"hsl(0 0% 100%)\",\r\n // };\r\n\r\n @State()\r\n latitude: number \| null = 40.581614;\r\n @State()\r\n longitude: number \| null = -4.128423;\r\n @State()\r\n isLoaded: boolean = false;\r\n @State()\r\n autocomplete: google.maps.places.Autocomplete \| null = null;\r\n @State()\r\n place: google.maps.places.PlaceResult \| null = null;\r\n @State()\r\n showMapSelector: boolean = false;\r\n\r\n private inputElement?: HTMLInputElement;\r\n\r\n componentWillLoad() {\r\n state.isMobile =\r\n /Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini/i\r\n .test(navigator.userAgent) \|\| window.innerWidth < 768;\r\n this.loadGoogleMapsScript();\r\n onChange(\"latitude\", () => {\r\n if (this.showMapSelector) {\r\n this.showMapSelector = false;\r\n this.scrollToMapDraw();\r\n }\r\n });\r\n state.settings.language = this.language;\r\n\r\n const isIPhone = navigator.userAgent.indexOf(\"iPhone\") != -1;\r\n const isMac = navigator.userAgent.indexOf(\"Mac OS\") != -1;\r\n\r\n state.isIOS = isIPhone \|\| isMac;\r\n if (!this.colorScheme) {\r\n applyThemeToElement(this.el, DEFAULT_COLOR_SCHEME);\r\n applyThemeGlobally(DEFAULT_COLOR_SCHEME);\r\n }\r\n this.applyTheme();\r\n }\r\n\r\n @Watch(\"colorScheme\")\r\n colorSchemeChanged() {\r\n this.applyTheme();\r\n }\r\n\r\n private applyTheme() {\r\n if (this.colorScheme) {\r\n // Apply theme globally for non-shadow components\r\n applyThemeGlobally(this.colorScheme);\r\n // Apply theme to this component's Shadow DOM host element\r\n applyThemeToElement(this.el, this.colorScheme);\r\n }\r\n }\r\n\r\n private async loadGoogleMapsScript() {\r\n try {\r\n const loader = new Loader({\r\n apiKey: this.apiKey,\r\n libraries: [\"places\", \"maps\", \"marker\"],\r\n });\r\n\r\n const places = await loader.importLibrary(\"places\");\r\n this.isLoaded = true;\r\n this.initializeAutocomplete(places);\r\n } catch (error) {\r\n console.error(\"Error loading Google Maps: \", error);\r\n }\r\n }\r\n\r\n private initializeAutocomplete(\r\n places: google.maps.PlacesLibrary,\r\n ) {\r\n if (!this.inputElement \|\| !this.isLoaded) return;\r\n this.autocomplete = new places.Autocomplete(this.inputElement);\r\n\r\n this.autocomplete.addListener(\"place_changed\", () => {\r\n state.latitude = null;\r\n state.longitude = null;\r\n const place = this.autocomplete?.getPlace();\r\n this.latitude = place?.geometry?.location?.lat() ?? 0;\r\n this.longitude = place?.geometry?.location?.lng() ?? 0;\r\n state.latitude = this.latitude;\r\n state.longitude = this.longitude;\r\n state.location = place?.name ?? null;\r\n\r\n this.scrollToMapDraw();\r\n });\r\n }\r\n\r\n private scrollToMapDraw() {\r\n const mapDrawElement = this.el.querySelector(\"map-draw\");\r\n if (mapDrawElement) {\r\n mapDrawElement.scrollIntoView({ behavior: \"smooth\" });\r\n }\r\n }\r\n\r\n private handleChooseOnMap() {\r\n this.showMapSelector = true;\r\n }\r\n\r\n render() {\r\n const t = getLanguageStrings(this.language);\r\n return (\r\n <div\r\n class=\"flex flex-col w-full h-full p-3 m-auto\"\r\n id=\"solar-calculator\"\r\n >\r\n {this.showMapSelector\r\n ? (\r\n <map-selector\r\n api-key={this.apiKey}\r\n language={this.language}\r\n />\r\n )\r\n : (\r\n <>\r\n <div class=\"pb-2 flex flex-col sm:flex-row gap-2 sm:gap-4 items-stretch w-full\">\r\n <div class=\"relative flex-1 sm:flex-3\">\r\n <div class=\"absolute left-3 top-0 h-full flex items-center text-muted-foreground pointer-events-none\">\r\n <search-icon />\r\n </div>\r\n <input\r\n ref={(el) => this.inputElement = el}\r\n type=\"text\"\r\n placeholder={t.solarExpert\r\n .searchPlaceholder}\r\n class=\"w-full pl-10 pr-4 py-2 border border-border rounded-4xl focus:ring-secondary bg-muted text-muted-foreground h-full\"\r\n />\r\n </div>\r\n <button\r\n onClick={() => this.handleChooseOnMap()}\r\n class=\"flex-1 pl-4 pr-4 py-2 border border-border bg-muted rounded-4xl focus:ring-secondary hover:bg-surface-hover\"\r\n >\r\n {t.mapSelector.chooseOnMap}\r\n </button>\r\n </div>\r\n {(state.latitude === null \|\|\r\n state.longitude === null) && (\r\n <div class=\"w-full pb-2\">\r\n <p class=\"text-text-muted text-center flex items-center justify-center rounded-4xl px-4 py-2 w-full\">\r\n {t.mapDraw.noAddressSelected}\r\n </p>\r\n </div>\r\n )}\r\n <map-draw\r\n apiKey={this.apiKey}\r\n unfold={this.unfold}\r\n />\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}

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

@@ -1,8 +1,8 @@
 if (typeof global === "undefined") { var global = globalThis || window || self; }
-import { r as registerInstance, h } from './index-ICfDNUMe.js';
+import { r as registerInstance, h } from './index-DzvFVH7F.js';
 import { b as DEFAULT_SOLAR_PANEL_TYPE } from './config-CWfV1nKn.js';
-import { g as getLanguageStrings, s as state } from './store-CcqrFuBK.js';
+import { g as getLanguageStrings, s as state } from './store-nKI4l4pt.js';
 import { d as distExports, H as HEAT_PUMP_CONSUMPTION } from './constants-hboFofU4.js';
 async function fetchSolarData(latitude, longitude, apiKey) {
@@ -359,34 +359,34 @@ const SolarSystemForm = class {
         // Reusable style objects
         const borderStyle = { border: '1px solid var(--color-border)' };
         const errorBorderStyle = { border: '1px solid var(--color-error)' };
-        return (h("div", { key: 'd83336b2c52aa0cacb0dc2a0b918f30f9ee0cd41', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
+        return (h("div", { key: 'a7ffb08a181b459b041dbd9d43b70348e5f65c62', 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: '6a5557d98e2b922cd0caaa4c1c5b57ae3ab288a5', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: 'e770849ad75a8de666eda655cefd24af9e460cea', class: "w-full bg-primary rounded-4xl space-y-6" }, h("div", { key: 'e01f03ca21c12f94e8dd0c41ccf22b7f30b55654', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '31a8946af220f62e5df983dcc9063b41ee0ae69a', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.systemInformation), h("div", { key: 'a5def6291e84d19d071f1ab1fd9ba8e1c42eb57d', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: '0327da3f92419b737a5c5434b82f668fba86a51a', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: 'a87ce122643105fd76bf04c7898e2a3eb0aea165', class: "flex items-center justify-between" }, h("label", { key: '8464c85901a94573ab33d12a328bc0b94e47d6cb', 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 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground text-center", style: borderStyle, value: this.numberOfPanels, onInput: e => {
+            id: "solar-system-form" }, h("h1", { key: 'ca31ad6a4b9a50de94209b2b5cd012c4aec96e6b', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: 'e414953eeecccf65d9708a36f6cdaa5b3982d247', class: "w-full bg-primary rounded-4xl space-y-6" }, h("div", { key: '0b587d0cd75012d706fe63150b9b3ff6ae0ad905', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '319d73fa8fc4d5a231dc8144d5edb282cc3ca20e', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.systemInformation), h("div", { key: '88def11e367d1be97e2f76c71ff56c7fedde828d', class: "flex flex-col sm:flex-row gap-4" }, h("div", { key: 'b71914b02039829ad89f5b992d7aa12e61f4249c', class: "flex-1 bg-muted rounded-4xl p-4 space-y-3" }, h("div", { key: '8e59b663d61e324b70a628993a08d2d31175e5ae', class: "flex items-center justify-between" }, h("label", { key: 'db72d22e961fd52754973d27dc9a4188ebe19d97', 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 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground text-center", style: borderStyle, 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: '9fb98147fcead8fcdf63562558a0ff6b13168fa8', 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.isIOS() && (h("input", { key: '9c36d86127c00b6aad5f010baeb9dcef5b860241', 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);
                 if (isNaN(this.numberOfPanels)) {
                     this.numberOfPanels = 0;
                 }
                 this.recalculate();
-            } }))), h("div", { key: '5054252fc9c7c2594804fd31645e088c96fe73a0', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: '3848f5f72a90e97055bb22194dc59e010c11aeb3', class: "flex items-center justify-between" }, h("label", { key: '0c6f3a1bec19921fabe6a5fad3be34a3a56a8c25', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: '0407124e201e648cb13734b5cf488b2cf61fe04d', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '4dc10d8a88f46c8cc6922e86aa5ede4bd28af5fa', class: "flex items-center justify-between mt-4" }, h("span", { key: 'c47583dde3879f4ba8eb63b7ef7c48c6cd8ccbea', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: '1d493f02c10dc7175618e087d91b2f7a37d9b191', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak * this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: 'a2908096347ae4a8f7dbd9b3ef673ef42897c3f2', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'e47c7933cfe3672ef6777ced9b3a584c24df5df3', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: '5b125ed71d750cf10d1044490e0ff2beff7d6a11', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'c92dffaa331d4e27d9b6dfd997c8b0f9c0b4c29f', class: "grid grid-cols-2 gap-4" }, h("label", { key: '1c24f209cb239003afb0f9efe07ddb052e3cb3e6', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: 'b2a66914aa8ac1ac3ea5d00d0ca97379a319f343', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: 'bf2f90ba1284645160ddf4da40af95f05ae23ff3', class: "grid grid-cols-2 gap-4" }, h("input", { key: '04944a4210f44dfaa839b2820a5ec7cc1c259961', type: "number", step: "100", min: "0", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, value: this.householdConsumption, onInput: e => {
+            } }))), h("div", { key: 'f946ab269e6a8652e01f76e688b5df458b260820', class: "flex-1 bg-muted rounded-4xl p-4" }, h("div", { key: '29225f9c586e1449210312cf48b3d640803bf6df', class: "flex items-center justify-between" }, h("label", { key: 'a9657e47669bfcbbb85b90d5ef0cdc67fc4966be', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.panelPeakPower), h("span", { key: '89d1fe374639358d4c1ccfe78f6d0db75960ea9e', class: "text-text-muted" }, this.panelPeakPower.toFixed(2), " kW")), h("div", { key: '4742b09835f4d44f39865c06b5d69b4f5d0d713a', class: "flex items-center justify-between mt-4" }, h("span", { key: '29884a0aab62728245ed239c02e0bd1cf7535177', class: "text-sm font-medium text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: 'c242a693c0849192a78e6b99909e2f7b334f774d', class: "font-bold text-text-muted" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak * this.numberOfPanels).toFixed(1), " kWp"))))), h("div", { key: '0cf7ba4440ed86987b9188794d022f08aa377afd', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'f0199376f89051d244737b874159380ac8eaa171', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: 'd522fcda1061b89a5286ce55300771679b70d227', class: "grid grid-rows-2 gap-0" }, h("div", { key: 'f6636d3d8f301aed8b56b6594ce7aef1169205b8', class: "grid grid-cols-2 gap-4" }, h("label", { key: '9e09ad03532658769a3ffe98cba818dc7b00efe3', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '2b1cd3df450aa39c1ba3d46f68ca022394be4ed2', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: '11f687baf05891b018f5d85e13210278bc079f17', class: "grid grid-cols-2 gap-4" }, h("input", { key: '9bba7ff00b232731237763840f9d563873a09eb8', type: "number", step: "100", min: "0", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, value: this.householdConsumption, onInput: e => {
                 this.householdConsumption = parseInt(e.target.value);
                 this.recalculate();
-            } }), h("select", { key: '93a49d307f068f67c004d6e1b25980b230049bb4', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, onChange: e => {
+            } }), h("select", { key: '42e4686e1e5aeede70716f5cc04175ae3f9589a5', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", style: borderStyle, onChange: e => {
                 this.consumptionProfile = e.target.value;
                 this.recalculate();
-            } }, h("option", { key: '172aa5c0c222880b97ceea5aea91c5ab6d4ae2e1', value: "mostly_at_home", selected: this.consumptionProfile === 'mostly_at_home' }, t.solarSystemForm.consumptionProfiles.mostlyAtHome), h("option", { key: 'fba174bed66fe40d88dee6f490ff0eeb7eaf3ba8', value: "mostly_away", selected: this.consumptionProfile === 'mostly_away' }, t.solarSystemForm.consumptionProfiles.mostlyAway))))), h("div", { key: 'aee8085e33acf67a13a05070caf9b4560380bc52', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'da9b2e9e4c6e5db9bd97740a480a233991884c37', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'fafb65d300516dd1bc93d33459b9b05a81a41813', class: "flex flex-col gap-4" }, h("div", { key: '49b1ff05c592a4c3daa98fa2562e1bbde8e6991e', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '8b8bf5890f16860af212aecbdd7e61de9fe88e82', class: "flex items-center justify-between" }, h("div", { key: '560c2c7e0ba22a30f054563793a1619b022806fd', class: "flex items-center gap-2" }, h("input", { key: '6864b27ab65a8f3f4cca72f0b93dd3e64893b249', 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 => {
+            } }, h("option", { key: '8f62beb09564af8987574b7e8cd456973d47b224', value: "mostly_at_home", selected: this.consumptionProfile === 'mostly_at_home' }, t.solarSystemForm.consumptionProfiles.mostlyAtHome), h("option", { key: '918c4831bb2d203e2d27efe12e53aa055c38c94e', value: "mostly_away", selected: this.consumptionProfile === 'mostly_away' }, t.solarSystemForm.consumptionProfiles.mostlyAway))))), h("div", { key: '8bc3d42b79e94fcdf994fceda4316765fb877888', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'ed6d14d664260d28ca218c9787b271ad9b07c233', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'c21298a8caa25052e5f589a2c5c0aec70524dbb9', class: "flex flex-col gap-4" }, h("div", { key: '674101ebe224f75f214711077d4234fa0d6a7ac9', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'cc13ee98e9b1d2ca50b8e21c2b618536870012f5', class: "flex items-center justify-between" }, h("div", { key: '9970b3b46716579ec3444f39246f66b98957b531', class: "flex items-center gap-2" }, h("input", { key: '5c5d1286d6aec5d28d37f1f162ded42f13aef4b1', 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: '864fd520e1e98a8df17d3c0fce95f085e4b6581f', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm.additionalComponents.heatPump)), this.heatPump > 0 && !this.isIOS() && h("span", { key: '10339a03bff4c208232b5877384263314df9ecad', class: "text-text-muted" }, this.heatPump, " m\u00B2")), this.heatPump > 0 && (h("div", { key: '96818d1077133e11856fe4f19f88f0d29d9b7ac1', 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 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.heatPump, onInput: e => {
+            } }), h("label", { key: '074b5a0eebe4271f56ff861ac2bcb47075f4878c', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm.additionalComponents.heatPump)), this.heatPump > 0 && !this.isIOS() && h("span", { key: '7a1f181d84c342488228bceb8b03810bc748ade3', class: "text-text-muted" }, this.heatPump, " m\u00B2")), this.heatPump > 0 && (h("div", { key: 'dcc9290d0c419a366e4ee2124f6ec85d871209b3', 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 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.heatPump, onInput: e => {
                 let value = parseInt(e.target.value);
                 if (isNaN(value)) {
                     value = 0;
@@ -398,23 +398,23 @@ const SolarSystemForm = class {
             } }), 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: 'b2c26948b91e806323e38ef5c2cf171fb8c3a465', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '1322f4c1d551a3e3e408157a8f164097bc91ce89', class: "flex items-center justify-between" }, h("div", { key: '0ebb09ed454e348e2b1fd2e731a176527108dc00', class: "flex items-center gap-2" }, h("input", { key: '6f51c0af64bdf6122bcd468fd3499d200472f421', 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 => {
+            } }))))), h("div", { key: '17cfb1cec131e7039040ad34eabef90d95f72c28', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: 'b4e8174713b79b7b05e2ac3bdeaea5431e02f5e8', class: "flex items-center justify-between" }, h("div", { key: '1f723137dd0eec5e9708d700417123fd7c096ae6', class: "flex items-center gap-2" }, h("input", { key: '24fd1307190f37d7cbb83a1d9e7df8bd187bba32', 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: '856c08ad2ebf10695e98b7401fa3cd200cc03bb0', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm.additionalComponents.electricCar))), this.electricCar && (h("div", { key: '3bda3a0411a50771246a577eb72d601af2d8c766', class: "flex flex-col gap-2" }, h("div", { key: '6e7f5d7e2569652f8b662cb36c8af196aa571001', class: "grid grid-cols-2 gap-4" }, h("label", { key: '13f82957d96067a66c7c58ba113ebab6ce60cb39', class: "text-sm text-text-muted" }, t.solarSystemForm.additionalComponents.chargingTime), h("label", { key: '44f050353fbcd2848263ae0920bd2a9d2cb80899', class: "text-sm text-text-muted" }, t.solarSystemForm.additionalComponents.kilometersPerYear)), h("div", { key: '3349691e0990da405ff09ca290a345a1dd1dbc82', class: "grid grid-cols-2 gap-4" }, h("select", { key: '7f6dd2976debb593263b999e48451d43961b0d65', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: e => {
+            } }), h("label", { key: 'e3e1fa2590a72edcacd961f98effa48fa4a579a5', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm.additionalComponents.electricCar))), this.electricCar && (h("div", { key: '3495908a3c2021a802bdf5cb9f28cebde93505cb', class: "flex flex-col gap-2" }, h("div", { key: '16f19671baa674a670f6590c8c1d1c97a6505315', class: "grid grid-cols-2 gap-4" }, h("label", { key: '93e14b4143733f6a92cbc852a161ddd28a3ab403', class: "text-sm text-text-muted" }, t.solarSystemForm.additionalComponents.chargingTime), h("label", { key: 'fe9adca7d3ab228915ffd31bc3d7005925803036', class: "text-sm text-text-muted" }, t.solarSystemForm.additionalComponents.kilometersPerYear)), h("div", { key: '0eac61b2458d1a7ce7f5f3da49e000ae10f11475', class: "grid grid-cols-2 gap-4" }, h("select", { key: '17a104378190f85f7fc6ab66dbd98286ed23f221', class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: e => {
                 this.electricCarChargingTime = e.target.value;
                 this.recalculate();
-            }, style: borderStyle }, h("option", { key: 'd32f0d60117bd602e36c6236906718c5947db546', value: "day", selected: this.electricCarChargingTime === 'day' }, t.solarSystemForm.additionalComponents.chargingTimeDay), h("option", { key: '64a7d7b4708966455f81ec529a86dac640c3ba14', value: "night", selected: this.electricCarChargingTime === 'night' }, t.solarSystemForm.additionalComponents.chargingTimeNight)), h("input", { key: '25ade855219e9a13f636c593a2e8a9c2ad1f68c0', type: "number", min: "1000", max: "100000", step: "1000", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: e => {
+            }, style: borderStyle }, h("option", { key: 'cf1add9b03d6a072bf5d2be7b0ec1e36f0ab40b9', value: "day", selected: this.electricCarChargingTime === 'day' }, t.solarSystemForm.additionalComponents.chargingTimeDay), h("option", { key: '50e451bc44395c9c0e3f3a7b28e051d14d410f8a', value: "night", selected: this.electricCarChargingTime === 'night' }, t.solarSystemForm.additionalComponents.chargingTimeNight)), h("input", { key: '1a38ea9015f630b35de66d41dc035d28b0b0c996', type: "number", min: "1000", max: "100000", step: "1000", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: e => {
                 this.kmDrivenPerYear = parseInt(e.target.value);
                 if (isNaN(this.kmDrivenPerYear)) {
                     this.kmDrivenPerYear = 0;
                 }
                 this.recalculate();
-            }, style: borderStyle }))))), h("div", { key: 'c6b3968c5150812796965c17ff06d4fdc27ea817', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '5195acf16e1f737e80f32deb7ac9e190cf5b6d57', class: "flex items-center justify-between" }, h("div", { key: '424bd180969324f21c4560670efe3a271f8837b4', class: "flex items-center gap-2" }, h("input", { key: 'cf5ea8cc72c91a9e19831776a93aa772bb80c520', 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.batteryEnabled, onChange: e => {
+            }, style: borderStyle }))))), h("div", { key: 'bed54fb3f03d295bcefa4589bd75317f5416383d', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '686264e19e103bdb09d00064b35d23160f26d86e', class: "flex items-center justify-between" }, h("div", { key: '19949dd3e1dbfdebc8334134a7e67d7c23f89685', class: "flex items-center gap-2" }, h("input", { key: '4a03da1c1c6ed52f00ba37f47be1c00f032a6264', 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.batteryEnabled, onChange: e => {
                 this.batteryEnabled = e.target.checked;
                 this.battery = this.batteryEnabled ? 5 : 0;
                 this.recalculate();
-            } }), h("label", { key: '1bed2e15e1b7f093f9ee464c02555532595b766d', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm.additionalComponents.battery)), this.batteryEnabled && !this.isIOS() && h("span", { key: 'f2d5d4deabbe5a813f2c3ca151c649b6e9493bc5', class: "text-text-muted" }, this.battery, " kWh")), this.batteryEnabled && (h("div", { key: '5fe85d76365d0a477b3fd16b4d87b7a4c3c3074b', class: "flex flex-col gap-2" }, this.isIOS() ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: e => {
+            } }), h("label", { key: 'd36727143a924f66300add81e79853d07f821bfa', htmlFor: "battery", class: "text-text-muted" }, t.solarSystemForm.additionalComponents.battery)), this.batteryEnabled && !this.isIOS() && h("span", { key: '26d7bb3494bcfd0d25e3069d2a061c7edf28e532', class: "text-text-muted" }, this.battery, " kWh")), this.batteryEnabled && (h("div", { key: '5b5e24aa272cd017b7f5f047074b53025e25058c', class: "flex flex-col gap-2" }, this.isIOS() ? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: e => {
                 let value = parseInt(e.target.value);
                 if (isNaN(value)) {
                     value = 0;
@@ -431,41 +431,41 @@ const SolarSystemForm = class {
                 this.battery = value;
                 this.batteryEnabled = value > 0;
                 this.recalculate();
-            } }))))))), h("div", { key: '6dd880664327368d90962dbc075324dac489b43f', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'cae87b42efe9efb67bb981c99536c9c9917c0810', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.electricityCostsTitle), h("div", { key: 'a4e7fafca2069b11602c44c2fd8a66f44db40249', style: {
+            } }))))))), h("div", { key: '519ead3be250bd617f695009c490332bf15f633d', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '80b2f384aaa0dbc9f98cd193fc05f10e9b758b34', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.electricityCostsTitle), h("div", { key: '7ebd7931e79ddc3df7752deba0630e6168bc052b', style: {
                 display: 'grid',
                 gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))',
                 gap: '1rem',
-            } }, h("div", { key: 'd900544fdf28538bc377ca4cc3b6de1d7ea5a9f0' }, h("label", { key: 'ea7775bee25362953e23c4d56daced2830ab1df7', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: '3a290ed738522cff562a86b3d6955338cb9a45c7', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.electricityPrice.toFixed(2), onInput: e => {
+            } }, h("div", { key: 'c569f8b07e40cf88126364cf1e074d1887802ea7' }, h("label", { key: '20b4a65b025ad1ec69d39bcf422fd91791120b38', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("input", { key: 'af57c0b382fd3fb6f994c92e02f0fdeef53eb738', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.electricityPrice.toFixed(2), onInput: e => {
                 this.electricityPrice = parseFloat(e.target.value);
                 this.recalculate();
-            } })), h("div", { key: '1691b2cb24ac5bc4cd6e7f1ecc73b6e075dd4b8c' }, h("label", { key: 'e81a4707140a23b83effc6dd4e780f53a743a6a3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: '12a74d0d3066206dc1446bcc0e9f99d930564ef6', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.compensationRate.toFixed(2), onInput: e => {
+            } })), h("div", { key: '9116f0fc5c598d69671b459cbc88aad171f91c31' }, h("label", { key: '6a42928c3b5e41cbf41072495b014d586bf1958d', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("input", { key: 'bb0236fb87cbc7620b6d51f296cac12072088572', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.compensationRate.toFixed(2), onInput: e => {
                 this.compensationRate = parseFloat(e.target.value);
                 this.recalculate();
-            } })), h("div", { key: 'a10dbcd535af229303b9bb9f2b17d9450e334398' }, h("label", { key: 'e146fb182b7cf56aa2348b2f6897ea7de91b8f13', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: 'b1b8ab7d10328024e07598615316db47acb38f6e', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.annualPriceIncrease.toFixed(1), onInput: e => {
+            } })), h("div", { key: '02e377732a46edd1fd4319554118935d904d2eca' }, h("label", { key: '189f2ad03fb1cb81d73dba35f6787452fa04f97f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease), h("input", { key: '59c4eee6711d03a769b1013805b9a8ea548c8852', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", style: borderStyle, value: this.annualPriceIncrease.toFixed(1), onInput: e => {
                 this.annualPriceIncrease = parseFloat(e.target.value);
                 this.recalculate();
-            } })))), h("div", { key: 'dad26d462b24d45a0caa641f446e629b7ae63264', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '81abb0ec09880ff4ce11405aae67a38baceedeb8', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.resultsTitle), h("div", { key: '233b7a6ccaf7df1b64dd3c39cfbaf646413f0ad3', class: "bg-muted rounded-4xl p-4" }, h("div", { key: '17a985dc687805de4409f27ae7f426acc68c9202', class: "flex flex-col sm:flex-row sm:items-center justify-between" }, h("span", { key: '6956000e756b43ebb55029c54486ff4fca89b81a', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: '4357fc407028c179b0f461f49680359e976a8d5f', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.autonomy > 100 ? '100' : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: '0fe27ff3dca29bd975f83d9bb98b212eacf9c039', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '9061eada8a064352ca73a934c4d2119cdaa51586', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: 'a71c60129a4bb0a18f606838dd35fe869485d8b3', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '1052613b71b127aee21764b5af55a2f17a1767ed', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '822ef2bff3dcfb4afd9bef705c7b781be9405cfc', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: 'c4c1b76ffae543a012489ee6c3d4066600434db8', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '54d64ba1dec38651357281cd6d72f49824de0cfd', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '4a0e9a9edbf31827832729aab579b8698bba277a', class: "flex items-center gap-2" }, h("span", { key: '90567c48160b0a334238e804a33b6ad138e6574a', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: '37ee3da637cb2c337fe8b57a4ec1dccecaf218e8', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.costSavings), " \u20AC/", t.solarSystemForm.year)), h("div", { key: '325383bf4e2b25c09b6f9bf51556228e0f5bd880', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '5356e4e858a7d7dd8c85f317a43e275395ead041', class: "flex items-center gap-2" }, h("span", { key: 'f77c6db91303a25125e3473209dcc17cf0d0d172', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: '972675d3abce766c86ad0ca13d670f89186237d0', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.compensation20Years), " \u20AC")), h("div", { key: 'e66d8f3a67f52192e479ac37bed7786269b0cf54', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: '3c3454141a98b94c933d3deed777b4e2ea1af719', class: "flex items-center gap-2" }, h("span", { key: '9d6b1caa601f7e1bb67bfbab613f17808777b8ee', class: "text-text-muted" }, t.solarSystemForm.monetaryBenefit20Years)), h("span", { key: 'ac633abd9015c0819b5ac2e4b578694ec7565cd8', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.savedCosts20Years), " \u20AC")))), h("div", { key: 'e2260b9fdb2970cb37c02e7167ad36172b2b76ee', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '14893c12674f2929a916dab8faafbd53393cad8d', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.requestOffer), h("div", { key: 'f4cce52bd6a9ad6cbc7cec50836996224c967519', style: {
+            } })))), h("div", { key: '08b3b69fbed1c083c4e06c59dbfa0aaf068ecae0', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: 'dc39280e19412aaf31a7116c86c98144856dd008', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.resultsTitle), h("div", { key: '79065f7b4514cb2b75e3aa9538724f05205f04f4', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'dc9d2a431fbc5955fb415b7bcb6f45458fe1a4a7', class: "flex flex-col sm:flex-row sm:items-center justify-between" }, h("span", { key: 'fc2b38917b180da09e62b1cdec9669c99169822a', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: 'd475336b71af22fd0b96748eb991ae96b05cf7c8', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.autonomy > 100 ? '100' : this.formatEuropeanNumber(this.autonomy, 1), "%")), h("div", { key: 'df30607e9c81081d8c4e1d80c49ff274bd4b3f5e', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '4bd052bd5f69a54870c42ad4f22d2e3d3634d039', class: "text-text-muted" }, t.solarSystemForm.totalEnergyConsumption), h("span", { key: 'dd2b0fee26e9509710d96586f1c5b170e6fbd07d', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyConsumption, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '6c04216d3fe72204aefce68535288dbbfa6e44c5', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("span", { key: '5c78f49ba3e934faa4aa472e63d3a3ab206f67d2', class: "text-text-muted" }, t.solarSystemForm.totalEnergyProduction), h("span", { key: 'c02f76952d88fcf7e6ecd263d0d9578a1215dbed', class: "text-xl font-bold text-secondary mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.totalEnergyProduction, 0), " kWh/", t.solarSystemForm.year)), h("div", { key: '6ba80b408040b8d62d69265c51c5a002acf6b67a', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'd9bb888ce7532dd4fc474542080209b9af635eed', class: "flex items-center gap-2" }, h("span", { key: '201c812e5483381142cc0ff7eb3c5cb5115e6c15', class: "text-text-muted" }, t.solarSystemForm.costSavings)), h("span", { key: '0b28125004d41ab64bd1e3dc606dff933d3eebdd', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.costSavings), " \u20AC/", t.solarSystemForm.year)), h("div", { key: 'f02f99d261699507e0bc0723f597d7b251155970', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'c1f4e9b042007975282c903874366f4d9034fc96', class: "flex items-center gap-2" }, h("span", { key: 'f26ed0dc1f949f6725151ee8954abd466c68772e', class: "text-text-muted" }, t.solarSystemForm.compensation20Years)), h("span", { key: '15e683d1e75198885bb9d496188547dd504c0d27', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.compensation20Years), " \u20AC")), h("div", { key: 'f24b46f3fc8c79ed94fca2c020217b6d4842e23a', class: "flex flex-col sm:flex-row sm:items-center justify-between mt-4" }, h("div", { key: 'a5b4dac0b0fb85c3f0770f18c5d05d409926272f', class: "flex items-center gap-2" }, h("span", { key: 'b740f914a8ef3330abdf49d1400342c51191dda7', class: "text-text-muted" }, t.solarSystemForm.monetaryBenefit20Years)), h("span", { key: '7c80902f5be078747c5e816545e9f3f4aee9e503', class: "text-xl font-bold text-success mt-1 sm:mt-0" }, this.formatEuropeanNumber(this.savedCosts20Years), " \u20AC")))), h("div", { key: 'e6a9eeb5131d96057306fc9a1fc726b4f4cccb24', class: "space-y-4 p-4 rounded-4xl", style: borderStyle }, h("h2", { key: '98ad05d4e17019ddb8f381a67bbb474fb698de20', class: "font-semibold text-secondary pb-2", style: { fontSize: '0.875rem' } }, t.solarSystemForm.requestOffer), h("div", { key: 'b197d99170100da8e3d675efd455e2896d255590', style: {
                 display: 'grid',
                 gridTemplateColumns: 'repeat(auto-fit, minmax(1 00px, 1fr))',
                 gap: '1rem',
-            } }, h("div", { key: 'f59efeb320aeeecb1a790516ff80452fce147868' }, h("label", { key: 'e2d128e5b2dc3c1545cb701bc526ffdfaa3566db', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.firstname || 'Vorname'), h("input", { key: '8d83c21774bb4c27053dc1dd7df1fc2f8542ab6e', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.firstnameError ? errorBorderStyle : borderStyle, value: this.firstname, onInput: e => {
+            } }, h("div", { key: 'c31d8c5c281c56f0c39f7cc7eb4e7f166e0748cf' }, h("label", { key: 'b167ef34198aa39e42f6ecff1641d25f96717fc2', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.firstname || 'Vorname'), h("input", { key: 'c1bbc72daa5592c57e1dd21f2ab07b5f8cf5bbc4', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.firstnameError ? errorBorderStyle : borderStyle, value: this.firstname, onInput: e => {
                 this.firstname = e.target.value;
                 this.validateForm();
-            }, placeholder: "Vorname" }), this.firstnameError && h("p", { key: 'daba4bdd5340e5ab0dd058161496afe472adf467', class: "text-error text-sm mt-1" }, this.firstnameError)), h("div", { key: '01a55f702942a58bbba0fb1e2b36c0d0fe585873' }, h("label", { key: '95f45851757265d86dbf3b0023160411026c9c02', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.surname || 'Nachname'), h("input", { key: '8eb4454b68333741f175a3d346791acb23451051', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.surnameError ? errorBorderStyle : borderStyle, value: this.surname, onInput: e => {
+            }, placeholder: "Vorname" }), this.firstnameError && h("p", { key: '3699fec0ffa8d86ddc94b944a05fec0236d3ee81', class: "text-error text-sm mt-1" }, this.firstnameError)), h("div", { key: 'a4e4e4534a1f8f2bae40ac1f963b9223ee2f9b37' }, h("label", { key: 'e5c1bea609107bee7ec34f731e3377e889782639', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.surname || 'Nachname'), h("input", { key: '8328e6a816a57e060aa923874ed4f47aef49afb3', type: "text", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.surnameError ? errorBorderStyle : borderStyle, value: this.surname, onInput: e => {
                 this.surname = e.target.value;
                 this.validateForm();
-            }, placeholder: "Nachname" }), this.surnameError && h("p", { key: '041e66ec9da56d8e2dcfc4f780ed14c798564821', class: "text-error text-sm mt-1" }, this.surnameError)), h("div", { key: '12238bbeff5f009f49d365849b8b608393a63b3f' }, h("label", { key: 'd8ca73233b5732e1c86093c39923718887e1f581', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '9ef4c4b8400bc162b68ea6a65cc5ab40b9d2a4b5', type: "email", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.emailError ? errorBorderStyle : borderStyle, value: this.email, onInput: e => {
+            }, placeholder: "Nachname" }), this.surnameError && h("p", { key: 'b8d64f11413b2e85b00d40d8cd9e3659e5d2d021', class: "text-error text-sm mt-1" }, this.surnameError)), h("div", { key: '1ad8bfec39fb23ba2e5bd881433d1dd610661831' }, h("label", { key: '1a4feeff8cc89468b1e40d38ce0bfa39d3f328f4', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email), h("input", { key: '2883917a2f205d936a2395437302de7a6264dd59', type: "email", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.emailError ? errorBorderStyle : borderStyle, value: this.email, onInput: e => {
                 this.email = e.target.value;
                 this.validateForm();
-            }, placeholder: "mail@beispiel.com" }), this.emailError && h("p", { key: '11bc547c6719238524f15be8fb5b1dad5e9ec6ba', class: "text-error text-sm mt-1" }, this.emailError)), h("div", { key: 'a2b61b7ecd995bbdd6bf04afb835196925720a90' }, h("label", { key: '33c7bee1bd7e2abfe79a516bd924ced31fa38866', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: 'be172eabd31f0dc1a4aacfbc9d0b9f6fbe02ddb7', type: "tel", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.phoneError ? errorBorderStyle : borderStyle, value: this.phone, onInput: e => {
+            }, placeholder: "mail@beispiel.com" }), this.emailError && h("p", { key: '16859663d861a3dec99118f0e1294f713e24d93f', class: "text-error text-sm mt-1" }, this.emailError)), h("div", { key: '679697b5dbc28e373cd12c48336ad98e915f1ec4' }, h("label", { key: '4373dc825cf47fc5868985c2ace8fa94320fde04', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.phone), h("input", { key: 'b0d0e344f1ee3007777e1939bb7bf4cc348cf3d7', type: "tel", class: `w-full px-4 py-2 rounded-4xl focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, style: this.phoneError ? errorBorderStyle : borderStyle, value: this.phone, onInput: e => {
                 this.phone = e.target.value;
                 this.validateForm();
-            }, placeholder: "0171 23456789" }), this.phoneError && h("p", { key: '46a158281ad72c0122fe3985d5913d4dcf7f8d5b', class: "text-error text-sm mt-1" }, this.phoneError))), h("div", { key: '3a0b008d1ddd1412c40476e63d92bd43990ddd3d', class: "flex flex-col items-center gap-4" }, h("div", { key: '52b3a0ba36c517e1d26cbf6ca01d308753c47ae9', class: "flex flex-col items-start w-full" }, h("div", { key: 'd76d00612392d31782ff846fdf25afb56ab64ac3', class: "flex items-center gap-2" }, h("input", { key: '7a4a1d9c4b5abfa8e9cf0ecd8794ce3a69100774', type: "checkbox", id: "privacyPolicy", class: "w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.privacyPolicyAccepted, onChange: e => {
+            }, placeholder: "0171 23456789" }), this.phoneError && h("p", { key: '4878784f9c1be0256ef35e766571dcb8a6ec9d7c', class: "text-error text-sm mt-1" }, this.phoneError))), h("div", { key: 'a694ad161086fa7face542ddddf265624eefa064', class: "flex flex-col items-center gap-4" }, h("div", { key: '3e386a353487534ee55704b32379e59fb0be8f4f', class: "flex flex-col items-start w-full" }, h("div", { key: 'e013dc9b240db0ed3e240ab2151e6143fc20c450', class: "flex items-center gap-2" }, h("input", { key: '3f29e926b21cd2bb673bde3460b82bfd79fa0f2a', type: "checkbox", id: "privacyPolicy", class: "w-4 h-4 accent-tertiary border-border rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.privacyPolicyAccepted, onChange: e => {
                 this.privacyPolicyAccepted = e.target.checked;
                 if (e.target.checked) {
                     this.privacyPolicyError = '';
                 }
-            } }), h("label", { key: 'd9a0ad9ec0f06842fe91855e268e6785fcf1e3f6', htmlFor: "privacyPolicy", class: "text-sm text-text-muted" }, "Ich stimme der", ' ', h("a", { key: '7c2c68ce5e0d9c3b1668d36ec4ad12a5f4b6c91c', href: "https://www.solaravatar.com/rechtliches/datenschutz", target: "_blank", rel: "noopener noreferrer", class: "text-secondary hover:underline" }, "Datenschutzerkl\u00E4rung"), ' ', "zu.")), this.privacyPolicyError && h("p", { key: 'b99f2e6e925c43451dd5d6622b045147760d35b7', class: "text-error text-sm mt-1 ml-6" }, this.privacyPolicyError)), h("button", { key: '48772dd20bd3f230af0c39b21ca1ec6db762ac28', onClick: () => this.handleRequestOffer(), disabled: !this.firstname.trim() ||
+            } }), h("label", { key: 'c67e6bef4d099262bc1a6f9e0fb820992b520784', htmlFor: "privacyPolicy", class: "text-sm text-text-muted" }, "Ich stimme der", ' ', h("a", { key: '1425b344e4f4bfff6b0b001ae9c60d707be343d6', href: "https://www.solaravatar.com/rechtliches/datenschutz", target: "_blank", rel: "noopener noreferrer", class: "text-secondary hover:underline" }, "Datenschutzerkl\u00E4rung"), ' ', "zu.")), this.privacyPolicyError && h("p", { key: '180c318dc31d5e841ea94007c773a2d96b157d76', class: "text-error text-sm mt-1 ml-6" }, this.privacyPolicyError)), h("button", { key: '15b93198b3a01feb4125303f08a40a35edadbeaf', onClick: () => this.handleRequestOffer(), disabled: !this.firstname.trim() ||
                 !this.surname.trim() ||
                 !this.email.trim() ||
                 !!this.firstnameError ||
@@ -475,7 +475,7 @@ const SolarSystemForm = class {
                 !this.privacyPolicyAccepted ||
                 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: '4acbde73ce57dca7fce4dc7c3215e021ee4bf0c3', 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: '3d2117c7beacdc442740afce38655c656c94f830', 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)))))));
+            } }, this.isSubmitting && h("div", { key: 'c9ea77de7dd7ac58e3beebeb626311f8faf85877', 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: '7d7bf6386e236c76f289164ee74eedd735f1c834', 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"]

package/dist/stencil-library/stencil-library.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 if (typeof global === "undefined") { var global = globalThis || window || self; }
-import { B as BUILD, c as consoleDevInfo, H, w as win, N as NAMESPACE, p as promiseResolve, b as bootstrapLazy } from './index-ICfDNUMe.js';
-export { s as setNonce } from './index-ICfDNUMe.js';
+import { B as BUILD, c as consoleDevInfo, H, w as win, N as NAMESPACE, p as promiseResolve, b as bootstrapLazy } from './index-DzvFVH7F.js';
+export { s as setNonce } from './index-DzvFVH7F.js';
 import { g as globalScripts } from './app-globals-CX8V3eiN.js';
 /*
@@ -46,7 +46,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["map-selector",[[0,"map-selector",{"apiKey":[1,"api-key"],"language":[1],"isLoaded":[32],"autocomplete":[32],"map":[32],"marker":[32],"circle":[32],"radius":[32],"latitude":[32],"longitude":[32],"isSatelliteMode":[32],"showAddressError":[32]}]]],["tool-box",[[0,"tool-box",{"currentTool":[16,"current-tool"],"undoCallback":[16,"undo-callback"],"onToolSelect":[16,"on-tool-select"]}]]],["polygon-buttons",[[0,"polygon-buttons",{"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}]]],["polygon-information",[[0,"polygon-information",{"currentPolygon":[16,"current-polygon"],"numberOfPanels":[2,"number-of-panels"],"handleAzimuthChange":[16,"handle-azimuth-change"],"handlePitchChange":[16,"handle-pitch-change"],"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}]]],["settings-modal",[[0,"settings-modal",{"settings":[16],"tempSettings":[32]}]]],["toast-notification",[[0,"toast-notification",{"message":[1],"type":[1],"duration":[2],"isVisible":[32],"isExiting":[32]}]]],["house-icon",[[0,"house-icon",{"inline":[4],"size":[2]}]]],["move-icon",[[0,"move-icon",{"inline":[4],"size":[2]}]]],["settings-icon",[[0,"settings-icon",{"inline":[4],"size":[2]}]]],["search-icon",[[0,"search-icon",{"inline":[4],"size":[2]}]]],["solar-expert",[[0,"solar-expert",{"apiKey":[1,"api-key"],"language":[1],"unfold":[4],"colorScheme":[16,"color-scheme"],"latitude":[32],"longitude":[32],"isLoaded":[32],"autocomplete":[32],"place":[32],"showMapSelector":[32]},null,{"colorScheme":["colorSchemeChanged"]}]]],["loading-widget",[[0,"loading-widget"]]],["solar-system-form",[[0,"solar-system-form",{"systemConfigs":[16,"system-configs"],"polygons":[16],"roofCanvas":[16,"roof-canvas"],"polygonCanvas":[16,"polygon-canvas"],"pixelInMeters":[2,"pixel-in-meters"],"householdConsumption":[32],"consumptionProfile":[32],"electricityPrice":[32],"compensationRate":[32],"annualPriceIncrease":[32],"autonomy":[32],"costSavings":[32],"numberOfPanels":[32],"panelPeakPower":[32],"firstname":[32],"surname":[32],"email":[32],"phone":[32],"firstnameError":[32],"surnameError":[32],"emailError":[32],"phoneError":[32],"electricCar":[32],"electricCarChargingTime":[32],"heatPump":[32],"battery":[32],"batteryEnabled":[32],"compensation20Years":[32],"savedCosts20Years":[32],"maxPanels":[32],"kmDrivenPerYear":[32],"totalEnergyConsumption":[32],"totalEnergyProduction":[32],"isSubmitting":[32],"submitMessage":[32],"submitSuccess":[32],"privacyPolicyAccepted":[32],"privacyPolicyError":[32]},null,{"systemConfigs":["updateSystemConfigs"]}]]],["tutorial-component",[[0,"tutorial-component",{"onClose":[16,"on-close"],"onSkip":[16,"on-skip"],"showSkipButton":[4,"show-skip-button"],"title":[1],"description":[1],"videoSource":[1,"video-source"],"isLoading":[32],"dotCount":[32],"isVideoPlaying":[32]}]]],["eraser-icon",[[0,"eraser-icon",{"inline":[4],"size":[2]}]]],["marker-icon",[[0,"marker-icon",{"inline":[4],"size":[2]}]]],["octagon-minus-icon",[[0,"octagon-minus-icon",{"inline":[4],"size":[2]}]]],["undo-icon",[[0,"undo-icon",{"inline":[4],"size":[2]}]]],["icon-selector",[[0,"icon-selector",{"name":[1],"inline":[4],"size":[2]}]]],["map-draw",[[0,"map-draw",{"apiKey":[1,"api-key"],"config":[16],"solarPanel":[16,"solar-panel"],"enableSettings":[4,"enable-settings"],"unfold":[4],"showInstructions":[32],"showSettings":[32],"showTutorial":[32],"showMarkEdgeTutorial":[32],"showAdditionalToolsTutorial":[32],"additionalToolsTutorialShown":[32],"showObstacleTutorial":[32],"obstacleTutorialShown":[32],"firstPolygonClosed":[32],"zoom":[32],"loadingState":[32],"rgbTiff":[32],"currentTool":[32],"buildingInsights":[32],"pixelInMeters":[32],"interaction":[32],"currentPolygon":[32],"solarSystem":[32],"showToast":[32],"toastMessage":[32],"toastType":[32]},null,{"rgbTiff":["setupCanvasManager","drawMap"],"canvasElement":["drawMap"]}]]]], options);
+  return bootstrapLazy([["map-selector",[[0,"map-selector",{"apiKey":[1,"api-key"],"language":[1],"isLoaded":[32],"autocomplete":[32],"map":[32],"marker":[32],"circle":[32],"radius":[32],"latitude":[32],"longitude":[32],"isSatelliteMode":[32],"showAddressError":[32]}]]],["tool-box",[[0,"tool-box",{"currentTool":[16,"current-tool"],"undoCallback":[16,"undo-callback"],"onToolSelect":[16,"on-tool-select"]}]]],["polygon-buttons",[[0,"polygon-buttons",{"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}]]],["polygon-information",[[0,"polygon-information",{"currentPolygon":[16,"current-polygon"],"numberOfPanels":[2,"number-of-panels"],"handleAzimuthChange":[16,"handle-azimuth-change"],"handlePitchChange":[16,"handle-pitch-change"],"calculateSolarPanels":[16,"calculate-solar-panels"],"markAsFlatRoof":[16,"mark-as-flat-roof"],"currentTool":[1,"current-tool"]}]]],["settings-modal",[[0,"settings-modal",{"settings":[16],"tempSettings":[32]}]]],["toast-notification",[[0,"toast-notification",{"message":[1],"type":[1],"duration":[2],"isVisible":[32],"isExiting":[32]}]]],["house-icon",[[0,"house-icon",{"inline":[4],"size":[2]}]]],["move-icon",[[0,"move-icon",{"inline":[4],"size":[2]}]]],["settings-icon",[[0,"settings-icon",{"inline":[4],"size":[2]}]]],["search-icon",[[0,"search-icon",{"inline":[4],"size":[2]}]]],["solar-expert",[[1,"solar-expert",{"apiKey":[1,"api-key"],"language":[1],"unfold":[4],"colorScheme":[16,"color-scheme"],"latitude":[32],"longitude":[32],"isLoaded":[32],"autocomplete":[32],"place":[32],"showMapSelector":[32]},null,{"colorScheme":["colorSchemeChanged"]}]]],["loading-widget",[[0,"loading-widget"]]],["solar-system-form",[[0,"solar-system-form",{"systemConfigs":[16,"system-configs"],"polygons":[16],"roofCanvas":[16,"roof-canvas"],"polygonCanvas":[16,"polygon-canvas"],"pixelInMeters":[2,"pixel-in-meters"],"householdConsumption":[32],"consumptionProfile":[32],"electricityPrice":[32],"compensationRate":[32],"annualPriceIncrease":[32],"autonomy":[32],"costSavings":[32],"numberOfPanels":[32],"panelPeakPower":[32],"firstname":[32],"surname":[32],"email":[32],"phone":[32],"firstnameError":[32],"surnameError":[32],"emailError":[32],"phoneError":[32],"electricCar":[32],"electricCarChargingTime":[32],"heatPump":[32],"battery":[32],"batteryEnabled":[32],"compensation20Years":[32],"savedCosts20Years":[32],"maxPanels":[32],"kmDrivenPerYear":[32],"totalEnergyConsumption":[32],"totalEnergyProduction":[32],"isSubmitting":[32],"submitMessage":[32],"submitSuccess":[32],"privacyPolicyAccepted":[32],"privacyPolicyError":[32]},null,{"systemConfigs":["updateSystemConfigs"]}]]],["tutorial-component",[[0,"tutorial-component",{"onClose":[16,"on-close"],"onSkip":[16,"on-skip"],"showSkipButton":[4,"show-skip-button"],"title":[1],"description":[1],"videoSource":[1,"video-source"],"isLoading":[32],"dotCount":[32],"isVideoPlaying":[32]}]]],["eraser-icon",[[0,"eraser-icon",{"inline":[4],"size":[2]}]]],["marker-icon",[[0,"marker-icon",{"inline":[4],"size":[2]}]]],["octagon-minus-icon",[[0,"octagon-minus-icon",{"inline":[4],"size":[2]}]]],["undo-icon",[[0,"undo-icon",{"inline":[4],"size":[2]}]]],["icon-selector",[[0,"icon-selector",{"name":[1],"inline":[4],"size":[2]}]]],["map-draw",[[0,"map-draw",{"apiKey":[1,"api-key"],"config":[16],"solarPanel":[16,"solar-panel"],"enableSettings":[4,"enable-settings"],"unfold":[4],"showInstructions":[32],"showSettings":[32],"showTutorial":[32],"showMarkEdgeTutorial":[32],"showAdditionalToolsTutorial":[32],"additionalToolsTutorialShown":[32],"showObstacleTutorial":[32],"obstacleTutorialShown":[32],"firstPolygonClosed":[32],"zoom":[32],"loadingState":[32],"rgbTiff":[32],"currentTool":[32],"buildingInsights":[32],"pixelInMeters":[32],"interaction":[32],"currentPolygon":[32],"solarSystem":[32],"showToast":[32],"toastMessage":[32],"toastType":[32]},null,{"rgbTiff":["setupCanvasManager","drawMap"],"canvasElement":["drawMap"]}]]]], options);
 });
 //# sourceMappingURL=stencil-library.esm.js.map

package/dist/stencil-library/{store-CcqrFuBK.js → store-CAMVyEnv.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 if (typeof global === "undefined") { var global = globalThis || window || self; }
-import { e as getRenderingRef, f as forceUpdate } from './index-ICfDNUMe.js';
+import { e as getRenderingRef, f as forceUpdate } from './index-CtdQ2GTJ.js';
 const en = {
     settings: {
@@ -753,6 +753,6 @@ onChange("isIOS", (value) => {
 });
 export { getLanguageStrings as g, onChange as o, state as s };
-//# sourceMappingURL=store-CcqrFuBK.js.map
+//# sourceMappingURL=store-CAMVyEnv.js.map
-//# sourceMappingURL=store-CcqrFuBK.js.map
+//# sourceMappingURL=store-CAMVyEnv.js.map