1import { p as prop, e as init, i as if_block, b as set_class, k as each, u as index, r as rest_props, g as spread_props } from './i18n-CMo5lpzy.js'; 2import { R as push, a1 as legacy_pre_effect, G as deep_read_state, w as get, a2 as legacy_pre_effect_reset, a6 as comment, S as first_child, a as append, T as pop, a3 as mutable_source, U as flushSync, z as untrack, x as set, V as child, Y as reset, X as sibling, t as template_effect, a0 as set_text, W as from_html, Z as event, a8 as next, ad as derived_safe_equal } from './index-BvBk1Iap.js'; 3import { G as Gradio } from './utils.svelte-CYLB_jIA.js'; 4import { B as Block } from './Block-Bx3BikCN.js'; 5import './ScrollFade.svelte_svelte_type_style_lang-Xm-PLg9E.js'; 6import { S as Static } from './index-Lz7fsHFt.js'; 7import './StreamingBar.svelte_svelte_type_style_lang-CdFIGsJa.js'; 8import './clone-DaB-S2nH.js'; 9import './snippet-Bl5YVoCg.js'; 10import './Clear-Dgs5UhTO.js'; 11import './html-CdUEtR5E.js'; 12import './index-C7e-J7CF.js'; 13 14var root_2 = from_html(`<span class="_jsonSep svelte-zxj9ye">,</span>`); 15var root_1$1 = from_html(`<span> </span><!>`, 1); 16var root_5 = from_html(`<span class="_jsonSep svelte-zxj9ye">,</span>`); 17var root_4 = from_html(`<span role="button" tabindex="0"> </span><!>`, 1); 18var root_8 = from_html(`<span class="_jsonKey svelte-zxj9ye"> </span><span class="_jsonSep svelte-zxj9ye">:</span>`, 1); 19var root_11 = from_html(`<span class="_jsonSep svelte-zxj9ye">,</span>`); 20var root_10 = from_html(`<span> </span><!>`, 1); 21var root_7 = from_html(`<li><!> <!></li>`); 22var root_12 = from_html(`<span class="_jsonSep svelte-zxj9ye">,</span>`); 23var root_6 = from_html(`<span role="button" tabindex="0"> </span> <ul class="_jsonList svelte-zxj9ye"></ul> <span role="button" tabindex="0"> </span><!>`, 1); 24 25function JsonView($$anchor, $$props) { 26 push($$props, false); 27 28 /** @type {*} - object or array to display */ 29 let json = prop($$props, 'json', 12); 30 31 /** @type {number} - initial expansion depth */ 32 let depth = prop($$props, 'depth', 12, Infinity); 33 34 let _cur = prop($$props, '_cur', 12, 0); 35 let _last = prop($$props, '_last', 12, true); 36 let items = mutable_source([]); 37 let isArray = mutable_source(false); 38 let brackets = mutable_source(['', '']); 39 let collapsed = mutable_source(false); 40 41 /** 42 * @param {*} i 43 * @returns {string} 44 */ 45 function getType(i) { 46 if (i === null) return 'null'; 47 48 return typeof i; 49 } 50 51 /** 52 * @param {*} i 53 * @returns {string} 54 */ 55 function stringify(i) { 56 return JSON.stringify(i); 57 } 58 59 /** 60 * @param {*} i 61 * @returns {string} 62 */ 63 function format(i) { 64 switch (getType(i)) { 65 case 'function': 66 return 'f () {...}'; 67 68 case 'symbol': 69 return i.toString(); 70 71 default: 72 return stringify(i); 73 } 74 } 75 76 function clicked() { 77 set(collapsed, !get(collapsed)); 78 } 79 80 /** 81 * @param {Event} e 82 */ 83 function pressed(e) { 84 if (e instanceof KeyboardEvent && ['Enter', ' '].includes(e.key)) clicked(); 85 } 86 87 legacy_pre_effect(() => (deep_read_state(json()), get(isArray)), () => { 88 set(items, getType(json()) === 'object' ? Object.keys(json()) : []); 89 set(isArray, Array.isArray(json())); 90 set(brackets, get(isArray) ? ['[', ']'] : ['{', '}']); 91 }); 92 93 legacy_pre_effect(() => (deep_read_state(depth()), deep_read_state(_cur())), () => { 94 set(collapsed, depth() < _cur()); 95 }); 96 97 legacy_pre_effect_reset(); 98 99 var $$exports = { 100 get json() { 101 return json(); 102 }, 103 104 set json($$value) { 105 json($$value); 106 flushSync(); 107 }, 108 109 get depth() { 110 return depth(); 111 }, 112 113 set depth($$value) { 114 depth($$value); 115 flushSync(); 116 }, 117 118 get _cur() { 119 return _cur(); 120 }, 121 122 set _cur($$value) { 123 _cur($$value); 124 flushSync(); 125 }, 126 127 get _last() { 128 return _last(); 129 }, 130 131 set _last($$value) { 132 _last($$value); 133 flushSync(); 134 } 135 }; 136 137 init(); 138 139 var fragment = comment(); 140 var node = first_child(fragment); 141 142 { 143 var consequent_1 = ($$anchor) => { 144 var fragment_1 = root_1$1(); 145 var span = first_child(fragment_1); 146 let classes; 147 var text = child(span); 148 149 reset(span); 150 151 var node_1 = sibling(span); 152 153 { 154 var consequent = ($$anchor) => { 155 var span_1 = root_2(); 156 157 append($$anchor, span_1); 158 }; 159 160 if_block(node_1, ($$render) => { 161 if (!_last()) $$render(consequent); 162 }); 163 } 164 165 template_effect(() => { 166 classes = set_class(span, 1, '_jsonBkt empty svelte-zxj9ye', null, classes, { isArray: get(isArray) }); 167 set_text(text, `${(get(brackets), untrack(() => get(brackets)[0])) ?? ''}${(get(brackets), untrack(() => get(brackets)[1])) ?? ''}`); 168 }); 169 170 append($$anchor, fragment_1); 171 }; 172 173 var alternate_2 = ($$anchor) => { 174 var fragment_2 = comment(); 175 var node_2 = first_child(fragment_2); 176 177 { 178 var consequent_3 = ($$anchor) => { 179 var fragment_3 = root_4(); 180 var span_2 = first_child(fragment_3);
181 let classes_1; 182 var text_1 = child(span_2); 183 184 reset(span_2); 185 186 var node_3 = sibling(span_2); 187 188 { 189 var consequent_2 = ($$anchor) => { 190 var span_3 = root_5(); 191 192 append($$anchor, span_3); 193 }; 194 195 if_block(node_3, ($$render) => { 196 if (!_last() && get(collapsed)) $$render(consequent_2); 197 }); 198 } 199 200 template_effect(() => { 201 classes_1 = set_class(span_2, 1, '_jsonBkt svelte-zxj9ye', null, classes_1, { isArray: get(isArray) }); 202 set_text(text_1, `${(get(brackets), untrack(() => get(brackets)[0])) ?? ''}...${(get(brackets), untrack(() => get(brackets)[1])) ?? ''}`); 203 }); 204 205 event('click', span_2, clicked); 206 event('keydown', span_2, pressed); 207 append($$anchor, fragment_3); 208 }; 209 210 var alternate_1 = ($$anchor) => { 211 var fragment_4 = root_6(); 212 var span_4 = first_child(fragment_4); 213 let classes_2; 214 var text_2 = child(span_4, true); 215 216 reset(span_4); 217 218 var ul = sibling(span_4, 2); 219 220 each(ul, 5, () => get(items), index, ($$anchor, i, idx) => { 221 var li = root_7(); 222 var node_4 = child(li); 223 224 { 225 var consequent_4 = ($$anchor) => { 226 var fragment_5 = root_8(); 227 var span_5 = first_child(fragment_5); 228 var text_3 = child(span_5, true); 229 230 reset(span_5); 231 next(); 232 template_effect(($0) => set_text(text_3, $0), [() => (get(i), untrack(() => stringify(get(i))))]); 233 append($$anchor, fragment_5); 234 }; 235 236 if_block(node_4, ($$render) => { 237 if (!get(isArray)) $$render(consequent_4); 238 }); 239 } 240 241 var node_5 = sibling(node_4, 2); 242 243 { 244 var consequent_5 = ($$anchor) => { 245 var fragment_6 = comment(); 246 var node_6 = first_child(fragment_6); 247 248 { 249 let $0 = derived_safe_equal(() => _cur() + 1); 250 251 let $1 = derived_safe_equal(() => ( 252 get(items), 253 untrack(() => idx === get(items).length - 1) 254 )); 255 256 JsonView(node_6, { 257 get json() { 258 return ( 259 deep_read_state(json()), 260 get(i), 261 untrack(() => json()[get(i)]) 262 ); 263 }, 264 265 get depth() { 266 return depth(); 267 }, 268 269 get _cur() { 270 return get($0); 271 }, 272 273 get _last() { 274 return get($1); 275 } 276 }); 277 } 278 279 append($$anchor, fragment_6); 280 }; 281 282 var alternate = ($$anchor) => { 283 var fragment_7 = root_10(); 284 var span_6 = first_child(fragment_7); 285 var text_4 = child(span_6, true); 286 287 reset(span_6); 288 289 var node_7 = sibling(span_6); 290 291 { 292 var consequent_6 = ($$anchor) => { 293 var span_7 = root_11(); 294 295 append($$anchor, span_7); 296 }; 297 298 if_block(node_7, ($$render) => { 299 if (( 300 get(items), 301 untrack(() => idx < get(items).length - 1) 302 )) $$render(consequent_6); 303 }); 304 } 305 306 template_effect( 307 ($0, $1) => { 308 set_class(span_6, 1, `_jsonVal ${$0 ?? ''}`, 'svelte-zxj9ye'); 309 set_text(text_4, $1); 310 }, 311 [ 312 () => ( 313 deep_read_state(json()), 314 get(i), 315 untrack(() => getType(json()[get(i)])) 316 ), 317 318 () => ( 319 deep_read_state(json()), 320 get(i), 321 untrack(() => format(json()[get(i)])) 322 ) 323 ] 324 ); 325 326 append($$anchor, fragment_7); 327 }; 328 329 if_block(node_5, ($$render) => { 330 if (( 331 deep_read_state(json()), 332 get(i), 333 untrack(() => getType(json()[get(i)]) === 'object') 334 )) $$render(consequent_5); else $$render(alternate, false); 335 }); 336 } 337 338 reset(li); 339 append($$anchor, li); 340 }); 341 342 reset(ul); 343 344 var span_8 = sibling(ul, 2);
345 let classes_3; 346 var text_5 = child(span_8, true); 347 348 reset(span_8); 349 350 var node_8 = sibling(span_8); 351 352 { 353 var consequent_7 = ($$anchor) => { 354 var span_9 = root_12(); 355 356 append($$anchor, span_9); 357 }; 358 359 if_block(node_8, ($$render) => { 360 if (!_last()) $$render(consequent_7); 361 }); 362 } 363 364 template_effect(() => { 365 classes_2 = set_class(span_4, 1, '_jsonBkt svelte-zxj9ye', null, classes_2, { isArray: get(isArray) }); 366 set_text(text_2, (get(brackets), untrack(() => get(brackets)[0]))); 367 classes_3 = set_class(span_8, 1, '_jsonBkt svelte-zxj9ye', null, classes_3, { isArray: get(isArray) }); 368 set_text(text_5, (get(brackets), untrack(() => get(brackets)[1]))); 369 }); 370 371 event('click', span_4, clicked); 372 event('keydown', span_4, pressed); 373 event('click', span_8, clicked); 374 event('keydown', span_8, pressed); 375 append($$anchor, fragment_4); 376 }; 377 378 if_block( 379 node_2, 380 ($$render) => { 381 if (get(collapsed)) $$render(consequent_3); else $$render(alternate_1, false); 382 }, 383 true 384 ); 385 } 386 387 append($$anchor, fragment_2); 388 }; 389 390 if_block(node, ($$render) => { 391 if ((get(items), untrack(() => !get(items).length))) $$render(consequent_1); else $$render(alternate_2, false); 392 }); 393 } 394 395 append($$anchor, fragment); 396 397 return pop($$exports); 398} 399 400var root_1 = from_html(`<!> <!>`, 1); 401 402function Index($$anchor, $$props) { 403 push($$props, true); 404 405 const props = rest_props($$props, ['$$slots', '$$events', '$$legacy']); 406 const gradio = new Gradio(props); 407 const container = true; 408 409 Block($$anchor, { 410 get visible() { 411 return gradio.shared.visible; 412 }, 413 414 get elem_id() { 415 return gradio.shared.elem_id; 416 }, 417 418 get elem_classes() { 419 return gradio.shared.elem_classes; 420 }, 421 container, 422 get scale() { 423 return gradio.shared.scale; 424 }, 425 426 get min_width() { 427 return gradio.shared.min_width; 428 }, 429 430 children: ($$anchor, $$slotProps) => { 431 var fragment_1 = root_1(); 432 var node = first_child(fragment_1); 433 434 { 435 var consequent = ($$anchor) => { 436 Static($$anchor, spread_props( 437 { 438 get autoscroll() { 439 return gradio.shared.autoscroll; 440 }, 441 442 get i18n() { 443 return gradio.i18n; 444 } 445 }, 446 () => gradio.shared.loading_status, 447 { 448 on_clear_status: () => gradio.dispatch("clear_status", gradio.shared.loading_status) 449 } 450 )); 451 }; 452 453 if_block(node, ($$render) => { 454 if (gradio.shared.loading_status) $$render(consequent); 455 }); 456 } 457 458 var node_1 = sibling(node, 2); 459 460 JsonView(node_1, { 461 get json() { 462 return gradio.props.value; 463 } 464 }); 465 466 append($$anchor, fragment_1); 467 }, 468 $$slots: { default: true } 469 }); 470 471 pop(); 472} 473 474export { Index as default }; 475//# sourceMappingURL=Index-AgZJDK0R.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.