gradio/js/accordion/Index.svelte
pngwn 5d1e8dae5a
batch UI updates on a per frame basis (#7564)
* changes

* process fe fn tests

* cleanup

* cleanup

* create_target_meta tests and abstraction

* add interactivity detection and tests

* more functions more tests

* add tests for component loader, fix errors

* fix everything

* add changeset

* add changeset

* ci

* cleanup

* cleanup

* test

* fix again

* tweaks

* cleanup

* add changeset

* fix loading_status

* cleanup

* ensure updates have been flushed before making API requests

* add changeset

* df fix

* fixes

* fix dataframe updates

* fix dataframe updates

* remove $open var

* add changeset

* fix tests

* extend timeout for lite

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
Co-authored-by: Hannah <hannahblair@users.noreply.github.com>
2024-03-13 13:46:40 +00:00

32 lines
770 B
Svelte

<script lang="ts">
import Accordion from "./shared/Accordion.svelte";
import { Block } from "@gradio/atoms";
import { StatusTracker } from "@gradio/statustracker";
import type { LoadingStatus } from "@gradio/statustracker";
import Column from "@gradio/column";
import type { Gradio } from "@gradio/utils";
export let label: string;
export let elem_id: string;
export let elem_classes: string[];
export let visible = true;
export let open = true;
export let loading_status: LoadingStatus;
export let gradio: Gradio;
</script>
<Block {elem_id} {elem_classes} {visible}>
<StatusTracker
autoscroll={gradio.autoscroll}
i18n={gradio.i18n}
{...loading_status}
/>
<Accordion {label} bind:open>
<Column>
<slot />
</Column>
</Accordion>
</Block>