windmill-components 1.493.9 → 1.501.4

package/package/components/wizards/AgGridWizard.svelte.d.ts

@@ -1,41 +1,27 @@
-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;
+type Column = {
+    minWidth: number;
+    hide: boolean;
+    flex: number;
+    sort: 'asc' | 'desc';
+    sortIndex: number;
+    aggFunc: string;
+    pivot: boolean;
+    pivotIndex: number;
+    pinned: 'left' | 'right' | boolean;
+    rowGroup: boolean;
+    rowGroupIndex: number;
+    valueFormatter: string;
+    valueParser: string;
+    field: string;
+    headerName: string;
+    editable: boolean;
+    filter: boolean;
+    cellRendererType: 'text' | 'badge' | 'link';
+};
+interface Props {
+    value: Column | undefined;
+    trigger?: import('svelte').Snippet;
 }
-declare const AgGridWizard: $$__sveltets_2_IsomorphicComponent<{
-    value: {
-        minWidth: number;
-        hide: boolean;
-        flex: number;
-        sort: "asc" | "desc";
-        sortIndex: number;
-        aggFunc: string;
-        pivot: boolean;
-        pivotIndex: number;
-        pinned: "left" | "right" | boolean;
-        rowGroup: boolean;
-        rowGroupIndex: number;
-        valueFormatter: string;
-        valueParser: string;
-        field: string;
-        headerName: string;
-        editable: boolean;
-        filter: boolean;
-        cellRendererType: "text" | "badge" | "link";
-    } | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    trigger: {};
-}, {}, string>;
-type AgGridWizard = InstanceType<typeof AgGridWizard>;
+declare const AgGridWizard: import("svelte").Component<Props, {}, "value">;
+type AgGridWizard = ReturnType<typeof AgGridWizard>;
 export default AgGridWizard;

package/package/components/wizards/AppPicker.svelte

@@ -1,13 +1,11 @@
 <script lang="ts">import { getContext, onMount } from 'svelte';
-import Select from '../apps/svelte-select/lib/Select.svelte';
-import { SELECT_INPUT_DEFAULT_STYLE } from '../../defaults';
 import DarkModeObserver from '../DarkModeObserver.svelte';
 import { userStore, workspaceStore } from '../../stores';
 import { AppService } from '../../gen';
 import { canWrite } from '../../utils';
 import Alert from '../common/alert/Alert.svelte';
+import Select from '../select/Select.svelte';
 export let value = '';
-export let selecteValue = value;
 let darkMode = false;
 const { appPath } = getContext('AppViewerContext');
 let apps = [];
@@ -23,10 +21,8 @@ async function loadApps() {
 }
 onMount(() => {
     loadApps();
-    if (selecteValue === '') {
-        selecteValue = $appPath;
+    if (value === '')
         value = $appPath;
-    }
 });
 </script>
 
