{"version":3,"file":"Image-663507bb.js","sources":["../../../../js/app/src/components/Dataset/ExampleComponents/Image.svelte"],"sourcesContent":["<script lang=\"ts\">\n\texport let value: string;\n\texport let samples_dir: string;\n\texport let type: \"gallery\" | \"table\";\n\texport let selected: boolean = false;\n</script>\n\n<!-- svelte-ignore a11y-missing-attribute -->\n<img\n\tsrc={samples_dir + value}\n\tclass:table={type === \"table\"}\n\tclass:gallery={type === \"gallery\"}\n\tclass:selected\n/>\n\n<style>\n\timg {\n\t\tborder-radius: var(--radius-lg);\n\t\tmax-width: none;\n\t}\n\n\timg.selected {\n\t\tborder-color: var(--border-color-accent);\n\t}\n\n\t.table {\n\t\tmargin: 0 auto;\n\t\tborder: 2px solid var(--border-color-primary);\n\t\tborder-radius: var(--radius-lg);\n\t\twidth: var(--size-20);\n\t\theight: var(--size-20);\n\t\tobject-fit: cover;\n\t}\n\n\t.gallery {\n\t\tborder: 2px solid var(--border-color-primary);\n\t\tmax-height: var(--size-20);\n\t\tobject-fit: cover;\n\t}\n</style>\n"],"names":["src_url_equal","img","img_src_value","ctx","attr","toggle_class","insert","target","anchor","dirty","value","$$props","samples_dir","type","selected"],"mappings":"mJASMA,EAAAC,EAAA,IAAAC,EAAAC,KAAcA,EAAK,CAAA,CAAA,GAAAC,EAAAH,EAAA,MAAAC,CAAA,+BACXG,EAAAJ,EAAA,QAAAE,OAAS,OAAO,EACdE,EAAAJ,EAAA,UAAAE,OAAS,SAAS,+BAHlCG,EAKCC,EAAAN,EAAAO,CAAA,YAJKC,EAAA,GAAA,CAAAT,EAAAC,EAAA,IAAAC,EAAAC,KAAcA,EAAK,CAAA,CAAA,qBACXE,EAAAJ,EAAA,QAAAE,OAAS,OAAO,OACdE,EAAAJ,EAAA,UAAAE,OAAS,SAAS,0EAVtB,MAAAO,CAAa,EAAAC,GACb,YAAAC,CAAmB,EAAAD,GACnB,KAAAE,CAAyB,EAAAF,EACzB,CAAA,SAAAG,EAAoB,EAAK,EAAAH"}