https://vikhyatk-moondream1.hf.space/assets/Example-87c4102c.js

1import { I as Image } from './Image-a3907992.js';
2/* empty css                                                */import './file-url-43bc93f1.js';
3import './Index-911d1d3f.js';
4import './index-457a826a.js';
5import './svelte/svelte.js';
6
7/* home/runner/work/gradio/gradio/js/image/Example.svelte generated by Svelte v4.2.2 */
8const {
9	SvelteComponent,
10	attr,
11	create_component,
12	destroy_component,
13	detach,
14	element,
15	init,
16	insert,
17	mount_component,
18	safe_not_equal,
19	toggle_class,
20	transition_in,
21	transition_out
22} = window.__gradio__svelte__internal;
23function create_fragment(ctx) {
24	let div;
25	let image;
26	let current;
27
28	image = new Image({
29			props: {
30				src: /*samples_dir*/ ctx[1] + /*value*/ ctx[0]?.path,
31				alt: ""
32			}
33		});
34
35	return {
36		c() {
37			div = element("div");
38			create_component(image.$$.fragment);
39			attr(div, "class", "container svelte-7uit3c");
40			toggle_class(div, "table", /*type*/ ctx[2] === "table");
41			toggle_class(div, "gallery", /*type*/ ctx[2] === "gallery");
42			toggle_class(div, "selected", /*selected*/ ctx[3]);
43		},
44		m(target, anchor) {
45			insert(target, div, anchor);
46			mount_component(image, div, null);
47			current = true;
48		},
49		p(ctx, [dirty]) {
50			const image_changes = {};
51			if (dirty & /*samples_dir, value*/ 3) image_changes.src = /*samples_dir*/ ctx[1] + /*value*/ ctx[0]?.path;
52			image.$set(image_changes);
53
54			if (!current || dirty & /*type*/ 4) {
55				toggle_class(div, "table", /*type*/ ctx[2] === "table");
56			}
57
58			if (!current || dirty & /*type*/ 4) {
59				toggle_class(div, "gallery", /*type*/ ctx[2] === "gallery");
60			}
61
62			if (!current || dirty & /*selected*/ 8) {
63				toggle_class(div, "selected", /*selected*/ ctx[3]);
64			}
65		},
66		i(local) {
67			if (current) return;
68			transition_in(image.$$.fragment, local);
69			current = true;
70		},
71		o(local) {
72			transition_out(image.$$.fragment, local);
73			current = false;
74		},
75		d(detaching) {
76			if (detaching) {
77				detach(div);
78			}
79
80			destroy_component(image);
81		}
82	};
83}
84
85function instance($$self, $$props, $$invalidate) {
86	let { value } = $$props;
87	let { samples_dir } = $$props;
88	let { type } = $$props;
89	let { selected = false } = $$props;
90
91	$$self.$$set = $$props => {

92		if ('value' in $$props) $$invalidate(0, value = $$props.value);
93		if ('samples_dir' in $$props) $$invalidate(1, samples_dir = $$props.samples_dir);
94		if ('type' in $$props) $$invalidate(2, type = $$props.type);
95		if ('selected' in $$props) $$invalidate(3, selected = $$props.selected);
96	};
97
98	return [value, samples_dir, type, selected];
99}
100
101class Example extends SvelteComponent {
102	constructor(options) {
103		super();
104
105		init(this, options, instance, create_fragment, safe_not_equal, {
106			value: 0,
107			samples_dir: 1,
108			type: 2,
109			selected: 3
110		});
111	}
112}
113
114export { Example as default };
115//# sourceMappingURL=Example-87c4102c.js.map