https://microsoft-llmlingua-2.hf.space/assets/Example-69cc2619.js

1import './ImageUploader-bad42a24.js';
2import './Button-bd009e9a.js';
3import './Index-7fdff9d2.js';
4import { I as Image } from './Image-e7664ad6.js';
5/* empty css                                                */import './utils-013c0d40.js';
6import './BlockLabel-5d99d786.js';
7import './IconButton-9a708715.js';
8import './Empty-dc0720f3.js';
9import './ShareButton-5feea5fe.js';
10import './DownloadLink-e3ba8890.js';
11import './file-url-6213a515.js';
12import './Image-6cbf81d1.js';
13import './index-10ead756.js';
14import './svelte/svelte.js';
15import './SelectSource-e8dd6fee.js';
16import './Upload-96564545.js';
17import './DropdownArrow-40c26941.js';
18import './ModifyUpload.svelte_svelte_type_style_lang-3e24959e.js';
19
20const Example_svelte_svelte_type_style_lang = '';
21
22/* home/runner/work/gradio/gradio/js/imageeditor/Example.svelte generated by Svelte v4.2.2 */
23const {
24	SvelteComponent,
25	attr,
26	create_component,
27	destroy_component,
28	detach,
29	element,
30	init,
31	insert,
32	mount_component,
33	safe_not_equal,
34	toggle_class,
35	transition_in,
36	transition_out
37} = window.__gradio__svelte__internal;
38function create_fragment(ctx) {
39	let div;
40	let image;
41	let current;
42
43	image = new Image({
44			props: {
45				src: /*value*/ ctx[0].composite?.url || /*value*/ ctx[0].background?.url,
46				alt: ""
47			}
48		});
49
50	return {
51		c() {
52			div = element("div");
53			create_component(image.$$.fragment);
54			attr(div, "class", "container svelte-jhlhb0");
55			toggle_class(div, "table", /*type*/ ctx[1] === "table");
56			toggle_class(div, "gallery", /*type*/ ctx[1] === "gallery");
57			toggle_class(div, "selected", /*selected*/ ctx[2]);
58		},
59		m(target, anchor) {
60			insert(target, div, anchor);
61			mount_component(image, div, null);
62			current = true;
63		},
64		p(ctx, [dirty]) {
65			const image_changes = {};
66			if (dirty & /*value*/ 1) image_changes.src = /*value*/ ctx[0].composite?.url || /*value*/ ctx[0].background?.url;
67			image.$set(image_changes);
68
69			if (!current || dirty & /*type*/ 2) {
70				toggle_class(div, "table", /*type*/ ctx[1] === "table");
71			}
72
73			if (!current || dirty & /*type*/ 2) {
74				toggle_class(div, "gallery", /*type*/ ctx[1] === "gallery");
75			}
76
77			if (!current || dirty & /*selected*/ 4) {
78				toggle_class(div, "selected", /*selected*/ ctx[2]);
79			}
80		},
81		i(local) {
82			if (current) return;
83			transition_in(image.$$.fragment, local);
84			current = true;
85		},
86		o(local) {
87			transition_out(image.$$.fragment, local);
88			current = false;
89		},
90		d(detaching) {
91			if (detaching) {
92				detach(div);
93			}
94
95			destroy_component(image);
96		}
97	};
98}
99
100function instance($$self, $$props, $$invalidate) {
101	let { value } = $$props;
102	let { type } = $$props;
103	let { selected = false } = $$props;
104
105	$$self.$$set = $$props => {

106		if ('value' in $$props) $$invalidate(0, value = $$props.value);
107		if ('type' in $$props) $$invalidate(1, type = $$props.type);
108		if ('selected' in $$props) $$invalidate(2, selected = $$props.selected);
109	};
110
111	return [value, type, selected];
112}
113
114class Example extends SvelteComponent {
115	constructor(options) {
116		super();
117		init(this, options, instance, create_fragment, safe_not_equal, { value: 0, type: 1, selected: 2 });
118	}
119}
120
121export { Example as default };
122//# sourceMappingURL=Example-69cc2619.js.map