https://toootiz-mikutts.hf.space/assets/Example-CSyNUPmz.js

1import { p as prop, e as init, i as if_block, b as set_class, k as each, u as index } from './i18n-CGlVUOvE.js';
2import { M as push, a3 as comment, N as first_child, a as append, O as pop, P as flushSync, Q as child, T as reset, t as template_effect, U as event, $ as set, R as from_html, a0 as mutable_source, a4 as text, X as set_text, Z as get, w as untrack, S as sibling, y as deep_read_state } from './index-Bq2njFOY.js';
3
4var root_4 = from_html(`<table class="svelte-wcwkqi"><tbody><tr class="svelte-wcwkqi"><td class="svelte-wcwkqi">Empty</td></tr></tbody></table>`);
5var root_7 = from_html(`<td class="svelte-wcwkqi"> </td>`);
6var root_8 = from_html(`<td class="svelte-wcwkqi">…</td>`);
7var root_6 = from_html(`<tr class="svelte-wcwkqi"><!><!></tr>`);
8var root_9 = from_html(`<div></div>`);
9var root_5 = from_html(`<table class="svelte-wcwkqi"><tbody></tbody></table> <!>`, 1);
10var root_1 = 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	let index$1 = prop($$props, 'index', 12);
19	let hovered = mutable_source(false);
20	let loaded = Array.isArray(value());
21	let is_empty = loaded && (value().length === 0 || value()[0].length === 0);
22
23	var $$exports = {
24		get value() {
25			return value();
26		},
27
28		set value($$value) {
29			value($$value);
30			flushSync();
31		},
32
33		get type() {
34			return type();
35		},
36
37		set type($$value) {
38			type($$value);
39			flushSync();
40		},
41
42		get selected() {
43			return selected();
44		},
45
46		set selected($$value) {
47			selected($$value);
48			flushSync();
49		},
50
51		get index() {
52			return index$1();
53		},
54
55		set index($$value) {
56			index$1($$value);
57			flushSync();
58		}
59	};
60
61	init();
62
63	var fragment = comment();
64	var node = first_child(fragment);
65
66	{
67		var consequent_4 = ($$anchor) => {
68			var div = root_1();
69			let classes;
70			var node_1 = child(div);
71
72			{
73				var consequent = ($$anchor) => {
74					var text$1 = text();
75
76					template_effect(() => set_text(text$1, value()));
77					append($$anchor, text$1);
78				};
79
80				var alternate_1 = ($$anchor) => {
81					var fragment_2 = comment();
82					var node_2 = first_child(fragment_2);
83
84					{
85						var consequent_1 = ($$anchor) => {
86							var table = root_4();
87
88							append($$anchor, table);
89						};
90
91						var alternate = ($$anchor) => {
92							var fragment_3 = root_5();
93							var table_1 = first_child(fragment_3);
94							var tbody = child(table_1);
95
96							each(
97								tbody,
98								5,
99								() => (
100									deep_read_state(value()),
101									untrack(() => value().slice(0, 3))
102								),
103								index,
104								($$anchor, row) => {
105									var tr = root_6();
106									var node_3 = child(tr);
107
108									each(node_3, 1, () => (get(row), untrack(() => get(row).slice(0, 3))), index, ($$anchor, cell) => {
109										var td = root_7();
110										var text_1 = child(td, true);
111
112										reset(td);
113										template_effect(() => set_text(text_1, get(cell)));
114										append($$anchor, td);
115									});
116
117									var node_4 = sibling(node_3);
118
119									{
120										var consequent_2 = ($$anchor) => {
121											var td_1 = root_8();
122
123											append($$anchor, td_1);
124										};
125
126										if_block(node_4, ($$render) => {
127											if ((get(row), untrack(() => get(row).length > 3))) $$render(consequent_2);
128										});
129									}
130
131									reset(tr);
132									append($$anchor, tr);
133								}
134							);
135
136							reset(tbody);
137							reset(table_1);
138
139							var node_5 = sibling(table_1, 2);
140
141							{
142								var consequent_3 = ($$anchor) => {
143									var div_1 = root_9();
144									let classes_1;
145
146									template_effect(() => classes_1 = set_class(div_1, 1, 'overlay svelte-wcwkqi', null, classes_1, {
147										odd: index$1() % 2 != 0,
148										even: index$1() % 2 == 0,
149										button: type() === "gallery"
150									}));
151
152									append($$anchor, div_1);
153								};
154
155								if_block(node_5, ($$render) => {
156									if ((
157										deep_read_state(value()),
158										untrack(() => value().length > 3)
159									)) $$render(consequent_3);
160								});
161							}
162
163							append($$anchor, fragment_3);
164						};
165
166						if_block(
167							node_2,
168							($$render) => {
169								if (is_empty) $$render(consequent_1); else $$render(alternate, false);
170							},
171							true
172						);
173					}
174
175					append($$anchor, fragment_2);
176				};
177
178				if_block(node_1, ($$render) => {

179					if (typeof value() === "string") $$render(consequent); else $$render(alternate_1, false);
180				});
181			}
182
183			reset(div);
184
185			template_effect(() => classes = set_class(div, 1, 'svelte-wcwkqi', null, classes, {
186				table: type() === "table",
187				gallery: type() === "gallery",
188				selected: selected()
189			}));
190
191			event('mouseenter', div, () => set(hovered, true));
192			event('mouseleave', div, () => set(hovered, false));
193			append($$anchor, div);
194		};
195
196		if_block(node, ($$render) => {
197			if (loaded) $$render(consequent_4);
198		});
199	}
200
201	append($$anchor, fragment);
202
203	return pop($$exports);
204}
205
206export { Example as default };
207//# sourceMappingURL=Example-CSyNUPmz.js.map