https://raivisdejus-latvian-piper-tts.hf.space/assets/Index.svelte_svelte_type_style_lang-B7TVXWMD.js

1import { i as if_block, s as slot, d as bind_this, a as set_attribute, b as set_class, f as set_style, g as spread_props } from './i18n-CGlVUOvE.js';
2import { M as push, t as template_effect, Z as get, a as append, O as pop, a2 as user_derived, S as sibling, R as from_html, Q as child, T as reset } from './index-Bq2njFOY.js';
3import { S as Static } from './index-1GCmrSlD.js';
4import './StreamingBar.svelte_svelte_type_style_lang-DWGn5tT_.js';
5
6var root = from_html(`<div><!> <!></div>`);
7
8function BaseColumn($$anchor, $$props) {
9	push($$props, true);
10	let el;
11	let scale = user_derived(() => $$props.scale ?? null);
12	let min_width = user_derived(() => $$props.min_width ?? 0);
13	let elem_id = user_derived(() => $$props.elem_id ?? "");
14	let elem_classes = user_derived(() => $$props.elem_classes ?? []);
15	let visible = user_derived(() => $$props.visible ?? true);
16	let variant = user_derived(() => $$props.variant ?? "default");
17	let loading_status = user_derived(() => $$props.loading_status);
18	var div = root();
19	let classes;
20	let styles;
21	var node = child(div);
22
23	{
24		var consequent = ($$anchor) => {
25			{
26				let $0 = user_derived(() => get(loading_status)
27					? get(loading_status).status == "pending" ? "generating" : get(loading_status).status
28					: null);
29
30				Static($$anchor, spread_props(
31					{
32						get autoscroll() {
33							return $$props.autoscroll;
34						},
35
36						get i18n() {
37							return $$props.i18n;
38						}
39					},
40					() => get(loading_status),
41					{
42						get status() {
43							return get($0);
44						}
45					}
46				));
47			}
48		};
49
50		if_block(node, ($$render) => {
51			if (get(loading_status) && get(loading_status).show_progress) $$render(consequent);
52		});
53	}
54
55	var node_1 = sibling(node, 2);
56
57	slot(node_1, $$props, 'default', {}, null);
58	reset(div);
59	bind_this(div, ($$value) => el = $$value, () => el);
60
61	template_effect(
62		($0) => {
63			set_attribute(div, 'id', get(elem_id));
64
65			classes = set_class(div, 1, `column ${$0 ?? ''}`, 'svelte-siq5d6', classes, {
66				compact: get(variant) === "compact",
67				panel: get(variant) === "panel",
68				hide: !get(visible)
69			});
70
71			styles = set_style(div, '', styles, {
72				'flex-grow': get(scale),
73				'min-width': `calc(min(${get(min_width) ?? ''}px, 100%))`
74			});
75		},
76		[() => get(elem_classes).join(' ')]
77	);
78
79	append($$anchor, div);
80	pop();
81}
82
83export { BaseColumn as B };
84//# sourceMappingURL=Index.svelte_svelte_type_style_lang-B7TVXWMD.js.map