thm/upend
thm/upend
1
0
Fork 0
Code Issues 75 Pull requests Projects Releases 6 Packages Wiki Activity

refactor: type Input's events

Browse source
This commit is contained in:
Tomáš Mládek 2024-07-13 20:42:33 +02:00
parent 197a862f3f
commit d0d92de2b6
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
webui/src/lib/components/utils/Input.svelte
View file

@ -2,12 +2,16 @@
import { createEventDispatcher } from 'svelte'; import { createEventDispatcher } from 'svelte';
let input: HTMLInputElement; let input: HTMLInputElement;
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher<{
focusChange: boolean;
input: string;
}>();
export let placeholder = ''; export let placeholder = '';
export let value = ''; export let value = '';
export let disabled = false; export let disabled = false;
export let size: number | undefined = 7; export let size: number | undefined = 7;
export let klass = '';
let focused = false; let focused = false;
$: dispatch('focusChange', focused); $: dispatch('focusChange', focused);
@ -21,7 +25,7 @@
} }
</script> </script>
<div class="input" class:focused> <div class="input {klass}" class:focused>
<slot name="prefix" /> <slot name="prefix" />
<input <input
bind:this={input} bind:this={input}