windmill-components 1.82.4 → 1.82.5

package/components/apps/editor/inlineScriptsPanel/InlineScriptEditorPanel.svelte.d.ts

@@ -4,7 +4,6 @@ declare const __propDef: {
     props: {
         componentInput: AppInput | undefined;
         defaultUserInput?: boolean | undefined;
-        componentType: string;
         id: string;
         transformer: boolean;
     };

package/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte

@@ -62,6 +62,7 @@ $: unusedInlineScript = $app?.unusedInlineScripts?.findIndex((k_, index) => `unu
 						/>
 					{:else}
 						<EmptyInlineScript
+							id={`b_${hiddenInlineScript}`}
 							name={$app.hiddenInlineScripts[hiddenInlineScript].name}
 							on:delete={() => deleteBackgroundScript(hiddenInlineScript)}
 							on:new={(e) => {

package/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelList.svelte

@@ -11,14 +11,14 @@ const { selectedComponentInEditor } = getContext('AppEditorContext');
 function selectScript(id) {
     $selectedComponentInEditor = id;
     if (!id.startsWith('unused-') || !id.startsWith('bg_')) {
-        $selectedComponent = [$selectedComponentInEditor.split('_transformer')[0]];
+        $selectedComponent = $selectedComponentInEditor.split('_transformer')[0];
     }
 }
 $: runnables = getAppScripts($app.grid, $app.subgrids);
 // When selected component changes, update selectedScriptComponentId
 $: if ($selectedComponent != $selectedComponentInEditor &&
     !$selectedComponentInEditor?.includes('_transformer')) {
-    $selectedComponentInEditor = $selectedComponent?.[0];
+    $selectedComponentInEditor = $selectedComponent;
 }
 function createBackgroundScript() {
     let index = 0;

package/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelWithTable.svelte

@@ -9,7 +9,6 @@ export let gridItem;
 		defaultUserInput={gridItem.data?.type == 'formcomponent' ||
 			gridItem?.data?.type == 'formbuttoncomponent'}
 		id={gridItem.data.id}
-		componentType={gridItem.data.type}
 		transformer={$selectedComponentInEditor?.endsWith('_transformer')}
 		bind:componentInput={gridItem.data.componentInput}
 	/>
@@ -19,7 +18,6 @@ export let gridItem;
 	{#each gridItem.data.actionButtons as actionButton, index (index)}
 		{#if actionButton?.id === $selectedComponentInEditor || actionButton?.id + '_transformer' === $selectedComponentInEditor}
 			<InlineScriptEditorPanel
-				componentType={actionButton.type}
 				id={actionButton.id}
 				transformer={$selectedComponentInEditor?.endsWith('_transformer')}
 				bind:componentInput={actionButton.componentInput}

package/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte

@@ -1,5 +1,5 @@
 <script>import { Button } from '../../../common';
-import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { faPlus, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
 import { X } from 'lucide-svelte';
 import { createEventDispatcher } from 'svelte';
 import { fade } from 'svelte/transition';
@@ -23,8 +23,8 @@ function addElementByType() {
         else if (subFieldType === 'object') {
             value.push({});
         }
-        else if (subFieldType === 'labeledresource' || subFieldType === 'labeledselect') {
-            value.push({ value: 'foo', label: 'bar' });
+        else if (subFieldType === 'labeledresource') {
+            value.push({ value: '', label: '' });
         }
         else if (subFieldType === 'tab-select') {
             value.push({ id: '', index: 0 });
@@ -49,31 +49,28 @@ function addElementByType() {
 function deleteElementByType(index) {
     if (componentInput.value) {
         componentInput.value.splice(index, 1);
-        redraw = redraw + 1;
         dispatch('deleteArrayItem', { index });
+        componentInput = componentInput;
     }
 }
-let redraw = 0;
 </script>
 
 <div class="flex gap-2 flex-col mt-2">
-	{#key redraw}
-		{#if Array.isArray(componentInput.value)}
-			{#each componentInput.value as value, index (index)}
-				<div class="flex flex-row gap-2 items-center relative">
-					<SubTypeEditor {subFieldType} bind:componentInput bind:value />
-					<button
-						transition:fade|local={{ duration: 100 }}
-						class="z-10  rounded-full p-1 duration-200 hover:bg-gray-200"
-						aria-label="Remove item"
-						on:click|preventDefault|stopPropagation={() => deleteElementByType(index)}
-					>
-						<X size={14} />
-					</button>
-				</div>
-			{/each}
-		{/if}
-	{/key}
+	{#if Array.isArray(componentInput.value)}
+		{#each componentInput.value as value, index (index)}
+			<div class="flex flex-row gap-2 items-center relative">
+				<SubTypeEditor {subFieldType} bind:componentInput bind:value />
+				<button
+					transition:fade|local={{ duration: 100 }}
+					class="z-10  rounded-full p-1 duration-200 hover:bg-gray-200"
+					aria-label="Remove item"
+					on:click|preventDefault|stopPropagation={() => deleteElementByType(index)}
+				>
+					<X size={14} />
+				</button>
+			</div>
+		{/each}
+	{/if}
 	<Button size="xs" color="light" startIcon={{ icon: faPlus }} on:click={() => addElementByType()}>
 		Add
 	</Button>

package/components/apps/editor/settingsPanel/ComponentPanel.svelte

@@ -1,5 +1,5 @@
 <script>import Button from '../../../common/button/Button.svelte';
-import { faChevronRight } from '@fortawesome/free-solid-svg-icons';
+import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
 import { getContext } from 'svelte';
 import PanelSection from './common/PanelSection.svelte';
 import InputsSpecsEditor from './InputsSpecsEditor.svelte';
@@ -7,7 +7,7 @@ import TableActions from './TableActions.svelte';
 import StaticInputEditor from './inputEditor/StaticInputEditor.svelte';
 import ConnectedInputEditor from './inputEditor/ConnectedInputEditor.svelte';
 import Badge from '../../../common/badge/Badge.svelte';
-import { capitalize, classNames, getModifierKey, isMac } from '../../../../utils';
+import { capitalize, classNames, getModifierKey } from '../../../../utils';
 import { buildExtraLib, fieldTypeToTsType } from '../../utils';
 import Recompute from './Recompute.svelte';
 import Tooltip from '../../../Tooltip.svelte';
@@ -23,9 +23,6 @@ import GridPane from './GridPane.svelte';
 import { slide } from 'svelte/transition';
 import { push } from '../../../../history';
 import Kbd from '../../../common/kbd/Kbd.svelte';
-import { secondaryMenu } from './secondaryMenu';
-import StylePanel from './StylePanel.svelte';
-import { Delete } from 'lucide-svelte';
 export let componentSettings = undefined;
 export let rowColumns = false;
 export let onDelete = undefined;
@@ -33,16 +30,13 @@ export let noGrid = false;
 export let duplicateMoveAllowed = true;
 let editor = undefined;
 const { app, runnableComponents, selectedComponent, worldStore, focusedGrid, stateId, state, errorByComponent, jobs } = getContext('AppViewerContext');
-const { history, ontextfocus, movingcomponents } = getContext('AppEditorContext');
+const { history, ontextfocus } = getContext('AppEditorContext');
 $: editor && ($ontextfocus = () => editor?.focus());
 function removeGridElement() {
     push(history, $app);
     if (componentSettings?.item.id) {
         $errorByComponent = clearErrorByComponentId(componentSettings?.item.id, $errorByComponent);
         $jobs = clearJobsByComponentId(componentSettings?.item.id, $jobs);
-        if ($movingcomponents?.includes(componentSettings?.item.id)) {
-            $movingcomponents = $movingcomponents.filter((id) => id !== componentSettings?.item.id);
-        }
     }
     $selectedComponent = undefined;
     $focusedGrid = undefined;
@@ -65,10 +59,12 @@ $: extraLib =
         ? buildExtraLib($worldStore?.outputsById ?? {}, componentSettings?.item?.data?.id, false, $state, false)
         : undefined;
 function keydown(event) {
-    const { key, metaKey } = event;
-    if (key === 'Delete' || (key === 'Backspace' && metaKey)) {
-        removeGridElement();
-        event.stopPropagation();
+    switch (event.key) {
+        case 'Delete': {
+            removeGridElement();
+            event.stopPropagation();
+            break;
+        }
     }
 }
 const initialConfiguration = componentSettings?.item?.data?.type
@@ -184,10 +180,6 @@ $: componentSettings?.item?.data && ($app = $app);
 					userInputEnabled={false}
 				/>
 			</PanelSection>
-		{:else}
-			<div class="h-full w-full font-bold text-gray-400 text-lg py-10 px-4"
-				>{ccomponents[component.type].name} has no configuration</div
-			>
 		{/if}
 
 		{#if componentSettings.item.data.type === 'tabscomponent'}
@@ -209,28 +201,19 @@ $: componentSettings?.item?.data && ($app = $app);
 		<div class="grow shrink" />
 
 		{#if Object.keys(ccomponents[component.type].customCss ?? {}).length > 0}
-			<PanelSection title="Styling">
+			<PanelSection title="Custom CSS">
 				<div slot="action">
 					<Button
 						color="light"
 						size="xs"
-						variant="border"
+						endIcon={{ icon: viewCssOptions ? faChevronUp : faChevronDown }}
 						on:click={() => (viewCssOptions = !viewCssOptions)}
 					>
 						{viewCssOptions ? 'Hide' : 'Show'}
 					</Button>
-					<Button
-						color="light"
-						size="xs"
-						variant="border"
-						endIcon={{ icon: faChevronRight }}
-						on:click={() => secondaryMenu.open(StylePanel, { component })}
-					>
-						Rich Editor
-					</Button>
 				</div>
 				{#if viewCssOptions}
-					<div transition:slide|local class="w-full">
+					<div transition:slide|local>
 						{#each Object.keys(ccomponents[component.type].customCss ?? {}) as name}
 							{#if componentSettings.item.data?.customCss != undefined}
 								<div class="w-full mb-2">
@@ -253,15 +236,7 @@ $: componentSettings?.item?.data && ($app = $app);
 				<div slot="action">
 					<Button size="xs" color="red" variant="border" on:click={removeGridElement}>
 						Delete&nbsp;&nbsp;
-						{#if isMac()}
-							<Kbd kbdClass="center-center">
-								<span class="text-lg leading-none">⌘</span>
-								<span class="px-0.5">+</span>
-								<Delete size={16} />
-							</Kbd>
-						{:else}
-							<Kbd>Del</Kbd>
-						{/if}
+						<Kbd>Del</Kbd>
 					</Button>
 				</div>
 				<div class="flex flex-col gap-1">
@@ -281,10 +256,6 @@ $: componentSettings?.item?.data && ($app = $app);
 						<Kbd>&uparrow;</Kbd><Kbd>&rightarrow;</Kbd>
 						<Kbd>ESC</Kbd>
 					</div>
-					<div>
-						<span class="text-gray-600 text-xs mr-2">Add to selection:</span>
-						<Kbd>&DoubleUpArrow;</Kbd>+<Kbd>click</Kbd>
-					</div>
 				</div>
 			</PanelSection>
 		{/if}

package/components/apps/editor/settingsPanel/GridTab.svelte

@@ -1,6 +1,7 @@
 <script>import Button from '../../../common/button/Button.svelte';
 import CloseButton from '../../../common/CloseButton.svelte';
-import { faPlus } from '@fortawesome/free-solid-svg-icons';
+import { faPlus, faTrashAlt } from '@fortawesome/free-solid-svg-icons';
+import { CrossIcon } from 'lucide-svelte';
 import { getContext } from 'svelte';
 import { deleteGridItem } from '../appUtils';
 import PanelSection from './common/PanelSection.svelte';

package/components/apps/editor/settingsPanel/InputsSpecEditor.svelte

@@ -23,7 +23,6 @@ export let fieldType;
 export let subFieldType;
 export let format;
 export let selectOptions;
-export let fileUpload = undefined;
 export let placeholder;
 const { connectingInput } = getContext('AppViewerContext');
 $: if (componentInput == undefined) {
@@ -89,7 +88,7 @@ $: if (componentInput == undefined) {
 								<svelte:fragment slot="text">User Input</svelte:fragment>
 							</Popover>
 						{/if}
-						{#if fileUpload}
+						{#if 'fileUpload' in componentInput}
 							<Popover placement="bottom" notClickable disapperTimoout={0}>
 								<ToggleButton
 									position="center"

package/components/apps/editor/settingsPanel/InputsSpecEditor.svelte.d.ts

@@ -16,10 +16,6 @@ declare const __propDef: {
         subFieldType: InputType | undefined;
         format: string | undefined;
         selectOptions: string[] | undefined;
-        fileUpload?: {
-            accept: string;
-            convertTo: string;
-        } | undefined;
         placeholder: string | undefined;
     };
     events: {

package/components/apps/editor/settingsPanel/InputsSpecsEditor.svelte

@@ -41,7 +41,6 @@ export let resourceOnly = false;
 					selectOptions={meta?.['selectOptions']}
 					tooltip={meta?.['tooltip']}
 					onlyStatic={meta?.['onlyStatic']}
-					fileUpload={meta?.['fileUpload']}
 					placeholder={meta?.['placeholder']}
 				/>
 			{/if}

package/components/apps/editor/settingsPanel/SelectedRunnable.svelte

@@ -1,7 +1,8 @@
 <script>import Button from '../../../common/button/Button.svelte';
 import Toggle from '../../../Toggle.svelte';
 import Tooltip from '../../../Tooltip.svelte';
-import { faClose } from '@fortawesome/free-solid-svg-icons';
+import { faClose, faEdit } from '@fortawesome/free-solid-svg-icons';
+import { includes } from 'lodash';
 import { getContext } from 'svelte';
 import { clearResultAppInput } from '../../utils';
 import ComponentTriggerList from './triggerLists/ComponentTriggerList.svelte';

package/components/apps/editor/settingsPanel/TableActions.svelte

@@ -24,7 +24,7 @@ function deleteComponent(cid) {
     components = components.filter((x) => x.id !== cid);
     $errorByComponent = clearErrorByComponentId(cid, $errorByComponent);
     $jobs = clearJobsByComponentId(cid, $jobs);
-    $selectedComponent = [id];
+    $selectedComponent = id;
     $app = $app;
 }
 </script>
@@ -49,10 +49,10 @@ function deleteComponent(cid) {
 			class={classNames(
 				'w-full text-xs font-bold gap-1 truncate py-1.5 px-2 cursor-pointer transition-all justify-between flex items-center border border-gray-3 rounded-md',
 				'bg-white border-gray-300  hover:bg-gray-100 focus:bg-gray-100 text-gray-700',
-				$selectedComponent?.includes(component.id) ? 'outline outline-blue-500 bg-red-400' : ''
+				$selectedComponent === component.id ? 'outline outline-blue-500 bg-red-400' : ''
 			)}
 			on:click={() => {
-				$selectedComponent = [component.id]
+				$selectedComponent = component.id
 			}}
 			on:keypress
 		>

package/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte

@@ -1,18 +1,19 @@
-<script>import { createEventDispatcher } from 'svelte';
-import ColorPicker, { ChromeVariant } from 'svelte-awesome-color-picker';
-import { ClearableInput } from '../../../../common';
-export let value = '#fff';
-const dispatch = createEventDispatcher();
+<script>import ColorPicker, { ChromeVariant } from 'svelte-awesome-color-picker';
+export let componentInput;
 let isOpen = false;
-$: dispatch('change', value);
 </script>
 
-<div class="color-picker-input grow">
-	<ClearableInput readonly bind:value on:focus={() => (isOpen = true)} />
+<div class="color-picker-input">
+	<input
+		type="text"
+		readonly
+		value={componentInput.value}
+		on:focus|preventDefault|stopPropagation={() => (isOpen = true)}
+	/>
 	<ColorPicker
 		bind:isOpen
-		bind:hex={value}
-		label={value}
+		bind:hex={componentInput.value}
+		label={componentInput.value}
 		canChangeMode={false}
 		components={ChromeVariant}
 		toRight
@@ -21,7 +22,7 @@ $: dispatch('change', value);
 </div>
 
 <style global>
-	:global(.color-picker-input) :global(span) > :global(label) {
+	:global(.color-picker-input) :global(span) > :global(label.svelte-rogbpz) {
 		display: none;
 	}
 
@@ -29,7 +30,6 @@ $: dispatch('change', value);
 		box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.25) !important;
 		border-style: none !important;
 		border-radius: 0.375rem !important;
-		z-index: 20;
 	}
 
 	:global(.color-picker-input) :global(.slider-wrapper) {

package/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte.d.ts

@@ -1,11 +1,10 @@
 import { SvelteComponentTyped } from "svelte";
+import type { StaticInput } from '../../../inputType';
 declare const __propDef: {
     props: {
-        value?: string | undefined;
+        componentInput: StaticInput<string>;
     };
     events: {
-        change: CustomEvent<any>;
-    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};

package/components/apps/editor/settingsPanel/inputEditor/EvalInputEditor.svelte

@@ -5,6 +5,7 @@ export let componentInput;
 export let id;
 export let hasRows = false;
 const { onchange, worldStore, state } = getContext('AppViewerContext');
+$: componentInput && onchange?.();
 $: extraLib =
     componentInput?.expr && $worldStore
         ? buildExtraLib($worldStore?.outputsById ?? {}, id, hasRows, $state, false)
@@ -19,11 +20,6 @@ $: extraLib =
 			shouldBindKey={false}
 			{extraLib}
 			autoHeight
-			on:change={() => {
-				if (onchange) {
-					onchange()
-				}
-			}}
 		/>
 	</div>
 {/if}

package/components/apps/editor/settingsPanel/inputEditor/IconSelectInput.svelte

@@ -37,9 +37,9 @@ function formatName(name) {
 }
 function select(label) {
     componentInput.value = label;
-    const elem = document.activeElement;
-    if (elem.blur) {
-        elem.blur();
+    if (document.activeElement?.blur) {
+        ;
+        document.activeElement.blur();
     }
 }
 </script>

package/components/apps/editor/settingsPanel/inputEditor/JsonEditor.svelte

@@ -2,10 +2,9 @@
 export let code;
 export let value = undefined;
 export let error = '';
-export let editor = undefined;
 function parseJson() {
     try {
-        value = JSON.parse(code ?? '');
+        value = JSON.parse(code);
         error = '';
     }
     catch (e) {
@@ -17,7 +16,7 @@ $: code && parseJson();
 
 <div class="flex flex-col w-full">
 	<div class="border border-gray-300 w-full">
-		<SimpleEditor on:focus bind:this={editor} on:change autoHeight lang="json" bind:code />
+		<SimpleEditor on:change autoHeight lang="json" bind:code />
 	</div>
 	{#if error != ''}
 		<span class="text-red-600 text-xs">{error}</span>

package/components/apps/editor/settingsPanel/inputEditor/JsonEditor.svelte.d.ts

@@ -1,14 +1,11 @@
 import { SvelteComponentTyped } from "svelte";
-import SimpleEditor from '../../../../SimpleEditor.svelte';
 declare const __propDef: {
     props: {
-        code: string | undefined;
+        code: string;
         value?: any;
         error?: string | undefined;
-        editor?: SimpleEditor | undefined;
     };
     events: {
-        focus: CustomEvent<any>;
         change: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;

package/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte

@@ -21,7 +21,7 @@ $: componentInput && onchange?.();
 </script>
 
 {#if componentInput?.type === 'static'}
-	{#if fieldType === 'number' || fieldType === 'integer'}
+	{#if fieldType === 'number'}
 		<input on:keydown|stopPropagation type="number" bind:value={componentInput.value} />
 	{:else if fieldType === 'textarea'}
 		<textarea on:keydown|stopPropagation bind:value={componentInput.value} />
@@ -74,8 +74,8 @@ $: componentInput && onchange?.();
 			Inconsistent labeled resource object
 		{/if}
 	{:else if fieldType === 'color'}
-		<ColorInput bind:value={componentInput.value} />
-	{:else if fieldType === 'object' || fieldType == 'labeledselect'}
+		<ColorInput bind:componentInput />
+	{:else if fieldType === 'object'}
 		{#if format?.startsWith('resource-')}
 			<ResourcePicker
 				initialValue={componentInput.value?.split('$res:')[1] || ''}

package/components/apps/editor/settingsPanel/triggerLists/ComponentTriggerList.svelte

@@ -19,6 +19,6 @@ $: onLoad =
 	bind:inlineScript={runnable.inlineScript}
 	{onLoad}
 	{doNotRecomputeOnInputChanged}
-	id={$selectedComponent?.[0]}
+	id={$selectedComponent}
 	{onClick}
 />

package/components/apps/inputType.d.ts

@@ -1,6 +1,6 @@
 import type { ReadFileAs } from '../common/fileInput/model';
 import type { InlineScript } from './types';
-export type InputType = 'integer' | 'text' | 'textarea' | 'template' | 'number' | 'boolean' | 'select' | 'icon-select' | 'color' | 'date' | 'time' | 'datetime' | 'object' | 'array' | 'any' | 'labeledresource' | 'labeledselect' | 'tab-select';
+export type InputType = 'text' | 'textarea' | 'template' | 'number' | 'boolean' | 'select' | 'icon-select' | 'color' | 'date' | 'time' | 'datetime' | 'object' | 'array' | 'any' | 'labeledresource' | 'tab-select';
 export type InputConnection = {
     componentId: string;
     path: string;
@@ -81,7 +81,7 @@ export type StaticOptions = {
         label: string;
     }[];
 };
-export type AppInput = AppInputSpec<'text', string> | AppInputSpec<'textarea', string> | AppInputSpec<'template', string> | AppInputSpec<'number', number> | AppInputSpec<'boolean', boolean> | AppInputSpec<'date', string> | AppInputSpec<'time', string> | AppInputSpec<'datetime', string> | AppInputSpec<'any', any> | AppInputSpec<'object', Record<string | number, any>> | AppInputSpec<'object', string> | (AppInputSpec<'select', string> & StaticOptions) | AppInputSpec<'icon-select', string> | AppInputSpec<'color', string> | 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'> & StaticOptions) | AppInputSpec<'array', object[], 'labeledresource'> | AppInputSpec<'array', object[], 'labeledselect'> | AppInputSpec<'labeledselect', object> | AppInputSpec<'labeledresource', object> | AppInputSpec<'array', object[], 'tab-select'>;
+export type AppInput = AppInputSpec<'text', string> | AppInputSpec<'textarea', string> | AppInputSpec<'template', string> | AppInputSpec<'number', number> | AppInputSpec<'boolean', boolean> | AppInputSpec<'date', string> | AppInputSpec<'time', string> | AppInputSpec<'datetime', string> | AppInputSpec<'any', any> | AppInputSpec<'object', Record<string | number, any>> | AppInputSpec<'object', string> | (AppInputSpec<'select', string> & StaticOptions) | AppInputSpec<'icon-select', string> | AppInputSpec<'color', string> | 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'> & StaticOptions) | AppInputSpec<'array', object[], 'labeledresource'> | AppInputSpec<'labeledresource', object> | AppInputSpec<'array', object[], 'tab-select'>;
 export type RowAppInput = Extract<AppInput, {
     type: 'row';
 }>;

package/components/apps/rx.d.ts

@@ -2,10 +2,10 @@ import type { AppInput } from './inputType';
 import { type Writable } from 'svelte/store';
 export interface Subscriber<T> {
     id?: string;
-    next(v: T): void;
+    next(v: T): any;
 }
 export interface Observable<T> {
-    subscribe(x: Subscriber<T>): void;
+    subscribe(x: Subscriber<T>): any;
 }
 export interface Output<T> extends Observable<T> {
     set(x: T, force?: boolean): void;