https://www.sportsbettingdime.com/app/plugins/sas-sports-wc/build/899.js?ver=ddc8e5b6d0ea1996ad79

1"use strict";(globalThis.webpackChunkswrc_plugin=globalThis.webpackChunkswrc_plugin||[]).push([[899],{899:(e,s,t)=>{t.r(s),t.d(s,{MatchupInjuries:()=>o});var a=t(695),r=t(715),i=t(490),l=Object.defineProperty,n=Object.getOwnPropertyDescriptor,d=(e,s,t,a)=>{for(var r,i=a>1?void 0:a?n(s,t):s,d=e.length-1;d>=0;d--)(r=e[d])&&(i=(a?r(s,t,i):r(i))||i);return a&&i&&l(s,t,i),i};let o=class extends i.O{constructor(){super(...arguments),this.identifier="",this.MAX_INJURIES=10,this._fetchMatchupTask=new r.h(this,{task:async([e,s],{signal:t})=>{this.validateProps();const a=(0,r.m)(e,s,{books:""});if(a){const e=await(await fetch(a,{signal:t})).json();if(e instanceof Error||"error"in e)throw e;return e}return null},args:()=>[this.league,this.identifier]}),this._getInjuryHtml=(e,s)=>{const{awayIdentifier:t,homeIdentifier:i,home:l,away:n,pregame:d}=s,o="away"==e?`${n.city} ${n.team}`:`${l.city} ${l.team}`,c=d.injuries;if(c[e]){const l=c[e].slice(0,this.MAX_INJURIES);return a.x`
2        <div class="flex-1 p-6 border border-base-200 rounded-lg">
3          <h2 class="text-xl font-bold">Injury Report</h2>
4          <p class="flex items-center text-sm text-base-300 font-bold my-4">
5            <img
6              class="mr-2"
7              loading="lazy"
8              src=${(0,r.c)(this.league,"away"==e?t:i)}
9              width="24"
10              height="24"
11              alt=${`${s[e].team} team logo`}
12              class="rounded" />
13            ${o}
14          </p>
15          <hr class="border-base-200 mt-4 mb-2" />
16          <table class="text-sm w-full max-w-screen-sm text-base-300">
17            <tbody>
18              ${l.map(((e,s)=>a.x`
19                  <tr>
20                    <td class="w-3/5 sm:w-1/3 lg:w-1/4 pr-4 ${s===l.length-1?"pt-2":"py-2"}">
21                      <p class="font-bold text-base-content">${e.player}</p>
22                      <p class="font-normal font-sans">${e.playerStatus}</p>
23                    </td>
24                    <td class="flex pl-4 flex-col ${s===l.length-1?"pt-2":"py-2"}">
25                      <p class="text-base-content font-normal font-sans">${e.injury}</p>
26                      <p class="font-normal font-sans">${(0,r.t)(e.lastUpdated)}</p>
27                    </td>
28                  </tr>
29                `))}
30            </tbody>
31          </table>
32        </div>
33      `}return a.x`
34        <div class="flex-1 p-6 border border-base-200 rounded-lg">
35          <h2 class="text-xl font-bold">Injury Report</h2>
36          <p class="flex items-center text-sm text-base-300 font-bold my-4">
37            <img
38              class="mr-2"
39              loading="lazy"
40              src=${(0,r.c)(this.league,"away"==e?t:i)}
41              width="24"
42              height="24"
43              alt=${`${s[e].team} team logo`} />
44            ${o}
45          </p>
46          <hr class="border-base-200 my-4" />
47          <p class="text-base-300 text-sm">No injury data available</p>
48        </div>
49      `}}render(){return a.x`
50      <div class="min-w-[20rem] text-base-content h-full bg-base-100 font-sans-bold">
51        ${this._fetchMatchupTask.render({pending:()=>this._renderPendingHtml(),initial:()=>this._renderPendingHtml(),error:e=>(console.log(e),a.x`<slot name="no-data"></slot>`),complete:e=>a.x`
52              <div class="flex flex-col gap-y-6 justify-center md:flex-row md:gap-x-6">
53                ${this._getInjuryHtml("away",e)} ${this._getInjuryHtml("home",e)}
54              </div>
55            `})}
56      </div>
57    `}_renderPendingHtml(){return a.x`<div class="mt-4 border rounded gap-8 py-12 flex flex-col p-3 m-1 border-base-200 animate-pulse">
58      <div class="flex gap-8 flex-col">
59        <div class="flex gap-6 justify-between">
60          <div class="flex gap-2">
61            <div class="w-8 h-8 flex-shrink-0 rounded-full bg-base-200"></div>
62            <div class="h-8 w-12 bg-base-200 rounded"></div>
63          </div>
64          <div class="w-40 h-8 bg-base-200 rounded"></div>
65          <div class="w-20 h-8 bg-base-200 rounded"></div>
66          <div class="w-20 h-8 bg-base-200 rounded"></div>
67        </div>
68        <div class="flex gap-6 justify-between">
69          <div class="flex gap-2">
70            <div class="w-8 h-8 flex-shrink-0 rounded-full bg-base-200"></div>
71            <div class="h-8 w-12 bg-base-200 rounded"></div>
72          </div>
73          <div class="w-40 h-8 bg-base-200 rounded"></div>
74          <div class="w-20 h-8 bg-base-200 rounded"></div>
75          <div class="w-20 h-8 bg-base-200 rounded"></div>
76        </div>
77      </div>
78    </div>`}validateProps(){if(!this.league)throw new Error("Missing property: league");if(!this.identifier)throw new Error("Missing property: identifier")}};d([(0,a.n)({type:String,reflect:!0})],o.prototype,"identifier",2),o=d([(0,a.e)("xlmwc-matchup-injuries"),(0,a.a)(a.c)],o)}}]);