windmill-components 1.473.1 → 1.493.3

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

@@ -1,25 +1,29 @@
-import { SvelteComponent } from "svelte";
 import type { ComponentCustomCSS } from '../../types';
 import type { AppInput } from '../../inputType';
-declare const __propDef: {
-    props: {
-        id: string;
-        componentInput: AppInput | undefined;
-        customCss?: ComponentCustomCSS<'accordionlistcomponent'> | undefined;
-        render: boolean;
-        initializing: boolean | undefined;
-        componentContainerHeight: number;
+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: {
-        pointerdown: PointerEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AppAccordionListProps = typeof __propDef.props;
-export type AppAccordionListEvents = typeof __propDef.events;
-export type AppAccordionListSlots = typeof __propDef.slots;
-export default class AppAccordionList extends SvelteComponent<AppAccordionListProps, AppAccordionListEvents, AppAccordionListSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AppAccordionList: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    componentInput: AppInput | undefined;
+    customCss?: ComponentCustomCSS<"accordionlistcomponent"> | undefined;
+    render: boolean;
+    initializing: boolean | undefined;
+    componentContainerHeight: number;
+}, {
+    pointerdown: PointerEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AppAccordionList = InstanceType<typeof AppAccordionList>;
+export default AppAccordionList;

package/package/components/apps/components/display/AppAlert.svelte

@@ -1,4 +1,4 @@
-<script>import { getContext } from 'svelte';
+<script lang="ts">import { getContext } from 'svelte';
 import { initConfig, initOutput } from '../../editor/appUtils';
 import { initCss } from '../../utils';
 import { components } from '../../editor/component';
@@ -8,6 +8,7 @@ import { twMerge } from 'tailwind-merge';
 import InitializeComponent from '../helpers/InitializeComponent.svelte';
 import { Alert } from '../../../common';
 import AlignWrapper from '../helpers/AlignWrapper.svelte';
+import { appendClass } from '../../editor/componentsPanel/cssUtils';
 export let id;
 export let configuration;
 export let customCss = undefined;
@@ -53,13 +54,13 @@ let css = initCss($app.css?.alertcomponent, customCss);
 				tooltip={resolvedConfig.tooltip}
 				size={resolvedConfig.size}
 				collapsible={resolvedConfig.collapsible}
-				bgClass={css?.background?.class}
+				bgClass={appendClass(css?.background?.class, 'wm-alert-card-background')}
 				bgStyle={css?.background?.style}
-				iconClass={css?.icon?.class}
+				iconClass={appendClass(css?.icon?.class, 'wm-alert-card-icon')}
 				iconStyle={css?.icon?.style}
-				titleClass={css?.title?.class}
+				titleClass={appendClass(css?.title?.class, 'wm-alert-card-title')}
 				titleStyle={css?.title?.style}
-				descriptionClass={css?.description?.class}
+				descriptionClass={appendClass(css?.description?.class, 'wm-alert-card-description')}
 				descriptionStyle={css?.description?.style}
 				isCollapsed={resolvedConfig.initiallyCollapsed}
 			>

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

@@ -1,21 +1,25 @@
-import { SvelteComponent } from "svelte";
 import type { ComponentCustomCSS, RichConfigurations } from '../../types';
-declare const __propDef: {
-    props: {
-        id: string;
-        configuration: RichConfigurations;
-        customCss?: ComponentCustomCSS<'alertcomponent'> | undefined;
-        render: boolean;
-        verticalAlignment?: 'top' | 'center' | 'bottom' | 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: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AppAlertProps = typeof __propDef.props;
-export type AppAlertEvents = typeof __propDef.events;
-export type AppAlertSlots = typeof __propDef.slots;
-export default class AppAlert extends SvelteComponent<AppAlertProps, AppAlertEvents, AppAlertSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AppAlert: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    configuration: RichConfigurations;
+    customCss?: ComponentCustomCSS<"alertcomponent"> | undefined;
+    render: boolean;
+    verticalAlignment?: "top" | "center" | "bottom" | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AppAlert = InstanceType<typeof AppAlert>;
+export default AppAlert;

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

@@ -1,6 +1,6 @@
-<script>import { BarElement, CategoryScale, Chart as ChartJS, Legend, LinearScale, LineElement, PointElement, Title, Tooltip } from 'chart.js';
+<script lang="ts">import { BarElement, CategoryScale, Chart as ChartJS, Legend, LinearScale, LineElement, PointElement, Title, Tooltip } from 'chart.js';
 import { getContext } from 'svelte';
-import { Bar, Line } from 'svelte-chartjs';
+import { Bar, Line } from '../../../chartjs-wrappers/chartJs';
 import { initConfig, initOutput } from '../../editor/appUtils';
 import { initCss } from '../../utils';
 import RunnableWrapper from '../helpers/RunnableWrapper.svelte';

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

@@ -1,23 +1,27 @@
-import { SvelteComponent } from "svelte";
 import type { AppInput } from '../../inputType';
 import type { ComponentCustomCSS, RichConfigurations } from '../../types';
-declare const __propDef: {
-    props: {
-        id: string;
-        componentInput: AppInput | undefined;
-        configuration: RichConfigurations;
-        initializing?: boolean | undefined;
-        customCss?: ComponentCustomCSS<'barchartcomponent'> | undefined;
-        render: 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 AppBarChartProps = typeof __propDef.props;
-export type AppBarChartEvents = typeof __propDef.events;
-export type AppBarChartSlots = typeof __propDef.slots;
-export default class AppBarChart extends SvelteComponent<AppBarChartProps, AppBarChartEvents, AppBarChartSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AppBarChart: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    componentInput: AppInput | undefined;
+    configuration: RichConfigurations;
+    initializing?: boolean | undefined;
+    customCss?: ComponentCustomCSS<"barchartcomponent"> | undefined;
+    render: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AppBarChart = InstanceType<typeof AppBarChart>;
+export default AppBarChart;

package/package/components/apps/components/display/AppCarouselList.svelte

@@ -1,4 +1,4 @@
-<script>import { getContext } from 'svelte';
+<script lang="ts">import { getContext } from 'svelte';
 import { initConfig, initOutput } from '../../editor/appUtils';
 import SubGridEditor from '../../editor/SubGridEditor.svelte';
 import { initCss } from '../../utils';

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

@@ -1,24 +1,28 @@
-import { SvelteComponent } from "svelte";
 import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 import type { AppInput } from '../../inputType';
-declare const __propDef: {
-    props: {
-        id: string;
-        componentInput: AppInput | undefined;
-        configuration: RichConfigurations;
-        customCss?: ComponentCustomCSS<'carousellistcomponent'> | undefined;
-        render: boolean;
-        initializing: boolean | undefined;
-        componentContainerHeight: number;
+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 AppCarouselListProps = typeof __propDef.props;
-export type AppCarouselListEvents = typeof __propDef.events;
-export type AppCarouselListSlots = typeof __propDef.slots;
-export default class AppCarouselList extends SvelteComponent<AppCarouselListProps, AppCarouselListEvents, AppCarouselListSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AppCarouselList: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    componentInput: AppInput | undefined;
+    configuration: RichConfigurations;
+    customCss?: ComponentCustomCSS<"carousellistcomponent"> | undefined;
+    render: boolean;
+    initializing: boolean | undefined;
+    componentContainerHeight: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AppCarouselList = InstanceType<typeof AppCarouselList>;
+export default AppCarouselList;

package/package/components/apps/components/display/AppChartJs.svelte

@@ -1,4 +1,4 @@
-<script>import { Chart } from 'svelte-chartjs';
+<script lang="ts">import { Chart } from '../../../chartjs-wrappers/chartJs';
 import { Chart as ChartJS, registerables } from 'chart.js';
 import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
 import { initCss } from '../../utils';

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

@@ -1,23 +1,27 @@
-import { SvelteComponent } from "svelte";
 import type { AppInput } from '../../inputType';
 import type { ComponentCustomCSS, RichConfigurations } from '../../types';
-declare const __propDef: {
-    props: {
-        id: string;
-        componentInput: AppInput | undefined;
-        configuration: RichConfigurations;
-        initializing?: boolean | undefined;
-        customCss?: ComponentCustomCSS<'chartjscomponent'> | undefined;
-        render: 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 AppChartJsProps = typeof __propDef.props;
-export type AppChartJsEvents = typeof __propDef.events;
-export type AppChartJsSlots = typeof __propDef.slots;
-export default class AppChartJs extends SvelteComponent<AppChartJsProps, AppChartJsEvents, AppChartJsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AppChartJs: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    componentInput: AppInput | undefined;
+    configuration: RichConfigurations;
+    initializing?: boolean | undefined;
+    customCss?: ComponentCustomCSS<"chartjscomponent"> | undefined;
+    render: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AppChartJs = InstanceType<typeof AppChartJs>;
+export default AppChartJs;

package/package/components/apps/components/display/AppChartJsV2.svelte

@@ -1,4 +1,4 @@
-<script>import { Chart } from 'svelte-chartjs';
+<script lang="ts">import { Chart } from '../../../chartjs-wrappers/chartJs';
 import { Chart as ChartJS, registerables } from 'chart.js';
 import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
 import { initCss } from '../../utils';

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

@@ -1,25 +1,29 @@
-import { SvelteComponent } from "svelte";
 import type { AppInput } from '../../inputType';
 import type { ComponentCustomCSS, RichConfiguration, RichConfigurations } from '../../types';
-declare const __propDef: {
-    props: {
-        id: string;
-        componentInput: AppInput | undefined;
-        configuration: RichConfigurations;
-        initializing?: boolean | undefined;
-        customCss?: ComponentCustomCSS<'chartjscomponent'> | undefined;
-        render: boolean;
-        datasets: RichConfiguration | undefined;
-        xData: RichConfiguration | 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: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AppChartJsV2Props = typeof __propDef.props;
-export type AppChartJsV2Events = typeof __propDef.events;
-export type AppChartJsV2Slots = typeof __propDef.slots;
-export default class AppChartJsV2 extends SvelteComponent<AppChartJsV2Props, AppChartJsV2Events, AppChartJsV2Slots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AppChartJsV2: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    componentInput: AppInput | undefined;
+    configuration: RichConfigurations;
+    initializing?: boolean | undefined;
+    customCss?: ComponentCustomCSS<"chartjscomponent"> | undefined;
+    render: boolean;
+    datasets: RichConfiguration | undefined;
+    xData: RichConfiguration | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AppChartJsV2 = InstanceType<typeof AppChartJsV2>;
+export default AppChartJsV2;

package/package/components/apps/components/display/AppCustomComponent.svelte

@@ -1,4 +1,4 @@
-<script>import { getContext, onMount } from 'svelte';
+<script lang="ts">import { getContext, onMount } from 'svelte';
 import { initOutput } from '../../editor/appUtils';
 import InitializeComponent from '../helpers/InitializeComponent.svelte';
 import { sendUserToast } from '../../../../toast';
@@ -86,6 +86,6 @@ function handleResult() {
 		{#if !loaded}
 			<Loader2 class="animate-spin" />
 		{/if}
-		<div id={divId} />
+		<div id={divId}></div>
 	</RunnableWrapper>
 </div>

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

@@ -1,21 +1,25 @@
-import { SvelteComponent } from "svelte";
 import type { AppInput } from '../../inputType';
 import type { CustomComponentConfig } from '../../editor/component';
-declare const __propDef: {
-    props: {
-        id: string;
-        render: boolean;
-        componentInput: AppInput | undefined;
-        customComponent: CustomComponentConfig;
+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 AppCustomComponentProps = typeof __propDef.props;
-export type AppCustomComponentEvents = typeof __propDef.events;
-export type AppCustomComponentSlots = typeof __propDef.slots;
-export default class AppCustomComponent extends SvelteComponent<AppCustomComponentProps, AppCustomComponentEvents, AppCustomComponentSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AppCustomComponent: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    render: boolean;
+    componentInput: AppInput | undefined;
+    customComponent: CustomComponentConfig;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AppCustomComponent = InstanceType<typeof AppCustomComponent>;
+export default AppCustomComponent;

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

@@ -1,4 +1,4 @@
-<script>import DisplayResult from '../../../DisplayResult.svelte';
+<script lang="ts">import DisplayResult from '../../../DisplayResult.svelte';
 import { getContext } from 'svelte';
 import { twMerge } from 'tailwind-merge';
 import { initConfig, initOutput } from '../../editor/appUtils';
@@ -80,6 +80,7 @@ let css = initCss($app.css?.displaycomponent, customCss);
 				{requireHtmlApproval}
 				disableExpand={resolvedConfig?.hideDetails}
 				appPath={$userStore ? undefined : $appPath}
+				forceJson={resolvedConfig?.forceJson}
 			/>
 		</div>
 	</div>

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

@@ -1,23 +1,27 @@
-import { SvelteComponent } from "svelte";
 import type { AppInput } from '../../inputType';
 import { type ComponentCustomCSS, type RichConfigurations } from '../../types';
-declare const __propDef: {
-    props: {
-        id: string;
-        componentInput: AppInput | undefined;
-        initializing?: boolean | undefined;
-        customCss?: ComponentCustomCSS<'displaycomponent'> | undefined;
-        render: boolean;
-        configuration: RichConfigurations;
+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 AppDisplayComponentProps = typeof __propDef.props;
-export type AppDisplayComponentEvents = typeof __propDef.events;
-export type AppDisplayComponentSlots = typeof __propDef.slots;
-export default class AppDisplayComponent extends SvelteComponent<AppDisplayComponentProps, AppDisplayComponentEvents, AppDisplayComponentSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AppDisplayComponent: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    componentInput: AppInput | undefined;
+    initializing?: boolean | undefined;
+    customCss?: ComponentCustomCSS<"displaycomponent"> | undefined;
+    render: boolean;
+    configuration: RichConfigurations;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AppDisplayComponent = InstanceType<typeof AppDisplayComponent>;
+export default AppDisplayComponent;

package/package/components/apps/components/display/AppDisplayComponentByJobId.svelte

@@ -1,4 +1,4 @@
-<script>import { getContext } from 'svelte';
+<script lang="ts">import { getContext } from 'svelte';
 import { twMerge } from 'tailwind-merge';
 import { initConfig, initOutput } from '../../editor/appUtils';
 import { IS_APP_PUBLIC_CONTEXT_KEY } from '../../types';
@@ -98,6 +98,7 @@ let result = undefined;
 				{requireHtmlApproval}
 				disableExpand={resolvedConfig?.hideDetails}
 				appPath={$userStore ? undefined : $appPath}
+				forceJson={resolvedConfig?.forceJson}
 			/>
 		</div>
 	</div>

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

@@ -1,21 +1,25 @@
-import { SvelteComponent } from "svelte";
 import { type ComponentCustomCSS, type RichConfigurations } from '../../types';
-declare const __propDef: {
-    props: {
-        id: string;
-        initializing?: boolean | undefined;
-        customCss?: ComponentCustomCSS<'jobiddisplaycomponent'> | undefined;
-        configuration: RichConfigurations;
-        render: 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 AppDisplayComponentByJobIdProps = typeof __propDef.props;
-export type AppDisplayComponentByJobIdEvents = typeof __propDef.events;
-export type AppDisplayComponentByJobIdSlots = typeof __propDef.slots;
-export default class AppDisplayComponentByJobId extends SvelteComponent<AppDisplayComponentByJobIdProps, AppDisplayComponentByJobIdEvents, AppDisplayComponentByJobIdSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AppDisplayComponentByJobId: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    initializing?: boolean | undefined;
+    customCss?: ComponentCustomCSS<"jobiddisplaycomponent"> | undefined;
+    configuration: RichConfigurations;
+    render: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AppDisplayComponentByJobId = InstanceType<typeof AppDisplayComponentByJobId>;
+export default AppDisplayComponentByJobId;

package/package/components/apps/components/display/AppDownload.svelte

@@ -1,4 +1,4 @@
-<script>import { getContext } from 'svelte';
+<script lang="ts">import { getContext } from 'svelte';
 import { twMerge } from 'tailwind-merge';
 import { initConfig, initOutput } from '../../editor/appUtils';
 import { components } from '../../editor/component';
@@ -90,7 +90,7 @@ let css = initCss($app.css?.downloadcomponent, customCss);
 				<span class="truncate inline-flex gap-2 items-center">
 					{#if resolvedConfig.beforeIcon}
 						{#key resolvedConfig.beforeIcon}
-							<div class="min-w-4" bind:this={beforeIconComponent} />
+							<div class="min-w-4" bind:this={beforeIconComponent}></div>
 						{/key}
 					{/if}
 					{#if resolvedConfig.label && resolvedConfig.label?.length > 0}
@@ -98,7 +98,7 @@ let css = initCss($app.css?.downloadcomponent, customCss);
 					{/if}
 					{#if resolvedConfig.afterIcon}
 						{#key resolvedConfig.afterIcon}
-							<div class="min-w-4" bind:this={afterIconComponent} />
+							<div class="min-w-4" bind:this={afterIconComponent}></div>
 						{/key}
 					{/if}
 				</span>

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

@@ -1,23 +1,27 @@
-import { SvelteComponent } from "svelte";
 import type { ComponentCustomCSS, RichConfigurations } from '../../types';
-declare const __propDef: {
-    props: {
-        id: string;
-        configuration: RichConfigurations;
-        customCss?: ComponentCustomCSS<'downloadcomponent'> | undefined;
-        render: boolean;
-        horizontalAlignment?: 'left' | 'center' | 'right' | undefined;
-        verticalAlignment?: 'top' | 'center' | 'bottom' | undefined;
-        noWFull?: 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: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AppDownloadProps = typeof __propDef.props;
-export type AppDownloadEvents = typeof __propDef.events;
-export type AppDownloadSlots = typeof __propDef.slots;
-export default class AppDownload extends SvelteComponent<AppDownloadProps, AppDownloadEvents, AppDownloadSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const AppDownload: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+    configuration: RichConfigurations;
+    customCss?: ComponentCustomCSS<"downloadcomponent"> | undefined;
+    render: boolean;
+    horizontalAlignment?: "left" | "center" | "right" | undefined;
+    verticalAlignment?: "top" | "center" | "bottom" | undefined;
+    noWFull?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type AppDownload = InstanceType<typeof AppDownload>;
+export default AppDownload;

package/package/components/apps/components/display/AppFlowStatusComponent.svelte

@@ -1,4 +1,4 @@
-<script>import { Alert } from '../../../common';
+<script lang="ts">import { Alert } from '../../../common';
 import AlignWrapper from '../helpers/AlignWrapper.svelte';
 </script>