blue-chestnut-solar-expert 0.0.24 → 0.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/eraser-icon.house-icon.icon-selector.map-draw.map-selector.move-icon.octagon-minus-icon.polygon-buttons.polygon-information.search-icon.settings-icon.settings-modal.solar-expert.solar-system-form.tool-box.undo-icon.entry.cjs.js.map +1 -1
- package/dist/cjs/eraser-icon_16.cjs.entry.js +43 -40
- package/dist/cjs/eraser-icon_16.cjs.entry.js.map +1 -1
- package/dist/cjs/loading-widget.cjs.entry.js +1 -1
- package/dist/cjs/solar-calculator.cjs.entry.js +1 -1
- package/dist/collection/components/settings/settings.js +8 -8
- package/dist/collection/components/settings/settings.js.map +1 -1
- package/dist/collection/components/solar-calculator/solar-calculator.js +1 -1
- package/dist/collection/components/solar-expert/solar-expert.js +1 -1
- package/dist/collection/components/solar-system-form/solar-system-form.js +31 -31
- package/dist/collection/components/widgets/loading-widget.js +1 -1
- package/dist/collection/store.js +3 -0
- package/dist/collection/store.js.map +1 -1
- package/dist/components/loading-widget.js +1 -1
- package/dist/components/map-draw.js +1 -1
- package/dist/components/map-selector.js +1 -1
- package/dist/components/{p-m5YlFZMR.js → p-B1ywivYa.js} +3 -3
- package/dist/components/{p-m5YlFZMR.js.map → p-B1ywivYa.js.map} +1 -1
- package/dist/components/{p-DlAht76f.js → p-BLXc1FjC.js} +5 -2
- package/dist/components/p-BLXc1FjC.js.map +1 -0
- package/dist/components/{p-B59N-NRF.js → p-BcV6HHN8.js} +3 -3
- package/dist/components/{p-B59N-NRF.js.map → p-BcV6HHN8.js.map} +1 -1
- package/dist/components/{p-B9Z3uCsI.js → p-DMkbzkL_.js} +3 -3
- package/dist/components/{p-B9Z3uCsI.js.map → p-DMkbzkL_.js.map} +1 -1
- package/dist/components/{p-Cum4j9Q1.js → p-DaNCcvcZ.js} +8 -8
- package/dist/components/{p-Cum4j9Q1.js.map → p-DaNCcvcZ.js.map} +1 -1
- package/dist/components/{p-CucBs_yI.js → p-DmcGZV6W.js} +34 -34
- package/dist/components/{p-CucBs_yI.js.map → p-DmcGZV6W.js.map} +1 -1
- package/dist/components/{p-B_1gV3Qz.js → p-SerH3z5y.js} +3 -3
- package/dist/components/{p-B_1gV3Qz.js.map → p-SerH3z5y.js.map} +1 -1
- package/dist/components/{p-tY_1hcaO.js → p-dMGAlZG4.js} +11 -11
- package/dist/components/p-dMGAlZG4.js.map +1 -0
- package/dist/components/polygon-buttons.js +1 -1
- package/dist/components/polygon-information.js +1 -1
- package/dist/components/settings-modal.js +1 -1
- package/dist/components/solar-calculator.js +1 -1
- package/dist/components/solar-expert.js +9 -9
- package/dist/components/solar-system-form.js +1 -1
- package/dist/components/tool-box.js +1 -1
- package/dist/esm/eraser-icon.house-icon.icon-selector.map-draw.map-selector.move-icon.octagon-minus-icon.polygon-buttons.polygon-information.search-icon.settings-icon.settings-modal.solar-expert.solar-system-form.tool-box.undo-icon.entry.js.map +1 -1
- package/dist/esm/eraser-icon_16.entry.js +43 -40
- package/dist/esm/eraser-icon_16.entry.js.map +1 -1
- package/dist/esm/loading-widget.entry.js +1 -1
- package/dist/esm/solar-calculator.entry.js +1 -1
- package/dist/stencil-library/eraser-icon.house-icon.icon-selector.map-draw.map-selector.move-icon.octagon-minus-icon.polygon-buttons.polygon-information.search-icon.settings-icon.settings-modal.solar-expert.solar-system-form.tool-box.undo-icon.entry.esm.js.map +1 -1
- package/dist/stencil-library/{p-91bf731c.entry.js → p-74e0c2f0.entry.js} +2 -2
- package/dist/stencil-library/{p-f85ca33a.entry.js → p-7e0b62d2.entry.js} +2 -2
- package/dist/stencil-library/p-b1889ecc.entry.js +2 -0
- package/dist/stencil-library/p-b1889ecc.entry.js.map +1 -0
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-DlAht76f.js.map +0 -1
- package/dist/components/p-tY_1hcaO.js.map +0 -1
- package/dist/stencil-library/p-100ab140.entry.js +0 -2
- package/dist/stencil-library/p-100ab140.entry.js.map +0 -1
- /package/dist/stencil-library/{p-91bf731c.entry.js.map → p-74e0c2f0.entry.js.map} +0 -0
- /package/dist/stencil-library/{p-f85ca33a.entry.js.map → p-7e0b62d2.entry.js.map} +0 -0
|
@@ -1624,6 +1624,9 @@ onChange("settingsVersion", (value) => {
|
|
|
1624
1624
|
onChange("isMobile", (value) => {
|
|
1625
1625
|
state.isMobile = value;
|
|
1626
1626
|
});
|
|
1627
|
+
onChange("isIOS", (value) => {
|
|
1628
|
+
state.isIOS = value;
|
|
1629
|
+
});
|
|
1627
1630
|
|
|
1628
1631
|
const outputCss$c = "/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-black: #000;\n --spacing: 0.25rem;\n --container-md: 28rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-lg: 0.5rem;\n --radius-4xl: 2rem;\n --animate-spin: spin 1s linear infinite;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --color-primary: hsl(41 51% 90%);\n --color-primary-foreground: hsl(0 0% 0%);\n --color-secondary: hsl(28 100% 8%);\n --color-secondary-foreground: hsl(0 0% 100%);\n --color-tertiary: hsl(28 100% 29%);\n --color-tertiary-foreground: hsl(0 0% 100%);\n --color-muted: hsl(0 0% 100%);\n --color-muted-foreground: hsl(0 0% 0%);\n --color-error: hsl(0 100% 50%);\n --color-error-foreground: hsl(0 0% 100%);\n --color-surface: hsl(0 0% 88%);\n --color-surface-hover: hsl(0 0% 82%);\n --color-surface-active: hsl(0 0% 64%);\n --color-text-muted: hsl(0 0% 45%);\n --color-text-secondary: hsl(0 0% 55%);\n --color-text-placeholder: hsl(0 0% 73%);\n --color-border: hsl(0 0% 82%);\n --color-border-light: hsl(0 0% 93%);\n --color-success: hsl(142 76% 36%);\n --color-info: hsl(221 83% 53%);\n --color-hover: hsl(0 0% 88%);\n --color-hover-dark: hsl(28 100% 8%);\n --color-overlay: rgba(0, 0, 0, 0.24);\n --color-tooltip: hsl(0 0% 13%);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .bottom-full {\n bottom: 100%;\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-3 {\n left: calc(var(--spacing) * 3);\n }\n .z-20 {\n z-index: 20;\n }\n .z-50 {\n z-index: 50;\n }\n .m-auto {\n margin: auto;\n }\n .mt-1 {\n margin-top: calc(var(--spacing) * 1);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n .block {\n display: block;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n .h-48 {\n height: calc(var(--spacing) * 48);\n }\n .h-\\[400px\\] {\n height: 400px;\n }\n .h-full {\n height: 100%;\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n .w-full {\n width: 100%;\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .flex-1 {\n flex: 1;\n }\n .flex-3 {\n flex: 3;\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .cursor-help {\n cursor: help;\n }\n .appearance-none {\n appearance: none;\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n .grid-rows-2 {\n grid-template-rows: repeat(2, minmax(0, 1fr));\n }\n .grid-rows-3 {\n grid-template-rows: repeat(3, minmax(0, 1fr));\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .items-start {\n align-items: flex-start;\n }\n .items-stretch {\n align-items: stretch;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-4xl {\n border-radius: var(--radius-4xl);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-t-2 {\n border-top-style: var(--tw-border-style);\n border-top-width: 2px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-border {\n border-color: var(--color-border);\n }\n .border-error {\n border-color: var(--color-error);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-secondary {\n border-color: var(--color-secondary);\n }\n .bg-black {\n background-color: var(--color-black);\n }\n .bg-gray-800 {\n background-color: var(--color-gray-800);\n }\n .bg-muted {\n background-color: var(--color-muted);\n }\n .bg-overlay {\n background-color: var(--color-overlay);\n }\n .bg-primary {\n background-color: var(--color-primary);\n }\n .bg-secondary {\n background-color: var(--color-secondary);\n }\n .bg-surface {\n background-color: var(--color-surface);\n }\n .bg-surface-active {\n background-color: var(--color-surface-active);\n }\n .bg-text-secondary {\n background-color: var(--color-text-secondary);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .pt-2 {\n padding-top: calc(var(--spacing) * 2);\n }\n .pt-4 {\n padding-top: calc(var(--spacing) * 4);\n }\n .pt-7 {\n padding-top: calc(var(--spacing) * 7);\n }\n .pr-4 {\n padding-right: calc(var(--spacing) * 4);\n }\n .pb-3 {\n padding-bottom: calc(var(--spacing) * 3);\n }\n .pb-4 {\n padding-bottom: calc(var(--spacing) * 4);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .pl-4 {\n padding-left: calc(var(--spacing) * 4);\n }\n .pl-10 {\n padding-left: calc(var(--spacing) * 10);\n }\n .text-center {\n text-align: center;\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .text-error {\n color: var(--color-error);\n }\n .text-gray-400 {\n color: var(--color-gray-400);\n }\n .text-muted {\n color: var(--color-muted);\n }\n .text-muted-foreground {\n color: var(--color-muted-foreground);\n }\n .text-primary-foreground {\n color: var(--color-primary-foreground);\n }\n .text-secondary {\n color: var(--color-secondary);\n }\n .text-secondary-foreground {\n color: var(--color-secondary-foreground);\n }\n .text-success {\n color: var(--color-success);\n }\n .text-text-muted {\n color: var(--color-text-muted);\n }\n .text-text-placeholder {\n color: var(--color-text-placeholder);\n }\n .text-text-secondary {\n color: var(--color-text-secondary);\n }\n .accent-tertiary {\n accent-color: var(--color-tertiary);\n }\n .opacity-0 {\n opacity: 0%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .group-hover\\:opacity-100 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n opacity: 100%;\n }\n }\n }\n .hover\\:bg-hover {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-hover);\n }\n }\n }\n .hover\\:bg-hover-dark {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-hover-dark);\n }\n }\n }\n .hover\\:bg-muted {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-muted);\n }\n }\n }\n .hover\\:bg-overlay {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-overlay);\n }\n }\n }\n .hover\\:bg-secondary {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-secondary);\n }\n }\n }\n .hover\\:bg-secondary\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: color-mix(in srgb, hsl(28 100% 8%) 80%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n }\n }\n }\n }\n .hover\\:bg-surface-hover {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-surface-hover);\n }\n }\n }\n .hover\\:bg-tertiary {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-tertiary);\n }\n }\n }\n .hover\\:bg-text-secondary {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-text-secondary);\n }\n }\n }\n .hover\\:text-muted {\n &:hover {\n @media (hover: hover) {\n color: var(--color-muted);\n }\n }\n }\n .focus\\:border-transparent {\n &:focus {\n border-color: transparent;\n }\n }\n .focus\\:ring-2 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-info {\n &:focus {\n --tw-ring-color: var(--color-info);\n }\n }\n .focus\\:ring-secondary {\n &:focus {\n --tw-ring-color: var(--color-secondary);\n }\n }\n .focus\\:ring-tertiary {\n &:focus {\n --tw-ring-color: var(--color-tertiary);\n }\n }\n .focus\\:ring-offset-0 {\n &:focus {\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .lg\\:gap-4 {\n @media (width >= 64rem) {\n gap: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:rounded-full {\n &::-webkit-slider-runnable-track {\n border-radius: calc(infinity * 1px);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-runnable-track\\]\\:bg-black\\/25 {\n &::-webkit-slider-runnable-track {\n background-color: color-mix(in srgb, #000 25%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 25%, transparent);\n }\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:h-\\[10px\\] {\n &::-webkit-slider-thumb {\n height: 10px;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:w-\\[10px\\] {\n &::-webkit-slider-thumb {\n width: 10px;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none {\n &::-webkit-slider-thumb {\n appearance: none;\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full {\n &::-webkit-slider-thumb {\n border-radius: calc(infinity * 1px);\n }\n }\n .\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-muted {\n &::-webkit-slider-thumb {\n background-color: var(--color-muted);\n }\n }\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-space-y-reverse {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-space-y-reverse: 0;\n --tw-border-style: solid;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-duration: initial;\n }\n }\n}\n";
|
|
1629
1632
|
|
|
@@ -2571,14 +2574,14 @@ const SettingsModal = class {
|
|
|
2571
2574
|
};
|
|
2572
2575
|
render() {
|
|
2573
2576
|
const t = getLanguageStrings(state.settings.language);
|
|
2574
|
-
return (index.h("div", { key: '69815a7efeb8f52a5d3422b06dc212a50b9f405b', class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, index.h("div", { key: 'ed368ae8d0d6d2946c5a4ecc559f018521e1bce8', class: "bg-primary rounded-4xl p-6 w-full max-w-md" }, index.h("div", { key: 'f51088beb4d8445503fa08c3dd2a2b8c886f79ce', class: "flex justify-between items-center mb-6" }, index.h("h2", { key: 'a9bcb7b893961bbf2032c1b8a110624ec3a95e65', class: "text-xl font-semibold" }, "Settings"), index.h("button", { key: '47d4dc1cc0789485da95218becfc921ae5db177c', class: "p-2 hover:bg-hover rounded-full transition-colors", onClick: this.handleClose }, index.h("svg", { key: '42923fdd6d5c96ceee98bdddca2e7e6bda42dcfa', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("line", { key: '751c5243b5b785a21131b02a3142c6d46e0cffeb', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: 'e26bd2a1b20aa718ced6183130e962c9dbd159b9', x1: "6", y1: "6", x2: "18", y2: "18" })))), index.h("div", { key: '560be61d72a1a98eea4d2788d49eee7a3107470d', class: "space-y-4" }, index.h("div", { key: '2e6422d175602e7a53eb3d629c37c47980c08da1' }, index.h("label", { key: '
|
|
2575
|
-
.value) }, index.h("option", { key: '
|
|
2576
|
-
"en" }, "English"), index.h("option", { key: '
|
|
2577
|
-
"es" }, "Espa\u00F1ol"), index.h("option", { key: '
|
|
2578
|
-
"de" }, "Deutsch"))), index.h("div", { key: '
|
|
2579
|
-
.value)) })), index.h("div", { key: '
|
|
2580
|
-
.value)) })), index.h("div", { key: '
|
|
2581
|
-
.value)) }))), index.h("div", { key: '
|
|
2577
|
+
return (index.h("div", { key: '69815a7efeb8f52a5d3422b06dc212a50b9f405b', class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, index.h("div", { key: 'ed368ae8d0d6d2946c5a4ecc559f018521e1bce8', class: "bg-primary rounded-4xl p-6 w-full max-w-md" }, index.h("div", { key: 'f51088beb4d8445503fa08c3dd2a2b8c886f79ce', class: "flex justify-between items-center mb-6" }, index.h("h2", { key: 'a9bcb7b893961bbf2032c1b8a110624ec3a95e65', class: "text-xl font-semibold" }, "Settings"), index.h("button", { key: '47d4dc1cc0789485da95218becfc921ae5db177c', class: "p-2 hover:bg-hover rounded-full transition-colors", onClick: this.handleClose }, index.h("svg", { key: '42923fdd6d5c96ceee98bdddca2e7e6bda42dcfa', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("line", { key: '751c5243b5b785a21131b02a3142c6d46e0cffeb', x1: "18", y1: "6", x2: "6", y2: "18" }), index.h("line", { key: 'e26bd2a1b20aa718ced6183130e962c9dbd159b9', x1: "6", y1: "6", x2: "18", y2: "18" })))), index.h("div", { key: '560be61d72a1a98eea4d2788d49eee7a3107470d', class: "space-y-4" }, index.h("div", { key: '2e6422d175602e7a53eb3d629c37c47980c08da1' }, index.h("h3", { key: '0d043e5ddbfb9de4a8c198d748bd5ae39fd3b4b4', class: "text-sm font-medium text-text-muted mb-1" }, "Debug Information"), index.h("p", { key: '547de97a72e386222c53a5d890ad0df8fdb4d01e', class: "text-sm text-text-muted mb-1" }, "state: ", JSON.stringify(state))), index.h("div", { key: '3aa9586d6fbd0b9830119803bc0f882b447b61e3' }, index.h("label", { key: '5d217dc3be90f535036289130826347d2bb7a469', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.language), index.h("select", { key: 'cfb63c6de2d7347d442f6c0ff9d1600f1f397e64', class: "w-full bg-muted rounded-4xl p-2", onInput: (e) => this.handleInputChange("language", e.target
|
|
2578
|
+
.value) }, index.h("option", { key: '96800d39ceb8a6c82ad29804a1e322dd0349119c', value: "en", selected: this.tempSettings.language ===
|
|
2579
|
+
"en" }, "English"), index.h("option", { key: 'db592911afc8f3230fceb26ad7abbd143ac1d7e4', value: "es", selected: this.tempSettings.language ===
|
|
2580
|
+
"es" }, "Espa\u00F1ol"), index.h("option", { key: '634c05e8846ee5a0f17c107aac754686f2c44595', value: "de", selected: this.tempSettings.language ===
|
|
2581
|
+
"de" }, "Deutsch"))), index.h("div", { key: '18539428f2676dd090dc749fc5533ad7dd24b0cb' }, index.h("label", { key: '35453adf2a4c9f068f5c4872d390bf1257270d18', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.rowSpacing), index.h("input", { key: 'ca05538e47a1c6edbeda23af9f09b197648d80fe', type: "number", class: "w-full bg-muted rounded-4xl p-2", value: this.tempSettings.rowSpacing, onInput: (e) => this.handleInputChange("rowSpacing", parseFloat(e.target
|
|
2582
|
+
.value)) })), index.h("div", { key: 'd686d5b074f7bc638b322e56ac81f1e4075c1c93' }, index.h("label", { key: '35634e62da489e747fa3df531244aa412bf7fcfc', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.columnSpacing), index.h("input", { key: '22b15dcc2be729cd7ea0057c13ea41fdcf69fb09', type: "number", class: "w-full bg-muted rounded-4xl p-2", value: this.tempSettings.columnSpacing, onInput: (e) => this.handleInputChange("columnSpacing", parseFloat(e.target
|
|
2583
|
+
.value)) })), index.h("div", { key: '5f0488fa8dad826237f0e20222e25b787f976e42' }, index.h("label", { key: '57296b979b6e34f76c500e324ab7862434438ad6', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.borderInset), index.h("input", { key: '9c16af7da0e1e177e7a06aa78a5823c7e7a39555', type: "number", class: "w-full bg-muted rounded-4xl p-2", value: this.tempSettings.borderInset, onInput: (e) => this.handleInputChange("borderInset", parseFloat(e.target
|
|
2584
|
+
.value)) }))), index.h("div", { key: '980a6e42e04fe5b729ec8abfd199581e5a4c77b4', class: "flex justify-end gap-4 mt-6" }, index.h("button", { key: '23667315aa611f78e58060353fe08f5eb77e50c8', class: "px-4 py-2 bg-surface rounded-4xl hover:bg-surface-hover transition-colors", onClick: this.handleClose }, "Cancel"), index.h("button", { key: 'f38c59a045c5cfeac639041cdf350101b60cd2e7', class: "px-4 py-2 bg-secondary text-muted rounded-4xl hover:bg-text-secondary transition-colors", onClick: this.handleSave }, "Save Changes")))));
|
|
2582
2585
|
}
|
|
2583
2586
|
};
|
|
2584
2587
|
SettingsModal.style = outputCss$4;
|
|
@@ -2792,7 +2795,7 @@ const SolarExpert = class {
|
|
|
2792
2795
|
}
|
|
2793
2796
|
render() {
|
|
2794
2797
|
const t = getLanguageStrings(this.language);
|
|
2795
|
-
return (index.h("div", { key: '
|
|
2798
|
+
return (index.h("div", { key: 'd231a61b226c9f69c9feefc756449dd894778d78', class: "flex flex-col w-full h-full p-3 m-auto", id: "solar-calculator" }, this.showMapSelector
|
|
2796
2799
|
? (index.h("map-selector", { "api-key": this.apiKey, language: this.language }))
|
|
2797
2800
|
: (index.h(index.h.Fragment, null, index.h("div", { class: "pb-3 flex flex-row gap-4 items-stretch w-full bg-primary" }, index.h("div", { class: "relative flex-3" }, index.h("div", { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground" }, index.h("search-icon", null)), index.h("input", { ref: (el) => this.inputElement = el, type: "text", placeholder: t.solarExpert
|
|
2798
2801
|
.searchPlaceholder, class: "w-full pl-10 pr-4 py-2 border border-border rounded-4xl focus:ring-secondary bg-muted text-muted-foreground h-full" })), index.h("button", { onClick: () => this.handleChooseOnMap(), class: "flex-1 pl-4 pr-4 py-2 border border-border bg-muted rounded-4xl focus:ring-secondary hover:bg-secondary hover:text-muted" }, t.mapSelector.chooseOnMap)), index.h("map-draw", { apiKey: this.apiKey })))));
|
|
@@ -3080,13 +3083,13 @@ const SolarSystemForm = class {
|
|
|
3080
3083
|
}
|
|
3081
3084
|
render() {
|
|
3082
3085
|
const t = getLanguageStrings(state.settings.language);
|
|
3083
|
-
return (index.h("div", { key: '
|
|
3086
|
+
return (index.h("div", { key: 'c266b37975e7bf255dbc88401985fb323de3e5af', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
3084
3087
|
,
|
|
3085
3088
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
3086
3089
|
// ? "none"
|
|
3087
3090
|
// : "flex",
|
|
3088
3091
|
// }}
|
|
3089
|
-
id: "solar-system-form" }, index.h("h1", { key: '
|
|
3092
|
+
id: "solar-system-form" }, index.h("h1", { key: 'eb64a6e9ccd98324dbba37fb30995f40166aa44a', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), index.h("div", { key: '4c956a91adc59f28507d872af5c75e8a7ee342ea', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, index.h("div", { key: '6a7dfac9eb9de4d36056cf69828437e872c5ae06', class: "space-y-4" }, index.h("h2", { key: 'ae94acd1ff6f75b4be71a466d6daac185151fdd5', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), index.h("div", { key: '63282daecf08a8f6f048f51c0e89df011f93b705', class: "grid grid-rows-3 gap-0" }, index.h("div", { key: '00bd6d2e2324d7f465f2092d2544728903c96309', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '2973927880c85ccebba34a69491431bf55affb4b', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.numberOfPanels), index.h("label", { key: 'e3d1d5033b7b94e8a0aaaf240a84d6de638b066f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.panelPeakPower)), index.h("div", { key: 'ed0360bc6c983a7218fdd24d8ed5bd1d05fc3f08', class: "grid grid-cols-2 gap-4" }, !this.isIOS()
|
|
3090
3093
|
? (index.h("input", { type: "number", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.numberOfPanels, readOnly: true }))
|
|
3091
3094
|
: (index.h("input", { type: "number", min: "1", max: this.maxPanels, class: "flex-1 px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.numberOfPanels, onInput: (e) => {
|
|
3092
3095
|
const value = parseInt(e.target
|
|
@@ -3097,36 +3100,36 @@ const SolarSystemForm = class {
|
|
|
3097
3100
|
this.numberOfPanels = value;
|
|
3098
3101
|
this.recalculate();
|
|
3099
3102
|
}
|
|
3100
|
-
} })), index.h("input", { key: '
|
|
3101
|
-
(index.h("input", { key: '
|
|
3103
|
+
} })), index.h("input", { key: 'e4b83e44a89fd022dc85ae28a43de632d485fd86', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.panelPeakPower, readonly: true })), index.h("div", { key: '17a5059aa55948d8e3b8fa6e88894b9defdb19aa', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: '8b8489e71990fb17b1b30c77cb191108f8ad4a91', class: "w-full pt-2" }, !this.isIOS() &&
|
|
3104
|
+
(index.h("input", { key: '2311eeae2c0a226f884ddd015c6e6e31b9be8ec0', 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) => {
|
|
3102
3105
|
this.numberOfPanels =
|
|
3103
3106
|
parseInt(e.target
|
|
3104
3107
|
.value);
|
|
3105
3108
|
this.recalculate();
|
|
3106
|
-
} }))))), index.h("div", { key: '
|
|
3107
|
-
this.numberOfPanels).toFixed(1), " kW")))), index.h("div", { key: '
|
|
3109
|
+
} }))))), index.h("div", { key: '5a6dc4dd908db73bebbeeabd8e0f08e2327072fa', class: "bg-muted rounded-4xl p-4" }, index.h("div", { key: 'b6e0408604bb166b67af91cb469c20f5a06713ee', class: "flex items-center justify-between" }, index.h("span", { key: '731f9a26c9b0de6265e046769fe4a2fa219cd925', class: "text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), index.h("span", { key: '12791928a92ae0b8b41703aa5cd1d24f4d256373', class: "text-xl font-bold text-secondary" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
3110
|
+
this.numberOfPanels).toFixed(1), " kW")))), index.h("div", { key: '3b5e85b8eda1732b645523e018c025cac38e1019', class: "space-y-4" }, index.h("h2", { key: '021d9756e32e625680cb6c521c274e6d577d12ed', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), index.h("div", { key: 'e898da7ec25cc7b31b1fa24afe82ff3297f20fc2', class: "grid grid-rows-2 gap-0" }, index.h("div", { key: '4e6630e7eb0947e406ef31f9242d4ca5a82d1631', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: 'ed7edfe56c37a789aba9679be5331855cb1b04f3', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), index.h("label", { key: '499701b6c105716091dd63b044c31797980d3b3b', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), index.h("div", { key: 'ccde867b428477e6e9845456a95ade8f39918074', class: "grid grid-cols-2 gap-4" }, index.h("input", { key: 'c1af1361ac0325e969b401ebbd8812e58ca4ba6c', type: "number", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", value: this.householdConsumption, onInput: (e) => {
|
|
3108
3111
|
this.householdConsumption = parseInt(e.target
|
|
3109
3112
|
.value);
|
|
3110
3113
|
this.recalculate();
|
|
3111
|
-
} }), index.h("select", { key: '
|
|
3114
|
+
} }), index.h("select", { key: '372215364ba07e0e6df4018cffcdb790eca4ceb4', class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground", onChange: (e) => {
|
|
3112
3115
|
this.consumptionProfile =
|
|
3113
3116
|
e.target
|
|
3114
3117
|
.value;
|
|
3115
3118
|
this.recalculate();
|
|
3116
|
-
} }, index.h("option", { key: '
|
|
3119
|
+
} }, index.h("option", { key: '4cc1eecbdf84d54d44768d3a82518cfd74765797', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
3117
3120
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
3118
|
-
.mostlyAtHome), index.h("option", { key: '
|
|
3121
|
+
.mostlyAtHome), index.h("option", { key: '656f1a6e13fd3eedcf85aeca81c21638422e6d7a', value: "mostly_away", selected: this.consumptionProfile ===
|
|
3119
3122
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
3120
|
-
.mostlyAway))))), index.h("div", { key: '
|
|
3123
|
+
.mostlyAway))))), index.h("div", { key: 'c9e2c127c0feef2da67a3ddfc23a5ccdcd9bacd3', class: "space-y-4" }, index.h("h2", { key: '541ae5616e61cc295be764a9e9be6e7967b8f7b3', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), index.h("div", { key: 'f876d755481dc2a79f9d66aafc635e155c9994c4', class: "flex flex-col gap-4" }, index.h("div", { key: '4cde8645d3a9a7de29d2d48b09f48cb5c6d54544', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '13fe6b1709259cf5398b3e164ec5f17bb305df85', class: "flex items-center justify-between" }, index.h("div", { key: '3fc52ece3121a78371716deebdb42de5a96d3d7c', class: "flex items-center gap-2" }, index.h("input", { key: 'be951a3f01e56a3a792385182e2781cb9b2c5c20', type: "checkbox", id: "heatPump", class: "w-4 h-4 accent-tertiary border-gray-300 rounded-full focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.heatPump > 0, onChange: (e) => {
|
|
3121
3124
|
this.heatPump =
|
|
3122
3125
|
e.target
|
|
3123
3126
|
.checked
|
|
3124
3127
|
? 100
|
|
3125
3128
|
: 0;
|
|
3126
3129
|
this.recalculate();
|
|
3127
|
-
} }), index.h("label", { key: '
|
|
3130
|
+
} }), index.h("label", { key: 'dcb090e3b79249c53ea1e5eef916319f34d142d9', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
3128
3131
|
.additionalComponents
|
|
3129
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (index.h("span", { key: '
|
|
3132
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (index.h("span", { key: '545a89ac915ab23b99ef36e3b052809a821b942c', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (index.h("div", { key: '8f072444efd39baf177bf2d4c92d1212c7f8ed07', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3130
3133
|
? (index.h("div", { class: "flex items-center gap-2" }, index.h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.heatPump, onInput: (e) => {
|
|
3131
3134
|
const value = parseInt(e.target
|
|
3132
3135
|
.value);
|
|
@@ -3142,37 +3145,37 @@ const SolarSystemForm = class {
|
|
|
3142
3145
|
parseInt(e.target
|
|
3143
3146
|
.value);
|
|
3144
3147
|
this.recalculate();
|
|
3145
|
-
} }))))), index.h("div", { key: '
|
|
3148
|
+
} }))))), index.h("div", { key: '4cf36bd4a5cc18ccdcd6a42d4f2eed96960f59bd', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '2c035e723f9e704348d6630ec7deb055c26b16b7', class: "flex items-center justify-between" }, index.h("div", { key: '43fbb50a3231f1db687d646f1c10b9f20dfce1b5', class: "flex items-center gap-2" }, index.h("input", { key: 'c8879905d13d21abd9a72ce52f5cee85bbf8ad32', type: "checkbox", id: "electricCar", class: "w-4 h-4 accent-tertiary border-gray-300 rounded focus:ring-tertiary focus:ring-offset-0 focus:ring-2", checked: this.electricCar, onChange: (e) => {
|
|
3146
3149
|
this.electricCar =
|
|
3147
3150
|
e.target
|
|
3148
3151
|
.checked;
|
|
3149
3152
|
this.recalculate();
|
|
3150
|
-
} }), index.h("label", { key: '
|
|
3153
|
+
} }), index.h("label", { key: '103a6971dbf81390d7f4ce6a139add57213cbaf3', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
3151
3154
|
.additionalComponents
|
|
3152
|
-
.electricCar))), this.electricCar && (index.h("div", { key: '
|
|
3155
|
+
.electricCar))), this.electricCar && (index.h("div", { key: 'c6d68b9846f938a75dafd1c6f2c778cfb552b6a4', class: "flex flex-col gap-2" }, index.h("div", { key: '200e40b6ab96359ce21a4bca2dc249e07cb46c6c', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: 'fcee6acdf4ee6b30fe5e80283b24376ffbf21c70', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3153
3156
|
.additionalComponents
|
|
3154
|
-
.chargingTime), index.h("label", { key: '
|
|
3157
|
+
.chargingTime), index.h("label", { key: 'a9560d93c66951f17831b73fadcfe8e18e8d6570', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3155
3158
|
.additionalComponents
|
|
3156
|
-
.kilometersPerYear)), index.h("div", { key: '
|
|
3159
|
+
.kilometersPerYear)), index.h("div", { key: '7ac5bd24cae9ad0d969c89c7a3437b5d54469660', class: "grid grid-cols-2 gap-4" }, index.h("select", { key: '78db408ebe0da37860c61d7762490557d5238a8f', class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", onChange: (e) => {
|
|
3157
3160
|
this.electricCarChargingTime =
|
|
3158
3161
|
e.target
|
|
3159
3162
|
.value;
|
|
3160
3163
|
this.recalculate();
|
|
3161
|
-
} }, index.h("option", { key: '
|
|
3164
|
+
} }, index.h("option", { key: 'e8787e9303dc915108e531c446840d53143752fa', value: "day", selected: this
|
|
3162
3165
|
.electricCarChargingTime ===
|
|
3163
3166
|
"day" }, t.solarSystemForm
|
|
3164
3167
|
.additionalComponents
|
|
3165
|
-
.chargingTimeDay), index.h("option", { key: '
|
|
3168
|
+
.chargingTimeDay), index.h("option", { key: 'a22bd36788ff24e84d2f829dff4d46f8923508a1', value: "night", selected: this
|
|
3166
3169
|
.electricCarChargingTime ===
|
|
3167
3170
|
"night" }, t.solarSystemForm
|
|
3168
3171
|
.additionalComponents
|
|
3169
|
-
.chargingTimeNight)), index.h("input", { key: '
|
|
3172
|
+
.chargingTimeNight)), index.h("input", { key: 'f921baaeb0c0ac93ef1823ae4bf9be8a26e7f7bd', type: "number", min: "1000", max: "50000", step: "1000", class: "w-full px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.kmDrivenPerYear, onInput: (e) => {
|
|
3170
3173
|
this.kmDrivenPerYear =
|
|
3171
3174
|
parseInt(e.target
|
|
3172
3175
|
.value);
|
|
3173
3176
|
this.recalculate();
|
|
3174
|
-
} }))))), index.h("div", { key: '
|
|
3175
|
-
.battery), !this.isIOS() && (index.h("span", { key: '
|
|
3177
|
+
} }))))), index.h("div", { key: 'f314fa96da875bb965555980a6a549e10d0febcf', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, index.h("div", { key: '014d1db4054d04f69ca2d7f082bdc666a609c35a', class: "flex items-center justify-between" }, index.h("label", { key: '607cb6469d3b1402f203edae2dfa6c82f72b7a94', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
|
|
3178
|
+
.battery), !this.isIOS() && (index.h("span", { key: '9855cafb4477837bd9f323f7a6677dd84df3a6b5', class: "text-text-muted" }, this.battery, " kWh"))), index.h("div", { key: '94b211394b1c5cc9fd7ffffef19c693b9025aedc', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3176
3179
|
? (index.h("div", { class: "flex items-center gap-2" }, index.h("input", { type: "number", min: "0", max: "20", step: "1", class: "flex-1 px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
|
|
3177
3180
|
const value = parseInt(e.target
|
|
3178
3181
|
.value);
|
|
@@ -3187,37 +3190,37 @@ const SolarSystemForm = class {
|
|
|
3187
3190
|
this.battery = parseInt(e.target
|
|
3188
3191
|
.value);
|
|
3189
3192
|
this.recalculate();
|
|
3190
|
-
} })))))), index.h("div", { key: '
|
|
3193
|
+
} })))))), index.h("div", { key: 'c7d07eccb54933ace27c9e41cf8ddd58930a4465', class: "space-y-4" }, index.h("h2", { key: 'c94dc4fdfa85bfb1f31cb7e171a411662953a115', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), index.h("div", { key: 'd4ee193e9e5f6edf717ba7be01d537713b5c73db', class: "grid grid-rows-2 gap-0" }, index.h("div", { key: '9796df3a0343be18edef1051bca476cb5e33b453', class: "grid grid-cols-3 gap-4" }, index.h("label", { key: '590e83e2cf26790e7953bf1032ed2b465d062d3e', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), index.h("label", { key: '95f9083a601664270b7db8304c63ea4aec04befa', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), index.h("label", { key: '8c877b503497664824396f5b42002d6948c9147d', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), index.h("div", { key: '3e6de787e050b3163dd5a389888d7c7670ee73d5', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, index.h("input", { key: '25eaae2931376e0462a8460838c7f2d542ef5bd2', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.electricityPrice.toFixed(2), onInput: (e) => {
|
|
3191
3194
|
this.electricityPrice = parseFloat(e.target
|
|
3192
3195
|
.value);
|
|
3193
3196
|
this.recalculate();
|
|
3194
|
-
} }), index.h("input", { key: '
|
|
3197
|
+
} }), index.h("input", { key: 'f985aa31a3706d80c3e14d0c39b32e42beb5c9f0', type: "number", step: "0.01", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.compensationRate.toFixed(2), onInput: (e) => {
|
|
3195
3198
|
this.compensationRate = parseFloat(e.target
|
|
3196
3199
|
.value);
|
|
3197
3200
|
this.recalculate();
|
|
3198
|
-
} }), index.h("input", { key: '
|
|
3201
|
+
} }), index.h("input", { key: '5157173670cff3cd0a686451fee634c77fb078c3', type: "number", step: "0.1", class: "w-full px-4 py-2 rounded-4xl border border-border focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.annualPriceIncrease.toFixed(1), onInput: (e) => {
|
|
3199
3202
|
this.annualPriceIncrease = parseFloat(e.target
|
|
3200
3203
|
.value);
|
|
3201
3204
|
this.recalculate();
|
|
3202
|
-
} })))), index.h("div", { key: '
|
|
3205
|
+
} })))), index.h("div", { key: '740017ec001efdfadeb7794dd98073eca06bec3b', class: "space-y-4 p-4 border border-border rounded-4xl" }, index.h("h2", { key: '02d4d012a72a66c3dd8c5d6a7ee37d8a66056b99', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), index.h("div", { key: 'bd988fcbc121f7e1a1f0a463cbef4e73b5f75c2f', class: "bg-muted rounded-4xl p-4" }, index.h("div", { key: 'f841cffe6501a94344336b93cd7186d4008f5e89', class: "flex items-center justify-between" }, index.h("span", { key: 'c09946aa81953c0ac70eca1bf030738fd611bfd3', class: "text-text-muted" }, t.solarSystemForm.autonomy), index.h("span", { key: 'cc262b2389708bfcbc7eacaa070207f5c522b37a', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
|
|
3203
3206
|
? "100"
|
|
3204
|
-
: this.autonomy.toFixed(1), "%")), index.h("div", { key: '
|
|
3205
|
-
.savingsDisclaimer))), index.h("span", { key: '
|
|
3206
|
-
.solarSystemForm.year)), index.h("div", { key: '
|
|
3207
|
+
: this.autonomy.toFixed(1), "%")), index.h("div", { key: '718395d0247ff533071db12c0dc261635376b8d0', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '253836f022a4c414374c5b2b4e895d837a7f0a6b', class: "flex items-center gap-2" }, index.h("span", { key: '141499e8232fd43eaffbd6a78ae78498fc976843', class: "text-text-muted" }, t.solarSystemForm.costSavings), index.h("div", { key: '260f33e5713a9757bd64802180c45df42a76bde8', class: "relative group" }, index.h("svg", { key: '7db31a136fbfb27b717ac8ef4ff92dacd7909fb9', xmlns: "http://www.w3.org/2000/svg", class: "h-5 w-5 text-gray-400 cursor-help", viewBox: "0 0 20 20", fill: "currentColor" }, index.h("path", { key: '05ccaebf30b38726dba62441612733b20ec85017', "fill-rule": "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z", "clip-rule": "evenodd" })), index.h("div", { key: 'd035d58ef981d0afe4f92289ec08df99e5b07857', class: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 w-64 p-2 bg-gray-800 text-muted text-sm rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none" }, t.solarSystemForm
|
|
3208
|
+
.savingsDisclaimer))), index.h("span", { key: 'da7271d121f86c06802e3c0aa6753e3e106a0f9f', class: "text-xl font-bold text-success" }, this.costSavings.toFixed(2), "\u20AC/", t
|
|
3209
|
+
.solarSystemForm.year)), index.h("div", { key: '7fd8001082ff5dad0138bc0e46f2c8ab5fc1a0ab', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '51220d6235353c5c05d9cbd7294131169ce7ef37', class: "flex items-center gap-2" }, index.h("span", { key: 'b3c5734b677f225bf480e6c972aaf604bf25219d', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), index.h("span", { key: '5a0f048eee0a05c815defd9f8c32079420402888', class: "text-xl font-bold text-success" }, this.compensation25Years.toFixed(2), "\u20AC")), index.h("div", { key: 'c404e485ec2caeccfa8534df34f502c53a3af13f', class: "flex items-center justify-between mt-4" }, index.h("div", { key: '207734d415a4e7cf7fa625a367af5de3afa9c274', class: "flex items-center gap-2" }, index.h("span", { key: '36ef827265e123a067b01314d7f2baff4c61a9ca', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), index.h("span", { key: 'a597e862fc9b7369ac32df3e4d60302d0bce002e', class: "text-xl font-bold text-success" }, this.savedCosts25Years.toFixed(2), "\u20AC")))), index.h("div", { key: 'b1bee3a34cd1c3400cc847f9205dcd1319d1f11c', class: "space-y-4 pt-4" }, index.h("h2", { key: 'c21cc337a7c1ae79eee4b9741f935a256de38282', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), index.h("div", { key: '409727185c4cf9fd8e2750eca6a7102aa05800e6', class: "grid gap-4" }, index.h("div", { key: 'dd7fbc2db7923d9463213c5dff246d7915a402c8', class: "grid grid-cols-2 gap-4" }, index.h("label", { key: '8fc947bac4b28d3f9e6e13354dc9913009e0cbe2', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), index.h("label", { key: '2dabab65ad0b613ec6a7d386ce5cdac2ae046be3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), index.h("div", { key: '36951f97477f0b144c24b990771d36e5cb09d8d2', class: "grid grid-cols-2 gap-4" }, index.h("div", { key: '72315b1180ab4cb666a9b4de8f65cce5509eff97' }, index.h("input", { key: '8119083991200cfb8c153c68a11875304505f2c4', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
3207
3210
|
? "border-error"
|
|
3208
3211
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
3209
3212
|
this.name =
|
|
3210
3213
|
e.target
|
|
3211
3214
|
.value;
|
|
3212
3215
|
this.validateForm();
|
|
3213
|
-
}, placeholder: "Your name" }), this.nameError && (index.h("p", { key: '
|
|
3216
|
+
}, placeholder: "Your name" }), this.nameError && (index.h("p", { key: 'd25e121b0197f4734ad98b3f264806638716660d', class: "text-error text-sm mt-1" }, this.nameError))), index.h("div", { key: 'f592e406c92e64a4c1c47ecae1143a28c05bc0af' }, index.h("input", { key: '0a6b6c922b3f1816b1bdb82f2ef7f23d04bbf906', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
3214
3217
|
? "border-error"
|
|
3215
3218
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
3216
3219
|
this.email =
|
|
3217
3220
|
e.target
|
|
3218
3221
|
.value;
|
|
3219
3222
|
this.validateForm();
|
|
3220
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (index.h("p", { key: '
|
|
3223
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (index.h("p", { key: '9f7464e3d4c5d8cf095683cf0f6f2b2e98197244', class: "text-error text-sm mt-1" }, this.emailError))))), index.h("div", { key: '59f781969d56679e5fa94af6384aa2238514148d', class: "flex justify-center" }, index.h("button", { key: 'bc5fdcb4dff4b3e1ce79928735716e2b1c2a394d', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
3221
3224
|
!this.email.trim() || !!this.nameError ||
|
|
3222
3225
|
!!this.emailError, class: "px-4 py-2 bg-secondary rounded-4xl hover:bg-tertiary transition-colors duration-200 text-muted" }, t.solarSystemForm.requestOfferButton))))));
|
|
3223
3226
|
}
|