windmill-components 1.60.4 → 1.83.1

package/components/apps/components/{dataDisplay → display}/AppPieChart.svelte.d.ts

@@ -1,11 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
 import type { AppInput } from '../../inputType';
+import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
         componentInput: AppInput | undefined;
-        configuration: Record<string, AppInput>;
-        staticOutputs?: string[] | undefined;
+        configuration: RichConfigurations;
+        initializing?: boolean | undefined;
+        customCss?: ComponentCustomCSS<'piechartcomponent'> | undefined;
+        render: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -16,6 +19,5 @@ export type AppPieChartProps = typeof __propDef.props;
 export type AppPieChartEvents = typeof __propDef.events;
 export type AppPieChartSlots = typeof __propDef.slots;
 export default class AppPieChart extends SvelteComponentTyped<AppPieChartProps, AppPieChartEvents, AppPieChartSlots> {
-    get staticOutputs(): string[];
 }
 export {};

package/components/apps/components/{dataDisplay → display}/AppScatterChart.svelte

@@ -3,12 +3,22 @@ import { Chart as ChartJS, Title, Tooltip, Legend, LineElement, LinearScale, Poi
 import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
 import Scatter from 'svelte-chartjs/Scatter.svelte';
 import InputValue from '../helpers/InputValue.svelte';
+import { concatCustomCss } from '../../utils';
+import { getContext } from 'svelte';
+import { initOutput } from '../../editor/appUtils';
 export let id;
 export let componentInput;
 export let configuration;
+export let initializing = undefined;
+export let customCss = undefined;
+export let render;
 let zoomable = false;
 let pannable = false;
-export const staticOutputs = ['loading', 'result'];
+const { app, worldStore } = getContext('AppViewerContext');
+const outputs = initOutput($worldStore, id, {
+    result: undefined,
+    loading: false
+});
 ChartJS.register(Title, Tooltip, Legend, LineElement, LinearScale, PointElement, CategoryScale, BarElement, zoomPlugin);
 let result = undefined;
 $: options = {
@@ -34,13 +44,16 @@ $: options = {
 $: data = {
     datasets: result ?? []
 };
+$: css = concatCustomCss($app.css?.scatterchartcomponent, customCss);
 </script>
 
 <InputValue {id} input={configuration.zoomable} bind:value={zoomable} />
 <InputValue {id} input={configuration.pannable} bind:value={pannable} />
 
-<RunnableWrapper flexWrap autoRefresh bind:componentInput {id} bind:result>
-	{#if result}
-		<Scatter {data} {options} />
-	{/if}
+<RunnableWrapper {outputs} {render} autoRefresh {componentInput} {id} bind:initializing bind:result>
+	<div class="w-full h-full {css?.container?.class ?? ''}" style={css?.container?.style ?? ''}>
+		{#if result}
+			<Scatter {data} {options} />
+		{/if}
+	</div>
 </RunnableWrapper>

package/components/apps/components/{dataDisplay → display}/AppScatterChart.svelte.d.ts

@@ -1,11 +1,14 @@
 import { SvelteComponentTyped } from "svelte";
 import type { AppInput } from '../../inputType';
+import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
         componentInput: AppInput | undefined;
-        configuration: Record<string, AppInput>;
-        staticOutputs?: string[] | undefined;
+        configuration: RichConfigurations;
+        initializing?: boolean | undefined;
+        customCss?: ComponentCustomCSS<'scatterchartcomponent'> | undefined;
+        render: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -16,6 +19,5 @@ export type AppScatterChartProps = typeof __propDef.props;
 export type AppScatterChartEvents = typeof __propDef.events;
 export type AppScatterChartSlots = typeof __propDef.slots;
 export default class AppScatterChart extends SvelteComponentTyped<AppScatterChartProps, AppScatterChartEvents, AppScatterChartSlots> {
-    get staticOutputs(): string[];
 }
 export {};

package/components/apps/components/display/AppText.svelte

@@ -0,0 +1,131 @@
+<script>import { Clipboard } from 'lucide-svelte';
+import { copyToClipboard } from '../../../../utils';
+import Button from '../../../common/button/Button.svelte';
+import Popover from '../../../Popover.svelte';
+import AlignWrapper from '../helpers/AlignWrapper.svelte';
+import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
+import { twMerge } from 'tailwind-merge';
+import { getContext } from 'svelte';
+import { initConfig, initOutput } from '../../editor/appUtils';
+import Tooltip from '../../../Tooltip.svelte';
+import { get } from 'svelte/store';
+import ResolveConfig from '../helpers/ResolveConfig.svelte';
+import { components } from '../../editor/component';
+import { isCodeInjection } from '../../../flows/utils';
+export let id;
+export let componentInput;
+export let horizontalAlignment = 'left';
+export let verticalAlignment = undefined;
+export let configuration;
+export let initializing = undefined;
+export let customCss = undefined;
+export let render;
+let resolvedConfig = initConfig(components['textcomponent'].initialData.configuration, configuration);
+const { app, worldStore, mode } = getContext('AppViewerContext');
+const editorcontext = getContext('AppEditorContext');
+let result = undefined;
+if (componentInput?.type == 'template' && !isCodeInjection(componentInput.eval)) {
+    result = componentInput.eval;
+    initializing = false;
+}
+const outputs = initOutput($worldStore, id, {
+    result,
+    loading: initializing
+});
+function getComponent() {
+    switch (resolvedConfig.style) {
+        case 'Title':
+            return 'h1';
+        case 'Subtitle':
+            return 'h3';
+        case 'Body':
+            return 'p';
+        case 'Caption':
+            return 'p';
+        case 'Label':
+            return 'label';
+        default:
+            return 'p';
+    }
+}
+function getClasses() {
+    switch (resolvedConfig.style) {
+        case 'Caption':
+            return 'text-sm italic text-gray-500';
+        case 'Label':
+            return 'font-semibold text-sm';
+        default:
+            return '';
+    }
+}
+let component = 'p';
+let classes = '';
+$: resolvedConfig.style && (component = getComponent());
+$: resolvedConfig.style && (classes = getClasses());
+</script>
+
+{#each Object.keys(components['textcomponent'].initialData.configuration) as key (key)}
+	<ResolveConfig
+		{id}
+		{key}
+		bind:resolvedConfig={resolvedConfig[key]}
+		configuration={configuration[key]}
+	/>
+{/each}
+
+<RunnableWrapper {outputs} {render} {componentInput} {id} bind:initializing bind:result>
+	<div class="h-full w-full overflow-hidden">
+		<AlignWrapper {horizontalAlignment} {verticalAlignment}>
+			{#if !result || result === ''}
+				<div class="text-gray-400 bg-gray-100 flex justify-center items-center h-full w-full">
+					No text
+				</div>
+			{:else}
+				<!-- svelte-ignore a11y-click-events-have-key-events -->
+				<div
+					class="flex flex-wrap gap-2 pb-0.5  {$mode === 'dnd' && componentInput?.type == 'template'
+						? 'cursor-text'
+						: ''}"
+					on:click={() => {
+						if ($mode === 'dnd' && componentInput?.type == 'template') {
+							let ontextfocus = editorcontext?.ontextfocus
+							if (ontextfocus) {
+								get(ontextfocus)?.()
+							}
+						}
+					}}
+				>
+					<svelte:element
+						this={component}
+						class={twMerge(
+							'whitespace-pre-wrap',
+							$app.css?.['textcomponent']?.['text']?.class,
+							customCss?.text?.class,
+							classes
+						)}
+						style={[$app.css?.['textcomponent']?.['text']?.style, customCss?.text?.style].join(';')}
+					>
+						{String(result)}
+						{#if resolvedConfig.tooltip != ''}
+							<Tooltip>{resolvedConfig.tooltip}</Tooltip>
+						{/if}
+						{#if resolvedConfig.copyButton && result}
+							<Popover notClickable>
+								<Button
+									variant="border"
+									size="xs"
+									color="dark"
+									btnClasses="!p-1"
+									on:click={() => copyToClipboard(result)}
+								>
+									<Clipboard size={14} strokeWidth={2} />
+								</Button>
+								<svelte:fragment slot="text">Copy to clipboard</svelte:fragment>
+							</Popover>
+						{/if}
+					</svelte:element>
+				</div>
+			{/if}
+		</AlignWrapper>
+	</div>
+</RunnableWrapper>

package/components/apps/components/{dataDisplay → display}/AppText.svelte.d.ts

@@ -1,13 +1,16 @@
 import { SvelteComponentTyped } from "svelte";
 import type { AppInput } from '../../inputType';
+import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
         componentInput: AppInput | undefined;
         horizontalAlignment?: 'left' | 'center' | 'right' | undefined;
         verticalAlignment?: 'top' | 'center' | 'bottom' | undefined;
-        configuration: Record<string, AppInput>;
-        staticOutputs?: string[] | undefined;
+        configuration: RichConfigurations;
+        initializing?: boolean | undefined;
+        customCss?: ComponentCustomCSS<'textcomponent'> | undefined;
+        render: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -18,6 +21,5 @@ export type AppTextProps = typeof __propDef.props;
 export type AppTextEvents = typeof __propDef.events;
 export type AppTextSlots = typeof __propDef.slots;
 export default class AppText extends SvelteComponentTyped<AppTextProps, AppTextEvents, AppTextSlots> {
-    get staticOutputs(): string[];
 }
 export {};

package/components/apps/components/{dataDisplay → display}/AppTimeseries.svelte

@@ -2,12 +2,22 @@
 import 'chartjs-adapter-date-fns';
 import { Chart as ChartJS, Title, Tooltip, Legend, LineElement, LinearScale, PointElement, CategoryScale, BarElement, TimeScale, LogarithmicScale } from 'chart.js';
 import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
-import Scatter from 'svelte-chartjs/Scatter.svelte';
+import { Scatter } from 'svelte-chartjs';
 import InputValue from '../helpers/InputValue.svelte';
+import { getContext } from 'svelte';
+import { concatCustomCss } from '../../utils';
+import { initOutput } from '../../editor/appUtils';
 export let id;
 export let componentInput;
 export let configuration;
-export const staticOutputs = ['loading', 'result'];
+export let initializing = undefined;
+export let customCss = undefined;
+export let render;
+const { app, worldStore } = getContext('AppViewerContext');
+const outputs = initOutput($worldStore, id, {
+    result: undefined,
+    loading: false
+});
 let logarithmicScale = false;
 let zoomable = false;
 let pannable = false;
@@ -44,14 +54,17 @@ $: options = {
 $: data = {
     datasets: result ?? []
 };
+$: css = concatCustomCss($app.css?.timeseriescomponent, customCss);
 </script>
 
 <InputValue {id} input={configuration.logarithmicScale} bind:value={logarithmicScale} />
 <InputValue {id} input={configuration.zoomable} bind:value={zoomable} />
 <InputValue {id} input={configuration.pannable} bind:value={pannable} />
 
-<RunnableWrapper flexWrap autoRefresh bind:componentInput {id} bind:result>
-	{#if result}
-		<Scatter {data} {options} />
-	{/if}
+<RunnableWrapper {outputs} {render} autoRefresh {componentInput} {id} bind:initializing bind:result>
+	<div class="w-full h-full {css?.container?.class ?? ''}" style={css?.container?.style ?? ''}>
+		{#if result}
+			<Scatter {data} {options} />
+		{/if}
+	</div>
 </RunnableWrapper>

package/components/apps/components/{dataDisplay → display}/AppTimeseries.svelte.d.ts

@@ -1,12 +1,15 @@
 import { SvelteComponentTyped } from "svelte";
 import 'chartjs-adapter-date-fns';
 import type { AppInput } from '../../inputType';
+import type { ComponentCustomCSS, RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
         componentInput: AppInput | undefined;
-        configuration: Record<string, AppInput>;
-        staticOutputs?: string[] | undefined;
+        configuration: RichConfigurations;
+        initializing?: boolean | undefined;
+        customCss?: ComponentCustomCSS<'timeseriescomponent'> | undefined;
+        render: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +20,5 @@ export type AppTimeseriesProps = typeof __propDef.props;
 export type AppTimeseriesEvents = typeof __propDef.events;
 export type AppTimeseriesSlots = typeof __propDef.slots;
 export default class AppTimeseries extends SvelteComponentTyped<AppTimeseriesProps, AppTimeseriesEvents, AppTimeseriesSlots> {
-    get staticOutputs(): string[];
 }
 export {};

package/components/apps/components/display/PlotlyHtml.svelte

@@ -0,0 +1,54 @@
+<script>import { getContext, onMount } from 'svelte';
+import { initConfig, initOutput } from '../../editor/appUtils';
+import { components } from '../../editor/component';
+import ResolveConfig from '../helpers/ResolveConfig.svelte';
+import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
+export let id;
+export let componentInput;
+export let configuration;
+export let initializing = undefined;
+export let render;
+const { worldStore } = getContext('AppViewerContext');
+let resolvedConfig = initConfig(components['plotlycomponent'].initialData.configuration, configuration);
+const outputs = initOutput($worldStore, id, {
+    result: undefined,
+    loading: false
+});
+let result = undefined;
+let divEl = null;
+let Plotly;
+onMount(async () => {
+    //@ts-ignore
+    await import('https://cdn.plot.ly/plotly-2.18.0.min.js');
+    Plotly = window['Plotly'];
+});
+let h = undefined;
+let w = undefined;
+$: Plotly &&
+    render &&
+    result &&
+    divEl &&
+    h &&
+    w &&
+    Plotly.newPlot(divEl, Array.isArray(result) ? result : [result], {
+        width: w,
+        height: h,
+        margin: { l: 50, r: 40, b: 40, t: 40, pad: 4 },
+        ...resolvedConfig.layout
+    }, { responsive: true, displayModeBar: false });
+</script>
+
+{#each Object.keys(components['plotlycomponent'].initialData.configuration) as key (key)}
+	<ResolveConfig
+		{id}
+		{key}
+		bind:resolvedConfig={resolvedConfig[key]}
+		configuration={configuration[key]}
+	/>
+{/each}
+
+<div class="w-full h-full" bind:clientHeight={h} bind:clientWidth={w}>
+	<RunnableWrapper {outputs} {render} {componentInput} {id} bind:initializing bind:result>
+		<div on:pointerdown bind:this={divEl} />
+	</RunnableWrapper>
+</div>

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

@@ -0,0 +1,24 @@
+import { SvelteComponentTyped } from "svelte";
+import type { AppInput } from '../../inputType';
+import type { RichConfigurations } from '../../types';
+declare const __propDef: {
+    props: {
+        id: string;
+        componentInput: AppInput | undefined;
+        configuration: RichConfigurations;
+        initializing?: boolean | undefined;
+        render: boolean;
+    };
+    events: {
+        pointerdown: PointerEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type PlotlyHtmlProps = typeof __propDef.props;
+export type PlotlyHtmlEvents = typeof __propDef.events;
+export type PlotlyHtmlSlots = typeof __propDef.slots;
+export default class PlotlyHtml extends SvelteComponentTyped<PlotlyHtmlProps, PlotlyHtmlEvents, PlotlyHtmlSlots> {
+}
+export {};

package/components/apps/components/{dataDisplay → display}/VegaLiteHtml.svelte

@@ -1,15 +1,19 @@
-<script>import { Loader2 } from 'lucide-svelte';
-import { parse } from 'path';
-import { onMount } from 'svelte';
-import AlignWrapper from '../helpers/AlignWrapper.svelte';
+<script>import { getContext, onMount } from 'svelte';
+import { initOutput } from '../../editor/appUtils';
 import InputValue from '../helpers/InputValue.svelte';
 import RunnableWrapper from '../helpers/RunnableWrapper.svelte';
 export let id;
 export let componentInput;
 export let configuration;
-export const staticOutputs = ['result', 'loading'];
+export let initializing = undefined;
+export let render;
 let result = undefined;
 let divEl = null;
+const { worldStore } = getContext('AppViewerContext');
+const outputs = initOutput($worldStore, id, {
+    result: undefined,
+    loading: false
+});
 let vegaEmbed;
 onMount(async () => {
     if (divEl) {
@@ -42,12 +46,7 @@ $: vegaEmbed &&
 <InputValue {id} input={configuration.canvas} bind:value={canvas} />
 
 <div class="w-full h-full" bind:clientHeight={h} bind:clientWidth={w}>
-	<RunnableWrapper flexWrap bind:componentInput {id} bind:result>
-		{#if !vegaEmbed}
-			<div class="p-2">
-				<Loader2 class="animate-spin" />
-			</div>
-		{/if}
+	<RunnableWrapper {outputs} {render} {componentInput} {id} bind:initializing bind:result>
 		<div on:pointerdown bind:this={divEl} />
 	</RunnableWrapper>
 </div>

package/components/apps/components/{dataDisplay → display}/VegaLiteHtml.svelte.d.ts

@@ -1,11 +1,13 @@
 import { SvelteComponentTyped } from "svelte";
 import type { AppInput } from '../../inputType';
+import type { RichConfigurations } from '../../types';
 declare const __propDef: {
     props: {
         id: string;
         componentInput: AppInput | undefined;
-        configuration: Record<string, AppInput>;
-        staticOutputs?: string[] | undefined;
+        configuration: RichConfigurations;
+        initializing?: boolean | undefined;
+        render: boolean;
     };
     events: {
         pointerdown: PointerEvent;
@@ -18,6 +20,5 @@ export type VegaLiteHtmlProps = typeof __propDef.props;
 export type VegaLiteHtmlEvents = typeof __propDef.events;
 export type VegaLiteHtmlSlots = typeof __propDef.slots;
 export default class VegaLiteHtml extends SvelteComponentTyped<VegaLiteHtmlProps, VegaLiteHtmlEvents, VegaLiteHtmlSlots> {
-    get staticOutputs(): string[];
 }
 export {};

package/components/apps/components/display/index.d.ts

@@ -0,0 +1,15 @@
+export { default as AppTable } from './table/AppTable.svelte';
+export { default as AppAggridTable } from './table/AppAggridTable.svelte';
+export { default as AppBarChart } from './AppBarChart.svelte';
+export { default as AppDisplayComponent } from './AppDisplayComponent.svelte';
+export { default as AppHtml } from './AppHtml.svelte';
+export { default as AppIcon } from './AppIcon.svelte';
+export { default as AppImage } from './AppImage.svelte';
+export { default as AppMap } from './AppMap.svelte';
+export { default as AppPdf } from './AppPdf.svelte';
+export { default as AppPieChart } from './AppPieChart.svelte';
+export { default as AppScatterChart } from './AppScatterChart.svelte';
+export { default as AppText } from './AppText.svelte';
+export { default as AppTimeseries } from './AppTimeseries.svelte';
+export { default as PlotlyHtml } from './PlotlyHtml.svelte';
+export { default as VegaLiteHtml } from './VegaLiteHtml.svelte';

package/components/apps/components/display/index.js

@@ -0,0 +1,15 @@
+export { default as AppTable } from './table/AppTable.svelte';
+export { default as AppAggridTable } from './table/AppAggridTable.svelte';
+export { default as AppBarChart } from './AppBarChart.svelte';
+export { default as AppDisplayComponent } from './AppDisplayComponent.svelte';
+export { default as AppHtml } from './AppHtml.svelte';
+export { default as AppIcon } from './AppIcon.svelte';
+export { default as AppImage } from './AppImage.svelte';
+export { default as AppMap } from './AppMap.svelte';
+export { default as AppPdf } from './AppPdf.svelte';
+export { default as AppPieChart } from './AppPieChart.svelte';
+export { default as AppScatterChart } from './AppScatterChart.svelte';
+export { default as AppText } from './AppText.svelte';
+export { default as AppTimeseries } from './AppTimeseries.svelte';
+export { default as PlotlyHtml } from './PlotlyHtml.svelte';
+export { default as VegaLiteHtml } from './VegaLiteHtml.svelte';

package/components/apps/components/display/table/AppAggridTable.svelte

@@ -0,0 +1,100 @@
+<script>import AgGridSvelte from 'ag-grid-svelte/AgGridSvelte.svelte';
+import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
+import { getContext, onMount } from 'svelte';
+import InputValue from '../../helpers/InputValue.svelte';
+import RunnableWrapper from '../../helpers/RunnableWrapper.svelte';
+import { isObject } from '../../../../../utils';
+import Alert from '../../../../common/alert/Alert.svelte';
+import { initOutput } from '../../../editor/appUtils';
+export let id;
+export let componentInput;
+export let configuration;
+export let initializing = undefined;
+export let render;
+let result = undefined;
+const { worldStore, selectedComponent } = getContext('AppViewerContext');
+let outputs = initOutput($worldStore, id, {
+    selectedRowIndex: 0,
+    selectedRow: {},
+    result: [],
+    loading: false
+});
+let selectedRowIndex = -1;
+function toggleRow(row, rowIndex) {
+    if (selectedRowIndex !== rowIndex) {
+        selectedRowIndex = rowIndex;
+        outputs?.selectedRow.set(row.original);
+        outputs?.selectedRowIndex.set(rowIndex);
+    }
+}
+let mounted = false;
+onMount(() => {
+    mounted = true;
+});
+$: selectedRowIndex === -1 &&
+    Array.isArray(result) &&
+    result.length > 0 &&
+    // We need to wait until the component is mounted so the world is created
+    mounted &&
+    outputs &&
+    toggleRow({ original: result[0] }, 0);
+$: outputs?.result?.set(result ?? []);
+let clientHeight;
+let clientWidth;
+let columnDefs = undefined;
+let allEditable = undefined;
+let pagination = undefined;
+let pageSize = 10;
+function onCellValueChanged(event) {
+    if (result) {
+        let dataCell = event.newValue;
+        try {
+            dataCell = JSON.parse(dataCell);
+        }
+        catch (e) { }
+        result[event.node.rowIndex][event.column.colId] = dataCell;
+    }
+}
+</script>
+
+<InputValue {id} input={configuration.columnDefs} bind:value={columnDefs} />
+<InputValue {id} input={configuration.allEditable} bind:value={allEditable} />
+<InputValue {id} input={configuration.pagination} bind:value={pagination} />
+<InputValue {id} input={configuration.pageSize} bind:value={pageSize} />
+
+<RunnableWrapper {outputs} {render} {componentInput} {id} bind:initializing bind:result>
+	{#if Array.isArray(result) && result.every(isObject)}
+		<div
+			class="border border-gray-300 shadow-sm divide-y divide-gray-300  flex flex-col h-full"
+			bind:clientHeight
+			bind:clientWidth
+		>
+			<div
+				on:pointerdown|stopPropagation={() => {
+					$selectedComponent = [id]
+				}}
+				style:height="{clientHeight}px"
+				style:width="{clientWidth}px"
+				class="ag-theme-alpine"
+			>
+				{#key pagination}
+					<AgGridSvelte
+						bind:rowData={result}
+						{columnDefs}
+						{pagination}
+						paginationPageSize={pageSize}
+						defaultColDef={{ flex: 1, editable: allEditable, onCellValueChanged }}
+					/>
+				{/key}
+			</div>
+		</div>
+	{:else if result != undefined}
+		<Alert title="Parsing issues" type="error" size="xs">
+			The result should be an array of objects, received:
+			<pre class="overflow-auto">
+				{JSON.stringify(result)}
+			</pre>
+		</Alert>
+	{/if}
+</RunnableWrapper>

package/components/apps/components/display/table/AppAggridTable.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponentTyped } from "svelte";
+import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
+import type { RichConfigurations } from '../../../types';
+import type { AppInput } from '../../../inputType';
+declare const __propDef: {
+    props: {
+        id: string;
+        componentInput: AppInput | undefined;
+        configuration: RichConfigurations;
+        initializing?: boolean | undefined;
+        render: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type AppAggridTableProps = typeof __propDef.props;
+export type AppAggridTableEvents = typeof __propDef.events;
+export type AppAggridTableSlots = typeof __propDef.slots;
+export default class AppAggridTable extends SvelteComponentTyped<AppAggridTableProps, AppAggridTableEvents, AppAggridTableSlots> {
+}
+export {};