windmill-components 1.493.9 → 1.501.4

package/package/utils.js

@@ -11,12 +11,76 @@ import YAML from 'yaml';
 import {} from './stores';
 import { sendUserToast } from './toast';
 export { sendUserToast };
+import { stateSnapshot } from './svelte5Utils.svelte';
+import { validate, dereference } from '@scalar/openapi-parser';
+export var OpenApi;
+(function (OpenApi) {
+    let OpenApiVersion;
+    (function (OpenApiVersion) {
+        OpenApiVersion[OpenApiVersion["V2"] = 0] = "V2";
+        OpenApiVersion[OpenApiVersion["V3"] = 1] = "V3";
+        OpenApiVersion[OpenApiVersion["V3_1"] = 2] = "V3_1";
+    })(OpenApiVersion = OpenApi.OpenApiVersion || (OpenApi.OpenApiVersion = {}));
+    function isV2(doc) {
+        return 'swagger' in doc && doc.swagger === '2.0';
+    }
+    OpenApi.isV2 = isV2;
+    function isV3(doc) {
+        return 'openapi' in doc && typeof doc.openapi === 'string' && doc.openapi.startsWith('3.0');
+    }
+    OpenApi.isV3 = isV3;
+    function isV3_1(doc) {
+        return 'openapi' in doc && typeof doc.openapi === 'string' && doc.openapi.startsWith('3.1');
+    }
+    OpenApi.isV3_1 = isV3_1;
+    function getOpenApiVersion(version) {
+        if (version.startsWith('2.0')) {
+            return OpenApiVersion.V2;
+        }
+        else if (version.startsWith('3.0')) {
+            return OpenApiVersion.V3;
+        }
+        else {
+            return OpenApiVersion.V3_1;
+        }
+    }
+    OpenApi.getOpenApiVersion = getOpenApiVersion;
+    /**
+     * Parses and validates an OpenAPI specification provided as a string in either JSON or YAML format.
+     *
+     * @param api - A string containing a valid OpenAPI specification in JSON or YAML format.
+     * @returns A promise that resolves to a tuple:
+     *   - The first element is the validated OpenAPI document.
+     *   - The second element is the detected OpenAPI version (2, 3.0, or 3.1).
+     *
+     * @throws Will throw an error if the specification is invalid or cannot be parsed.
+     */
+    async function parse(api) {
+        const { valid, errors } = await validate(api);
+        if (!valid) {
+            const errorMessage = errors
+                ? errors.map((error) => error.message).join('\n')
+                : 'Invalid OpenAPI document';
+            throw new Error(errorMessage);
+        }
+        const document = await dereference(api);
+        const version = getOpenApiVersion(document.version);
+        return [document.schema, version];
+    }
+    OpenApi.parse = parse;
+})(OpenApi || (OpenApi = {}));
 export function isJobCancelable(j) {
     return j.type === 'QueuedJob' && !j.schedule_path && !j.canceled;
 }
 export function isJobReRunnable(j) {
     return (j.job_kind === 'script' || j.job_kind === 'flow') && j.parent_job === undefined;
 }
