windmill-components 1.77.0 → 1.79.0

package/components/TemplateEditor.svelte.d.ts

@@ -1,205 +1 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        conf?: {
-            wordPattern: RegExp;
-            comments: {
-                lineComment: string;
-                blockComment: [string, string];
-            };
-            brackets: [string, string][];
-            onEnterRules: never[];
-            autoClosingPairs: ({
-                open: string;
-                close: string;
-                notIn?: undefined;
-            } | {
-                open: string;
-                close: string;
-                notIn: string[];
-            })[];
-            folding: {
-                markers: {
-                    start: RegExp;
-                    end: RegExp;
-                };
-            };
-        } | undefined;
-        language?: {
-            defaultToken: string;
-            tokenPostfix: string;
-            keywords: string[];
-            operators: string[];
-            symbols: RegExp;
-            escapes: RegExp;
-            digits: RegExp;
-            octaldigits: RegExp;
-            binarydigits: RegExp;
-            hexdigits: RegExp;
-            regexpctl: RegExp;
-            regexpesc: RegExp;
-            tokenizer: {
-                root: ((string | RegExp)[] | (RegExp | {
-                    token: string;
-                    next: string;
-                })[])[];
-                common: ((string | RegExp)[] | (RegExp | {
-                    cases: {
-                        '@keywords': string;
-                        '@default': string;
-                    };
-                })[] | {
-                    include: string;
-                } | (RegExp | {
-                    token: string;
-                    bracket: string;
-                    next: string;
-                })[] | (RegExp | {
-                    cases: {
-                        '@operators': string;
-                        '@default': string;
-                    };
-                })[])[];
-                whitespace: (string | RegExp)[][];
-                comment: (string | RegExp)[][];
-                jsdoc: (string | RegExp)[][];
-                regexp: ((string | RegExp)[] | (RegExp | (string | {
-                    token: string;
-                    next: string;
-                })[])[] | (RegExp | (string | {
-                    token: string;
-                    bracket: string;
-                    next: string;
-                })[])[])[];
-                regexrange: ((string | RegExp)[] | (RegExp | {
-                    token: string;
-                    next: string;
-                    bracket: string;
-                })[])[];
-                string_double: (string | RegExp)[][];
-                string_single: (string | RegExp)[][];
-                string_backtick: ((string | RegExp)[] | (RegExp | {
-                    token: string;
-                    next: string;
-                })[])[];
-                bracketCounting: ((string | RegExp)[] | {
-                    include: string;
-                })[];
-            };
-        } | undefined;
-        code?: string | undefined;
-        hash?: string | undefined;
-        automaticLayout?: boolean | undefined;
-        extraLib?: string | undefined;
-        autoHeight?: boolean | undefined;
-        fixedOverflowWidgets?: boolean | undefined;
-        fontSize?: number | undefined;
-        insertAtCursor?: ((code: string) => void) | undefined;
-        setCode?: ((ncode: string) => void) | undefined;
-        getCode?: (() => string) | undefined;
-    };
-    events: {
-        change: CustomEvent<any>;
-        focus: CustomEvent<any>;
-        blur: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type TemplateEditorProps = typeof __propDef.props;
-export type TemplateEditorEvents = typeof __propDef.events;
-export type TemplateEditorSlots = typeof __propDef.slots;
-export default class TemplateEditor extends SvelteComponentTyped<TemplateEditorProps, TemplateEditorEvents, TemplateEditorSlots> {
-    get conf(): {
-        wordPattern: RegExp;
-        comments: {
-            lineComment: string;
-            blockComment: [string, string];
-        };
-        brackets: [string, string][];
-        onEnterRules: never[];
-        autoClosingPairs: ({
-            open: string;
-            close: string;
-            notIn?: undefined;
-        } | {
-            open: string;
-            close: string;
-            notIn: string[];
-        })[];
-        folding: {
-            markers: {
-                start: RegExp;
-                end: RegExp;
-            };
-        };
-    };
-    get language(): {
-        defaultToken: string;
-        tokenPostfix: string;
-        keywords: string[];
-        operators: string[];
-        symbols: RegExp;
-        escapes: RegExp;
-        digits: RegExp;
-        octaldigits: RegExp;
-        binarydigits: RegExp;
-        hexdigits: RegExp;
-        regexpctl: RegExp;
-        regexpesc: RegExp;
-        tokenizer: {
-            root: ((string | RegExp)[] | (RegExp | {
-                token: string;
-                next: string;
-            })[])[];
-            common: ((string | RegExp)[] | (RegExp | {
-                cases: {
-                    '@keywords': string;
-                    '@default': string;
-                };
-            })[] | {
-                include: string;
-            } | (RegExp | {
-                token: string;
-                bracket: string;
-                next: string;
-            })[] | (RegExp | {
-                cases: {
-                    '@operators': string;
-                    '@default': string;
-                };
-            })[])[];
-            whitespace: (string | RegExp)[][];
-            comment: (string | RegExp)[][];
-            jsdoc: (string | RegExp)[][];
-            regexp: ((string | RegExp)[] | (RegExp | (string | {
-                token: string;
-                next: string;
-            })[])[] | (RegExp | (string | {
-                token: string;
-                bracket: string;
-                next: string;
-            })[])[])[];
-            regexrange: ((string | RegExp)[] | (RegExp | {
-                token: string;
-                next: string;
-                bracket: string;
-            })[])[];
-            string_double: (string | RegExp)[][];
-            string_single: (string | RegExp)[][];
-            string_backtick: ((string | RegExp)[] | (RegExp | {
-                token: string;
-                next: string;
-            })[])[];
-            bracketCounting: ((string | RegExp)[] | {
-                include: string;
-            })[];
-        };
-    };
-    get insertAtCursor(): (code: string) => void;
-    get setCode(): (ncode: string) => void;
-    get getCode(): () => string;
-}
 export {};

package/components/VariableEditor.svelte

@@ -46,7 +46,8 @@ export async function editVariable(edit_path) {
         decryptSecret: false
     });
     can_write =
