diff options
Diffstat (limited to 'src/lib/Settings/SettingCheckboxToggle.svelte')
| -rw-r--r-- | src/lib/Settings/SettingCheckboxToggle.svelte | 30 |
1 files changed, 18 insertions, 12 deletions
diff --git a/src/lib/Settings/SettingCheckboxToggle.svelte b/src/lib/Settings/SettingCheckboxToggle.svelte index b5ef4989..d053caef 100644 --- a/src/lib/Settings/SettingCheckboxToggle.svelte +++ b/src/lib/Settings/SettingCheckboxToggle.svelte @@ -1,9 +1,9 @@ <script lang="ts"> -import Spacer from '$lib/Layout/Spacer.svelte'; -import settings, { type Settings } from '$stores/settings'; +import Spacer from "$lib/Layout/Spacer.svelte"; +import settings, { type Settings } from "$stores/settings"; type BooleanSettingsKeys<T> = { - [K in keyof T]: T[K] extends boolean ? K : never; + [K in keyof T]: T[K] extends boolean ? K : never; }; type SettingsBooleanKeys = BooleanSettingsKeys<Settings>; @@ -13,12 +13,16 @@ export let text: string | (() => string); export let setting: SettingsBooleanKeys[keyof SettingsBooleanKeys]; export let lineBreak = true; export let onChange: () => void = () => { - return; + return; }; export let invert = false; export let id: string | null = null; -$: checked = setting ? (invert ? !$settings[setting] : $settings[setting]) : false; +$: checked = setting + ? invert + ? !$settings[setting] + : $settings[setting] + : false; $: field = text instanceof Function ? text() : text; // const toggler = (key: keyof Settings) => [ @@ -40,17 +44,19 @@ $: field = text instanceof Function ? text() : text; // }) // ]; -const check = (e: Event & { currentTarget: EventTarget & HTMLInputElement }): void => { - const checked = (e.target as HTMLInputElement).checked; +const check = ( + e: Event & { currentTarget: EventTarget & HTMLInputElement }, +): void => { + const checked = (e.target as HTMLInputElement).checked; - if (setting) { - settings.setKey(setting, invert ? !checked : checked); - onChange(); - } + if (setting) { + settings.setKey(setting, invert ? !checked : checked); + onChange(); + } }; const flip = () => { - if (setting) $settings[setting] = !$settings[setting]; + if (setting) $settings[setting] = !$settings[setting]; }; </script> |