https://seq23-longcat-video-avatar-1-5-extended.hf.space/assets/Example-Di4hsFmr.js

1import { p as prop, e as init, i as if_block, b as set_class, k as each, a as set_attribute, u as index } from './i18n-dpAHICcw.js';
2import { R as push, t as template_effect, a as append, T as pop, U as flushSync, W as from_html, I as deep_read_state, z as untrack, V as child, a6 as comment, S as first_child, w as get, X as sibling, Y as reset, a0 as set_text } from './index-CDZuCcOm.js';
3
4var root_4 = from_html(`<span class="caption svelte-xds4q5"> </span>`);
5var root_3 = from_html(`<div class="image-container svelte-xds4q5"><img class="svelte-xds4q5"/> <!></div>`);
6var root_7 = from_html(`<span class="caption svelte-xds4q5"> </span>`);
7var root_6 = from_html(`<div class="image-container svelte-xds4q5"><video preload="metadata" class="svelte-xds4q5"></video> <!></div>`, 2);
8var root_8 = from_html(`<div class="more-indicator svelte-xds4q5">…</div>`);
9var root_1 = from_html(`<div class="images-wrapper svelte-xds4q5"><!> <!></div>`);
10var root = from_html(`<div><!></div>`);
11
12function Example($$anchor, $$props) {
13	push($$props, false);
14
15	let value = prop($$props, 'value', 12);
16	let type = prop($$props, 'type', 12);
17	let selected = prop($$props, 'selected', 12, false);
18
19	var $$exports = {
20		get value() {
21			return value();
22		},
23
24		set value($$value) {
25			value($$value);
26			flushSync();
27		},
28
29		get type() {
30			return type();
31		},
32
33		set type($$value) {
34			type($$value);
35			flushSync();
36		},
37
38		get selected() {
39			return selected();
40		},
41
42		set selected($$value) {
43			selected($$value);
44			flushSync();
45		}
46	};
47
48	init();
49
50	var div = root();
51	let classes;
52	var node = child(div);
53
54	{
55		var consequent_5 = ($$anchor) => {
56			var div_1 = root_1();
57			var node_1 = child(div_1);
58
59			each(
60				node_1,
61				1,
62				() => (
63					deep_read_state(value()),
64					untrack(() => value().slice(0, 3))
65				),
66				index,
67				($$anchor, item) => {
68					var fragment = comment();
69					var node_2 = first_child(fragment);
70
71					{
72						var consequent_1 = ($$anchor) => {
73							var div_2 = root_3();
74							var img = child(div_2);
75							var node_3 = sibling(img, 2);
76
77							{
78								var consequent = ($$anchor) => {
79									var span = root_4();
80									var text = child(span, true);
81
82									reset(span);
83									template_effect(() => set_text(text, (get(item), untrack(() => get(item).caption))));
84									append($$anchor, span);
85								};
86
87								if_block(node_3, ($$render) => {
88									if ((get(item), untrack(() => get(item).caption))) $$render(consequent);
89								});
90							}
91
92							reset(div_2);
93
94							template_effect(() => {
95								set_attribute(img, 'src', (get(item), untrack(() => get(item).image.url)));
96								set_attribute(img, 'alt', (get(item), untrack(() => get(item).caption || "")));
97							});
98
99							append($$anchor, div_2);
100						};
101
102						var alternate = ($$anchor) => {
103							var fragment_1 = comment();
104							var node_4 = first_child(fragment_1);
105
106							{
107								var consequent_3 = ($$anchor) => {
108									var div_3 = root_6();
109									var video = child(div_3);
110
111									video.controls = false;
112									video.muted = true;
113
114									var node_5 = sibling(video, 2);
115
116									{
117										var consequent_2 = ($$anchor) => {
118											var span_1 = root_7();
119											var text_1 = child(span_1, true);
120
121											reset(span_1);
122											template_effect(() => set_text(text_1, (get(item), untrack(() => get(item).caption))));
123											append($$anchor, span_1);
124										};
125
126										if_block(node_5, ($$render) => {
127											if ((get(item), untrack(() => get(item).caption))) $$render(consequent_2);
128										});
129									}
130
131									reset(div_3);
132									template_effect(() => set_attribute(video, 'src', (get(item), untrack(() => get(item).video.url))));
133									append($$anchor, div_3);
134								};
135
136								if_block(
137									node_4,
138									($$render) => {
139										if ((
140											get(item),
141											untrack(() => "video" in get(item) && get(item).video)
142										)) $$render(consequent_3);
143									},
144									true
145								);
146							}
147
148							append($$anchor, fragment_1);
149						};
150
151						if_block(node_2, ($$render) => {
152							if ((
153								get(item),
154								untrack(() => "image" in get(item) && get(item).image)
155							)) $$render(consequent_1); else $$render(alternate, false);
156						});
157					}
158
159					append($$anchor, fragment);
160				}
161			);
162
163			var node_6 = sibling(node_1, 2);
164
165			{
166				var consequent_4 = ($$anchor) => {
167					var div_4 = root_8();
168
169					append($$anchor, div_4);
170				};
171
172				if_block(node_6, ($$render) => {
173					if ((
174						deep_read_state(value()),
175						untrack(() => value().length > 3)
176					)) $$render(consequent_4);
177				});
178			}
179
180			reset(div_1);
181			append($$anchor, div_1);
182		};
183
184		if_block(node, ($$render) => {
185			if ((
186				deep_read_state(value()),
187				untrack(() =>

187 value() && value().length > 0)
188			)) $$render(consequent_5);
189		});
190	}
191
192	reset(div);
193
194	template_effect(() => classes = set_class(div, 1, 'container svelte-xds4q5', null, classes, {
195		table: type() === "table",
196		gallery: type() === "gallery",
197		selected: selected()
198	}));
199
200	append($$anchor, div);
201
202	return pop($$exports);
203}
204
205export { Example as default };
206//# sourceMappingURL=Example-Di4hsFmr.js.map