windmill-components 1.89.1 → 1.103.0

package/dist/components/common/toggleButton/ToggleButton.svelte

@@ -1,25 +0,0 @@
-<script>import { classNames } from '../../../utils';
-import { getContext } from 'svelte';
-import Button from '../button/Button.svelte';
-export let value;
-export let position;
-export let light = false;
-export let title = undefined;
-const { select, selected } = getContext('ToggleButtonGroup');
-</script>
-
-<Button
-	{...$$props}
-	{title}
-	on:click={() => select(value)}
-	btnClasses={classNames(
-		'border-gray-200 focus:ring-0 w-full',
-		position === 'left' ? 'rounded-none rounded-l-lg border' : '',
-		position === 'center' ? 'rounded-none border-t border-b border-r' : '',
-		position === 'right' ? 'rounded-none rounded-r-md  border-r border-y' : ''
-	)}
-	color={$selected === value ? (light ? 'gray' : 'dark') : 'light'}
-	variant="contained"
->
-	<slot />
-</Button>

package/dist/components/common/toggleButton/ToggleButton.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        value: any;
-        position: 'left' | 'center' | 'right';
-        light?: boolean | undefined;
-        title?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ToggleButtonProps = typeof __propDef.props;
-export type ToggleButtonEvents = typeof __propDef.events;
-export type ToggleButtonSlots = typeof __propDef.slots;
-export default class ToggleButton extends SvelteComponentTyped<ToggleButtonProps, ToggleButtonEvents, ToggleButtonSlots> {
-}
-export {};

package/dist/components/common/toggleButton/ToggleButtonGroup.svelte

@@ -1,26 +0,0 @@
-<script context="module">export {};
-</script>
-
-<script>import { createEventDispatcher, setContext } from 'svelte';
-import { writable } from 'svelte/store';
-export let selected;
-export let col = false;
-const dispatch = createEventDispatcher();
-const selectedContent = writable(selected);
-function setSelected(selected) {
-    selectedContent.set(selected);
-}
-$: setSelected(selected);
-$: $selectedContent && dispatch('selected', $selectedContent);
-setContext('ToggleButtonGroup', {
-    selected: selectedContent,
-    select: (value) => {
-        selectedContent.set(value);
-        selected = value;
-    }
-});
-</script>
-
-<div class:flex-col={col} class="flex rounded-md {$$props.class}" role="group">
-	<slot />
-</div>

package/dist/components/common/toggleButton/ToggleButtonGroup.svelte.d.ts

