helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-14 17:36:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(web): migrate away from event dispatcher (#12802)

Browse source
This commit is contained in:
Jason Rasmussen 2024-09-19 18:20:09 -04:00 • committed by GitHub
parent cfc575d89c
commit 94fc1f213a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 76 additions and 123 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web/src/lib/components/elements/slider.svelte
View file

@ -1,6 +1,4 @@
<script lang="ts">
import { createEventDispatcher } from 'svelte';
/**
* Unique identifier for the checkbox element, used to associate labels with the input element.
*/
@ -11,9 +9,9 @@
export let ariaDescribedBy: string | undefined = undefined;
export let checked = false;
export let disabled = false;
export let onToggle: ((checked: boolean) => void) | undefined = undefined;
const dispatch = createEventDispatcher<{ toggle: boolean }>();
const onToggle = (event: Event) => dispatch('toggle', (event.target as HTMLInputElement).checked);
const handleToggle = (event: Event) => onToggle?.((event.target as HTMLInputElement).checked);
</script>
<label class="relative inline-block h-[10px] w-[36px] flex-none">
@ -22,7 +20,7 @@
class="disabled::cursor-not-allowed h-0 w-0 opacity-0 peer"
type="checkbox"
bind:checked
on:click={onToggle}
on:click={handleToggle}
{disabled}
aria-describedby={ariaDescribedBy}
/>