diff options
Diffstat (limited to 'src/lib/List/ListTitle.svelte')
| -rw-r--r-- | src/lib/List/ListTitle.svelte | 46 |
1 files changed, 23 insertions, 23 deletions
diff --git a/src/lib/List/ListTitle.svelte b/src/lib/List/ListTitle.svelte index 2c597c09..21013b52 100644 --- a/src/lib/List/ListTitle.svelte +++ b/src/lib/List/ListTitle.svelte @@ -1,32 +1,32 @@ <script lang="ts"> - import tooltip from '$lib/Tooltip/tooltip'; - import type { Title } from './mediaTitle'; + import tooltip from '$lib/Tooltip/tooltip'; + import type { Title } from './mediaTitle'; - export let time: number | undefined = undefined; - export let count = -1337; - export let title: Title = { - title: 'Media List', - hint: 'This is a media list.' - }; - export let progress: undefined | number = undefined; - export let hideTime = false; - export let hideCount = false; + export let time: number | undefined = undefined; + export let count = -1337; + export let title: Title = { + title: 'Media List', + hint: 'This is a media list.' + }; + export let progress: undefined | number = undefined; + export let hideTime = false; + export let hideCount = false; </script> <summary> - <span title={title.hint || undefined} use:tooltip>{title.title}</span> - {#if !hideCount}[{count === -1337 ? '...' : count}]{/if} - <!-- {#if !hideCount}[{#if count === -1337}...{:else}<NumberTicker + <span title={title.hint || undefined} use:tooltip>{title.title}</span> + {#if !hideCount}[{count === -1337 ? '...' : count}]{/if} + <!-- {#if !hideCount}[{#if count === -1337}...{:else}<NumberTicker end={count} duration={Math.min(2500, Math.max(500, Math.abs(count - 0) * 10))} />{/if}]{/if} --> - {#if !hideTime} - <small class="opaque">{time ? time.toFixed(3) : '...'}s</small> - {/if} - <slot /> - {#if progress !== undefined} - <button class="badge unclickable-button button-badge badge-info"> - {progress.toFixed(0)}% - </button> - {/if} + {#if !hideTime} + <small class="opaque">{time ? time.toFixed(3) : '...'}s</small> + {/if} + <slot /> + {#if progress !== undefined} + <button class="badge unclickable-button button-badge badge-info"> + {progress.toFixed(0)}% + </button> + {/if} </summary> |