-        getV.workspace_id == $workspaceStore && canWrite(path, getV.extra_perms ?? {}, $userStore);
+        getV.workspace_id == $workspaceStore &&
+            canWrite(edit_path, getV.extra_perms ?? {}, $userStore);
     variable = {
         value: getV.value ?? '',
         is_secret: getV.is_secret,

package/components/apps/components/buttons/AppButton.svelte

@@ -6,6 +6,8 @@ import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
 import { loadIcon } from '../icon';
 import { twMerge } from 'tailwind-merge';
 import { goto } from '$app/navigation';
+import { initOutput } from '../../editor/appUtils';
+import { configurationKeys } from '../../editor/component';
 export let id;
 export let componentInput;
 export let configuration;
@@ -18,37 +20,44 @@ export let preclickAction = undefined;
 export let customCss = undefined;
 export let render;
 export let initializing = true;
-export const staticOutputs = ['loading', 'result'];
-const { worldStore, app } = getContext('AppViewerContext');
-let labelValue;
-let color;
-let size;
+export let controls = undefined;
+const { worldStore, app, componentControl } = getContext('AppViewerContext');
+if (controls) {
+    $componentControl[id] = controls;
+}
 let runnableComponent;
-let disabled = undefined;
-let fillContainer = undefined;
-let gotoUrl = undefined;
-let gotoNewTab = undefined;
+// let labelValue: string
+// let color: ButtonType.Color
+// let size: ButtonType.Size
+// let disabled: boolean | undefined = undefined
+// let fillContainer: boolean | undefined = undefined
+// let gotoUrl: string | undefined = undefined
+// let gotoNewTab: boolean | undefined = undefined
 let isLoading = false;
 let ownClick = false;
-let triggerOnAppLoad = false;
-let beforeIcon = undefined;
-let afterIcon = undefined;
+// let beforeIcon: undefined | string = undefined
+// let afterIcon: undefined | string = undefined
+let resolvedConfig = {};
+$: initializing = resolvedConfig?.label == undefined;
 let beforeIconComponent;
 let afterIconComponent;
-$: beforeIcon && handleBeforeIcon();
-$: afterIcon && handleAfterIcon();
+$: resolvedConfig.beforeIcon && handleBeforeIcon();
+$: resolvedConfig.afterIcon && handleAfterIcon();
 async function handleBeforeIcon() {
-    if (beforeIcon) {
-        beforeIconComponent = await loadIcon(beforeIcon);
+    if (resolvedConfig.beforeIcon) {
+        beforeIconComponent = await loadIcon(resolvedConfig.beforeIcon);
     }
 }
 async function handleAfterIcon() {
-    if (afterIcon) {
-        afterIconComponent = await loadIcon(afterIcon);
+    if (resolvedConfig.afterIcon) {
+        afterIconComponent = await loadIcon(resolvedConfig.afterIcon);
     }
 }
-$: outputs = $worldStore?.outputsById[id];
-$: triggerOnAppLoad && runnableComponent?.runComponent();
+let outputs = initOutput($worldStore, id, {
+    result: undefined,
+    loading: false
+});
+$: resolvedConfig.triggerOnAppLoad && runnableComponent?.runComponent();
 $: if (outputs?.loading != undefined) {
     outputs.loading.set(false, true);
 }
@@ -74,12 +83,12 @@ async function handleClick(event) {
     }
     ownClick = true;
     if (!runnableComponent) {
-        if (gotoUrl) {
-            if (gotoNewTab) {
-                window.open(gotoUrl, '_blank');
+        if (resolvedConfig.gotoUrl) {
+            if (resolvedConfig.gotoNewTab) {
+                window.open(resolvedConfig.gotoUrl, '_blank');
             }
             else {
-                goto(gotoUrl);
+                goto(resolvedConfig.gotoUrl);
             }
         }
     }
@@ -89,39 +98,19 @@ async function handleClick(event) {
 }
 </script>
 
-<InputValue
-	on:done={() => initializing && (initializing = false)}
-	{id}
-	input={configuration.label}
-	bind:value={labelValue}
-/>
-<InputValue {id} input={configuration.goto} bind:value={gotoUrl} />
-<InputValue {id} input={configuration.color} bind:value={color} />
-<InputValue {id} input={configuration.size} bind:value={size} />
-<InputValue {id} input={configuration.beforeIcon} bind:value={beforeIcon} />
-<InputValue {id} input={configuration.afterIcon} bind:value={afterIcon} />
-<InputValue {id} input={configuration.triggerOnAppLoad} bind:value={triggerOnAppLoad} />
-
-<InputValue
-	{id}
-	input={configuration.disabled}
-	extraContext={extraQueryParams}
-	bind:value={disabled}
-	bind:error={errors.disabled}
-/>
-<InputValue {id} input={configuration.fillContainer} bind:value={fillContainer} />
-<InputValue {id} input={configuration.gotoNewTab} bind:value={gotoNewTab} />
+{#each configurationKeys['buttoncomponent'] as key (key)}
+	<InputValue {key} {id} input={configuration[key]} bind:value={resolvedConfig[key]} />
+{/each}
 
 <RunnableWrapper
-	flexWrap
 	{recomputeIds}
 	bind:runnableComponent
 	{componentInput}
 	{id}
 	{extraQueryParams}
 	autoRefresh={false}
-	goto={gotoUrl}
-	{gotoNewTab}
+	goto={resolvedConfig.gotoUrl}
+	gotoNewTab={resolvedConfig.gotoNewTab}
 	{render}
 >
 	<AlignWrapper {noWFull} {horizontalAlignment} {verticalAlignment}>
@@ -132,25 +121,25 @@ async function handleClick(event) {
 			btnClasses={twMerge(
 				$app.css?.['buttoncomponent']?.['button']?.class,
 				customCss?.button.class,
-				fillContainer ? 'w-full h-full' : ''
+				resolvedConfig.fillContainer ? 'w-full h-full' : ''
 			)}
 			style={[$app.css?.['buttoncomponent']?.['button']?.style, customCss?.button.style].join(';')}
-			{disabled}
+			disabled={resolvedConfig.disabled}
 			on:pointerdown={(e) => {
 				e?.stopPropagation()
 				window.dispatchEvent(new Event('pointerup'))
 			}}
 			on:click={handleClick}
-			{size}
-			{color}
+			size={resolvedConfig.size}
+			color={resolvedConfig.color}
 			{loading}
 		>
 			<span class="truncate inline-flex gap-2 items-center">
-				{#if beforeIcon && beforeIconComponent}
+				{#if resolvedConfig.beforeIcon && beforeIconComponent}
 					<svelte:component this={beforeIconComponent} size={14} />
 				{/if}
-				<div>{labelValue}</div>
-				{#if afterIcon && afterIconComponent}
+				<div>{resolvedConfig.label}</div>
+				{#if resolvedConfig.afterIcon && afterIconComponent}
 					<svelte:component this={afterIconComponent} size={14} />
 				{/if}
 			</span>

package/components/apps/components/buttons/AppButton.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
 import type { AppInput } from '../../inputType';
-import type { ComponentCustomCSS } from '../../types';
+import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
         componentInput: AppInput | undefined;
-        configuration: Record<string, AppInput>;
+        configuration: RichConfigurations;
         recomputeIds?: string[] | undefined;
         extraQueryParams?: Record<string, any> | undefined;
         horizontalAlignment?: 'left' | 'center' | 'right' | undefined;
@@ -15,7 +15,10 @@ declare const __propDef: {
         customCss?: ComponentCustomCSS<'button'> | undefined;
         render: boolean;
         initializing?: boolean | undefined;
-        staticOutputs?: string[] | undefined;
+        controls?: {
+            left: () => boolean;
+            right: () => boolean | string;
+        } | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -26,6 +29,5 @@ export type AppButtonProps = typeof __propDef.props;
 export type AppButtonEvents = typeof __propDef.events;
 export type AppButtonSlots = typeof __propDef.slots;
 export default class AppButton extends SvelteComponentTyped<AppButtonProps, AppButtonEvents, AppButtonSlots> {
-    get staticOutputs(): string[];
 }
 export {};

package/components/apps/components/buttons/AppForm.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
 import type { AppInput } from '../../inputType';
-import type { ComponentCustomCSS } from '../../types';
+import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
         componentInput: AppInput | undefined;
-        configuration: Record<string, AppInput>;
+        configuration: RichConfigurations;
         recomputeIds?: string[] | undefined;
         extraQueryParams?: Record<string, any> | undefined;
         horizontalAlignment?: 'left' | 'center' | 'right' | undefined;

package/components/apps/components/buttons/AppFormButton.svelte

@@ -18,7 +18,7 @@ export let verticalAlignment = undefined;
 export let customCss = undefined;
 export let render;
 export const staticOutputs = ['loading', 'result'];
-const { app, runnableComponents, worldStore } = getContext('AppViewerContext');
+const { app, worldStore } = getContext('AppViewerContext');
 let labelValue = 'Default label';
 let color;
 let size;

package/components/apps/components/buttons/AppFormButton.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
 import type { AppInput } from '../../inputType';
-import type { ComponentCustomCSS } from '../../types';
+import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
         componentInput: AppInput | undefined;
-        configuration: Record<string, AppInput>;
+        configuration: RichConfigurations;
         recomputeIds?: string[] | undefined;
         extraQueryParams?: Record<string, any> | undefined;
         horizontalAlignment?: 'left' | 'center' | 'right' | undefined;

package/components/apps/components/display/AppBarChart.svelte

@@ -4,14 +4,18 @@ import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
 import InputValue from '../helpers/InputValue.svelte';
 import { concatCustomCss } from '../../utils';
 import { getContext } from 'svelte';
+import { initOutput } from '../../editor/appUtils';
 export let id;
 export let componentInput;
 export let configuration;
 export let initializing = undefined;
 export let customCss = undefined;
 export let render;
-export const staticOutputs = ['loading', 'result'];
-const { app } = getContext('AppViewerContext');
+const { app, worldStore } = getContext('AppViewerContext');
+initOutput($worldStore, id, {
+    result: undefined,
+    loading: false
+});
 ChartJS.register(Title, Tooltip, Legend, LineElement, LinearScale, PointElement, CategoryScale, BarElement);
 let result = undefined;
 let theme = 'theme1';
@@ -58,7 +62,7 @@ $: css = concatCustomCss($app.css?.barchartcomponent, customCss);
 <InputValue {id} input={configuration.theme} bind:value={theme} />
 <InputValue {id} input={configuration.line} bind:value={lineChart} />
 
-<RunnableWrapper {render} flexWrap autoRefresh {componentInput} {id} bind:initializing bind:result>
+<RunnableWrapper {render} autoRefresh {componentInput} {id} bind:initializing bind:result>
 	<div class="w-full h-full {css?.container?.class ?? ''}" style={css?.container?.style ?? ''}>
 		{#if result}
 			{#if lineChart}

package/components/apps/components/display/AppBarChart.svelte.d.ts

@@ -1,15 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
 import type { AppInput } from '../../inputType';
-import type { ComponentCustomCSS } from '../../types';
+import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
         componentInput: AppInput | undefined;
-        configuration: Record<string, AppInput>;
+        configuration: RichConfigurations;
         initializing?: boolean | undefined;
         customCss?: ComponentCustomCSS<'container'> | undefined;
         render: boolean;
-        staticOutputs?: string[] | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -20,6 +19,5 @@ export type AppBarChartProps = typeof __propDef.props;
 export type AppBarChartEvents = typeof __propDef.events;
 export type AppBarChartSlots = typeof __propDef.slots;
 export default class AppBarChart extends SvelteComponentTyped<AppBarChartProps, AppBarChartEvents, AppBarChartSlots> {
-    get staticOutputs(): string[];
 }
 export {};

package/components/apps/components/display/AppDisplayComponent.svelte

@@ -1,6 +1,7 @@
 <script>import DisplayResult from '../../../DisplayResult.svelte';
 import { getContext } from 'svelte';
 import { twMerge } from 'tailwind-merge';
+import { initOutput } from '../../editor/appUtils';
 import { IS_APP_PUBLIC_CONTEXT_KEY } from '../../types';
 import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
 export let id;
@@ -9,12 +10,15 @@ export let initializing = undefined;
 export let customCss = undefined;
 export let render;
 const requireHtmlApproval = getContext(IS_APP_PUBLIC_CONTEXT_KEY);
-const { app } = getContext('AppViewerContext');
+const { app, worldStore } = getContext('AppViewerContext');
 let result = undefined;
-export const staticOutputs = ['result', 'loading'];
+initOutput($worldStore, id, {
+    result: undefined,
+    loading: false
+});
 </script>
 
-<RunnableWrapper {render} flexWrap {componentInput} {id} bind:initializing bind:result>
+<RunnableWrapper {render} {componentInput} {id} bind:initializing bind:result>
 	<div
 		class={twMerge(
 			'w-full border-b px-2 text-xs p-1 font-semibold bg-gray-500 text-white rounded-t-sm',

package/components/apps/components/display/AppDisplayComponent.svelte.d.ts

@@ -8,7 +8,6 @@ declare const __propDef: {
         initializing?: boolean | undefined;
         customCss?: ComponentCustomCSS<'header' | 'container'> | undefined;
         render: boolean;
-        staticOutputs?: string[] | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -19,6 +18,5 @@ export type AppDisplayComponentProps = typeof __propDef.props;
 export type AppDisplayComponentEvents = typeof __propDef.events;
 export type AppDisplayComponentSlots = typeof __propDef.slots;
 export default class AppDisplayComponent extends SvelteComponentTyped<AppDisplayComponentProps, AppDisplayComponentEvents, AppDisplayComponentSlots> {
-    get staticOutputs(): string[];
 }
 export {};

package/components/apps/components/display/AppHtml.svelte

@@ -1,4 +1,5 @@
 <script>import { getContext } from 'svelte';
+import { initOutput } from '../../editor/appUtils';
 import { concatCustomCss } from '../../utils';
 import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
 export let id;
@@ -6,8 +7,11 @@ export let componentInput;
 export let initializing = undefined;
 export let customCss = undefined;
 export let render;
-export const staticOutputs = ['result', 'loading'];
-const { app } = getContext('AppViewerContext');
+const { app, worldStore } = getContext('AppViewerContext');
+initOutput($worldStore, id, {
+    result: undefined,
+    loading: false
+});
 let result = undefined;
 let h = undefined;
 let w = undefined;
@@ -22,15 +26,7 @@ $: css = concatCustomCss($app.css?.htmlcomponent, customCss);
 	bind:clientHeight={h}
 	bind:clientWidth={w}
 >
-	<RunnableWrapper
-		{render}
-		autoRefresh
-		flexWrap
-		{componentInput}
-		{id}
-		bind:initializing
-		bind:result
-	>
+	<RunnableWrapper {render} autoRefresh {componentInput} {id} bind:initializing bind:result>
 		{#key result}
 			<iframe
 				frameborder="0"

package/components/apps/components/display/AppHtml.svelte.d.ts

@@ -8,7 +8,6 @@ declare const __propDef: {
         initializing?: boolean | undefined;
         customCss?: ComponentCustomCSS<'container'> | undefined;
         render: boolean;
-        staticOutputs?: string[] | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -19,6 +18,5 @@ export type AppHtmlProps = typeof __propDef.props;
 export type AppHtmlEvents = typeof __propDef.events;
 export type AppHtmlSlots = typeof __propDef.slots;
 export default class AppHtml extends SvelteComponentTyped<AppHtmlProps, AppHtmlEvents, AppHtmlSlots> {
-    get staticOutputs(): string[];
 }
 export {};

package/components/apps/components/display/AppIcon.svelte

@@ -6,7 +6,6 @@ export let id;
 export let horizontalAlignment = 'left';
 export let verticalAlignment = undefined;
 export let configuration;
-export const staticOutputs = [];
 export let customCss = undefined;
 export let render;
 const { app } = getContext('AppViewerContext');

package/components/apps/components/display/AppIcon.svelte.d.ts

@@ -1,13 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
-import type { AppInput } from '../../inputType';
-import type { ComponentCustomCSS } from '../../types';
+import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
         horizontalAlignment?: 'left' | 'center' | 'right' | undefined;
         verticalAlignment?: 'top' | 'center' | 'bottom' | undefined;
-        configuration: Record<string, AppInput>;
-        staticOutputs?: string[] | undefined;
+        configuration: RichConfigurations;
         customCss?: ComponentCustomCSS<'container' | 'icon'> | undefined;
         render: boolean;
     };
@@ -20,6 +18,5 @@ export type AppIconProps = typeof __propDef.props;
 export type AppIconEvents = typeof __propDef.events;
 export type AppIconSlots = typeof __propDef.slots;
 export default class AppIcon extends SvelteComponentTyped<AppIconProps, AppIconEvents, AppIconSlots> {
-    get staticOutputs(): string[];
 }
 export {};

package/components/apps/components/display/AppImage.svelte

@@ -4,7 +4,6 @@ import { concatCustomCss } from '../../utils';
 import InputValue from '../helpers/InputValue.svelte';
 export let id;
 export let configuration;
-export const staticOutputs = ['loading'];
 export let customCss = undefined;
 export let render;
 const { app } = getContext('AppViewerContext');

package/components/apps/components/display/AppImage.svelte.d.ts

@@ -1,11 +1,9 @@
 import { SvelteComponentTyped } from "svelte";
-import type { AppInput } from '../../inputType';
-import type { ComponentCustomCSS } from '../../types';
+import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
-        configuration: Record<string, AppInput>;
-        staticOutputs?: string[] | undefined;
+        configuration: RichConfigurations;
         customCss?: ComponentCustomCSS<'image'> | undefined;
         render: boolean;
     };
@@ -20,6 +18,5 @@ export type AppImageProps = typeof __propDef.props;
 export type AppImageEvents = typeof __propDef.events;
 export type AppImageSlots = typeof __propDef.slots;
 export default class AppImage extends SvelteComponentTyped<AppImageProps, AppImageEvents, AppImageSlots> {
-    get staticOutputs(): string[];
 }
 export {};