https://victor-longcat-video-avatar-1-5.hf.space/assets/Index-ttf0f38z.js

1import { p as prop, s as slot, b as set_class, f as set_style, i as if_block, r as rest_props, g as spread_props } from './i18n-dpAHICcw.js';
2import { R as push, S as first_child, t as template_effect, a as append, T as pop, X as sibling, V as child, W as from_html, ak as delegate, a0 as set_text, Y as reset, a6 as comment, w as get, a5 as user_derived } from './index-CDZuCcOm.js';
3import { B as Block } from './Block-DntE23uJ.js';
4import './MarkdownCode.svelte_svelte_type_style_lang-GeNUGzep.js';
5import './ScrollFade.svelte_svelte_type_style_lang-DUvCSfRk.js';
6import { G as Gradio } from './utils.svelte-CyWLYi-B.js';
7import { S as Static } from './index-DyDpuTN9.js';
8import './StreamingBar.svelte_svelte_type_style_lang-BxBb9ZZb.js';
9import { B as BaseColumn } from './Index.svelte_svelte_type_style_lang-CXhnGNdZ.js';
10import './prism-python-C_fanlsZ.js';
11import './snippet-DVkMfmSq.js';
12import './clone-dZfS06Ds.js';
13import './Clear-tvJMRS4J.js';
14import './html-h_YSgefI.js';
15
16var root = from_html(`<button><span class="svelte-e5lyqv"> </span> <span class="icon svelte-e5lyqv">▼</span></button> <div><!></div>`, 1);
17
18function Accordion($$anchor, $$props) {
19	push($$props, true);
20
21	let open = prop($$props, 'open', 15, true),
22		label = prop($$props, 'label', 3, "");
23
24	var fragment = root();
25	var button = first_child(fragment);
26
27	button.__click = () => {
28		open(!open());
29
30		if (open()) {
31			$$props.onexpand?.();
32		} else {
33			$$props.oncollapse?.();
34		}
35	};
36
37	let classes;
38	var span = child(button);
39	var text = child(span, true);
40
41	reset(span);
42
43	var span_1 = sibling(span, 2);
44	let styles;
45
46	reset(button);
47
48	var div = sibling(button, 2);
49	let styles_1;
50	var node = child(div);
51
52	slot(node, $$props, 'default', {}, null);
53	reset(div);
54
55	template_effect(() => {
56		classes = set_class(button, 1, 'label-wrap svelte-e5lyqv', null, classes, { open: open() });
57		set_text(text, label());
58		styles = set_style(span_1, '', styles, { transform: open() ? "rotate(0)" : "rotate(90deg)" });
59		styles_1 = set_style(div, '', styles_1, { display: open() ? "block" : "none" });
60	});
61
62	append($$anchor, fragment);
63	pop();
64}
65
66delegate(['click']);
67
68var root_1 = from_html(`<!> <!>`, 1);
69
70function Index($$anchor, $$props) {
71	push($$props, true);
72
73	let props = rest_props($$props, ['$$slots', '$$events', '$$legacy']);
74
75	class AccordionGradio extends Gradio {
76		set_data(data) {
77			if ("open" in data && data.open) {
78				this.dispatch("gradio_expand");
79			}
80
81			super.set_data(data);
82			this.shared.loading_status.status = "complete";
83		}
84	}
85
86	const gradio = new AccordionGradio(props);
87	let label = user_derived(() => gradio.shared.label || "");
88	let visibility = user_derived(() => gradio.shared.visible === true ? true : "hidden");
89
90	Block($$anchor, {
91		get elem_id() {
92			return gradio.shared.elem_id;
93		},
94
95		get elem_classes() {
96			return gradio.shared.elem_classes;
97		},
98
99		get visible() {
100			return get(visibility);
101		},
102
103		children: ($$anchor, $$slotProps) => {
104			var fragment_1 = root_1();
105			var node = first_child(fragment_1);
106
107			{
108				var consequent = ($$anchor) => {
109					Static($$anchor, spread_props(
110						{
111							get autoscroll() {
112								return gradio.shared.autoscroll;
113							},
114
115							get i18n() {
116								return gradio.i18n;
117							}
118						},
119						() => gradio.shared.loading_status
120					));
121				};
122
123				if_block(node, ($$render) => {
124					if (gradio.shared.loading_status) $$render(consequent);
125				});
126			}
127
128			var node_1 = sibling(node, 2);
129
130			Accordion(node_1, {
131				get label() {
132					return get(label);
133				},
134
135				get open() {
136					return gradio.props.open;
137				},
138
139				onexpand: () => {
140					gradio.dispatch("expand");
141					gradio.dispatch("gradio_expand");
142				},
143				oncollapse: () => gradio.dispatch("collapse"),
144				children: ($$anchor, $$slotProps) => {
145					BaseColumn($$anchor, {
146						children: ($$anchor, $$slotProps) => {
147							var fragment_4 = comment();
148							var node_2 = first_child(fragment_4);
149
150							slot(node_2, $$props, 'default', {}, null);
151							append($$anchor, fragment_4);
152						},
153						$$slots: { default: true }
154					});
155				},
156				$$slots: { default: true }
157			});
158
159			append($$anchor, fragment_1);
160		},
161		$$slots: { default: true }
162	});
163
164	pop();
165}
166
167export { Index as default };
168//# sourceMappingURL=Index-ttf0f38z.js.map