gradio

1
import { format } from "svelte-i18n";
2
import { get } from "svelte/store";
3

4
const x = get(format);
5

6
export type I18nFormatter = typeof x;
7
export class Gradio<T extends Record<string, any> = Record<string, any>> {
8
	#id: number;
9
	theme: string;
10
	version: string;
11
	i18n: typeof x;
12
	#el: HTMLElement;
13
	root: string;
14
	autoscroll: boolean;
15

16
	constructor(
17
		id: number,
18
		el: HTMLElement,
19
		theme: string,
20
		version: string,
21
		root: string,
22
		autoscroll: boolean
23
	) {
24
		this.#id = id;
25
		this.theme = theme;
26
		this.version = version;
27
		this.#el = el;
28
		this.i18n = get(format);
29
		this.root = root;
30
		this.autoscroll = autoscroll;
31
	}
32

33
	dispatch<E extends keyof T>(event_name: E, data?: T[E]): void {
34
		const e = new CustomEvent("gradio", {
35
			bubbles: true,
36
			detail: { data, id: this.#id, event: event_name }
37
		});
38
		this.#el.dispatchEvent(e);
39
	}
40
}
41