@@ -1,27 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-export type ToggleButtonContext = {
-    selected: Writable<any>;
-    select: (value: any) => void;
-};
-import { type Writable } from 'svelte/store';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        selected: any;
-        col?: boolean | undefined;
-    };
-    events: {
-        selected: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type ToggleButtonGroupProps = typeof __propDef.props;
-export type ToggleButtonGroupEvents = typeof __propDef.events;
-export type ToggleButtonGroupSlots = typeof __propDef.slots;
-export default class ToggleButtonGroup extends SvelteComponentTyped<ToggleButtonGroupProps, ToggleButtonGroupEvents, ToggleButtonGroupSlots> {
-}
-export {};

package/dist/components/flows/CreateActionsApp.svelte

@@ -1,46 +0,0 @@
-<script>import { goto } from '$app/navigation';
-import { faPlus } from '@fortawesome/free-solid-svg-icons';
-import { Button } from '../common';
-import Drawer from '../common/drawer/Drawer.svelte';
-import DrawerContent from '../common/drawer/DrawerContent.svelte';
-import SimpleEditor from '../SimpleEditor.svelte';
-import { LayoutDashboard } from 'lucide-svelte';
-import { importStore } from '../apps/store';
-let drawer = undefined;
-let pendingJson;
-async function importJson() {
-    $importStore = JSON.parse(pendingJson);
-    await goto('/apps/add?nodraft=true');
-    drawer?.closeDrawer?.();
-}
-</script>
-
-<!-- Buttons -->
-<div class="flex flex-row gap-2">
-	<Button
-		size="sm"
-		spacingSize="xl"
-		startIcon={{ icon: faPlus }}
-		href="/apps/add?nodraft=true"
-		dropdownItems={[
-			{
-				label: 'Import from raw JSON',
-				onClick: () => drawer?.toggleDrawer?.()
-			}
-		]}
-	>
-		<div class="flex flex-row">
-			App <LayoutDashboard class="ml-1.5" size={18} />
-		</div>
-	</Button>
-</div>
-
-<!-- Raw JSON -->
-<Drawer bind:this={drawer} size="800px">
-	<DrawerContent title="Import app from JSON" on:close={() => drawer?.toggleDrawer?.()}>
-		<SimpleEditor bind:code={pendingJson} lang="json" class="h-full" fixedOverflowWidgets={false} />
-		<svelte:fragment slot="actions">
-			<Button size="sm" on:click={importJson}>Import</Button>
-		</svelte:fragment>
-	</DrawerContent>
-</Drawer>

package/dist/components/flows/CreateActionsApp.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type CreateActionsAppProps = typeof __propDef.props;
-export type CreateActionsAppEvents = typeof __propDef.events;
-export type CreateActionsAppSlots = typeof __propDef.slots;
-export default class CreateActionsApp extends SvelteComponentTyped<CreateActionsAppProps, CreateActionsAppEvents, CreateActionsAppSlots> {
-}
-export {};

package/dist/components/flows/CreateActionsFlow.svelte

@@ -1,44 +0,0 @@
-<script>import { goto } from '$app/navigation';
-import { faBarsStaggered, faPlus } from '@fortawesome/free-solid-svg-icons';
-import { Button } from '../common';
-import Drawer from '../common/drawer/Drawer.svelte';
-import DrawerContent from '../common/drawer/DrawerContent.svelte';
-import SimpleEditor from '../SimpleEditor.svelte';
-import { importFlowStore } from './flowStore';
-let drawer = undefined;
-let pendingJson;
-async function importJson() {
-    $importFlowStore = JSON.parse(pendingJson);
-    await goto('/flows/add');
-    drawer?.closeDrawer?.();
-}
-</script>
-
-<!-- Buttons -->
-<div class="flex flex-row gap-2">
-	<Button
-		size="sm"
-		spacingSize="xl"
-		startIcon={{ icon: faPlus }}
-		endIcon={{ icon: faBarsStaggered }}
-		href="/flows/add?nodraft=true"
-		dropdownItems={[
-			{
-				label: 'Import from raw JSON',
-				onClick: () => drawer?.toggleDrawer?.()
-			}
-		]}
-	>
-		Flow
-	</Button>
-</div>
-
-<!-- Raw JSON -->
-<Drawer bind:this={drawer} size="800px">
-	<DrawerContent title="Import flow from JSON" on:close={() => drawer?.toggleDrawer?.()}>
-		<SimpleEditor bind:code={pendingJson} lang="json" class="h-full" fixedOverflowWidgets={false} />
-		<svelte:fragment slot="actions">
-			<Button size="sm" on:click={importJson}>Import</Button>
-		</svelte:fragment>
-	</DrawerContent>
-</Drawer>

package/dist/components/flows/CreateActionsFlow.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type CreateActionsFlowProps = typeof __propDef.props;
-export type CreateActionsFlowEvents = typeof __propDef.events;
-export type CreateActionsFlowSlots = typeof __propDef.slots;
-export default class CreateActionsFlow extends SvelteComponentTyped<CreateActionsFlowProps, CreateActionsFlowEvents, CreateActionsFlowSlots> {
-}
-export {};

package/dist/components/flows/FlowEditor.svelte

@@ -1,40 +0,0 @@
-<script>import { Pane, Splitpanes } from 'svelte-splitpanes';
-import FlowEditorPanel from './content/FlowEditorPanel.svelte';
-import FlowModuleSchemaMap from './map/FlowModuleSchemaMap.svelte';
-import WindmillIcon from '../icons/WindmillIcon.svelte';
-import { Skeleton } from '../common';
-import { getContext } from 'svelte';
-export let initialPath;
-export let loading;
-const { flowStore } = getContext('FlowEditorContext');
-let size = 50;
-</script>
-
-<div class="h-full overflow-hidden border-t">
-	<Splitpanes>
-		<Pane {size} minSize={15} class="h-full">
-			<div class="grow overflow-auto bg-gray h-full bg-gray-50 relative">
-				{#if loading}
-					<div class="p-2 pt-10">
-						{#each new Array(6) as _}
-							<Skeleton layout={[[2], 1.5]} />
-						{/each}
-					</div>
-				{:else if $flowStore.value.modules}
-					<FlowModuleSchemaMap bind:modules={$flowStore.value.modules} />
-				{/if}
-			</div>
-		</Pane>
-		<Pane class="drop-shadow-2xl" size={100 - size} minSize={40}>
-			{#if loading}
-				<div class="w-full h-full">
-					<div class="block m-auto mt-40 w-10">
-						<WindmillIcon height="40px" width="40px" spin="fast" />
-					</div>
-				</div>
-			{:else}
-				<FlowEditorPanel {initialPath} />
-			{/if}
-		</Pane>
-	</Splitpanes>
-</div>

package/dist/components/flows/FlowEditor.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        initialPath: string;
-        loading: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FlowEditorProps = typeof __propDef.props;
-export type FlowEditorEvents = typeof __propDef.events;
-export type FlowEditorSlots = typeof __propDef.slots;
-export default class FlowEditor extends SvelteComponentTyped<FlowEditorProps, FlowEditorEvents, FlowEditorSlots> {
-}
-export {};

package/dist/components/flows/FlowProgressBar.svelte

@@ -1,55 +0,0 @@
-<script>import { FlowStatusModule, Job } from '../../gen';
-import { ProgressBar } from '../progressBar';
-export let job = undefined;
-export let duration = 200;
-let jobProgress = { steps: [], error: false };
-$: if (job)
-    updateJobProgress(job);
-function updateJobProgress(job) {
-    const modules = job?.flow_status?.modules;
-    if (!modules?.length) {
-        return;
-    }
-    jobProgress.steps = modules.map((module) => {
-        if (module.type === FlowStatusModule.type.FAILURE ||
-            (module.type === FlowStatusModule.type.SUCCESS && job['success'] === false)) {
-            jobProgress.error = true;
-        }
-        // Loop is still iterating
-        if (module.iterator) {
-            return {
-                type: 'loop',
-                isDone: isJobStepDone(module.type),
-                index: module.iterator.index || 0,
-                length: module.iterator.itered?.length || 0
-            };
-        }
-        // Loop is finished
-        else if (module['flow_jobs']) {
-            return {
-                type: 'loop',
-                isDone: isJobStepDone(module.type),
-                index: module['flow_jobs'].length,
-                length: module['flow_jobs'].length
-            };
-        }
-        // Not a loop
-        return {
-            type: 'general',
-            isDone: isJobStepDone(module.type)
-        };
-    });
-}
-function isJobStepDone(type) {
-    if (!type) {
-        return false;
-    }
-    return type === FlowStatusModule.type.SUCCESS || type === FlowStatusModule.type.FAILURE;
-}
-export function reset() {
-    jobProgress.error = false;
-    jobProgress.steps = [];
-}
-</script>
-
-<ProgressBar {...jobProgress} {duration} class={$$props.class} />

package/dist/components/flows/FlowProgressBar.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { Job } from '../../gen';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        job?: Job | undefined;
-        duration?: number | undefined;
-        reset?: (() => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FlowProgressBarProps = typeof __propDef.props;
-export type FlowProgressBarEvents = typeof __propDef.events;
-export type FlowProgressBarSlots = typeof __propDef.slots;
-export default class FlowProgressBar extends SvelteComponentTyped<FlowProgressBarProps, FlowProgressBarEvents, FlowProgressBarSlots> {
-    get reset(): () => void;
-}
-export {};

package/dist/components/flows/common/FlowCard.svelte

@@ -1,9 +0,0 @@
-<script>import FlowCardHeader from './FlowCardHeader.svelte';
-export let title = undefined;
-export let flowModule = undefined;
-</script>
-
-<FlowCardHeader {title} bind:flowModule>
-	<slot name="header" />
-</FlowCardHeader>
-<slot />

package/dist/components/flows/common/FlowCard.svelte.d.ts

@@ -1,21 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { FlowModule } from '../../../gen';
-declare const __propDef: {
-    props: {
-        title?: string | undefined;
-        flowModule?: FlowModule | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        header: {};
-        default: {};
-    };
-};
-export type FlowCardProps = typeof __propDef.props;
-export type FlowCardEvents = typeof __propDef.events;
-export type FlowCardSlots = typeof __propDef.slots;
-export default class FlowCard extends SvelteComponentTyped<FlowCardProps, FlowCardEvents, FlowCardSlots> {
-}
-export {};

package/dist/components/flows/common/FlowCardHeader.svelte

@@ -1,69 +0,0 @@
-<script>import Badge from '../../common/badge/Badge.svelte';
-import Button from '../../common/button/Button.svelte';
-import IconedPath from '../../IconedPath.svelte';
-import { RawScript, ScriptService } from '../../../gen';
-import { workspaceStore } from '../../../stores';
-export let flowModule = undefined;
-export let title = undefined;
-const languageColors = {
-    [RawScript.language.GO]: 'dark-indigo',
-    [RawScript.language.DENO]: 'dark-blue',
-    [RawScript.language.PYTHON3]: 'dark-green',
-    [RawScript.language.BASH]: 'dark-yellow'
-};
-let newHash = undefined;
-async function loadLatestHash(value) {
-    let script = await ScriptService.getScriptByPath({
-        workspace: $workspaceStore,
-        path: value.path
-    });
-    if (script.hash != value.hash) {
-        newHash = script.hash;
-    }
-}
-$: $workspaceStore &&
-    flowModule?.value.type === 'script' &&
-    flowModule.value.hash &&
-    loadLatestHash(flowModule.value);
-</script>
-
-<div
-	class="overflow-x-auto scrollbar-hidden flex items-center justify-between py-2 px-4 border-b border-gray-300 space-x-2  h-full max-h-12 flex-nowrap"
->
-	{#if flowModule}
-		<span class="text-sm w-full mr-4">
-			<div class="flex items-center space-x-2">
-				{#if flowModule.value.type === 'identity'}
-					<span class="font-bold text-xs">Identity (input copied to output)</span>
-				{:else if flowModule?.value.type === 'rawscript'}
-					<Badge color={languageColors[flowModule?.value.language] ?? 'gray'} capitalize>
-						{flowModule?.value.language}
-					</Badge>
-					<input bind:value={flowModule.summary} placeholder={'Summary'} class="w-full grow" />
-				{:else if flowModule?.value.type === 'script' && 'path' in flowModule.value && flowModule.value.path}
-					<IconedPath path={flowModule.value.path} hash={flowModule.value.hash} class="grow" />
-					{#if newHash}
-						<Button
-							size="xs"
-							variant="border"
-							on:click={() => {
-								if (flowModule?.value.type == 'script') {
-									flowModule.value.hash = newHash
-									newHash = undefined
-								}
-							}}>Update to latest hash</Button
-						>
-					{/if}
-					<input bind:value={flowModule.summary} placeholder="Summary" class="w-full grow" />
-				{:else if flowModule?.value.type === 'flow'}
-					<Badge color="indigo" capitalize>flow</Badge>
-					<input bind:value={flowModule.summary} placeholder="Summary" class="w-full grow" />
-				{/if}
-			</div>
-		</span>
-	{/if}
-	{#if title}
-		<div class="text-sm font-bold text-gray-900">{title}</div>
-	{/if}
-	<slot />
-</div>

package/dist/components/flows/common/FlowCardHeader.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import { type FlowModule } from '../../../gen';
-declare const __propDef: {
-    props: {
-        flowModule?: FlowModule | undefined;
-        title?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type FlowCardHeaderProps = typeof __propDef.props;
-export type FlowCardHeaderEvents = typeof __propDef.events;
-export type FlowCardHeaderSlots = typeof __propDef.slots;
-export default class FlowCardHeader extends SvelteComponentTyped<FlowCardHeaderProps, FlowCardHeaderEvents, FlowCardHeaderSlots> {
-}
-export {};

package/dist/components/flows/content/BranchPredicateEditor.svelte

@@ -1,31 +0,0 @@
-<script>import { getContext } from 'svelte';
-import PropPickerWrapper from '../propPicker/PropPickerWrapper.svelte';
-import SimpleEditor from '../../SimpleEditor.svelte';
-import { getStepPropPicker } from '../previousResults';
-export let branch;
-export let parentModule;
-export let previousModule;
-const { previewArgs, flowStateStore, flowStore } = getContext('FlowEditorContext');
-let editor = undefined;
-$: stepPropPicker = getStepPropPicker($flowStateStore, parentModule, previousModule, parentModule.id, $flowStore, $previewArgs, false);
-</script>
-
-<PropPickerWrapper
-	notSelectable
-	pickableProperties={stepPropPicker.pickableProperties}
-	on:select={({ detail }) => {
-		editor?.insertAtCursor(detail)
-		editor?.focus()
-	}}
->
-	<div class="border border-gray-400">
-		<SimpleEditor
-			bind:this={editor}
-			lang="javascript"
-			bind:code={branch.expr}
-			class="small-editor border "
-			shouldBindKey={false}
-			extraLib={stepPropPicker.extraLib}
-		/>
-	</div>
-</PropPickerWrapper>

package/dist/components/flows/content/BranchPredicateEditor.svelte.d.ts

@@ -1,23 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { FlowModule } from '../../../gen';
-declare const __propDef: {
-    props: {
-        branch: {
-            summary?: string;
-            expr: string;
-            modules: Array<FlowModule>;
-        };
-        parentModule: FlowModule;
-        previousModule: FlowModule | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BranchPredicateEditorProps = typeof __propDef.props;
-export type BranchPredicateEditorEvents = typeof __propDef.events;
-export type BranchPredicateEditorSlots = typeof __propDef.slots;
-export default class BranchPredicateEditor extends SvelteComponentTyped<BranchPredicateEditorProps, BranchPredicateEditorEvents, BranchPredicateEditorSlots> {
-}
-export {};

package/dist/components/flows/content/CapturePayload.svelte

@@ -1,113 +0,0 @@
-<script>import { page } from '$app/stores';
-import { Button } from '../../common';
-import Drawer from '../../common/drawer/Drawer.svelte';
-import DrawerContent from '../../common/drawer/DrawerContent.svelte';
-import WindmillIcon from '../../icons/WindmillIcon.svelte';
-import ObjectViewer from '../../propertyPicker/ObjectViewer.svelte';
-import { CaptureService } from '../../../gen';
-import { workspaceStore } from '../../../stores';
-import { convert } from '@redocly/json-to-json-schema';
-import SchemaViewer from '../../SchemaViewer.svelte';
-import { getContext } from 'svelte';
-import { copyToClipboard, sendUserToast } from '../../../utils';
-import Icon from 'svelte-awesome';
-import { faClipboard } from '@fortawesome/free-solid-svg-icons';
-import SchemaForm from '../../SchemaForm.svelte';
-const { previewArgs, flowStore } = getContext('FlowEditorContext');
-let drawer;
-let interval = undefined;
-let captureInput = undefined;
-let jsonSchema = undefined;
-export function openDrawer() {
-    drawer.openDrawer();
-}
-async function startCapturePoint() {
-    await CaptureService.createCapture({
-        workspace: $workspaceStore,
-        path: $flowStore.path
-    });
-}
-async function getCaptureInput() {
-    const capture = await CaptureService.getCapture({
-        workspace: $workspaceStore,
-        path: $flowStore.path
-    });
-    captureInput = capture;
-    jsonSchema = { required: [], properties: {}, ...convert(capture) };
-}
-</script>
-
-<Drawer
-	bind:this={drawer}
-	size="900px"
-	on:open={() => {
-		startCapturePoint()
-		interval = setInterval(() => {
-			getCaptureInput()
-		}, 1000)
-	}}
-	on:close={() => interval && clearInterval(interval)}
->
-	<DrawerContent title="Capture request" on:close={drawer.closeDrawer}>
-		Send a payload at: <div>
-			<a
-				class="text-2xl"
-				on:click={(e) => {
-					e.preventDefault()
-					copyToClipboard(
-						`${$page.url.protocol}//${$page.url.hostname}/api/w/${$workspaceStore}/capture_u/${$flowStore.path}`
-					)
-				}}
-				href="{$page.url.protocol}//{$page.url
-					.hostname}/api/w/{$workspaceStore}/capture_u/{$flowStore.path}"
-				>{$page.url.protocol}//{$page.url
-					.hostname}/api/w/{$workspaceStore}/capture_u/{$flowStore.path}
-				<Icon data={faClipboard} /></a
-			>
-		</div>
-		<p class="text-gray-600 mt-4 text-xs">CURL example</p>
-
-		<div class="text-xs box mb-4 b">
-			<pre class="overflow-auto"
-				>{`curl -X POST ${$page.url.protocol}//${$page.url.hostname}/api/w/${$workspaceStore}/capture_u/${$flowStore.path} \\
-   -H 'Content-Type: application/json' \\
-   -d '{"foo": 42}'`}</pre
-			>
-		</div>
-		<div class="items-center flex flex-row gap-x-2 text-xs text-gray-600">
-			Listening for new requests
-			<WindmillIcon class="animate-[pulse_5s_linear_infinite]" spin="fast" /></div
-		>
-		<div class="box p-2 my-2 mb-4">
-			<ObjectViewer topBrackets={true} json={captureInput} />
-		</div>
-		<svelte:fragment slot="actions">
-			<Button
-				size="sm"
-				variant="border"
-				on:click={() => {
-					$previewArgs = captureInput
-					sendUserToast('Copied as test args')
-				}}
-			>
-				Copy only as test args
-			</Button>
-			<Button
-				size="sm"
-				on:click={() => {
-					$previewArgs = captureInput
-					$flowStore.schema = jsonSchema
-					sendUserToast('Copied as flow inputs and test args')
-				}}
-			>
-				Copy as flow inputs and test args
-			</Button>
-		</svelte:fragment>
-		<h3 class="my-2 mt-8">Derived schema</h3>
-		<div class="box p-2">
-			<SchemaViewer schema={jsonSchema} />
-		</div>
-		<h3 class="mt-8">Test args</h3>
-		<SchemaForm class="pt-4" schema={$flowStore.schema} args={$previewArgs} />
-	</DrawerContent>
-</Drawer>

package/dist/components/flows/content/CapturePayload.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        openDrawer?: (() => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type CapturePayloadProps = typeof __propDef.props;
-export type CapturePayloadEvents = typeof __propDef.events;
-export type CapturePayloadSlots = typeof __propDef.slots;
-export default class CapturePayload extends SvelteComponentTyped<CapturePayloadProps, CapturePayloadEvents, CapturePayloadSlots> {
-    get openDrawer(): () => void;
-}
-export {};