diff --git a/src/lib/holocene/api-pagination.svelte b/src/lib/holocene/api-pagination.svelte
index af5dc683e..c5d94bb16 100644
--- a/src/lib/holocene/api-pagination.svelte
+++ b/src/lib/holocene/api-pagination.svelte
@@ -40,6 +40,7 @@
type FilterableProps = {
filterable: true;
filterInputPlaceholder: string;
+ filterDebounceInMilliseconds?: number;
};
type $$Props = BaseProps & (FilterableProps | NonFilterableProps);
@@ -68,6 +69,7 @@
export let nextButtonLabel: string;
export let filterable = false;
export let filterInputPlaceholder: string = undefined;
+ export let filterDebounceInMilliseconds = 1000;
let query = '';
@@ -191,6 +193,11 @@
if (onError) onError(error);
}
};
+
+ const debouncedHandleFilter = debounce(
+ handleFilter,
+ filterDebounceInMilliseconds,
+ );