windmill-components 1.493.10 → 1.501.4

package/package/components/apps/editor/settingsPanel/script/shared/ScriptTriggers.svelte

@@ -2,19 +2,13 @@
 import { classNames, itemsExists } from '../../../../../../utils';
 import { Plus, X } from 'lucide-svelte';
 import { Button } from '../../../../../common';
-import { getContext } from 'svelte';
+import { getContext, untrack } from 'svelte';
 import Tooltip from '../../../../../Tooltip.svelte';
 import { deepEqual } from 'fast-equals';
 import { getAllGridItems } from '../../../appUtils';
-export let triggerEvents = [];
-export let inlineScript = undefined;
-export let isFrontend = false;
-export let dependencies = [];
-export let shoudlDisplayChangeEvents = false;
-export let id;
+let { triggerEvents = [], inlineScript = $bindable(undefined), isFrontend = false, dependencies = [], shoudlDisplayChangeEvents = false, id } = $props();
 const { connectingInput, app, stateId } = getContext('AppViewerContext');
-let onSuccessEvents = [];
-$: computeOnSuccessEvents($app, id);
+let onSuccessEvents = $state([]);
 function computeOnSuccessEvents(app, _id) {
     const nr = [];
     getAllGridItems(app).forEach((x) => {
@@ -39,15 +33,6 @@ function computeOnSuccessEvents(app, _id) {
     });
     onSuccessEvents = nr;
 }
-$: changeEvents = isFrontend
-    ? inlineScript?.refreshOn
-        ? inlineScript.refreshOn.map((x) => `${x.id}.${x.key}`)
-        : []
-    : dependencies;
-$: hasNoTriggers =
-    triggerEvents.length === 0 &&
-        (changeEvents.length === 0 || !shoudlDisplayChangeEvents) &&
-        onSuccessEvents.length == 0;
 const badgeClass = 'inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium border';
 const colors = {
     green: 'text-green-800 border-green-600 bg-green-100',
@@ -74,6 +59,21 @@ function applyConnection(connection) {
     inlineScript = inlineScript;
     $app = $app;
 }
+$effect(() => {
+    ;
+    [app, id];
+    untrack(() => {
+        computeOnSuccessEvents($app, id);
+    });
+});
+let changeEvents = $derived(isFrontend
+    ? inlineScript?.refreshOn
+        ? inlineScript.refreshOn.map((x) => `${x.id}.${x.key}`)
+        : []
+    : dependencies);
+let hasNoTriggers = $derived(triggerEvents.length === 0 &&
+    (changeEvents.length === 0 || !shoudlDisplayChangeEvents) &&
+    onSuccessEvents.length == 0);
 </script>
 
 {#if hasNoTriggers}
@@ -105,7 +105,7 @@ function applyConnection(connection) {
 					{#if isFrontend}
 						<button
 							class="bg-blue-300 ml-2 p-0.5 rounded-md hover:bg-blue-400 cursor-pointer"
-							on:click={() => {
+							onclick={() => {
 								if (inlineScript?.refreshOn) {
 									inlineScript.refreshOn = inlineScript.refreshOn.filter(
 										(x) => `${x.id}.${x.key}` !== changeEvent
@@ -160,7 +160,7 @@ function applyConnection(connection) {
 							'p-0.5 rounded-md hover:bg-blue-400 cursor-pointer !text-2xs text-secondary',
 							badgeClass
 						)}
-						on:click={() => {
+						onclick={() => {
 							if (inlineScript) {
 								if (!itemsExists(inlineScript.refreshOn, suggestion)) {
 									inlineScript.refreshOn = [...(inlineScript.refreshOn ?? []), suggestion]

package/package/components/apps/editor/settingsPanel/script/shared/ScriptTriggers.svelte.d.ts

@@ -1,26 +1,12 @@
 import type { InlineScript } from '../../../../types';
-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;
-}
-declare const ScriptTriggers: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     triggerEvents?: string[];
     inlineScript?: InlineScript | undefined;
     isFrontend?: boolean;
     dependencies?: string[];
     shoudlDisplayChangeEvents?: boolean;
     id: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ScriptTriggers = InstanceType<typeof ScriptTriggers>;
+}
+declare const ScriptTriggers: import("svelte").Component<Props, {}, "inlineScript">;
+type ScriptTriggers = ReturnType<typeof ScriptTriggers>;
 export default ScriptTriggers;

package/package/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte

@@ -3,9 +3,9 @@ import { secondaryMenuLeft, secondaryMenuRight } from './';
 import CloseButton from '../../../../common/CloseButton.svelte';
 import { zIndexes } from '../../../../../zIndexes';
 import DocLink from '../DocLink.svelte';
-export let right;
+let { right } = $props();
 let secondaryMenu = right ? secondaryMenuRight : secondaryMenuLeft;
-let width;
+let width = $state();
 </script>
 
 <div
@@ -36,7 +36,8 @@ let width;
 				{#if typeof $secondaryMenu.component === 'string'}
 					{@html $secondaryMenu.component}
 				{:else}
-					<svelte:component this={$secondaryMenu.component} {...$secondaryMenu.props} />
+					{@const SvelteComponent = $secondaryMenu.component}
+					<SvelteComponent {...$secondaryMenu.props} />
 				{/if}
 			</div>
 		</div>

package/package/components/apps/editor/settingsPanel/secondaryMenu/SecondaryMenu.svelte.d.ts

@@ -1,20 +1,6 @@
-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;
-}
-declare const SecondaryMenu: $$__sveltets_2_IsomorphicComponent<{
+interface Props {
     right: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type SecondaryMenu = InstanceType<typeof SecondaryMenu>;
+}
+declare const SecondaryMenu: import("svelte").Component<Props, {}, "">;
+type SecondaryMenu = ReturnType<typeof SecondaryMenu>;
 export default SecondaryMenu;

package/package/components/apps/gridUtils.d.ts

@@ -4,6 +4,7 @@ declare const Breakpoints: {
     sm: number;
     lg: number;
 };
+export declare const moveMode: import("svelte/store").Writable<"move" | "insert">;
 declare const WIDE_GRID_COLUMNS: 12;
 declare const NARROW_GRID_COLUMNS: 3;
 declare const columnConfiguration: ColumnConfiguration;

package/package/components/apps/gridUtils.js

@@ -1,7 +1,9 @@
+import { writable } from 'svelte/store';
 const Breakpoints = {
     sm: 640,
     lg: 1024
 };
+export const moveMode = writable('move');
 const WIDE_GRID_COLUMNS = 12;
 const NARROW_GRID_COLUMNS = 3;
 const columnConfiguration = [

package/package/components/apps/rx.js

@@ -35,6 +35,7 @@ export function buildWorld(context) {
 export function buildObservableWorld() {
     const observables = {};
     function connect(connection, next, id, previousValue) {
+        // console.log('connect', connection, id, previousValue)
         if (!connection) {
             return {
                 id,
@@ -86,6 +87,7 @@ export function settableOutput(state, previousValue) {
     let value = previousValue;
     const subscribers = [];
     function subscribe(x, npreviousValue) {
+        // console.log('subscribe', x, npreviousValue)
         let currentSubscriber = subscribers.findIndex((y) => y === x || (y.id && y.id === x.id));
         if (currentSubscriber == -1) {
             subscribers.push(x);
@@ -122,6 +124,7 @@ export function settableOutput(state, previousValue) {
             else {
                 value = x;
             }
+            // console.log('set', value, force, subscribers)
             subscribers.forEach((x) => x.next(value, force));
         }
     }

package/package/components/apps/svelte-grid/Grid.svelte

@@ -1,12 +1,11 @@
-<script lang="ts" context="module">import { writable } from 'svelte/store';
+<script lang="ts" module>import { writable } from 'svelte/store';
 const componentDraggedIdStore = writable(undefined);
 const componentDraggedParentIdStore = writable(undefined);
 const overlappedStore = writable(undefined);
 const fakeShadowStore = writable(undefined);
-const isCtrlOrMetaPressedStore = writable(false);
 </script>
 
-<script lang="ts">import { columnConfiguration, WIDE_GRID_COLUMNS } from '../gridUtils';
+<script lang="ts">import { columnConfiguration, moveMode, WIDE_GRID_COLUMNS } from '../gridUtils';
 import gridHelp from './utils/helper';
 import { twMerge } from 'tailwind-merge';
 import { getContainerHeight } from './utils/container';
@@ -17,28 +16,16 @@ import MoveResize from './MoveResize.svelte';
 import { areShadowsTheSame, findGridItemParentGrid, getDeltaXByComponent, getDeltaYByComponent, isContainer, ROW_GAP_X, ROW_GAP_Y, ROW_HEIGHT, sortGridItemsPosition, subGridIndexKey } from '../editor/appUtils';
 const dispatch = createEventDispatcher();
 const { app, worldStore } = getContext('AppViewerContext');
-export let items;
-export let rowHeight = ROW_HEIGHT;
-export let gap = [ROW_GAP_X, ROW_GAP_Y];
-export let throttleUpdate = 100;
-export let throttleResize = 100;
-export let selectedIds;
-export let allIdsInPath;
-export let containerWidth = undefined;
-export let scroller = undefined;
-export let sensor = 20;
-export let root = false;
-export let parentWidth = undefined;
-export let disableMove = false;
+let { items, rowHeight = ROW_HEIGHT, gap = [ROW_GAP_X, ROW_GAP_Y], throttleUpdate = 100, throttleResize = 100, selectedIds, allIdsInPath, containerWidth = $bindable(undefined), scroller = undefined, sensor = 20, root = false, parentWidth = undefined, disableMove = false, children } = $props();
 const cols = columnConfiguration;
-let getComputedCols = $app.mobileViewOnSmallerScreens == false ? WIDE_GRID_COLUMNS : undefined;
-let container;
-$: [gapX, gapY] = gap;
-let xPerPx = 0;
+let getComputedCols = $state($app.mobileViewOnSmallerScreens == false ? WIDE_GRID_COLUMNS : undefined);
+let container = $state();
+let xPerPx = $state(0);
 let yPerPx = rowHeight;
-$: containerHeight = getContainerHeight(items, yPerPx, getComputedCols);
 const onResize = throttle(() => {
-    items = specifyUndefinedColumns(items, getComputedCols, cols);
+    if (!getComputedCols)
+        return;
+    sortedItems = specifyUndefinedColumns(sortedItems, getComputedCols, cols);
     dispatch('resize', {
         cols: getComputedCols,
         xPerPx,
@@ -46,7 +33,7 @@ const onResize = throttle(() => {
         width: containerWidth
     });
 }, throttleUpdate);
-let mounted = false;
+let mounted = $state(false);
 onMount(() => {
     const sizeObserver = new ResizeObserver((entries) => {
         requestAnimationFrame(() => {
@@ -62,8 +49,8 @@ onMount(() => {
                 getComputedCols = getColumn(parentWidth ?? width, cols);
             }
             xPerPx = width / getComputedCols;
-            if (!containerWidth) {
-                items = specifyUndefinedColumns(items, getComputedCols, cols);
+            if (!containerWidth && getComputedCols) {
+                sortedItems = specifyUndefinedColumns(sortedItems, getComputedCols, cols);
                 dispatch('mount', {
                     cols: getComputedCols,
                     xPerPx,
@@ -80,13 +67,12 @@ onMount(() => {
     sizeObserver.observe(container);
     return () => sizeObserver.disconnect();
 });
-let sortedItems = [];
-$: sortedItems = smartCopy(items).sort((a, b) => a.id.localeCompare(b.id));
-let resizing = false;
+let sortedItems = $state([]);
+let resizing = $state(false);
 function handleKeyUp(event) {
-    if ((event.key === 'Control' || event.key === 'Meta') && $isCtrlOrMetaPressedStore) {
+    if ((event.key === 'Control' || event.key === 'Meta') && root && $moveMode === 'insert') {
         setTimeout(() => {
-            $isCtrlOrMetaPressedStore = false;
+            $moveMode = 'move';
             $fakeShadowStore = undefined;
         }, 50);
     }
@@ -98,7 +84,7 @@ function smartCopy(items) {
         ? items.map((item) => {
             return {
                 ...item,
-                [getComputedCols]: structuredClone(item[getComputedCols])
+                [getComputedCols]: { ...item[getComputedCols] }
             };
         })
         : [];
@@ -125,9 +111,8 @@ const updateMatrix = ({ detail }) => {
     if (detail.id && !selectedIds?.includes(detail.id)) {
         nselectedIds = [detail.id, ...(selectedIds ?? [])];
     }
-    sortedItems = citems;
     for (let id of nselectedIds) {
-        let activeItem = getItemById(id, sortedItems);
+        let activeItem = getItemById(id, citems);
         if (activeItem && getComputedCols) {
             activeItem = {
                 ...activeItem,
@@ -136,9 +121,9 @@ const updateMatrix = ({ detail }) => {
                     ...shadows[id]
                 }
             };
-            if ($isCtrlOrMetaPressedStore) {
+            if ($moveMode === 'insert') {
                 if ($componentDraggedParentIdStore === $overlappedStore) {
-                    const fixedContainer = sortedItems.map((item) => {
+                    const fixedContainer = citems.map((item) => {
                         if (isContainer(item.data['type'])) {
                             initialFixedStates.set(item.id, {
                                 item3Fixed: item[3].fixed,
@@ -149,8 +134,8 @@ const updateMatrix = ({ detail }) => {
                         }
                         return item;
                     });
-                    let { items } = moveItem(activeItem, fixedContainer, getComputedCols);
-                    items = items.map((item) => {
+                    let { items: nitems } = moveItem(activeItem, fixedContainer, getComputedCols);
+                    nitems = nitems.map((item) => {
                         if (initialFixedStates.has(item.id)) {
                             const initialState = initialFixedStates.get(item.id);
                             if (initialState) {
@@ -160,12 +145,12 @@ const updateMatrix = ({ detail }) => {
                         }
                         return item;
                     });
-                    sortedItems = items;
+                    sortedItems = nitems;
                 }
             }
             else {
-                let { items } = moveItem(activeItem, sortedItems, getComputedCols);
-                sortedItems = items;
+                let { items: nitems } = moveItem(activeItem, citems, getComputedCols);
+                sortedItems = nitems;
             }
         }
     }
@@ -180,7 +165,7 @@ const updateMatrix = ({ detail }) => {
 };
 const throttleMatrix = throttle(updateMatrix, throttleResize);
 //let hiddenComponents = writable({})
-let lastDetail = undefined;
+let lastDetail = $state(undefined);
 const handleRepaint = ({ detail }) => {
     if (!detail.isPointerUp) {
         throttleMatrix({ detail });
@@ -198,11 +183,11 @@ const handleRepaint = ({ detail }) => {
     */
 };
 function handleKeyDown(event) {
-    if ((event.key === 'Control' || event.key === 'Meta') && !$isCtrlOrMetaPressedStore) {
+    if ((event.key === 'Control' || event.key === 'Meta') && $moveMode === 'move' && root) {
         if (resizing) {
             return;
         }
-        $isCtrlOrMetaPressedStore = true;
+        $moveMode = 'insert';
         if (lastDetail) {
             throttleMatrix({ detail: lastDetail });
             lastDetail = undefined;
@@ -210,16 +195,16 @@ function handleKeyDown(event) {
     }
 }
 let moveResizes = {};
-let shadows = {};
-export function handleMove({ detail }) {
+let shadows = $state({});
+export function handleMove(detail) {
     Object.entries(moveResizes).forEach(([id, moveResize]) => {
         if (selectedIds?.includes(id)) {
-            moveResize?.updateMove(structuredClone(detail.cordDiff), detail.eventY);
+            moveResize?.updateMove(detail.cordDiff, detail.clientY);
         }
     });
     lastDetail = detail;
     throttleMatrix({ detail: { isPointerUp: false, activate: false } });
-    if (!$isCtrlOrMetaPressedStore) {
+    if ($moveMode === 'move') {
         $overlappedStore = undefined;
         return;
     }
@@ -234,7 +219,7 @@ export function handleMove({ detail }) {
             draggedItem[getComputedCols].x = detail.shadow.x;
             draggedItem[getComputedCols].y = detail.shadow.y;
         }
-        let items = [];
+        let nitems = [];
         if ($overlappedStore) {
             const div = document.getElementById(`component-${$overlappedStore}`);
             const type = div?.getAttribute('data-componenttype');
@@ -242,15 +227,15 @@ export function handleMove({ detail }) {
                 return;
             }
             const index = type ? subGridIndexKey(type, $overlappedStore, $worldStore) : 0;
-            items = $app.subgrids[`${$overlappedStore}-${index}`] ?? [];
+            nitems = $app.subgrids[`${$overlappedStore}-${index}`] ?? [];
         }
         else {
-            items = $app.grid ?? [];
+            nitems = $app.grid ?? [];
         }
         if (!draggedItem) {
             return;
         }
-        const freeSpace = gridHelp.findSpace(draggedItem, items, getComputedCols);
+        const freeSpace = gridHelp.findSpace(draggedItem, nitems, getComputedCols);
         $fakeShadowStore = {
             x: freeSpace.x,
             y: freeSpace.y,
@@ -277,16 +262,21 @@ export function handleInitMove(id) {
         }
     });
 }
+let [gapX, gapY] = $derived(gap);
+let containerHeight = $derived(getContainerHeight(items, yPerPx, getComputedCols));
+$effect.pre(() => {
+    sortedItems = smartCopy(items).sort((a, b) => a.id.localeCompare(b.id));
+});
 </script>
 
 <svelte:window
-	on:focus={() => {
-		if ($isCtrlOrMetaPressedStore) {
-			$isCtrlOrMetaPressedStore = false
+	onfocus={() => {
+		if ($moveMode === 'insert') {
+			$moveMode = 'move'
 		}
 	}}
-	on:keydown={handleKeyDown}
-	on:keyup={handleKeyUp}
+	onkeydown={handleKeyDown}
+	onkeyup={handleKeyUp}
 />
 
 <div
@@ -297,7 +287,7 @@ export function handleInitMove(id) {
 	data-xperpx={xPerPx}
 >
 	<!-- ROOT SHADOW-->
-	{#if $isCtrlOrMetaPressedStore && root && $overlappedStore !== $componentDraggedParentIdStore}
+	{#if $moveMode === 'insert' && root && $overlappedStore !== $componentDraggedParentIdStore}
 		<div
 			class={twMerge(
 				'absolute inset-0  flex-col rounded-md bg-blue-100 dark:bg-gray-800 bg-opacity-50',
@@ -338,7 +328,7 @@ export function handleInitMove(id) {
 	{#if xPerPx > 0 && getComputedCols}
 		{#each sortedItems as item (item.id)}
 			{#if item[getComputedCols] != undefined}
-				{#if $isCtrlOrMetaPressedStore && item.id === $overlappedStore && $componentDraggedIdStore && $componentDraggedParentIdStore !== item.id && $fakeShadowStore}
+				{#if $moveMode === 'insert' && item.id === $overlappedStore && $componentDraggedIdStore && $componentDraggedParentIdStore !== item.id && $fakeShadowStore}
 					{@const columnGap = gapX}
 					<!-- gap between the columns in px -->
 					{@const containerBorder = 0.5 * 16}
@@ -378,7 +368,7 @@ export function handleInitMove(id) {
 				<MoveResize
 					{mounted}
 					on:initmove={() => handleInitMove(item.id)}
-					on:move={handleMove}
+					onMove={handleMove}
 					bind:shadow={shadows[item.id]}
 					bind:this={moveResizes[item.id]}
 					on:repaint={handleRepaint}
@@ -396,7 +386,7 @@ export function handleInitMove(id) {
 						$fakeShadowStore = undefined
 						lastDetail = undefined
 
-						if (!$isCtrlOrMetaPressedStore) {
+						if ($moveMode === 'move') {
 							return
 						}
 
@@ -405,7 +395,7 @@ export function handleInitMove(id) {
 					width={xPerPx == 0
 						? 0
 						: Math.min(getComputedCols, item[getComputedCols] && item[getComputedCols].w) * xPerPx -
-						  gapX * 2}
+							gapX * 2}
 					height={(item[getComputedCols] && item[getComputedCols].h) * yPerPx - gapY * 2}
 					top={(item[getComputedCols] && item[getComputedCols].y) * yPerPx + gapY}
 					left={(item[getComputedCols] && item[getComputedCols].x) * xPerPx + gapX}
@@ -417,18 +407,16 @@ export function handleInitMove(id) {
 					container={scroller}
 					nativeContainer={container}
 					overlapped={$overlappedStore}
-					moveMode={$isCtrlOrMetaPressedStore ? 'insert' : 'move'}
 					type={item.data['type']}
 					{disableMove}
 				>
 					{#if item[getComputedCols]}
-						<slot
-							dataItem={item}
-							hidden={false}
-							overlapped={$overlappedStore}
-							moveMode={$isCtrlOrMetaPressedStore ? 'insert' : 'move'}
-							componentDraggedId={$componentDraggedIdStore}
-						/>
+						{@render children?.({
+							dataItem: item,
+							hidden: false,
+							overlapped: $overlappedStore,
+							componentDraggedId: $componentDraggedIdStore
+						})}
 					{/if}
 				</MoveResize>
 			{/if}

package/package/components/apps/svelte-grid/Grid.svelte.d.ts

@@ -1,9 +1,10 @@
 import type { FilledItem } from './types';
+import { type GridShadow } from '../editor/appUtils';
 declare class __sveltets_Render<T> {
     props(): {
         items: FilledItem<T>[];
         rowHeight?: number;
-        gap?: number[];
+        gap?: any;
         throttleUpdate?: number;
         throttleResize?: number;
         selectedIds: string[] | undefined;
@@ -14,46 +15,36 @@ declare class __sveltets_Render<T> {
         root?: boolean;
         parentWidth?: number | undefined;
         disableMove?: boolean;
-        handleMove?: (({ detail }: {
-            detail: any;
-        }) => void) | undefined;
-        handleInitMove?: ((id: string) => void) | undefined;
+        children?: import("svelte").Snippet<[any]>;
     };
     events(): {
         dropped: CustomEvent<any>;
         resize: CustomEvent<any>;
         mount: CustomEvent<any>;
         redraw: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
     };
-    slots(): {
-        default: {
-            dataItem: FilledItem<T>;
-            hidden: boolean;
-            overlapped: string | undefined;
-            moveMode: string;
-            componentDraggedId: string | undefined;
-        };
-    };
-    bindings(): string;
+    slots(): {};
+    bindings(): "containerWidth";
     exports(): {
-        handleMove: ({ detail }: {
-            detail: any;
+        handleMove: (detail: {
+            cordDiff: {
+                x: number;
+                y: number;
+            };
+            clientY: number;
+            intersectingElement?: string | undefined;
+            shadow?: GridShadow | undefined;
+            overlapped?: string | undefined;
         }) => void;
         handleInitMove: (id: string) => void;
     };
 }
 interface $$IsomorphicComponent {
-    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']> & {
-        children?: any;
-    }>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
     } & ReturnType<__sveltets_Render<T>['exports']>;
     <T>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
         $$events?: ReturnType<__sveltets_Render<T>['events']>;
-        $$slots?: ReturnType<__sveltets_Render<T>['slots']>;
-        children?: any;
     }): ReturnType<__sveltets_Render<T>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }