1"use strict";(globalThis.webpackChunkswrc_plugin=globalThis.webpackChunkswrc_plugin||[]).push([[779],{779:(e,t,r)=>{r.r(t),r.d(t,{PublicBettingTrends:()=>p});var o=r(948),s=r(999),a=r(14),i=r(72),n=(r(311),r(655)),l=r(464),d=Object.defineProperty,c=Object.getOwnPropertyDescriptor,b=(e,t,r,o)=>{for(var s,a=o>1?void 0:o?c(t,r):t,i=e.length-1;i>=0;i--)(s=e[i])&&(a=(o?s(t,r,a):s(a))||a);return o&&a&&d(t,r,a),a};const h={label:"All",value:"all"};let p=class extends o.a{constructor(){super(...arguments),this.sponsoredOfferIndex=4,this._betType=o.B.MONEYLINE,this._oddsFormat=o.O.AMERICAN,this._hasSponsoredOfferSlot=!1,this._filterKey=h.value,this._fetchBettingSplitsDataTask=new i.h(this,{task:async([e,t,r],{signal:s})=>{var a,n;const l=null==(a=null==t?void 0:t.map((e=>e.id)))?void 0:a.filter(Boolean),d=l.length>0?l:["no_valid_books"],c=await fetch((0,i.o)(e,d,(0,i.g)(r)),{signal:s});if(!c.ok)throw new Error(`Failed to fetch odds: ${c.status} ${c.statusText}`);const b=await c.json();if((null==(n=null==b?void 0:b.data)?void 0:n.length)>0)return b;throw Error(o.b.NO_UPCOMING_GAMES)},args:()=>[this.league,this.books,this._oddsFormat]}),this._handleOddsFormatChange=e=>{const t=e.target.value;(0,i.a)(t)&&(document.startViewTransition?document.startViewTransition((()=>{this._oddsFormat=t})):this._oddsFormat=t)},this._handleFilterKeyChange=e=>{const t=e.target.value;document.startViewTransition?document.startViewTransition((()=>{this._filterKey=t})):this._filterKey=t},this._handleBetTypeChange=e=>{document.startViewTransition?document.startViewTransition((()=>{this._betType=e})):this._betType=e},this._renderError=e=>(console.info(`${this.tagName}: ${e}`),o.x`<slot name="no-data"></slot>`)}willUpdate(e){e.has("league")&&(this._betType=["mlb","nhl"].includes(this.league)?o.B.MONEYLINE:o.B.SPREAD)}_onSponsoredOfferSlotChange(){this._hasSponsoredOfferSlot=this._sponsoredOfferNodes.length>0}missingRequiredProperties(){return!this.league}_renderTableHead(){return o.x`<thead class="sticky top-0 z-10 font-bold font-body-bold"> 2 <tr class="bg-base-100"> 3 <th colspan="4" class="md:hidden"> 4 <srwc-group-select 5 .callback="${this._handleBetTypeChange}" 6 .options="${Object.values(o.B).map((e=>({key:e,value:e})))}" 7 class="mt-2 block" 8 .selected="${this._betType}"> 9 </srwc-group-select> 10 </th> 11 </tr> 12 13 <tr class="bg-base-100 md:hidden"> 14 <th class="w-2/6 sm:w-1/4 py-4 border-b border-base-200">Matchup</th> 15 <th class="w-2/6 sm:w-1/4 py-4 border-b border-base-200 capitalize">${this._betType}</th> 16 <th class="w-1/6 sm:w-1/4 py-4 border-b border-base-200" title="Bet Percent">BET%</th> 17 <th class="w-1/6 sm:w-1/4 py-4 border-b border-base-200" title="Money Percent">$%</th> 18 </tr> 19 20 21 <tr class="bg-base-100 hidden md:table-row"> 22 <th class="w-[15%] py-4 border-b border-base-200">Matchup</th> 23 ${Object.values(o.B).map((e=>o.x`<th class="w-[11.66%] py-4 border-b border-base-200 capitalize">${e}</th> 24 <th class="w-1/12 py-4 border-b border-base-200">BET%</th> 25 <th class="w-1/12 py-4 border-b border-base-200">$%</th>`))} 26 </tr> 27 </thead>`}render(){var e,t;if(this.missingRequiredProperties())return console.warn(`${this.tagName}: Misconfigured property`),o.x`<slot name="no-data"></slot>`;const r=[h,...(null==(t=null==(e=this._fetchBettingSplitsDataTask.value)?void 0:e.filter_keys)?void 0:t.map((e=>({label:e,value:e}))))??[h]];return o.x` 28 <div global-css class="min-w-86"> 29 ${this._fetchBettingSplitsDataTask.status===i.s.ERROR?this._renderError(o.b.NO_UPCOMING_GAMES):o.x`<div class="flex flex-col gap-2 sm:flex-row mb-4"> 30 <srwc-select-dropdown 31 ?disabled="${this._fetchBettingSplitsDataTask.status===i.s.PENDING}" 32 label="filter upcoming games" 33 _id="conference-filter" 34 class="sm:flex-1 md:flex-none md:min-w-64" 35 .selected="${this._filterKey}" 36 .options="${r}" 37 .onChange="${this._handleFilterKeyChange}"> 38 </srwc-select-dropdown> 39 <srwc-select-dropdown 40 label="select odds format" 41 _id="odds-format-filter" 42 class="sm:flex-1 md:flex-none md:min-w-64" 43 .selected="${this._oddsFormat}" 44 .options="${Object.values(o.O).map((e=>({label:e,value:e})))}" 45 .onChange="${this._handleOddsFormatChange}"> 46 </srwc-select-dropdown> 47 </div> 48 <hr class="border-base-200 mb-2 md:mb-0" /> 49 <table class="text-sm w-full text-center border-separate border-spacing-0 font-body"> 50 ${this._renderTableHead()} 51 ${this._fetchBettingSplitsDataTask.render({complete:e=>{const t=e.data.filter((e=>"all"===this._filterKey||e.filter_key[this._filterKey]));return o.x` ${t.map(((e,t)=>o.x`${t===this.sponsoredOfferIndex?this._renderSponsoredOfferSlot(10):o.E} 52 ${this._renderTableBody(e,t)}`))} 53 ${t&&this.sponsoredOfferIndex>=t.length?this._renderSponsoredOfferSlot(10):o.E}`}})} 54 </table> 55 ${this._fetchBettingSplitsDataTask.render({pending:()=>m(),error:this._renderError})}`} 56 </div> 57 `}
57_renderSponsoredOfferSlot(e=4){return o.x` 58 <tbody class=${this._hasSponsoredOfferSlot?"":"hidden"}> 59 <tr> 60 <td colspan="${e}" class="py-4"> 61 <slot @slotchange=${this._onSponsoredOfferSlotChange} name="sponsored-offer"></slot> 62 </td> 63 </tr> 64 </tbody> 65 `}_renderDynamicBestOddsTableCellByBetType(e,t){var r,s;let a="";const i=null==e?void 0:e[this._betType];return i&&(this._betType===o.B.TOTAL?a=`${t[0]} ${null==i?void 0:i.total}`:this._betType===o.B.MONEYLINE?a=null==(r=i[t])?void 0:r.odds:this._betType===o.B.SPREAD&&(a=null==(s=i[t])?void 0:s.spread)),o.x`<td class="pb-1 md:hidden">${this._renderOddsCellLink(i,a)}</td>`}_renderTableBody(e,t){var r,s,l,d,c,b,h,p,m,v,g,f,w,y,x,k,$,_,S,O,T,z,C,N,M,j,P,E,B,R,F,L,A,U,D,I,K,H,V,W,G,Y;const{bettingSplits:q,scheduled:J,competitors:Q,markets:X}=e,Z=(0,i.f)(J,i.d),ee=Q.home,te=Q.away,re=X.moneyline.books.find((e=>{var t;return null==(t=null==e?void 0:e.away)?void 0:t.best}))||X.moneyline.books[0],oe=X.moneyline.books.find((e=>{var t;return null==(t=null==e?void 0:e.home)?void 0:t.best}))||X.moneyline.books[0],se=X.total.books.find((e=>{var t;return null==(t=null==e?void 0:e.over)?void 0:t.best}))||X.total.books[0],ae=X.total.books.find((e=>{var t;return null==(t=null==e?void 0:e.under)?void 0:t.best}))||X.total.books[0],ie={moneyline:re,spread:X.spread.books.find((e=>{var t;return null==(t=null==e?void 0:e.away)?void 0:t.best}))||X.spread.books[0],total:se},ne={moneyline:oe,spread:X.spread.books.find((e=>{var t;return null==(t=null==e?void 0:e.home)?void 0:t.best}))||X.spread.books[0],total:ae},le="total"===this._betType?"over":"away",de="total"===this._betType?"under":"home",ce=null==(s=null==(r=null==q?void 0:q.moneyline)?void 0:r.away)?void 0:s.stakePercentage,be=null==(d=null==(l=null==q?void 0:q.moneyline)?void 0:l.away)?void 0:d.betsPercentage,he=null==(b=null==(c=null==q?void 0:q.moneyline)?void 0:c.home)?void 0:b.stakePercentage,pe=null==(p=null==(h=null==q?void 0:q.moneyline)?void 0:h.home)?void 0:p.betsPercentage,ue=null==(v=null==(m=null==q?void 0:q.spread)?void 0:m.away)?void 0:v.stakePercentage,me=null==(f=null==(g=null==q?void 0:q.spread)?void 0:g.away)?void 0:f.betsPercentage,ve=null==(y=null==(w=null==q?void 0:q.spread)?void 0:w.home)?void 0:y.stakePercentage,ge=null==(k=null==(x=null==q?void 0:q.spread)?void 0:x.home)?void 0:k.betsPercentage,fe=null==(_=null==($=null==q?void 0:q.total)?void 0:$.over)?void 0:_.stakePercentage,we=null==(O=null==(S=null==q?void 0:q.total)?void 0:S.over)?void 0:O.betsPercentage,ye=null==(z=null==(T=null==q?void 0:q.total)?void 0:T.under)?void 0:z.stakePercentage,xe=null==(N=null==(C=null==q?void 0:q.total)?void 0:C.under)?void 0:N.betsPercentage,ke=null==(j=null==(M=null==q?void 0:q[this._betType])?void 0:M[le])?void 0:j.stakePercentage,$e=null==(E=null==(P=null==q?void 0:q[this._betType])?void 0:P[le])?void 0:E.betsPercentage,_e=null==(R=null==(B=null==q?void 0:q[this._betType])?void 0:B[de])?void 0:R.stakePercentage,Se=null==(L=null==(F=null==q?void 0:q[this._betType])?void 0:F[de])?void 0:L.betsPercentage;return o.x`<tbody class="text-base-300"> 66 <tr> 67 <td colspan="10" class="${"text-start border-base-200 pb-2 pt-4 "+(0!==t?"border-t":"")}"> 68 <time datetime="${J}" class="font-body font-normal">${Z}</time> 69 </td> 70 </tr> 71 <tr> 72 <th class="text-start"> 73 <div class="py-2 flex items-center gap-2 font-bold font-body-bold"> 74 ${(0,a.t)(te,this.league)} ${te.abbreviation} 75 </div> 76 </th> 77 78 79 ${this._renderDynamicBestOddsTableCellByBetType(ie,le)} 80 <td class="md:hidden"> 81 <div class="flex items-center justify-center gap-1"> 82 ${u($e)} 83 ${$e?Math.round($e)+"%":o.N} 84 </div> 85 </td> 86 <td class="md:hidden"> 87 <div class="flex items-center justify-center gap-1"> 88 ${u(ke)} 89 ${ke?Math.round(ke)+"%":o.N} 90 </div> 91 </td> 92 93 94 <td class="pb-1 hidden md:table-cell"> 95 ${this._renderOddsCellLink(ie.moneyline,null==(U=null==(A=null==ie?void 0:ie.moneyline)?void 0:A.away)?void 0:U.odds)} 96 </td> 97 <td class="hidden md:table-cell"> 98 <div class="flex items-center justify-center gap-1"> 99 ${u(be)} 100 ${be?Math.round(be)+"%":o.N} 101 </div> 102 </td> 103 <td class="hidden md:table-cell"> 104 <div class="flex items-center justify-center gap-1"> 105 ${u(ce)} 106 ${ce?Math.round(ce)+"%":o.N} 107 </div> 108 </td> 109 <td class="pb-1 hidden md:table-cell"> 110 ${this._renderOddsCellLink(ie.spread,null==(I=null==(D=null==ie?void 0:ie.spread)?void 0:D.away)?void 0:I.spread)} 111 </td> 112 <td class="hidden md:table-cell"> 113 <div class="flex items-center justify-center gap-1"> 114 ${u(me)} 115 ${me?Math.round(me)+"%":o.N} 116 </div> 117 </td> 118 <td class="hidden md:table-cell"> 119 <div class="flex items-center justify-center gap-1"> 120 ${u(ue)} 121 ${ue?Math.round(ue)+"%":o.N} 122 </div> 123 </td> 124 <td class="pb-1 hidden md:table-cell"> 125 ${this._renderOddsCellLink(null==ie?void 0:ie.total,null!=(K=null==ie?void 0:ie.total)&&K.total?`o ${ie.total.total}`:null)} 126 </td> 127 <td class="hidden md:table-cell"> 128 <div class="flex items-center justify-center gap-1"> 129 ${u(we)} 130 ${we?Math.round(we)+"%":o.N} 131 </div> 132 </td> 133 <td class="hidden md:table-cell"> 134 <div class="flex items-center justify-center gap-1"> 135 ${u(fe)} 136 ${fe?Math.round(fe)+"%":o.N} 137 </div> 138 </td> 139 </tr> 140 141 <tr> 142 <th class="text-start"> 143 <div class="py-2 flex items-center gap-2 font-bold font-body-bold"> 144 ${(0,a.t)(ee,this.league)} ${ee.abbreviation} 145 </div> 146 </th> 147 148 149 ${this._renderDynamicBestOddsTableCellByBetType(ne,de)} 150 <td class="md:hidden"> 151 <div class="flex items-center justify-center gap-1"> 152 ${u(Se)} 153 ${Se?Math.round(Se)+"%":o.N} 154 </div> 155 </td> 156 <td class="md:hidden"> 157 <div class="flex items-center justify-center gap-1"> 158 ${u(_e)} 159 ${_e?Math.round(_e)+"%":o.N} 160 </div> 161 </td> 162 163 164 <td class="pb-1 hidden md:table-cell"> 165 ${this._renderOddsCellLink(null==ne?void 0:ne.moneyline,null==(V=null==(H=null==ne?void 0:ne.moneyline)?void 0:H.home)?void 0:V.odds)} 166 </td> 167 <td class="hidden md:table-cell"> 168 <div class="flex items-center justify-center gap-1"> 169 ${u(pe)} 170 ${pe?Math.round(pe)+"%":o.N} 171 </div> 172 </td> 173 <td class="hidden md:table-cell"> 174 <div class="flex items-center justify-center gap-1"> 175 ${u(he)} 176 ${he?Math.round(he)+"%":o.N} 177 </div> 178 </td> 179 <td class="pb-1 hidden md:table-cell"> 180 ${this._renderOddsCellLink(null==ne?void 0:ne.spread,null==(G=null==(W=null==ne?void 0:ne.spread)?void 0:W.home)?void 0:G.spread)} 181 </td> 182 <td class="hidden md:table-cell"> 183 <div class="flex items-center justify-center gap-1"> 184 ${u(ge)} 185 ${ge?Math.round(ge)+"%":o.N} 186 </div> 187 </td> 188 <td class="hidden md:table-cell"> 189 <div class="flex items-center justify-center gap-1"> 190 ${u(ve)} 191 ${ve?Math.round(ve)+"%":o.N} 192 </div> 193 </td> 194 <td class="pb-1 hidden md:table-cell"> 195 ${this._renderOddsCellLink(null==ne?void 0:ne.total,null!=(Y=null==ne?void 0:ne.total)&&Y.total?`u ${ne.total.total}`:null)} 196 </td> 197 <td class="hidden md:table-cell"> 198 <div class="flex items-center justify-center gap-1"> 199 ${u(xe)} 200 ${xe?Math.round(xe)+"%":o.N} 201 </div> 202 </td> 203 <td class="hidden md:table-cell"> 204 <div class="flex items-center justify-center gap-1"> 205 ${u(ye)} 206 ${ye?Math.round(ye)+"%":o.N} 207 </div> 208 </td> 209 </tr> 210 211 <tr> 212 <th colspan="2"> 213 <a 214 href="${n.$.generateLinkToMatchup(e)}" 215 class="h-6 mb-4 mt-2 flex gap-1 items-center hover:text-base-content font-bold font-body-bold">
216 <span style="mask: var(--ico-sports-svg);" class="bg-base-content w-6 h-6"></span> 217 Matchup Report 218 </a> 219 </th> 220 </tr> 221 </tbody>`}_renderOddsCellLink(e,t){var r;if(!e)return o.x`<div class="border border-base-200 rounded-sm min-h-[52px] flex items-center justify-center"> 222 ${o.N} 223 </div>`;const s=null==(r=this.books.find((t=>t.id===(null==e?void 0:e.id))))?void 0:r.clickUrl,a={operator:null==e?void 0:e.name};return(0,l.E)(o.x` 224 <div 225 class="group focus:outline-success hover:text-base-100 border border-base-200 rounded-sm min-h-[52px] flex items-center justify-center gap-2 hover:border-success hover:bg-success"> 226 <img 227 loading="lazy" 228 src="${i.c.partnerLogo(e.name)}" 229 class="rounded-full" 230 width="24" 231 height="24" 232 alt="${e.name} logo" /> 233 <p class="flex flex-col text-center font-bold font-body-bold">${t||o.N}</p> 234 </div> 235 `,s,a)}};p.styles=[o.g,o.i` 236 :host { 237 ${(0,o.r)(`--ico-sports-svg: url("${(0,o.r)(a.s)}") center/contain no-repeat;`)} 238 } 239 /* layer: properties */ 240@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-border-spacing-x:0;--un-border-spacing-y:0;--un-bg-opacity:100%;--un-border-opacity:100%;--un-text-opacity:100%;--un-outline-opacity:100%;--un-content:"";}} 241@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;} 242@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;} 243@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;} 244@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;} 245@property --un-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0;} 246@property --un-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0;} 247/* layer: theme */ 248:root, :host { 249--spacing: 0.25rem; 250--fontWeight-bold: 700; 251--font-body-bold: var(--srwc-font-body-bold, arial, sans-serif); 252--radius-sm: var(--srwc-radius-sm, 0.25rem); 253--default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); 254--default-transition-duration: 150ms; 255--fontWeight-normal: 400; 256--container-sm: 24rem; 257--radius-lg: var(--srwc-radius-lg, 0.5rem); 258--colors-base-100: var(--srwc-color-base-100, oklch(1 0 0)); 259--colors-base-200: var(--srwc-color-base-200, oklch(0.92 0.0155 257.2)); 260--colors-base-content: var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)); 261--colors-base-300: var(--srwc-color-base-300, oklch(0.4 0.0154 237.02)); 262--colors-primary: var(--srwc-color-primary, oklch(45% .24 277.023)); 263--colors-primary-content: var(--srwc-color-primary-content, oklch(1 0 0)); 264--colors-warning: var(--srwc-color-warning, oklch(0.83 0.1642 83.42)); 265--text-sm-fontSize: 0.875rem; 266--text-sm-lineHeight: 1.25rem; 267--text-xs-fontSize: 0.75rem; 268--text-xs-lineHeight: 1rem; 269--text-base-fontSize: 1rem; 270--text-base-lineHeight: 1.5rem; 271--colors-success: var(--srwc-color-success, oklch(0.66 0.1209 163.1)); 272--font-body: var(--srwc-font-body, arial, sans-serif); 273--default-font-family: var(--font-sans); 274--default-monoFont-family: var(--font-mono); 275--container-4xl: 56rem; 276--container-xs: 20rem; 277--container-2xs: 18rem; 278} 279/* layer: base */ 280/* 281 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 282 2. Remove default margins and padding 283 3. Reset all borders. 284*/ 285 286*, 287::after, 288::before, 289::backdrop, 290::file-selector-button { 291 box-sizing: border-box; /* 1 */ 292 margin: 0; /* 2 */ 293 padding: 0; /* 2 */ 294 border: 0 solid; /* 3 */ 295} 296 297/* 298 1. Use a consistent sensible line-height in all browsers. 299 2. Prevent adjustments of font size after orientation changes in iOS. 300 3. Use a more readable tab size. 301 4. Use the user's configured \`sans\` font-family by default. 302 5. Use the user's configured \`sans\` font-feature-settings by default. 303 6. Use the user's configured \`sans\` font-variation-settings by default. 304 7. Disable tap highlights on iOS. 305*/ 306 307html, 308:host { 309 line-height: 1.5; /* 1 */ 310 -webkit-text-size-adjust: 100%; /* 2 */ 311 tab-size: 4; /* 3 */ 312 font-family: var( 313 --default-font-family, 314 ui-sans-serif, 315 system-ui, 316 sans-serif, 317 'Apple Color Emoji', 318 'Segoe UI Emoji', 319 'Segoe UI Symbol', 320 'Noto Color Emoji' 321 ); /* 4 */ 322 font-feature-settings: var(--default-font-featureSettings, normal); /* 5 */ 323 font-variation-settings: var(--default-font-variationSettings, normal); /* 6 */ 324 -webkit-tap-highlight-color: transparent; /* 7 */ 325} 326 327/* 328 1. Add the correct height in Firefox. 329 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 330 3. Reset the default border style to a 1px solid border.
331*/ 332 333hr { 334 height: 0; /* 1 */ 335 color: inherit; /* 2 */ 336 border-top-width: 1px; /* 3 */ 337} 338 339/* 340 Add the correct text decoration in Chrome, Edge, and Safari. 341*/ 342 343abbr:where([title]) { 344 -webkit-text-decoration: underline dotted; 345 text-decoration: underline dotted; 346} 347 348/* 349 Remove the default font size and weight for headings. 350*/ 351 352h1, 353h2, 354h3, 355h4, 356h5, 357h6 { 358 font-size: inherit; 359 font-weight: inherit; 360} 361 362/* 363 Reset links to optimize for opt-in styling instead of opt-out. 364*/ 365 366a { 367 color: inherit; 368 -webkit-text-decoration: inherit; 369 text-decoration: inherit; 370} 371 372/* 373 Add the correct font weight in Edge and Safari. 374*/ 375 376b, 377strong { 378 font-weight: bolder; 379} 380 381/* 382 1. Use the user's configured \`mono\` font-family by default. 383 2. Use the user's configured \`mono\` font-feature-settings by default. 384 3. Use the user's configured \`mono\` font-variation-settings by default. 385 4. Correct the odd \`em\` font sizing in all browsers. 386*/ 387 388code, 389kbd, 390samp, 391pre { 392 font-family: var( 393 --default-monoFont-family, 394 ui-monospace, 395 SFMono-Regular, 396 Menlo, 397 Monaco, 398 Consolas, 399 'Liberation Mono', 400 'Courier New', 401 monospace 402 ); /* 1 */ 403 font-feature-settings: var(--default-monoFont-featureSettings, normal); /* 2 */ 404 font-variation-settings: var(--default-monoFont-variationS
vendor: 4,640 bytes, lines 404-632
404ettings, normal); /* 3 */ 405 font-size: 1em; /* 4 */ 406} 407 408/* 409 Add the correct font size in all browsers. 410*/ 411 412small { 413 font-size: 80%; 414} 415 416/* 417 Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers. 418*/ 419 420sub, 421sup { 422 font-size: 75%; 423 line-height: 0; 424 position: relative; 425 vertical-align: baseline; 426} 427 428sub { 429 bottom: -0.25em; 430} 431 432sup { 433 top: -0.5em; 434} 435 436/* 437 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 438 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 439 3. Remove gaps between table borders by default. 440*/ 441 442table { 443 text-indent: 0; /* 1 */ 444 border-color: inherit; /* 2 */ 445 border-collapse: collapse; /* 3 */ 446} 447 448/* 449 Use the modern Firefox focus style for all focusable elements. 450*/ 451 452:-moz-focusring { 453 outline: auto; 454} 455 456/* 457 Add the correct vertical alignment in Chrome and Firefox. 458*/ 459 460progress { 461 vertical-align: baseline; 462} 463 464/* 465 Add the correct display in Chrome and Safari. 466*/ 467 468summary { 469 display: list-item; 470} 471 472/* 473 Make lists unstyled by default. 474*/ 475 476ol, 477ul, 478menu { 479 list-style: none; 480} 481 482/* 483 1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14) 484 2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) 485 This can trigger a poorly considered lint error in some tools but is included by design. 486*/ 487 488img, 489svg, 490video, 491canvas, 492audio, 493iframe, 494embed, 495object { 496 display: block; /* 1 */ 497 vertical-align: middle; /* 2 */ 498} 499 500/* 501 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 502*/ 503 504img, 505video { 506 max-width: 100%; 507 height: auto; 508} 509 510/* 511 1. Inherit font styles in all browsers. 512 2. Remove border radius in all browsers. 513 3. Remove background color in all browsers. 514 4. Ensure consistent opacity for disabled states in all browsers. 515*/ 516 517button, 518input, 519select, 520optgroup, 521textarea, 522::file-selector-button { 523 font: inherit; /* 1 */ 524 font-feature-settings: inherit; /* 1 */ 525 font-variation-settings: inherit; /* 1 */ 526 letter-spacing: inherit; /* 1 */ 527 color: inherit; /* 1 */ 528 border-radius: 0; /* 2 */ 529 background-color: transparent; /* 3 */ 530 opacity: 1; /* 4 */ 531} 532 533/* 534 Restore default font weight. 535*/ 536 537:where(select:is([multiple], [size])) optgroup { 538 font-weight: bolder; 539} 540 541/* 542 Restore indentation. 543*/ 544 545:where(select:is([multiple], [size])) optgroup option { 546 padding-inline-start: 20px; 547} 548 549/* 550 Restore space after button. 551*/ 552 553::file-selector-button { 554 margin-inline-end: 4px; 555} 556 557/* 558 Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 559*/ 560 561::placeholder { 562 opacity: 1; 563} 564 565/* 566 Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not 567 crash when using \`color-mix(â¦)\` with \`currentcolor\`. (https://github.com/tailwindlabs/tailwindcss/issues/17194) 568*/ 569 570@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or 571 (contain-intrinsic-size: 1px) /* Safari 17+ */ { 572 ::placeholder { 573 color: color-mix(in oklab, currentcolor 50%, transparent); 574 } 575} 576 577/* 578 Prevent resizing textareas horizontally by default. 579*/ 580 581textarea { 582 resize: vertical; 583} 584 585/* 586 Remove the inner padding in Chrome and Safari on macOS. 587*/ 588 589::-webkit-search-decoration { 590 -webkit-appearance: none; 591} 592 593/* 594 1. Ensure date/time inputs have the same height when empty in iOS Safari. 595 2. Ensure text alignment can be changed on date/time inputs in iOS Safari. 596*/ 597 598::-webkit-date-and-time-value { 599 min-height: 1lh; /* 1 */ 600 text-align: inherit; /* 2 */ 601} 602 603/* 604 Prevent height from changing on date/time inputs in macOS Safari when the input is set to \`display: block\`. 605*/ 606 607::-webkit-datetime-edit { 608 display: inline-flex; 609} 610 611/* 612 Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers. 613*/ 614 615::-webkit-datetime-edit-fields-wrapper { 616 padding: 0; 617} 618 619::-webkit-datetime-edit, 620::-webkit-datetime-edit-year-field, 621::-webkit-datetime-edit-month-field, 622::-webkit-datetime-edit-day-field, 623::-webkit-datetime-edit-hour-field, 624::-webkit-datetime-edit-minute-field, 625::-webkit-datetime-edit-second-field, 626::-webkit-datetime-edit-millisecond-field, 627::-webkit-datetime-edit-meridiem-field { 628 padding-block: 0; 629} 630 631/* 632
632Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 633*/ 634 635:-moz-ui-invalid { 636 box-shadow: none; 637} 638 639/* 640 Correct the inability to style the border radius in iOS Safari. 641*/ 642 643button, 644input:where([type='button'], [type='reset'], [type='submit']), 645::file-selector-button { 646 appearance: button; 647} 648 649/* 650 Correct the cursor style of increment and decrement buttons in Safari. 651*/ 652 653::-webkit-inner-spin-button, 654::-webkit-outer-spin-button { 655 height: auto; 656} 657 658/* 659 Make elements with the HTML hidden attribute stay hidden by default. 660*/ 661 662[hidden]:where(:not([hidden='until-found'])) { 663 display: none !important; 664} 665/* layer: shortcuts */ 666.global-css, 667[global-css=""]{color:color-mix(in srgb, var(--colors-base-content) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;font-family:var(--font-body);background-color:color-mix(in srgb, var(--colors-base-100) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-base-100, oklch(1 0 0)) */;} 668@supports (color: color-mix(in lab, red, red)){ 669.global-css{background-color:color-mix(in oklab, var(--colors-base-100) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-base-100, oklch(1 0 0)) */;} 670.global-css{color:color-mix(in oklab, var(--colors-base-content) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;} 671[global-css=""]{background-color:color-mix(in oklab, var(--colors-base-100) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-base-100, oklch(1 0 0)) */;} 672[global-css=""]{color:color-mix(in oklab, var(--colors-base-content) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;} 673} 674/* layer: default */ 675.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--srwc-leading, var(--text-sm-lineHeight));} 676.text-base-300{color:color-mix(in srgb, var(--colors-base-300) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-300, oklch(0.4 0.0154 237.02)) */;} 677.hover\\:text-base-100:hover{color:color-mix(in srgb, var(--colors-base-100) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-100, oklch(1 0 0)) */;} 678.hover\\:text-base-content:hover{color:color-mix(in srgb, var(--colors-base-content) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;} 679.font-body{font-family:var(--font-body);} 680.font-body-bold{font-family:var(--font-body-bold);} 681.font-bold{--srwc-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);} 682.font-normal{--srwc-font-weight:var(--fontWeight-normal);font-weight:var(--fontWeight-normal);} 683.m-1{margin:calc(var(--spacing) * 1);} 684.mb-2{margin-bottom:calc(var(--spacing) * 2);} 685.mb-4{margin-bottom:calc(var(--spacing) * 4);} 686.mt-2{margin-top:calc(var(--spacing) * 2);} 687.mt-4{margin-top:calc(var(--spacing) * 4);} 688.p-3{padding:calc(var(--spacing) * 3);} 689.py-2{padding-block:calc(var(--spacing) * 2);} 690.py-4{padding-block:calc(var(--spacing) * 4);} 691.py-6{padding-block:calc(var(--spacing) * 6);} 692.pb-1{padding-bottom:calc(var(--spacing) * 1);} 693.pb-2{padding-bottom:calc(var(--spacing) * 2);} 694.pt-4{padding-top:calc(var(--spacing) * 4);} 695.text-center{text-align:center;} 696.text-start{text-align:start;} 697.focus\\:outline-success:focus{outline-color:color-mix(in srgb, var(--colors-success) var(--srwc-outline-opacity), transparent) /* var(--srwc-color-success, oklch(0.66 0.1209 163.1)) */;} 698.border{border-width:1px;} 699.border-b{border-bottom-width:1px;} 700.border-t{border-top-width:1px;} 701.border-base-200{border-color:color-mix(in srgb, var(--colors-base-200) var(--srwc-border-opacity), transparent) /* var(--srwc-color-base-200, oklch(0.92 0.0155 257.2)) */;} 702.hover\\:border-success:hover{border-color:color-mix(in srgb, var(--colors-success) var(--srwc-border-opacity), transparent) /* var(--srwc-color-success, oklch(0.66 0.1209 163.1)) */;} 703.rounded-full{border-radius:calc(infinity * 1px);} 704.rounded-sm{border-radius:var(--radius-sm);} 705.bg-base-100{background-color:color-mix(in srgb, var(--colors-base-100) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-base-100, oklch(1 0 0)) */;} 706.bg-base-200{background-color:color-mix(in srgb, var(--colors-base-200) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-base-200, oklch(0.92 0.0155 257.2)) */;} 707.bg-base-content{background-color:color-mix(in srgb, var(--colors-base-content) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;} 708.bg-success{background-color:color-mix(in srgb, var(--colors-success) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-success, oklch(0.66 0.1209 163.1)) */;} 709.hover\\:bg-success:hover{background-color:color-mix(in srgb, var(--colors-success) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-success, oklch(0.66 0.1209 163.1)) */;}
710.flex{display:flex;} 711.flex-shrink-0{flex-shrink:0;} 712.flex-col{flex-direction:column;} 713.gap-1{gap:calc(var(--spacing) * 1);} 714.gap-2{gap:calc(var(--spacing) * 2);} 715.gap-3{gap:calc(var(--spacing) * 3);} 716.gap-6{gap:calc(var(--spacing) * 6);} 717.gap-8{gap:calc(var(--spacing) * 8);} 718.h-2{height:calc(var(--spacing) * 2);} 719.h-5{height:calc(var(--spacing) * 5);} 720.h-6{height:calc(var(--spacing) * 6);} 721.min-h-\\[52px\\]{min-height:52px;} 722.min-w-86{min-width:calc(var(--spacing) * 86);} 723.w-\\[11\\.66\\%\\]{width:11.66%;} 724.w-\\[15\\%\\]{width:15%;} 725.w-1\\/12{width:8.3333333333%;} 726.w-1\\/6{width:16.6666666667%;} 727.w-15{width:calc(var(--spacing) * 15);} 728.w-2{width:calc(var(--spacing) * 2);} 729.w-2\\/6{width:33.3333333333%;} 730.w-5{width:calc(var(--spacing) * 5);} 731.w-6{width:calc(var(--spacing) * 6);} 732.w-full{width:100%;} 733.block{display:block;} 734.hidden, 735[hidden=""]{display:none;} 736.capitalize{text-transform:capitalize;} 737.items-center{align-items:center;} 738.top-0{top:calc(var(--spacing) * 0);} 739.justify-center{justify-content:center;} 740.justify-between{justify-content:space-between;} 741.sticky{position:sticky;} 742.static{position:static;} 743.z-10{z-index:10;} 744@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}} 745.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;} 746.filter{filter:var(--srwc-blur,) var(--srwc-brightness,) var(--srwc-contrast,) var(--srwc-grayscale,) var(--srwc-hue-rotate,) var(--srwc-invert,) var(--srwc-saturate,) var(--srwc-sepia,) var(--srwc-drop-shadow,);} 747.border-separate{border-collapse:separate;} 748.border-spacing-0{--srwc-border-spacing-x:calc(var(--spacing) * 0);--srwc-border-spacing-y:calc(var(--spacing) * 0);border-spacing:var(--srwc-border-spacing-x) var(--srwc-border-spacing-y);} 749@supports (color: color-mix(in lab, red, red)){ 750.text-base-300{color:color-mix(in oklab, var(--colors-base-300) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-300, oklch(0.4 0.0154 237.02)) */;} 751.hover\\:text-base-100:hover{color:color-mix(in oklab, var(--colors-base-100) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-100, oklch(1 0 0)) */;} 752.hover\\:text-base-content:hover{color:color-mix(in oklab, var(--colors-base-content) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;} 753.focus\\:outline-success:focus{outline-color:color-mix(in oklab, var(--colors-success) var(--srwc-outline-opacity), transparent) /* var(--srwc-color-success, oklch(0.66 0.1209 163.1)) */;} 754.border-base-200{border-color:color-mix(in oklab, var(--colors-base-200) var(--srwc-border-opacity), transparent) /* var(--srwc-color-base-200, oklch(0.92 0.0155 257.2)) */;} 755.hover\\:border-success:hover{border-color:color-mix(in oklab, var(--colors-success) var(--srwc-border-opacity), transparent) /* var(--srwc-color-success, oklch(0.66 0.1209 163.1)) */;} 756.bg-base-100{background-color:color-mix(in oklab, var(--colors-base-100) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-base-100, oklch(1 0 0)) */;} 757.bg-base-200{background-color:color-mix(in oklab, var(--colors-base-200) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-base-200, oklch(0.92 0.0155 257.2)) */;} 758.bg-base-content{background-color:color-mix(in oklab, var(--colors-base-content) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;} 759.bg-success{background-color:color-mix(in oklab, var(--colors-success) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-success, oklch(0.66 0.1209 163.1)) */;} 760.hover\\:bg-success:hover{background-color:color-mix(in oklab, var(--colors-success) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-success, oklch(0.66 0.1209 163.1)) */;} 761} 762@media (min-width: 40rem){ 763.sm\\:flex-1{flex:1 1 0%;} 764.sm\\:flex-row{flex-direction:row;} 765.sm\\:w-1\\/4{width:25%;} 766.sm\\:w-25{width:calc(var(--spacing) * 25);} 767} 768@media (min-width: 48rem){ 769.md\\:mb-0{margin-bottom:calc(var(--spacing) * 0);} 770.md\\:flex-none{flex:none;} 771.md\\:min-w-64{min-width:calc(var(--spacing) * 64);} 772.md\\:w-25{width:calc(var(--spacing) * 25);} 773.md\\:w-35{width:calc(var(--spacing) * 35);} 774.md\\:hidden{display:none;} 775.md\\:table-cell{display:table-cell;} 776.md\\:table-row{display:table-row;} 777} 778@media (min-width: 64rem){ 779.lg\\:w-45{width:calc(var(--spacing) * 45);} 780}; 781 `],b([(0,o.n)({type:String,reflect:!0})],p.prototype,"league",2),b([(0,o.n)({type:Array,reflect:!0})],p.prototype,"books",2),b([(0,o.n)({type:Number,reflect:!0,attribute:"sponsored-offer-index"})],p.prototype,"sponsoredOfferIndex",2),b([(0,s.r)()],p.prototype,"_betType",2),b([(0,s.r)()],p.prototype,"_oddsFormat",2),b([(0,s.r)()],p.prototype,"_hasSponsoredOfferSlot",2),b([(0,s.r)()],p.prototype,"_filterKey",2),b([(0,a.o)({slot:"sponsored-offer"})],p.prototype,"_sponsoredOfferNodes",2),p=b([(0,o.t)(`${o.P}-public-betting-trends`)],p);const u=e=>!e||e<75?o.E:o.x`<span class="w-2 h-2 bg-success block rounded-full"></span>`,m=()=>o.x`<div class="mt-4 border rounded-sm gap-8 py-6 flex flex-col p-3 m-1 border-base-200 animate-pulse"> 782 ${[1,2,3,4].map(((e,t)=>o.x` ${0!==t?o.x`<hr class="border-base-200" />`:o.E} 783 <div class="flex gap-3 flex-col"> 784 <div class="flex gap-6 justify-between"> 785 <div class="flex gap-2"> 786 <div class="w-5 h-5 flex-shrink-0 rounded-full bg-base-200"></div> 787 <div class="h-5 w-15 sm:w-25 md:w-35 bg-base-200 rounded-sm"></div> 788 </div> 789 <div class="w-15 md:w-25 lg:w-45 h-5 bg-base-200 rounded-sm"></div> 790 <div class="w-15 md:w-25 lg:w-45 h-5 bg-base-200 rounded-sm"></div> 791 <div class="w-15 md:w-25 lg:w-45 h-5 bg-base-200 rounded-sm"></div> 792 </div> 793 <div class="flex gap-6 justify-between"> 794 <div class="flex gap-2"> 795 <div class="w-5 h-5 flex-shrink-0 rounded-full bg-base-200"></div> 796 <div class="h-5 w-15 sm:w-25 md:w-35 bg-base-200 rounded-sm"></div> 797 </div> 798 <div class="w-15 md:w-25 lg:w-45 h-5 bg-base-200 rounded-sm"></div> 799 <div class="w-15 md:w-25 lg:w-45 h-5 bg-base-200 rounded-sm"></div> 800 <div class="w-15 md:w-25 lg:w-45 h-5 bg-base-200 rounded-sm"></div> 801 </div> 802 </div>`))} 803 </div>`}}]);
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.