mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-16 16:03:14 +00:00
Diego ImbertandClaude Opus 4.6
5d79f33590
* 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>
35 lines
769 B
Svelte
35 lines
769 B
Svelte
<script lang="ts">
|
|
import { Pen } from 'lucide-svelte'
|
|
import TextInput from './text_input/TextInput.svelte'
|
|
|
|
interface Props {
|
|
value: string;
|
|
disabled?: boolean;
|
|
}
|
|
|
|
let { value = $bindable(), disabled = false }: Props = $props();
|
|
|
|
function blur(e: KeyboardEvent) {
|
|
e.key === 'Enter' && (e?.target as any)?.blur()
|
|
}
|
|
</script>
|
|
|
|
<div class="flex flex-row center-center gap-1 min-w-32 lg:min-w-64 w-full max-w-md">
|
|
<div class="relative w-full flex">
|
|
<TextInput
|
|
inputProps={{
|
|
title: 'Rename',
|
|
type: 'text',
|
|
placeholder: 'Untitled',
|
|
disabled,
|
|
onkeydown: blur
|
|
}}
|
|
class="w-full font-semibold"
|
|
bind:value
|
|
/>
|
|
{#if !disabled}
|
|
<Pen class="absolute top-2 right-2 pen-icon -z-10 opacity-60" size={14} />
|
|
{/if}
|
|
</div>
|
|
</div>
|