windmill-components 1.46.3 → 1.55.0

package/components/FlowModulesViewer.svelte

@@ -1,191 +0,0 @@
-<script>import { scriptPathToHref } from '../utils';
-import { slide } from 'svelte/transition';
-import InputTransformsViewer from './InputTransformsViewer.svelte';
-import IconedPath from './IconedPath.svelte';
-import HighlightCode from './HighlightCode.svelte';
-import { faBug } from '@fortawesome/free-solid-svg-icons';
-import Icon from 'svelte-awesome';
-export let modules;
-export let failureModule;
-let open = {};
-</script>
-
-<p class="font-black text-lg my-6 w-full">
-	<span>{modules?.length} Step{modules?.length > 1 ? 's' : ''} </span>
-	<span class="mt-4" />
-</p>
-<ul class="-mb-8 w-full">
-	{#each modules ?? [] as mod, i}
-		<li class="w-full">
-			<div class="relative pb-8 w-full">
-				{#if i < (modules ?? []).length - 1 || failureModule}
-					<span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true" />
-				{/if}
-				<div class="relative flex space-x-3">
-					<div>
-						<span
-							class="h-8 w-8 rounded-full bg-blue-600 flex items-center justify-center ring-8 ring-white text-white"
-						>
-							{i + 1}
-						</span>
-					</div>
-					<div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 w-full">
-						<div class="w-full">
-							<span class="text-black">{mod?.summary ?? ''}</span>
-							<p class="text-sm text-gray-500">
-								{#if mod?.value?.type == 'script'}
-									<a
-										target="_blank"
-										href={scriptPathToHref(mod?.value?.path ?? '')}
-										class="font-medium text-gray-900"
-									>
-										<IconedPath path={mod?.value?.path ?? ''} />
-									</a>
-									{#if mod?.value?.path?.startsWith('hub/')}
-										<div>
-											<button
-												on:click={async () => {
-													open[i] = !open[i]
-												}}
-												class="mb-2 underline text-black"
-											>
-												View code and inputs {open[i] ? '(-)' : '(+)'}</button
-											>
-											{#if open[i]}
-												<div class="border border-black p-2 bg-gray-50  divide-y">
-													<InputTransformsViewer
-														inputTransforms={mod?.value?.input_transforms ??
-															mod?.input_transforms ??
-															{}}
-													/>
-													<div class="w-full h-full mt-6">
-														<iframe
-															style="height: 400px;"
-															class="w-full h-full  text-sm"
-															title="embedded script from hub"
-															frameborder="0"
-															src="https://hub.windmill.dev/embed/script/{mod?.value?.path?.substring(
-																4
-															)}"
-														/>
-													</div>
-												</div>
-											{/if}
-										</div>
-									{/if}
-								{:else if mod?.value?.type == 'rawscript'}
-									<button on:click={() => (open[i] = !open[i])} class="mb-2 underline text-black">
-										Raw {mod?.value?.language} script {open[i] ? '(-)' : '(+)'}</button
-									>
-
-									{#if open[i]}
-										<div transition:slide class="border border-black p-2 bg-gray-50 w-full">
-											<InputTransformsViewer
-												inputTransforms={mod?.value?.input_transforms ??
-													mod?.input_transforms ??
-													{}}
-											/>
-											<HighlightCode
-												language={mod?.value?.language ?? 'deno'}
-												code={mod?.value?.content}
-											/>
-										</div>
-									{/if}
-								{:else if mod?.value?.type == 'forloopflow'}
-									For loop over all the elements of the list returned as a result of step {i}:
-									<svelte:self modules={mod.value.modules} />
-								{/if}
-							</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</li>
-	{/each}
-	{#if failureModule}
-		<li class="w-full">
-			<div class="relative pb-8 w-full">
-				<div class="relative flex space-x-3">
-					<div>
-						<span
-							class="h-8 w-8 rounded-full bg-red-600 flex items-center justify-center ring-8 ring-white text-white"
-						>
-							<Icon data={faBug} />
-						</span>
-					</div>
-					<div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 w-full">
-						<div class="w-full">
-							<span class="text-black">{failureModule?.summary ?? ''}</span>
-							<p class="text-sm text-gray-500">
-								{#if failureModule?.value?.type == 'script'}
-									<a
-										target="_blank"
-										href={scriptPathToHref(failureModule?.value?.path ?? '')}
-										class="font-medium text-gray-900"
-									>
-										<IconedPath path={failureModule?.value?.path ?? ''} />
-									</a>
-									{#if failureModule?.value?.path?.startsWith('hub/')}
-										<div>
-											<button
-												on:click={async () => {
-													open[modules.length] = !open[modules.length]
-												}}
-												class="mb-2 underline text-black"
-											>
-												View code and inputs {open[modules.length] ? '(-)' : '(+)'}</button
-											>
-											{#if open[modules.length]}
-												<div class="border border-black p-2 bg-gray-50  divide-y">
-													<InputTransformsViewer
-														inputTransforms={failureModule?.value?.input_transforms ??
-															failureModule?.input_transforms ??
-															{}}
-													/>
-													<div class="w-full h-full mt-6">
-														<iframe
-															style="height: 400px;"
-															class="w-full h-full  text-sm"
-															title="embedded script from hub"
-															frameborder="0"
-															src="https://hub.windmill.dev/embed/script/{failureModule?.value?.path?.substring(
-																4
-															)}"
-														/>
-													</div>
-												</div>
-											{/if}
-										</div>
-									{/if}
-								{:else if failureModule?.value?.type == 'rawscript'}
-									<button
-										on:click={() => (open[modules.length] = !open[modules.length])}
-										class="mb-2 underline text-black"
-									>
-										Error handler: Raw {failureModule?.value?.language} script {open[modules.length]
-											? '(-)'
-											: '(+)'}</button
-									>
-
-									{#if open[modules.length]}
-										<div transition:slide class="border border-black p-2 bg-gray-50 w-full">
-											<InputTransformsViewer
-												inputTransforms={failureModule?.value?.input_transforms ??
-													failureModule?.input_transforms ??
-													{}}
-											/>
-											<HighlightCode
-												language={failureModule?.value?.language ?? 'deno'}
-												code={failureModule?.value?.content}
-											/>
-										</div>
-									{/if}
-								{/if}
-							</p>
-						</div>
-					</div>
-				</div>
-			</div>
-		</li>
-	{/if}
-</ul>

package/components/FlowModulesViewer.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { FlowModule } from '../gen';
-declare const __propDef: {
-    props: {
-        modules: FlowModule[];
-        failureModule: FlowModule | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type FlowModulesViewerProps = typeof __propDef.props;
-export declare type FlowModulesViewerEvents = typeof __propDef.events;
-export declare type FlowModulesViewerSlots = typeof __propDef.slots;
-export default class FlowModulesViewer extends SvelteComponentTyped<FlowModulesViewerProps, FlowModulesViewerEvents, FlowModulesViewerSlots> {
-}
-export {};

package/components/flows/content/FlowBranchesWrapper.svelte

@@ -1,140 +0,0 @@
-<script>import { Alert, Badge, Button, Tab } from '../../common';
-import TabContent from '../../common/tabs/TabContent.svelte';
-import Tabs from '../../common/tabs/Tabs.svelte';
-import HighlightCode from '../../HighlightCode.svelte';
-import Toggle from '../../Toggle.svelte';
-import { language } from '../../../sql';
-import { getContext } from 'svelte';
-import FlowCard from '../common/FlowCard.svelte';
-import FlowModuleEarlyStop from './FlowModuleEarlyStop.svelte';
-import FlowModuleSuspend from './FlowModuleSuspend.svelte';
-// import FlowRetries from './FlowRetries.svelte'
-const { selectedId } = getContext('FlowEditorContext');
-export let flowModule;
-export let parentModule;
-export let previousModule;
-let selected = 'early-stop';
-let branches = [];
-$: if (flowModule.value.type === 'branchone') {
-    branches = flowModule.value.branches.map((branch, i) => ({
-        id: `${flowModule.id}-branch-${i}`,
-        summary: branch.summary,
-        expr: branch.expr
-    }));
-}
-else if (flowModule.value.type === 'branchall') {
-    branches = flowModule.value.branches.map((branch, i) => ({
-        id: `${flowModule.id}-branch-${i}`,
-        summary: branch.summary,
-        expr: undefined
-    }));
-}
-</script>
-
-<div class="h-full flex flex-col">
-	<FlowCard title={flowModule.value.type == 'branchall' ? 'Run all branches' : 'Run one branch'}>
-		<div class="flex flex-col h-full">
-			<div class="border">
-				{#if flowModule.value.type == 'branchall'}
-					<Alert type="info" title="All branches will be run">
-						Configure branches to skip errors and to not result in that step itself failing.
-						<br />
-						<br />
-						The result of this step is the list of the result of each branch.
-					</Alert>
-				{:else}
-					<Alert type="info" title="Only one branch will be run">
-						Only one branch is ran, the first one that match its predicate, if none do, the default
-						branch is chosen.
-						<br />
-						<br />
-						The result of this step is the result of the branch.
-					</Alert>
-				{/if}
-
-				<div class="p-2">
-					<h3
-						>{branches.length + (flowModule.value.type === 'branchone' ? 1 : 0)} branch{branches.length +
-							(flowModule.value.type === 'branchone' ? 1 : 0) >
-						1
-							? 'es'
-							: ''}</h3
-					>
-					<div class="flex flex-col gap-y-4 py-2">
-						{#if flowModule.value.type === 'branchone'}
-							<div class="flex flex-row">
-								<Badge large={true} color="blue">Default branch</Badge>
-							</div>
-						{/if}
-						{#each branches as branch, i}
-							{#if flowModule.value.type === 'branchone'}
-								<div class="flex flex-row gap-x-2 items-center">
-									<div class="max-w-sm w-full text-sm text-gray-600">
-										{branch.summary && branch.summary != '' ? branch.summary : 'No summary'}</div
-									>
-									<div>
-										<Button size="sm" on:click={() => ($selectedId = branch.id)}>
-											Set branch {i} predicate</Button
-										>
-									</div>
-									<div class="w-full text-2xs">
-										<HighlightCode language="deno" code={branch.expr} />
-									</div>
-								</div>
-							{:else}
-								<div class="flex flex-row gap-x-2">
-									<div class="max-w-sm w-full text-sm text-gray-600">
-										{branch.summary && branch.summary != '' ? branch.summary : 'No summary'}
-									</div>
-									<div>
-										<Button size="sm" on:click={() => ($selectedId = branch.id)}>
-											Set branch {i} summary</Button
-										>
-									</div>
-								</div>
-							{/if}
-						{/each}
-					</div>
-					{#if flowModule.value.type == 'branchall'}
-						<div class="mt-6 mb-2 text-sm font-bold">Run in parallel</div>
-						<Toggle
-							bind:checked={flowModule.value.parallel}
-							options={{
-								right: 'All branches run in parallel'
-							}}
-						/>
-					{/if}
-				</div>
-			</div>
-			{#if flowModule}
-				<Tabs bind:selected>
-					<!-- <Tab value="retries">Retries</Tab> -->
-					<Tab value="early-stop">Early Stop</Tab>
-					<Tab value="suspend">Sleep/Suspend</Tab>
-
-					<svelte:fragment slot="content">
-						<div class="overflow-hidden bg-white">
-							<!-- <TabContent value="retries" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowRetries bind:flowModule />
-								</div>
-							</TabContent> -->
-
-							<TabContent value="early-stop" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowModuleEarlyStop bind:flowModule />
-								</div>
-							</TabContent>
-
-							<TabContent value="suspend" class="flex flex-col flex-1 h-full">
-								<div class="p-4 overflow-y-auto">
-									<FlowModuleSuspend previousModuleId={previousModule?.id} bind:flowModule />
-								</div>
-							</TabContent>
-						</div>
-					</svelte:fragment>
-				</Tabs>
-			{/if}
-		</div>
-	</FlowCard>
-</div>

package/components/flows/content/FlowBranchesWrapper.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { FlowModule } from '../../../gen';
-declare const __propDef: {
-    props: {
-        flowModule: FlowModule;
-        parentModule: FlowModule | undefined;
-        previousModule: FlowModule | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type FlowBranchesWrapperProps = typeof __propDef.props;
-export declare type FlowBranchesWrapperEvents = typeof __propDef.events;
-export declare type FlowBranchesWrapperSlots = typeof __propDef.slots;
-export default class FlowBranchesWrapper extends SvelteComponentTyped<FlowBranchesWrapperProps, FlowBranchesWrapperEvents, FlowBranchesWrapperSlots> {
-}
-export {};

package/components/landing/FlowGettingStarted.svelte

@@ -1,50 +0,0 @@
-<script>
-	import { goto } from '$app/navigation'
-	import { faExternalLink, faFile, faPlus } from '@fortawesome/free-solid-svg-icons'
-	import Button from '../common/button/Button.svelte'
-	import HatIcon from '../icons/HatIcon.svelte'
-</script>
-
-<div class="p-4 border border-gray-300 rounded-md bg-gray-50 overflow-auto">
-	<div class="flex items-center">
-		<h3 class="inline-flex items-center font-semibold">
-			<HatIcon class="w-6 h-6 mr-2" />
-			Getting started
-		</h3>
-	</div>
-	<div class="mt-2 mb-4 text-sm text-gray-700 ">
-		Flows allow you to streamline complex processes and operations by chaining simple steps
-		together. Each Flow is composed of one or more steps. Create a new flow or find inspiration on
-		the Hub!
-	</div>
-	<div class="flex flex-row flex-wrap gap-y-2">
-		<Button
-			on:click={() => goto('flows/add')}
-			color="dark"
-			size="xs"
-			btnClasses="mr-2"
-			startIcon={{ icon: faPlus }}
-		>
-			Create flow
-		</Button>
-		<Button
-			on:click={() => goto('https://docs.windmill.dev/docs/getting_started/flows')}
-			color="blue"
-			size="xs"
-			btnClasses="mr-2"
-			startIcon={{ icon: faFile }}
-		>
-			Flow documentation
-		</Button>
-		<Button
-			on:click={() => goto('https://hub.windmill.dev/')}
-			color="light"
-			variant="border"
-			size="xs"
-			startIcon={{ icon: faExternalLink }}
-			target="_blank"
-		>
-			Explore community flows on WindmillHub
-		</Button>
-	</div>
-</div>

package/components/landing/FlowGettingStarted.svelte.d.ts

@@ -1,19 +0,0 @@
-/** @typedef {typeof __propDef.props}  FlowGettingStartedProps */
-/** @typedef {typeof __propDef.events}  FlowGettingStartedEvents */
-/** @typedef {typeof __propDef.slots}  FlowGettingStartedSlots */
-export default class FlowGettingStarted extends SvelteComponentTyped<{}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type FlowGettingStartedProps = typeof __propDef.props;
-export type FlowGettingStartedEvents = typeof __propDef.events;
-export type FlowGettingStartedSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/components/landing/FlowLandingBox.svelte

@@ -1,39 +0,0 @@
-<script>import { goto } from '$app/navigation';
-import { faPencil, faPlay } from '@fortawesome/free-solid-svg-icons';
-import { Button } from '../common';
-export let flow;
-</script>
-
-<a
-	href="#{flow.path}"
-	class="border p-4 rounded-sm shadow-sm space-y-2 hover:border-blue-600 text-gray-800 flex flex-col justify-between cursor-pointer"
-	on:click={() => goto(`/flows/get/${flow.path}`)}
->
-	<div class="font-bold">{flow.summary || flow.path}</div>
-
-	<div class="inline-flex justify-between w-full break-words">
-		<div class="text-xs">{flow.path}</div>
-	</div>
-
-	<div class="flex flex-row-reverse gap-x-2">
-		<Button
-			on:click={() => goto(`/flows/edit/${flow.path}`)}
-			color="dark"
-			size="xs"
-			variant="border"
-			startIcon={{ icon: faPencil }}
-		>
-			Edit
-		</Button>
-
-		<Button
-			on:click={() => goto(`/flows/run/${flow.path}`)}
-			color="dark"
-			size="xs"
-			variant="border"
-			startIcon={{ icon: faPlay }}
-		>
-			Run
-		</Button>
-	</div>
-</a>

package/components/landing/FlowLandingBox.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Flow } from '../../gen';
-declare const __propDef: {
-    props: {
-        flow: Flow;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type FlowLandingBoxProps = typeof __propDef.props;
-export declare type FlowLandingBoxEvents = typeof __propDef.events;
-export declare type FlowLandingBoxSlots = typeof __propDef.slots;
-export default class FlowLandingBox extends SvelteComponentTyped<FlowLandingBoxProps, FlowLandingBoxEvents, FlowLandingBoxSlots> {
-}
-export {};

package/components/landing/RessourceGettingStarted.svelte

@@ -1,21 +0,0 @@
-<script>
-	import { goto } from '$app/navigation'
-	import { faLink } from '@fortawesome/free-solid-svg-icons'
-	import Button from '../common/button/Button.svelte'
-	import HatIcon from '../icons/HatIcon.svelte'
-</script>
-
-<div class="p-4 border border-gray-300 rounded-md bg-gray-50 dark:border-gray-600 dark:bg-gray-700">
-	<div class="flex items-center">
-		<h3 class="inline-flex items-center font-semibold">
-			<HatIcon class="w-6 h-6 mr-2" />
-			Getting started
-		</h3>
-	</div>
-	<div class="mt-2 mb-4 text-sm text-gray-700 dark:text-gray-300">
-		Connect to apps like Slack, Google Drive or Airtable using OAuth.
-	</div>
-	<Button on:click={() => goto('resources')} color="dark" startIcon={{ icon: faLink }} size="xs">
-		Connect an API
-	</Button>
-</div>

package/components/landing/RessourceGettingStarted.svelte.d.ts

@@ -1,19 +0,0 @@
-/** @typedef {typeof __propDef.props}  RessourceGettingStartedProps */
-/** @typedef {typeof __propDef.events}  RessourceGettingStartedEvents */
-/** @typedef {typeof __propDef.slots}  RessourceGettingStartedSlots */
-export default class RessourceGettingStarted extends SvelteComponentTyped<{}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type RessourceGettingStartedProps = typeof __propDef.props;
-export type RessourceGettingStartedEvents = typeof __propDef.events;
-export type RessourceGettingStartedSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/components/landing/ScriptBox.svelte

@@ -1,52 +0,0 @@
-<script>import { goto } from '$app/navigation';
-import { truncateHash } from '../../utils';
-import { faPencil, faPlay } from '@fortawesome/free-solid-svg-icons';
-import { Button, Badge } from '../common';
-export let script;
-</script>
-
-<a
-	class="border p-4 rounded-sm shadow-sm space-y-2 hover:border-blue-600 text-gray-800 flex flex-col justify-between"
-	href="/scripts/get/{script.hash}"
->
-	<div class="font-bold">{script.summary || script.path}</div>
-
-	<div class="inline-flex justify-between w-full">
-		<div class="text-xs">{script.path}</div>
-
-		<Badge color="gray">
-			{truncateHash(script.hash)}
-		</Badge>
-	</div>
-	<div class="inline-flex space-x-1 w-full">
-		<Badge color="blue" capitalize>
-			{script.language}
-		</Badge>
-		{#if script.kind !== 'script'}
-			<Badge color="green" capitalize>
-				{script.kind}
-			</Badge>
-		{/if}
-	</div>
-	<div class="flex flex-row-reverse gap-x-2">
-		<Button
-			on:click={() => goto(`/scripts/edit/${script.hash}?step=2`)}
-			color="dark"
-			size="xs"
-			variant="border"
-			startIcon={{ icon: faPencil }}
-		>
-			Edit
-		</Button>
-
-		<Button
-			on:click={() => goto(`/scripts/run/${script.hash}`)}
-			color="dark"
-			size="xs"
-			variant="border"
-			startIcon={{ icon: faPlay }}
-		>
-			Run
-		</Button>
-	</div>
-</a>

package/components/landing/ScriptBox.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Script } from '../../gen';
-declare const __propDef: {
-    props: {
-        script: Script;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type ScriptBoxProps = typeof __propDef.props;
-export declare type ScriptBoxEvents = typeof __propDef.events;
-export declare type ScriptBoxSlots = typeof __propDef.slots;
-export default class ScriptBox extends SvelteComponentTyped<ScriptBoxProps, ScriptBoxEvents, ScriptBoxSlots> {
-}
-export {};

package/components/landing/ScriptGettingStarted.svelte

@@ -1,48 +0,0 @@
-<script>
-	import { goto } from '$app/navigation'
-	import { faExternalLink, faFile, faPlus } from '@fortawesome/free-solid-svg-icons'
-	import Button from '../common/button/Button.svelte'
-	import HatIcon from '../icons/HatIcon.svelte'
-</script>
-
-<div class="p-4 border border-gray-300 rounded-md bg-gray-50 overflow-auto">
-	<div class="flex items-center">
-		<h3 class="inline-flex items-center font-semibold">
-			<HatIcon class="w-6 h-6 mr-2" />
-			Getting started
-		</h3>
-	</div>
-	<div class="mt-2 mb-4 text-sm text-gray-700 ">
-		Create a new script or find inspiration on the Hub!
-	</div>
-	<div class="inline-flex flex-wrap gap-y-2">
-		<Button
-			on:click={() => goto('scripts/add')}
-			color="dark"
-			size="xs"
-			btnClasses="mr-2"
-			startIcon={{ icon: faPlus }}
-		>
-			Create script
-		</Button>
-		<Button
-			on:click={() => goto('https://docs.windmill.dev/docs/getting_started/scripts')}
-			color="blue"
-			size="xs"
-			btnClasses="mr-2"
-			startIcon={{ icon: faFile }}
-		>
-			Script documentation
-		</Button>
-		<Button
-			on:click={() => goto('https://hub.windmill.dev/')}
-			color="light"
-			variant="border"
-			size="xs"
-			startIcon={{ icon: faExternalLink }}
-			target="_blank"
-		>
-			Explore community scripts on WindmillHub
-		</Button>
-	</div>
-</div>

package/components/landing/ScriptGettingStarted.svelte.d.ts

@@ -1,19 +0,0 @@
-/** @typedef {typeof __propDef.props}  ScriptGettingStartedProps */
-/** @typedef {typeof __propDef.events}  ScriptGettingStartedEvents */
-/** @typedef {typeof __propDef.slots}  ScriptGettingStartedSlots */
-export default class ScriptGettingStarted extends SvelteComponentTyped<{}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ScriptGettingStartedProps = typeof __propDef.props;
-export type ScriptGettingStartedEvents = typeof __propDef.events;
-export type ScriptGettingStartedSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};