aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Utility/Loading.svelte
blob: a84570b73037d23b55273451b8d7ca2670bcaac3 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script lang="ts">
import locale from "$stores/locale";

export let type: string | undefined = undefined;
export let percent: number | undefined = undefined;
export let card = true;
</script>

<div class:card>
  {#if type}
    {$locale({
      values: { type, percent: percent ? ` ${percent}%` : '' }
    }).common?.loading ?? `Loading ${type} ...${percent ? ` ${percent}%` : ''}`}
  {:else}
    <slot />
  {/if}
</div>