windmill-components 1.473.1 → 1.493.2

package/package/components/PasswordArgInput.svelte.d.ts

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        value?: string | undefined;
-        disabled: boolean;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PasswordArgInputProps = typeof __propDef.props;
-export type PasswordArgInputEvents = typeof __propDef.events;
-export type PasswordArgInputSlots = typeof __propDef.slots;
-export default class PasswordArgInput extends SvelteComponent<PasswordArgInputProps, PasswordArgInputEvents, PasswordArgInputSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const PasswordArgInput: $$__sveltets_2_IsomorphicComponent<{
+    value?: string | undefined;
+    disabled: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PasswordArgInput = InstanceType<typeof PasswordArgInput>;
+export default PasswordArgInput;

package/package/components/Path.svelte

@@ -1,9 +1,10 @@
-<script context="module">"use strict";
+<script lang="ts" context="module">"use strict";
 const lastMetaUsed = writable(undefined);
 </script>
 
-<script>import { pathToMeta } from '../common';
-import { AppService, FlowService, FolderService, ResourceService, ScheduleService, ScriptService, HttpTriggerService, VariableService, WebsocketTriggerService, KafkaTriggerService, PostgresTriggerService, NatsTriggerService, SqsTriggerService } from '../gen';
+<script lang="ts">import { pathToMeta } from '../common';
+import { localeConcatAnd, pluralize } from '../utils';
+import { AppService, FlowService, FolderService, ResourceService, ScheduleService, ScriptService, HttpTriggerService, VariableService, WebsocketTriggerService, KafkaTriggerService, PostgresTriggerService, NatsTriggerService, MqttTriggerService, SqsTriggerService, GcpTriggerService } from '../gen';
 import { superadmin, userStore, workspaceStore } from '../stores';
 import { createEventDispatcher, getContext } from 'svelte';
 import { writable } from 'svelte/store';
@@ -13,7 +14,9 @@ import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte';
 import FolderEditor from './FolderEditor.svelte';
 import { random_adj } from './random_positive_adjetive';
-import { Eye, Folder, Plus, SearchCode, User } from 'lucide-svelte';
+import { Eye, Folder, Loader2, Plus, SearchCode, User } from 'lucide-svelte';
+import Tooltip from './Tooltip.svelte';
+import { tick } from 'svelte';
 let meta = undefined;
 export let fullNamePlaceholder = undefined;
 export let namePlaceholder = '';
@@ -26,6 +29,7 @@ export let autofocus = true;
 export let dirty = false;
 export let kind;
 export let hideUser = false;
+export let disableEditing = false;
 let inputP = undefined;
 const dispatch = createEventDispatcher();
 let folders = [];
@@ -207,12 +211,24 @@ async function pathExists(path, kind) {
             path: path
         });
     }
+    else if (kind === 'mqtt_trigger') {
+        return await MqttTriggerService.existsMqttTrigger({
+            workspace: $workspaceStore,
+            path: path
+        });
+    }
     else if (kind == 'sqs_trigger') {
         return await SqsTriggerService.existsSqsTrigger({
             workspace: $workspaceStore,
             path: path
         });
     }
+    else if (kind === 'gcp_trigger') {
+        return await GcpTriggerService.existsGcpTrigger({
+            workspace: $workspaceStore,
+            path: path
+        });
+    }
     else {
         return false;
     }
@@ -244,7 +260,8 @@ $: {
         initPath();
     }
 }
