1import { p as prop, k as each, b as set_class, u as index, i as if_block, f as set_style, L as update_prop, t as remove_input_defaults, d as bind_this, r as rest_props, a as set_attribute } from './i18n-CGlVUOvE.js'; 2import { a as append, f as from_svg, ai as delegate, M as push, S as sibling, Q as child, t as template_effect, X as set_text, Z as get, O as pop, a2 as user_derived, $ as set, R as from_html, T as reset, ab as state, ac as proxy, ad as user_effect, af as onDestroy, N as first_child, a4 as text, U as event, a5 as next } from './index-Bq2njFOY.js'; 3import { b as bind_value } from './input-CXpCw23l.js'; 4import { B as Block } from './Block-DNK-JdLJ.js'; 5import { B as BlockTitle } from './BlockTitle-Bcj082QO.js'; 6import './ScrollFade.svelte_svelte_type_style_lang-D0JPkGar.js'; 7import './MarkdownCode.svelte_svelte_type_style_lang-B29zDiob.js'; 8import { G as Gradio } from './utils.svelte-Bi9ASwv9.js'; 9import { I as IconButtonWrapper } from './IconButtonWrapper-DAsvkfJg.js'; 10export { default as BaseExample } from './Example-kRad1aPe.js'; 11import './Info-CfqzbVCN.js'; 12import './MarkdownCode-BYKuypS7.js'; 13import './html-Bwif0JPw.js'; 14import './snippet-BG7qkY_1.js'; 15import './prism-python-NrKIQnfs.js'; 16 17var root$1 = from_svg(`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></rect><line x1="2" y1="9" x2="22" y2="9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></line><line x1="7" y1="2" x2="7" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></line><line x1="17" y1="2" x2="17" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"></line></svg>`); 18 19function Calendar($$anchor) { 20 var svg = root$1(); 21 22 append($$anchor, svg); 23} 24 25const format_date = (date, include_time) => { 26 if (date.toJSON() === null) return ""; 27 const pad = (num) => num.toString().padStart(2, "0"); 28 const year = date.getFullYear();
29 const month = pad(date.getMonth() + 1); 30 const day = pad(date.getDate()); 31 const hours = pad(date.getHours()); 32 const minutes = pad(date.getMinutes()); 33 const seconds = pad(date.getSeconds()); 34 const date_str = `${year}-${month}-${day}`; 35 const time_str = `${hours}:${minutes}:${seconds}`; 36 if (include_time) { 37 return `${date_str} ${time_str}`; 38 } 39 return date_str; 40}; 41const date_is_valid_format = (date, include_time) => { 42 if (date == null || date === "") return true; 43 const valid_regex = include_time ? /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/ : /^\d{4}-\d{2}-\d{2}$/; 44 const is_valid_date = date.match(valid_regex) !== null; 45 const is_valid_now = date.match(/^(?:\s*now\s*(?:-\s*\d+\s*[dmhs])?)?\s*$/) !== null; 46 return is_valid_date || is_valid_now; 47}; 48const get_days_in_month = (year, month) => { 49 return new Date(year, month + 1, 0).getDate(); 50}; 51const get_first_day_of_month = (year, month) => { 52 return new Date(year, month, 1).getDay(); 53}; 54const parse_date_value = (entered_value, include_time) => { 55 if (!entered_value || entered_value === "") { 56 const now2 = /* @__PURE__ */ new Date(); 57 return { 58 selected_date: now2, 59 current_year: now2.getFullYear(), 60 current_month: now2.getMonth(), 61 selected_hour: now2.getHours(), 62 selected_minute: now2.getMinutes(), 63 selected_second: now2.getSeconds(), 64 is_pm: now2.getHours() >= 12 65 }; 66 } 67 try { 68 let date_to_parse = entered_value; 69 if (!include_time && entered_value.match(/^\d{4}-\d{2}-\d{2}$/)) { 70 date_to_parse += " 00:00:00"; 71 } 72 const parsed = new Date(date_to_parse.replace(" ", "T")); 73 if (!isNaN(parsed.getTime())) { 74 return { 75 selected_date: parsed, 76 current_year: parsed.getFullYear(), 77 current_month: parsed.getMonth(), 78 selected_hour: parsed.getHours(), 79 selected_minute: parsed.getMinutes(), 80 selected_second: parsed.getSeconds(), 81 is_pm: parsed.getHours() >= 12 82 }; 83 } 84 } catch (e) { 85 } 86 const now = /* @__PURE__ */ new Date(); 87 return { 88 selected_date: now, 89 current_year: now.getFullYear(), 90 current_month: now.getMonth(), 91 selected_hour: now.getHours(), 92 selected_minute: now.getMinutes(), 93 selected_second: now.getSeconds(), 94 is_pm: now.getHours() >= 12 95 }; 96}; 97const generate_calendar_days = (current_year, current_month) => { 98 const days_in_month = get_days_in_month(current_year, current_month); 99 const first_day = get_first_day_of_month(current_year, current_month); 100 const days = []; 101 const prev_month = current_month === 0 ? 11 : current_month - 1; 102 const prev_year = current_month === 0 ? current_year - 1 : current_year; 103 const days_in_prev_month = get_days_in_month(prev_year, prev_month); 104 for (let i = first_day - 1; i >= 0; i--) { 105 days.push({ 106 day: days_in_prev_month - i, 107 is_current_month: false, 108 is_next_month: false 109 }); 110 } 111 for (let day = 1; day <= days_in_month; day++) { 112 days.push({ 113 day, 114 is_current_month: true, 115 is_next_month: false 116 }); 117 } 118 const remaining_slots = 42 - days.length; 119 for (let day = 1; day <= remaining_slots; day++) { 120 days.push({ 121 day, 122 is_current_month: false, 123 is_next_month: true 124 }); 125 } 126 return days; 127}; 128const calculate_display_hour = (selected_hour, is_pm) => { 129 return is_pm ? selected_hour === 0 ? 12 : selected_hour > 12 ? selected_hour - 12 : selected_hour : selected_hour === 0 ? 12 : selected_hour; 130}; 131const convert_display_hour_to_24h = (display_hour, is_pm) => { 132 if (is_pm) { 133 return display_hour === 12 ? 12 : display_hour + 12; 134 }
135 return display_hour === 12 ? 0 : display_hour; 136}; 137const month_names = [ 138 "January", 139 "February", 140 "March", 141 "April", 142 "May", 143 "June", 144 "July", 145 "August", 146 "September", 147 "October", 148 "November", 149 "December" 150]; 151 152var root_1$1 = from_html(`<button type="button"> </button>`); 153var root_2 = from_html(`<div class="time-picker svelte-s8mqj7"><div class="time-inputs svelte-s8mqj7"><div class="time-input-group svelte-s8mqj7"><label for="hour" class="svelte-s8mqj7">Hour</label> <input id="hour" type="number" min="1" max="12" class="svelte-s8mqj7"/></div> <div class="time-input-group svelte-s8mqj7"><label for="minute" class="svelte-s8mqj7">Min</label> <input id="minute" type="number" min="0" max="59" class="svelte-s8mqj7"/></div> <div class="time-input-group svelte-s8mqj7"><label for="second" class="svelte-s8mqj7">Sec</label> <input id="second" type="number" min="0" max="59" class="svelte-s8mqj7"/></div> <div class="time-input-group svelte-s8mqj7"><span class="am-pm-label svelte-s8mqj7">Period</span> <button type="button" class="am-pm-toggle svelte-s8mqj7" aria-label="Toggle AM/PM"> </button></div></div></div>`); 154var root = from_html(`<div class="picker-container svelte-s8mqj7"><div class="picker svelte-s8mqj7"><div class="picker-header svelte-s8mqj7"><button type="button" class="nav-button svelte-s8mqj7">â¹</button> <div class="month-year svelte-s8mqj7"> </div> <button type="button" class="nav-button svelte-s8mqj7">âº</button></div> <div class="calendar-grid svelte-s8mqj7"><div class="weekdays svelte-s8mqj7"><div class="weekday svelte-s8mqj7">Su</div> <div class="weekday svelte-s8mqj7">Mo</div> <div class="weekday svelte-s8mqj7">Tu</div> <div class="weekday svelte-s8mqj7">We</div> <div class="weekday svelte-s8mqj7">Th</div> <div class="weekday svelte-s8mqj7">Fr</div> <div class="weekday svelte-s8mqj7">Sa</div></div> <div class="days svelte-s8mqj7"></div></div> <!> <div class="picker-actions svelte-s8mqj7"><button type="button" class="action-button svelte-s8mqj7">Clear</button> <div class="picker-actions-right svelte-s8mqj7"><button type="button" class="action-button svelte-s8mqj7">Now</button> <button type="button" class="action-button svelte-s8mqj7">Done</button></div></div></div></div>`); 155 156function DateTimePicker($$anchor, $$props) { 157 push($$props, true); 158 159 let selected_date = prop($$props, 'selected_date', 15), 160 current_year = prop($$props, 'current_year', 15), 161 current_month = prop($$props, 'current_month', 15), 162 selected_hour = prop($$props, 'selected_hour', 15), 163 selected_minute = prop($$props, 'selected_minute', 15), 164 selected_second = prop($$props, 'selected_second', 15), 165 is_pm = prop($$props, 'is_pm', 15); 166 167 let display_hour = user_derived(() => calculate_display_hour(selected_hour(), is_pm())); 168 let calendar_days = user_derived(() => generate_calendar_days(current_year(), current_month())); 169 170 const select_date = (day) => { 171 selected_date(new Date(current_year(), current_month(), day, selected_hour(), selected_minute(), selected_second())); 172 update_value(); 173 }; 174 175 const update_value = () => { 176 const formatted = format_date(selected_date(), $$props.include_time); 177 178 $$props.onupdate?.(formatted); 179 }; 180 181 const update_time = () => { 182 selected_date(new Date(current_year(), current_month(), selected_date().getDate(), selected_hour(), selected_minute(), selected_second())); 183 update_value(); 184 }; 185 186 const previous_month = () => { 187 if (current_month() === 0) { 188 current_month(11); 189 update_prop(current_year, -1); 190 } else { 191 update_prop(current_month, -1); 192 } 193 }; 194
195 const next_month = () => { 196 if (current_month() === 11) { 197 current_month(0); 198 update_prop(current_year); 199 } else { 200 update_prop(current_month); 201 } 202 }; 203 204 const toggle_am_pm = () => { 205 is_pm(!is_pm()); 206 207 if (is_pm() && selected_hour() < 12) { 208 selected_hour(selected_hour() + 12); 209 } else if (!is_pm() && selected_hour() >= 12) { 210 selected_hour(selected_hour() - 12); 211 } 212 213 update_time(); 214 }; 215 216 const update_display_hour = (new_hour) => { 217 selected_hour(convert_display_hour_to_24h(new_hour, is_pm())); 218 update_time(); 219 }; 220 221 const handle_now = () => { 222 const now = new Date(); 223 224 selected_date(now); 225 current_year(now.getFullYear()); 226 current_month(now.getMonth()); 227 selected_hour(now.getHours()); 228 selected_minute(now.getMinutes()); 229 selected_second(now.getSeconds()); 230 is_pm(selected_hour() >= 12); 231 update_value(); 232 }; 233 234 var div = root(); 235 var div_1 = child(div); 236 var div_2 = child(div_1); 237 var button = child(div_2); 238 239 button.__click = previous_month; 240 241 var div_3 = sibling(button, 2); 242 var text = child(div_3); 243 244 reset(div_3); 245 246 var button_1 = sibling(div_3, 2); 247 248 button_1.__click = next_month; 249 reset(div_2); 250 251 var div_4 = sibling(div_2, 2); 252 var div_5 = sibling(child(div_4), 2); 253 254 each(div_5, 21, () => get(calendar_days), index, ($$anchor, $$item) => { 255 let day = () => get($$item).day; 256 let is_current_month = () => get($$item).is_current_month; 257 let is_next_month = () => get($$item).is_next_month; 258 var button_2 = root_1$1(); 259 let classes; 260 261 button_2.__click = () => { 262 if (is_current_month()) { 263 select_date(day()); 264 } else if (is_next_month()) { 265 next_month(); 266 select_date(day()); 267 } else { 268 previous_month(); 269 select_date(day()); 270 } 271 }; 272 273 var text_1 = child(button_2, true); 274 275 reset(button_2); 276 277 template_effect( 278 ($0) => { 279 classes = set_class(button_2, 1, 'day svelte-s8mqj7', null, classes, $0); 280 set_text(text_1, day()); 281 }, 282 [ 283 () => ({ 284 'other-month': !is_current_month(), 285 selected: is_current_month() && day() === selected_date().getDate() && current_month() === selected_date().getMonth() && current_year() === selected_date().getFullYear() 286 }) 287 ] 288 ); 289 290 append($$anchor, button_2); 291 }); 292 293 reset(div_5); 294 reset(div_4); 295 296 var node = sibling(div_4, 2); 297 298 { 299 var consequent = ($$anchor) => { 300 var div_6 = root_2(); 301 var div_7 = child(div_6); 302 var div_8 = child(div_7); 303 var input = sibling(child(div_8), 2); 304 305 remove_input_defaults(input); 306 input.__input = () => update_display_hour(get(display_hour)); 307 reset(div_8); 308 309 var div_9 = sibling(div_8, 2); 310 var input_1 = sibling(child(div_9), 2); 311 312 remove_input_defaults(input_1); 313 input_1.__input = update_time; 314 reset(div_9); 315 316 var div_10 = sibling(div_9, 2); 317 var input_2 = sibling(child(div_10), 2); 318 319 remove_input_defaults(input_2); 320 input_2.__input = update_time; 321 reset(div_10); 322 323 var div_11 = sibling(div_10, 2); 324 var button_3 = sibling(child(div_11), 2); 325 326 button_3.__click = toggle_am_pm; 327 328 var text_2 = child(button_3, true); 329 330 reset(button_3); 331 reset(div_11); 332 reset(div_7); 333 reset(div_6); 334 template_effect(() => set_text(text_2, is_pm() ? "PM" : "AM")); 335 bind_value(input, () => get(display_hour), ($$value) => set(display_hour, $$value)); 336 bind_value(input_1, selected_minute); 337 bind_value(input_2, selected_second); 338 append($$anchor, div_6); 339 }; 340 341 if_block(node, ($$render) => { 342 if ($$props.include_time) $$render(consequent); 343 }); 344 } 345 346 var div_12 = sibling(node, 2); 347 var button_4 = child(div_12); 348 349 button_4.__click = function (...$$args) { 350 $$props.onclear?.apply(this, $$args); 351 }; 352 353 var div_13 = sibling(button_4, 2); 354 var button_5 = child(div_13); 355 356 button_5.__click = handle_now; 357 358 var button_6 = sibling(button_5, 2); 359 360 button_6.__click = function (...$$args) { 361 $$props.onclose?.apply(this, $$args); 362 }; 363 364 reset(div_13); 365 reset(div_12); 366 reset(div_1); 367 reset(div); 368 369 template_effect(() => { 370 set_style(div, `top: ${$$props.position.top ?? ''}px; left: ${$$props.position.left ?? ''}px;`); 371 372 set_text(text, `${month_names[current_month()] ?? ''} 373 ${current_year() ?? ''}`); 374 }); 375 376 append($$anchor, div); 377 pop(); 378} 379 380delegate(['click', 'input']); 381 382var root_4 = from_html(`<button class="calendar svelte-16sct4k"><!></button>`); 383var root_5 = from_html(`<div class="svelte-16sct4k"><!></div>`); 384var root_1 = from_html(`<div class="label-content svelte-16sct4k"><!> <!></div> <div class="timebox svelte-16sct4k"><input/> <!></div> <!>`, 1); 385 386function Index($$anchor, $$props) { 387 push($$props, true); 388 389 const props = rest_props($$props, ['$$slots', '$$events', '$$legacy']); 390 const gradio = new Gradio(props); 391 let old_value = state(proxy(gradio.props.value)); 392 let show_picker = state(false); 393 let entered_value = state(proxy(gradio.props.value)); 394 let picker_ref; 395 let input_ref; 396 let calendar_button_ref; 397 let picker_position = state(proxy({ top: 0, left: 0 })); 398 let current_year = state(proxy(new Date().getFullYear()));
399 let current_month = state(proxy(new Date().getMonth())); 400 let selected_date = state(proxy(new Date())); 401 let selected_hour = state(proxy(new Date().getHours())); 402 let selected_minute = state(proxy(new Date().getMinutes())); 403 let selected_second = state(proxy(new Date().getSeconds())); 404 let is_pm = state(get(selected_hour) >= 12); 405 let valid = user_derived(() => date_is_valid_format(get(entered_value), gradio.props.include_time)); 406 let disabled = user_derived(() => !gradio.shared.interactive); 407 408 user_effect(() => { 409 if (get(old_value) != gradio.props.value) { 410 set(old_value, gradio.props.value, true); 411 set(entered_value, gradio.props.value, true); 412 update_picker_from_value(); 413 gradio.dispatch("change"); 414 } 415 }); 416 417 const update_picker_from_value = () => { 418 const parsed = parse_date_value(get(entered_value), gradio.props.include_time); 419 420 set(selected_date, parsed.selected_date, true); 421 set(current_year, parsed.current_year, true); 422 set(current_month, parsed.current_month, true); 423 set(selected_hour, parsed.selected_hour, true); 424 set(selected_minute, parsed.selected_minute, true); 425 set(selected_second, parsed.selected_second, true); 426 set(is_pm, parsed.is_pm, true); 427 }; 428 429 const submit_values = () => { 430 if (get(entered_value) === gradio.props.value) return; 431 if (!date_is_valid_format(get(entered_value), gradio.props.include_time)) return; 432 433 set(old_value, gradio.props.value = get(entered_value), true); 434 gradio.dispatch("change"); 435 }; 436 437 const calculate_picker_position = () => { 438 if (calendar_button_ref) { 439 const rect = calendar_button_ref.getBoundingClientRect(); 440 441 set(picker_position, { top: rect.bottom + 4, left: rect.right - 280 }, true); 442 } 443 }; 444 445 const toggle_picker = (event) => { 446 if (!get(disabled)) { 447 event.stopPropagation(); 448 set(show_picker, !get(show_picker)); 449 450 if (get(show_picker)) { 451 update_picker_from_value(); 452 calculate_picker_position(); 453 454 setTimeout( 455 () => { 456 if (typeof window !== "undefined") { 457 window.addEventListener("click", handle_click_outside); 458 window.addEventListener("scroll", handle_scroll, true); 459 } 460 }, 461 10 462 ); 463 } else if (typeof window !== "undefined") { 464 window.removeEventListener("click", handle_click_outside); 465 window.removeEventListener("scroll", handle_scroll, true); 466 } 467 } 468 }; 469 470 const close_picker = () => { 471 set(show_picker, false); 472 473 if (typeof window !== "undefined") { 474 window.removeEventListener("click", handle_click_outside); 475 window.removeEventListener("scroll", handle_scroll, true); 476 } 477 }; 478 479 const handle_click_outside = (event) => { 480 if (get(show_picker) && picker_ref && !picker_ref.contains(event.target) && calendar_button_ref && !calendar_button_ref.contains(event.target)) { 481 close_picker(); 482 } 483 }; 484 485 const handle_scroll = () => { 486 if (get(show_picker)) { 487 calculate_picker_position(); 488 } 489 }; 490 491 const handle_picker_update = (formatted) => { 492 set(entered_value, formatted, true); 493 submit_values(); 494 }; 495 496 const handle_picker_clear = () => { 497 set(entered_value, ""); 498 gradio.props.value = ""; 499 close_picker(); 500 gradio.dispatch("change"); 501 }; 502 503 onDestroy(() => { 504 if (typeof window !== "undefined") { 505 window.removeEventListener("click", handle_click_outside); 506 window.removeEventListener("scroll", handle_scroll, true); 507 } 508 }); 509 510 update_picker_from_value(); 511 512 Block($$anchor, { 513 get visible() { 514 return gradio.shared.visible; 515 }, 516 517 get elem_id() { 518 return gradio.shared.elem_id; 519 }, 520 521 get elem_classes() { 522 return gradio.shared.elem_classes; 523 }, 524 525 get scale() { 526 return gradio.shared.scale; 527 }, 528 529 get min_width() { 530 return gradio.shared.min_width; 531 }, 532 allow_overflow: false, 533 padding: true, 534 children: ($$anchor, $$slotProps) => { 535 var fragment_1 = root_1(); 536 var div = first_child(fragment_1); 537 var node = child(div); 538 539 { 540 var consequent = ($$anchor) => { 541 IconButtonWrapper($$anchor, { 542 get buttons() { 543 return gradio.props.buttons; 544 }, 545 546 on_custom_button_click: (id) => { 547 gradio.dispatch("custom_button_click", { id }); 548 } 549 }); 550 }; 551 552 if_block(node, ($$render) => { 553 if (gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0) $$render(consequent); 554 }); 555 } 556
557 var node_1 = sibling(node, 2); 558 559 BlockTitle(node_1, { 560 get show_label() { 561 return gradio.shared.show_label; 562 }, 563 564 get info() { 565 return gradio.props.info; 566 }, 567 568 children: ($$anchor, $$slotProps) => { 569 next(); 570 571 var text$1 = text(); 572 573 template_effect(() => set_text(text$1, gradio.shared.label || "Date")); 574 append($$anchor, text$1); 575 }, 576 $$slots: { default: true } 577 }); 578 579 reset(div); 580 581 var div_1 = sibling(div, 2); 582 var input = child(div_1); 583 584 remove_input_defaults(input); 585 586 let classes; 587 588 input.__keydown = (evt) => { 589 if (evt.key === "Enter") { 590 submit_values(); 591 gradio.dispatch("submit"); 592 } 593 }; 594 595 bind_this(input, ($$value) => input_ref = $$value, () => input_ref); 596 597 var node_2 = sibling(input, 2); 598 599 { 600 var consequent_1 = ($$anchor) => { 601 var button = root_4(); 602 603 button.__click = toggle_picker; 604 605 var node_3 = child(button); 606 607 Calendar(node_3); 608 reset(button); 609 bind_this(button, ($$value) => calendar_button_ref = $$value, () => calendar_button_ref); 610 template_effect(() => button.disabled = get(disabled)); 611 append($$anchor, button); 612 }; 613 614 if_block(node_2, ($$render) => { 615 if (gradio.shared.interactive) $$render(consequent_1); 616 }); 617 } 618 619 reset(div_1); 620 621 var node_4 = sibling(div_1, 2); 622 623 { 624 var consequent_2 = ($$anchor) => { 625 var div_2 = root_5(); 626 var node_5 = child(div_2); 627 628 DateTimePicker(node_5, { 629 get include_time() { 630 return gradio.props.include_time; 631 }, 632 633 get position() { 634 return get(picker_position); 635 }, 636 onupdate: handle_picker_update, 637 onclear: handle_picker_clear, 638 onclose: close_picker, 639 get selected_date() { 640 return get(selected_date); 641 }, 642 643 set selected_date($$value) { 644 set(selected_date, $$value, true); 645 }, 646 647 get current_year() { 648 return get(current_year); 649 }, 650 651 set current_year($$value) { 652 set(current_year, $$value, true); 653 }, 654 655 get current_month() { 656 return get(current_month); 657 }, 658 659 set current_month($$value) { 660 set(current_month, $$value, true); 661 }, 662 663 get selected_hour() { 664 return get(selected_hour); 665 }, 666 667 set selected_hour($$value) { 668 set(selected_hour, $$value, true); 669 }, 670 671 get selected_minute() { 672 return get(selected_minute); 673 }, 674 675 set selected_minute($$value) { 676 set(selected_minute, $$value, true); 677 }, 678 679 get selected_second() { 680 return get(selected_second); 681 }, 682 683 set selected_second($$value) { 684 set(selected_second, $$value, true); 685 }, 686 687 get is_pm() { 688 return get(is_pm); 689 }, 690 691 set is_pm($$value) { 692 set(is_pm, $$value, true); 693 } 694 }); 695 696 reset(div_2); 697 bind_this(div_2, ($$value) => picker_ref = $$value, () => picker_ref); 698 append($$anchor, div_2); 699 }; 700 701 if_block(node_4, ($$render) => { 702 if (get(show_picker)) $$render(consequent_2); 703 }); 704 } 705 706 template_effect(() => { 707 classes = set_class(input, 1, 'time svelte-16sct4k', null, classes, { invalid: !get(valid) }); 708 input.disabled = get(disabled); 709 set_attribute(input, 'placeholder', gradio.props.include_time ? "YYYY-MM-DD HH:MM:SS" : "YYYY-MM-DD"); 710 }); 711 712 event('blur', input, submit_values); 713 bind_value(input, () => get(entered_value), ($$value) => set(entered_value, $$value)); 714 append($$anchor, fragment_1); 715 }, 716 $$slots: { default: true } 717 }); 718 719 pop(); 720} 721 722delegate(['keydown', 'click']); 723 724export { Index as default }; 725//# sourceMappingURL=Index-D_siBrGR.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.