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
|
@@ -1622,6 +1622,9 @@ onChange("settingsVersion", (value) => {
|
|
|
1622
1622
|
onChange("isMobile", (value) => {
|
|
1623
1623
|
state.isMobile = value;
|
|
1624
1624
|
});
|
|
1625
|
+
onChange("isIOS", (value) => {
|
|
1626
|
+
state.isIOS = value;
|
|
1627
|
+
});
|
|
1625
1628
|
|
|
1626
1629
|
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";
|
|
1627
1630
|
|
|
@@ -2569,14 +2572,14 @@ const SettingsModal = class {
|
|
|
2569
2572
|
};
|
|
2570
2573
|
render() {
|
|
2571
2574
|
const t = getLanguageStrings(state.settings.language);
|
|
2572
|
-
return (h("div", { key: '69815a7efeb8f52a5d3422b06dc212a50b9f405b', class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, h("div", { key: 'ed368ae8d0d6d2946c5a4ecc559f018521e1bce8', class: "bg-primary rounded-4xl p-6 w-full max-w-md" }, h("div", { key: 'f51088beb4d8445503fa08c3dd2a2b8c886f79ce', class: "flex justify-between items-center mb-6" }, h("h2", { key: 'a9bcb7b893961bbf2032c1b8a110624ec3a95e65', class: "text-xl font-semibold" }, "Settings"), h("button", { key: '47d4dc1cc0789485da95218becfc921ae5db177c', class: "p-2 hover:bg-hover rounded-full transition-colors", onClick: this.handleClose }, 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" }, h("line", { key: '751c5243b5b785a21131b02a3142c6d46e0cffeb', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: 'e26bd2a1b20aa718ced6183130e962c9dbd159b9', x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { key: '560be61d72a1a98eea4d2788d49eee7a3107470d', class: "space-y-4" }, h("div", { key: '2e6422d175602e7a53eb3d629c37c47980c08da1' }, h("label", { key: '
|
|
2573
|
-
.value) }, h("option", { key: '
|
|
2574
|
-
"en" }, "English"), h("option", { key: '
|
|
2575
|
-
"es" }, "Espa\u00F1ol"), h("option", { key: '
|
|
2576
|
-
"de" }, "Deutsch"))), h("div", { key: '
|
|
2577
|
-
.value)) })), h("div", { key: '
|
|
2578
|
-
.value)) })), h("div", { key: '
|
|
2579
|
-
.value)) }))), h("div", { key: '
|
|
2575
|
+
return (h("div", { key: '69815a7efeb8f52a5d3422b06dc212a50b9f405b', class: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, h("div", { key: 'ed368ae8d0d6d2946c5a4ecc559f018521e1bce8', class: "bg-primary rounded-4xl p-6 w-full max-w-md" }, h("div", { key: 'f51088beb4d8445503fa08c3dd2a2b8c886f79ce', class: "flex justify-between items-center mb-6" }, h("h2", { key: 'a9bcb7b893961bbf2032c1b8a110624ec3a95e65', class: "text-xl font-semibold" }, "Settings"), h("button", { key: '47d4dc1cc0789485da95218becfc921ae5db177c', class: "p-2 hover:bg-hover rounded-full transition-colors", onClick: this.handleClose }, 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" }, h("line", { key: '751c5243b5b785a21131b02a3142c6d46e0cffeb', x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { key: 'e26bd2a1b20aa718ced6183130e962c9dbd159b9', x1: "6", y1: "6", x2: "18", y2: "18" })))), h("div", { key: '560be61d72a1a98eea4d2788d49eee7a3107470d', class: "space-y-4" }, h("div", { key: '2e6422d175602e7a53eb3d629c37c47980c08da1' }, h("h3", { key: '0d043e5ddbfb9de4a8c198d748bd5ae39fd3b4b4', class: "text-sm font-medium text-text-muted mb-1" }, "Debug Information"), h("p", { key: '547de97a72e386222c53a5d890ad0df8fdb4d01e', class: "text-sm text-text-muted mb-1" }, "state: ", JSON.stringify(state))), h("div", { key: '3aa9586d6fbd0b9830119803bc0f882b447b61e3' }, h("label", { key: '5d217dc3be90f535036289130826347d2bb7a469', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.language), h("select", { key: 'cfb63c6de2d7347d442f6c0ff9d1600f1f397e64', class: "w-full bg-muted rounded-4xl p-2", onInput: (e) => this.handleInputChange("language", e.target
|
|
2576
|
+
.value) }, h("option", { key: '96800d39ceb8a6c82ad29804a1e322dd0349119c', value: "en", selected: this.tempSettings.language ===
|
|
2577
|
+
"en" }, "English"), h("option", { key: 'db592911afc8f3230fceb26ad7abbd143ac1d7e4', value: "es", selected: this.tempSettings.language ===
|
|
2578
|
+
"es" }, "Espa\u00F1ol"), h("option", { key: '634c05e8846ee5a0f17c107aac754686f2c44595', value: "de", selected: this.tempSettings.language ===
|
|
2579
|
+
"de" }, "Deutsch"))), h("div", { key: '18539428f2676dd090dc749fc5533ad7dd24b0cb' }, h("label", { key: '35453adf2a4c9f068f5c4872d390bf1257270d18', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.rowSpacing), 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
|
|
2580
|
+
.value)) })), h("div", { key: 'd686d5b074f7bc638b322e56ac81f1e4075c1c93' }, h("label", { key: '35634e62da489e747fa3df531244aa412bf7fcfc', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.columnSpacing), 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
|
|
2581
|
+
.value)) })), h("div", { key: '5f0488fa8dad826237f0e20222e25b787f976e42' }, h("label", { key: '57296b979b6e34f76c500e324ab7862434438ad6', class: "block text-sm font-medium text-text-muted mb-1" }, t.settings.borderInset), 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
|
|
2582
|
+
.value)) }))), h("div", { key: '980a6e42e04fe5b729ec8abfd199581e5a4c77b4', class: "flex justify-end gap-4 mt-6" }, h("button", { key: '23667315aa611f78e58060353fe08f5eb77e50c8', class: "px-4 py-2 bg-surface rounded-4xl hover:bg-surface-hover transition-colors", onClick: this.handleClose }, "Cancel"), 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")))));
|
|
2580
2583
|
}
|
|
2581
2584
|
};
|
|
2582
2585
|
SettingsModal.style = outputCss$4;
|
|
@@ -2790,7 +2793,7 @@ const SolarExpert = class {
|
|
|
2790
2793
|
}
|
|
2791
2794
|
render() {
|
|
2792
2795
|
const t = getLanguageStrings(this.language);
|
|
2793
|
-
return (h("div", { key: '
|
|
2796
|
+
return (h("div", { key: 'd231a61b226c9f69c9feefc756449dd894778d78', class: "flex flex-col w-full h-full p-3 m-auto", id: "solar-calculator" }, this.showMapSelector
|
|
2794
2797
|
? (h("map-selector", { "api-key": this.apiKey, language: this.language }))
|
|
2795
2798
|
: (h(h.Fragment, null, h("div", { class: "pb-3 flex flex-row gap-4 items-stretch w-full bg-primary" }, h("div", { class: "relative flex-3" }, h("div", { class: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground" }, h("search-icon", null)), h("input", { ref: (el) => this.inputElement = el, type: "text", placeholder: t.solarExpert
|
|
2796
2799
|
.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" })), 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)), h("map-draw", { apiKey: this.apiKey })))));
|
|
@@ -3078,13 +3081,13 @@ const SolarSystemForm = class {
|
|
|
3078
3081
|
}
|
|
3079
3082
|
render() {
|
|
3080
3083
|
const t = getLanguageStrings(state.settings.language);
|
|
3081
|
-
return (h("div", { key: '
|
|
3084
|
+
return (h("div", { key: 'c266b37975e7bf255dbc88401985fb323de3e5af', class: "flex flex-col justify-center items-center w-full h-full pt-4" // style={{
|
|
3082
3085
|
,
|
|
3083
3086
|
// display: (Object.keys(this.systemConfigs).length === 0)
|
|
3084
3087
|
// ? "none"
|
|
3085
3088
|
// : "flex",
|
|
3086
3089
|
// }}
|
|
3087
|
-
id: "solar-system-form" }, h("h1", { key: '
|
|
3090
|
+
id: "solar-system-form" }, h("h1", { key: 'eb64a6e9ccd98324dbba37fb30995f40166aa44a', class: "text-2xl font-bold text-secondary mb-4 w-full" }, t.solarSystemForm.title), h("div", { key: '4c956a91adc59f28507d872af5c75e8a7ee342ea', class: "w-full bg-primary rounded-4xl p-6 space-y-6" }, h("div", { key: '6a7dfac9eb9de4d36056cf69828437e872c5ae06', class: "space-y-4" }, h("h2", { key: 'ae94acd1ff6f75b4be71a466d6daac185151fdd5', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.systemInformation), h("div", { key: '63282daecf08a8f6f048f51c0e89df011f93b705', class: "grid grid-rows-3 gap-0" }, h("div", { key: '00bd6d2e2324d7f465f2092d2544728903c96309', class: "grid grid-cols-2 gap-4" }, h("label", { key: '2973927880c85ccebba34a69491431bf55affb4b', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.numberOfPanels), h("label", { key: 'e3d1d5033b7b94e8a0aaaf240a84d6de638b066f', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.panelPeakPower)), h("div", { key: 'ed0360bc6c983a7218fdd24d8ed5bd1d05fc3f08', class: "grid grid-cols-2 gap-4" }, !this.isIOS()
|
|
3088
3091
|
? (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 }))
|
|
3089
3092
|
: (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) => {
|
|
3090
3093
|
const value = parseInt(e.target
|
|
@@ -3095,36 +3098,36 @@ const SolarSystemForm = class {
|
|
|
3095
3098
|
this.numberOfPanels = value;
|
|
3096
3099
|
this.recalculate();
|
|
3097
3100
|
}
|
|
3098
|
-
} })), h("input", { key: '
|
|
3099
|
-
(h("input", { key: '
|
|
3101
|
+
} })), 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 })), h("div", { key: '17a5059aa55948d8e3b8fa6e88894b9defdb19aa', class: "grid grid-cols-2 gap-4" }, h("div", { key: '8b8489e71990fb17b1b30c77cb191108f8ad4a91', class: "w-full pt-2" }, !this.isIOS() &&
|
|
3102
|
+
(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) => {
|
|
3100
3103
|
this.numberOfPanels =
|
|
3101
3104
|
parseInt(e.target
|
|
3102
3105
|
.value);
|
|
3103
3106
|
this.recalculate();
|
|
3104
|
-
} }))))), h("div", { key: '
|
|
3105
|
-
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '
|
|
3107
|
+
} }))))), h("div", { key: '5a6dc4dd908db73bebbeeabd8e0f08e2327072fa', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'b6e0408604bb166b67af91cb469c20f5a06713ee', class: "flex items-center justify-between" }, h("span", { key: '731f9a26c9b0de6265e046769fe4a2fa219cd925', class: "text-text-muted" }, t.solarSystemForm.totalSystemPeakPower), h("span", { key: '12791928a92ae0b8b41703aa5cd1d24f4d256373', class: "text-xl font-bold text-secondary" }, (DEFAULT_SOLAR_PANEL_TYPE.kWattPeak *
|
|
3108
|
+
this.numberOfPanels).toFixed(1), " kW")))), h("div", { key: '3b5e85b8eda1732b645523e018c025cac38e1019', class: "space-y-4" }, h("h2", { key: '021d9756e32e625680cb6c521c274e6d577d12ed', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.householdConsumptionTitle), h("div", { key: 'e898da7ec25cc7b31b1fa24afe82ff3297f20fc2', class: "grid grid-rows-2 gap-0" }, h("div", { key: '4e6630e7eb0947e406ef31f9242d4ca5a82d1631', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'ed7edfe56c37a789aba9679be5331855cb1b04f3', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.annualConsumption), h("label", { key: '499701b6c105716091dd63b044c31797980d3b3b', class: "block text-sm font-medium text-text-muted" }, t.solarSystemForm.consumptionProfileTitle)), h("div", { key: 'ccde867b428477e6e9845456a95ade8f39918074', class: "grid grid-cols-2 gap-4" }, 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) => {
|
|
3106
3109
|
this.householdConsumption = parseInt(e.target
|
|
3107
3110
|
.value);
|
|
3108
3111
|
this.recalculate();
|
|
3109
|
-
} }), h("select", { key: '
|
|
3112
|
+
} }), 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) => {
|
|
3110
3113
|
this.consumptionProfile =
|
|
3111
3114
|
e.target
|
|
3112
3115
|
.value;
|
|
3113
3116
|
this.recalculate();
|
|
3114
|
-
} }, h("option", { key: '
|
|
3117
|
+
} }, h("option", { key: '4cc1eecbdf84d54d44768d3a82518cfd74765797', value: "mostly_at_home", selected: this.consumptionProfile ===
|
|
3115
3118
|
"mostly_at_home" }, t.solarSystemForm.consumptionProfiles
|
|
3116
|
-
.mostlyAtHome), h("option", { key: '
|
|
3119
|
+
.mostlyAtHome), h("option", { key: '656f1a6e13fd3eedcf85aeca81c21638422e6d7a', value: "mostly_away", selected: this.consumptionProfile ===
|
|
3117
3120
|
"mostly_away" }, t.solarSystemForm.consumptionProfiles
|
|
3118
|
-
.mostlyAway))))), h("div", { key: '
|
|
3121
|
+
.mostlyAway))))), h("div", { key: 'c9e2c127c0feef2da67a3ddfc23a5ccdcd9bacd3', class: "space-y-4" }, h("h2", { key: '541ae5616e61cc295be764a9e9be6e7967b8f7b3', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.additionalComponents.title), h("div", { key: 'f876d755481dc2a79f9d66aafc635e155c9994c4', class: "flex flex-col gap-4" }, h("div", { key: '4cde8645d3a9a7de29d2d48b09f48cb5c6d54544', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '13fe6b1709259cf5398b3e164ec5f17bb305df85', class: "flex items-center justify-between" }, h("div", { key: '3fc52ece3121a78371716deebdb42de5a96d3d7c', class: "flex items-center gap-2" }, 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) => {
|
|
3119
3122
|
this.heatPump =
|
|
3120
3123
|
e.target
|
|
3121
3124
|
.checked
|
|
3122
3125
|
? 100
|
|
3123
3126
|
: 0;
|
|
3124
3127
|
this.recalculate();
|
|
3125
|
-
} }), h("label", { key: '
|
|
3128
|
+
} }), h("label", { key: 'dcb090e3b79249c53ea1e5eef916319f34d142d9', htmlFor: "heatPump", class: "text-text-muted" }, t.solarSystemForm
|
|
3126
3129
|
.additionalComponents
|
|
3127
|
-
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '
|
|
3130
|
+
.heatPump)), (this.heatPump > 0 && !this.isIOS()) && (h("span", { key: '545a89ac915ab23b99ef36e3b052809a821b942c', class: "text-text-muted" }, this.heatPump, " m\u00B2"))), this.heatPump > 0 && (h("div", { key: '8f072444efd39baf177bf2d4c92d1212c7f8ed07', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3128
3131
|
? (h("div", { class: "flex items-center gap-2" }, h("input", { type: "number", min: "10", max: "300", step: "10", class: "flex-1 px-4 py-2 rounded-4xl border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.heatPump, onInput: (e) => {
|
|
3129
3132
|
const value = parseInt(e.target
|
|
3130
3133
|
.value);
|
|
@@ -3140,37 +3143,37 @@ const SolarSystemForm = class {
|
|
|
3140
3143
|
parseInt(e.target
|
|
3141
3144
|
.value);
|
|
3142
3145
|
this.recalculate();
|
|
3143
|
-
} }))))), h("div", { key: '
|
|
3146
|
+
} }))))), h("div", { key: '4cf36bd4a5cc18ccdcd6a42d4f2eed96960f59bd', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '2c035e723f9e704348d6630ec7deb055c26b16b7', class: "flex items-center justify-between" }, h("div", { key: '43fbb50a3231f1db687d646f1c10b9f20dfce1b5', class: "flex items-center gap-2" }, 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) => {
|
|
3144
3147
|
this.electricCar =
|
|
3145
3148
|
e.target
|
|
3146
3149
|
.checked;
|
|
3147
3150
|
this.recalculate();
|
|
3148
|
-
} }), h("label", { key: '
|
|
3151
|
+
} }), h("label", { key: '103a6971dbf81390d7f4ce6a139add57213cbaf3', htmlFor: "electricCar", class: "text-text-muted" }, t.solarSystemForm
|
|
3149
3152
|
.additionalComponents
|
|
3150
|
-
.electricCar))), this.electricCar && (h("div", { key: '
|
|
3153
|
+
.electricCar))), this.electricCar && (h("div", { key: 'c6d68b9846f938a75dafd1c6f2c778cfb552b6a4', class: "flex flex-col gap-2" }, h("div", { key: '200e40b6ab96359ce21a4bca2dc249e07cb46c6c', class: "grid grid-cols-2 gap-4" }, h("label", { key: 'fcee6acdf4ee6b30fe5e80283b24376ffbf21c70', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3151
3154
|
.additionalComponents
|
|
3152
|
-
.chargingTime), h("label", { key: '
|
|
3155
|
+
.chargingTime), h("label", { key: 'a9560d93c66951f17831b73fadcfe8e18e8d6570', class: "text-sm text-text-muted" }, t.solarSystemForm
|
|
3153
3156
|
.additionalComponents
|
|
3154
|
-
.kilometersPerYear)), h("div", { key: '
|
|
3157
|
+
.kilometersPerYear)), h("div", { key: '7ac5bd24cae9ad0d969c89c7a3437b5d54469660', class: "grid grid-cols-2 gap-4" }, 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) => {
|
|
3155
3158
|
this.electricCarChargingTime =
|
|
3156
3159
|
e.target
|
|
3157
3160
|
.value;
|
|
3158
3161
|
this.recalculate();
|
|
3159
|
-
} }, h("option", { key: '
|
|
3162
|
+
} }, h("option", { key: 'e8787e9303dc915108e531c446840d53143752fa', value: "day", selected: this
|
|
3160
3163
|
.electricCarChargingTime ===
|
|
3161
3164
|
"day" }, t.solarSystemForm
|
|
3162
3165
|
.additionalComponents
|
|
3163
|
-
.chargingTimeDay), h("option", { key: '
|
|
3166
|
+
.chargingTimeDay), h("option", { key: 'a22bd36788ff24e84d2f829dff4d46f8923508a1', value: "night", selected: this
|
|
3164
3167
|
.electricCarChargingTime ===
|
|
3165
3168
|
"night" }, t.solarSystemForm
|
|
3166
3169
|
.additionalComponents
|
|
3167
|
-
.chargingTimeNight)), h("input", { key: '
|
|
3170
|
+
.chargingTimeNight)), 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) => {
|
|
3168
3171
|
this.kmDrivenPerYear =
|
|
3169
3172
|
parseInt(e.target
|
|
3170
3173
|
.value);
|
|
3171
3174
|
this.recalculate();
|
|
3172
|
-
} }))))), h("div", { key: '
|
|
3173
|
-
.battery), !this.isIOS() && (h("span", { key: '
|
|
3175
|
+
} }))))), h("div", { key: 'f314fa96da875bb965555980a6a549e10d0febcf', class: "flex flex-col bg-muted rounded-4xl p-4 gap-4" }, h("div", { key: '014d1db4054d04f69ca2d7f082bdc666a609c35a', class: "flex items-center justify-between" }, h("label", { key: '607cb6469d3b1402f203edae2dfa6c82f72b7a94', class: "text-text-muted" }, t.solarSystemForm.additionalComponents
|
|
3176
|
+
.battery), !this.isIOS() && (h("span", { key: '9855cafb4477837bd9f323f7a6677dd84df3a6b5', class: "text-text-muted" }, this.battery, " kWh"))), h("div", { key: '94b211394b1c5cc9fd7ffffef19c693b9025aedc', class: "flex flex-col gap-2" }, this.isIOS()
|
|
3174
3177
|
? (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 border border-gray-300 focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted", value: this.battery, onInput: (e) => {
|
|
3175
3178
|
const value = parseInt(e.target
|
|
3176
3179
|
.value);
|
|
@@ -3185,37 +3188,37 @@ const SolarSystemForm = class {
|
|
|
3185
3188
|
this.battery = parseInt(e.target
|
|
3186
3189
|
.value);
|
|
3187
3190
|
this.recalculate();
|
|
3188
|
-
} })))))), h("div", { key: '
|
|
3191
|
+
} })))))), h("div", { key: 'c7d07eccb54933ace27c9e41cf8ddd58930a4465', class: "space-y-4" }, h("h2", { key: 'c94dc4fdfa85bfb1f31cb7e171a411662953a115', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.electricityCostsTitle), h("div", { key: 'd4ee193e9e5f6edf717ba7be01d537713b5c73db', class: "grid grid-rows-2 gap-0" }, h("div", { key: '9796df3a0343be18edef1051bca476cb5e33b453', class: "grid grid-cols-3 gap-4" }, h("label", { key: '590e83e2cf26790e7953bf1032ed2b465d062d3e', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.electricityPrice), h("label", { key: '95f9083a601664270b7db8304c63ea4aec04befa', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.compensationRate), h("label", { key: '8c877b503497664824396f5b42002d6948c9147d', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.annualPriceIncrease)), h("div", { key: '3e6de787e050b3163dd5a389888d7c7670ee73d5', class: "grid grid-cols-3 gap-4 text-primary-foreground" }, 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) => {
|
|
3189
3192
|
this.electricityPrice = parseFloat(e.target
|
|
3190
3193
|
.value);
|
|
3191
3194
|
this.recalculate();
|
|
3192
|
-
} }), h("input", { key: '
|
|
3195
|
+
} }), 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) => {
|
|
3193
3196
|
this.compensationRate = parseFloat(e.target
|
|
3194
3197
|
.value);
|
|
3195
3198
|
this.recalculate();
|
|
3196
|
-
} }), h("input", { key: '
|
|
3199
|
+
} }), 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) => {
|
|
3197
3200
|
this.annualPriceIncrease = parseFloat(e.target
|
|
3198
3201
|
.value);
|
|
3199
3202
|
this.recalculate();
|
|
3200
|
-
} })))), h("div", { key: '
|
|
3203
|
+
} })))), h("div", { key: '740017ec001efdfadeb7794dd98073eca06bec3b', class: "space-y-4 p-4 border border-border rounded-4xl" }, h("h2", { key: '02d4d012a72a66c3dd8c5d6a7ee37d8a66056b99', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.resultsTitle), h("div", { key: 'bd988fcbc121f7e1a1f0a463cbef4e73b5f75c2f', class: "bg-muted rounded-4xl p-4" }, h("div", { key: 'f841cffe6501a94344336b93cd7186d4008f5e89', class: "flex items-center justify-between" }, h("span", { key: 'c09946aa81953c0ac70eca1bf030738fd611bfd3', class: "text-text-muted" }, t.solarSystemForm.autonomy), h("span", { key: 'cc262b2389708bfcbc7eacaa070207f5c522b37a', class: "text-xl font-bold text-secondary" }, this.autonomy > 100
|
|
3201
3204
|
? "100"
|
|
3202
|
-
: this.autonomy.toFixed(1), "%")), h("div", { key: '
|
|
3203
|
-
.savingsDisclaimer))), h("span", { key: '
|
|
3204
|
-
.solarSystemForm.year)), h("div", { key: '
|
|
3205
|
+
: this.autonomy.toFixed(1), "%")), h("div", { key: '718395d0247ff533071db12c0dc261635376b8d0', class: "flex items-center justify-between mt-4" }, h("div", { key: '253836f022a4c414374c5b2b4e895d837a7f0a6b', class: "flex items-center gap-2" }, h("span", { key: '141499e8232fd43eaffbd6a78ae78498fc976843', class: "text-text-muted" }, t.solarSystemForm.costSavings), h("div", { key: '260f33e5713a9757bd64802180c45df42a76bde8', class: "relative group" }, 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" }, 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" })), 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
|
|
3206
|
+
.savingsDisclaimer))), h("span", { key: 'da7271d121f86c06802e3c0aa6753e3e106a0f9f', class: "text-xl font-bold text-success" }, this.costSavings.toFixed(2), "\u20AC/", t
|
|
3207
|
+
.solarSystemForm.year)), h("div", { key: '7fd8001082ff5dad0138bc0e46f2c8ab5fc1a0ab', class: "flex items-center justify-between mt-4" }, h("div", { key: '51220d6235353c5c05d9cbd7294131169ce7ef37', class: "flex items-center gap-2" }, h("span", { key: 'b3c5734b677f225bf480e6c972aaf604bf25219d', class: "text-text-muted" }, "Einspeiseverg\u00FCtung 25 Jahre")), h("span", { key: '5a0f048eee0a05c815defd9f8c32079420402888', class: "text-xl font-bold text-success" }, this.compensation25Years.toFixed(2), "\u20AC")), h("div", { key: 'c404e485ec2caeccfa8534df34f502c53a3af13f', class: "flex items-center justify-between mt-4" }, h("div", { key: '207734d415a4e7cf7fa625a367af5de3afa9c274', class: "flex items-center gap-2" }, h("span", { key: '36ef827265e123a067b01314d7f2baff4c61a9ca', class: "text-text-muted" }, "Geldwerter Vorteil 25 Jahre")), h("span", { key: 'a597e862fc9b7369ac32df3e4d60302d0bce002e', class: "text-xl font-bold text-success" }, this.savedCosts25Years.toFixed(2), "\u20AC")))), h("div", { key: 'b1bee3a34cd1c3400cc847f9205dcd1319d1f11c', class: "space-y-4 pt-4" }, h("h2", { key: 'c21cc337a7c1ae79eee4b9741f935a256de38282', class: "text-lg font-semibold text-secondary" }, t.solarSystemForm.requestOffer), h("div", { key: '409727185c4cf9fd8e2750eca6a7102aa05800e6', class: "grid gap-4" }, h("div", { key: 'dd7fbc2db7923d9463213c5dff246d7915a402c8', class: "grid grid-cols-2 gap-4" }, h("label", { key: '8fc947bac4b28d3f9e6e13354dc9913009e0cbe2', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.name), h("label", { key: '2dabab65ad0b613ec6a7d386ce5cdac2ae046be3', class: "block text-sm font-medium text-text-muted mb-1" }, t.solarSystemForm.email)), h("div", { key: '36951f97477f0b144c24b990771d36e5cb09d8d2', class: "grid grid-cols-2 gap-4" }, h("div", { key: '72315b1180ab4cb666a9b4de8f65cce5509eff97' }, h("input", { key: '8119083991200cfb8c153c68a11875304505f2c4', type: "text", class: `w-full px-4 py-2 rounded-4xl border ${this.nameError
|
|
3205
3208
|
? "border-error"
|
|
3206
3209
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.name, onInput: (e) => {
|
|
3207
3210
|
this.name =
|
|
3208
3211
|
e.target
|
|
3209
3212
|
.value;
|
|
3210
3213
|
this.validateForm();
|
|
3211
|
-
}, placeholder: "Your name" }), this.nameError && (h("p", { key: '
|
|
3214
|
+
}, placeholder: "Your name" }), this.nameError && (h("p", { key: 'd25e121b0197f4734ad98b3f264806638716660d', class: "text-error text-sm mt-1" }, this.nameError))), h("div", { key: 'f592e406c92e64a4c1c47ecae1143a28c05bc0af' }, h("input", { key: '0a6b6c922b3f1816b1bdb82f2ef7f23d04bbf906', type: "email", class: `w-full px-4 py-2 rounded-4xl border ${this.emailError
|
|
3212
3215
|
? "border-error"
|
|
3213
3216
|
: "border-border"} focus:ring-2 focus:ring-tertiary focus:border-transparent bg-muted text-muted-foreground`, value: this.email, onInput: (e) => {
|
|
3214
3217
|
this.email =
|
|
3215
3218
|
e.target
|
|
3216
3219
|
.value;
|
|
3217
3220
|
this.validateForm();
|
|
3218
|
-
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '
|
|
3221
|
+
}, placeholder: "your.email@example.com" }), this.emailError && (h("p", { key: '9f7464e3d4c5d8cf095683cf0f6f2b2e98197244', class: "text-error text-sm mt-1" }, this.emailError))))), h("div", { key: '59f781969d56679e5fa94af6384aa2238514148d', class: "flex justify-center" }, h("button", { key: 'bc5fdcb4dff4b3e1ce79928735716e2b1c2a394d', onClick: () => this.handleRequestOffer(), disabled: !this.name.trim() ||
|
|
3219
3222
|
!this.email.trim() || !!this.nameError ||
|
|
3220
3223
|
!!this.emailError, class: "px-4 py-2 bg-secondary rounded-4xl hover:bg-tertiary transition-colors duration-200 text-muted" }, t.solarSystemForm.requestOfferButton))))));
|
|
3221
3224
|
}
|