-function initPath() {
+async function initPath() {
+    await tick();
     if (path != undefined && path != '') {
         meta = pathToMeta(path, hideUser);
         onMetaChange();
@@ -279,6 +296,36 @@ function setDirty() {
     !dirty && (dirty = true);
 }
 const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
+$: displayPathChangedWarning =
+    ['flow', 'script', 'resource', 'variable'].includes(kind) &&
+        initialPath &&
+        initialPath !== path;
+$: pathUsageInFlowsPromise =
+    (kind == 'script' || kind == 'flow') &&
+        $workspaceStore &&
+        initialPath &&
+        FlowService.listFlowPathsFromWorkspaceRunnable({
+            workspace: $workspaceStore,
+            path: initialPath,
+            runnableKind: kind
+        });
+$: pathUsageInAppsPromise =
+    (kind == 'script' || kind == 'flow') &&
+        $workspaceStore &&
+        initialPath &&
+        AppService.listAppPathsFromWorkspaceRunnable({
+            workspace: $workspaceStore,
+            path: initialPath,
+            runnableKind: kind
+        });
+$: pathUsageInScriptsPromise =
+    kind == 'script' &&
+        $workspaceStore &&
+        initialPath &&
+        ScriptService.listScriptPathsFromWorkspaceRunnable({
+            workspace: $workspaceStore,
+            path: initialPath
+        });
 </script>
 
 <Drawer bind:this={newFolder}>
@@ -330,11 +377,12 @@ const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 								}
 							}
 						}}
+						disabled={disabled || disableEditing}
 						let:item
 					>
 						<ToggleButton
 							icon={User}
-							{disabled}
+							disabled={disabled || disableEditing}
 							light
 							size="xs"
 							value="user"
@@ -345,7 +393,7 @@ const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 						<!-- <ToggleButton light size="xs" value="group" position="center">Group</ToggleButton> -->
 						<ToggleButton
 							icon={Folder}
-							{disabled}
+							disabled={disabled || disableEditing}
 							light
 							size="xs"
 							value="folder"
@@ -367,14 +415,20 @@ const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 							type="text"
 							bind:value={meta.owner}
 							placeholder={$userStore?.username ?? ''}
-							disabled={disabled || !($superadmin || ($userStore?.is_admin ?? false))}
+							disabled={disabled ||
+								!($superadmin || ($userStore?.is_admin ?? false)) ||
+								disableEditing}
 							on:keydown={setDirty}
 						/>
 					</label>
 				{:else if meta.ownerKind === 'folder'}
 					<label class="block grow w-48">
 						<div class="flex flex-row items-center gap-1 w-full">
