windmill-components 1.493.10 → 1.501.4

package/package/components/apps/editor/AppReportsDrawerInner.svelte

@@ -17,35 +17,35 @@ import { RotateCw, Save } from 'lucide-svelte';
 import { CUSTOM_TAGS_SETTING, WORKSPACE_SLACK_BOT_TOKEN_PATH } from '../../../consts';
 import { loadSchemaFromPath } from '../../../infer';
 import { hubPaths } from '../../../hub';
-export let appPath;
-export let open = false;
-let appReportingEnabled = false;
-let appReportingStartupDuration = 5;
-let appReportingSchedule = {
+import { untrack } from 'svelte';
+let { appPath, open = $bindable(false) } = $props();
+let appReportingEnabled = $state(false);
+let appReportingStartupDuration = $state(5);
+let appReportingSchedule = $state({
     cron: '0 0 12 * *',
     timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
-};
-let selectedTab = $enterpriseLicense
-    ? 'slack'
-    : 'custom';
-let screenshotKind = 'pdf';
-let customPath = undefined;
-let customPathSchema = {};
-let args = {};
-let areArgsValid = true;
-let customWidth = 1200;
-let customHeight = null;
-$: customPath
-    ? loadSchemaFromPath(customPath).then((schema) => {
-        customPathSchema = schema
-            ? {
-                ...schema,
-                properties: Object.fromEntries(Object.entries(schema.properties ?? {}).filter(([key, _]) => key !== 'screenshot' && key !== 'app_path' && key !== 'kind'))
-            }
-            : {};
-    })
-    : (customPathSchema = {});
-let isSlackConnectedWorkspace = false;
+});
+let selectedTab = $state($enterpriseLicense ? 'slack' : 'custom');
+let screenshotKind = $state('pdf');
+let customPath = $state(undefined);
+let customPathSchema = $state({});
+let args = $state({});
+let areArgsValid = $state(true);
+let customWidth = $state(1200);
+let customHeight = $state(null);
+$effect(() => {
+    customPath
+        ? loadSchemaFromPath(customPath).then((schema) => {
+            customPathSchema = schema
+                ? {
+                    ...schema,
+                    properties: Object.fromEntries(Object.entries(schema.properties ?? {}).filter(([key, _]) => key !== 'screenshot' && key !== 'app_path' && key !== 'kind'))
+                }
+                : {};
+        })
+        : (customPathSchema = {});
+});
+let isSlackConnectedWorkspace = $state(false);
 async function getWorspaceSlackSetting() {
     const settings = await WorkspaceService.getSettings({
         workspace: $workspaceStore
@@ -94,7 +94,7 @@ async function getAppReportingInfo() {
             ? Object.fromEntries(Object.entries(schedule.args).filter(([key, _]) => key !== 'app_path' && key !== 'startup_duration' && key !== 'kind'))
             : {};
         setTimeout(() => {
-            args = structuredClone(nargs);
+            args = structuredClone($state.snapshot(nargs));
         });
         customPath =
             selectedTab === 'custom' &&
@@ -106,7 +106,9 @@ async function getAppReportingInfo() {
     }
     catch (err) { }
 }
-$: appPath && getAppReportingInfo();
+$effect(() => {
+    appPath && untrack(() => getAppReportingInfo());
+});
 async function disableAppReporting() {
     const flowPath = appPath + '_reports';
     await ScheduleService.deleteSchedule({
@@ -447,7 +449,7 @@ async function enableAppReporting() {
     });
     appReportingEnabled = true;
 }
-let testLoading = false;
+let testLoading = $state(false);
 async function testReport() {
     try {
         testLoading = true;
@@ -494,12 +496,14 @@ async function testReport() {
         testLoading = false;
     }
 }
-let disabled = true;
-$: disabled =
-    emptyString(appReportingSchedule.cron) ||
-        (selectedTab === 'custom' && emptyString(customPath)) ||
-        (selectedTab === 'slack' && !isSlackConnectedWorkspace) ||
-        !areArgsValid;
+let disabled = $state(true);
+$effect(() => {
+    disabled =
+        emptyString(appReportingSchedule.cron) ||
+            (selectedTab === 'custom' && emptyString(customPath)) ||
+            (selectedTab === 'slack' && !isSlackConnectedWorkspace) ||
+            !areArgsValid;
+});
 </script>
 
 <DrawerContent
@@ -507,7 +511,8 @@ $: disabled =
 	title="Schedule Reports"
 	tooltip="Send a PDF or PNG preview of any app at a given schedule"
 	documentationLink="https://www.windmill.dev/docs/apps/schedule_reports"
-	><svelte:fragment slot="actions">
+>
+	{#snippet actions()}
 		<div class="mr-4 center-center">
 			<Toggle
 				checked={appReportingEnabled}
@@ -536,7 +541,7 @@ $: disabled =
 		>
 			{appReportingEnabled ? 'Update' : 'Save and enable'}
 		</Button>
-	</svelte:fragment>
+	{/snippet}
 	<div class="flex flex-col gap-8">
 		<Alert type="info" title="Scheduled PDF/PNG reports"
 			>Send a PDF or PNG preview of the app at a given schedule. Enabling this feature will create a

package/package/components/apps/editor/AppReportsDrawerInner.svelte.d.ts

@@ -1,21 +1,7 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const AppReportsDrawerInner: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     appPath: string;
     open?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type AppReportsDrawerInner = InstanceType<typeof AppReportsDrawerInner>;
+}
+declare const AppReportsDrawerInner: import("svelte").Component<Props, {}, "open">;
+type AppReportsDrawerInner = ReturnType<typeof AppReportsDrawerInner>;
 export default AppReportsDrawerInner;

package/package/components/apps/editor/AppTimeline.svelte

@@ -1,14 +1,15 @@
 <script lang="ts">import { debounce } from '../../../utils';
-import { onDestroy } from 'svelte';
+import { onDestroy, untrack } from 'svelte';
 import TimelineBar from '../../TimelineBar.svelte';
-export let jobs;
-export let jobsById;
-let min = undefined;
+let { jobs, jobsById } = $props();
+let min = $state(undefined);
 let max = undefined;
-let total = undefined;
-let debounced = debounce(() => computeItems(jobs), 30);
-$: jobs && jobsById && debounced();
-let items = {};
+let total = $state(undefined);
+let { debounced, clearDebounce } = debounce(() => computeItems(jobs), 30);
+$effect(() => {
+    jobs && jobsById && untrack(() => debounced());
+});
+let items = $state({});
 export function reset() {
     min = undefined;
     max = undefined;
@@ -72,7 +73,7 @@ function computeItems(jobs) {
     }
     items = nitems;
 }
-let now = Date.now();
+let now = $state(Date.now());
 let interval = setInterval((x) => {
     if (!max) {
         now = Date.now();
@@ -83,6 +84,7 @@ let interval = setInterval((x) => {
 }, 30);
 onDestroy(() => {
     interval && clearInterval(interval);
+    clearDebounce();
 });
 </script>
 
@@ -114,8 +116,8 @@ onDestroy(() => {
 								? b.started_at
 									? b.started_at - b?.created_at
 									: b.duration_ms
-									? 0
-									: now - b?.created_at
+										? 0
+										: now - b?.created_at
 								: 0}
 							<div class="flex w-full">
 								<TimelineBar
@@ -136,7 +138,7 @@ onDestroy(() => {
 										{min}
 										concat
 										started_at={b.started_at}
-										len={b.started_at ? b?.duration_ms ?? now - b?.started_at : 0}
+										len={b.started_at ? (b?.duration_ms ?? now - b?.started_at) : 0}
 										running={b?.duration_ms == undefined}
 									/>
 								{/if}

package/package/components/apps/editor/AppTimeline.svelte.d.ts

@@ -1,25 +1,10 @@
 import type { JobById } from '../types';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const AppTimeline: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     jobs: string[];
     jobsById: Record<string, JobById>;
-    reset?: () => void;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
+}
+declare const AppTimeline: import("svelte").Component<Props, {
     reset: () => void;
-}, string>;
-type AppTimeline = InstanceType<typeof AppTimeline>;
+}, "">;
+type AppTimeline = ReturnType<typeof AppTimeline>;
 export default AppTimeline;

package/package/components/apps/editor/ComponentHeader.svelte

@@ -1,4 +1,6 @@
-<script lang="ts">import { classNames } from '../../../utils';
+<script lang="ts">import { stopPropagation, createBubbler } from 'svelte/legacy';
+const bubble = createBubbler();
+import { classNames } from '../../../utils';
 import { Anchor, ArrowDownFromLine, Bug, Expand, Network, Pen, Plug } from 'lucide-svelte';
 import { createEventDispatcher, getContext } from 'svelte';
 import Popover from '../../meltComponents/Popover.svelte';
@@ -9,26 +11,18 @@ import TabsDebug from './TabsDebug.svelte';
 import ComponentOutputViewer from './contextPanel/ComponentOutputViewer.svelte';
 import DecisionTreeDebug from './DecisionTreeDebug.svelte';
 import AnimatedButton from '../../common/button/AnimatedButton.svelte';
-export let component;
-export let selected;
-export let locked = false;
-export let hover = false;
-export let connecting = false;
-export let hasInlineEditor = false;
-export let inlineEditorOpened = false;
-export let errorHandledByComponent = false;
-export let fullHeight = false;
-export let componentContainerWidth;
-//export let willNotDisplay: boolean = false
+let { component, selected, locked = false, hover = false, connecting = false, hasInlineEditor = false, inlineEditorOpened = false, errorHandledByComponent = false, fullHeight = false, componentContainerWidth } = $props();
 const DECISION_TREE_THRESHOLD = 300;
 const STEPPER_THRESHOLD = 180;
 const CONDITIONAL_WRAPPER_THRESHOLD = 200;
 const MINIMUM_WIDTH = 20;
-let maxWidth = 10;
-let isManuallySelected = false;
-let componentIsDebugging = false;
-let id_width = 0;
-$: maxWidth = Math.max(Math.round(0.2 * componentContainerWidth), MINIMUM_WIDTH);
+let maxWidth = $state(10);
+let isManuallySelected = $state(false);
+let componentIsDebugging = $state(false);
+let id_width = $state(0);
+$effect(() => {
+    maxWidth = Math.max(Math.round(0.2 * componentContainerWidth), MINIMUM_WIDTH);
+});
 const dispatch = createEventDispatcher();
 const { errorByComponent, openDebugRun, connectingInput } = getContext('AppViewerContext');
 // Function to check if any condition is met
@@ -44,12 +38,12 @@ function checkComponentOptions() {
     };
     return Object.values(componentOptions).some((value) => value);
 }
-let hoverHeader = false;
+let hoverHeader = $state(false);
 </script>
 
 {#if connecting}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
-	<!-- svelte-ignore a11y-mouse-events-have-key-events -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<!-- svelte-ignore a11y_mouse_events_have_key_events -->
 	<div
 		class="absolute z-50 overflow-auto -top-[18px]"
 		style="left: {id_width}px;"
@@ -60,7 +54,7 @@ let hoverHeader = false;
 			closeOnOtherPopoverOpen
 			contentClasses="p-4"
 		>
-			<svelte:fragment slot="trigger">
+			{#snippet trigger()}
 				<AnimatedButton
 					animate={true}
 					baseRadius="9999px"
@@ -75,32 +69,32 @@ let hoverHeader = false;
 						aria-label="Open output"><Plug size={12} /></div
 					>
 				</AnimatedButton>
-			</svelte:fragment>
-			<svelte:fragment slot="content">
+			{/snippet}
+			{#snippet content()}
 				<ComponentOutputViewer
 					suffix="connect"
 					on:select={({ detail }) =>
 						connectOutput(connectingInput, component.type, component.id, detail)}
 					componentId={component.id}
 				/>
-			</svelte:fragment>
+			{/snippet}
 		</Popover>
 	</div>
 {/if}
 
 {#if selected || hover}
-	<!-- svelte-ignore a11y-no-static-element-interactions -->
-	<!-- svelte-ignore a11y-mouse-events-have-key-events -->
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<!-- svelte-ignore a11y_mouse_events_have_key_events -->
 	<div class="-top-[18px] -left-[8px] flex flex-row flex-nowrap w-fit h-fit absolute gap-0.5">
 		<div
-			on:mouseover|stopPropagation={() => {
+			onmouseover={stopPropagation(() => {
 				hoverHeader = true
 				dispatch('mouseover')
-			}}
-			on:mouseleave|stopPropagation={() => {
+			})}
+			onmouseleave={stopPropagation(() => {
 				hoverHeader = false
-			}}
-			on:mousedown|stopPropagation|capture
+			})}
+			onmousedowncapture={stopPropagation(bubble('mousedown'))}
 			draggable="false"
 			title={`Id: ${component.id}`}
 			class={twMerge(
@@ -129,8 +123,8 @@ let hoverHeader = false;
 								? 'bg-blue-300 text-blue-800'
 								: 'text-white hover:bg-blue-400 hover:text-white'
 						)}
-						on:click={() => dispatch('fillHeight')}
-						on:pointerdown|stopPropagation
+						onclick={() => dispatch('fillHeight')}
+						onpointerdown={stopPropagation(bubble('pointerdown'))}
 					>
 						<ArrowDownFromLine aria-label="Full height" size={11} />
 					</button>
@@ -141,8 +135,8 @@ let hoverHeader = false;
 							'px-1 py-0.5 text-2xs font-bold rounded cursor-pointer w-fit h-full',
 							locked ? 'bg-blue-300 text-blue-800' : 'text-white hover:bg-blue-400 hover:text-white'
 						)}
-						on:click={() => dispatch('lock')}
-						on:pointerdown|stopPropagation
+						onclick={() => dispatch('lock')}
+						onpointerdown={stopPropagation(bubble('pointerdown'))}
 					>
 						{#if locked}
 							<Anchor aria-label="Unlock position" size={11} />
@@ -156,8 +150,8 @@ let hoverHeader = false;
 							class={twMerge(
 								'px-1 py-0.5 text-2xs font-bold rounded cursor-pointer w-fit h-full text-white hover:bg-blue-400 hover:text-white'
 							)}
-							on:click={() => dispatch('expand')}
-							on:pointerdown|stopPropagation
+							onclick={() => dispatch('expand')}
+							onpointerdown={stopPropagation(bubble('pointerdown'))}
 						>
 							<Expand aria-label="Expand" size={11} />
 						</button>
@@ -183,8 +177,8 @@ let hoverHeader = false;
 								? 'bg-blue-300 text-blue-800'
 								: 'text-blue-600 hover:bg-blue-300 hover:text-blue-800'
 						)}
-						on:click={() => dispatch('triggerInlineEditor')}
-						on:pointerdown|stopPropagation
+						onclick={() => dispatch('triggerInlineEditor')}
+						onpointerdown={stopPropagation(bubble('pointerdown'))}
 					>
 						<Pen aria-label="Edit" size={11} />
 					</button>
@@ -213,13 +207,13 @@ let hoverHeader = false;
 								? 'text-red-600 hover:bg-red-300 hover:text-red-800'
 								: 'text-blue-600 hover:bg-blue-300 hover:text-blue-800'
 						)}
-						on:click={() => {
+						onclick={() => {
 							const element = document.getElementById(`decision-tree-graph-editor`)
 							if (element) {
 								element.click()
 							}
 						}}
-						on:pointerdown|stopPropagation
+						onpointerdown={stopPropagation(bubble('pointerdown'))}
 					>
 						<Network size={11} />
 					</button>
@@ -249,7 +243,7 @@ let hoverHeader = false;
 				</Popover>
 			{/if} -->
 
-				<!-- svelte-ignore a11y-no-static-element-interactions -->
+				<!-- svelte-ignore a11y_no_static_element_interactions -->
 			</div>
 		{/if}
 	</div>
@@ -264,14 +258,14 @@ let hoverHeader = false;
 		)}
 	>
 		<Popover notClickable placement="bottom" contentClasses="!bg-surface border w-96 p-4">
-			<svelte:fragment slot="trigger">
+			{#snippet trigger()}
 				<Bug size={14} />
-			</svelte:fragment>
-			<svelte:fragment slot="content">
+			{/snippet}
+			{#snippet content()}
 				<div class="bg-surface">
 					<pre class="whitespace-pre-wrap text-red-600 bg-surface border w-full p-4 text-xs mb-2"
 						>{error ?? ''}	
-						</pre>
+							</pre>
 				</div>
 				<Button
 					color="red"
@@ -279,7 +273,7 @@ let hoverHeader = false;
 					on:click={() => $openDebugRun?.($errorByComponent[component.id]?.id ?? '')}
 					>Open Debug Runs</Button
 				>
-			</svelte:fragment>
+			{/snippet}
 		</Popover>
 	</span>
 {/if}

package/package/components/apps/editor/ComponentHeader.svelte.d.ts

@@ -1,4 +1,16 @@
 import type { AppComponent } from './component';
+interface Props {
+    component: AppComponent;
+    selected: boolean;
+    locked?: boolean;
+    hover?: boolean;
+    connecting?: boolean;
+    hasInlineEditor?: boolean;
+    inlineEditorOpened?: boolean;
+    errorHandledByComponent?: boolean;
+    fullHeight?: boolean;
+    componentContainerWidth: number;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,20 +24,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ComponentHeader: $$__sveltets_2_IsomorphicComponent<{
-    component: AppComponent;
-    selected: boolean;
-    locked?: boolean;
-    hover?: boolean;
-    connecting?: boolean;
-    hasInlineEditor?: boolean;
-    inlineEditorOpened?: boolean;
-    errorHandledByComponent?: boolean;
-    fullHeight?: boolean;
-    componentContainerWidth: number;
-}, {
-    mousedown: MouseEvent;
-    pointerdown: PointerEvent;
+declare const ComponentHeader: $$__sveltets_2_IsomorphicComponent<Props, {
     mouseover: CustomEvent<any>;
     fillHeight: CustomEvent<any>;
     lock: CustomEvent<any>;
@@ -33,6 +32,6 @@ declare const ComponentHeader: $$__sveltets_2_IsomorphicComponent<{
     triggerInlineEditor: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type ComponentHeader = InstanceType<typeof ComponentHeader>;
 export default ComponentHeader;

package/package/components/apps/editor/DecisionTreeDebug.svelte

@@ -1,16 +1,17 @@
-<script lang="ts">import Dropdown from '../../DropdownV2.svelte';
+<script lang="ts">import { createBubbler, stopPropagation } from 'svelte/legacy';
+const bubble = createBubbler();
+import Dropdown from '../../DropdownV2.svelte';
 import { classNames } from '../../../utils';
 import { createEventDispatcher, getContext } from 'svelte';
 import { isDebugging } from './settingsPanel/decisionTree/utils';
 import { X, Bug } from 'lucide-svelte';
-export let nodes = [];
-export let id;
-export let isSmall = false;
-export let componentIsDebugging = false;
-$: componentIsDebugging = isDebugging($debuggingComponents, id);
+let { nodes = [], id, isSmall = false, componentIsDebugging = $bindable(false) } = $props();
+$effect(() => {
+    componentIsDebugging = isDebugging($debuggingComponents, id);
+});
 const { componentControl, debuggingComponents, worldStore } = getContext('AppViewerContext');
 const dispatch = createEventDispatcher();
-let currentNodeId = $worldStore.outputsById[id]?.currentNodeId?.peak() ?? 'a';
+let currentNodeId = $state($worldStore.outputsById[id]?.currentNodeId?.peak() ?? 'a');
 function subscribeToCurrentNode(id) {
     return $worldStore.outputsById[id]?.currentNodeId?.subscribe({
         id: `id-${id}-${currentNodeId}`,
@@ -30,8 +31,10 @@ function onDebugNode(debuggedNodeIndex) {
         $debuggingComponents = Object.fromEntries(Object.entries($debuggingComponents).filter(([key]) => key !== id));
     }
 }
-$: onDebugNode($debuggingComponents[id]);
-let renderCount = 0;
+$effect(() => {
+    onDebugNode($debuggingComponents[id]);
+});
+let renderCount = $state(0);
 let lastNodes = nodes;
 function onNodesChange(newNodes) {
     if (JSON.stringify(newNodes) !== JSON.stringify(lastNodes)) {
@@ -43,7 +46,9 @@ function onNodesChange(newNodes) {
         renderCount++;
     }
 }
-$: onNodesChange(nodes);
+$effect(() => {
+    onNodesChange(nodes);
+});
 async function getDropdownItems() {
     return [
         // Debug node items
@@ -70,7 +75,7 @@ async function getDropdownItems() {
 
 {#key renderCount}
 	<Dropdown items={getDropdownItems} class="w-fit h-auto" usePointerDownOutside={true}>
-		<svelte:fragment slot="buttonReplacement">
+		{#snippet buttonReplacement()}
 			<button
 				title={'Debug tabs'}
 				class={classNames(
@@ -79,15 +84,15 @@ async function getDropdownItems() {
 						? ' hover:bg-red-300 hover:text-red-800'
 						: 'text-blue-600 hover:bg-blue-300 hover:text-blue-800'
 				)}
-				on:click={() => dispatch('triggerInlineEditor')}
-				on:pointerdown|stopPropagation
+				onclick={() => dispatch('triggerInlineEditor')}
+				onpointerdown={stopPropagation(bubble('pointerdown'))}
 			>
 				{#if componentIsDebugging}
 					<div class="flex flex-row items-center gap-2">
 						{`${isSmall ? '' : 'Debugging node'} ${nodes[$debuggingComponents[id] ?? 0]?.id}`}
 						<!-- svelte-ignore node_invalid_placement_ssr -->
 						<button
-							on:click={() => {
+							onclick={() => {
 								$componentControl?.[id]?.setTab?.(0)
 
 								$debuggingComponents = Object.fromEntries(
@@ -104,6 +109,6 @@ async function getDropdownItems() {
 						>{`Debug nodes (current node: ${currentNodeId})`}</div
 					>{/if}
 			</button>
-		</svelte:fragment>
+		{/snippet}
 	</Dropdown>
 {/key}

package/package/components/apps/editor/DecisionTreeDebug.svelte.d.ts

@@ -1,4 +1,10 @@
 import type { DecisionTreeNode } from './component';
+interface Props {
+    nodes?: DecisionTreeNode[];
+    id: string;
+    isSmall?: boolean;
+    componentIsDebugging?: boolean;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,16 +18,10 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const DecisionTreeDebug: $$__sveltets_2_IsomorphicComponent<{
-    nodes?: DecisionTreeNode[];
-    id: string;
-    isSmall?: boolean;
-    componentIsDebugging?: boolean;
-}, {
-    pointerdown: PointerEvent;
+declare const DecisionTreeDebug: $$__sveltets_2_IsomorphicComponent<Props, {
     triggerInlineEditor: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "componentIsDebugging">;
 type DecisionTreeDebug = InstanceType<typeof DecisionTreeDebug>;
 export default DecisionTreeDebug;