windmill-components 1.52.0 → 1.55.0

package/components/apps/editor/settingsPanel/mainInput/WorkspaceScriptList.svelte

@@ -0,0 +1,81 @@
+<script>import { createEventDispatcher, onMount } from 'svelte';
+import SearchItems from '../../../../SearchItems.svelte';
+import NoItemFound from '../../../../home/NoItemFound.svelte';
+import RowIcon from '../../../../common/table/RowIcon.svelte';
+import { Script, ScriptService } from '../../../../../gen';
+import { workspaceStore } from '../../../../../stores';
+import { emptyString } from '../../../../../utils';
+import { Skeleton } from '../../../../common';
+export let filter = '';
+let scripts = undefined;
+let loading = false;
+let filteredItems = [];
+$: prefilteredItems = scripts ?? [];
+const dispatch = createEventDispatcher();
+async function loadScripts() {
+    const loadedScripts = await ScriptService.listScripts({
+        workspace: $workspaceStore,
+        perPage: 300
+    });
+    scripts = loadedScripts;
+    loading = false;
+}
+onMount(() => {
+    loading = true;
+    loadScripts();
+});
+</script>
+
+<SearchItems
+	{filter}
+	items={prefilteredItems}
+	bind:filteredItems
+	f={(x) => (emptyString(x.summary) ? x.path : x.summary + ' (' + x.path + ')')}
+/>
+<div class="w-full flex mt-1 items-center gap-2">
+	<slot />
+	<input
+		type="text"
+		placeholder="Search workspace scripts"
+		bind:value={filter}
+		class="text-2xl grow mb-4"
+	/>
+</div>
+
+{#if scripts}
+	{#if filteredItems.length == 0}
+		<NoItemFound />
+	{:else}
+		<ul class="divide-y divide-gray-200 border rounded-md">
+			{#each filteredItems as item (item)}
+				<li class="flex flex-row w-full">
+					<button
+						class="p-4 gap-4 flex flex-row grow justify-between hover:bg-gray-50 bg-white transition-all items-center rounded-md"
+						on:click={() => dispatch('pick', item.path)}
+					>
+						<div class="flex items-center gap-4">
+							<RowIcon kind="script" />
+
+							<div class="w-full text-left font-normal ">
+								<div class="text-gray-900 flex-wrap text-md font-semibold mb-1">
+									{#if item.marked}
+										{@html item.marked ?? ''}
+									{:else}
+										{!item.summary || item.summary.length == 0 ? item.path : item.summary}
+									{/if}
+								</div>
+								<div class="text-gray-600 text-xs ">
+									{item.path}
+								</div>
+							</div>
+						</div>
+					</button>
+				</li>
+			{/each}
+		</ul>
+	{/if}
+{:else}
+	{#each Array(10).fill(0) as _}
+		<Skeleton layout={[[4], 0.5]} />
+	{/each}
+{/if}

package/components/apps/editor/settingsPanel/mainInput/WorkspaceScriptList.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        filter?: string | undefined;
+    };
+    events: {
+        pick: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type WorkspaceScriptListProps = typeof __propDef.props;
+export type WorkspaceScriptListEvents = typeof __propDef.events;
+export type WorkspaceScriptListSlots = typeof __propDef.slots;
+export default class WorkspaceScriptList extends SvelteComponentTyped<WorkspaceScriptListProps, WorkspaceScriptListEvents, WorkspaceScriptListSlots> {
+}
+export {};

package/components/apps/inputType.d.ts

@@ -0,0 +1,62 @@
+import type { staticValues } from './editor/componentsPanel/componentStaticValues';
+export type InputType = 'text' | 'textarea' | 'number' | 'boolean' | 'select' | 'date' | 'time' | 'datetime' | 'object' | 'array';
+export type InputConnection = {
+    componentId: string;
+    path: string;
+};
+export type ConnectedInput = {
+    type: 'connected';
+    connection: InputConnection | undefined;
+};
+export type UserInput<U> = {
+    type: 'user';
+    value: U | undefined;
+};
+export type StaticInput<U> = {
+    value: U | undefined;
+    type: 'static';
+    visible?: boolean | undefined;
+};
+type RunnableByPath = {
+    path: string;
+    runType: 'script' | 'flow' | 'hubscript';
+    type: 'runnableByPath';
+};
+type RunnableByName = {
+    inlineScriptName: string;
+    type: 'runnableByName';
+};
+export type Runnable = RunnableByPath | RunnableByName | undefined;
+export type ResultInput = {
+    runnable: Runnable;
+    fields: Record<string, StaticAppInput | ConnectedAppInput>;
+    type: 'runnable';
+};
+type AppInputSpec<T extends InputType, U, V extends InputType = never> = (StaticInput<U> | ConnectedInput | UserInput<U> | ResultInput) & InputConfiguration<T, U, V>;
+type InputConfiguration<T extends InputType, U, V extends InputType> = {
+    fieldType: T;
+    defaultValue: U;
+    subFieldType?: V;
+};
+export type AppInput = AppInputSpec<'text', string> | AppInputSpec<'textarea', string> | AppInputSpec<'number', number> | AppInputSpec<'boolean', boolean> | AppInputSpec<'date', string> | AppInputSpec<'time', string> | AppInputSpec<'datetime', string> | AppInputSpec<'object', Record<string | number, any>> | (AppInputSpec<'select', string> & {
+    /**
+     * One of the keys of `staticValues` from `lib/components/apps/editor/componentsPanel/componentStaticValues`
+     */
+    optionValuesKey: keyof typeof staticValues;
+}) | AppInputSpec<'array', string[], 'text'> | AppInputSpec<'array', string[], 'textarea'> | AppInputSpec<'array', number[], 'number'> | AppInputSpec<'array', boolean[], 'boolean'> | AppInputSpec<'array', string[], 'date'> | AppInputSpec<'array', string[], 'time'> | AppInputSpec<'array', string[], 'datetime'> | AppInputSpec<'array', object[], 'object'> | (AppInputSpec<'array', string[], 'select'> & {
+    optionValuesKey: keyof typeof staticValues;
+});
+export type StaticAppInput = Extract<AppInput, {
+    type: 'static';
+}>;
+export type ConnectedAppInput = Extract<AppInput, {
+    type: 'connected';
+}>;
+export type UserAppInput = Extract<AppInput, {
+    type: 'user';
+}>;
+export type ResultAppInput = Extract<AppInput, {
+    type: 'runnable';
+}>;
+export type AppInputs = Record<string, AppInput>;
+export {};

package/components/apps/inputType.js

@@ -0,0 +1 @@
+export {};

package/components/apps/rx.d.ts

@@ -1,4 +1,4 @@
-import type { AppInputTransform } from './types';
+import type { AppInput } from './inputType';
 export interface Subscriber<T> {
     next(v: T): any;
 }
@@ -13,14 +13,14 @@ export interface Input<T> extends Subscriber<T> {
 }
 export type World = {
     outputsById: Record<string, Record<string, Output<any>>>;
-    connect: <T>(inputSpec: AppInputTransform, next: (x: T) => void) => Input<T>;
+    connect: <T>(inputSpec: AppInput, next: (x: T) => void) => Input<T>;
 };
 export declare function buildWorld(components: Record<string, string[]>): {
     outputsById: Record<string, Record<string, Output<any>>>;
-    connect: <T>(inputSpec: AppInputTransform, next: (x: T) => void) => Input<T>;
+    connect: <T>(inputSpec: AppInput, next: (x: T) => void) => Input<T>;
 };
 export declare function buildObservableWorld(): {
-    connect: <T>(inputSpec: AppInputTransform, next: (x: T) => void) => Input<T>;
+    connect: <T>(inputSpec: AppInput, next: (x: T) => void) => Input<T>;
     newOutput: <T_1>(id: string, name: string) => Output<T_1>;
 };
 export declare function cachedInput<T>(nextParan: (x: T) => void): Input<T>;

package/components/apps/rx.js

@@ -18,12 +18,20 @@ export function buildObservableWorld() {
                 next: () => { }
             };
         }
-        else if (inputSpec.type === 'output') {
+        else if (inputSpec.type === 'connected') {
             const input = cachedInput(next);
-            const [name] = inputSpec.name ? inputSpec.name.split('.') : [undefined];
-            let obs = observables[`${inputSpec.id}.${name}`];
+            const connection = inputSpec.connection;
+            if (!connection) {
+                return {
+                    peak: () => undefined,
+                    next: () => { }
+                };
+            }
+            const { componentId, path } = connection;
+            const [p] = path ? path.split('.') : [undefined];
+            let obs = observables[`${componentId}.${p}`];
             if (!obs) {
-                console.warn('Observable at ' + inputSpec.id + '.' + name + ' not found');
+                console.warn('Observable at ' + componentId + '.' + p + ' not found');
                 return {
                     peak: () => undefined,
                     next: () => { }
@@ -72,6 +80,10 @@ export function settableOutput() {
     function subscribe(x) {
         if (!subscribers.includes(x)) {
             subscribers.push(x);
+            // Send the current value to the new subscriber if it already exists
+            if (value !== undefined) {
+                x.next(value);
+            }
         }
     }
     function set(x, force = false) {

package/components/apps/types.d.ts

@@ -2,52 +2,24 @@ import type { Schema } from '../../common';
 import type { Preview } from '../../gen';
 import type { FilledItem } from 'svelte-grid';
 import type { Writable } from 'svelte/store';
-import type { staticValues } from './editor/componentsPanel/componentStaticValues';
+import type { AppInput, ConnectedAppInput, ConnectedInput, StaticAppInput, UserAppInput } from './inputType';
 import type { World } from './rx';
-export type UserInput<T, V> = {
-    type: 'user';
-    value: V | undefined;
-    defaultValue: V;
-    fieldType: T;
-};
-export type DynamicInput<T, V> = {
-    type: 'output';
-    id: FieldID | undefined;
-    name: string | undefined;
-    defaultValue: V;
-    fieldType: T;
-};
-export type InputType = 'text' | 'textarea' | 'number' | 'boolean' | 'select' | 'date' | 'time' | 'datetime' | 'object';
-export type StaticInput<T, V> = {
-    value: V | undefined;
-    type: 'static';
-    visible?: boolean;
-    defaultValue: V;
-    fieldType: T;
-};
-type AppInput<T extends InputType, V> = StaticInput<T, V> | DynamicInput<T, V> | UserInput<T, V>;
-export type AppInputTransform = AppInput<'text', string> | AppInput<'textarea', string> | AppInput<'number', number> | AppInput<'boolean', boolean> | (AppInput<'select', string> & {
-    /**
-     * One of the keys of `staticValues` from `lib/components/apps/editor/componentsPanel/componentStaticValues`
-     */
-    optionValuesKey: keyof typeof staticValues;
-}) | AppInput<'date', string> | AppInput<'time', string> | AppInput<'datetime', string> | AppInput<'object', Record<string | number, any>>;
-export type InputsSpec = Record<FieldID, AppInputTransform>;
-type Runnable = {
-    inlineScriptName?: string;
-    path?: string;
-    runType?: 'script' | 'flow';
-};
 type BaseComponent<T extends string> = {
     type: T;
 };
 export type TextComponent = BaseComponent<'textcomponent'>;
 export type TextInputComponent = BaseComponent<'textinputcomponent'>;
-export type ButtonComponent = Runnable & BaseComponent<'buttoncomponent'>;
-export type RunFormComponent = Runnable & BaseComponent<'runformcomponent'>;
+export type NumberInputComponent = BaseComponent<'numberinputcomponent'>;
+export type ButtonComponent = BaseComponent<'buttoncomponent'> & {
+    recomputeIds: string[] | undefined;
+};
+export type FormComponent = BaseComponent<'formcomponent'> & {
+    recomputeIds: string[] | undefined;
+};
+export type RunFormComponent = BaseComponent<'runformcomponent'>;
 export type BarChartComponent = BaseComponent<'barchartcomponent'>;
-export type PieChartComponent = Runnable & BaseComponent<'piechartcomponent'>;
-export type TableComponent = Runnable & BaseComponent<'tablecomponent'> & {
+export type PieChartComponent = BaseComponent<'piechartcomponent'>;
+export type TableComponent = BaseComponent<'tablecomponent'> & {
     actionButtons: (BaseAppComponent & ButtonComponent)[];
 };
 export type DisplayComponent = BaseComponent<'displaycomponent'>;
@@ -64,12 +36,11 @@ export type Aligned = {
 };
 export interface BaseAppComponent extends Partial<Aligned> {
     id: ComponentID;
-    inputs: InputsSpec;
-    componentInputs: InputsSpec;
-    runnable?: boolean | undefined;
-    card?: boolean | undefined;
+    componentInput: AppInput | undefined;
+    configuration: Record<string, StaticAppInput | ConnectedAppInput | UserAppInput>;
+    card: boolean | undefined;
 }
-export type AppComponent = BaseAppComponent & (RunFormComponent | DisplayComponent | TextInputComponent | BarChartComponent | TableComponent | TextComponent | TableComponent | ButtonComponent | PieChartComponent | ImageComponent | InputComponent | SelectComponent | CheckboxComponent | RadioComponent);
+export type AppComponent = BaseAppComponent & (RunFormComponent | DisplayComponent | TextInputComponent | NumberInputComponent | BarChartComponent | TableComponent | TextComponent | TableComponent | ButtonComponent | PieChartComponent | ImageComponent | InputComponent | SelectComponent | CheckboxComponent | RadioComponent | FormComponent);
 export type ComponentSet = {
     title: string;
     components: AppComponent[];
@@ -94,9 +65,10 @@ export type App = {
     inlineScripts: Record<string, InlineScript>;
     title: string;
 };
-export type ConnectingInput<T, V> = {
+export type ConnectingInput = {
     opened: boolean;
-    input?: DynamicInput<T, V>;
+    input?: ConnectedInput;
+    sourceName?: string;
 };
 export type AppEditorContext = {
     worldStore: Writable<World | undefined>;
@@ -104,17 +76,11 @@ export type AppEditorContext = {
     app: Writable<App>;
     selectedComponent: Writable<string | undefined>;
     mode: Writable<EditorMode>;
-    connectingInput: Writable<ConnectingInput<any, any>>;
+    connectingInput: Writable<ConnectingInput>;
     breakpoint: Writable<EditorBreakpoint>;
+    runnableComponents: Writable<Record<string, () => void>>;
 };
 export type EditorMode = 'dnd' | 'preview';
 export type EditorBreakpoint = 'sm' | 'lg';
-type FieldID = string;
 type ComponentID = string;
-export type EditorConfig = {
-    staticInputDisabled: boolean;
-    outputInputDisabled: boolean;
-    userInputEnabled: boolean;
-    visibiltyEnabled: boolean;
-};
 export {};

package/components/apps/utils.d.ts

@@ -1,36 +1,13 @@
-import type { InputsSpec, InputType } from './types';
+/// <reference types="node" />
 import type { Schema } from '../../common';
-export declare function loadSchema(workspace: string, path: string, runType: 'script' | 'flow'): Promise<Schema>;
-export declare function schemaToInputsSpec(schema: Schema): InputsSpec;
-export declare const displayData: {
-    displaycomponent: {
-        name: string;
-        icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    };
-    textcomponent: {
-        name: string;
-        icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    };
-    buttoncomponent: {
-        name: string;
-        icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    };
-    piechartcomponent: {
-        name: string;
-        icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    };
-    barchartcomponent: {
-        name: string;
-        icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    };
-    tablecomponent: {
-        name: string;
-        icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    };
-    checkboxcomponent: {
-        name: string;
-        icon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    };
-};
+import type { InputType } from 'zlib';
+import type { AppInputs } from './inputType';
+import type { AppComponent } from './types';
+export declare function loadSchema(workspace: string, path: string, runType: 'script' | 'flow' | 'hubscript'): Promise<Schema>;
+export declare function schemaToInputsSpec(schema: Schema): AppInputs;
+export declare const displayData: Record<AppComponent['type'], {
+    name: string;
+    icon: any;
+}>;
 export declare function accessPropertyByPath<T>(object: T, path: string): T | undefined;
-export declare function fieldTypeToTsType(InputType: InputType): string;
+export declare function fieldTypeToTsType(inputType: InputType): string;

package/components/apps/utils.js

@@ -1,5 +1,5 @@
 import { FlowService, ScriptService } from '../../gen';
-import { faBarChart, faDisplay, faFile, faMobileScreenButton, faPieChart } from '@fortawesome/free-solid-svg-icons';
+import { BarChart4, Binary, BoxSelect, CircleDot, FormInput, Inspect, List, Monitor, PieChart, Play, Table2, TextCursorInput, Type, FolderInput } from 'lucide-svelte';
 export async function loadSchema(workspace, path, runType) {
     if (runType === 'script') {
         const script = await ScriptService.getScriptByPath({
@@ -8,13 +8,20 @@ export async function loadSchema(workspace, path, runType) {
         });
         return script.schema;
     }
-    else {
+    else if (runType === 'flow') {
         const flow = await FlowService.getFlowByPath({
             workspace,
             path
         });
         return flow.schema;
     }
+    else {
+        const script = await ScriptService.getHubScriptByPath({
+            path
+        });
+        debugger;
+        return script.schema;
+    }
 }
 export function schemaToInputsSpec(schema) {
     return Object.keys(schema.properties).reduce((accu, key) => {
@@ -32,31 +39,63 @@ export function schemaToInputsSpec(schema) {
 export const displayData = {
     displaycomponent: {
         name: 'Result',
-        icon: faDisplay
+        icon: Monitor
     },
     textcomponent: {
         name: 'Text',
-        icon: faFile
+        icon: Type
     },
     buttoncomponent: {
         name: 'Button',
-        icon: faMobileScreenButton
+        icon: Inspect
+    },
+    formcomponent: {
+        name: 'Form',
+        icon: FolderInput
     },
     piechartcomponent: {
         name: 'Pie chart',
-        icon: faPieChart
+        icon: PieChart
     },
     barchartcomponent: {
         name: 'Bar chart',
-        icon: faBarChart
+        icon: BarChart4
     },
     tablecomponent: {
         name: 'Table',
-        icon: faBarChart
+        icon: Table2
     },
     checkboxcomponent: {
         name: 'Checkbox',
-        icon: faBarChart
+        icon: BoxSelect
+    },
+    textinputcomponent: {
+        name: 'Text input',
+        icon: TextCursorInput
+    },
+    imagecomponent: {
+        name: 'Image',
+        icon: Image
+    },
+    inputcomponent: {
+        name: 'Input',
+        icon: FormInput
+    },
+    radiocomponent: {
+        name: 'Radio button',
+        icon: CircleDot
+    },
+    runformcomponent: {
+        name: 'Run form',
+        icon: Play
+    },
+    selectcomponent: {
+        name: 'Select',
+        icon: List
+    },
+    numberinputcomponent: {
+        name: 'Number input',
+        icon: Binary
     }
 };
 export function accessPropertyByPath(object, path) {
@@ -77,20 +116,17 @@ export function accessPropertyByPath(object, path) {
     }
     return object;
 }
-export function fieldTypeToTsType(InputType) {
-    switch (InputType) {
-        case 'text':
-        case 'textarea':
-        case 'date':
-        case 'time':
-        case 'datetime':
-        case 'select':
-            return 'string';
+export function fieldTypeToTsType(inputType) {
+    switch (inputType) {
         case 'number':
             return 'number';
         case 'boolean':
             return 'boolean';
         case 'object':
             return 'object';
+        case 'array':
+            return 'array';
+        default:
+            return 'string';
     }
 }

package/components/common/alert/Alert.svelte

@@ -3,6 +3,7 @@ import { faCheckCircle, faInfoCircle, faWarning } from '@fortawesome/free-solid-
 import Icon from 'svelte-awesome';
 export let type = 'info';
 export let title;
+export let notRounded = false;
 export let size = 'sm';
 const icons = {
     info: faInfoCircle,
@@ -40,7 +41,7 @@ const classes = {
 
 <div
 	class={classNames(
-		'rounded-md',
+		notRounded ? '' : 'rounded-md',
 		size === 'sm' ? 'p-4' : 'p-2 ',
 		classes[type].bgClass,
 		$$props.class

package/components/common/alert/Alert.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         [x: string]: any;
         type?: AlertType | undefined;
         title: string;
+        notRounded?: boolean | undefined;
         size?: "xs" | "sm" | undefined;
     };
     events: {

package/components/common/button/Button.svelte

@@ -3,7 +3,7 @@ import { classNames } from '../../../utils';
 import Icon from 'svelte-awesome';
 import { ButtonType } from './model';
 import { goto } from '$app/navigation';
-import { faArrowsRotate, faSpinner } from '@fortawesome/free-solid-svg-icons';
+import { faSpinner } from '@fortawesome/free-solid-svg-icons';
 export let size = 'md';
 export let spacingSize = size;
 export let color = 'blue';

package/components/common/confirmationModal/UnsavedConfirmationModal.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
-    props: {};
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/components/common/drawer/DrawerContent.svelte

@@ -1,6 +1,7 @@
-<script>import { faClose } from '@fortawesome/free-solid-svg-icons';
+<script>import { classNames } from '../../../utils';
+import { faClose } from '@fortawesome/free-solid-svg-icons';
 import { createEventDispatcher } from 'svelte';
-import Icon from 'svelte-awesome';
+import { Icon } from 'svelte-awesome';
 import Button from '../button/Button.svelte';
 export let title = undefined;
 export let overflow_y = true;
@@ -10,30 +11,30 @@ const dispatch = createEventDispatcher();
 </script>
 
 <div class="flex flex-col divide-y h-screen max-h-screen">
-	<div class="flex justify-between items-center gap-x-2">
-		<Button
-			btnClasses="m-1"
-			variant="border"
-			size="lg"
-			color="dark"
-			on:click={() => {
-				dispatch('close')
-			}}
-		>
-			<Icon data={faClose} />
-		</Button>
-		<span class="font-bold truncate">{title}</span>
-		<div class="flex flex-row m-1">
-			{#if $$slots.submission}
-				<slot name="submission" class="sticky" />
-			{/if}
+	<div class="flex justify-between w-wull items-center px-2 py-2 ">
+		<div class="flex items-center gap-2">
+			<button
+				on:click={() => dispatch('close')}
+				class="hover:bg-gray-200 bg-gray-100 rounded-full w-8 h-8 flex items-center justify-center transition-all"
+			>
+				<Icon data={faClose} class="text-gray-500" />
+			</button>
+
+			<span class="font-semibold truncate text-gray-800">{title}</span>
 		</div>
+		{#if $$slots.actions}
+			<div class="flex gap-1 items-center justify-end">
+				<slot name="actions" />
+			</div>
+		{/if}
 	</div>
 
 	<div
-		class="{noPadding ? '' : 'py-2 px-6'} grow h-full max-h-full {forceOverflowVisible
-			? '!overflow-visible'
-			: ''}"
+		class={classNames(
+			noPadding ? '' : 'p-4',
+			'grow h-full max-h-full',
+			forceOverflowVisible ? '!overflow-visible' : ''
+		)}
 		class:overflow-y-auto={overflow_y}
 	>
 		<slot />

package/components/common/drawer/DrawerContent.svelte.d.ts

@@ -12,9 +12,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
-        submission: {
-            class: string;
-        };
+        actions: {};
         default: {};
     };
 };

package/components/common/kbd/Kbd.svelte.d.ts

@@ -2,7 +2,7 @@
 /** @typedef {typeof __propDef.events}  KbdEvents */
 /** @typedef {typeof __propDef.slots}  KbdSlots */
 export default class Kbd extends SvelteComponentTyped<{
-    [x: string]: any;
+    [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {
@@ -15,7 +15,7 @@ export type KbdSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        [x: string]: any;
+        [x: string]: never;
     };
     events: {
         [evt: string]: CustomEvent<any>;