Anki/ts/lib/components/EnumSelector.svelte

30 lines
785 B
Svelte

<!--
Copyright: Ankitects Pty Ltd and contributors
License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
-->
<script context="module" lang="ts">
export interface Choice<T> {
label: string;
value: T;
}
</script>
<script lang="ts">
import Select from "./Select.svelte";
type T = $$Generic;
export let value: T;
export let choices: Choice<T>[] = [];
export let disabled: boolean = false;
export let disabledChoices: T[] = [];
$: label = choices.find((c) => c.value === value)?.label;
$: parser = (item) => ({
content: item.label,
value: item.value,
disabled: disabledChoices.includes(item.value),
});
</script>
<Select bind:value {label} {disabled} list={choices} {parser} />