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