SandpointsEditPage/src/SpHasCandidates.svelte

<script>
 import { createEventDispatcher } from 'svelte';
 import { afterUpdate } from 'svelte';
 export let candidates;

 export let value;
 const dispatch = createEventDispatcher();

 afterUpdate(() => {
   let addnew = document.getElementById('addnew')
   if (addnew) {
     addnew.selected = 'selected';
   }
 });
 
 $: {
   dispatch("addToTiersRemoveFromCandidates", value)
   value = 1;
 }
</script>


<select class="selecttier" bind:value>
  <option id="addnew" value="1" disabled selected>Add new...</option>
  {#each candidates as tier (tier.file)}
    <option title="{tier.title}" value={tier.file}>{tier.file} ({tier.title})</option>
  {/each}
</select>