1"use strict";(globalThis.webpackChunkswrc_plugin=globalThis.webpackChunkswrc_plugin||[]).push([[266],{271:(e,t,r)=>{r.d(t,{s:()=>o});const o='<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M0 4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4z" fill="transparent"/>\n<rect x="23.424" y="10.697" width="18" height="3" rx="1" transform="rotate(135 23.424 10.697)" fill="currentColor"/>\n<rect x="21.303" y="23.425" width="18" height="3" rx="1" transform="rotate(-135 21.303 23.425)" fill="currentColor"/>\n</svg>'},266:(e,t,r)=>{r.r(t),r.d(t,{OddsTable:()=>m});var o=r(948),a=r(999),s=r(578),i=r(689),n=(r(606),r(637)),l=r(271),c=r(464),d=r(655);Object.getOwnPropertyDescriptor;let b=class extends o.a{_closeDialog(){this.closest("dialog").close()}render(){return this.closest("dialog")?o.x`<form 2 method="dialog" 3 class="p-6 flex justify-center gap-4 flex-col relative z-20 bg-base-100 text-sm rounded-lg"> 4 <div class="flex justify-between items-center"> 5 <h4 class="text-xl black font-black font-body-black">Odds Comparison</h4> 6 <button @click="${this._closeDialog}" class="cursor-pointer w-6 h-6" autofocus>${(0,n.o)(l.s)}</button> 7 </div> 8 <slot name="header"></slot> 9 <p class="border-4 p-2 gap-2 flex items-center justify-center border-base-200 rounded-lg"> 10 <span class="w-2 h-2 bg-warning block rounded-full"></span> 11 Best Odds 12 </p> 13 <slot name="body"></slot> 14 </form> 15 <form @click="${this._closeDialog}" method="dialog" class="flex fixed top-0 left-0 w-full h-full"> 16 <button class="flex-1">close</button> 17 </form>`:o.E}};b.styles=[o.g,o.i` 18 /* layer: properties */ 19@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-bg-opacity:100%;--un-border-opacity:100%;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-content:"";--un-text-opacity:100%;--un-outline-opacity:100%;--un-space-x-reverse:0;--un-space-y-reverse:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;}} 20@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;} 21@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;} 22/* layer: theme */ 23:root, :host { 24--spacing: 0.25rem; 25--fontWeight-bold: 700; 26--font-body-bold: var(--srwc-font-body-bold, arial, sans-serif); 27--radius-sm: var(--srwc-radius-sm, 0.25rem); 28--default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); 29--default-transition-duration: 150ms; 30--fontWeight-normal: 400; 31--container-4xl: 56rem; 32--container-xs: 20rem; 33--container-2xs: 18rem; 34--radius-lg: var(--srwc-radius-lg, 0.5rem); 35--colors-base-100: var(--srwc-color-base-100, oklch(1 0 0)); 36--colors-base-200: var(--srwc-color-base-200, oklch(0.92 0.0155 257.2)); 37--colors-success: var(--srwc-color-success, oklch(0.66 0.1209 163.1)); 38--colors-primary: var(--srwc-color-primary, oklch(45% .24 277.023)); 39--text-base-fontSize: 1rem; 40--text-base-lineHeight: 1.5rem; 41--text-sm-fontSize: 0.875rem; 42--text-sm-lineHeight: 1.25rem; 43--colors-base-content: var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)); 44--font-body: var(--srwc-font-body, arial, sans-serif); 45--default-font-family: var(--font-sans); 46--default-monoFont-family: var(--font-mono); 47--container-sm: 24rem; 48--colors-base-300: var(--srwc-color-base-300, oklch(0.4 0.0154 237.02)); 49--colors-primary-content: var(--srwc-color-primary-content, oklch(1 0 0)); 50--colors-warning: var(--srwc-color-warning, oklch(0.83 0.1642 83.42)); 51--text-xs-fontSize: 0.75rem; 52--text-xs-lineHeight: 1rem; 53--fontWeight-black: 900; 54--font-body-black: var(--srwc-font-body-black, arial, sans-serif); 55--text-xl-fontSize: 1.25rem; 56--text-xl-lineHeight: 1.75rem; 57--text-2xl-fontSize: 1.5rem; 58--text-2xl-lineHeight: 2rem; 59} 60/* layer: base */ 61/* 62 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 63 2. Remove default margins and padding 64 3. Reset all borders. 65*/ 66 67*, 68::after, 69::before, 70::backdrop, 71::file-selector-button { 72 box-sizing: border-box; /* 1 */ 73 margin: 0; /* 2 */ 74 padding: 0; /* 2 */ 75 border: 0 solid; /* 3 */ 76} 77 78/* 79 1. Use a consistent sensible line-height in all browsers.
80 2. Prevent adjustments of font size after orientation changes in iOS. 81 3. Use a more readable tab size. 82 4. Use the user's configured \`sans\` font-family by default. 83 5. Use the user's configured \`sans\` font-feature-settings by default. 84 6. Use the user's configured \`sans\` font-variation-settings by default. 85 7. Disable tap highlights on iOS. 86*/ 87 88html, 89:host { 90 line-height: 1.5; /* 1 */ 91 -webkit-text-size-adjust: 100%; /* 2 */ 92 tab-size: 4; /* 3 */ 93 font-family: var( 94 --default-font-family, 95 ui-sans-serif, 96 system-ui
vendor: 2,234 bytes, lines 96-216
96, 97 sans-serif, 98 'Apple Color Emoji', 99 'Segoe UI Emoji', 100 'Segoe UI Symbol', 101 'Noto Color Emoji' 102 ); /* 4 */ 103 font-feature-settings: var(--default-font-featureSettings, normal); /* 5 */ 104 font-variation-settings: var(--default-font-variationSettings, normal); /* 6 */ 105 -webkit-tap-highlight-color: transparent; /* 7 */ 106} 107 108/* 109 1. Add the correct height in Firefox. 110 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 111 3. Reset the default border style to a 1px solid border. 112*/ 113 114hr { 115 height: 0; /* 1 */ 116 color: inherit; /* 2 */ 117 border-top-width: 1px; /* 3 */ 118} 119 120/* 121 Add the correct text decoration in Chrome, Edge, and Safari. 122*/ 123 124abbr:where([title]) { 125 -webkit-text-decoration: underline dotted; 126 text-decoration: underline dotted; 127} 128 129/* 130 Remove the default font size and weight for headings. 131*/ 132 133h1, 134h2, 135h3, 136h4, 137h5, 138h6 { 139 font-size: inherit; 140 font-weight: inherit; 141} 142 143/* 144 Reset links to optimize for opt-in styling instead of opt-out. 145*/ 146 147a { 148 color: inherit; 149 -webkit-text-decoration: inherit; 150 text-decoration: inherit; 151} 152 153/* 154 Add the correct font weight in Edge and Safari. 155*/ 156 157b, 158strong { 159 font-weight: bolder; 160} 161 162/* 163 1. Use the user's configured \`mono\` font-family by default. 164 2. Use the user's configured \`mono\` font-feature-settings by default. 165 3. Use the user's configured \`mono\` font-variation-settings by default. 166 4. Correct the odd \`em\` font sizing in all browsers. 167*/ 168 169code, 170kbd, 171samp, 172pre { 173 font-family: var( 174 --default-monoFont-family, 175 ui-monospace, 176 SFMono-Regular, 177 Menlo, 178 Monaco, 179 Consolas, 180 'Liberation Mono', 181 'Courier New', 182 monospace 183 ); /* 1 */ 184 font-feature-settings: var(--default-monoFont-featureSettings, normal); /* 2 */ 185 font-variation-settings: var(--default-monoFont-variationSettings, normal); /* 3 */ 186 font-size: 1em; /* 4 */ 187} 188 189/* 190 Add the correct font size in all browsers. 191*/ 192 193small { 194 font-size: 80%; 195} 196 197/* 198 Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers. 199*/ 200 201sub, 202sup { 203 font-size: 75%; 204 line-height: 0; 205 position: relative; 206 vertical-align: baseline; 207} 208 209sub { 210 bottom: -0.25em; 211} 212 213sup { 214 top: -0.5em; 215} 216
vendor: 4,258 bytes, lines 217-413
217/* 218 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) 219 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) 220 3. Remove gaps between table borders by default. 221*/ 222 223table { 224 text-indent: 0; /* 1 */ 225 border-color: inherit; /* 2 */ 226 border-collapse: collapse; /* 3 */ 227} 228 229/* 230 Use the modern Firefox focus style for all focusable elements. 231*/ 232 233:-moz-focusring { 234 outline: auto; 235} 236 237/* 238 Add the correct vertical alignment in Chrome and Firefox. 239*/ 240 241progress { 242 vertical-align: baseline; 243} 244 245/* 246 Add the correct display in Chrome and Safari. 247*/ 248 249summary { 250 display: list-item; 251} 252 253/* 254 Make lists unstyled by default. 255*/ 256 257ol, 258ul, 259menu { 260 list-style: none; 261} 262 263/* 264 1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14) 265 2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) 266 This can trigger a poorly considered lint error in some tools but is included by design. 267*/ 268 269img, 270svg, 271video, 272canvas, 273audio, 274iframe, 275embed, 276object { 277 display: block; /* 1 */ 278 vertical-align: middle; /* 2 */ 279} 280 281/* 282 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 283*/ 284 285img, 286video { 287 max-width: 100%; 288 height: auto; 289} 290 291/* 292 1. Inherit font styles in all browsers. 293 2. Remove border radius in all browsers. 294 3. Remove background color in all browsers. 295 4. Ensure consistent opacity for disabled states in all browsers. 296*/ 297 298button, 299input, 300select, 301optgroup, 302textarea, 303::file-selector-button { 304 font: inherit; /* 1 */ 305 font-feature-settings: inherit; /* 1 */ 306 font-variation-settings: inherit; /* 1 */ 307 letter-spacing: inherit; /* 1 */ 308 color: inherit; /* 1 */ 309 border-radius: 0; /* 2 */ 310 background-color: transparent; /* 3 */ 311 opacity: 1; /* 4 */ 312} 313 314/* 315 Restore default font weight. 316*/ 317 318:where(select:is([multiple], [size])) optgroup { 319 font-weight: bolder; 320} 321 322/* 323 Restore indentation. 324*/ 325 326:where(select:is([multiple], [size])) optgroup option { 327 padding-inline-start: 20px; 328} 329 330/* 331 Restore space after button. 332*/ 333 334::file-selector-button { 335 margin-inline-end: 4px; 336} 337 338/* 339 Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 340*/ 341 342::placeholder { 343 opacity: 1; 344} 345 346/* 347 Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not 348 crash when using \`color-mix(â¦)\` with \`currentcolor\`. (https://github.com/tailwindlabs/tailwindcss/issues/17194) 349*/ 350 351@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or 352 (contain-intrinsic-size: 1px) /* Safari 17+ */ { 353 ::placeholder { 354 color: color-mix(in oklab, currentcolor 50%, transparent); 355 } 356} 357 358/* 359 Prevent resizing textareas horizontally by default. 360*/ 361 362textarea { 363 resize: vertical; 364} 365 366/* 367 Remove the inner padding in Chrome and Safari on macOS. 368*/ 369 370::-webkit-search-decoration { 371 -webkit-appearance: none; 372} 373 374/* 375 1. Ensure date/time inputs have the same height when empty in iOS Safari. 376 2. Ensure text alignment can be changed on date/time inputs in iOS Safari. 377*/ 378 379::-webkit-date-and-time-value { 380 min-height: 1lh; /* 1 */ 381 text-align: inherit; /* 2 */ 382} 383 384/* 385 Prevent height from changing on date/time inputs in macOS Safari when the input is set to \`display: block\`. 386*/ 387 388::-webkit-datetime-edit { 389 display: inline-flex; 390} 391 392/* 393 Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers. 394*/ 395 396::-webkit-datetime-edit-fields-wrapper { 397 padding: 0; 398} 399 400::-webkit-datetime-edit, 401::-webkit-datetime-edit-year-field, 402::-webkit-datetime-edit-month-field, 403::-webkit-datetime-edit-day-field, 404::-webkit-datetime-edit-hour-field, 405::-webkit-datetime-edit-minute-field, 406::-webkit-datetime-edit-second-field, 407::-webkit-datetime-edit-millisecond-field, 408::-webkit-datetime-edit-meridiem-field { 409 padding-block: 0; 410} 411 412/* 413
413Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 414*/ 415 416:-moz-ui-invalid { 417 box-shadow: none; 418} 419 420/* 421 Correct the inability to style the border radius in iOS Safari. 422*/ 423 424button, 425input:where([type='button'], [type='reset'], [type='submit']), 426::file-selector-button { 427 appearance: button; 428} 429 430/* 431 Correct the cursor style of increment and decrement buttons in Safari. 432*/ 433 434::-webkit-inner-spin-button, 435::-webkit-outer-spin-button { 436 height: auto; 437} 438 439/* 440 Make elements with the HTML hidden attribute stay hidden by default. 441*/ 442 443[hidden]:where(:not([hidden='until-found'])) { 444 display: none !important; 445} 446/* layer: default */ 447.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--srwc-leading, var(--text-sm-lineHeight));} 448.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--srwc-leading, var(--text-xl-lineHeight));} 449.font-black{--srwc-font-weight:var(--fontWeight-black);font-weight:var(--fontWeight-black);} 450.font-body-black{font-family:var(--font-body-black);} 451.p-2{padding:calc(var(--spacing) * 2);} 452.p-6{padding:calc(var(--spacing) * 6);} 453.border-4{border-width:4px;} 454.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)) */;} 455.rounded-full{border-radius:calc(infinity * 1px);} 456.rounded-lg{border-radius:var(--radius-lg);} 457.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)) */;} 458.bg-warning{background-color:color-mix(in srgb, var(--colors-warning) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-warning, oklch(0.83 0.1642 83.42)) */;} 459.flex{display:flex;} 460.flex-1{flex:1 1 0%;} 461.flex-col{flex-direction:column;} 462.gap-2{gap:calc(var(--spacing) * 2);} 463.gap-4{gap:calc(var(--spacing) * 4);} 464.h-2{height:calc(var(--spacing) * 2);} 465.h-6{height:calc(var(--spacing) * 6);} 466.h-full{height:100%;} 467.w-2{width:calc(var(--spacing) * 2);} 468.w-6{width:calc(var(--spacing) * 6);} 469.w-full{width:100%;} 470.block{display:block;} 471.cursor-pointer{cursor:pointer;} 472.items-center{align-items:center;} 473.left-0{left:calc(var(--spacing) * 0);} 474.top-0{top:calc(var(--spacing) * 0);} 475.justify-center{justify-content:center;} 476.justify-between{justify-content:space-between;} 477.fixed{position:fixed;} 478.relative{position:relative;} 479.static{position:static;} 480.z-20{z-index:20;} 481@supports (color: color-mix(in lab, red, red)){ 482.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)) */;} 483.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)) */;} 484.bg-warning{background-color:color-mix(in oklab, var(--colors-warning) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-warning, oklch(0.83 0.1642 83.42)) */;} 485}; 486 `],b=((e,t)=>{for(var r,o=t,a=e.length-1;a>=0;a--)(r=e[a])&&(o=r(o)||o);return o}
486)([(0,o.t)(`${o.P}-best-odds-dialog-content`)],b);var p=Object.defineProperty,h=Object.getOwnPropertyDescriptor,u=(e,t,r,o)=>{for(var a,s=o>1?void 0:o?h(t,r):t,i=e.length-1;i>=0;i--)(a=e[i])&&(s=(o?a(t,r,s):a(s))||s);return o&&s&&p(t,r,s),s};const g={label:"Any Team",value:"all"};let m=class extends o.a{constructor(){super(...arguments),this.sponsoredOfferIndex=4,this.league=null,this.books=[],this._oddsFormat=o.O.AMERICAN,this._betType=o.B.MONEYLINE,this._compareDialogMatchupId="",this._hasSponsoredOfferSlot=!1,this._filterKey=g.value,this._fetchUpcomingGamesTask=new i.h(this,{task:async([e,t,r],{signal:a})=>{var s,n;if(!(0,i.i)(e))throw new Error(o.b.INVALID_LEAGUE);const l=null==(s=null==t?void 0:t.map((e=>e.id)))?void 0:s.filter(Boolean),c=l.length>0?l:["no_valid_books"],d=await fetch((0,i.o)(e,c,(0,i.g)(r)),{signal:a});if(!d.ok)throw new Error(`Failed to fetch odds: ${d.status} ${d.statusText}`);const b=await d.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._renderComplete=e=>{const t=e.data.filter((e=>"all"===this._filterKey||e.filter_key[this._filterKey]));return o.x` 487 <table class="text-sm w-full text-center border-separate border-spacing-0 table-fixed"> 488 ${this._renderTableHead()} 489 ${t.map(((e,t)=>o.x`${t===this.sponsoredOfferIndex?this._renderSponsoredOfferSlot():o.E} 490 ${this._renderUpcomingGameTableBody(e,t)}`))} 491 ${this.sponsoredOfferIndex>=t.length?this._renderSponsoredOfferSlot():o.E} 492 </table> 493 `},this._renderError=e=>(console.warn(e),o.x`<slot name="fallback"></slot>`)}_handleCompareOdds(e){const t=e.target,r=this.renderRoot.querySelector("#compare-odds-dialog"),o=null==t?void 0:t.getAttribute("data-id");r&&o&&(document.startViewTransition?document.startViewTransition((()=>r.showModal())):r.showModal(),this._compareDialogMatchupId=o)}_renderTableHead(){return o.x`<thead class="sticky top-0 z-10"> 494 <tr class="bg-base-100"> 495 <th colspan="3"> 496 <srwc-group-select 497 class="mt-2 block" 498 .callback="${this._handleBetTypeChange}" 499 .options="${[{key:"moneyline",value:"moneyline"},{key:"spread",value:"spread"},{key:"total",value:"total"}]}" 500 .selected="${this._betType}"></srwc-group-select> 501 </th> 502 </tr> 503 <tr class="bg-base-100 font-bold font-body-bold"> 504 <th class="py-4 border-b border-base-200">Matchup</th> 505 <th class="py-4 border-b border-base-200">Opening</th> 506 <th class="py-4 border-b border-base-200">Best Odds</th> 507 </tr> 508 </thead>`}_renderTeamTableHead(e){return o.x`<th class="text-start font-bold font-body-bold"> 509 <div class="py-2 flex items-center gap-2">${(0,s.t)(e,this.league)} ${e.abbreviation}</div> 510 </th>`}_renderOpeningOddsTableCell(e,t){let r=null,a="",s="";if("moneyline"===this._betType){r=e.moneyline.books.find((e=>e[t].best));const{points:o}=(0,i.b)(r,this._betType,t,!0);a=o}if("spread"===this._betType){r=e.spread.books.find((e=>e[t].best));const{points:o,odds:n}=(0,i.b)(r,this._betType,t,!0);a=o,s=n}if("total"===this._betType){const o="away"===t?"over":"under";r=e.total.books.find((e=>e[o].best));const{points:n,odds:l}=(0,i.b)(r,this._betType,t,!0);a=n,s=l}return o.x`<div> 511 <p class="flex flex-col text-center"> 512 ${a?o.x`<span class="text-sm text-base-content">${a}</span>`:o.E} 513 ${s?o.x`<span class="text-xs font-bold font-body-bold text-base-300">${s}</span>`:o.E} 514 </p> 515 </div>`}_renderBestOddsTableCell(e,t){var r;let a=null,s="",n="";if("moneyline"===this._betType){a=e.moneyline.books.find((e=>e[t].best));const{points:r}=(0,i.b)(a,this._betType,t);
515s=r}if("spread"===this._betType){a=e.spread.books.find((e=>e[t].best));const{points:r,odds:o}=(0,i.b)(a,this._betType,t);s=r,n=o}if("total"===this._betType){const r="away"===t?"over":"under";a=e.total.books.find((e=>e[r].best));const{points:o,odds:l}=(0,i.b)(a,this._betType,t);s=o,n=l}if(!a)return o.x`<p class="flex items-center justify-center rounded-sm min-h-12 m-0.5 border border-base-200"> 516 ${o.N} 517 </p>`;const l=(null==(r=this.books.find((e=>e.id===a.id)))?void 0:r.clickUrl)||"/",d={operator:null==a?void 0:a.name};return(0,c.E)(o.x`<img 518 title="${a.name}" 519 loading="lazy" 520 src="${i.c.partnerLogo(a.name)}" 521 class="rounded-full mr-2" 522 width="24" 523 height="24" 524 alt="${a.name}" /> 525 <p class="flex flex-col text-center"> 526 ${s?o.x`<span class="text-sm text-base-content group-hover:text-base-100 transition-100">${s}</span>`:o.E} 527 ${n?o.x`<span class="text-xs text-base-300 group-hover:text-base-100 transition-100 font-bold font-body-bold" 528 >${n}</span 529 >`:o.E} 530 </p>`,l,d,"hover:border-success hover:bg-success transition-colors flex items-center justify-center rounded-sm min-h-12 m-0.5 overflow-hidden group border border-base-200")}_renderUpcomingGameTableBody(e,t){const{markets:r,scheduled:a,competitors:s}=e,n=(0,i.f)(a,i.d),l=s.home,c=s.away;return o.x`<tbody class="text-base-300"> 531 <tr> 532 <td colspan="3" class="text-start border-base-200 pb-2 pt-3 ${0!==t?"border-t":""}"> 533 <time datetime="${e.scheduled}">${n}</time> 534 </td> 535 </tr> 536 <tr> 537 ${this._renderTeamTableHead(c)} 538 <td> 539 <div class="bg-base-200 rounded-sm min-h-12 m-0.5 flex items-center justify-center"> 540 ${this._renderOpeningOddsTableCell(r,"away")} 541 </div> 542 </td> 543 <td>${this._renderBestOddsTableCell(r,"away")}</td> 544 </tr> 545 <tr> 546 ${this._renderTeamTableHead(l)} 547 <td> 548 <div class="bg-base-200 rounded-sm min-h-12 m-0.5 flex items-center justify-center"> 549 ${this._renderOpeningOddsTableCell(r,"home")} 550 </div> 551 </td> 552 <td>${this._renderBestOddsTableCell(r,"home")}</td> 553 </tr> 554 <tr> 555 <td colspan="3" class="pt-2 pb-3 text-start"> 556 <div class="@container flex items-center gap-x-2"> 557 <a 558 href="${d.$.generateLinkToMatchup(e)}" 559 class="w-1/3 flex gap-1 items-center font-body-bold font-bold hover:text-base-content transition-colors whitespace-nowrap"> 560 <span class="w-6 h-6 flex-shrink-0 bg-base-content" style="mask: var(--ico-sports-svg);"></span> 561 Matchup Report 562 </a> 563 <div class="ml-auto w-2/3 [@container(min-width:400px)]:w-1/3"> 564 <button 565 data-id="${e.id}" 566 @click="${this._handleCompareOdds}" 567 class="cursor-pointer flex ml-auto [@container(min-width:400px)]:mr-auto gap-1 items-center font-bold font-body-bold hover:text-base-content"> 568 Compare Odds 569 <span style="mask: var(--ico-compare-svg);" class="w-4 h-4 flex-shrink-0 bg-primary"></span> 570 </button> 571 </div> 572 </div> 573 </td> 574 </tr> 575 </tbody>`}_onSponsoredOfferSlotChange(){this._hasSponsoredOfferSlot=this._sponsoredOfferNodes.length>0}_renderSponsoredOfferSlot(){return o.x` 576 <tbody class=${this._hasSponsoredOfferSlot?"":"hidden"}> 577 <tr> 578 <td colspan="3" class="py-4"> 579 <slot @slotchange=${this._onSponsoredOfferSlotChange} name="sponsored-offer"></slot> 580 </td> 581 </tr> 582 </tbody> 583 `}willUpdate(e){e.has("league")&&(this._betType=["mlb","nhl"].includes(this.league)?o.B.MONEYLINE:o.B.SPREAD)}_renderDialogContent(){if(!this._compareDialogMatchupId)return o.E;const e=this._fetchUpcomingGamesTask.value.data.find((e=>e.id===this._compareDialogMatchupId)),{competitors:t,markets:r}=e,a=r[this._betType].books;return o.x`<srwc-best-odds-dialog-content> 584 <div slot="header" class="flex justify-between items-center gap-2 font-bold font-body-bold"> 585 <div class="flex items-center gap-2"> 586 ${(0,s.t)(t.away,this.league)} ${t.away.abbreviation} 587 </div> 588 @ 589 <div class="flex items-center gap-2"> 590 ${t.home.abbreviation} ${(0,s.t)(t.home,this.league)} 591 </div> 592 </div> 593 <table slot="body" class="table-fixed font-normal w-full text-center"> 594 <tbody> 595 ${a.map(((e,t)=>{var r;const a=(null==(r=this.books.find((t=>t.id===e.id)))?void 0:r.clickUrl)||"/",{odds:s,points:n,isBest:l}=(0,i.b)(e,this._betType,"away"),{odds:d,points:b,isBest:p}=(0,i.b)(e,this._betType,"home"),h={operator:null==e?void 0:e.name};return o.x`<tr> 596 <td class="${0===t?o.E:"pt-2"}"> 597 ${this._renderOddsComparisonTableCell(n,s,l,a,h)} 598 </td> 599 <td class="w-14 pt-2"> 600 ${(0,c.E)(o.x` 601 <img 602 title="${e.name}" 603 loading="lazy" 604 src="${i.c.partnerLogo(e.name)}" 605 class="rounded-full mx-auto" 606 width="24" 607 height="24" 608 alt="${e.name}" /> 609 `,a,h)} 610 </td> 611 <td class="${0===t?o.E:"pt-2"}"> 612 ${this._renderOddsComparisonTableCell(b,d,p,a,h)} 613 </td> 614 </tr>`}))} 615 </tbody> 616 </table> 617 <a 618 slot="body" 619 href="${d.$.generateLinkToMatchup(e)}"
620 class="self-center outline-base-content no-underline inline-block rounded-sm border border-primary bg-primary text-primary-content px-4 py-2 hover:brightness-110 transition text-base font-bold font-body-bold focus:ring"> 621 Matchup Report 622 </a> 623 </srwc-best-odds-dialog-content>`}_renderOddsComparisonTableCell(e,t,r,a,s){return(0,c.E)(o.x`<div 624 class="${"group transition-colors rounded-sm py-1 focus:outline-success flex flex-col items-center justify-center min-h-[52px] hover:bg-success hover:border-success border "+(r?"border-warning border-2":"border-base-200")}"> 625 ${e?o.x`<span class="text-base-content group-hover:text-base-100 transition-100">${e}</span>`:o.E} 626 <span 627 class="${"font-bold font-body-bold text-base-300 transition-100 group-hover:text-base-100 "+(e?"text-xs":"text-base-content")}"> 628 ${t} ${e||t?o.E:o.N} 629 </span> 630 </div>`,a,s)}render(){var e,t,r,a;const s=[g,...(null==(t=null==(e=this._fetchUpcomingGamesTask.value)?void 0:e.filter_keys)?void 0:t.map((e=>({label:e,value:e}))))??[g]];return o.x`<div global-css> 631 <dialog 632 class="p-0 w-[calc(100vw-2.5rem)] max-w-sm m-auto shadow-xl rounded-lg backdrop:bg-base-content/25" 633 id="compare-odds-dialog"> 634 ${this._renderDialogContent()} 635 </dialog> 636 ${this._fetchUpcomingGamesTask.error?o.E:o.x`<div class="flex-col sm:flex-row flex gap-2"> 637 <srwc-select-dropdown 638 ?disabled="${!(null!=(a=null==(r=this._fetchUpcomingGamesTask.value)?void 0:r.filter_keys)&&a.length)||this._fetchUpcomingGamesTask.status===i.s.PENDING}" 639 label="select filter" 640 _id="segmentation-filter" 641 class="flex-1 sm:max-w-58" 642 .selected="${this._filterKey}" 643 .options="${s}" 644 .onChange="${this._handleFilterKeyChange}"> 645 </srwc-select-dropdown> 646 <srwc-select-dropdown 647 label="select odds format" 648 _id="odds-format-filter" 649 class="flex-1 sm:max-w-58" 650 .selected="${this._oddsFormat}" 651 .options="${Object.values(o.O).map((e=>({label:e,value:e})))}" 652 .onChange="${this._handleOddsFormatChange}"> 653 </srwc-select-dropdown> 654 </div>`} 655 ${this._fetchUpcomingGamesTask.render({pending:this._renderPending,initial:this._renderPending,error:this._renderError,complete:this._renderComplete})} 656 </div>`}_renderPending(){return 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"> 657 ${[1,2,3,4].map(((e,t)=>o.x` ${0!==t?o.x`<hr class="border-base-200" />`:o.E} 658 <div class="flex gap-3 flex-col"> 659 <div class="flex gap-6 justify-between"> 660 <div class="flex gap-2"> 661 <div class="w-5 h-5 flex-shrink-0 rounded-full bg-base-200"></div> 662 <div class="h-5 w-12 bg-base-200 rounded-sm"></div> 663 </div> 664 <div class="w-40 h-5 bg-base-200 rounded-sm"></div> 665 <div class="w-20 h-5 bg-base-200 rounded-sm"></div> 666 <div class="w-20 h-5 bg-base-200 rounded-sm"></div> 667 </div> 668 <div class="flex gap-6 justify-between"> 669 <div class="flex gap-2"> 670 <div class="w-5 h-5 flex-shrink-0 rounded-full bg-base-200"></div> 671 <div class="h-5 w-12 bg-base-200 rounded-sm"></div> 672 </div> 673 <div class="w-40 h-5 bg-base-200 rounded-sm"></div> 674 <div class="w-20 h-5 bg-base-200 rounded-sm"></div> 675 <div class="w-20 h-5 bg-base-200 rounded-sm"></div> 676 </div> 677 </div>`))} 678 </div>`}};var f;m.styles=[o.g,o.i` 679 :host { 680 ${(0,o.r)(`--ico-compare-svg: url("${(0,o.r)("data:image/svg+xml,%3csvg%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='10.5'%20y='21'%20width='13'%20height='3'%20rx='1'%20transform='rotate(-90%2010.5%2021)'%20fill='currentColor'/%3e%3crect%20x='4.5'%20y='21'%20width='10'%20height='3'%20rx='1'%20transform='rotate(-90%204.5%2021)'%20fill='currentColor'/%3e%3crect%20x='16.5'%20y='21'%20width='18'%20height='3'%20rx='1'%20transform='rotate(-90%2016.5%2021)'%20fill='currentColor'/%3e%3c/svg%3e")}") center/contain no-repeat;`)} 681 ${(0,o.r)(`--ico-sports-svg: url("${(0,o.r)(s.s)}") center/contain no-repeat;`)} 682 } 683 /* layer: properties */ 684@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-bg-opacity:100%;--un-border-opacity:100%;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-content:"";--un-text-opacity:100%;--un-outline-opacity:100%;}}
685@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;} 686@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;} 687@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;} 688@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;} 689@property --un-inset-ring-color{syntax:"*";inherits:false;} 690@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;} 691@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;} 692@property --un-inset-shadow-color{syntax:"*";inherits:false;} 693@property --un-ring-color{syntax:"*";inherits:false;} 694@property --un-ring-inset{syntax:"*";inherits:false;} 695@property --un-ring-offset-color{syntax:"*";inherits:false;} 696@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;} 697@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;} 698@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;} 699@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;} 700@property --un-shadow-color{syntax:"*";inherits:false;} 701@property --un-blur{syntax:"*";inherits:false;} 702@property --un-brightness{syntax:"*";inherits:false;} 703@property --un-contrast{syntax:"*";inherits:false;} 704@property --un-drop-shadow{syntax:"*";inherits:false;} 705@property --un-grayscale{syntax:"*";inherits:false;} 706@property --un-hue-rotate{syntax:"*";inherits:false;} 707@property --un-invert{syntax:"*";inherits:false;} 708@property --un-saturate{syntax:"*";inherits:false;} 709@property --un-sepia{syntax:"*";inherits:false;} 710@property --un-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0;} 711@property --un-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0;} 712/* layer: theme */ 713:root, :host { 714--spacing: 0.25rem; 715--fontWeight-bold: 700; 716--font-body-bold: var(--srwc-font-body-bold, arial, sans-serif); 717--radius-sm: var(--srwc-radius-sm, 0.25rem); 718--default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); 719--default-transition-duration: 150ms; 720--fontWeight-normal: 400; 721--container-4xl: 56rem; 722--container-xs: 20rem; 723--container-2xs: 18rem; 724--radius-lg: var(--srwc-radius-lg, 0.5rem); 725--colors-base-100: var(--srwc-color-base-100, oklch(1 0 0)); 726--colors-base-200: var(--srwc-color-base-200, oklch(0.92 0.0155 257.2)); 727--colors-success: var(--srwc-color-success, oklch(0.66 0.1209 163.1)); 728--colors-primary: var(--srwc-color-primary, oklch(45% .24 277.023)); 729--text-base-fontSize: 1rem; 730--text-base-lineHeight: 1.5rem; 731--text-sm-fontSize: 0.875rem; 732--text-sm-lineHeight: 1.25rem; 733--colors-base-content: var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)); 734--font-body: var(--srwc-font-body, arial, sans-serif); 735--default-font-family: var(--font-sans); 736--default-monoFont-family: var(--font-mono); 737--container-sm: 24rem; 738--colors-base-300: var(--srwc-color-base-300, oklch(0.4 0.0154 237.02)); 739--colors-primary-content: var(--srwc-color-primary-content, oklch(1 0 0)); 740--colors-warning: var(--srwc-color-warning, oklch(0.83 0.1642 83.42)); 741--text-xs-fontSize: 0.75rem; 742--text-xs-lineHeight: 1rem; 743} 744/* layer: base */ 745/* 746 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 747 2. Remove default margins and padding 748 3. Reset all borders. 749*/ 750 751*, 752::after, 753::before, 754::backdrop, 755::file-selector-button { 756 box-sizing: border-box; /* 1 */ 757 margin: 0; /* 2 */ 758 padding: 0; /* 2 */ 759 border: 0 solid; /* 3 */ 760} 761 762/* 763 1. Use a consistent sensible line-height in all browsers. 764 2. Prevent adjustments of font size after orientation changes in iOS. 765 3. Use a more readable tab size. 766 4. Use the user's configured \`sans\` font-family by default. 767 5. Use the user's configured \`sans\` font-feature-settings by default. 768 6. Use the user's configured \`sans\` font-variation-settings by default. 769 7. Disable tap highlights on iOS. 770*/ 771 772html, 773:host { 774 line-height: 1.5; /* 1 */ 775 -webkit-text-size-adjust: 100%; /* 2 */ 776 tab-size: 4; /* 3 */ 777 font-family: var( 778 --default-font-family, 779 ui-sans-serif, 780 system-ui, 781 sans-serif, 782 'Apple Color Emoji', 783 'Segoe UI Emoji', 784 'Segoe UI Symbol', 785 'Noto Color Emoji' 786 ); /* 4 */ 787 font-feature-settings: var(--default-font-featureSettings, normal); /* 5 */ 788 font-variation-settings: var(--default-font-variationSettings, normal); /* 6 */ 789 -webkit-tap-highlight-color: transparent; /* 7 */ 790} 791 792/* 793 1. Add the correct height in Firefox. 794 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 795 3. Reset the default border style to a 1px solid border.
796*/ 797 798hr { 799 height: 0; /* 1 */ 800 color: inherit; /* 2 */ 801 border-top-width: 1px; /* 3 */ 802} 803 804/* 805 Add the correct text decoration in Chrome, Edge, and Safari. 806*/ 807 808abbr:where([title]) { 809 -webkit-text-decoration: underline dotted; 810 text-decoration: underline dotted; 811} 812 813/* 814 Remove the default font size and weight for headings. 815*/ 816 817h1, 818h2, 819h3, 820h4, 821h5, 822h6 { 823 font-size: inherit; 824 font-weight: inherit; 825} 826 827/* 828 Reset links to optimize for opt-in styling instead of opt-out. 829*/ 830 831a { 832 color: inherit; 833 -webkit-text-decoration: inherit; 834 text-decoration: inherit; 835} 836 837/* 838 Add the correct font weight in Edge and Safari. 839*/ 840 841b, 842strong { 843 font-weight: bolder; 844} 845 846/* 847 1. Use the user's configured \`mono\` font-family by default. 848 2. Use the user's configured \`mono\` font-feature-settings by default. 849 3. Use the user's configured \`mono\` font-variation-settings by default. 850 4. Correct the odd \`em\` font sizing in all browsers. 851*/ 852 853code, 854kbd, 855samp, 856pre { 857 font-family: var( 858 --default-monoFont-family, 859 ui-monospace, 860 SFMono-Regular, 861 Menlo, 862 Monaco, 863 Consolas, 864 'Liberation Mono', 865 'Courier New', 866 monospace 867 ); /* 1 */ 868 font-feature-settings: var(--default-monoFont-featureSettings, normal); /* 2 */ 869 font-variation-settings: var(--default-monoFont-variationS
vendor: 4,640 bytes, lines 869-1097
869ettings, normal); /* 3 */ 870 font-size: 1em; /* 4 */ 871} 872 873/* 874 Add the correct font size in all browsers. 875*/ 876 877small { 878 font-size: 80%; 879} 880 881/* 882 Prevent \`sub\` and \`sup\` elements from affecting the line height in all browsers. 883*/ 884 885sub, 886sup { 887 font-size: 75%; 888 line-height: 0; 889 position: relative; 890 vertical-align: baseline; 891} 892 893sub { 894 bottom: -0.25em; 895} 896 897sup { 898 top: -0.5em; 899} 900 901/* 902 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) 903 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) 904 3. Remove gaps between table borders by default. 905*/ 906 907table { 908 text-indent: 0; /* 1 */ 909 border-color: inherit; /* 2 */ 910 border-collapse: collapse; /* 3 */ 911} 912 913/* 914 Use the modern Firefox focus style for all focusable elements. 915*/ 916 917:-moz-focusring { 918 outline: auto; 919} 920 921/* 922 Add the correct vertical alignment in Chrome and Firefox. 923*/ 924 925progress { 926 vertical-align: baseline; 927} 928 929/* 930 Add the correct display in Chrome and Safari. 931*/ 932 933summary { 934 display: list-item; 935} 936 937/* 938 Make lists unstyled by default. 939*/ 940 941ol, 942ul, 943menu { 944 list-style: none; 945} 946 947/* 948 1. Make replaced elements \`display: block\` by default. (https://github.com/mozdevs/cssremedy/issues/14) 949 2. Add \`vertical-align: middle\` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) 950 This can trigger a poorly considered lint error in some tools but is included by design. 951*/ 952 953img, 954svg, 955video, 956canvas, 957audio, 958iframe, 959embed, 960object { 961 display: block; /* 1 */ 962 vertical-align: middle; /* 2 */ 963} 964 965/* 966 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 967*/ 968 969img, 970video { 971 max-width: 100%; 972 height: auto; 973} 974 975/* 976 1. Inherit font styles in all browsers. 977 2. Remove border radius in all browsers. 978 3. Remove background color in all browsers. 979 4. Ensure consistent opacity for disabled states in all browsers. 980*/ 981 982button, 983input, 984select, 985optgroup, 986textarea, 987::file-selector-button { 988 font: inherit; /* 1 */ 989 font-feature-settings: inherit; /* 1 */ 990 font-variation-settings: inherit; /* 1 */ 991 letter-spacing: inherit; /* 1 */ 992 color: inherit; /* 1 */ 993 border-radius: 0; /* 2 */ 994 background-color: transparent; /* 3 */ 995 opacity: 1; /* 4 */ 996} 997 998/* 999 Restore default font weight. 1000*/ 1001 1002:where(select:is([multiple], [size])) optgroup { 1003 font-weight: bolder; 1004} 1005 1006/* 1007 Restore indentation. 1008*/ 1009 1010:where(select:is([multiple], [size])) optgroup option { 1011 padding-inline-start: 20px; 1012} 1013 1014/* 1015 Restore space after button. 1016*/ 1017 1018::file-selector-button { 1019 margin-inline-end: 4px; 1020} 1021 1022/* 1023 Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 1024*/ 1025 1026::placeholder { 1027 opacity: 1; 1028} 1029 1030/* 1031 Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not 1032 crash when using \`color-mix(â¦)\` with \`currentcolor\`. (https://github.com/tailwindlabs/tailwindcss/issues/17194) 1033*/ 1034 1035@supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or 1036 (contain-intrinsic-size: 1px) /* Safari 17+ */ { 1037 ::placeholder { 1038 color: color-mix(in oklab, currentcolor 50%, transparent); 1039 } 1040} 1041 1042/* 1043 Prevent resizing textareas horizontally by default. 1044*/ 1045 1046textarea { 1047 resize: vertical; 1048} 1049 1050/* 1051 Remove the inner padding in Chrome and Safari on macOS. 1052*/ 1053 1054::-webkit-search-decoration { 1055 -webkit-appearance: none; 1056} 1057 1058/* 1059 1. Ensure date/time inputs have the same height when empty in iOS Safari. 1060 2. Ensure text alignment can be changed on date/time inputs in iOS Safari. 1061*/ 1062 1063::-webkit-date-and-time-value { 1064 min-height: 1lh; /* 1 */ 1065 text-align: inherit; /* 2 */ 1066} 1067 1068/* 1069 Prevent height from changing on date/time inputs in macOS Safari when the input is set to \`display: block\`. 1070*/ 1071 1072::-webkit-datetime-edit { 1073 display: inline-flex; 1074} 1075 1076/* 1077 Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers. 1078*/ 1079 1080::-webkit-datetime-edit-fields-wrapper { 1081 padding: 0; 1082} 1083 1084::-webkit-datetime-edit, 1085::-webkit-datetime-edit-year-field, 1086::-webkit-datetime-edit-month-field, 1087::-webkit-datetime-edit-day-field, 1088::-webkit-datetime-edit-hour-field, 1089::-webkit-datetime-edit-minute-field, 1090::-webkit-datetime-edit-second-field, 1091::-webkit-datetime-edit-millisecond-field, 1092::-webkit-datetime-edit-meridiem-field { 1093 padding-block: 0; 1094} 1095 1096/* 1097
1097Remove the additional \`:invalid\` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 1098*/ 1099 1100:-moz-ui-invalid { 1101 box-shadow: none; 1102} 1103 1104/* 1105 Correct the inability to style the border radius in iOS Safari. 1106*/ 1107 1108button, 1109input:where([type='button'], [type='reset'], [type='submit']), 1110::file-selector-button { 1111 appearance: button; 1112} 1113 1114/* 1115 Correct the cursor style of increment and decrement buttons in Safari. 1116*/ 1117 1118::-webkit-inner-spin-button, 1119::-webkit-outer-spin-button { 1120 height: auto; 1121} 1122 1123/* 1124 Make elements with the HTML hidden attribute stay hidden by default. 1125*/ 1126 1127[hidden]:where(:not([hidden='until-found'])) { 1128 display: none !important; 1129} 1130/* layer: shortcuts */ 1131[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)) */;} 1132@supports (color: color-mix(in lab, red, red)){ 1133[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)) */;} 1134[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)) */;} 1135} 1136/* layer: default */ 1137.text-base{font-size:var(--text-base-fontSize);line-height:var(--srwc-leading, var(--text-base-lineHeight));} 1138.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--srwc-leading, var(--text-sm-lineHeight));} 1139.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--srwc-leading, var(--text-xs-lineHeight));} 1140.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)) */;} 1141.text-base-content{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)) */;} 1142.text-primary-content{color:color-mix(in srgb, var(--colors-primary-content) var(--srwc-text-opacity), transparent) /* var(--srwc-color-primary-content, oklch(1 0 0)) */;} 1143.group:hover .group-hover\\:text-base-100{color:color-mix(in srgb, var(--colors-base-100) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-100, oklch(1 0 0)) */;} 1144.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)) */;} 1145.font-body-bold{font-family:var(--font-body-bold);} 1146.font-bold{--srwc-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);} 1147.font-normal{--srwc-font-weight:var(--fontWeight-normal);font-weight:var(--fontWeight-normal);} 1148.m-0\\.5{margin:calc(var(--spacing) * 0.5);} 1149.m-1{margin:calc(var(--spacing) * 1);} 1150.m-auto{margin:auto;} 1151.mx-auto{margin-inline:auto;} 1152.ml-auto{margin-left:auto;} 1153.mr-2{margin-right:calc(var(--spacing) * 2);} 1154.mt-2{margin-top:calc(var(--spacing) * 2);} 1155.mt-4{margin-top:calc(var(--spacing) * 4);} 1156.p-0{padding:calc(var(--spacing) * 0);} 1157.p-3{padding:calc(var(--spacing) * 3);} 1158.px-4{padding-inline:calc(var(--spacing) * 4);} 1159.py-1{padding-block:calc(var(--spacing) * 1);} 1160.py-2{padding-block:calc(var(--spacing) * 2);} 1161.py-4{padding-block:calc(var(--spacing) * 4);} 1162.py-6{padding-block:calc(var(--spacing) * 6);} 1163.pb-2{padding-bottom:calc(var(--spacing) * 2);} 1164.pb-3{padding-bottom:calc(var(--spacing) * 3);} 1165.pt-2{padding-top:calc(var(--spacing) * 2);} 1166.pt-3{padding-top:calc(var(--spacing) * 3);} 1167.text-center{text-align:center;} 1168.text-start{text-align:start;} 1169.outline-base-content{outline-color:color-mix(in srgb, var(--colors-base-content) var(--srwc-outline-opacity), transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;} 1170.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)) */;} 1171.border{border-width:1px;} 1172.border-2{border-width:2px;} 1173.border-b{border-bottom-width:1px;} 1174.border-t{border-top-width:1px;} 1175.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)) */;} 1176.border-primary{border-color:color-mix(in srgb, var(--colors-primary) var(--srwc-border-opacity), transparent) /* var(--srwc-color-primary, oklch(45% .24 277.023)) */;} 1177.border-warning{border-color:color-mix(in srgb, var(--colors-warning) var(--srwc-border-opacity), transparent) /* var(--srwc-color-warning, oklch(0.83 0.1642 83.42)) */;} 1178.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)) */;} 1179.rounded-full{border-radius:calc(infinity * 1px);} 1180.rounded-lg{border-radius:var(--radius-lg);} 1181.rounded-sm{border-radius:var(--radius-sm);}
1182.backdrop\\:bg-base-content\\/25::backdrop{background-color:color-mix(in srgb, var(--colors-base-content) 25%, transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;} 1183.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)) */;} 1184.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)) */;} 1185.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)) */;} 1186.bg-primary{background-color:color-mix(in srgb, var(--colors-primary) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-primary, oklch(45% .24 277.023)) */;} 1187.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)) */;} 1188.\\@container{container-type:inline-size;} 1189.no-underline{text-decoration:none;} 1190.flex{display:flex;} 1191.flex-1{flex:1 1 0%;} 1192.flex-shrink-0{flex-shrink:0;} 1193.flex-col{flex-direction:column;} 1194.gap-1{gap:calc(var(--spacing) * 1);} 1195.gap-2{gap:calc(var(--spacing) * 2);} 1196.gap-3{gap:calc(var(--spacing) * 3);} 1197.gap-6{gap:calc(var(--spacing) * 6);} 1198.gap-8{gap:calc(var(--spacing) * 8);} 1199.gap-x-2{column-gap:calc(var(--spacing) * 2);} 1200.h-4{height:calc(var(--spacing) * 4);} 1201.h-5{height:calc(var(--spacing) * 5);} 1202.h-6{height:calc(var(--spacing) * 6);} 1203.max-w-sm{max-width:var(--container-sm);} 1204.min-h-\\[52px\\]{min-height:52px;} 1205.min-h-12{min-height:calc(var(--spacing) * 12);} 1206.w-\\[calc\\(100vw-2\\.5rem\\)\\]{width:calc(100vw - 2.5rem);} 1207.w-1\\/3{width:33.3333333333%;} 1208.w-12{width:calc(var(--spacing) * 12);} 1209.w-14{width:calc(var(--spacing) * 14);} 1210.w-2\\/3{width:66.6666666667%;} 1211.w-20{width:calc(var(--spacing) * 20);} 1212.w-4{width:calc(var(--spacing) * 4);} 1213.w-40{width:calc(var(--spacing) * 40);} 1214.w-5{width:calc(var(--spacing) * 5);} 1215.w-6{width:calc(var(--spacing) * 6);} 1216.w-full{width:100%;} 1217.block{display:block;} 1218.inline-block{display:inline-block;} 1219.hidden, 1220[hidden=""]{display:none;} 1221.cursor-pointer{cursor:pointer;} 1222.whitespace-nowrap{white-space:nowrap;} 1223.focus\\:ring:focus{--srwc-ring-shadow:var(--srwc-ring-inset,) 0 0 0 calc(1px + var(--srwc-ring-offset-width)) var(--srwc-ring-color, currentColor);box-shadow:var(--srwc-inset-shadow), var(--srwc-inset-ring-shadow), var(--srwc-ring-offset-shadow), var(--srwc-ring-shadow), var(--srwc-shadow);} 1224.shadow-xl{--srwc-shadow:0 20px 25px -5px var(--srwc-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--srwc-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--srwc-inset-shadow), var(--srwc-inset-ring-shadow), var(--srwc-ring-offset-shadow), var(--srwc-ring-shadow), var(--srwc-shadow);} 1225.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--srwc-ease, var(--default-transition-timingFunction));transition-duration:var(--srwc-duration, var(--default-transition-duration));} 1226.transition-100{--srwc-duration:100ms;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--srwc-ease, var(--default-transition-timingFunction));transition-duration:var(--srwc-duration, var(--default-transition-duration));} 1227.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--srwc-ease, var(--default-transition-timingFunction));transition-duration:var(--srwc-duration, var(--default-transition-duration));} 1228.items-center{align-items:center;} 1229.self-center{align-self:center;} 1230.top-0{top:calc(var(--spacing) * 0);} 1231.justify-center{justify-content:center;} 1232.justify-between{justify-content:space-between;} 1233.sticky{position:sticky;} 1234.static{position:static;} 1235.z-10{z-index:10;} 1236.overflow-hidden{overflow:hidden;} 1237@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}} 1238.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;} 1239.hover\\:brightness-110:hover{--srwc-brightness:brightness(110%);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,);} 1240.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,);} 1241.border-separate{border-collapse:separate;} 1242.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);} 1243.table-fixed{table-layout:fixed;} 1244@container(min-width:400px){ 1245.\\[\\@container\\(min-width\\:400px\\)\\]\\:mr-auto{margin-right:auto;} 1246.\\[\\@container\\(min-width\\:400px\\)\\]\\:w-1\\/3{width:33.3333333333%;} 1247} 1248@supports (color: color-mix(in lab, red, red)){ 1249.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)) */;} 1250.text-base-content{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)) */;} 1251.text-primary-content{color:color-mix(in oklab, var(--colors-primary-content) var(--srwc-text-opacity), transparent) /* var(--srwc-color-primary-content, oklch(1 0 0)) */;} 1252.group:hover .group-hover\\:text-base-100{color:color-mix(in oklab, var(--colors-base-100) var(--srwc-text-opacity), transparent) /* var(--srwc-color-base-100, oklch(1 0 0)) */;} 1253.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)) */;} 1254.outline-base-content{outline-color:color-mix(in oklab, var(--colors-base-content) var(--srwc-outline-opacity), transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;} 1255.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)) */;} 1256.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)) */;} 1257.border-primary{border-color:color-mix(in oklab, var(--colors-primary) var(--srwc-border-opacity), transparent) /* var(--srwc-color-primary, oklch(45% .24 277.023)) */;} 1258.border-warning{border-color:color-mix(in oklab, var(--colors-warning) var(--srwc-border-opacity), transparent) /* var(--srwc-color-warning, oklch(0.83 0.1642 83.42)) */;} 1259.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)) */;}
1260.backdrop\\:bg-base-content\\/25::backdrop{background-color:color-mix(in oklab, var(--colors-base-content) 25%, transparent) /* var(--srwc-color-base-content, oklch(0.28 0.0296 256.85)) */;} 1261.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)) */;} 1262.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)) */;} 1263.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)) */;} 1264.bg-primary{background-color:color-mix(in oklab, var(--colors-primary) var(--srwc-bg-opacity), transparent) /* var(--srwc-color-primary, oklch(45% .24 277.023)) */;} 1265.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)) */;} 1266} 1267@media (min-width: 40rem){ 1268.sm\\:flex-row{flex-direction:row;} 1269.sm\\:max-w-58{max-width:calc(var(--spacing) * 58);} 1270}; 1271 `],u([(0,o.n)({type:Number,reflect:!0,attribute:"sponsored-offer-index"})],m.prototype,"sponsoredOfferIndex",2),u([(0,o.n)({type:String,reflect:!0})],m.prototype,"league",2),u([(0,o.n)({type:Array,reflect:!0})],m.prototype,"books",2),u([(0,a.r)()],m.prototype,"_oddsFormat",2),u([(0,a.r)()],m.prototype,"_betType",2),u([(0,a.r)()],m.prototype,"_compareDialogMatchupId",2),u([(0,a.r)()],m.prototype,"_hasSponsoredOfferSlot",2),u([(0,a.r)()],m.prototype,"_filterKey",2),u([(f={passive:!0},(e,t)=>{const r="function"==typeof e?e:e[t];Object.assign(r,f)})],m.prototype,"_handleCompareOdds",1),u([(0,s.o)({slot:"sponsored-offer"}
1271)],m.prototype,"_sponsoredOfferNodes",2),m=u([(0,o.t)(`${o.P}-odds-table`)],m)}}]);
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.