@@ -34,26 +30,15 @@ onMount(() => {
 
 <div class="flex flex-col gap-2 w-full">
 	<Select
-		class="grow shrink max-w-full"
-		on:change={(e) => {
-			value = e.detail.value
-		}}
-		on:clear={() => {
-			value = ''
-		}}
-		bind:value={selecteValue}
-		items={apps.map((app) => {
-			return {
-				value: app.path,
-				label: app.path === $appPath ? `${app.path} (current app)` : app.path
-			}
-		})}
+		clearable
+		onClear={() => (value = '')}
+		bind:value
+		items={apps.map((app) => ({
+			value: app.path,
+			label: app.path === $appPath ? `${app.path} (current app)` : app.path
+		}))}
 		placeholder="Pick an app"
-		inputStyles={SELECT_INPUT_DEFAULT_STYLE.inputStyles}
-		containerStyles={darkMode
-			? SELECT_INPUT_DEFAULT_STYLE.containerStylesDark
-			: SELECT_INPUT_DEFAULT_STYLE.containerStyles}
-		portal={false}
+		disablePortal
 	/>
 	{#if !appPath}
 		<Alert title="Current app not selectable" size="xs" type="warning" collapsible>

package/package/components/wizards/AppPicker.svelte.d.ts

@@ -13,7 +13,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const AppPicker: $$__sveltets_2_IsomorphicComponent<{
     value?: string;
-    selecteValue?: string;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/package/components/wizards/ChartJSWizard.svelte

@@ -5,7 +5,7 @@ import Button from '../common/button/Button.svelte';
 import InputsSpecEditor from '../apps/editor/settingsPanel/InputsSpecEditor.svelte';
 import Popover from '../meltComponents/Popover.svelte';
 const { selectedComponent } = getContext('AppViewerContext');
-export let value = undefined;
+let { value = $bindable(undefined), trigger: trigger_render } = $props();
 const dispatch = createEventDispatcher();
 function removeDataset() {
     dispatch('remove');
@@ -20,10 +20,10 @@ function removeDataset() {
 	}}
 	closeOnOtherPopoverOpen
 >
-	<svelte:fragment slot="trigger">
-		<slot name="trigger" />
-	</svelte:fragment>
-	<svelte:fragment slot="content">
+	{#snippet trigger()}
+		{@render trigger_render?.()}
+	{/snippet}
+	{#snippet content()}
 		{#if value}
 			<div class="flex flex-col w-96 p-4 gap-4 max-h-[70vh] overflow-y-auto">
 				<Label label="Name">
@@ -51,5 +51,5 @@ function removeDataset() {
 				<Button color="red" size="xs" on:click={removeDataset}>Remove dataset</Button>
 			</div>
 		{/if}
-	</svelte:fragment>
+	{/snippet}
 </Popover>

package/package/components/wizards/ChartJSWizard.svelte.d.ts

@@ -1,4 +1,12 @@
 import type { RichConfiguration } from '../apps/types';
+type Dataset = {
+    value: RichConfiguration;
+    name: string;
+};
+interface Props {
+    value?: Dataset | undefined;
+    trigger?: import('svelte').Snippet;
+}
 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,17 +20,10 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ChartJsWizard: $$__sveltets_2_IsomorphicComponent<{
-    value?: {
-        value: RichConfiguration;
-        name: string;
-    } | undefined;
-}, {
+declare const ChartJsWizard: $$__sveltets_2_IsomorphicComponent<Props, {
     remove: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {
-    trigger: {};
-}, {}, string>;
+}, {}, {}, "value">;
 type ChartJsWizard = InstanceType<typeof ChartJsWizard>;
 export default ChartJsWizard;

package/package/components/wizards/DBExplorerWizard.svelte

@@ -9,8 +9,8 @@ import Button from '../common/button/Button.svelte';
 import { twMerge } from 'tailwind-merge';
 import { ColumnIdentity } from '../apps/components/display/dbtable/utils';
 import { offset, flip, shift } from 'svelte-floating-ui/dom';
-export let value;
 import Alert from '../common/alert/Alert.svelte';
+let { value = $bindable(), trigger: trigger_render } = $props();
 const presets = [
     {
         label: 'None',
@@ -65,7 +65,7 @@ const presets = [
         value: 'JSON.stringify(value, null, 2)'
     }
 ];
-let renderCount = 0;
+let renderCount = $state(0);
 function computeWarning(columnMetadata, value) {
     if (columnMetadata?.isnullable === 'NO' && !columnMetadata?.defaultvalue) {
         if ([ColumnIdentity.ByDefault].includes(columnMetadata?.isidentity)) {
@@ -99,7 +99,7 @@ function computeWarning(columnMetadata, value) {
     }
     return null;
 }
-$: warning = computeWarning(value, value);
+let warning = $derived(computeWarning(value, value));
 </script>
 
 <Popover
@@ -111,27 +111,27 @@ $: warning = computeWarning(value, value);
 	contentClasses="max-h-[70vh] overflow-y-auto p-4 flex flex-col gap-4 w-96"
 	closeOnOtherPopoverOpen
 >
-	<svelte:fragment slot="trigger">
-		<slot name="trigger" />
-	</svelte:fragment>
+	{#snippet trigger()}
+		{@render trigger_render?.()}
+	{/snippet}
 
-	<svelte:fragment slot="content">
+	{#snippet content()}
 		{#if value}
 			<Section label="Column settings">
-				<svelte:fragment slot="header">
+				{#snippet header()}
 					<Badge color="blue">
 						{value.field}
 					</Badge>
-				</svelte:fragment>
+				{/snippet}
 				<Label label="Skip for select and update">
-					<svelte:fragment slot="header">
+					{#snippet header()}
 						<Tooltip>
 							By default, all columns are included in the select and update queries. If you want to
 							exclude a column from the select and update queries, you can set this property to
 							true.
 						</Tooltip>
-					</svelte:fragment>
-					<svelte:fragment slot="action">
+					{/snippet}
+					{#snippet action()}
 						<Toggle
 							on:pointerdown={(e) => {
 								e?.stopPropagation()
@@ -140,7 +140,7 @@ $: warning = computeWarning(value, value);
 							size="xs"
 							disabled={value?.isprimarykey}
 						/>
-					</svelte:fragment>
+					{/snippet}
 					{#if value?.isprimarykey}
 						<Alert type="warning" size="xs" title="Primary key" class="my-1">
 							You cannot skip a primary key.
@@ -149,14 +149,14 @@ $: warning = computeWarning(value, value);
 				</Label>
 
 				<Label label="Hide from insert">
-					<svelte:fragment slot="header">
+					{#snippet header()}
 						<Tooltip>
 							By default, all columns are used to generate the submit form. If you want to exclude a
 							column from the submit form, you can set this property to true. If the column is not
 							nullable or doesn't have a default value, a default value will be required.
 						</Tooltip>
-					</svelte:fragment>
-					<svelte:fragment slot="action">
+					{/snippet}
+					{#snippet action()}
 						<Toggle
 							disabled={value?.isidentity === ColumnIdentity.Always}
 							on:pointerdown={(e) => {
@@ -165,7 +165,7 @@ $: warning = computeWarning(value, value);
 							bind:checked={value.hideInsert}
 							size="xs"
 						/>
-					</svelte:fragment>
+					{/snippet}
 				</Label>
 				{#if value?.isidentity === ColumnIdentity.Always}
 					<Alert type="warning" size="xs" title="Identity column" class="my-1">
@@ -197,13 +197,13 @@ $: warning = computeWarning(value, value);
 					/>
 				{/if}
 				<Label label="Default input">
-					<svelte:fragment slot="header">
+					{#snippet header()}
 						<Tooltip>
 							By default, all columns are used to generate the submit form. If you want to exclude a
 							column from the submit form, you can set this property to true. If the column is not
 							nullable or doesn't have a default value, a default value will be required.
 						</Tooltip>
-					</svelte:fragment>
+					{/snippet}
 					{#if value?.datatype}
 						{@const type = value?.datatype}
 
@@ -247,7 +247,7 @@ $: warning = computeWarning(value, value);
 			<Section label="AG Grid configuration">
 				<div
 					class={twMerge('flex flex-col gap-4', value.ignored ? 'opacity-50 cursor-none ' : '')}
-					on:pointerdown={(e) => {
+					onpointerdown={(e) => {
 						if (value?.ignored) {
 							e?.stopPropagation()
 						}
@@ -273,7 +273,7 @@ $: warning = computeWarning(value, value);
 					</Label>
 
 					<Label label="Flex">
-						<svelte:fragment slot="header">
+						{#snippet header()}
 							<Tooltip
 								documentationLink="https://www.ag-grid.com/javascript-data-grid/column-sizing/#column-flex"
 							>
@@ -287,7 +287,7 @@ $: warning = computeWarning(value, value);
 								remaining. The column with flex: 2 has twice the size with flex: 1. So final sizes
 								will be: 150px, 100px, 200px.
 							</Tooltip>
-						</svelte:fragment>
+						{/snippet}
 
 						<input type="range" step="1" bind:value={value.flex} min={1} max={12} />
 						<div class="text-xs">{value.flex}</div>
@@ -305,7 +305,7 @@ $: warning = computeWarning(value, value);
 					</Label>
 
 					<Label label="Value formatter">
-						<svelte:fragment slot="header">
+						{#snippet header()}
 							<Tooltip
 								documentationLink="https://www.ag-grid.com/javascript-data-grid/value-formatters/"
 							>
@@ -313,8 +313,8 @@ $: warning = computeWarning(value, value);
 								one type (e.g. numeric) but needs to be converted for human reading (e.g. putting in
 								currency symbols and number formatting).
 							</Tooltip>
-						</svelte:fragment>
-						<svelte:fragment slot="action">
+						{/snippet}
+						{#snippet action()}
 							<Button
 								size="xs"
 								color="light"
@@ -327,7 +327,7 @@ $: warning = computeWarning(value, value);
 							>
 								Clear
 							</Button>
-						</svelte:fragment>
+						{/snippet}
 					</Label>
 					<div>
 						{#key renderCount}
@@ -341,7 +341,7 @@ $: warning = computeWarning(value, value);
 									<div class="text-xs font-semibold">Presets</div>
 									<select
 										bind:value={value.valueFormatter}
-										on:change={() => {
+										onchange={() => {
 											renderCount++
 										}}
 										placeholder="Code"
@@ -373,5 +373,5 @@ $: warning = computeWarning(value, value);
 				</div>
 			</Section>
 		{/if}
-	</svelte:fragment>
+	{/snippet}
 </Popover>

package/package/components/wizards/DBExplorerWizard.svelte.d.ts

@@ -1,23 +1,8 @@
 import { type ColumnDef } from '../apps/components/display/dbtable/utils';
-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 DbExplorerWizard: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     value: ColumnDef | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    trigger: {};
-}, {}, string>;
-type DbExplorerWizard = InstanceType<typeof DbExplorerWizard>;
+    trigger?: import('svelte').Snippet;
+}
+declare const DbExplorerWizard: import("svelte").Component<Props, {}, "value">;
+type DbExplorerWizard = ReturnType<typeof DbExplorerWizard>;
 export default DbExplorerWizard;

package/package/components/wizards/NavbarWizard.svelte

@@ -7,8 +7,9 @@ import IconSelectInput from '../apps/editor/settingsPanel/inputEditor/IconSelect
 import InputsSpecEditor from '../apps/editor/settingsPanel/InputsSpecEditor.svelte';
 import Alert from '../common/alert/Alert.svelte';
 import OneOfInputSpecsEditor from '../apps/editor/settingsPanel/OneOfInputSpecsEditor.svelte';
-export let value;
+let { value = $bindable(), trigger } = $props();
 const { selectedComponent } = getContext('AppViewerContext');
+const trigger_render = $derived(trigger);
 </script>
 
 <Popover
@@ -20,10 +21,10 @@ const { selectedComponent } = getContext('AppViewerContext');
 	closeButton
 	contentClasses="p-4 max-h-[70vh] overflow-y-auto"
 >
-	<svelte:fragment slot="trigger">
-		<slot name="trigger" />
-	</svelte:fragment>
-	<svelte:fragment slot="content">
+	{#snippet trigger()}
+		{@render trigger_render?.()}
+	{/snippet}
+	{#snippet content()}
 		{#if value}
 			<Section label="Navbar item" class="flex flex-col gap-2 w-80 overflow-y-auto max-h-screen">
 				<InputsSpecEditor
@@ -128,5 +129,5 @@ const { selectedComponent } = getContext('AppViewerContext');
 				</Label>
 			</Section>
 		{/if}
-	</svelte:fragment>
+	{/snippet}
 </Popover>

package/package/components/wizards/NavbarWizard.svelte.d.ts

@@ -1,23 +1,8 @@
 import type { NavbarItem } from '../apps/editor/component';
-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 NavbarWizard: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     value: NavbarItem;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    trigger: {};
-}, {}, string>;
-type NavbarWizard = InstanceType<typeof NavbarWizard>;
+    trigger?: import('svelte').Snippet;
+}
+declare const NavbarWizard: import("svelte").Component<Props, {}, "value">;
+type NavbarWizard = ReturnType<typeof NavbarWizard>;
 export default NavbarWizard;

package/package/components/wizards/PlotlyWizard.svelte

@@ -7,8 +7,8 @@ import Button from '../common/button/Button.svelte';
 import InputsSpecEditor from '../apps/editor/settingsPanel/InputsSpecEditor.svelte';
 import Tooltip from '../Tooltip.svelte';
 const { selectedComponent } = getContext('AppViewerContext');
-let closeOnOutsideClick = true;
-export let value = undefined;
+let closeOnOutsideClick = $state(true);
+let { value = $bindable(undefined), trigger: trigger_render } = $props();
 const dispatch = createEventDispatcher();
 function removeDataset() {
     dispatch('remove');
@@ -23,10 +23,10 @@ function removeDataset() {
 	}}
 	{closeOnOutsideClick}
 >
-	<svelte:fragment slot="trigger">
-		<slot name="trigger" />
-	</svelte:fragment>
-	<svelte:fragment slot="content">
+	{#snippet trigger()}
+		{@render trigger_render?.()}
+	{/snippet}
+	{#snippet content()}
 		{#if value}
 			<div class="flex flex-col w-96 p-4 gap-4 max-h-[70vh] overflow-y-auto">
 				<Label label="Name">
@@ -38,7 +38,7 @@ function removeDataset() {
 						<option value="bar">Bar</option>
 						<option
 							value="scatter"
-							on:click={() => {
+							onclick={() => {
 								if (value && value?.extraOptions === undefined) {
 									value.extraOptions = { mode: 'markers' }
 								}
@@ -60,13 +60,13 @@ function removeDataset() {
 				{/if}
 
 				<Label label="Aggregation method">
-					<svelte:fragment slot="header">
+					{#snippet header()}
 						<Tooltip>
 							A method to aggregate the data. For example, if you have multiple x data points with
 							the same value, you can choose to sum them up or take the mean. If you don't have
 							multiple x data points with the same value, this option will have no effect.
 						</Tooltip>
-					</svelte:fragment>
+					{/snippet}
 					<select bind:value={value.aggregation_method}>
 						<option value="sum">Sum</option>
 						<option value="mean">Mean</option>
@@ -111,5 +111,5 @@ function removeDataset() {
 				<Button color="red" size="xs" on:click={removeDataset}>Remove dataset</Button>
 			</div>
 		{/if}
-	</svelte:fragment>
+	{/snippet}
 </Popover>

package/package/components/wizards/PlotlyWizard.svelte.d.ts

@@ -1,4 +1,19 @@
 import type { RichConfiguration } from '../apps/types';
+type Dataset = {
+    value: RichConfiguration;
+    name: string;
+    aggregation_method: string;
+    tooltip: string;
+    color: string;
+    type: 'bar' | 'scatter';
+    extraOptions?: {
+        mode: 'markers' | 'lines' | 'lines+markers';
+    } | undefined;
+};
+interface Props {
+    value?: Dataset | undefined;
+    trigger?: import('svelte').Snippet;
+}
 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,24 +27,10 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const PlotlyWizard: $$__sveltets_2_IsomorphicComponent<{
-    value?: {
-        value: RichConfiguration;
-        name: string;
-        aggregation_method: string;
-        tooltip: string;
-        color: string;
-        type: "bar" | "scatter";
-        extraOptions?: {
-            mode: "markers" | "lines" | "lines+markers";
-        } | undefined;
-    } | undefined;
-}, {
+declare const PlotlyWizard: $$__sveltets_2_IsomorphicComponent<Props, {
     remove: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {
-    trigger: {};
-}, {}, string>;
+}, {}, {}, "value">;
 type PlotlyWizard = InstanceType<typeof PlotlyWizard>;
 export default PlotlyWizard;

package/package/components/wizards/TableActionsWizard.svelte

@@ -4,9 +4,8 @@ import InputsSpecEditor from '../apps/editor/settingsPanel/InputsSpecEditor.svel
 import { Button } from '../common';
 import Popover from '../meltComponents/Popover.svelte';
 import { offset, flip, shift } from 'svelte-floating-ui/dom';
-export let actionsOrder = undefined;
-export let selectedId = undefined;
-export let components;
+let { actionsOrder = $bindable(undefined), selectedId = undefined, components, trigger } = $props();
+const trigger_render = $derived(trigger);
 </script>
 
 <Popover
@@ -17,15 +16,15 @@ export let components;
 	}}
 	closeButton
 >
-	<svelte:fragment slot="trigger">
-		<slot name="trigger" />
-	</svelte:fragment>
-	<svelte:fragment slot="content">
+	{#snippet trigger()}
+		{@render trigger_render?.()}
+	{/snippet}
+	{#snippet content()}
 		<div class="w-96">
 			<PanelSection
 				title={`Manage actions programmatically`}
 				tooltip="
-		You can manage the order of the actions programmatically: You need to return an array of action ids in the order you want them to appear in the table. You can also hide actions by not including them in the array."
+			You can manage the order of the actions programmatically: You need to return an array of action ids in the order you want them to appear in the table. You can also hide actions by not including them in the array."
 			>
 				<div class="w-full flex gap-2 flex-col mt-2">
 					{#if actionsOrder}
@@ -83,5 +82,5 @@ export let components;
 				</div>
 			</PanelSection>
 		</div>
-	</svelte:fragment>
+	{/snippet}
 </Popover>

package/package/components/wizards/TableActionsWizard.svelte.d.ts

@@ -1,26 +1,11 @@
 import type { BaseAppComponent, RichConfiguration } from '../apps/types';
 import type { ButtonComponent, CheckboxComponent, SelectComponent } from '../apps/editor/component';
-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 TableActionsWizard: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     actionsOrder?: RichConfiguration | undefined;
     selectedId?: string | undefined;
     components: (BaseAppComponent & (ButtonComponent | CheckboxComponent | SelectComponent))[] | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    trigger: {};
-}, {}, string>;
-type TableActionsWizard = InstanceType<typeof TableActionsWizard>;
+    trigger?: import('svelte').Snippet;
+}
+declare const TableActionsWizard: import("svelte").Component<Props, {}, "actionsOrder">;
+type TableActionsWizard = ReturnType<typeof TableActionsWizard>;
 export default TableActionsWizard;