1import { a as TABS } from './Tabs-d4e5f801.js'; 2import Index$1 from './Index-24a33ce1.js'; 3import './Index-e8ffd830.js'; 4import './index-dc71b4a2.js'; 5import './svelte/svelte.js'; 6 7const TabItem_svelte_svelte_type_style_lang = ''; 8 9/* home/runner/work/gradio/gradio/js/tabitem/shared/TabItem.svelte generated by Svelte v4.2.2 */ 10const { 11 SvelteComponent: SvelteComponent$1, 12 attr, 13 component_subscribe, 14 create_component: create_component$1, 15 create_slot: create_slot$1, 16 destroy_component: destroy_component$1, 17 detach, 18 element, 19 get_all_dirty_from_scope: get_all_dirty_from_scope$1, 20 get_slot_changes: get_slot_changes$1, 21 init: init$1, 22 insert, 23 mount_component: mount_component$1, 24 safe_not_equal: safe_not_equal$1, 25 set_style, 26 transition_in: transition_in$1, 27 transition_out: transition_out$1, 28 update_slot_base: update_slot_base$1 29} = window.__gradio__svelte__internal; 30const { getContext, onMount, createEventDispatcher, tick } = window.__gradio__svelte__internal; 31function create_default_slot$1(ctx) { 32 let current; 33 const default_slot_template = /*#slots*/ ctx[11].default; 34 const default_slot = create_slot$1(default_slot_template, ctx, /*$$scope*/ ctx[12], null); 35 36 return { 37 c() { 38 if (default_slot) default_slot.c(); 39 }, 40 m(target, anchor) { 41 if (default_slot) { 42 default_slot.m(target, anchor); 43 } 44 45 current = true; 46 }, 47 p(ctx, dirty) { 48 if (default_slot) { 49 if (default_slot.p && (!current || dirty & /*$$scope*/ 4096)) { 50 update_slot_base$1( 51 default_slot, 52 default_slot_template, 53 ctx, 54 /*$$scope*/ ctx[12], 55 !current 56 ? get_all_dirty_from_scope$1(/*$$scope*/ ctx[12]) 57 : get_slot_changes$1(default_slot_template, /*$$scope*/ ctx[12], dirty, null), 58 null 59 ); 60 } 61 } 62 }, 63 i(local) { 64 if (current) return; 65 transition_in$1(default_slot, local); 66 current = true; 67 }, 68 o(local) { 69 transition_out$1(default_slot, local); 70 current = false; 71 }, 72 d(detaching) { 73 if (default_slot) default_slot.d(detaching); 74 } 75 }; 76} 77 78function create_fragment$1(ctx) { 79 let div; 80 let column; 81 let div_class_value; 82 let current; 83 84 column = new Index$1({ 85 props: { 86 $$slots: { default: [create_default_slot$1] }, 87 $$scope: { ctx } 88 } 89 }); 90 91 return { 92 c() { 93 div = element("div"); 94 create_component$1(column.$$.fragment); 95 attr(div, "id", /*elem_id*/ ctx[0]); 96 attr(div, "class", div_class_value = "tabitem " + /*elem_classes*/ ctx[1].join(' ') + " svelte-19hvt5v"); 97 attr(div, "role", "tabpanel"); 98 99 set_style(div, "display", /*$selected_tab*/ ctx[4] === /*id*/ ctx[2] && /*visible*/ ctx[3] 100 ? "block" 101 : "none"); 102 }, 103 m(target, anchor) { 104 insert(target, div, anchor); 105 mount_component$1(column, div, null); 106 current = true; 107 }, 108 p(ctx, [dirty]) { 109 const column_changes = {}; 110 111 if (dirty & /*$$scope*/ 4096) { 112 column_changes.$$scope = { dirty, ctx }; 113 } 114 115 column.$set(column_changes); 116 117 if (!current || dirty & /*elem_id*/ 1) { 118 attr(div, "id", /*elem_id*/ ctx[0]); 119 } 120 121 if (!current || dirty & /*elem_classes*/ 2 && div_class_value !== (div_class_value = "tabitem " + /*elem_classes*/ ctx[1].join(' ') + " svelte-19hvt5v")) { 122 attr(div, "class", div_class_value); 123 } 124 125 if (dirty & /*$selected_tab, id, visible*/ 28) { 126 set_style(div, "display", /*$selected_tab*/ ctx[4] === /*id*/ ctx[2] && /*visible*/ ctx[3] 127 ? "block" 128 : "none"); 129 } 130 }, 131 i(local) { 132 if (current) return; 133 transition_in$1(column.$$.fragment, local); 134 current = true; 135 }, 136 o(local) { 137 transition_out$1(column.$$.fragment, local); 138 current = false; 139 }, 140 d(detaching) { 141 if (detaching) { 142 detach(div); 143 } 144 145 destroy_component$1(column); 146 } 147 }; 148} 149 150function instance$1($$self, $$props, $$invalidate) { 151 let $selected_tab_index; 152 let $selected_tab; 153 let { $$slots: slots = {}, $$scope } = $$props; 154 let { elem_id = "" } = $$props; 155 let { elem_classes = [] } = $$props; 156 let { name } = $$props; 157 let { id = {} } = $$props; 158 let { visible } = $$props; 159 let { interactive } = $$props; 160 const dispatch = createEventDispatcher(); 161 const { register_tab, unregister_tab, selected_tab, selected_tab_index } = getContext(TABS); 162 component_subscribe($$self, selected_tab, value =>
162 $$invalidate(4, $selected_tab = value)); 163 component_subscribe($$self, selected_tab_index, value => $$invalidate(10, $selected_tab_index = value)); 164 let tab_index; 165 166 onMount(() => { 167 return () => unregister_tab({ name, id, elem_id }); 168 }); 169 170 $$self.$$set = $$props => { 171 if ('elem_id' in $$props) $$invalidate(0, elem_id = $$props.elem_id); 172 if ('elem_classes' in $$props) $$invalidate(1, elem_classes = $$props.elem_classes); 173 if ('name' in $$props) $$invalidate(7, name = $$props.name); 174 if ('id' in $$props) $$invalidate(2, id = $$props.id); 175 if ('visible' in $$props) $$invalidate(3, visible = $$props.visible); 176 if ('interactive' in $$props) $$invalidate(8, interactive = $$props.interactive); 177 if ('$$scope' in $$props) $$invalidate(12, $$scope = $$props.$$scope); 178 }; 179 180 $$self.$$.update = () => { 181 if ($$self.$$.dirty & /*name, id, elem_id, visible, interactive*/ 397) { 182 $$invalidate(9, tab_index = register_tab({ name, id, elem_id, visible, interactive })); 183 } 184 185 if ($$self.$$.dirty & /*$selected_tab_index, tab_index, name*/ 1664) { 186 $selected_tab_index === tab_index && tick().then(() => dispatch("select", { value: name, index: tab_index })); 187 } 188 }; 189 190 return [ 191 elem_id, 192 elem_classes, 193 id, 194 visible, 195 $selected_tab, 196 selected_tab, 197 selected_tab_index, 198 name, 199 interactive, 200 tab_index, 201 $selected_tab_index, 202 slots, 203 $$scope 204 ]; 205} 206 207class TabItem extends SvelteComponent$1 { 208 constructor(options) { 209 super(); 210 211 init$1(this, options, instance$1, create_fragment$1, safe_not_equal$1, { 212 elem_id: 0, 213 elem_classes: 1, 214 name: 7, 215 id: 2, 216 visible: 3, 217 interactive: 8 218 }); 219 } 220} 221 222/* home/runner/work/gradio/gradio/js/tabitem/Index.svelte generated by Svelte v4.2.2 */ 223const { 224 SvelteComponent, 225 create_component, 226 create_slot, 227 destroy_component, 228 get_all_dirty_from_scope, 229 get_slot_changes, 230 init, 231 mount_component, 232 safe_not_equal, 233 transition_in, 234 transition_out, 235 update_slot_base 236} = window.__gradio__svelte__internal; 237function create_default_slot(ctx) { 238 let current; 239 const default_slot_template = /*#slots*/ ctx[7].default; 240 const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null); 241 242 return { 243 c() { 244 if (default_slot) default_slot.c(); 245 }, 246 m(target, anchor) { 247 if (default_slot) { 248 default_slot.m(target, anchor); 249 } 250 251 current = true; 252 }, 253 p(ctx, dirty) { 254 if (default_slot) { 255 if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) { 256 update_slot_base( 257 default_slot, 258 default_slot_template, 259 ctx, 260 /*$$scope*/ ctx[9], 261 !current 262 ? get_all_dirty_from_scope(/*$$scope*/ ctx[9]) 263 : get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null), 264 null 265 ); 266 } 267 } 268 }, 269 i(local) { 270 if (current) return; 271 transition_in(default_slot, local); 272 current = true; 273 }, 274 o(local) { 275 transition_out(default_slot, local); 276 current = false; 277 }, 278 d(detaching) { 279 if (default_slot) default_slot.d(detaching); 280 } 281 }; 282} 283 284function create_fragment(ctx) { 285 let tabitem; 286 let current; 287 288 tabitem = new TabItem({ 289 props: { 290 elem_id: /*elem_id*/ ctx[0], 291 elem_classes: /*elem_classes*/ ctx[1], 292 name: /*label*/ ctx[2], 293 visible: /*visible*/ ctx[5], 294 interactive: /*interactive*/ ctx[6], 295 id: /*id*/ ctx[3], 296 $$slots: { default: [create_default_slot] }, 297 $$scope: { ctx } 298 } 299 }); 300 301 tabitem.$on("select", /*select_handler*/ ctx[8]); 302 303 return { 304 c() { 305 create_component(tabitem.$$.fragment); 306 }, 307 m(target, anchor) { 308 mount_component(tabitem, target, anchor); 309 current = true; 310 }, 311 p(ctx, [dirty]) { 312 const tabitem_changes = {}; 313 if (dirty & /*elem_id*/ 1) tabitem_changes.elem_id = /*elem_id*/ ctx[0]; 314 if (dirty & /*elem_classes*/ 2) tabitem_changes.elem_classes = /*elem_classes*/ ctx[1]; 315 if (dirty & /*label*/ 4) tabitem_changes.name = /*label*/ ctx[2]; 316 if (dirty & /*visible*/ 32) tabitem_changes.visible = /*visible*/ ctx[5]; 317 if (dirty & /*interactive*/ 64) tabitem_changes.interactive = /*interactive*/ ctx[6]; 318 if (dirty & /*id*/ 8) tabitem_changes.id = /*id*/ ctx[3]; 319
320 if (dirty & /*$$scope*/ 512) { 321 tabitem_changes.$$scope = { dirty, ctx }; 322 } 323 324 tabitem.$set(tabitem_changes); 325 }, 326 i(local) { 327 if (current) return; 328 transition_in(tabitem.$$.fragment, local); 329 current = true; 330 }, 331 o(local) { 332 transition_out(tabitem.$$.fragment, local); 333 current = false; 334 }, 335 d(detaching) { 336 destroy_component(tabitem, detaching); 337 } 338 }; 339} 340 341function instance($$self, $$props, $$invalidate) { 342 let { $$slots: slots = {}, $$scope } = $$props; 343 let { elem_id = "" } = $$props; 344 let { elem_classes = [] } = $$props; 345 let { label } = $$props; 346 let { id } = $$props; 347 let { gradio } = $$props; 348 let { visible = true } = $$props; 349 let { interactive = true } = $$props; 350 const select_handler = ({ detail }) => gradio.dispatch("select", detail); 351 352 $$self.$$set = $$props => { 353 if ('elem_id' in $$props) $$invalidate(0, elem_id = $$props.elem_id); 354 if ('elem_classes' in $$props) $$invalidate(1, elem_classes = $$props.elem_classes); 355 if ('label' in $$props) $$invalidate(2, label = $$props.label);
356 if ('id' in $$props) $$invalidate(3, id = $$props.id); 357 if ('gradio' in $$props) $$invalidate(4, gradio = $$props.gradio); 358 if ('visible' in $$props) $$invalidate(5, visible = $$props.visible); 359 if ('interactive' in $$props) $$invalidate(6, interactive = $$props.interactive); 360 if ('$$scope' in $$props) $$invalidate(9, $$scope = $$props.$$scope); 361 }; 362 363 return [ 364 elem_id, 365 elem_classes, 366 label, 367 id, 368 gradio, 369 visible, 370 interactive, 371 slots, 372 select_handler, 373 $$scope 374 ]; 375} 376 377class Index extends SvelteComponent { 378 constructor(options) { 379 super(); 380 381 init(this, options, instance, create_fragment, safe_not_equal, { 382 elem_id: 0, 383 elem_classes: 1, 384 label: 2, 385 id: 3, 386 gradio: 4, 387 visible: 5, 388 interactive: 6 389 }); 390 } 391} 392 393export { Index as default }; 394//# sourceMappingURL=Index-aac3a186.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.