1import { p as prop, i as if_block, b as set_class, f as set_style, k as each, a as set_attribute, F as set_value, u as index, g as spread_props, r as rest_props } from './i18n-CGlVUOvE.js'; 2import { M as push, a as append, O as pop, S as sibling, R as from_html, Q as child, ai as delegate, T as reset, t as template_effect, X as set_text, a3 as comment, N as first_child, Z as get, ab as state, ac as proxy, ad as user_effect, $ as set, a2 as user_derived } from './index-Bq2njFOY.js'; 3import { G as Gradio } from './utils.svelte-Bi9ASwv9.js'; 4import './ScrollFade.svelte_svelte_type_style_lang-D0JPkGar.js'; 5import { L as LineChart } from './LineChart-CeHNJMuj.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 { I as IconButtonWrapper } from './IconButtonWrapper-DAsvkfJg.js'; 11import { S as Static } from './index-1GCmrSlD.js'; 12import './StreamingBar.svelte_svelte_type_style_lang-DWGn5tT_.js'; 13import './snippet-BG7qkY_1.js'; 14import './prism-python-NrKIQnfs.js'; 15import './Clear-C8Tfa7QP.js'; 16import './html-Bwif0JPw.js'; 17 18var root_1$1 = from_html(`<h2 data-testid="label-output-value"> </h2>`); 19var root_3 = from_html(`<button><div class="inner-wrap svelte-g2cwl3"><meter aria-valuemin="0" aria-valuemax="100" class="bar svelte-g2cwl3" min="0" max="1"></meter> <dl class="label svelte-g2cwl3"><dt class="text svelte-g2cwl3"> </dt> <div class="line svelte-g2cwl3"></div> <dd class="confidence svelte-g2cwl3"> </dd></dl></div></button>`); 20var root = from_html(`<div class="container svelte-g2cwl3"><!> <!></div>`); 21 22function Label($$anchor, $$props) { 23 push($$props, true); 24 25 let color = prop($$props, 'color', 3, undefined), 26 selectable = prop($$props, 'selectable', 3, false), 27 show_heading = prop($$props, 'show_heading', 3, true); 28 29 function get_aria_referenceable_id(elem_id) { 30 // `aria-labelledby` interprets the value as a space-separated id reference list, 31 // so each single id should not contain any spaces. 32 // Ref: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby#benefits_and_drawbacks 33 return elem_id.replace(/\s/g, "-"); 34 } 35 36 var div = root(); 37 var node = child(div); 38 39 { 40 var consequent = ($$anchor) => { 41 var h2 = root_1$1(); 42 let classes; 43 let styles; 44 var text = child(h2, true); 45 46 reset(h2); 47 48 template_effect(() => { 49 classes = set_class(h2, 1, 'output-class svelte-g2cwl3', null, classes, { 'no-confidence': !("confidences" in $$props.value) }); 50 styles = set_style(h2, '', styles, { 'background-color': color() || "transparent" }); 51 set_text(text, $$props.value.label); 52 }); 53 54 append($$anchor, h2); 55 }; 56 57 if_block(node, ($$render) => { 58 if (show_heading() || !$$props.value.confidences) $$render(consequent); 59 }); 60 } 61 62 var node_1 = sibling(node, 2); 63 64 { 65 var consequent_1 = ($$anchor) => { 66 var fragment = comment(); 67 var node_2 = first_child(fragment); 68 69 each(node_2, 17, () => $$props.value.confidences, index, ($$anchor, confidence_set, i) => { 70 var button = root_3(); 71 let classes_1; 72 73 button.__click = () => { 74 $$props.onselect?.({ index: i, value: get(confidence_set).label }); 75 }; 76 77 var div_1 = child(button); 78 var meter = child(div_1); 79 var dl = sibling(meter, 2); 80 var dt = child(dl); 81 var text_1 = child(dt, true); 82 83 reset(dt); 84 85 var dd = sibling(dt, 4); 86 var text_2 = child(dd); 87 88 reset(dd); 89 reset(dl); 90 reset(div_1); 91 reset(button); 92 93 template_effect( 94 ($0, $1, $2, $3) => { 95 classes_1 = set_class(button, 1, 'confidence-set group svelte-g2cwl3', null, classes_1, { selectable: selectable() }); 96 set_attribute(button, 'data-testid', `${get(confidence_set).label}-confidence-set`); 97 set_attribute(meter, 'aria-labelledby', $0); 98 set_attribute(meter, 'aria-label', get(confidence_set).label); 99 set_attribute(meter, 'aria-valuenow', $1); 100 set_value(meter, get(confidence_set).confidence); 101 102 set_style(meter, `width: ${get(confidence_set).confidence * 100}%; background: var(--stat-background-fill); 103 `); 104 105 set_attribute(dt, 'id', $2); 106 set_text(text_1, get(confidence_set).label); 107 set_text(text_2, `${$3 ?? ''}%`); 108 }, 109 [ 110 () => get_aria_referenceable_id(`meter-text-${get(confidence_set).label}`), 111 () => Math.round(get(confidence_set).confidence * 100), 112 () => get_aria_referenceable_id(`meter-text-${get(confidence_set).label}`), 113 () => Math.round(get(confidence_set).confidence * 100) 114 ] 115 ); 116 117 append($$anchor, button); 118 }); 119 120 append($$anchor, fragment); 121 }; 122 123 if_block(node_1, ($$render) => { 124 if (typeof $$props.value === "object" && $$props.value.confidence
124s) $$render(consequent_1); 125 }); 126 } 127 128 reset(div); 129 append($$anchor, div); 130 pop(); 131} 132 133delegate(['click']); 134 135var root_1 = from_html(`<!> <!> <!> <!>`, 1); 136 137function Index($$anchor, $$props) { 138 push($$props, true); 139 140 const props = rest_props($$props, ['$$slots', '$$events', '$$legacy']); 141 const gradio = new Gradio(props); 142 let old_value = state(proxy(gradio.props.value)); 143 let _label = user_derived(() => gradio.props.value.label); 144 145 user_effect(() => { 146 if (get(old_value) != gradio.props.value) { 147 set(old_value, gradio.props.value, true); 148 gradio.dispatch("change"); 149 } 150 }); 151 152 Block($$anchor, { 153 test_id: 'label', 154 get visible() { 155 return gradio.shared.visible; 156 }, 157 158 get elem_id() { 159 return gradio.shared.elem_id; 160 }, 161 162 get elem_classes() { 163 return gradio.shared.elem_classes; 164 }, 165 166 get container() { 167 return gradio.shared.container; 168 }, 169 170 get scale() { 171 return gradio.shared.scale; 172 }, 173 174 get min_width() { 175 return gradio.shared.min_width; 176 }, 177 padding: false, 178 children: ($$anchor, $$slotProps) => { 179 var fragment_1 = root_1(); 180 var node = first_child(fragment_1); 181 182 Static(node, spread_props( 183 { 184 get autoscroll() { 185 return gradio.shared.autoscroll; 186 }, 187 188 get i18n() { 189 return gradio.i18n; 190 } 191 }, 192 () => gradio.shared.loading_status, 193 { 194 on_clear_status: () => gradio.dispatch("clear_status", gradio.shared.loading_status) 195 } 196 )); 197 198 var node_1 = sibling(node, 2); 199 200 { 201 var consequent = ($$anchor) => { 202 IconButtonWrapper($$anchor, { 203 get buttons() { 204 return gradio.props.buttons; 205 }, 206 207 on_custom_button_click: (id) => { 208 gradio.dispatch("custom_button_click", { id }); 209 } 210 }); 211 }; 212 213 if_block(node_1, ($$render) => { 214 if (gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0) $$render(consequent); 215 }); 216 } 217 218 var node_2 = sibling(node_1, 2); 219 220 { 221 var consequent_1 = ($$anchor) => { 222 { 223 let $0 = user_derived(() => gradio.shared.label || gradio.i18n("label.label")); 224 let $1 = user_derived(() => gradio.shared.container === false); 225 let $2 = user_derived(() => gradio.props.show_heading === true); 226 227 BlockLabel($$anchor, { 228 get Icon() { 229 return LineChart; 230 }, 231 232 get label() { 233 return get($0); 234 }, 235 236 get disable() { 237 return get($1); 238 }, 239 240 get float() { 241 return get($2); 242 } 243 }); 244 } 245 }; 246 247 if_block(node_2, ($$render) => { 248 if (gradio.shared.show_label) $$render(consequent_1); 249 }); 250 } 251 252 var node_3 = sibling(node_2, 2); 253 254 { 255 var consequent_2 = ($$anchor) => { 256 Label($$anchor, { 257 onselect: (detail) => gradio.dispatch("select", detail), 258 get selectable() { 259 return gradio.props._selectable; 260 }, 261 262 get value() { 263 return gradio.props.value; 264 }, 265 266 get color() { 267 return gradio.props.color; 268 }, 269 270 get show_heading() { 271 return gradio.props.show_heading; 272 } 273 }); 274 }; 275 276 var alternate = ($$anchor) => { 277 Empty($$anchor, { 278 unpadded_box: true, 279 children: ($$anchor, $$slotProps) => { 280 LineChart($$anchor); 281 }, 282 $$slots: { default: true } 283 }); 284 }; 285 286 if_block(node_3, ($$render) => { 287 if (get(_label) !== undefined && get(_label) !== null) $$render(consequent_2); else $$render(alternate, false); 288 }); 289 } 290 291 append($$anchor, fragment_1); 292 }, 293 $$slots: { default: true } 294 }); 295 296 pop(); 297} 298 299export { Label as BaseLabel, Index as default }; 300//# sourceMappingURL=Index-CBd_MhXJ.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.