{"version":3,"file":"OverlayAvatar-BYibJpjG.js","sources":["../../src/lib/components/atoms/OverlayAvatar.svelte"],"sourcesContent":["<!--\nOverlay avatar atom.\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<script>\n\timport { getModalStore, LightSwitch } from '@skeletonlabs/skeleton';\n\timport { _ } from 'svelte-i18n';\n\timport { Gear24, Info24, Moon24, Person24, SignOut24 } from 'svelte-octicons';\n\n\tconst modal = {\n\t\ttype: 'component',\n\t\tcomponent: 'settings'\n\t};\n\tconst modalStore = getModalStore();\n\n\tfunction openSettingsOnClick() {\n\t\tmodalStore.trigger(modal);\n\t}\n</script>\n\n<div\n\tclass=\"flex flex-col bg-white dark:bg-black border-surface-300-600 border-rounded drop-shadow px-4 py-2\"\n>\n\t<div class=\"bg-white dark:bg-black flex gap-4\">\n\t\t<Person24\n\t\t\tfill=\"currentColor\"\n\t\t\tclass=\"text-white dark:text-black bg-surface-400-500-token rounded-full\"\n\t\t/>\n\t\t<span class=\"text-surface-500-400-token -mb-2\">{$_('overlay.avatar.profile')}</span>\n\t</div>\n\t<div class=\"bg-white dark:bg-black flex gap-4\">\n\t\t<Gear24 fill=\"currentColor\" />\n\t\t<button type=\"button\" class=\"text-surface-500-400-token -mb-2\" on:click={openSettingsOnClick}\n\t\t\t>{$_('overlay.avatar.settings')}</button\n\t\t>\n\t</div>\n\t<div class=\"bg-white dark:bg-black flex gap-4\">\n\t\t<Moon24 fill=\"currentColor\" />\n\t\t<span class=\"text-surface-500-400-token -mb-2\">{$_('overlay.avatar.dark_mode')}</span>\n\t\t<LightSwitch />\n\t</div>\n\t<div class=\"bg-white dark:bg-black flex gap-4\">\n\t\t<Info24 fill=\"currentColor\" />\n\t\t<span class=\"text-surface-500-400-token -mb-2\">{$_('overlay.avatar.about_anvil')}</span>\n\t</div>\n\t<div class=\"bg-white dark:bg-black flex gap-4\">\n\t\t<SignOut24 fill=\"currentColor\" />\n\t\t<span class=\"text-surface-500-400-token -mb-2\">{$_('overlay.avatar.sign_out')}</span>\n\t</div>\n</div>\n"],"names":["append_hydration","div5","div3","cov_2c6cmc0dsd","s"],"mappings":"807BAoCkDA,8SAUAC,EAAAC,CAAA,EAAAC,EAAA,EAAAC"}