Files
windmill/frontend/src/lib/components/PageHeader.svelte
T
Diego ImbertandClaude Opus 4.6 5d79f33590 Final Svelte 5 migration (#8211)
* 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>
2026-03-05 18:11:40 +01:00

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>