|
|
@ -17,6 +17,7 @@ |
|
|
|
export let selected = false; |
|
|
|
export let selected = false; |
|
|
|
export let title = ""; |
|
|
|
export let title = ""; |
|
|
|
export let dropdown = undefined; |
|
|
|
export let dropdown = undefined; |
|
|
|
|
|
|
|
export let offset = false; |
|
|
|
|
|
|
|
|
|
|
|
import { |
|
|
|
import { |
|
|
|
ChevronUp, |
|
|
|
ChevronUp, |
|
|
@ -31,12 +32,17 @@ |
|
|
|
on:click={(e) => { e.currentTarget.blur(); clickable();}} on:keypress={clickable} on:keydown={(e) => {if (e.code=='Space') { e.preventDefault(); clickable();} }}> |
|
|
|
on:click={(e) => { e.currentTarget.blur(); clickable();}} on:keypress={clickable} on:keydown={(e) => {if (e.code=='Space') { e.preventDefault(); clickable();} }}> |
|
|
|
<slot /> |
|
|
|
<slot /> |
|
|
|
{#if dropdown!==undefined} |
|
|
|
{#if dropdown!==undefined} |
|
|
|
<div class="grow"></div> |
|
|
|
<div class="grow"></div> |
|
|
|
{#if dropdown} |
|
|
|
{#if dropdown} |
|
|
|
<ChevronUp/> |
|
|
|
<ChevronUp/> |
|
|
|
{:else} |
|
|
|
{:else} |
|
|
|
<ChevronDown/> |
|
|
|
<ChevronDown/> |
|
|
|
{/if} |
|
|
|
{/if} |
|
|
|
|
|
|
|
{#if offset} |
|
|
|
|
|
|
|
<div style="width:35px;"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
{/if} |
|
|
|
{/if} |
|
|
|
{/if} |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
{:else if clickable === false} |
|
|
|
{:else if clickable === false} |
|
|
|