1import{r as u,j as e}from"./vendor-react-BGN68_Lp.js";import{a as R,u as v}from"./vendor-redux-D8sX5Eqv.js";import{g as $,u as Z,c as n,b as K}from"./index-uear5Vpj.js";import{k as P}from"./maps-BaCKFVv9.js";import{g as G,E as x}from"./vendor-styled-pkIKgjgv.js";import{u as U}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";const M=x` 2 from { 3 opacity: 0; 4 } 5`,L=x` 6 from { 7 opacity: 0; 8 transform: translateY(24px); 9 } 10`,Y=x` 11 from { 12 opacity: 0; 13 transform: translateY(-24px); 14 } 15`,W=x` 16 from { 17 opacity: 0; 18 transform: translate(-50%, 24px); 19 } 20 to { 21 transform: translate(-50%, 0); 22 } 23`,S="linear-gradient(90deg, rgba(0,0,0,0) 0.0%, rgba(0,0,0,0.0127) 5.42%, rgba(0,0,0,0.0486) 9.84%, rgba(0,0,0,0.104) 13.4%, rgba(0,0,0,0.1754) 16.25%, rgba(0,0,0,0.2593) 18.57%, rgba(0,0,0,0.352) 20.5%, rgba(0,0,0,0.4501) 22.19%, rgba(0,0,0,0.5499) 23.81%, rgba(0,0,0,0.648) 25.5%, rgba(0,0,0,0.7407) 27.43%, rgba(0,0,0,0.8246) 29.75%, rgba(0,0,0,0.896) 32.6%, rgba(0,0,0,0.9514) 36.16%, rgba(0,0,0,0.9873) 40.58%, rgba(0,0,0,1) 46.0%, rgba(0,0,0,1) 54.0%, rgba(0,0,0,0.9873) 59.42%, rgba(0,0,0,0.9514) 63.84%, rgba(0,0,0,0.896) 67.4%, rgba(0,0,0,0.8246) 70.25%, rgba(0,0,0,0.7407) 72.57%, rgba(0,0,0,0.648) 74.5%, rgba(0,0,0,0.5499) 76.19%, rgba(0,0,0,0.4501) 77.81%, rgba(0,0,0,0.352) 79.5%, rgba(0,0,0,0.2593) 81.43%, rgba(0,0,0,0.1754) 83.75%, rgba(0,0,0,0.104) 86.6%, rgba(0,0,0,0.0486) 90.16%, rgba(0,0,0,0.0127) 94.58%, rgba(0,0,0,0) 100.0%)",X=G.div` 24 --accent: #6080ff; 25 --danger: #f64e60; 26 --text: #ecf1f8; 27 --text-dim: #778597; 28 --eyebrow: #71798e; 29 --tile-bg: rgba(21, 27, 43, 0.95); 30 --tile-text: rgb(229, 232, 239); 31 --win: rgb(100, 223, 62); 32 --stack-ring: #151b2b; 33 --row-bg: rgba(145, 175, 253, 0.04); 34 --row-text: rgb(150, 163, 183); 35 --radius-btn: 6px; 36 --card-w: min(1280px, calc(100vw - 64px)); 37 --card-h: 168px; 38 --card-pad: 16px; 39 --tile-w: 72px; 40 --tile-h: 80px; 41 --tile-font: 36px; 42 --tile-gap: 12px; 43 --team-gap: 40px; 44 --av: 64px; 45 --av-overlap: 16px; 46 --av-shadow: 8px; 47 --bar-h: 56px; 48 --pad-y: max(24px, calc((100vh - 659px) / 2)); 49 --bar-bottom: var(--pad-y); 50 --bar-gap: 40px; 51 --hero-top: var(--pad-y); 52 53 position: fixed; 54 inset: 0; 55 z-index: 99999; 56 display: flex; 57 align-items: center; 58 justify-content: center; 59 overflow: hidden; 60 font-family: Roboto, sans-serif; 61 background: 62 radial-gradient(1400px 700px at 18% -10%, rgba(96, 128, 255, 0.1), transparent 60%), 63 radial-gradient(1100px 600px at 100% 40%, rgba(96, 128, 255, 0.07), transparent 60%), 64 linear-gradient(160deg, rgba(19, 24, 33, 0.95) 0%, rgba(15, 20, 27, 0.95) 55%, rgba(14, 20, 32, 0.95) 100%); 65 backdrop-filter: blur(20px); 66 67 &.modal-enter, 68 &.modal-enter-active, 69 &.modal-enter-done, 70 &.modal-exit-active { 71 transform: none; 72 } 73 74 &::after { 75 content: ''; 76 position: absolute; 77 inset: 0; 78 z-index: -1; 79 pointer-events: none; 80 opacity: 0.8; 81 background-image: repeating-linear-gradient( 82 -68deg, 83 rgba(96, 128, 255, 0.09) 0px, 84 rgba(96, 128, 255, 0.09) 2px, 85 transparent 2px, 86 transparent 26px 87 ); 88 -webkit-mask-image: radial-gradient(900px 500px at 92% 8%, #000 0%, transparent 70%); 89 mask-image: radial-gradient(900px 500px at 92% 8%, #000 0%, transparent 70%); 90 } 91 92 button { 93 font-family: Roboto, sans-serif; 94 cursor: pointer; 95 } 96 97 .hero { 98 position: absolute; 99 top: 0; 100 left: 0; 101 right: 0; 102 bottom: calc(var(--bar-bottom) + var(--bar-h) + var(--bar-gap)); 103 display: flex; 104 flex-direction: column; 105 align-items: center; 106 justify-content: flex-start; 107 gap: 16px; 108 padding-top: var(--hero-top); 109 } 110 111 .hero > .eyebrow, 112 .hero > .match-card, 113 .hero > .badges { 114 flex-shrink: 0; 115 } 116 117 .hero > .list-scroll { 118 margin-top: 8px; 119 } 120 121 .list-scroll { 122 display: grid; 123 flex: 1; 124 width: var(--card-w); 125 min-height: 0; 126 grid-template-columns: repeat(2, minmax(584px, 1fr)); 127 align-items: start; 128 column-gap: 24px; 129 overflow: auto; 130 } 131 132 .list-scroll::-webkit-scrollbar {
133 height: 4px; 134 } 135 136 .board-col { 137 display: grid; 138 align-content: start; 139 gap: 4px; 140 } 141 142 .board-head, 143 .board-row { 144 display: grid; 145 grid-template-columns: 180px 72px repeat(5, minmax(44px, 1fr)); 146 align-items: center; 147 gap: 12px; 148 } 149 150 .board-head { 151 height: 36px; 152 padding: 0 20px; 153 border-radius: 10px; 154 background: rgba(23, 30, 39, 0.5); 155 font-size: 14px; 156 font-weight: 500; 157 } 158 159 .board-head > span { 160 display: flex; 161 min-width: 0; 162 height: 100%; 163 align-items: center; 164 overflow: hidden; 165 color: rgb(67, 78, 92); 166 text-overflow: ellipsis; 167 white-space: nowrap; 168 cursor: pointer; 169 transition: color 0.16s ease-out; 170 } 171 172 .board-head > span:not(:first-child)::after { 173 content: ''; 174 width: 6px; 175 height: 12px; 176 flex-shrink: 0; 177 margin-left: 8px; 178 background: url(${$("/img/icons/servers/empty-sort.svg")}) center / contain no-repeat; 179 } 180 181 .board-head .is-sorted { 182 color: rgb(139, 152, 171); 183 } 184 185 .board-head .is-sorted::after { 186 transform: rotate(180deg); 187 filter: brightness(150%); 188 } 189 190 .board-head .is-sorted.is-asc::after { 191 transform: none; 192 } 193 194 .board-row { 195 height: 46px; 196 padding: 0 20px; 197 border-radius: 8px; 198 background: var(--row-bg); 199 color: var(--row-text); 200 font-size: 14px; 201 font-weight: 500; 202 transition: background 0.12s ease-out; 203 } 204 205 .board-row.is-me { 206 background: rgb(24, 32, 54); 207 } 208 209 .board-row.t-a { 210 --team: rgb(150, 200, 250); 211 } 212 213 .board-row.t-b { 214 --team: #eabe54; 215 } 216 217 .board-player { 218 display: flex; 219 min-width: 0; 220 align-items: center; 221 align-self: stretch; 222 gap: 8px; 223 margin: 0 0 0 -20px; 224 padding: 0 16px 0 20px; 225 } 226 227 .board-player::before { 228 content: ''; 229 position: absolute; 230 top: 0; 231 bottom: 0; 232 left: 0; 233 width: 3px; 234 border-radius: 8px 0 0 8px; 235 background: var(--team); 236 } 237 238 .board-player img { 239 width: 28px; 240 height: 28px; 241 flex-shrink: 0; 242 border-radius: 50%; 243 object-fit: cover; 244 opacity: 0.85; 245 } 246 247 .board-row.is-me .board-player img { 248 opacity: 1; 249 } 250 251 .board-player b { 252 overflow: hidden; 253 color: var(--text); 254 font-weight: 500; 255 text-overflow: ellipsis; 256 white-space: nowrap; 257 } 258 259 .board-rating { 260 --tone: #fff; 261 --tone-bg: rgba(255, 255, 255, 0.16); 262 263 display: flex; 264 align-items: center; 265 justify-self: stretch; 266 } 267 268 .board-rating.is-high { 269 --tone: var(--win); 270 --tone-bg: rgba(100, 223, 62, 0.16); 271 } 272 273 .board-rating.is-low { 274 --tone: var(--danger); 275 --tone-bg: rgba(246, 78, 96, 0.16); 276 } 277 278 .rating-chip { 279 display: inline-flex; 280 flex-direction: column; 281 overflow: hidden; 282 border-radius: 4px; 283 background: var(--tone-bg); 284 } 285 286 .rating-val { 287 padding: 2px 6px; 288 color: var(--tone); 289 font-size: 14px; 290 font-weight: 700; 291 font-variant-numeric: tabular-nums; 292 line-height: 20px; 293 } 294 295 .rating-meter { 296 display: block; 297 height: 3px; 298 background: var(--tone-bg); 299 } 300 301 .rating-meter::before { 302 content: ''; 303 position: absolute; 304 left: 0; 305 bottom: 0; 306 width: var(--fill, 0); 307 height: 3px; 308 border-radius: 0 4px 4px 0; 309 background: var(--tone); 310 } 311 312 .team-label { 313 color: var(--text-dim); 314 font-size: 12px; 315 letter-spacing: 0.04em; 316 text-transform: uppercase; 317 cursor: default; 318 } 319 320 .team-label::after { 321 content: none; 322 } 323 324 .eyebrow { 325 color: var(--eyebrow); 326 font-size: 18px; 327 font-weight: 300; 328 letter-spacing: 0.02em; 329 text-transform: uppercase; 330 } 331 332 .badges { 333 display: flex; 334 flex-wrap: wrap; 335 align-items: center; 336 justify-content: center; 337 gap: 8px; 338 } 339 340 .badge { 341 display: flex; 342 align-items: center; 343 gap: 8px; 344 padding: 8px 12px; 345 border-radius: 8px; 346 background: rgba(145, 175, 253, 0.08); 347 } 348 349 .badge b { 350 color: #fff; 351 font-size: 14px; 352 font-weight: 500; 353 line-height: 16px; 354 } 355 356 .badge em { 357 color: var(--text-dim); 358 font-size: 14px; 359 font-style: normal; 360 font-weight: 500; 361 line-height: 16px; 362 } 363 364 .badge-img { 365 display: block; 366 width: 16px; 367 height: 16px; 368 object-fit: contain; 369 } 370 371 .avatar { 372 display: block; 373 width: 16px; 374 height: 16px; 375 flex-shrink: 0; 376 margin-right: -2px; 377 border-radius: 50%; 378 object-fit: cover; 379 } 380 381 .sep { 382 display: block; 383 width: 3px; 384 height: 18px; 385 flex-shrink: 0; 386 border-radius: 16px; 387 background: 388 linear-gradient(0deg, rgba(35, 42, 62, 0.8) 0%, rgba(35, 42, 62, 0.8) 100%), 389 rgba(93, 108, 146, 0.16); 390 } 391 392 .match-card { 393 display: grid; 394 width: var(--card-w); 395 height: var(--card-h); 396 grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); 397 align-items: center; 398 gap: var(--team-gap); 399 padding: var(--card-pad); 400 } 401 402 .match-card::after { 403 content: ''; 404 position: absolute; 405 inset: 0; 406 z-index: 0; 407 pointer-events: none; 408 background: 409 linear-gradient(rgba(15, 20, 27, 0.55), rgba(15, 20, 27, 0.55)), 410 var(--map-bg) center center / cover no-repeat; 411 -webkit-mask-image: ${S}; 412 mask-image: ${S}; 413 } 414 415 .team { 416 z-index: 2; 417 display: flex; 418 flex-direction: column; 419 gap: 12px; 420 } 421 422 .team-a { 423 align-items: flex-start; 424 justify-self: end; 425 } 426 427 .team-b { 428 align-items: flex-end; 429 justify-self: start; 430 } 431 432 .team-name { 433 display: flex; 434 align-items: center; 435 gap: 8px; 436 color: var(--text); 437 font-size: 18px; 438 font-weight: 500; 439 line-height: 24px; 440 white-space: nowrap; 441 } 442 443 .team-cup { 444 display: block; 445 width: 18px; 446 height: 18px; 447 flex-shrink: 0; 448 } 449 450 .team-row { 451 display: flex; 452 align-items: center; 453 } 454 455 .team-avatar { 456 display: block; 457 width: var(--av); 458 height: var(--av); 459 flex-shrink: 0; 460 overflow: hidden; 461 border-radius: 50%; 462 filter: drop-shadow(0 0 var(--av-shadow) rgba(8, 11, 17, 0.9)); 463 } 464 465 .team-row .team-avatar + .team-avatar { 466 margin-left: calc(var(--av-overlap) * -1); 467 } 468 469 .team-avatar img { 470 display: block; 471 width: 100%; 472 height: 100%; 473 object-fit: cover; 474 } 475 476 .score-tiles { 477 z-index: 2; 478 display: flex; 479 align-items: center; 480 gap: var(--tile-gap); 481 } 482 483 .score-tiles div { 484 display: flex; 485 width: var(--tile-w); 486 height: var(--tile-h); 487 align-items: center; 488 justify-content: center; 489 border-radius: 6px; 490 background: var(--tile-bg); 491 color: var(--tile-text); 492 font-size: var(--tile-font); 493 font-weight: 700; 494 } 495 496 .score-tiles div.winner { 497 color: var(--win); 498 } 499 500 .actions-bar { 501 position: absolute; 502 left: 50%; 503 bottom: var(--bar-bottom); 504 display: flex; 505 width: var(--card-w); 506 height: var(--bar-h); 507 align-items: center; 508 justify-content: space-between; 509 padding-left: 12px; 510 border-radius: 12px; 511 background: linear-gradient(273.57deg, rgba(34, 40, 55, 0) 42.94%, rgba(23, 27, 37, 0.6) 97.02%); 512 transform: translateX(-50%); 513 } 514 515 .actions-note { 516 display: flex; 517 align-items: center; 518 padding-left: 8px; 519 color: var(--text); 520 font-size: 14px; 521 font-weight: 500; 522 cursor: pointer; 523 transition: 524 opacity 0.18s ease, 525 transform 0.16s ease-out; 526 } 527 528 .actions-note svg { 529 width: 24px; 530 height: 24px; 531 margin-right: 12px; 532 } 533 534 .actions { 535 display: flex; 536 height: 100%; 537 align-items: center; 538 gap: 12px; 539 } 540 541 .actions button { 542 display: flex; 543 height: 100%; 544 align-items: center; 545 padding: 0 32px; 546 border-radius: var(--radius-btn); 547 background: transparent; 548 color: #fff; 549 font-size: 15px; 550 font-weight: 500; 551 } 552 553 .actions .primary { 554 isolation: isolate; 555 gap: 12px; 556 padding: 0 48px; 557 background: var(--accent); 558 font-weight: 700; 559 text-transform: uppercase; 560 transition: transform 0.16s ease-out; 561 } 562 563 .actions .primary::before { 564 content: ''; 565 position: absolute; 566 inset: 0; 567 z-index: -1; 568 border-radius: inherit; 569 background: #739aff; 570 opacity: 0; 571 pointer-events: none; 572 transition: opacity 0.12s ease-out; 573 } 574 575 .stack { 576 width: 60px; 577 height: 24px; 578 flex-shrink: 0; 579 } 580 581 .stack > * { 582 position: absolute; 583 top: 0; 584 width: 24px; 585 height: 24px; 586 } 587 588 .stack .at-1 { 589 left: 0; 590 z-index: 1; 591 } 592 593 .stack .at-2 { 594 left: 18px; 595 z-index: 2; 596 } 597 598 .stack .at-more { 599 left: 36px; 600 z-index: 3; 601 } 602 603 .stack img { 604 border-radius: 50%; 605 object-fit: cover; 606 box-shadow: 0 0 0 2px var(--stack-ring); 607 } 608 609 .stack-more { 610 display: flex; 611 width: auto; 612 min-width: 24px; 613 align-items: center; 614 justify-content: center; 615 padding: 0 4px; 616 border-radius: 99px; 617 background: var(--stack-ring); 618 box-shadow: 0 0 0 2px var(--stack-ring); 619 color: #c7d3e2; 620 font-size: 12px; 621 font-weight: 500; 622 line-height: 1; 623 text-transform: none; 624 } 625 626 .close { 627 position: absolute; 628 top: 32px; 629 right: 32px; 630 display: flex; 631 align-items: center; 632 gap: 6px; 633 cursor: pointer; 634 transition: 635 opacity 0.18s ease, 636 transform 0.16s ease-out; 637 } 638 639 .close svg { 640 width: 14px; 641 height: 14px; 642 } 643 644 .close span { 645 color: #fff; 646 font-size: 15px; 647 font-weight: 500; 648 } 649 650 @media (hover: hover) and (pointer: fine) { 651 .board-head > span:hover { 652 color: rgb(139, 152, 171); 653 } 654 655 .board-head > span:not(:first-child):hover::after { 656 filter: brightness(140%); 657 } 658 659 .board-row:hover { 660 background: rgba(145, 175, 253, 0.07); 661 } 662 663 .board-row.is-me:hover { 664 background: rgb(29, 38, 65); 665 } 666 667 .actions-note:hover, 668 .close:hover { 669 opacity: 0.75; 670 } 671 672 .actions .primary:hover::before { 673 opacity: 1; 674 } 675 } 676 677 &.enter { 678 animation: ${M} 0.3s ease both; 679 } 680 681 &.enter .eyebrow { 682 animation: ${M} 2s ease both; 683 } 684 685 &.enter .badges, 686 &.enter .match-card, 687 &.enter .list-scroll { 688 animation: ${L} 1s ease both; 689 } 690 691 &.enter .actions-bar { 692 animation: ${W} 1s ease both; 693 } 694 695 &.enter .close { 696 animation: ${Y} 1s ease both; 697 } 698 699 @media (prefers-reduced-motion: reduce) { 700 &.enter, 701 &.enter * { 702 animation: none; 703 } 704 } 705 706 @media (prefers-reduced-motion: no-preference) { 707 .actions .primary:active, 708 .actions-note:active, 709 .close:active { 710 transform: scale(0.98); 711 } 712 } 713 714 button:focus-visible, 715 [role='button']:focus-visible { 716 outline: 2px solid var(--accent); 717 outline-offset: 4px; 718 } 719 720 @media (max-width: 768px) { 721 --card-w: 100%; 722 --tile-w: 52px; 723 --tile-h: 56px;
724 --tile-font: 26px; 725 --tile-gap: 8px; 726 --team-gap: 12px; 727 728 display: block; 729 overflow-x: hidden; 730 overflow-y: auto; 731 padding: 56px 16px 16px; 732 733 .hero { 734 position: static; 735 gap: 12px; 736 padding-top: 0; 737 } 738 739 .eyebrow { 740 font-size: 16px; 741 } 742 743 .badges, 744 .team-row, 745 .actions-note, 746 .stack { 747 display: none; 748 } 749 750 .match-card { 751 height: auto; 752 padding: 16px 0; 753 } 754 755 .team { 756 min-width: 0; 757 max-width: 100%; 758 justify-self: stretch; 759 } 760 761 .team-a .team-name { 762 text-align: right; 763 } 764 765 .team-name { 766 display: block; 767 max-width: 100%; 768 overflow: hidden; 769 font-size: 14px; 770 line-height: 18px; 771 text-overflow: ellipsis; 772 } 773 774 .team-cup { 775 display: inline-block; 776 width: 14px; 777 height: 14px; 778 margin: 0 4px; 779 vertical-align: -2px; 780 } 781 782 .hero > .list-scroll { 783 margin-top: 4px; 784 } 785 786 .list-scroll { 787 grid-template-columns: minmax(0, 1fr); 788 row-gap: 16px; 789 overflow: visible; 790 } 791 792 .board-head, 793 .board-row { 794 grid-template-columns: minmax(0, 1fr) 56px 28px 28px; 795 gap: 8px; 796 padding: 0 12px; 797 } 798 799 .board-head > span:nth-child(n + 5), 800 .board-row > span:nth-child(n + 5) { 801 display: none; 802 } 803 804 .board-row { 805 height: 44px; 806 } 807 808 .board-player { 809 margin-left: -12px; 810 padding: 0 0 0 12px; 811 } 812 813 .actions-bar { 814 position: static; 815 width: 100%; 816 height: 48px; 817 margin-top: 24px; 818 padding: 0; 819 background: none; 820 transform: none; 821 } 822 823 .actions { 824 width: 100%; 825 } 826 827 .actions .primary { 828 width: 100%; 829 justify-content: center; 830 padding: 0 16px; 831 } 832 833 .close { 834 position: fixed; 835 top: 8px; 836 right: 8px; 837 z-index: 3; 838 padding: 8px; 839 } 840 841 .close svg { 842 width: 18px; 843 height: 18px; 844 } 845 846 .close span { 847 display: none; 848 } 849 850 &.enter .actions-bar { 851 animation: ${L} 1s ease both; 852 } 853 } 854 855 @media (prefers-reduced-transparency: reduce) { 856 background: #0f141b; 857 backdrop-filter: none; 858 859 &::after { 860 display: none; 861 } 862 } 863`,c="https://avatars.akamai.steamstatic.com/fef49e7fa7e1997310d705b2a6158ff8dc1cdfeb_full.jpg",q=[{key:"rating",label:"Rating"},{key:"kills",label:"K"},{key:"deaths",label:"D"},{key:"assists",label:"A"},{key:"adr",label:"ADR"},{key:"hs_percent",label:"HS %"}],J=i=>i>=1.1?"is-high":i<.9?"is-low":"",Q=i=>`${Math.max(0,Math.min(100,Number(i)/2.07*100))}%`,A=i=>Number(i??0).toFixed(1),ee=()=>e.jsx("svg",{viewBox:"0 0 36 36",fill:"none",children:e.jsx("path",{d:"M36 6.99253V15.2248C35.9015 17.6793 32.3671 17.6774 32.2694 15.2248V11.5702L26.3331 17.4578C25.9833 17.8048 25.5088 17.9997 25.0141 17.9997H15.6017L3.18424 30.315C2.45586 31.0375 1.27476 31.0375 0.54636 30.315C-0.18212 29.5925 -0.18212 28.4212 0.54636 27.6988L13.5101 14.8417C13.8598 14.4947 14.3344 14.2998 14.829 14.2998H24.2414L29.744 8.84248H25.74
86309C23.2661 8.74479 23.2679 5.23942 25.7409 5.14258H34.1347C35.1649 5.14258 36 5.9708 36 6.99253ZM34.1347 20.7746C33.1045 20.7746 32.2694 21.6029 32.2694 22.6246V29.0069C32.3679 31.4614 35.9024 31.4595 36 29.0069V22.6246C36 21.6029 35.1649 20.7746 34.1347 20.7746ZM26.6736 20.7746C25.6434 20.7746 24.8083 21.6029 24.8083 22.6246V29.0069C24.9068 31.4614 28.4412 31.4595 28.5389 29.0069V22.6246C28.5389 21.6029 27.7038 20.7746 26.6736 20.7746ZM19.2124 20.7746C18.1822 20.7746 17.3472 21.6029 17.3472 22.6246V29.0069C17.4457 31.4614 20.9801 31.4595 21.0777 29.0069V22.6246C21.0777 21.6029 20.2427 20.7746 19.2124 20.7746ZM11.7513 26.417C10.7211 26.417 9.88601 27.2452 9.88601 28.2669V29.0069C9.98448 31.4614 13.519 31.4595 13.6166 29.0069V28.2669C13.6166 27.2452 12.7815 26.417 11.7513 26.417Z",fill:"#ECF1F8"})}),ae=()=>e.jsx("svg",{viewBox:"0 0 14 14",fill:"none",children:e.jsx("path",{d:"M8.28261 7.0001L13.7339 1.54851C14.0887 1.1939 14.0887 0.620557 13.7339 0.265953C13.3793 -0.088651 12.806 -0.088651 12.4514 0.265953L6.99992 5.71755L1.5486 0.265953C1.19384 -0.088651 0.620668 -0.088651 0.266072 0.265953C-0.0886906 0.620557 -0.0886906 1.1939 0.266072 1.54851L5.71739 7.0001L0.266072 12.4517C-0.0886906 12.8063 -0.0886906 13.3797 0.266072 13.7343C0.442789 13.9111 0.675145 14 0.907335 14C1.13953 14 1.37172 13.9111 1.5486 13.7343L6.99992 8.28266L12.4514 13.7343C12.6283 13.9111 12.8605 14 13.0927 14C13.3249 14 13.557 13.9111 13.7339 13.7343C14.0887 13.3797 14.0887 12.8063 13.7339 12.4517L8.28261 7.0001Z",fill:"white"})}),ce=()=>{const{t:i}=U(),E=R(),V=Z(),{card:t}=v(a=>a.modals.data.POSTMATCH_MODAL)??{},w=v(a=>a.auth.steamid64),y=v(a=>a.matches.lobby),[D,F]=u.useState(!0),[o,I]=u.useState({key:"rating",desc:!0});if(u.useEffect(()=>{const a=setTimeout(()=>F(!1),2e3);return()=>clearTimeout(a)},[]),!t)return null;const j=a=>a?.players?.some(s=>String(s.steamid64)===String(w)),b={...t.teams?.["3"],place:3},h={...t.teams?.["2"],place:2},[l,d]=j(h)&&!j(b)?[h,b]:[b,h],T=Number(t.format?.bo)>1&&t.series?.score,k=a=>T?t.series.score[a.place===3?"team1":"team2"]??0:a.score??0,N=$("/pages/matches/icons/green-cup.svg"),C=P({name:t.map?.name})||t.map?.img,_=t.format?.duration_sec,p=t.id_lobby_next&&String(y?.id_lobby)===String(t.id_lobby_next)?Object.values(y.players??{}).filter(a=>!a.is_bot):[],f=()=>E(K(null)),g=a=>{f(),V(a)},H=a=>I(s=>({key:a,desc:s.key===a?!s.desc:!0})),B=(a=[])=>[...a].sort((s,r)=>{const m=Number(s[o.key]??0)-Number(r[o.key]??0);return o.desc?-m:m});return e.jsxs(X,{className:n(D&&"enter"),style:{"--map-bg":`url(${t.map?.img})`},children:[e.jsxs("div",{className:"hero",children:[e.jsx("span",{className:"eyebrow",children:i("MatchFinished")}),e.jsxs("div",{className:"badges",children:[e.jsxs("span",{className:"badge",children:[C&&e.jsx("img",{className:"badge-img",src:C,alt:""}),e.jsx("b",{children:t.map?.name})]}),e.jsx("span",{className:"sep"}),e.jsxs("span",{className:"badge",children:[e.jsx("em",{children:i("Format")}),e.jsxs("b",{children:[t.format?.max_players,"Ã",t.format?.max_players]})]}),e.jsxs("span",{className:"badge",children:[e.jsx("em",{children:"Best of"}),e.jsx("b",{children:t.format?.bo})]}),e.jsxs("span",{className:"badge",children:[e.jsx("em",{children:i("rounds")}),e.jsx("b",{children:t.format?.rounds})]}),_!=null&&e.jsx("span",{className:"badge",children:e.jsxs("b",{children:[Math.round(_/60)," ",i("minutesShort")]})}),e.jsx("span",{className:"sep"}),t.host&&e.jsxs("span",{className:"badge",children:[e.jsxs("em",{children:[i("HOST"),":"]}),e.jsx("img",{className:"avatar",src:t.host.avatar||c,alt:""}),e.jsx("b",{children:t.host.name})]}),e.jsxs("span",{className:"badge",children:[e.jsx("em",{children:i("lobby")}),e.jsxs("b",{children:["#",t.id_lobby]})]})]}),e.jsxs("div",{className:"match-card",children:[e.jsxs("div",{className:"team team-a",children:[e.jsxs("span",{className:"team-name",children:[l.is_winner&&e.jsx("img",{className:"team-cup",src:N,alt:""}),l.name]}),e.jsx("div",{className:"team-row",children:(l.players??[]).map((a,s)=>e.jsx("span",{className:"team-avatar",style:{zIndex:5-s},children:e.jsx("img",{src:a.avatar||c,alt:""})},a.steamid64||s))})]}),e.jsxs("div",{className:"score-tiles",children:[e.jsx("div",{className:n(l.is_winner&&"winner"),children:k(l)}),e.jsx("div",{className:n(d.is_winner&&"winner"),children:k(d)})]}),e.jsxs("div",{className:"team team-b",children:[e.jsxs("span",{className:"team-name",children:[d.name,d.is_winner&&e.jsx("img",{className:"team-cup",src:N,alt:""})]}),e.jsx("div",{className:"team-row",children:(d.players??[]).map((a,s)=>e.jsx("span",{className:"team-avatar",style:{zIndex:s+1},children:e.jsx("img",{src:a.avatar||c,alt:""})},a.steamid64||s))})]})]}),e.jsx("div",{className:"list-scroll grey-scroll",children:[l,d].map((a,s)=>e.jsxs("div",{className:"board-col",children:[e.jsxs("div",{className:n("board-head board-team",s?"t-b":"t-a"),children:[e.jsx("span",{className:"team-label",children:a.name}),q.map(r=>e.jsx("span",{className:n(o.key===r.key&&"is-sorted",o.key===r.key&&!o.desc&&"is-asc"),onClick:()=>H(r.key),children:r.key==="rating"?i(r.label):r.label},r.key))]}),B(a.players).map((r,m)=>{const O=String(r.steamid64)===String(w),z=!!r.steamid64&&!r.is_bot;return e.jsxs("div",{className:n("board-row",s?"t-b":"t-a",O&&"is-me"),style:z?{cursor:"pointer"}:void 0,onClick:z?()=>g(`/profile/${r.steamid64}`):void 0,children:[e.jsxs("span",{className:"board-player",children:[e.jsx("img",{src:r.avatar||c,alt:""}),e.jsx("b",{children:r.name||r.steamid64})]}),e.jsx("span",{className:n("board-rating",J(r.rating)),style:{"--fill":Q(r.rating)},children:e.jsxs("span",{className:"rating-chip",children:[e.jsx("span",{className:"rating-val",children:Number(r.rating??0).toFixed(2)}),e.jsx("i",{className:"rating-meter"})]})}),e.jsx("span",{children:r.kills??0}),e.jsx("span",{children:r.deaths??0}),e.jsx("span",{children:r.assists??0}),e.jsx("span",{children:A(r.adr)}),e.jsxs("span",{children:[A(r.hs_percent),"%"]})]},r.steamid64||m)})]},a.place))})]}),e.jsxs("div",{className:"actions-bar",children:[t.url_match?e.jsxs("span",{className:"actions-note",role:"button",tabIndex:0,onClick:()=>g(t.url_match),onKeyDown:a=>a.key==="Enter"&&g(t.url_match),children:[e.jsx(ee,{}),i("MATCH-PAGE-VIEW")]}):e.jsx("span",{}),(t.id_lobby_next||t.url_match)&&e.jsx("div",{className:"actions",children:e.jsxs("button",{type:"button",className:"primary",onClick:()=>g(t.id_lobby_next?`/match/${t.id_lobby_next}`:t.url_match),children:[i("PLAY-AGAIN"),p.length>0&&e.jsxs("span",{className:"stack",children:[p.slice(0,2).map((a,s)=>e.jsx("img",{className:`at-${s+1}`,src:a.avatar||c,alt:""},a.steamid64||s)),p.length>2&&e.jsxs("span",{className:"stack-more at-more",children:["+",p.length-2]})]})]})})]}),e.jsxs("div",{className:"close",role:"button",tabIndex:0,onClick:f,onKeyDown:a=>a.key==="Enter"&&f(),children:[e.jsx(ae,{}),e.jsx("span",{children:i("Close")})]})]})};export{ce as default};
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.