{"version":3,"file":"SettingsAppearance-BmIaoBxR.js","sources":["../../src/lib/components/molecules/SettingsAppearance.svelte"],"sourcesContent":["<!--\nSettingsAppearance molecule.\nCopyright (C) 2024 André Jaenisch\nSPDX-FileCopyrightText: 2024 André Jaenisch\nSPDX-License-Identifier: AGPL-3.0-or-later\n\nThis program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.\n\nThis program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.\n\nYou should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.\n-->\n\n<script>\n\timport { createEventDispatcher } from 'svelte';\n\timport { _ } from 'svelte-i18n';\n\n\tconst dispatcher = createEventDispatcher();\n\n    function onThemeSwitched(ev) {\n      dispatcher('switch-theme', ev.target.value)\n    }\n</script>\n\n<div class=\"flex flex-col flex-1 gap-6 pe-8 pb-8 ps-8 pt-20 bg-surface-100-800-token\">\n\t<div class=\"text-surface-500-300-token text-xl font-semibold\">\n\t\t{$_('settings.appearance.headline')}\n\t</div>\n\t<div class=\"flex flex-col gap-2\">\n\t\t<div class=\"text-surface-500-300-token font-semibold py-1\">\n\t\t\t{$_('settings.appearance.theme.headline')}\n\t\t</div>\n        <div class=\"flex gap-8\">\n            <label class=\"label flex items-center space-x-2\">\n    \t\t    <input\n\t\t\t    \ttype=\"radio\"\n\t\t\t    \tclass=\"me-2\"\n                    name=\"theme\"\n                    value=\"light\"\n                    on:change={onThemeSwitched}\n\t\t\t    />\n\t\t\t   {$_('settings.appearance.theme.light')}\n            </label>\n            <label class=\"label flex items-center space-x-2\">\n    \t\t    <input\n\t\t\t    \ttype=\"radio\"\n\t\t\t    \tclass=\"me-2\"\n                    name=\"theme\"\n                    value=\"dark\"\n                    on:change={onThemeSwitched}\n\t\t\t    />\n\t\t\t   {$_('settings.appearance.theme.dark')}\n            </label>\n            <label class=\"label flex items-center space-x-2\">\n    \t\t    <input\n\t\t\t    \ttype=\"radio\"\n\t\t\t    \tclass=\"me-2\"\n                    name=\"theme\"\n                    value=\"auto\"\n                    checked\n                    on:change={onThemeSwitched}\n\t\t\t    />\n\t\t\t   {$_('settings.appearance.theme.auto')}\n            </label>\n\t    </div>\n\t</div>\n\n\t<div class=\"flex flex-col gap-2\">\n\t\t<div class=\"text-surface-500-300-token font-semibold py-1\">\n\t\t\t{$_('settings.appearance.tab_indent.headline')}\n\t\t</div>\n        <p class=\"text-sm\">{$_('settings.appearance.tab_indent.intro')}</p>\n   \t\t<input\n   \t\t\ttype=\"text\"\n   \t\t\tclass=\"input bg-white text-center text-surface-500-300-token max-w-16\"\n            name=\"tab_indent\"\n            value=\"4\"\n   \t\t/>\n\t</div>\n</div>\n"],"names":["t2_value","cov_1u94ehklm2","s","ctx","insert_hydration","append_hydration","div2","label0","label2","b","dirty","set_data","t2"],"mappings":"8z3BA0BGA,GAAAC,EAAA,EAAAC,EAAA,CAAA,IAAAC,EAAA,CAAA,EAAA,oCAAiC,44HAZ1BC,uBACAC,kKA0BHC,EAAAC,CAAA,EAAAN,EAAA,EAAAC,EAAA,GAAA,4LA8BqBI,EAAAE,CAAA,EAAAP,EAAA,EAAAC,EATrBG,GAAAA,IAAAA,0iBApCJJ,EAAA,EAAAQ,EAAA,CAAA,EAAA,CAAA,IAAAC,EAAA,IAAAT,EAAA,EAAAQ,EAAAT,CAAAA,EAAAA,CAAAA,IAAAA,KAAAA,EAAAG,EAAA,CAAA,EAAA,oCAAiC,QAAAF,EAAA,EAAAQ,EAAA,CAAA,EAAA,CAAA,IAAAR,EAAA,EAAAC,EAAA,GAAA,IAAAS,EAAAC,EAAAZ,CAAA,GAAAC,EAAA,EAAAQ,UAAAR,EAAA,EAAAC,EAAA,GAAA"}