b39f486c91
* feat(frontend): wip * wip * wip * wip * wip * add toggle * correctly handle monaco theme * wip * wip * wip * wip * wip * feat(frontend): Dark mode v0 * feat(frontend): Adap AI gen poppup * feat(frontend): Adap script metadata labels * feat(frontend): Fix unreadable texts * feat(frontend): Fix unreadable texts * feat(frontend): Fix unreadable texts * feat(frontend): Fix ressource picker * feat(frontend): Fix unreadable texts * feat(frontend): Fix unreadable texts * feat(frontend): Fix unreadable texts * feat(frontend): Add theme toggle in the login page * feat(frontend): Fix unreadable texts * feat(frontend): Fix language selection * feat(frontend): Fix FlowStatusViewer colors * feat(frontend): Fix divide colors * feat(frontend): Fix flow graph buttons * feat(frontend): add theme toggle in login modal * feat(frontend): small ui fix * feat(frontend): fix graph dark mode toggle
40 lines
1.1 KiB
Svelte
40 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import { twMerge } from 'tailwind-merge'
|
|
import Required from './Required.svelte'
|
|
import { capitalize } from '$lib/utils'
|
|
|
|
export let label: string
|
|
export let format: string = ''
|
|
export let contentEncoding = ''
|
|
export let type: string | undefined = undefined
|
|
export let required = false
|
|
export let displayType: boolean = true
|
|
export let labelClass: string = ''
|
|
export let prettify = false
|
|
</script>
|
|
|
|
<div class="inline-flex flex-row items-center truncated">
|
|
<span class={twMerge('font-semibold', labelClass)}>
|
|
{#if prettify}
|
|
{label.replace(/_/g, ' ').split(' ').map(capitalize).join(' ')}
|
|
{:else}
|
|
{label}
|
|
{/if}
|
|
</span>
|
|
<Required {required} class="!ml-0" />
|
|
|
|
{#if displayType}
|
|
{#if format && !format.startsWith('resource')}
|
|
<span class="text-xs italic ml-2 text-tertiary dark:text-indigo-400">
|
|
{format}
|
|
</span>
|
|
{:else}
|
|
<span class="text-xs italic ml-2 text-tertiary dark:text-indigo-400">
|
|
{type ?? 'any'}{contentEncoding && contentEncoding != ''
|
|
? `, encoding: ${contentEncoding}`
|
|
: ''}
|
|
</span>
|
|
{/if}
|
|
{/if}
|
|
</div>
|