-							<select class="grow w-full" {disabled} bind:value={meta.owner}>
+							<select
+								class="grow w-full"
+								disabled={disabled || disableEditing}
+								bind:value={meta.owner}
+							>
 								{#if folders?.length == 0}
 									<option disabled>No folders</option>
 								{/if}
@@ -393,17 +447,19 @@ const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 								iconOnly
 								startIcon={{ icon: Eye }}
 							/>
-							<Button
-								title="New folder"
-								btnClasses="!p-1.5"
-								variant="border"
-								color="light"
-								size="xs"
-								{disabled}
-								on:click={newFolder.openDrawer}
-								iconOnly
-								startIcon={{ icon: Plus }}
-							/>
+							{#if !disableEditing}
+								<Button
+									title="New folder"
+									btnClasses="!p-1.5"
+									variant="border"
+									color="light"
+									size="xs"
+									{disabled}
+									on:click={newFolder.openDrawer}
+									iconOnly
+									startIcon={{ icon: Plus }}
+								/>
+							{/if}
 						</div>
 					</label>
 				{/if}
@@ -412,7 +468,7 @@ const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 			<label class="block grow w-full max-w-md">
 				<!-- svelte-ignore a11y-autofocus -->
 				<input
-					{disabled}
+					disabled={disabled || disableEditing}
 					type="text"
 					id="path"
 					{autofocus}
@@ -452,7 +508,65 @@ const openSearchWithPrefilledText = getContext('openSearchWithPrefilledText');
 		<div class="text-red-600 dark:text-red-400 text-2xs mt-1.5">{error}</div>
 	</div>
 
-	{#if kind != 'app' && kind != 'schedule' && kind != 'http_trigger' && kind != 'websocket_trigger' && initialPath != '' && initialPath != undefined && initialPath != path}
+	{#if pathUsageInFlowsPromise || pathUsageInAppsPromise || pathUsageInScriptsPromise}
+		{#await Promise.all( [pathUsageInAppsPromise, pathUsageInFlowsPromise, pathUsageInScriptsPromise] )}
+			<Loader2 class="animate-spin" size={16} />
+		{:then [apps, flows, scripts]}
+			{#if (apps && apps.length) || (flows && flows.length) || (scripts && scripts.length)}
+				<p class="text-xs">
+					Used by {localeConcatAnd([
+						...(scripts && scripts.length ? [pluralize(scripts.length, 'script')] : []),
+						...(flows && flows.length ? [pluralize(flows.length, 'flow')] : []),
+						...(apps && apps.length ? [pluralize(apps.length, 'app')] : [])
+					])}
+					<Tooltip>
+						<ul>
+							{#each scripts || [] as path}
+								<li><a target="_blank" href="/scripts/edit/{path}">{path}</a></li>
+							{/each}
+							{#each flows || [] as path}
+								<li><a target="_blank" href="/flows/edit/{path}">{path}</a></li>
+							{/each}
+							{#each apps || [] as path}
+								<li><a target="_blank" href="/apps/edit/{path}">{path}</a></li>
+							{/each}
+						</ul>
+					</Tooltip>
+				</p>
+				{#if displayPathChangedWarning}
+					<Alert
+						type="warning"
+						class="mt-4"
+						title="Moving this item will break the following referencing it:"
+					>
+						<ul class="list-disc">
+							{#each scripts || [] as scriptPath}
+								<li>
+									<a href={`/scripts/edit/${scriptPath}`} class="text-blue-400" target="_blank">
+										{scriptPath}
+									</a>
+								</li>
+							{/each}
+							{#each flows || [] as flowPath}
+								<li>
+									<a href={`/flows/edit/${flowPath}`} class="text-blue-400" target="_blank">
+										{flowPath}
+									</a>
+								</li>
+							{/each}
+							{#each apps || [] as appPath}
+								<li>
+									<a href={`/apps/edit/${appPath}`} class="text-blue-400" target="_blank">
+										{appPath}
+									</a>
+								</li>
+							{/each}
+						</ul>
+					</Alert>
+				{/if}
+			{/if}
+		{/await}
+	{:else if displayPathChangedWarning}
 		<Alert type="warning" class="mt-4" title="Moving may break other items relying on it">
 			You are renaming an item that may be depended upon by other items. This may break apps, flows
 			or resources. Find if it used elsewhere using the content search. Note that linked variables

package/package/components/Path.svelte.d.ts

@@ -1,34 +1,40 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        fullNamePlaceholder?: string | undefined;
-        namePlaceholder?: string | undefined;
-        initialPath: string;
-        path?: string | undefined;
-        error?: string | undefined;
-        disabled?: boolean | undefined;
-        checkInitialPathExistence?: boolean | undefined;
-        autofocus?: boolean | undefined;
-        dirty?: boolean | undefined;
-        kind: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger" | "postgres_trigger" | "sqs_trigger";
-        hideUser?: boolean | undefined;
-        focus?: (() => void) | undefined;
-        setName?: ((x: string) => void) | undefined;
-        reset?: (() => Promise<void>) | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        enter: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PathProps = typeof __propDef.props;
-export type PathEvents = typeof __propDef.events;
-export type PathSlots = typeof __propDef.slots;
-export default class Path extends SvelteComponent<PathProps, PathEvents, PathSlots> {
-    get focus(): () => void;
-    get setName(): (x: string) => void;
-    get reset(): () => Promise<void>;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Path: $$__sveltets_2_IsomorphicComponent<{
+    fullNamePlaceholder?: string | undefined;
+    namePlaceholder?: string;
+    initialPath: string;
+    path?: string;
+    error?: string;
+    disabled?: boolean;
+    checkInitialPathExistence?: boolean;
+    autofocus?: boolean;
+    dirty?: boolean;
+    kind: "script" | "flow" | "resource" | "schedule" | "app" | "variable" | "raw_app" | "http_trigger" | "websocket_trigger" | "kafka_trigger" | "nats_trigger" | "postgres_trigger" | "mqtt_trigger" | "gcp_trigger" | "sqs_trigger";
+    hideUser?: boolean;
+    disableEditing?: boolean;
+    focus?: () => void;
+    setName?: (x: string) => void;
+    reset?: () => Promise<void>;
+}, {
+    enter: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    focus: () => void;
+    setName: (x: string) => void;
+    reset: () => Promise<void>;
+}, string>;
+type Path = InstanceType<typeof Path>;
+export default Path;

package/package/components/PersistentScriptDrawer.svelte

@@ -1,4 +1,4 @@
-<script>import { JobService } from '../gen';
+<script lang="ts">import { JobService } from '../gen';
 import { Badge, Button, Drawer } from './common';
 import DrawerContent from './common/drawer/DrawerContent.svelte';
 import { createEventDispatcher, onDestroy } from 'svelte';

package/package/components/PersistentScriptDrawer.svelte.d.ts

@@ -1,20 +1,25 @@
-import { SvelteComponent } from "svelte";
 import { type Script } from '../gen';
-declare const __propDef: {
-    props: {
-        open?: ((persistentScript: Script | undefined) => Promise<void>) | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        close: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PersistentScriptDrawerProps = typeof __propDef.props;
-export type PersistentScriptDrawerEvents = typeof __propDef.events;
-export type PersistentScriptDrawerSlots = typeof __propDef.slots;
-export default class PersistentScriptDrawer extends SvelteComponent<PersistentScriptDrawerProps, PersistentScriptDrawerEvents, PersistentScriptDrawerSlots> {
-    get open(): (persistentScript: Script | undefined) => Promise<void>;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const PersistentScriptDrawer: $$__sveltets_2_IsomorphicComponent<{
+    open?: (persistentScript: Script | undefined) => Promise<void>;
+}, {
+    close: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    open: (persistentScript: Script | undefined) => Promise<void>;
+}, string>;
+type PersistentScriptDrawer = InstanceType<typeof PersistentScriptDrawer>;
+export default PersistentScriptDrawer;

package/package/components/Popover.svelte

@@ -1,4 +1,4 @@
-<script>import { createPopperActions } from 'svelte-popperjs';
+<script lang="ts">import { createPopperActions } from 'svelte-popperjs';
 import Portal from './Portal.svelte';
 import { twMerge } from 'tailwind-merge';
 import { ExternalLink } from 'lucide-svelte';

package/package/components/Popover.svelte.d.ts

@@ -1,31 +1,43 @@
-import { SvelteComponent } from "svelte";
 import type { PopoverPlacement } from './Popover.model';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        placement?: PopoverPlacement | undefined;
-        notClickable?: boolean | undefined;
-        popupClass?: string | undefined;
-        disablePopup?: boolean | undefined;
-        disappearTimeout?: number | undefined;
-        appearTimeout?: number | undefined;
-        documentationLink?: string | undefined;
-        style?: string | undefined;
-        forceOpen?: boolean | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        click: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-        text: {};
-    };
-};
-export type PopoverProps = typeof __propDef.props;
-export type PopoverEvents = typeof __propDef.events;
-export type PopoverSlots = typeof __propDef.slots;
-export default class Popover extends SvelteComponent<PopoverProps, PopoverEvents, PopoverSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Popover: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    placement?: PopoverPlacement | undefined;
+    notClickable?: boolean | undefined;
+    popupClass?: string | undefined;
+    disablePopup?: boolean | undefined;
+    disappearTimeout?: number | undefined;
+    appearTimeout?: number | undefined;
+    documentationLink?: string | undefined | undefined;
+    style?: string | undefined | undefined;
+    forceOpen?: boolean | undefined;
+}, {
+    default: {};
+    text: {};
+}>, {
+    click: MouseEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+    text: {};
+}, {}, string>;
+type Popover = InstanceType<typeof Popover>;
+export default Popover;

package/package/components/Portal.svelte.d.ts

@@ -2,32 +2,44 @@ export function portal(el: any, options: any): {
     update: (newTarget: any) => Promise<void>;
     destroy: () => void;
 };
-/** @typedef {typeof __propDef.props}  PortalProps */
-/** @typedef {typeof __propDef.events}  PortalEvents */
-/** @typedef {typeof __propDef.slots}  PortalSlots */
-export default class Portal extends SvelteComponent<{
+export default Portal;
+type Portal = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
     name?: any;
     target?: string | HTMLElement | undefined;
 }, {
+    default: {};
+}>, {
     [evt: string]: CustomEvent<any>;
 }, {
     default: {};
-}> {
-}
-export type PortalProps = typeof __propDef.props;
-export type PortalEvents = typeof __propDef.events;
-export type PortalSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        name?: any;
-        target?: string | HTMLElement | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
+}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const Portal: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    name?: any;
+    target?: string | HTMLElement | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/package/components/QueueMetricsDrawer.svelte

@@ -1,4 +1,4 @@
-<script>import { onMount } from 'svelte';
+<script lang="ts">import { onMount } from 'svelte';
 import { Drawer, DrawerContent, Button } from './common';
 import QueueMetricsDrawerInner from './QueueMetricsDrawerInner.svelte';
 import { ConfigService } from '../gen';
@@ -38,8 +38,8 @@ onMount(async () => {
 });
 async function fetchConfig() {
     try {
-        const response = (await ConfigService.getConfig({ name: configName }));
-        alerts = response.alerts || [];
+        const response = await ConfigService.getConfig({ name: configName });
+        alerts = response?.alerts || [];
         originalAlerts = JSON.parse(JSON.stringify(alerts));
     }
     catch (error) {
@@ -258,7 +258,9 @@ function addAllTags(alertIndex) {
 														<input
 															type="text"
 															bind:value={newTag}
-															placeholder="{workerTags.length === alert.tags_to_monitor.length ? 'All tags already added' : 'Add tag from dropdown' }"
+															placeholder={workerTags.length === alert.tags_to_monitor.length
+																? 'All tags already added'
+																: 'Add tag from dropdown'}
 															on:input={(e) => filterTags(e)}
 															disabled={workerTags.length === alert.tags_to_monitor.length}
 															class="p-1 flex-grow mr-1"
@@ -281,15 +283,15 @@ function addAllTags(alertIndex) {
 														>
 															{#each filteredTags as tag}
 																{#if !alert.tags_to_monitor.includes(tag)}
-																<li>
-																	<button
-																		type="button"
-																		class="w-full text-left p-2 cursor-pointer hover:bg-slate-200 dark:hover:bg-slate-700"
-																		on:click={() => addTag(index, tag)}
-																	>
-																		{tag}
-																	</button>
-																</li>
+																	<li>
+																		<button
+																			type="button"
+																			class="w-full text-left p-2 cursor-pointer hover:bg-slate-200 dark:hover:bg-slate-700"
+																			on:click={() => addTag(index, tag)}
+																		>
+																			{tag}
+																		</button>
+																	</li>
 																{/if}
 															{/each}
 														</ul>

package/package/components/QueueMetricsDrawer.svelte.d.ts

@@ -1,19 +1,24 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        openDrawer?: (() => void) | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        submit: SubmitEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type QueueMetricsDrawerProps = typeof __propDef.props;
-export type QueueMetricsDrawerEvents = typeof __propDef.events;
-export type QueueMetricsDrawerSlots = typeof __propDef.slots;
-export default class QueueMetricsDrawer extends SvelteComponent<QueueMetricsDrawerProps, QueueMetricsDrawerEvents, QueueMetricsDrawerSlots> {
-    get openDrawer(): () => void;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const QueueMetricsDrawer: $$__sveltets_2_IsomorphicComponent<{
+    openDrawer?: () => void;
+}, {
+    submit: SubmitEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    openDrawer: () => void;
+}, string>;
+type QueueMetricsDrawer = InstanceType<typeof QueueMetricsDrawer>;
+export default QueueMetricsDrawer;

package/package/components/QueueMetricsDrawerInner.svelte

@@ -1,5 +1,5 @@
-<script>import 'chartjs-adapter-date-fns';
-import { Line } from 'svelte-chartjs';
+<script lang="ts">import 'chartjs-adapter-date-fns';
+import { Line } from './chartjs-wrappers/chartJs';
 import { Chart as ChartJS, Title, Tooltip, Legend, LineElement, CategoryScale, LinearScale, PointElement, LogarithmicScale, TimeScale } from 'chart.js';
 import { WorkerService } from '../gen';
 import Skeleton from './common/skeleton/Skeleton.svelte';