1import { M as colors, p as prop, t as remove_input_defaults, a as set_attribute, F as set_value, f as set_style, i as if_block, k as each, u as index, b as set_class, g as spread_props, r as rest_props } from './i18n-dpAHICcw.js'; 2import { a as append, f as from_svg, ak as delegate, R as push, v as proxy, u as state, am as autofocus, x as set, t as template_effect, w as get, Z as event, T as pop, W as from_html, y as user_effect, ab as onMount, V as child, S as first_child, X as sibling, a6 as comment, a5 as user_derived, Y as reset, a0 as set_text, au as to_array } from './index-CDZuCcOm.js'; 3import { g as get_next_color } from './color-BJpHXmrC.js'; 4import { C as Clear } from './Clear-tvJMRS4J.js'; 5import './ScrollFade.svelte_svelte_type_style_lang-DUvCSfRk.js'; 6import { B as Block } from './Block-DntE23uJ.js'; 7import './MarkdownCode.svelte_svelte_type_style_lang-GeNUGzep.js'; 8import { B as BlockLabel } from './BlockLabel-D4yjUUAn.js'; 9import { E as Empty } from './Empty-617iGDfy.js'; 10import { G as Gradio } from './utils.svelte-CyWLYi-B.js'; 11import { I as IconButtonWrapper } from './IconButtonWrapper-KjCt2Pl8.js'; 12import { S as Static } from './index-DyDpuTN9.js'; 13import './StreamingBar.svelte_svelte_type_style_lang-BxBb9ZZb.js'; 14import './snippet-DVkMfmSq.js'; 15import './prism-python-C_fanlsZ.js'; 16import './clone-dZfS06Ds.js'; 17import './html-h_YSgefI.js'; 18 19var root$2 = from_svg(`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--carbon" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="currentColor" d="M12 15H5a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h5V5a1 1 0 0 0-1-1H3V2h6a3 3 0 0 1 3 3zM5 9a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h5V9zm15 14v2a1 1 0 0 0 1 1h5v-4h-5a1 1 0 0 0-1 1z"></path><path fill="currentColor" d="M2 30h28V2Zm26-2h-7a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h5v-2a1 1 0 0 0-1-1h-6v-2h6a3 3 0 0 1 3 3Z"></path></svg>`); 20 21function TextHighlight($$anchor) { 22 var svg = root$2(); 23 24 append($$anchor, svg); 25} 26 27function name_to_rgba(name, alpha) { 28 const canvas = document.createElement("canvas"); 29 const ctx = canvas.getContext("2d"); 30 ctx.fillStyle = name; 31 ctx.fillRect(0, 0, 1, 1); 32 const [r, g, b] = ctx.getImageData(0, 0, 1, 1).data; 33 return `rgba(${r}, ${g}, ${b}, ${alpha})`; 34} 35function is_transparent(color) { 36 if (!color) return true; 37 const c = color.toLowerCase().trim(); 38 return c === "transparent" || c.length === 9 && c.endsWith("00"); 39} 40function generate_color_map(color_map, is_browser) { 41 const result = {}; 42 for (const key in color_map) { 43 const color = color_map[key].trim(); 44 if (color in colors) { 45 result[key] = colors[color]; 46 } else if (is_transparent(color)) { 47 result[key] = { 48 primary: "transparent", 49 secondary: "transparent" 50 }; 51 } else { 52 result[key] = { 53 primary: is_browser ? name_to_rgba(color, 1) : color, 54 secondary: is_browser ? name_to_rgba(color, 0.5) : color 55 }; 56 } 57 } 58 return result; 59} 60function merge_elements(value, merge_mode) { 61 if (value.length === 0) return []; 62 const result = []; 63 let current_token = value[0].token; 64 let current_class = value[0].class_or_confidence; 65 for (let i = 1; i < value.length; i++) { 66 const { token, class_or_confidence } = value[i]; 67 const should_merge = current_class === class_or_confidence; 68 if (should_merge) { 69 current_token += token; 70 } else { 71 result.push({ token: current_token, class_or_confidence: current_class }); 72 current_token = token; 73 current_class = class_or_confidence; 74 } 75 } 76 result.push({ token: current_token, class_or_confidence: current_class }); 77 return result; 78} 79function get_score_color(score) { 80 if (score === null) return ""; 81 if (score < 0) { 82 return `rgba(128, 90, 213, ${-score})`; 83 } 84 return `rgba(239, 68, 60, ${score})`; 85} 86 87var root$1 = from_html(`<input class="label-input svelte-14ic1z3"/>`); 88 89function LabelInput($$anchor, $$props) { 90 push($$props, true); 91 92 let value = prop($$props, 'value', 31, () => proxy([])), 93 label_to_edit = prop($$props, 'label_to_edit', 31, () => -1), 94 is_scores_mode = prop($$props, 'is_scores_mode', 3, false); 95 96 let input_value = state(proxy($$props.category?.toString() ?? "")); 97 98 function get_background_color() { 99 if (is_scores_mode()) {
100 const score = typeof $$props.category === "number" 101 ? $$props.category 102 : parseFloat($$props.category ?? "0"); 103 104 return get_score_color(score); 105 } 106 107 if ($$props.category === null || $$props.active_legend && $$props.active_legend !== $$props.category) { 108 return ""; 109 } 110 111 return $$props.color_map[$$props.category]?.primary ?? ""; 112 } 113 114 function update_value(e) { 115 const target = e.target; 116 const new_value = target.value.trim(); 117 118 value([ 119 ...value().slice(0, $$props.label_index), 120 { 121 token: $$props.token, 122 class_or_confidence: new_value === "" 123 ? null 124 : is_scores_mode() ? Number(new_value) : new_value 125 }, 126 ...value().slice($$props.label_index + 1) 127 ]); 128 129 $$props.onchange(); 130 } 131 132 function handle_keydown(e) { 133 if (e.key === "Enter") { 134 update_value(e); 135 label_to_edit(-1); 136 } 137 } 138 139 var input = root$1(); 140 141 remove_input_defaults(input); 142 autofocus(input, true); 143 144 input.__input = (e) => { 145 set(input_value, e.target.value, true); 146 }; 147 148 input.__keydown = handle_keydown; 149 150 let styles; 151 152 template_effect( 153 ($0) => { 154 set_attribute(input, 'type', is_scores_mode() ? "number" : "text"); 155 set_attribute(input, 'step', is_scores_mode() ? "0.1" : undefined); 156 set_attribute(input, 'placeholder', is_scores_mode() ? undefined : "label"); 157 set_value(input, $$props.category); 158 styles = set_style(input, '', styles, $0); 159 }, 160 [ 161 () => ({ 162 'background-color': get_background_color(), 163 width: is_scores_mode() ? "7ch" : `${(get(input_value)?.length || 4) + 4}ch` 164 }) 165 ] 166 ); 167 168 event('blur', input, update_value); 169 append($$anchor, input); 170 pop(); 171} 172 173delegate(['input', 'keydown']); 174 175var root_3 = from_html(`<button class="legend-item svelte-1akrbo3"> </button>`); 176var root_2 = from_html(`<div class="legend svelte-1akrbo3" data-testid="highlighted-text:category-legend"></div>`); 177var root_7 = from_html(`<span class="label svelte-1akrbo3"> </span>`); 178var root_9 = from_html(`<button class="remove-btn svelte-1akrbo3" aria-label="Remove label"><!></button>`); 179var root_6 = from_html(`<span class="token-container svelte-1akrbo3"><span><span> </span> <!> <!></span> <!></span>`); 180var root_10 = from_html(`<span class="line-break svelte-1akrbo3"></span>`); 181var root_5 = from_html(`<!> <!>`, 1); 182var root_1$1 = from_html(`<!> <div class="textfield svelte-1akrbo3"></div>`, 1); 183var root_12 = from_html(`<div class="score-legend svelte-1akrbo3" data-testid="highlighted-text:color-legend"><span>-1</span> <span>0</span> <span>+1</span></div>`); 184var root_15 = from_html(`<button class="remove-btn svelte-1akrbo3" aria-label="Remove label"><!></button>`); 185var root_13 = from_html(`<span class="token-container svelte-1akrbo3"><span role="button"><span class="text svelte-1akrbo3"> </span> <!></span> <!></span>`); 186var root_11 = from_html(`<!> <div class="textfield svelte-1akrbo3" data-testid="highlighted-text:textfield"></div>`, 1); 187var root = from_html(`<div class="container svelte-1akrbo3"><!></div>`); 188 189function HighlightedText($$anchor, $$props) { 190 push($$props, true); 191 192 const is_browser = typeof window !== "undefined"; 193 194 let value = prop($$props, 'value', 31, () => proxy([])), 195 show_legend = prop($$props, 'show_legend', 3, false), 196 show_inline_category = prop($$props, 'show_inline_category', 3, true), 197 color_map = prop($$props, 'color_map', 19, () => ({})), 198 show_whitespaces = prop($$props, 'show_whitespaces', 3, false), 199 interactive = prop($$props, 'interactive', 3, false); 200 201 let active_element_index = state(-1); 202 let active_legend = state(""); 203 let label_to_edit = state(-1); 204 let selection = state(null); 205 let mode = state("categories"); 206 let resolved_color_map = state(proxy({})); 207 208 user_effect(() => { 209 let local_colors = { ...color_map() }; 210 211 for (const entry of value()) { 212 if (entry.class_or_confidence === null) continue; 213 214 if (typeof entry.class_or_confidence === "string") { 215 set(mode, "categories"); 216 217 if (!(entry.class_or_confidence in local_colors)) { 218 local_colors[entry.class_or_confidence] = get_next_color(Object.keys(local_colors).length); 219 } 220 } else { 221 set(mode, "scores"); 222 } 223 } 224 225 set(resolved_color_map, generate_color_map(local_colors, is_browser), true); 226 }); 227 228 onMount(() => { 229 if (!interactive()) return; 230 231 const on_mouse_up = () => { 232 set(selection, window.getSelection(), true); 233 handle_selection_complete(); 234 window.removeEventListener("mouseup", on_mouse_up); 235 }; 236 237 window.addEventListener("mousedown", () => { 238 window.addEventListener("mouseup", on_mouse_up); 239 }); 240 }); 241 242 function handle_selection_complete() { 243 if (!get(selection)) return; 244 245 const text = get(selection).toString(); 246 247 if (!text) return;
248 if (!show_whitespaces() && !text.trim()) return; 249 250 const start = get(selection).getRangeAt(0).startOffset; 251 const end = get(selection).getRangeAt(0).endOffset; 252 253 handle_text_selected(start, end); 254 } 255 256 function handle_text_selected(start, end) { 257 if (!get(selection)?.toString() || get(active_element_index) === -1 || !value()[get(active_element_index)].token.includes(get(selection).toString())) { 258 return; 259 } 260 261 const str = value()[get(active_element_index)].token; 262 263 const new_entries = [ 264 { token: str.substring(0, start), class_or_confidence: null }, 265 { 266 token: str.substring(start, end), 267 class_or_confidence: get(mode) === "scores" ? 1 : "label" 268 }, 269 { token: str.substring(end), class_or_confidence: null } 270 ].filter((e) => show_whitespaces() ? e.token !== "" : e.token.trim() !== ""); 271 272 value([ 273 ...value().slice(0, get(active_element_index)), 274 ...new_entries, 275 ...value().slice(get(active_element_index) + 1) 276 ]); 277 278 set(label_to_edit, value().findIndex((v, i) => i >= get(active_element_index) && v.token === str.substring(start, end) && v.class_or_confidence !== null), true); 279 handle_value_change(); 280 document.getElementById(`label-input-${get(label_to_edit)}`)?.focus(); 281 } 282 283 function remove_highlight(index) { 284 if (index < 0 || index >= value().length) return; 285 286 value(value()[index].class_or_confidence = null, true); 287 value(merge_elements(value())); 288 handle_value_change(); 289 window.getSelection()?.empty(); 290 } 291 292 function handle_value_change() { 293 $$props.onchange?.(value()); 294 set(label_to_edit, -1); 295 } 296 297 function get_background_color(class_or_confidence) { 298 if (class_or_confidence === null) return ""; 299 if (get(active_legend) && get(active_legend) !== class_or_confidence) return ""; 300 301 return get(resolved_color_map)[class_or_confidence]?.secondary ?? ""; 302 } 303 304 function get_label_color(class_or_confidence) { 305 if (class_or_confidence === null) return ""; 306 if (get(active_legend) && get(active_legend) !== class_or_confidence) return ""; 307 308 return get(resolved_color_map)[class_or_confidence]?.primary ?? ""; 309 } 310 311 function get_text_color(class_or_confidence) { 312 const bg = get_background_color(class_or_confidence); 313 314 return is_transparent(bg) ? "" : "black"; 315 } 316 317 var div = root(); 318 var node = child(div); 319 320 { 321 var consequent_6 = ($$anchor) => { 322 var fragment = root_1$1(); 323 var node_1 = first_child(fragment); 324 325 { 326 var consequent = ($$anchor) => { 327 var div_1 = root_2(); 328 329 each(div_1, 21, () => Object.entries(get(resolved_color_map)), index, ($$anchor, $$item) => { 330 var $$array = user_derived(() => to_array(get($$item), 2)); 331 let category = () => get($$array)[0]; 332 let colors = () => get($$array)[1]; 333 var button = root_3(); 334 let styles; 335 var text_1 = child(button, true); 336 337 reset(button); 338 339 template_effect(() => { 340 styles = set_style(button, '', styles, { 'background-color': colors().secondary }); 341 set_text(text_1, category()); 342 }); 343 344 event('mouseenter', button, () => set(active_legend, category(), true)); 345 event('mouseleave', button, () => set(active_legend, "")); 346 event('focus', button, () => set(active_legend, category(), true)); 347 event('blur', button, () => set(active_legend, "")); 348 append($$anchor, button); 349 }); 350 351 reset(div_1); 352 append($$anchor, div_1); 353 }; 354 355 if_block(node_1, ($$render) => { 356 if (show_legend()) $$render(consequent); 357 }); 358 } 359 360 var div_2 = sibling(node_1, 2); 361 362 each(div_2, 21, value, index, ($$anchor, $$item, i) => { 363 let token = () => get($$item).token; 364 let class_or_confidence = () => get($$item).class_or_confidence; 365 const lines = user_derived(() => token().split("\n")); 366 var fragment_1 = comment(); 367 var node_2 = first_child(fragment_1); 368 369 each(node_2, 17, () => get(lines), index, ($$anchor, line, j) => { 370 var fragment_2 = root_5(); 371 var node_3 = first_child(fragment_2); 372 373 { 374 var consequent_4 = ($$anchor) => { 375 const bg_color = user_derived(() => get_background_color(class_or_confidence())); 376 var span = root_6(); 377 var span_1 = child(span);
378 let classes; 379 380 span_1.__click = () => { 381 if (class_or_confidence() === null) return; 382 383 if (interactive()) { 384 $$props.onselect?.({ index: i, value: [token(), class_or_confidence()] }); 385 set(label_to_edit, i, true); 386 } else { 387 $$props.onselect?.({ index: i, value: [token(), class_or_confidence()] }); 388 } 389 }; 390 391 span_1.__keydown = (e) => { 392 if (!interactive()) return; 393 394 if (e.key === "Enter" && class_or_confidence() !== null) { 395 set(label_to_edit, i, true); 396 } 397 }; 398 399 let styles_1; 400 var span_2 = child(span_1); 401 let classes_1; 402 var text_2 = child(span_2, true); 403 404 reset(span_2); 405 406 var node_4 = sibling(span_2, 2); 407 408 { 409 var consequent_1 = ($$anchor) => { 410 var span_3 = root_7(); 411 let styles_2; 412 var text_3 = child(span_3, true); 413 414 reset(span_3); 415 416 template_effect( 417 ($0) => { 418 styles_2 = set_style(span_3, '', styles_2, $0); 419 set_text(text_3, class_or_confidence()); 420 }, 421 [ 422 () => ({ 'background-color': get_label_color(class_or_confidence()) }) 423 ] 424 ); 425 426 append($$anchor, span_3); 427 }; 428 429 if_block(node_4, ($$render) => { 430 if (!show_legend() && show_inline_category() && class_or_confidence() !== null && get(label_to_edit) !== i) $$render(consequent_1); 431 }); 432 } 433 434 var node_5 = sibling(node_4, 2); 435 436 { 437 var consequent_2 = ($$anchor) => { 438 LabelInput($$anchor, { 439 get category() { 440 return class_or_confidence(); 441 }, 442 443 get active_legend() { 444 return get(active_legend); 445 }, 446 447 get color_map() { 448 return get(resolved_color_map); 449 }, 450 label_index: i, 451 get token() { 452 return token(); 453 }, 454 onchange: handle_value_change, 455 get value() { 456 return value(); 457 }, 458 459 set value($$value) { 460 value($$value); 461 }, 462 463 get label_to_edit() { 464 return get(label_to_edit); 465 }, 466 467 set label_to_edit($$value) { 468 set(label_to_edit, $$value, true); 469 } 470 }); 471 }; 472 473 if_block(node_5, ($$render) => { 474 if (interactive() && get(label_to_edit) === i && class_or_confidence() !== null) $$render(consequent_2); 475 }); 476 } 477 478 reset(span_1); 479 480 var node_6 = sibling(span_1, 2); 481 482 { 483 var consequent_3 = ($$anchor) => { 484 var button_1 = root_9(); 485 486 button_1.__click = () => remove_highlight(i); 487 488 var node_7 = child(button_1); 489 490 Clear(node_7); 491 reset(button_1); 492 append($$anchor, button_1); 493 }; 494 495 if_block(node_6, ($$render) => { 496 if (interactive() && class_or_confidence() !== null) $$render(consequent_3); 497 }); 498 } 499 500 reset(span); 501 502 template_effect( 503 ($0, $1) => { 504 classes = set_class(span_1, 1, 'token svelte-1akrbo3', null, classes, $0); 505 set_attribute(span_1, 'role', class_or_confidence() !== null ? "button" : undefined); 506 set_attribute(span_1, 'tabindex', class_or_confidence() !== null ? 0 : undefined); 507 styles_1 = set_style(span_1, '', styles_1, $1); 508 classes_1 = set_class(span_2, 1, 'text svelte-1akrbo3', null, classes_1, { unlabeled: class_or_confidence() === null }); 509 set_text(text_2, get(line)); 510 }, 511 [ 512 () => ({ 513 highlighted: class_or_confidence() !== null, 514 transparent: class_or_confidence() !== null && is_transparent(get(bg_color)), 515 dimmed: get(active_legend) && get(active_legend) !== class_or_confidence() 516 }), 517 518 () => ({ 519 'background-color': get(bg_color), 520 color: get_text_color(class_or_confidence()) 521 }) 522 ] 523 ); 524 525 event('focus', span_1, () => set(active_element_index, i, true)); 526 event('mouseenter', span_1, () => set(active_element_index, i, true)); 527 append($$anchor, span); 528 }; 529 530 if_block(node_3, ($$render) => {
531 if (show_whitespaces() ? get(line) !== "" : get(line).trim()) $$render(consequent_4); 532 }); 533 } 534 535 var node_8 = sibling(node_3, 2); 536 537 { 538 var consequent_5 = ($$anchor) => { 539 var span_4 = root_10(); 540 541 append($$anchor, span_4); 542 }; 543 544 if_block(node_8, ($$render) => { 545 if (j < get(lines).length - 1) $$render(consequent_5); 546 }); 547 } 548 549 append($$anchor, fragment_2); 550 }); 551 552 append($$anchor, fragment_1); 553 }); 554 555 reset(div_2); 556 append($$anchor, fragment); 557 }; 558 559 var alternate = ($$anchor) => { 560 var fragment_4 = root_11(); 561 var node_9 = first_child(fragment_4); 562 563 { 564 var consequent_7 = ($$anchor) => { 565 var div_3 = root_12(); 566 567 append($$anchor, div_3); 568 }; 569 570 if_block(node_9, ($$render) => { 571 if (show_legend()) $$render(consequent_7); 572 }); 573 } 574 575 var div_4 = sibling(node_9, 2); 576 577 each(div_4, 21, value, index, ($$anchor, $$item, i) => { 578 let token = () => get($$item).token; 579 let class_or_confidence = () => get($$item).class_or_confidence; 580 581 const score = user_derived(() => typeof class_or_confidence() === "string" 582 ? parseFloat(class_or_confidence()) 583 : class_or_confidence()); 584 585 var span_5 = root_13(); 586 var span_6 = child(span_5); 587 let classes_2; 588 589 set_attribute(span_6, 'tabindex', 0); 590 591 span_6.__click = () => { 592 if (interactive()) { 593 set(label_to_edit, i, true); 594 } else { 595 $$props.onselect?.({ index: i, value: [token(), class_or_confidence()] }); 596 } 597 }; 598 599 span_6.__keydown = (e) => { 600 if (e.key === "Enter") { 601 if (interactive()) { 602 set(label_to_edit, i, true); 603 } else { 604 $$props.onselect?.({ index: i, value: [token(), class_or_confidence()] }); 605 } 606 } 607 }; 608 609 let styles_3; 610 var span_7 = child(span_6); 611 var text_4 = child(span_7, true); 612 613 reset(span_7); 614
615 var node_10 = sibling(span_7, 2); 616 617 { 618 var consequent_8 = ($$anchor) => { 619 LabelInput($$anchor, { 620 get category() { 621 return class_or_confidence(); 622 }, 623 624 get active_legend() { 625 return get(active_legend); 626 }, 627 628 get color_map() { 629 return get(resolved_color_map); 630 }, 631 label_index: i, 632 get token() { 633 return token(); 634 }, 635 onchange: handle_value_change, 636 is_scores_mode: true, 637 get value() { 638 return value(); 639 }, 640 641 set value($$value) { 642 value($$value); 643 }, 644 645 get label_to_edit() { 646 return get(label_to_edit); 647 }, 648 649 set label_to_edit($$value) { 650 set(label_to_edit, $$value, true); 651 } 652 }); 653 }; 654 655 if_block(node_10, ($$render) => { 656 if (interactive() && class_or_confidence() !== null && get(label_to_edit) === i) $$render(consequent_8); 657 }); 658 } 659 660 reset(span_6); 661 662 var node_11 = sibling(span_6, 2); 663 664 { 665 var consequent_9 = ($$anchor) => { 666 var button_2 = root_15(); 667 668 button_2.__click = () => remove_highlight(i); 669
670 var node_12 = child(button_2); 671 672 Clear(node_12); 673 reset(button_2); 674 append($$anchor, button_2); 675 }; 676 677 if_block(node_11, ($$render) => { 678 if (interactive() && class_or_confidence() !== null && get(active_element_index) === i) $$render(consequent_9); 679 }); 680 } 681 682 reset(span_5); 683 684 template_effect( 685 ($0) => { 686 classes_2 = set_class(span_6, 1, 'token score-token svelte-1akrbo3', null, classes_2, { highlighted: get(score) !== null }); 687 styles_3 = set_style(span_6, '', styles_3, $0); 688 set_text(text_4, token()); 689 }, 690 [ 691 () => ({ 'background-color': get_score_color(get(score)) }) 692 ] 693 ); 694 695 event('mouseenter', span_6, () => set(active_element_index, i, true)); 696 event('focus', span_6, () => set(active_element_index, i, true)); 697 append($$anchor, span_5); 698 }); 699 700 reset(div_4); 701 append($$anchor, fragment_4); 702 }; 703 704 if_block(node, ($$render) => { 705 if (get(mode) === "categories") $$render(consequent_6); else $$render(alternate, false); 706 }); 707 } 708 709 reset(div); 710 append($$anchor, div); 711 pop(); 712} 713 714delegate(['click', 'keydown']); 715 716var root_1 = from_html(`<!> <!> <!> <!>`, 1); 717 718function Index($$anchor, $$props) { 719 push($$props, true); 720 721 const props = rest_props($$props, ['$$slots', '$$events', '$$legacy']); 722 const gradio = new Gradio(props); 723 let old_value = state(proxy(gradio.props.value)); 724 725 user_effect(() => { 726 if (get(old_value) !== gradio.props.value) { 727 set(old_value, gradio.props.value, true); 728 gradio.dispatch("change"); 729 } 730 }); 731 732 let value = user_derived(() => gradio.props.combine_adjacent 733 ? merge_elements(gradio.props.value || []) 734 : gradio.props.value); 735 736 { 737 let $0 = user_derived(() => gradio.shared.interactive ? "dashed" : "solid"); 738 739 Block($$anchor, { 740 get variant() { 741 return get($0); 742 }, 743 test_id: 'highlighted-text', 744 get visible() { 745 return gradio.shared.visible; 746 }, 747 748 get elem_id() { 749 return gradio.shared.elem_id; 750 }, 751 752 get elem_classes() { 753 return gradio.shared.elem_classes; 754 }, 755 padding: false, 756 get container() { 757 return gradio.shared.container; 758 }, 759 760 get scale() { 761 return gradio.shared.scale; 762 }, 763 764 get min_width() { 765 return gradio.shared.min_width; 766 }, 767 768 get rtl() { 769 return gradio.props.rtl; 770 }, 771 772 children: ($$anchor, $$slotProps) => { 773 var fragment_1 = root_1(); 774 var node = first_child(fragment_1); 775 776 Static(node, spread_props( 777 { 778 get autoscroll() { 779 return gradio.shared.autoscroll; 780 }, 781 782 get i18n() { 783 return gradio.i18n; 784 } 785 }, 786 () => gradio.shared.loading_status, 787 { 788 onclearstatus: () => gradio.dispatch("clear_status", gradio.shared.loading_status) 789 } 790 )); 791
792 var node_1 = sibling(node, 2); 793 794 { 795 var consequent = ($$anchor) => { 796 IconButtonWrapper($$anchor, { 797 get buttons() { 798 return gradio.props.buttons; 799 }, 800 on_custom_button_click: (id) => gradio.dispatch("custom_button_click", { id }) 801 }); 802 }; 803 804 if_block(node_1, ($$render) => { 805 if (gradio.shared.interactive && gradio.shared.label && gradio.shared.show_label && gradio.props.buttons?.length) $$render(consequent); 806 }); 807 } 808 809 var node_2 = sibling(node_1, 2); 810 811 { 812 var consequent_1 = ($$anchor) => { 813 { 814 let $0 = user_derived(() => gradio.shared.label || gradio.i18n("highlighted_text.highlighted_text")); 815 let $1 = user_derived(() => gradio.shared.container === false); 816 817 BlockLabel($$anchor, { 818 get Icon() { 819 return TextHighlight; 820 }, 821 822 get label() { 823 return get($0); 824 }, 825 float: false, 826 get disable() { 827 return get($1); 828 }, 829 830 get show_label() { 831 return gradio.shared.show_label; 832 }, 833 834 get rtl() { 835 return gradio.props.rtl; 836 } 837 }); 838 } 839 }; 840 841 if_block(node_2, ($$render) => { 842 if (gradio.shared.label && gradio.shared.show_label) $$render(consequent_1); 843 }); 844 } 845 846 var node_3 = sibling(node_2, 2); 847 848 { 849 var consequent_2 = ($$anchor) => { 850 HighlightedText($$anchor, { 851 get interactive() { 852 return gradio.shared.interactive; 853 }, 854 855 get show_legend() { 856 return gradio.props.show_legend; 857 }, 858 859 get show_inline_category() { 860 return gradio.props.show_inline_category; 861 }, 862 863 get show_whitespaces() { 864 return gradio.props.show_whitespaces; 865 }, 866 867 get color_map() { 868 return gradio.props.color_map; 869 }, 870 onselect: (detail) => gradio.dispatch("select", detail), 871 onchange: () => { 872 gradio.props.value = get(value); 873 gradio.dispatch("change"); 874 }, 875 876 get value() { 877 return get(value); 878 }, 879 880 set value($$value) { 881 set(value, $$value); 882 } 883 }); 884 }; 885 886 var alternate = ($$anchor) => { 887 { 888 let $0 = user_derived(() => gradio.shared.interactive ? "small" : "large"); 889 890 Empty($$anchor, { 891 get size() { 892 return get($0); 893 }, 894 895 get unpadded_box() { 896 return gradio.shared.interactive; 897 }, 898 899 children: ($$anchor, $$slotProps) => { 900 TextHighlight($$anchor); 901 }, 902 $$slots: { default: true } 903 }); 904 } 905 }; 906 907 if_block(node_3, ($$render) => { 908 if (get(value)) $$render(consequent_2); else $$render(alternate, false); 909 }); 910 } 911 912 append($$anchor, fragment_1); 913 }, 914 $$slots: { default: true } 915 }); 916 } 917 918 pop(); 919} 920 921export { HighlightedText as BaseHighlightedText, Index as default }; 922//# sourceMappingURL=Index-Hj03Plut.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.