mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-25 08:03:45 +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>
52 lines
986 B
Svelte
52 lines
986 B
Svelte
<script lang="ts">
|
|
import { createEventDispatcher } from 'svelte'
|
|
import { twMerge } from 'tailwind-merge'
|
|
|
|
const dispatch = createEventDispatcher()
|
|
|
|
interface Props {
|
|
hoverable?: boolean;
|
|
selected?: boolean;
|
|
dividable?: boolean;
|
|
disabled?: boolean;
|
|
hovering?: boolean;
|
|
class?: string;
|
|
children?: import('svelte').Snippet;
|
|
}
|
|
|
|
let {
|
|
hoverable = false,
|
|
selected = false,
|
|
dividable = false,
|
|
disabled = false,
|
|
hovering = $bindable(false),
|
|
class: className = '',
|
|
children
|
|
}: Props = $props();
|
|
|
|
</script>
|
|
|
|
<tr
|
|
class={twMerge(
|
|
hoverable ? 'hover:bg-surface-hover cursor-pointer' : '',
|
|
selected ? 'bg-blue-50 dark:bg-blue-900/50' : '',
|
|
'transition-all',
|
|
dividable ? 'divide-x' : '',
|
|
disabled ? 'opacity-60' : '',
|
|
className
|
|
)}
|
|
onclick={() => {
|
|
dispatch('click')
|
|
}}
|
|
onmouseenter={() => {
|
|
hovering = true
|
|
dispatch('hover', true)
|
|
}}
|
|
onmouseleave={() => {
|
|
hovering = false
|
|
dispatch('hover', false)
|
|
}}
|
|
>
|
|
{@render children?.()}
|
|
</tr>
|