https://jasongzy-make-it-animatable-v2.hf.space/assets/Index-BgTF7vbT.js

1import { f as set_style, s as slot, a as set_attribute, b as set_class, r as rest_props } from './i18n-dpAHICcw.js';
2import { R as push, t as template_effect, w as get, a as append, T as pop, a5 as user_derived, V as child, W as from_html, Y as reset } from './index-CDZuCcOm.js';
3import { G as Gradio } from './utils.svelte-CyWLYi-B.js';
4import './clone-dZfS06Ds.js';
5
6var root = from_html(`<div><div class="styler svelte-1p9262q"><!></div></div>`);
7
8function Index($$anchor, $$props) {
9	push($$props, true);
10
11	const props = rest_props($$props, ['$$slots', '$$events', '$$legacy']);
12
13	// Register the component with Gradio
14	new Gradio(props);
15
16	const elem_id = user_derived(() => $$props.elem_id || "");
17	const elem_classes = user_derived(() => $$props.elem_classes || []);
18	const visible = user_derived(() => $$props.visible === undefined ? true : $$props.visible);
19	var div = root();
20	let classes;
21	var div_1 = child(div);
22
23	set_style(div_1, '', {}, {
24		'--block-radius': '0px',
25		'--block-border-width': '0px',
26		'--layout-gap': '1px',
27		'--form-gap-width': '1px',
28		'--button-border-width': '0px',
29		'--button-large-radius': '0px',
30		'--button-small-radius': '0px'
31	});
32
33	var node = child(div_1);
34
35	slot(node, $$props, 'default', {}, null);
36	reset(div_1);
37	reset(div);
38
39	template_effect(
40		($0) => {
41			set_attribute(div, 'id', get(elem_id));
42			classes = set_class(div, 1, `gr-group ${$0 ?? ''}`, 'svelte-1p9262q', classes, { hide: !get(visible) });
43		},
44		[() => get(elem_classes).join(' ')]
45	);
46
47	append($$anchor, div);
48	pop();
49}
50
51export { Index as default };
52//# sourceMappingURL=Index-BgTF7vbT.js.map