+export const WORKER_NAME_PREFIX = 'wk';
+export const AGENT_WORKER_NAME_PREFIX = 'ag';
+const SSH_AGENT_WORKER_SUFFIX = '/ssh';
+export function isAgentWorkerShell(workerName) {
+    return (workerName.startsWith(AGENT_WORKER_NAME_PREFIX) && workerName.endsWith(SSH_AGENT_WORKER_SUFFIX));
+}
 export function isJobSelectable(selectionType) {
     const f = {
         cancel: isJobCancelable,
@@ -180,7 +244,7 @@ export function validatePassword(password) {
     const re = /^(?=.*[\d])(?=.*[!@#$%^&*])[\w!@#$%^&*]{8,30}$/;
     return re.test(password);
 }
-const portalDivs = ['app-editor-select'];
+const portalDivs = ['#app-editor-select', '.select-dropdown-portal'];
 export function clickOutside(node, options) {
     const handleClick = async (event) => {
         const target = event.target;
@@ -200,13 +264,15 @@ export function clickOutside(node, options) {
             return contains || isTarget;
         });
         if (node && !node.contains(target) && !event.defaultPrevented && !isExcluded) {
-            const portalDivsSelector = portalDivs.map((id) => `#${id}`).join(', ');
+            const portalDivsSelector = portalDivs.join(', ');
             const parent = target.closest(portalDivsSelector);
             if (!parent) {
                 if (opts?.stopPropagation) {
                     event.stopPropagation();
                 }
                 node.dispatchEvent(new CustomEvent('click_outside', { detail: event }));
+                if (typeof options === 'object')
+                    options.onClickOutside?.(event);
             }
         }
         if (opts?.customEventName) {
@@ -250,7 +316,7 @@ export function pointerDownOutside(node, options) {
             return contains || isTarget;
         });
         if (node && !node.contains(target) && !event.defaultPrevented && !isExcluded) {
-            const portalDivsSelector = portalDivs.map((id) => `#${id}`).join(', ');
+            const portalDivsSelector = portalDivs.join(', ');
             const parent = target.closest(portalDivsSelector);
             if (!parent) {
                 if (options?.stopPropagation) {
@@ -469,6 +535,9 @@ export function formatCron(inp) {
         return inp;
     }
 }
+export function scriptLangArrayToCommaList(languages) {
+    return languages.join(',');
+}
 export function cronV1toV2(inp) {
     let splitted = inp.split(' ');
     splitted = splitted.filter(String);
@@ -485,6 +554,17 @@ export function cronV1toV2(inp) {
 export function classNames(...classes) {
     return classes.filter(Boolean).join(' ');
 }
+export function download(filename, fileContent, mimeType) {
+    const blob = new Blob([fileContent], {
+        type: mimeType
+    });
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    a.click();
+    setTimeout(() => URL.revokeObjectURL(url), 100);
+}
 export async function copyToClipboard(value, sendToast = true) {
     if (!value) {
         return false;
@@ -546,11 +626,14 @@ export function isObject(obj) {
 }
 export function debounce(func, wait) {
     let timeout;
-    return function (...args) {
-        // @ts-ignore
-        const context = this;
-        clearTimeout(timeout);
-        timeout = setTimeout(() => func.apply(context, args), wait);
+    return {
+        debounced: function (...args) {
+            // @ts-ignore
+            const context = this;
+            clearTimeout(timeout);
+            timeout = setTimeout(() => func.apply(context, args), wait);
+        },
+        clearDebounce: () => clearTimeout(timeout)
     };
 }
 export function throttle(func, wait) {
@@ -777,7 +860,7 @@ export function roughSizeOfObject(object) {
     return bytes;
 }
 export function replaceFalseWithUndefined(obj) {
-    return replaceFalseWithUndefinedRec(structuredClone(obj));
+    return replaceFalseWithUndefinedRec(structuredClone(stateSnapshot(obj)));
 }
 function replaceFalseWithUndefinedRec(obj) {
     // Check if the input is an object and not null
@@ -806,7 +889,7 @@ export function cleanValueProperties(obj) {
         let newObj = {};
         for (const key of Object.keys(obj)) {
             if (key !== 'parent_hash' && key !== 'draft' && key !== 'draft_only') {
-                newObj[key] = structuredClone(obj[key]);
+                newObj[key] = structuredClone(stateSnapshot(obj[key]));
             }
         }
         return newObj;
@@ -1073,6 +1156,49 @@ export function getOS() {
 }
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import { OpenAPIV2 } from 'openapi-types';
 export function cn(...inputs) {
     return twMerge(clsx(inputs));
 }
+export function readFieldsRecursively(obj, options = {}) {
+    if (Array.isArray(obj)) {
+        // <= in case a new object is added. should read as undefined
+        for (let i = 0; i <= obj.length; i++) {
+            if (obj[i] && typeof obj[i] === 'object') {
+                readFieldsRecursively(obj[i]);
+            }
+        }
+    }
+    else if (obj !== null && typeof obj === 'object') {
+        Object.keys(obj).forEach((key) => {
+            if (!options.excludeField?.includes(key))
+                readFieldsRecursively(obj[key], options);
+        });
+    }
+}
+export function reorder(items, oldIndex, newIndex) {
+    const updatedItems = [...items];
+    const [removedItem] = updatedItems.splice(oldIndex, 1);
+    updatedItems.splice(newIndex, 0, removedItem);
+    return updatedItems;
+}
+export function scroll_into_view_if_needed_polyfill(elem, centerIfNeeded = true) {
+    const observer = new IntersectionObserver(function ([entry]) {
+        const ratio = entry.intersectionRatio;
+        if (ratio < 1) {
+            const place = ratio <= 0 && centerIfNeeded ? `center` : `nearest`;
+            elem.scrollIntoView({
+                block: place,
+                inline: place
+            });
+        }
+        observer.disconnect();
+    }, {
+        root: null, // or specify a scrolling parent if needed
+        rootMargin: '0px 1000px', // Essentially making horizontal checks irrelevant
+        threshold: 0.1 // Adjust threshold to control when observer should trigger
+    });
+    observer.observe(elem);
+    return observer; // return for testing
+}
+export const editorPositionMap = {};

package/package/utils_deployable.d.ts

@@ -441,7 +441,7 @@ export declare function getTriggerValue(kind: TriggerKind, path: string, workspa
 } | {
     script_path: string;
     is_flow: boolean;
-    http_method: "get" | "post" | "put" | "delete" | "patch";
+    http_method: import("./gen").HttpMethod;
     route_path: string;
     static_asset_config: {
         s3: string;

package/package/zIndexes.d.ts

@@ -4,6 +4,7 @@ export declare const zIndexes: {
     splitPanelHandle: number;
     colorInput: number;
     disposables: number;
+    aiChat: number;
     svelteSelectOptions: number;
     popover: number;
     contextMenu: number;

package/package/zIndexes.js

@@ -4,6 +4,7 @@ export const zIndexes = {
     splitPanelHandle: 1001,
     colorInput: 1002,
     disposables: 1100, // Modals and Drawers
+    aiChat: 1200,
     svelteSelectOptions: 5000,
     popover: 5001,
     contextMenu: 6000,

package/package.json

@@ -1,10 +1,11 @@
 {
 	"name": "windmill-components",
-	"version": "1.493.9",
+	"version": "1.501.4",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
 		"preview": "vite preview",
+		"postinstall": "node scripts/untar_ui_builder.js && node scripts/patch_files.js",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --threshold warning",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
@@ -49,7 +50,6 @@
 		"postcss-load-config": "^4.0.1",
 		"prettier": "^3.1.0",
 		"prettier-plugin-svelte": "^3.3.3",
-		"simple-svelte-autocomplete": "^2.5.1",
 		"style-to-object": "^0.4.1",
 		"stylelint-config-recommended": "^13.0.0",
 		"svelte": "^5.0.0",
@@ -57,7 +57,6 @@
 		"svelte-check": "^4.0.0",
 		"svelte-floating-ui": "^1.5.8",
 		"svelte-highlight": "^7.6.0",
-		"svelte-multiselect": "^11.0.0-rc.1",
 		"svelte-popperjs": "^1.3.2",
 		"svelte-preprocess": "^6.0.0",
 		"svelte-range-slider-pips": "^2.3.1",
@@ -80,19 +79,22 @@
 	"dependencies": {
 		"@aws-crypto/sha256-js": "^4.0.0",
 		"@codingame/monaco-vscode-configuration-service-override": "~16.1.1",
+		"@codingame/monaco-vscode-editor-api": "~16.1.1",
 		"@codingame/monaco-vscode-standalone-css-language-features": "~16.1.1",
 		"@codingame/monaco-vscode-standalone-html-language-features": "^16.1.1",
 		"@codingame/monaco-vscode-standalone-json-language-features": "~16.1.1",
 		"@codingame/monaco-vscode-standalone-languages": "~16.1.1",
 		"@codingame/monaco-vscode-standalone-typescript-language-features": "~16.1.1",
-		"@codingame/monaco-vscode-editor-api": "~16.1.1",
 		"@json2csv/plainjs": "^7.0.6",
 		"@leeoniya/ufuzzy": "^1.0.8",
 		"@popperjs/core": "^2.11.6",
 		"@redocly/json-to-json-schema": "^0.0.1",
+		"@scalar/openapi-parser": "^0.15.0",
 		"@tanstack/svelte-table": "npm:tanstack-table-8-svelte-5@^0.1",
+		"@tutorlatin/svelte-tiny-virtual-list": "^3.0.2",
 		"@windmill-labs/svelte-dnd-action": "^0.9.48",
-		"@xyflow/svelte": "^0.1.15",
+		"@xterm/addon-fit": "^0.10.0",
+		"@xyflow/svelte": "^1.0.0",
 		"ag-charts-community": "^9.0.1",
 		"ag-charts-enterprise": "^9.0.1",
 		"ag-grid-community": "^31.3.4",
@@ -111,6 +113,7 @@
 		"hash-sum": "^2.0.0",
 		"highlight.js": "^11.8.0",
 		"idb": "^8.0.2",
+		"lru-cache": "^11.1.0",
 		"lucide-svelte": "^0.399.0",
 		"minimatch": "^10.0.1",
 		"monaco-editor": "npm:@codingame/monaco-vscode-editor-api@~16.1.1",
@@ -120,6 +123,7 @@
 		"monaco-vim": "^0.4.1",
 		"ol": "^7.4.0",
 		"openai": "^4.87.1",
+		"openapi-types": "^12.1.3",
 		"p-limit": "^6.1.0",
 		"panzoom": "^9.4.3",
 		"pdfjs-dist": "4.8.69",
@@ -141,20 +145,23 @@
 		"windmill-parser-wasm-java": "^1.478.1",
 		"windmill-parser-wasm-nu": "^1.474.1",
 		"windmill-parser-wasm-php": "^1.429.0",
-		"windmill-parser-wasm-py": "^1.477.1",
+		"windmill-parser-wasm-py": "^1.499.0",
 		"windmill-parser-wasm-regex": "^1.492.1",
 		"windmill-parser-wasm-rust": "^1.429.0",
 		"windmill-parser-wasm-ts": "^1.486.1",
 		"windmill-parser-wasm-yaml": "^1.429.0",
 		"windmill-sql-datatype-parser-wasm": "^1.318.0",
+		"xterm": "^5.3.0",
+		"xterm-readline": "^1.1.2",
 		"y-monaco": "^0.1.4",
 		"y-websocket": "^1.5.4",
-		"yaml": "^2.3.4",
+		"yaml": "^2.8.0",
 		"yjs": "^13.6.7",
-		"zod": "^3.24.2"
+		"zod": "^3.24.2",
+		"zod-to-json-schema": "^3.24.5"
 	},
 	"peerDependencies": {
-		"svelte": "^5.0.0"
+		"svelte": "^4.0.0"
 	},
 	"exports": {
 		"./package.json": "./package.json",
@@ -374,17 +381,11 @@
 		"./tailwindUtils": {
 			"types": "./package/components/apps/editor/componentsPanel/tailwindUtils.d.ts",
 			"default": "./package/components/apps/editor/componentsPanel/tailwindUtils.js"
-		},
-		"./components/custom_ui": {
-			"types": "./package/components/custom_ui.d.ts",
-			"svelte": "./package/components/custom_ui.js",
-			"default": "./package/components/custom_ui.js"
 		}
 	},
 	"files": [
 		"dist",
-		"package",
-		"scripts"
+		"package"
 	],
 	"license": "AGPL-3.0",
 	"svelte": "./dist/index.js",
@@ -518,9 +519,6 @@
 			],
 			"tailwindUtils": [
 				"./package/components/apps/editor/componentsPanel/tailwindUtils.d.ts"
-			],
-			"components/custom_ui": [
-				"./package/components/custom_ui.d.ts"
 			]
 		}
 	},

package/package/components/apps/editor/component/ComponentCallbacks.svelte

@@ -1,201 +0,0 @@
-<script lang="ts">import { getContext } from 'svelte';
-import { copyComponent, findGridItem, findGridItemParentGrid, getAllSubgridsAndComponentIds, insertNewGridItem } from '../appUtils';
-import { push } from '../../../../history';
-import { sendUserToast } from '../../../../toast';
-import { gridColumns } from '../../gridUtils';
-import { copyToClipboard } from '../../../../utils';
-const { app, selectedComponent, focusedGrid, componentControl } = getContext('AppViewerContext');
-const { history, movingcomponents, jobsDrawerOpen } = getContext('AppEditorContext');
-let tempGridItems = undefined;
-const ITEM_TYPE = 'wm-grid-items';
-function getSortedGridItemsOfChildren() {
-    if (!$focusedGrid) {
-        return $app.grid;
-    }
-    if (!$app.subgrids) {
-        return [];
-    }
-    return $app.subgrids[`${$focusedGrid.parentComponentId}-${$focusedGrid.subGridIndex}`] ?? [];
-}
-function getGridItems() {
-    if ($app.grid.find((item) => item.id === $selectedComponent?.[0])) {
-        return $app.grid;
-    }
-    if (!$app.subgrids) {
-        return [];
-    }
-    return (Object.values($app.subgrids ?? {}).find((grid) => grid.find((item) => item.id === $selectedComponent?.[0])) ?? []);
-}
-export function left(event) {
-    if (!$componentControl[$selectedComponent?.[0] ?? '']?.left?.()) {
-        const sortedGridItems = getGridItems();
-        const currentIndex = sortedGridItems.findIndex((item) => item.id === ($selectedComponent?.[0] ?? ''));
-        if (currentIndex !== -1 && currentIndex > 0) {
-            const left = sortedGridItems[currentIndex - 1];
-            if (left.data.type === 'tablecomponent' && left.data.actionButtons.length >= 1) {
-                $selectedComponent = [left.data.actionButtons[left.data.actionButtons.length - 1].id];
-            }
-            else if ((left.data.type === 'aggridcomponent' ||
-                left.data.type === 'aggridcomponentee' ||
-                left.data.type === 'dbexplorercomponent') &&
-                Array.isArray(left.data.actions) &&
-                left.data.actions.length >= 1) {
-                $selectedComponent = [left.data.actions[left.data.actions.length - 1].id];
-            }
-            else {
-                $selectedComponent = [left.id];
-            }
-        }
-    }
-    event.preventDefault();
-}
-export function right(event) {
-    let r = $componentControl[$selectedComponent?.[0] ?? '']?.right?.();
-    if (typeof r === 'string') {
-        $selectedComponent = [r];
-        r = $componentControl[r]?.right?.(true);
-    }
-    if (!r) {
-        const sortedGridItems = getGridItems();
-        const currentIndex = sortedGridItems.findIndex((item) => item.id === ($selectedComponent?.[0] ?? ''));
-        if (currentIndex !== -1 && currentIndex < sortedGridItems.length - 1) {
-            $selectedComponent = [sortedGridItems[currentIndex + 1].id];
-        }
-    }
-    event.preventDefault();
-}
-export function down(event) {
-    if (!$focusedGrid) {
-        $selectedComponent = [getSortedGridItemsOfChildren()[0]?.id];
-        event.preventDefault();
-    }
-    else if ($app.subgrids) {
-        const index = $focusedGrid?.subGridIndex ?? 0;
-        const subgrid = $app.subgrids[`${$selectedComponent}-${index}`];
-        if (!subgrid || subgrid.length === 0) {
-            return;
-        }
-        if (subgrid) {
-            $selectedComponent = [subgrid[0].id];
-        }
-        event.preventDefault();
-    }
-}
-export function handleEscape(event) {
-    $selectedComponent = undefined;
-    $focusedGrid = undefined;
-    event.preventDefault();
-}
-export function handleArrowUp(event) {
-    if (!$selectedComponent)
-        return;
-    let parentId = findGridItemParentGrid($app, $selectedComponent?.[0])?.split('-')[0];
-    if (parentId) {
-        $selectedComponent = [parentId];
-    }
-    else {
-        $selectedComponent = undefined;
-        $focusedGrid = undefined;
-    }
-}
-export async function handleCopy(event) {
-    if (!$selectedComponent || $jobsDrawerOpen || window.getSelection()?.toString() != '') {
-        return;
-    }
-    tempGridItems = undefined;
-    const copiedGridItems = $selectedComponent
-        .map((x) => findGridItem($app, x))
-        .filter((x) => x != undefined);
-    copyGridItemsToClipboard(copiedGridItems, 'copy');
-}
-async function copyGridItemsToClipboard(items, type = undefined) {
-    let allSubgrids = {};
-    for (let item of items) {
-        let subgrids = getAllSubgridsAndComponentIds($app, item.data)[0];
-        for (let key of subgrids) {
-            allSubgrids[key] = $app.subgrids?.[key];
-        }
-    }
-    let success = await copyToClipboard(JSON.stringify({ type: ITEM_TYPE, items, subgrids: allSubgrids }), false);
-    if (!success) {
-        sendUserToast('Could not copy to clipboard. Are you in an unsecure context?', true);
-    }
-    else if (type) {
-        const text = type == 'copy' ? 'Copied' : 'Cut';
-        sendUserToast(`${text} ${items.length} component${items.length > 1 ? 's' : ''}`);
-    }
-}
-export function handleCut(event) {
-    if (!$selectedComponent) {
-        return;
-    }
-    $movingcomponents = JSON.parse(JSON.stringify($selectedComponent));
-    push(history, $app);
-    let gridItems = $selectedComponent
-        .map((x) => findGridItem($app, x))
-        .filter((x) => x != undefined);
-    copyGridItemsToClipboard(gridItems, 'cut');
-    if (!gridItems) {
-        return;
-    }
-    // Store the grid item in a temp variable so we can paste it later
-    tempGridItems = gridItems;
-}
-export async function handlePaste(event) {
-    let classes = event.target?.['className'];
-    if ((typeof classes === 'string' && classes.includes('inputarea')) ||
-        ['INPUT', 'TEXTAREA'].includes(document.activeElement?.tagName)) {
-        return;
-    }
-    event.preventDefault();
-    push(history, $app);
-    $movingcomponents = undefined;
-    let copiedGridItems = undefined;
-    let subgrids = $app.subgrids ?? {};
-    const txt = event?.clipboardData?.getData('text');
-    if (txt) {
-        try {
-            const parsed = JSON.parse(txt);
-            if (parsed.type == ITEM_TYPE) {
-                copiedGridItems = parsed.items;
-                subgrids = parsed.subgrids ?? subgrids;
-            }
-            else {
-                copiedGridItems = undefined;
-            }
-        }
-        catch { }
-    }
-    if (tempGridItems != undefined) {
-        for (let tempGridItem of tempGridItems) {
-            if ($focusedGrid &&
-                getAllSubgridsAndComponentIds($app, tempGridItem.data)[0].includes(`${$focusedGrid.parentComponentId}-${$focusedGrid.subGridIndex}`)) {
-                sendUserToast('Cannot paste a component into itself', true);
-                return;
-            }
-            let parentGrid = findGridItemParentGrid($app, tempGridItem.id);
-            if (parentGrid) {
-                $app.subgrids &&
-                    ($app.subgrids[parentGrid] = $app.subgrids[parentGrid].filter((item) => item.id !== tempGridItem?.id));
-            }
-            else {
-                $app.grid = $app.grid.filter((item) => item.id !== tempGridItem?.id);
-            }
-            const gridItem = tempGridItem;
-            insertNewGridItem($app, (id) => ({ ...gridItem.data, id }), $focusedGrid, Object.fromEntries(gridColumns.map((column) => [column, gridItem[column]])), tempGridItem.id);
-        }
-        copyGridItemsToClipboard(tempGridItems);
-        $selectedComponent = tempGridItems.map((x) => x.id);
-        tempGridItems = undefined;
-    }
-    else if (copiedGridItems) {
-        let nitems = [];
-        for (let copiedGridItem of copiedGridItems) {
-            let newItem = copyComponent($app, copiedGridItem, $focusedGrid, subgrids, []);
-            newItem && nitems.push(newItem);
-        }
-        $selectedComponent = nitems.map((x) => x);
-    }
-    $app = $app;
-}
-</script>

package/package/components/apps/editor/component/ComponentCallbacks.svelte.d.ts

@@ -1,36 +0,0 @@
-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 ComponentCallbacks: $$__sveltets_2_IsomorphicComponent<{
-    left?: (event: KeyboardEvent) => void;
-    right?: (event: KeyboardEvent) => void;
-    down?: (event: KeyboardEvent) => void;
-    handleEscape?: (event: KeyboardEvent) => void;
-    handleArrowUp?: (event: KeyboardEvent) => void;
-    handleCopy?: (event: KeyboardEvent) => Promise<void>;
-    handleCut?: (event: KeyboardEvent) => void;
-    handlePaste?: (event: ClipboardEvent) => Promise<void>;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {
-    left: (event: KeyboardEvent) => void;
-    right: (event: KeyboardEvent) => void;
-    down: (event: KeyboardEvent) => void;
-    handleEscape: (event: KeyboardEvent) => void;
-    handleArrowUp: (event: KeyboardEvent) => void;
-    handleCopy: (event: KeyboardEvent) => Promise<void>;
-    handleCut: (event: KeyboardEvent) => void;
-    handlePaste: (event: ClipboardEvent) => Promise<void>;
-}, string>;
-type ComponentCallbacks = InstanceType<typeof ComponentCallbacks>;
-export default ComponentCallbacks;