mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-12 00:06:14 +00:00
* Remove $$props.field usage * Rename slots to ensure no hyphen * _props * _trigger * OnSelectedIteration type correct capitalization * rename _content * Remove afterUpdate * Migrate everything to svelte 5 * array bind * Fix popover * type never * nit fixes * Fixed many trivial errors * onClick * Fix errors * use let: * nit typing * fix: wrap state_referenced_locally vars with untrack() Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Add untrack import * Fix all syntax errors due to untrack migration * Fix undefined errors * Fix more undefined errors * untrack(() => initialOpen) * svelte-ignore * Fix state_descriptors_fixed error in Chart.svelte Use $state.snapshot() to pass plain copies of data/options to Chart.js instead of $state proxies. Chart.js's listenArrayEvents tries to define property descriptors on data arrays, which Svelte 5 proxies reject. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * nit typing * Merge issue * Fix "path is not set" error in resource picker / editor * Fix InputTransformForm error when rerunning some flows * fix npm run check --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
52 lines
1.2 KiB
Svelte
52 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import Tooltip from './Tooltip.svelte'
|
|
|
|
interface Props {
|
|
title: string;
|
|
tooltip?: string;
|
|
documentationLink?: string | undefined;
|
|
primary?: boolean;
|
|
childrenWrapperDivClasses?: string;
|
|
children?: import('svelte').Snippet;
|
|
}
|
|
|
|
let {
|
|
title,
|
|
tooltip = '',
|
|
documentationLink = undefined,
|
|
primary = true,
|
|
childrenWrapperDivClasses = '',
|
|
children
|
|
}: Props = $props();
|
|
</script>
|
|
|
|
<div class="flex flex-row flex-wrap justify-between items-center pb-2 my-4 mr-2 min-h-16">
|
|
{#if primary}
|
|
<span class="flex items-center gap-2">
|
|
<h1 class="text-2xl font-semibold text-emphasis whitespace-nowrap leading-6 tracking-tight"
|
|
>{title}</h1
|
|
>
|
|
{#if tooltip != '' || documentationLink}
|
|
<Tooltip {documentationLink}>
|
|
{tooltip}
|
|
</Tooltip>
|
|
{/if}
|
|
</span>
|
|
{:else}
|
|
<span class="flex items-center gap-2">
|
|
<h2 class="text-sm font-semibold text-emphasis">{title}</h2>
|
|
{#if tooltip != '' || documentationLink}
|
|
<Tooltip {documentationLink} wrapperClass="mb-0.5">
|
|
{tooltip}
|
|
</Tooltip>
|
|
{/if}
|
|
</span>
|
|
{/if}
|
|
|
|
{#if children}
|
|
<div class="my-2 {childrenWrapperDivClasses}">
|
|
{@render children?.()}
|
|
</div>
|
|
{/if}
|
|
</div>
|