@maestro_io/maestro-web-sdk 2.0.0 → 2.0.2

package/dist/components/atoms/SvgIcon/Icon.d.ts

@@ -1,11 +1,17 @@
 import React from 'react';
+import KeyPlaysIcon from './KeyPlaysIcon';
+import PlayIcon from './PlayIcon';
+import BetsIcon from './BetsIcon';
+import StatsIcon from './StatsIcon';
+import FantasyIcon from './FantasyIcon';
+import WarningIcon from './WarningIcon';
 declare const iconImports: {
-    keyPlays: () => Promise<typeof import("./KeyPlaysIcon")>;
-    play: () => Promise<typeof import("./PlayIcon")>;
-    bets: () => Promise<typeof import("./BetsIcon")>;
-    stats: () => Promise<typeof import("./StatsIcon")>;
-    fantasy: () => Promise<typeof import("./FantasyIcon")>;
-    warning: () => Promise<typeof import("./WarningIcon")>;
+    keyPlays: typeof KeyPlaysIcon;
+    play: typeof PlayIcon;
+    bets: typeof BetsIcon;
+    stats: typeof StatsIcon;
+    fantasy: typeof FantasyIcon;
+    warning: typeof WarningIcon;
 };
 export type IconsName = keyof typeof iconImports;
 export type IconProps = {
@@ -17,14 +23,6 @@ interface IconState {
     loaded: boolean;
 }
 declare class Icon extends React.Component<IconProps, IconState> {
-    private _isMounted;
-    private _eventHandler;
-    constructor(props: IconProps);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: IconProps): void;
-    removeEventListener(): void;
-    loadIcon(): void;
     render(): React.JSX.Element;
 }
 export default Icon;

package/dist/maestro-web-sdk.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define("MaestroWebSDK",["react","react-dom"],t):"object"==typeof exports?exports.MaestroWebSDK=t(require("react"),require("react-dom")):e.MaestroWebSDK=t(e.React,e.ReactDOM)}(this,(function(e,t){return function(e){function t(t){for(var n,o,a=t[0],i=t[1],s=0,c=[];s<a.length;s++)o=a[s],Object.prototype.hasOwnProperty.call(r,o)&&r[o]&&c.push(r[o][0]),r[o]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(l&&l(t);c.length;)c.shift()()}var n={},r={0:0};function o(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,o),r.l=!0,r.exports}o.e=function(e){var t=[],n=r[e];if(0!==n)if(n)t.push(n[2]);else{var a=new Promise((function(t,o){n=r[e]=[t,o]}));t.push(n[2]=a);var i,s=document.createElement("script");s.charset="utf-8",s.timeout=120,o.nc&&s.setAttribute("nonce",o.nc),s.src=function(e){return o.p+""+e+".maestro-web-sdk.umd.js"}(e);var l=new Error;i=function(t){s.onerror=s.onload=null,clearTimeout(c);var n=r[e];if(0!==n){if(n){var o=t&&("load"===t.type?"missing":t.type),a=t&&t.target&&t.target.src;l.message="Loading chunk "+e+" failed.\n("+o+": "+a+")",l.name="ChunkLoadError",l.type=o,l.request=a,n[1](l)}r[e]=void 0}};var c=setTimeout((function(){i({type:"timeout",target:s})}),12e4);s.onerror=s.onload=i,document.head.appendChild(s)}return Promise.all(t)},o.m=e,o.c=n,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o.oe=function(e){throw console.error(e),e};var a=this.webpackJsonpMaestroWebSDK=this.webpackJsonpMaestroWebSDK||[],i=a.push.bind(a);a.push=t,a=a.slice();for(var s=0;s<a.length;s++)t(a[s]);var l=i;return o(o.s=8)}([function(t,n){t.exports=e},function(e,t,n){"use strict";function r(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,"a",(function(){return o}));class o{constructor(e){r(this,"listeners",[]),r(this,"_value",void 0),this._value=e}get value(){return this._value}set value(e){this._value=e,this.notify()}subscribe(e){return this.listeners.push(e),()=>{this.listeners=this.listeners.filter(t=>t!==e)}}notify(){this.listeners.forEach(e=>e(this._value))}}},function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},a=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function s(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],o=0;o<e.length;o++){var a=e[o],l=t.base?a[0]+t.base:a[0],c=n[l]||0,u="".concat(l," ").concat(c);n[l]=c+1;var d=s(u),A={css:a[1],media:a[2],sourceMap:a[3]};-1!==d?(i[d].references++,i[d].updater(A)):i.push({identifier:u,updater:f(A,t),references:1}),r.push(u)}return r}function c(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var u,d=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function A(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=d(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function p(e,t,n){var r=n.css,o=n.media,a=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var h=null,m=0;function f(e,t){var n,r,o;if(t.singleton){var a=m++;n=h||(h=c(t)),r=A.bind(null,n,a,!1),o=A.bind(null,n,a,!0)}else n=c(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=s(n[r]);i[o].references--}for(var a=l(e,t),c=0;c<n.length;c++){var u=s(n[c]);0===i[u].references&&(i[u].updater(),i.splice(u,1))}n=a}}}},function(e,t,n){"use strict";function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,o,a=[],i=!0,s=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(s)throw o}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}e.exports=function(e){var t=r(e,4),n=t[1],o=t[3];if(!o)return n;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),s="/*# ".concat(i," */"),l=o.sources.map((function(e){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(e," */")}));return[n].concat(l).concat([s]).join("\n")}return[n].join("\n")}},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var s=0;s<e.length;s++){var l=[].concat(e[s]);r&&o[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),t.push(l))}},t}},function(e,t,n){"use strict";n.d(t,"b",(function(){return l})),n.d(t,"a",(function(){return o})),n.d(t,"c",(function(){return a})),n.d(t,"d",(function(){return i})),n.d(t,"e",(function(){return s}));var r=n(7);const{destroy:o,pause:a,resume:i,setFocus:s,init:l,setKeyMap:c}=r.b},function(e,t,n){e.exports=n(21)()},function(e,t,n){"use strict";n.d(t,"a",(function(){return A}));const r=e=>{let{offsetParent:t}=e;const n=e.offsetHeight,r=e.offsetWidth;let o=e.offsetLeft,a=e.offsetTop;for(;t&&1===t.nodeType;)o+=t.offsetLeft-t.scrollLeft,a+=t.offsetTop-t.scrollTop,({offsetParent:t}=t);return{height:n,left:o,top:a,width:r}};var o=(e,t)=>{const n=e&&e.parentNode;if(n){const o=r(n),{height:a,left:i,top:s,width:l}=r(e);t(i-o.left,s-o.top,l,a,i,s)}};function a(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const i="undefined"!=typeof window&&window.document,s=i?window.innerWidth:0,l=i?window.innerHeight:0;class c{constructor(){a(this,"debugCtx",void 0),a(this,"layoutsCtx",void 0),i?(this.debugCtx=c.createCanvas("sn-debug",1010),this.layoutsCtx=c.createCanvas("sn-layouts",1e3)):(this.debugCtx=null,this.layoutsCtx=null)}static createCanvas(e,t){const n=document.querySelector("#"+e)||document.createElement("canvas");n.setAttribute("id",e);const r=n.getContext("2d");if(!r)throw new Error("Could not get 2d context from canvas");return n.style.cssText="position: fixed; top: 0; left: 0; z-index: "+t,document.body.appendChild(n),n.width=s,n.height=l,r}clear(){i&&this.debugCtx&&this.debugCtx.clearRect(0,0,s,l)}clearLayouts(){i&&this.layoutsCtx&&this.layoutsCtx.clearRect(0,0,s,l)}drawLayout(e,t,n){i&&this.layoutsCtx&&(this.layoutsCtx.strokeStyle="green",this.layoutsCtx.strokeRect(e.left,e.top,e.width,e.height),this.layoutsCtx.font="8px monospace",this.layoutsCtx.fillStyle="red",this.layoutsCtx.fillText(t,e.left,e.top+10),this.layoutsCtx.fillText(n,e.left,e.top+25),this.layoutsCtx.fillText("left: "+e.left,e.left,e.top+40),this.layoutsCtx.fillText("top: "+e.top,e.left,e.top+55))}drawPoint(e,t,n="blue",r=10){i&&this.debugCtx&&(this.debugCtx.strokeStyle=n,this.debugCtx.lineWidth=3,this.debugCtx.strokeRect(e-r/2,t-r/2,r,r))}}var u=c;function d(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const A="SN:ROOT",p={left:37,up:38,right:39,down:40,enter:13},h=["#0FF","#FF0","#F0F"],m={leading:!0,trailing:!1},f=(e,t,n={})=>{let r=null,o=0;const{leading:a=!0,trailing:i=!0}=n;return function(...n){const s=Date.now();o||a||(o=s);const l=t-(s-o);l<=0||l>t?(r&&(clearTimeout(r),r=null),o=s,e.apply(this,n)):!r&&i&&(r=window.setTimeout(()=>{o=a?Date.now():0,r=null,e.apply(this,n)},l))}},y=(e,t)=>[...e].sort((e,n)=>{const r=t(e),o=t(n);return r<o?-1:r>o?1:0}),v=e=>e[0],g=(e,t)=>Object.keys(e).find(n=>t(e[n])),b=(e,t)=>e.filter(e=>!t.includes(e)),E=(e,t)=>e.forEach(t);class C{static getCutoffCoordinate(e,t,n,r){const o=r.left,a=r.top,i=r.width,s=r.height,l=e?a:o,c=e?s:i;return t?n?l:l+c:n?l+c:l}static getRefCorners(e,t,n){const r=n.left,o=n.top,a=n.width,i=n.height,s={a:{x:0,y:0},b:{x:0,y:0}};switch(e){case"up":{const e=t?o+i:o;s.a={x:r,y:e},s.b={x:r+a,y:e};break}case"down":{const e=t?o:o+i;s.a={x:r,y:e},s.b={x:r+a,y:e};break}case"left":{const e=t?r+a:r;s.a={x:e,y:o},s.b={x:e,y:o+i};break}case"right":{const e=t?r:r+a;s.a={x:e,y:o},s.b={x:e,y:o+i};break}}return s}static isAdjacentSlice(e,t,n){const{a:r,b:o}=e,{a:a,b:i}=t,s=n?"x":"y",l=r[s],c=o[s],u=a[s],d=i[s],A=.2*(c-l);return Math.max(0,Math.min(c,d)-Math.max(l,u))>=A}static getPrimaryAxisDistance(e,t,n){const{a:r}=e,{a:o}=t,a=n?"y":"x";return Math.abs(o[a]-r[a])}static getSecondaryAxisDistance(e,t,n){const{a:r,b:o}=e,{a:a,b:i}=t,s=n?"x":"y",l=r[s],c=o[s],u=a[s],d=i[s],A=[];return A.push(Math.abs(u-l)),A.push(Math.abs(u-c)),A.push(Math.abs(d-l)),A.push(Math.abs(d-c)),Math.min(...A)}sortSiblingsByPriority(e,t,n,r){const o="down"===n||"up"===n,a=C.getRefCorners(n,!1,t);return[...e].sort((e,t)=>{const r=C.getRefCorners(n,!0,e.layout),i=C.getRefCorners(n,!0,t.layout),s=C.isAdjacentSlice(a,r,o),l=C.isAdjacentSlice(a,i,o),c=s?C.getPrimaryAxisDistance:C.getSecondaryAxisDistance,u=l?C.getPrimaryAxisDistance:C.getSecondaryAxisDistance,d=s?C.getSecondaryAxisDistance:C.getPrimaryAxisDistance,A=l?C.getSecondaryAxisDistance:C.getPrimaryAxisDistance,p=c(a,r,o),h=u(a,i,o);return(5*p+d(a,r,o)+1)/(s?5:1)-(5*h+A(a,i,o)+1)/(l?5:1)})}constructor(){d(this,"focusableComponents",void 0),d(this,"focusKey",void 0),d(this,"parentsHavingFocusedChild",void 0),d(this,"enabled",void 0),d(this,"nativeMode",void 0),d(this,"throttle",void 0),d(this,"throttleKeypresses",void 0),d(this,"pressedKeys",void 0),d(this,"paused",void 0),d(this,"keyDownEventListener",void 0),d(this,"keyUpEventListener",void 0),d(this,"keyMap",void 0),d(this,"debug",void 0),d(this,"visualDebugger",void 0),d(this,"logIndex",void 0),this.focusableComponents={},this.focusKey=null,this.parentsHavingFocusedChild=[],this.enabled=!1,this.nativeMode=!1,this.throttle=0,this.throttleKeypresses=!1,this.pressedKeys={},this.paused=!1,this.keyDownEventListener=null,this.keyUpEventListener=null,this.keyMap=p,this.debug=!1,this.visualDebugger=null,this.logIndex=0,this.onKeyEvent=this.onKeyEvent.bind(this),this.pause=this.pause.bind(this),this.resume=this.resume.bind(this),this.setFocus=this.setFocus.bind(this),this.updateAllLayouts=this.updateAllLayouts.bind(this),this.navigateByDirection=this.navigateByDirection.bind(this),this.init=this.init.bind(this),this.setKeyMap=this.setKeyMap.bind(this)}init({debug:e=!1,visualDebug:t=!1,nativeMode:n=!1,throttle:r=0,throttleKeypresses:o=!1}={}){this.enabled||(this.enabled=!0,this.nativeMode=n,this.throttleKeypresses=o,this.debug=e,this.nativeMode||(Number.isInteger(r)&&r>0&&(this.throttle=r),this.bindEventHandlers(),t&&(this.visualDebugger=new u,this.startDrawLayouts())))}startDrawLayouts(){const e=()=>{requestAnimationFrame(()=>{var t;null===(t=this.visualDebugger)||void 0===t||t.clearLayouts(),Object.entries(this.focusableComponents).forEach(([e,t])=>{var n;null===(n=this.visualDebugger)||void 0===n||n.drawLayout(t.layout,e,t.parentFocusKey)}),e()})};e()}destroy(){this.enabled&&(this.enabled=!1,this.nativeMode=!1,this.throttle=0,this.throttleKeypresses=!1,this.focusKey=null,this.parentsHavingFocusedChild=[],this.focusableComponents={},this.paused=!1,this.keyMap=p,this.unbindEventHandlers())}getEventType(e){return g(this.getKeyMap(),t=>e===t)}bindEventHandlers(){if("undefined"!=typeof window&&window.addEventListener){const e=e=>{if(!0===this.paused)return;this.debug&&(this.logIndex+=1);const t=this.getEventType(e.keyCode);if(!t)return;this.pressedKeys[t]=this.pressedKeys[t]?this.pressedKeys[t]+1:1,e.preventDefault(),e.stopPropagation();const n={pressedKeys:this.pressedKeys};if("enter"===t&&this.focusKey)return void this.onEnterPress(n);var r;!1===this.onArrowPress(t,n)?(this.log("keyDownEventListener","default navigation prevented"),null===(r=this.visualDebugger)||void 0===r||r.clear()):this.onKeyEvent(e)};this.keyDownEventListener=this.throttle?f(e,this.throttle,m):e,this.keyUpEventListener=e=>{const t=this.getEventType(e.keyCode);var n,r;(t&&delete this.pressedKeys[t],this.throttle&&!this.throttleKeypresses)&&(null===(n=this.keyDownEventListener)||void 0===n||null===(r=n.cancel)||void 0===r||r.call(n));"enter"===t&&this.focusKey&&this.onEnterRelease()},window.addEventListener("keyup",this.keyUpEventListener),window.addEventListener("keydown",this.keyDownEventListener)}}unbindEventHandlers(){"undefined"!=typeof window&&window.removeEventListener&&(window.removeEventListener("keydown",this.keyDownEventListener),this.keyDownEventListener=null,this.throttle&&(window.removeEventListener("keyup",this.keyUpEventListener),this.keyUpEventListener=null))}onEnterPress(e){var t;const n=this.focusableComponents[this.focusKey];n?n.focusable?null===(t=n.onEnterPressHandler)||void 0===t||t.call(n,e):this.log("onEnterPress","componentNotFocusable"):this.log("onEnterPress","noComponent")}onEnterRelease(){var e;const t=this.focusableComponents[this.focusKey];t?t.focusable?null===(e=t.onEnterReleaseHandler)||void 0===e||e.call(t):this.log("onEnterRelease","componentNotFocusable"):this.log("onEnterRelease","noComponent")}onArrowPress(e,t){var n;const r=this.focusableComponents[this.focusKey];if(r)return null===(n=r.onArrowPressHandler)||void 0===n?void 0:n.call(r,e,t);this.log("onArrowPress","noComponent")}navigateByDirection(e,t={}){if(!0===this.paused)return;const n=["down","up","left","right"];n.includes(e)?(this.log("navigateByDirection","direction",e),this.smartNavigate(e,null,t)):this.log("navigateByDirection",`Invalid direction. You passed: \`${e}\`, but you can use only these: `,n)}onKeyEvent(e){var t;null===(t=this.visualDebugger)||void 0===t||t.clear();const n=g(this.getKeyMap(),t=>e.keyCode===t);n&&this.smartNavigate(n,null,{event:e})}smartNavigate(e,t,n){this.log("smartNavigate","direction",e),this.log("smartNavigate","fromParentFocusKey",t),this.log("smartNavigate","this.focusKey",this.focusKey),this.nativeMode||t||Object.values(this.focusableComponents).forEach(e=>{e.layoutUpdated=!1});const r=this.focusableComponents[t||this.focusKey];if(this.log("smartNavigate","currentComponent",r?r.focusKey:void 0,r?r.node:void 0),r){this.updateLayout(r.focusKey);const{parentFocusKey:t,focusKey:o,layout:a}=r,i="down"===e||"up"===e,s="down"===e||"right"===e,l=C.getCutoffCoordinate(i,s,!1,a),c=Object.values(this.focusableComponents).filter(e=>{if(e.parentFocusKey===t&&e.focusable){this.updateLayout(e.focusKey);const t=C.getCutoffCoordinate(i,s,!0,e.layout);return s?t>=l:t<=l}return!1});if(this.debug&&this.log("smartNavigate","siblings",c),c.length>0){const t=this.sortSiblingsByPriority(c,a,e,o);this.debug&&this.log("smartNavigate","sortedSiblings",t);const r=t[0];r&&this.setFocus(r.focusKey,n)}else this.log("smartNavigate","noSiblings"),t&&this.smartNavigate(e,t,n)}}saveLastFocusedChildKey(e,t){e&&(this.log("saveLastFocusedChildKey",e.focusKey+" lastFocusedChildKey set",t),e.lastFocusedChildKey=t)}log(e,t,...n){this.debug&&console.log(`%c${e}%c${t}`,`background: ${h[this.logIndex%h.length]}; color: black; padding: 1px 5px;`,"background: #333; color: #BADA55; padding: 1px 5px;",...n)}getNextFocusKey(e){this.log("getNextFocusKey","targetFocusKey",e);const t=this.focusableComponents[e];if(!t)return e;const{trackChildren:n}=t;if(!n)return e;const r=Object.values(this.focusableComponents).filter(t=>t.parentFocusKey===e&&t.focusable);if(0===r.length)return e;const{lastFocusedChildKey:o,preferredChildFocusKey:a}=t;if(o&&!t.forgetLastFocusedChild&&this.isParticipatingFocusableComponent(o))return this.log("getNextFocusKey","lastFocusedChildKey will be focused",o),this.getNextFocusKey(o);if(a&&this.isParticipatingFocusableComponent(a))return this.log("getNextFocusKey","preferredChildFocusKey will be focused",a),this.getNextFocusKey(a);r.forEach(e=>this.updateLayout(e.focusKey));const{focusKey:i}=(e=>{const t=y(e,({layout:e})=>Math.abs(e.left)+Math.abs(e.top));return v(t)})(r);return this.log("getNextFocusKey","childKey will be focused",i),this.getNextFocusKey(i)}addFocusable({focusKey:e,node:t,parentFocusKey:n,onEnterPressHandler:r,onEnterReleaseHandler:o,onArrowPressHandler:a,onBecameFocusedHandler:i,onBecameBlurredHandler:s,forgetLastFocusedChild:l,trackChildren:c,onUpdateFocus:u,onUpdateHasFocusedChild:d,preferredChildFocusKey:A,autoRestoreFocus:p,focusable:h=!0,blockNavigationOut:m}){this.focusableComponents[e]={focusKey:e,node:t,parentFocusKey:n,onEnterPressHandler:r,onEnterReleaseHandler:o,onArrowPressHandler:a,onBecameFocusedHandler:i,onBecameBlurredHandler:s,onUpdateFocus:u,onUpdateHasFocusedChild:d,forgetLastFocusedChild:l,trackChildren:c,lastFocusedChildKey:null,preferredChildFocusKey:A,focusable:h,blockNavigationOut:m,autoRestoreFocus:p,layout:{x:0,y:0,width:0,height:0,left:0,top:0,node:t},layoutUpdated:!1},this.nativeMode||(this.updateLayout(e),e===this.focusKey&&this.setFocus(e))}removeFocusable({focusKey:e}){const t=this.focusableComponents[e];if(t){const{parentFocusKey:n}=t;Reflect.deleteProperty(this.focusableComponents,e);const r=this.focusableComponents[n],o=e===this.focusKey;if(r&&r.lastFocusedChildKey===e&&(r.lastFocusedChildKey=null),this.nativeMode)return;o&&r&&r.autoRestoreFocus&&this.setFocus(n)}}getNodeLayoutByFocusKey(e){const t=this.focusableComponents[e];return t?(this.updateLayout(t.focusKey),t.layout):null}setCurrentFocusedKey(e,t){if(this.isFocusableComponent(this.focusKey)&&e!==this.focusKey){var n,r;const e=this.focusableComponents[this.focusKey],o=this.focusableComponents[e.parentFocusKey];this.saveLastFocusedChildKey(o,this.focusKey),null===(n=e.onUpdateFocus)||void 0===n||n.call(e,!1),null===(r=e.onBecameBlurredHandler)||void 0===r||r.call(e,this.getNodeLayoutByFocusKey(this.focusKey),t)}if(this.focusKey=e,this.isFocusableComponent(this.focusKey)){var o,a;const e=this.focusableComponents[this.focusKey];null===(o=e.onUpdateFocus)||void 0===o||o.call(e,!0),null===(a=e.onBecameFocusedHandler)||void 0===a||a.call(e,this.getNodeLayoutByFocusKey(this.focusKey),t)}}updateParentsHasFocusedChild(e,t){const n=[];let r=this.focusableComponents[e];for(;r;){const{parentFocusKey:e}=r,t=this.focusableComponents[e];if(t){const{focusKey:e}=t;n.push(e)}r=t}const o=b(this.parentsHavingFocusedChild,n),a=b(n,this.parentsHavingFocusedChild);E(o,e=>{var n;const r=this.focusableComponents[e];r&&r.trackChildren&&(null===(n=r.onUpdateHasFocusedChild)||void 0===n||n.call(r,!1)),this.onIntermediateNodeBecameBlurred(e,t)}),E(a,e=>{var n;const r=this.focusableComponents[e];r&&r.trackChildren&&(null===(n=r.onUpdateHasFocusedChild)||void 0===n||n.call(r,!0)),this.onIntermediateNodeBecameFocused(e,t)}),this.parentsHavingFocusedChild=n}updateParentsLastFocusedChild(e){let t=this.focusableComponents[e];for(;t;){const{parentFocusKey:e}=t,n=this.focusableComponents[e];n&&this.saveLastFocusedChildKey(n,t.focusKey),t=n}}getKeyMap(){return this.keyMap}setKeyMap(e){this.keyMap={...this.getKeyMap(),...e}}isFocusableComponent(e){return!!this.focusableComponents[e]}isParticipatingFocusableComponent(e){return this.isFocusableComponent(e)&&this.focusableComponents[e].focusable}onIntermediateNodeBecameFocused(e,t){var n,r;this.isParticipatingFocusableComponent(e)&&(null===(n=(r=this.focusableComponents[e]).onBecameFocusedHandler)||void 0===n||n.call(r,this.getNodeLayoutByFocusKey(e),t))}onIntermediateNodeBecameBlurred(e,t){var n,r;this.isParticipatingFocusableComponent(e)&&(null===(n=(r=this.focusableComponents[e]).onBecameBlurredHandler)||void 0===n||n.call(r,this.getNodeLayoutByFocusKey(e),t))}pause(){this.paused=!0}resume(){this.paused=!1}setFocus(e,t={}){const n=this.focusKey,r=this.getNextFocusKey(e);this.log("setFocus","newFocusKey",r),this.setCurrentFocusedKey(r,t),this.updateParentsHasFocusedChild(r,t),this.updateParentsLastFocusedChild(n)}updateAllLayouts(){this.nativeMode||Object.entries(this.focusableComponents).forEach(([e])=>{this.updateLayout(e)})}updateLayout(e){const t=this.focusableComponents[e];if(!t||this.nativeMode||t.layoutUpdated)return;const{node:n}=t;o(n,(e,r,o,a,i,s)=>{t.layout={x:e,y:r,width:o,height:a,left:i,top:s,node:n}})}updateFocusable(e,{node:t,preferredChildFocusKey:n,focusable:r,blockNavigationOut:o}){if(this.nativeMode)return;const a=this.focusableComponents[e];a&&(a.preferredChildFocusKey=n,a.focusable=null!=r?r:a.focusable,a.blockNavigationOut=o,t&&(a.node=t))}isNativeMode(){return this.nativeMode}getFocusableComponents(){return Object.values(this.focusableComponents)}getFocusableComponentsByParentFocusKey(e){return Object.values(this.focusableComponents).filter(t=>t.parentFocusKey===e)}}t.b=new C},function(e,t,n){"use strict";n.r(t);var r=n(1);function o(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=class{constructor(){a(this,"currentlyPlayingClipIndex",new r.a(null)),a(this,"lastPlayedClipIndex",new r.a(null)),a(this,"currentClipPlaybackProgress",new r.a(null)),a(this,"errorState",new r.a("unpopulatedEvent")),a(this,"failedClips",new r.a({})),a(this,"items",new r.a([]))}isCurrentlyPlaying(e){return e===this.currentlyPlayingClipIndex.value}async setKeyPlays(e){null!==e?(this.items.value=this.parseNetworkResponse(e),this.cleanErrors()):this.errorState.value="tabLoadFailure"}cleanErrors(){"tabLoadFailure"===this.errorState.value&&(this.errorState.value=null),"unpopulatedEvent"===this.errorState.value&&this.allItems.length&&(this.errorState.value=null),this.allItems.length||(this.errorState.value="unpopulatedEvent")}async playKeyPlay(e){B.getMaestroEventViewModel().delegate.playClip(e)}parseNetworkResponse(e){const t=Object.values(e.entities.team),n=Object.values(e.entities.athlete),r=t.find(e=>"home"===e.homeAway),o=t.find(e=>"away"===e.homeAway);if(!r||!o)return console.log("Could not find home or away team"),[];const a=[],i=[];for(const s of e.sections){for(const e of s.items){const i=e.team?t.find(t=>t.id===e.team):void 0,l=e.athlete?n.find(t=>t.id===e.athlete):void 0,c=i?i.logoRef:void 0,u=l?l.headshot:void 0,d="headshot"!==e.thumbnailType?e.thumbnail:void 0,A=e.homeScore?e.homeScore:"0",p=e.awayScore?e.awayScore:"0",h=e.scoringPlay?parseInt(A):void 0,m=e.scoringPlay?parseInt(p):void 0,f={id:Math.random().toString(36).substring(2,15),description:e.description?e.description:"",homeTeamName:r?r.shortName:"",awayTeamName:o?o.shortName:"",homeTeamScore:h,awayTeamScore:m,clipID:e.clipID,teamImageUrl:c,playerImageUrl:u,thumbnailImageUrl:d,section:s.title};a.push(f)}if(a.length){const e=s.title,t=i.find(t=>t.title===e);t?t.items.push(...a):i.push({title:e,items:[...a]}),a.length=0}}return i}get allItems(){return this.items.value.reduce((e,t)=>e.concat(t.items),[])}clipID(e){if(this.allItems[e])return this.allItems[e].clipID}handleKeyPlayLoadFailure(e){const t=this.clipID(e);if(t){const n=this.failedClips.value;n[t]="recentFailure",this.failedClips.value=n,setTimeout(()=>{if("recentFailure"===this.loadFailureStatus(e)){const e=this.failedClips.value;e[t]="nonRecentFailure",this.failedClips.value=e}},5e3)}}loadFailureStatus(e){const t=this.clipID(e);return this.failedClips.value&&t?this.failedClips.value[t]:"noFailure"}clearLoadFailureStatus(e){const t=this.clipID(e);t&&this.failedClips&&(this.failedClips.value={...this.failedClips.value,[t]:"noFailure"})}async userRequestedNewKeyPlaysData(){const e=B.getMaestroEventViewModel();await e.delegate.userRequestedNewKeyPlaysData()}},s=n(5);function l(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class c extends class{constructor(){o(this,"_isLoading",new r.a(!1)),o(this,"_error",new r.a(null))}get isLoading(){return this._isLoading}get error(){return this._error}setLoading(e){this._isLoading.value=e}setError(e){this._error.value=e}}{constructor(e="",t){super(),l(this,"_eventId",new r.a("")),l(this,"_title",new r.a("")),l(this,"_isLive",new r.a(!1)),l(this,"_isShowingPanel",new r.a(!1)),l(this,"delegate",void 0),l(this,"keyPlaysViewModel",new i),this._eventId.value=e,this.delegate=t,Object(s.b)()}deinit(){Object(s.a)()}updateKeyPlaysData(e){return this.keyPlaysViewModel.setKeyPlays(e)}startFocusManagement(){return Object(s.e)(""),Object(s.d)(),setTimeout(()=>{Object(s.e)("PANEL_NAV_BUTTON_0")},0),Promise.resolve()}didStartPlayingClip(e){this.keyPlaysViewModel.lastPlayedClipIndex.value=e,this.keyPlaysViewModel.currentClipPlaybackProgress.value=0,this.keyPlaysViewModel.currentlyPlayingClipIndex.value=e,this.keyPlaysViewModel.clearLoadFailureStatus(e)}didStopPlayingClip(e){this.keyPlaysViewModel.lastPlayedClipIndex.value=e,this.keyPlaysViewModel.currentlyPlayingClipIndex.value=null,this.keyPlaysViewModel.currentClipPlaybackProgress.value=null}didFailToPlayClip(e){this.keyPlaysViewModel.handleKeyPlayLoadFailure(e)}didUpdatePlaybackProgressOfClip(e,t){this.keyPlaysViewModel.currentClipPlaybackProgress.value=t,this.keyPlaysViewModel.clearLoadFailureStatus(e)}didShowPanel(){return this.isShowingPanel=!0,Promise.resolve()}async didHidePanel(){this.isShowingPanel=!1,Object(s.c)()}didShowOverlay(){throw new Error("Method not implemented.")}didHideOverlay(){throw new Error("Method not implemented.")}currentEventDoesNotSupportKeyPlays(){this.keyPlaysViewModel.errorState.value="unsupportedEvent"}getCurrentEventID(){return this.eventId.value}getCurrentlyPlayingClipIndex(){return this.keyPlaysViewModel.currentlyPlayingClipIndex.value}getLastPlayedClipIndex(){return this.keyPlaysViewModel.lastPlayedClipIndex.value}getCurrentClipPlaybackProgress(){return this.keyPlaysViewModel.currentClipPlaybackProgress.value}getKeyPlaysCount(){return this.keyPlaysViewModel.allItems.length}get eventId(){return this._eventId}get title(){return this._title}get isLive(){return this._isLive}get isShowingPanel(){return this._isShowingPanel.value}set isShowingPanel(e){this._isShowingPanel.value=e}}var u=n(10);function d(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class A{constructor(e){d(this,"eventViewModel",void 0),d(this,"panelManagerViewModel",void 0),d(this,"keyPlaysViewModel",void 0),this.eventViewModel=e,this.panelManagerViewModel=new u.a,this.keyPlaysViewModel=new i}static async fromEventId(e,t){try{const n=new c(e,t);return new A(n)}catch(e){return console.error("Error creating view models from event ID",e),null}}}var p=n(0),h=n.n(p),m=n(9),f=n.n(m);function y(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v=class{constructor(){y(this,"renderersMap",new Map),y(this,"viewModels",null)}async setViewModels(e,t){try{return t?(this.viewModels=await A.fromEventId(e,t),this.viewModels):(console.error("No event delegate provided"),null)}catch(e){return console.error("Error creating view models from event ID",e),null}}async renderPanel(e){const t=await this.getRenderer(e);if(!this.viewModels)throw new Error("Cannot render panel manager: No view models set");const r=n(24).default,o=n(23).default;return t.render(h.a.createElement(r,null,h.a.createElement(o,null))),()=>{t.unmount(),this.renderersMap.delete(e)}}async getRenderer(e){if(this.renderersMap.has(e))return this.renderersMap.get(e);const t=document.getElementById(e);if(!t)throw new Error(`Element with id ${e} not found`);const n={render:e=>{f.a.render(e,t)},unmount:()=>{f.a.unmountComponentAtNode(t)}};return this.renderersMap.set(e,n),n}};function g(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const b=["664b9c57d59a7a431542d814"];class E{constructor(e){g(this,"renderer",void 0),g(this,"siteID",void 0),g(this,"jwt",void 0),g(this,"userID",void 0),g(this,"maestroEventViewModel",null),this.renderer=e}async userDidStartWatchingEvent(e,t){if(!this.isAuthorizedClient)throw new Error("Unauthorized use of SDK");return this.maestroEventViewModel=new c(e,t),this.maestroEventViewModel}userDidStopWatchingEvent(e){console.log("stop watching event",e),this.maestroEventViewModel&&(this.maestroEventViewModel.deinit(),this.maestroEventViewModel=null)}authenticateUser(e,t){throw new Error("Method not implemented")}deauthenticateUser(){throw new Error("Method not implemented.")}static getInstance(){if(!E.instance){const e=new v;E.instance=new E(e)}return E.instance}configure(e){e.siteID&&this.setSiteID(e.siteID),e.jwt&&this.setJwt(e.jwt),console.info("MaestroWebSDK configured",e)}get isAuthorizedClient(){const e=this.getSiteID();return Boolean(e&&b.includes(e))}setSiteID(e){this.siteID=e}getSiteID(){return this.siteID}setJwt(e){this.jwt=e}getJwt(){return this.jwt}setUserID(e){this.userID=e}getUserID(){return this.userID}getMaestroEventViewModel(){if(!this.maestroEventViewModel)throw new Error("No Maestro Event View Model set");return this.maestroEventViewModel}async renderPanel(e){if(!this.renderer.viewModels){if(!this.maestroEventViewModel)throw new Error("No Maestro Event View Model set.");let t="default-event-id";e&&(t=e),await this.renderer.setViewModels(t,this.maestroEventViewModel.delegate)}return this.renderer.renderPanel(e)}}g(E,"instance",void 0);const C=E.getInstance();var B=t.default=C},function(e,n){e.exports=t},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(1);const o={KEY_PLAYS:"keyPlays",STATS:"stats",FANTASY:"fantasy",BETS:"bets"};function a(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class i{constructor(){a(this,"_panels",new r.a([o.KEY_PLAYS,o.STATS,o.FANTASY,o.BETS])),a(this,"_currentPanel",new r.a(o.KEY_PLAYS)),a(this,"_newlyFocusedPanel",new r.a(null))}get panels(){return this._panels.value}get panelsObservable(){return this._panels}get currentPanel(){return this._currentPanel.value}set currentPanel(e){this._currentPanel.value=e}get currentPanelObservable(){return this._currentPanel}get newlyFocusedPanel(){return this._newlyFocusedPanel.value}set newlyFocusedPanel(e){this._newlyFocusedPanel.value=e}getIndex(e){const t=this.panels.findIndex(t=>t===e);return-1!==t?t:null}getPanelType(e){return this.panels[e]||null}get panelTypeToLeft(){const e=this.getIndex(this.currentPanel);return null===e||0===e?null:this.getPanelType(e-1)}get panelTypeToRight(){const e=this.getIndex(this.currentPanel);return null===e||e===this.panels.length-1?null:this.getPanelType(e+1)}}},function(e,t,n){"use strict";var r=n(3),o=n.n(r),a=n(4),i=n.n(a)()(o.a);i.push([e.i,"/* Warning: Do not play with :root */\n.sdk-wrapper {\n  font-family: Arial, Helvetica, sans-serif;\n  color: var(--sdk-text100);\n}\n\n.T01 {\n  font-size: 1.125rem;\n  font-weight: normal;\n  line-height: 1.5rem;\n}\n\n.T02 {\n  font-size: 1.125rem;\n  font-weight: bold;\n  line-height: 1.5rem;\n}\n\n.T05_ALT {\n  font-size: 1.313rem;\n  font-weight: bold;\n  line-height: 1.75rem;\n}\n\n.T10 {\n  font-size: 1.438rem;\n  font-weight: bold;\n  line-height: 2rem;\n}\n\n.T20 {\n  font-size: 1.688rem;\n  font-weight: 500;\n  line-height: 2.25rem;\n}\n\n.T30 {\n  font-size: 1.813rem;\n  font-weight: bold;\n  line-height: 2.25rem;\n}\n\n.T70 {\n  font-size: 3rem;\n  font-weight: 900;\n  line-height: 3.5rem;\n}\n","",{version:3,sources:["webpack://./src/components/core/App/App.styles.css"],names:[],mappings:"AAAA,oCAAoC;AACpC;EACE,yCAAyC;EACzC,yBAAyB;AAC3B;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;EACjB,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;EACjB,oBAAoB;AACtB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB;AACnB;;AAEA;EACE,mBAAmB;EACnB,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;EACjB,oBAAoB;AACtB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,mBAAmB;AACrB",sourcesContent:["/* Warning: Do not play with :root */\n.sdk-wrapper {\n  font-family: Arial, Helvetica, sans-serif;\n  color: var(--sdk-text100);\n}\n\n.T01 {\n  font-size: 1.125rem;\n  font-weight: normal;\n  line-height: 1.5rem;\n}\n\n.T02 {\n  font-size: 1.125rem;\n  font-weight: bold;\n  line-height: 1.5rem;\n}\n\n.T05_ALT {\n  font-size: 1.313rem;\n  font-weight: bold;\n  line-height: 1.75rem;\n}\n\n.T10 {\n  font-size: 1.438rem;\n  font-weight: bold;\n  line-height: 2rem;\n}\n\n.T20 {\n  font-size: 1.688rem;\n  font-weight: 500;\n  line-height: 2.25rem;\n}\n\n.T30 {\n  font-size: 1.813rem;\n  font-weight: bold;\n  line-height: 2.25rem;\n}\n\n.T70 {\n  font-size: 3rem;\n  font-weight: 900;\n  line-height: 3.5rem;\n}\n"],sourceRoot:""}]),t.a=i},function(e,t,n){"use strict";var r=n(3),o=n.n(r),a=n(4),i=n.n(a)()(o.a);i.push([e.i,".sdk--panel-manager {\n  padding: 3.75rem;\n  padding-left: 3rem;\n  padding-bottom: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: 3.75rem;\n}\n\n.sdk--panel-manager .panel-coming-soon {\n  display: flex;\n  justify-content: center;\n}\n","",{version:3,sources:["webpack://./src/components/core/PanelManager/PanelManager.styles.css"],names:[],mappings:"AAAA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;;EAEjB,aAAa;EACb,sBAAsB;EACtB,YAAY;AACd;;AAEA;EACE,aAAa;EACb,uBAAuB;AACzB",sourcesContent:[".sdk--panel-manager {\n  padding: 3.75rem;\n  padding-left: 3rem;\n  padding-bottom: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: 3.75rem;\n}\n\n.sdk--panel-manager .panel-coming-soon {\n  display: flex;\n  justify-content: center;\n}\n"],sourceRoot:""}]),t.a=i},function(e,t,n){"use strict";var r=n(3),o=n.n(r),a=n(4),i=n.n(a)()(o.a);i.push([e.i,".key-plays-view {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  overflow-y: auto;\n  max-height: calc(100vh - 86px - 3.75rem - 3.75rem);\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  overscroll-behavior: contain;\n}\n\n.key-plays-view .key-plays-section:last-child {\n  margin-bottom: 4rem;\n} \n\n.key-plays-view::-webkit-scrollbar {\n  display: none;\n}\n\n.key-plays-section {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n\n/* Sticky section title using CSS position: sticky */\n.key-plays-section-title {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  margin: 0;\n}\n\n.key-plays-section-items {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.key-plays-section:last-of-type {\n  margin-bottom: 0;\n}\n\n.key-plays-bottom-padding {\n  height: calc(\n    100vh - 240px\n  );\n  min-height: 400px;\n  width: 100%;\n}\n\n.key-play-card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface2);\n  contain: content;\n  border: 3px solid transparent;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.key-play-card[data-focused='true'] {\n  border-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card-content {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n}\n\n.key-play-card-content .cardImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.key-play-card-content .text-content {\n  padding: 2.75rem 2.25rem 2.75rem 1.5rem;\n  align-items: center;\n  display: flex;\n}\n\n.key-play-card-content .multi-line {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.key-play-card progress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 8px;\n  border-radius: 15px;\n  background-color: var(--sdk-surface6);\n  box-shadow: 0px 1px 3px 0px #10111366 inset;\n  overflow: hidden;\n  border-radius: 0;\n}\n\n.key-play-card progress::-webkit-progress-bar,\n.key-play-card progress::-moz-progress-bar {\n  background-color: var(--sdk-surface6);\n}\n\n.key-play-card progress::-webkit-progress-value {\n  background-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card .score {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  gap: 4rem;\n  background-color: var(--sdk-surface4);\n}\n\n.key-play-card .score-team {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n","",{version:3,sources:["webpack://./src/modules/key-plays/view/KeyPlaysView.styles.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,gBAAgB;EAChB,kDAAkD;EAClD,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;AAC9B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,kBAAkB;AACpB;;AAEA,oDAAoD;AACpD;EACE,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,SAAS;AACX;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;AACX;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE;;GAEC;EACD,iBAAiB;EACjB,WAAW;AACb;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,qCAAqC;EACrC,gBAAgB;EAChB,6BAA6B;EAC7B,yCAAyC;AAC3C;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,8BAA8B;AAChC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,uCAAuC;EACvC,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,oBAAoB;EACpB,4BAA4B;EAC5B,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,wBAAwB;EACxB,qBAAqB;EACrB,gBAAgB;EAChB,WAAW;EACX,WAAW;EACX,mBAAmB;EACnB,qCAAqC;EACrC,2CAA2C;EAC3C,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;;EAEE,qCAAqC;AACvC;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,aAAa;EACb,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;AACX",sourcesContent:[".key-plays-view {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  overflow-y: auto;\n  max-height: calc(100vh - 86px - 3.75rem - 3.75rem);\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  overscroll-behavior: contain;\n}\n\n.key-plays-view .key-plays-section:last-child {\n  margin-bottom: 4rem;\n} \n\n.key-plays-view::-webkit-scrollbar {\n  display: none;\n}\n\n.key-plays-section {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n\n/* Sticky section title using CSS position: sticky */\n.key-plays-section-title {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  margin: 0;\n}\n\n.key-plays-section-items {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.key-plays-section:last-of-type {\n  margin-bottom: 0;\n}\n\n.key-plays-bottom-padding {\n  height: calc(\n    100vh - 240px\n  );\n  min-height: 400px;\n  width: 100%;\n}\n\n.key-play-card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface2);\n  contain: content;\n  border: 3px solid transparent;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.key-play-card[data-focused='true'] {\n  border-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card-content {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n}\n\n.key-play-card-content .cardImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.key-play-card-content .text-content {\n  padding: 2.75rem 2.25rem 2.75rem 1.5rem;\n  align-items: center;\n  display: flex;\n}\n\n.key-play-card-content .multi-line {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.key-play-card progress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 8px;\n  border-radius: 15px;\n  background-color: var(--sdk-surface6);\n  box-shadow: 0px 1px 3px 0px #10111366 inset;\n  overflow: hidden;\n  border-radius: 0;\n}\n\n.key-play-card progress::-webkit-progress-bar,\n.key-play-card progress::-moz-progress-bar {\n  background-color: var(--sdk-surface6);\n}\n\n.key-play-card progress::-webkit-progress-value {\n  background-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card .score {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  gap: 4rem;\n  background-color: var(--sdk-surface4);\n}\n\n.key-play-card .score-team {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n"],sourceRoot:""}]),t.a=i},function(e,t,n){"use strict";var r=n(3),o=n.n(r),a=n(4),i=n.n(a)()(o.a);i.push([e.i,'.scrollable-gradient {\n  position: relative;\n}\n\n\n.scrollable-gradient::before {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 3.625rem; /* Height of the top gradient */\n  z-index: 0;\n  transition: z-index 0.3s ease;\n}\n\n.scroll-container-scrolled::before {\n  z-index: 1;\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n\n.scrollable-gradient::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 6rem; /* Height of the bottom gradient */\n  background: linear-gradient(180deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n',"",{version:3,sources:["webpack://./src/components/molecules/ScrollableGradient/ScrollableGradient.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;AACpB;;;AAGA;EACE,WAAW;EACX,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,gBAAgB,EAAE,+BAA+B;EACjD,UAAU;EACV,6BAA6B;AAC/B;;AAEA;EACE,UAAU;EACV,yEAAyE;AAC3E;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,SAAS;EACT,YAAY,EAAE,kCAAkC;EAChD,2EAA2E;AAC7E",sourcesContent:['.scrollable-gradient {\n  position: relative;\n}\n\n\n.scrollable-gradient::before {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 3.625rem; /* Height of the top gradient */\n  z-index: 0;\n  transition: z-index 0.3s ease;\n}\n\n.scroll-container-scrolled::before {\n  z-index: 1;\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n\n.scrollable-gradient::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 6rem; /* Height of the bottom gradient */\n  background: linear-gradient(180deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n'],sourceRoot:""}]),t.a=i},function(e,t,n){"use strict";var r=n(3),o=n.n(r),a=n(4),i=n.n(a)()(o.a);i.push([e.i,".key-play-card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface2);\n  contain: content;\n  border: 0.188rem solid transparent;\n  transition: border-color 0.2s ease-in-out;\n  position: relative;\n}\n\n.key-play-card[data-focused=true] {\n  border-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card-content {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n}\n\n.key-play-card-content .cardImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.key-play-card-content .text-content {\n  padding: 2.75rem 2.25rem 2.75rem 1.5rem;\n  align-items: center;\n  display: flex;\n}\n\n.key-play-card-content .multi-line {\n  display: -webkit-box; /* This sets up the box for the flex behavior */\n  -webkit-box-orient: vertical; /* Defines the orientation of the box's children (vertical for lines) */\n  -webkit-line-clamp: 3; /* Limit the content to 3 lines */\n  overflow: hidden; /* Hide any overflow text */\n  text-overflow: ellipsis; /* Add an ellipsis at the end of the last visible line */\n}\n\n.key-play-card progress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 8px;\n  border-radius: 15px;\n  background-color: var(--sdk-surface6);\n  box-shadow: 0px 1px 3px 0px #10111366 inset;\n  overflow: hidden;\n  border-radius: 0;\n  position: absolute;\n  bottom: 0;\n}\n\n.key-play-card progress::-webkit-progress-bar, .key-play-card progress::-moz-progress-bar {\n  background-color: var(--sdk-surface6);\n}\n\n.key-play-card progress::-webkit-progress-value {\n  background-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card .score {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  gap: 4rem;\n  background-color: var(--sdk-surface4);\n}\n\n.key-play-card .score-team {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.key-play-card .error-state {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--sdk-surface2);\n  gap: 1rem;\n}\n\n.key-play-card .error-state path {\n  fill: var(--sdk-alertWarning);\n}\n\n.key-play-card .non-recent-error-state {\n  position: absolute;\n  top: 1.125rem;\n  right: 1.125rem;\n}\n","",{version:3,sources:["webpack://./src/modules/key-plays/view/KeyPlayCardView.styles.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,qCAAqC;EACrC,gBAAgB;EAChB,kCAAkC;EAClC,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,8BAA8B;AAChC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,uCAAuC;EACvC,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,oBAAoB,EAAE,+CAA+C;EACrE,4BAA4B,EAAE,uEAAuE;EACrG,qBAAqB,EAAE,iCAAiC;EACxD,gBAAgB,EAAE,2BAA2B;EAC7C,uBAAuB,EAAE,wDAAwD;AACnF;;AAEA;EACE,wBAAwB;EACxB,qBAAqB;EACrB,gBAAgB;EAChB,WAAW;EACX,WAAW;EACX,mBAAmB;EACnB,qCAAqC;EACrC,2CAA2C;EAC3C,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;AACX;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,aAAa;EACb,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;AACX;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,qCAAqC;EACrC,SAAS;AACX;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,eAAe;AACjB",sourcesContent:[".key-play-card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface2);\n  contain: content;\n  border: 0.188rem solid transparent;\n  transition: border-color 0.2s ease-in-out;\n  position: relative;\n}\n\n.key-play-card[data-focused=true] {\n  border-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card-content {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n}\n\n.key-play-card-content .cardImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.key-play-card-content .text-content {\n  padding: 2.75rem 2.25rem 2.75rem 1.5rem;\n  align-items: center;\n  display: flex;\n}\n\n.key-play-card-content .multi-line {\n  display: -webkit-box; /* This sets up the box for the flex behavior */\n  -webkit-box-orient: vertical; /* Defines the orientation of the box's children (vertical for lines) */\n  -webkit-line-clamp: 3; /* Limit the content to 3 lines */\n  overflow: hidden; /* Hide any overflow text */\n  text-overflow: ellipsis; /* Add an ellipsis at the end of the last visible line */\n}\n\n.key-play-card progress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 8px;\n  border-radius: 15px;\n  background-color: var(--sdk-surface6);\n  box-shadow: 0px 1px 3px 0px #10111366 inset;\n  overflow: hidden;\n  border-radius: 0;\n  position: absolute;\n  bottom: 0;\n}\n\n.key-play-card progress::-webkit-progress-bar, .key-play-card progress::-moz-progress-bar {\n  background-color: var(--sdk-surface6);\n}\n\n.key-play-card progress::-webkit-progress-value {\n  background-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card .score {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  gap: 4rem;\n  background-color: var(--sdk-surface4);\n}\n\n.key-play-card .score-team {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.key-play-card .error-state {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--sdk-surface2);\n  gap: 1rem;\n}\n\n.key-play-card .error-state path {\n  fill: var(--sdk-alertWarning);\n}\n\n.key-play-card .non-recent-error-state {\n  position: absolute;\n  top: 1.125rem;\n  right: 1.125rem;\n}\n"],sourceRoot:""}]),t.a=i},function(e,t,n){"use strict";var r=n(3),o=n.n(r),a=n(4),i=n.n(a)()(o.a);i.push([e.i,".sdk--key-play-error-state-unsupportedEvent {\n  padding: 2.25rem 1.5rem 0 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.sdk--key-play-error-state-unsupportedEvent::after {\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.08) 100%);\n}\n\n.sdk--key-play-error-state-unsupportedEvent h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-unsupportedEvent p {\n  margin: 0;\n  color: var(--sdk-text200);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent {\n  overflow-y: hidden;\n  max-height: calc(100vh - 86px - 3.75rem - 3.75rem);\n  padding: 2.25rem 1.5rem 0 1.5rem;\n  scrollbar-width: none;\n  display: flex;\n  flex-direction: column;\n  gap: 6.25rem;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent p {\n  margin: 0;\n  color: var(--sdk-text200);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples::after {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  bottom: 0;\n  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 92.2%);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples .example {\n  display: flex;\n  gap: 1rem;\n  padding: 1.75rem 1.5rem;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface3);\n  height: 8rem;\n}\n\n.sdk--key-play-error-state-tabLoadFailure {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  border-radius: 0.625rem;\n  border: 0.188rem solid transparent;\n  transition: border-color 0.2s ease-in-out;\n  padding: 1.5rem;\n  background-color: var(--sdk-surface4);\n}\n\n.sdk--key-play-error-state-tabLoadFailure h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-tabLoadFailure p {\n  margin: 0;\n  height: 5.375rem;\n}\n","",{version:3,sources:["webpack://./src/modules/key-plays/view/KeyPlayErrorStateView.styles.css"],names:[],mappings:"AAAA;EACE,gCAAgC;EAChC,aAAa;EACb,sBAAsB;EACtB,SAAS;AACX;AACA;EACE,wFAAwF;AAC1F;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;EAClB,kDAAkD;EAClD,gCAAgC;EAChC,qBAAqB;EACrB,aAAa;EACb,sBAAsB;EACtB,YAAY;AACd;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,yBAAyB;AAC3B;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,SAAS;AACX;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,SAAS;EACT,qEAAqE;AACvE;;AAEA;EACE,aAAa;EACb,SAAS;EACT,uBAAuB;EACvB,uBAAuB;EACvB,qCAAqC;EACrC,YAAY;AACd;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,uBAAuB;EACvB,kCAAkC;EAClC,yCAAyC;EACzC,eAAe;EACf,qCAAqC;AACvC;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,gBAAgB;AAClB",sourcesContent:[".sdk--key-play-error-state-unsupportedEvent {\n  padding: 2.25rem 1.5rem 0 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.sdk--key-play-error-state-unsupportedEvent::after {\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.08) 100%);\n}\n\n.sdk--key-play-error-state-unsupportedEvent h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-unsupportedEvent p {\n  margin: 0;\n  color: var(--sdk-text200);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent {\n  overflow-y: hidden;\n  max-height: calc(100vh - 86px - 3.75rem - 3.75rem);\n  padding: 2.25rem 1.5rem 0 1.5rem;\n  scrollbar-width: none;\n  display: flex;\n  flex-direction: column;\n  gap: 6.25rem;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent p {\n  margin: 0;\n  color: var(--sdk-text200);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples::after {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  bottom: 0;\n  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 92.2%);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples .example {\n  display: flex;\n  gap: 1rem;\n  padding: 1.75rem 1.5rem;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface3);\n  height: 8rem;\n}\n\n.sdk--key-play-error-state-tabLoadFailure {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  border-radius: 0.625rem;\n  border: 0.188rem solid transparent;\n  transition: border-color 0.2s ease-in-out;\n  padding: 1.5rem;\n  background-color: var(--sdk-surface4);\n}\n\n.sdk--key-play-error-state-tabLoadFailure h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-tabLoadFailure p {\n  margin: 0;\n  height: 5.375rem;\n}\n"],sourceRoot:""}]),t.a=i},function(e,t,n){"use strict";var r=n(3),o=n.n(r),a=n(4),i=n.n(a)()(o.a);i.push([e.i,".action-button {\n  padding: 23px 0;\n  background-color: var(--sdk-accentSecondary);\n  color: var(--sdk-text100);\n}\n\n.action-button:hover, .action-button[data-focused=true] {\n  background-color: var(--sdk-accentPrimary);\n  color: var(--sdk-text500);\n}\n","",{version:3,sources:["webpack://./src/components/molecules/ActionButton/ActionButton.styles.css"],names:[],mappings:"AAAA;EACE,eAAe;EACf,4CAA4C;EAC5C,yBAAyB;AAC3B;;AAEA;EACE,0CAA0C;EAC1C,yBAAyB;AAC3B",sourcesContent:[".action-button {\n  padding: 23px 0;\n  background-color: var(--sdk-accentSecondary);\n  color: var(--sdk-text100);\n}\n\n.action-button:hover, .action-button[data-focused=true] {\n  background-color: var(--sdk-accentPrimary);\n  color: var(--sdk-text500);\n}\n"],sourceRoot:""}]),t.a=i},function(e,t,n){"use strict";var r=n(3),o=n.n(r),a=n(4),i=n.n(a)()(o.a);i.push([e.i,".panel-navigation {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.75rem;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n","",{version:3,sources:["webpack://./src/components/organisms/PanelNavigation/PanelNavigation.styles.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;EAChB,qBAAqB;AACvB",sourcesContent:[".panel-navigation {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.75rem;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n"],sourceRoot:""}]),t.a=i},function(e,t,n){"use strict";var r=n(3),o=n.n(r),a=n(4),i=n.n(a)()(o.a);i.push([e.i,".panel-nav-button-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.625rem;\n  color: var(--sdk-text300);\n  flex: 1;\n\n}\n\n.panel-nav-button-container path {\n  fill: var(--sdk-highlightSecondary);\n}\n\n.panel-nav-button-container button {\n  padding: 8px 0;\n  background-color: var(--sdk-surface3);\n  min-width: 6.5rem;\n\n  transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out;\n}\n\n.panel-nav-button-container[data-focused=true], .panel-nav-button-container:hover, .panel-nav-button-active {\n  color: var(--sdk-text100);\n}\n\n.panel-nav-button-container[data-focused=true] path, .panel-nav-button-container:hover path {\n  fill: var(--sdk-highlightTertiary);\n}\n\n.panel-nav-button-container[data-focused=true] button, .panel-nav-button-container:hover button {\n  background-color: var(--sdk-accentPrimary);\n}\n\n.panel-nav-button-active button {\n  background-color: var(--sdk-surface5);\n}\n\n.panel-nav-button-active path {\n  fill: var(--sdk-highlightPrimary);\n}\n","",{version:3,sources:["webpack://./src/components/molecules/PanelNavButton/PanelNavButton.styles.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,aAAa;EACb,yBAAyB;EACzB,OAAO;;AAET;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,cAAc;EACd,qCAAqC;EACrC,iBAAiB;;EAEjB,qEAAqE;AACvE;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,iCAAiC;AACnC",sourcesContent:[".panel-nav-button-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.625rem;\n  color: var(--sdk-text300);\n  flex: 1;\n\n}\n\n.panel-nav-button-container path {\n  fill: var(--sdk-highlightSecondary);\n}\n\n.panel-nav-button-container button {\n  padding: 8px 0;\n  background-color: var(--sdk-surface3);\n  min-width: 6.5rem;\n\n  transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out;\n}\n\n.panel-nav-button-container[data-focused=true], .panel-nav-button-container:hover, .panel-nav-button-active {\n  color: var(--sdk-text100);\n}\n\n.panel-nav-button-container[data-focused=true] path, .panel-nav-button-container:hover path {\n  fill: var(--sdk-highlightTertiary);\n}\n\n.panel-nav-button-container[data-focused=true] button, .panel-nav-button-container:hover button {\n  background-color: var(--sdk-accentPrimary);\n}\n\n.panel-nav-button-active button {\n  background-color: var(--sdk-surface5);\n}\n\n.panel-nav-button-active path {\n  fill: var(--sdk-highlightPrimary);\n}\n"],sourceRoot:""}]),t.a=i},function(e,t,n){"use strict";var r=n(9),o=n(6),a=n.n(o),i=n(0),s=n(7);function l(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const c=()=>{};t.a=({forgetLastFocusedChild:e=!1,trackChildren:t=!1,autoRestoreFocus:n,blockNavigationOut:o=!1}={})=>u=>{var d;return d=class extends i.Component{constructor(...e){var t;super(...e),l(this,"state",{realFocusKey:this.props.focusKey||(t="sn:focusable-item-",`${t}${Math.random().toString(36).substr(2,9)}`),focused:!1,hasFocusedChild:!1,parentFocusKey:this.props.parentFocusKey||s.a}),l(this,"setFocus",e=>{s.b.isNativeMode()||s.b.setFocus(e)}),l(this,"navigateByDirection",s.b.navigateByDirection),l(this,"stealFocus",()=>{s.b.setFocus(this.state.realFocusKey,{focusKey:this.state.realFocusKey})}),l(this,"onUpdateFocus",e=>{this.setState({focused:e})}),l(this,"onUpdateHasFocusedChild",e=>{this.setState({hasFocusedChild:e})}),l(this,"onEnterPressHandler",e=>{const{onEnterPress:t=c,...n}=this.props;t(n,e)}),l(this,"onEnterReleaseHandler",()=>{const{onEnterRelease:e=c,...t}=this.props;e(t)}),l(this,"onArrowPressHandler",(e,t)=>{const{onArrowPress:n=c,...r}=this.props;return n(e,r,t)}),l(this,"onBecameFocusedHandler",(e,t)=>{const{onBecameFocused:n=c,...r}=this.props;n(e,r,t)}),l(this,"onBecameBlurredHandler",(e,t)=>{const{onBecameBlurred:n=c,...r}=this.props;n(e,r,t)})}getChildContext(){return{parentFocusKey:this.state.realFocusKey}}componentDidMount(){const{realFocusKey:a,parentFocusKey:i}=this.state,{preferredChildFocusKey:l,forgetLastFocusedChild:c=!1,trackChildren:u,focusable:d=!0,autoRestoreFocus:A=!0,blockNavigationOut:p=!1}=this.props;let h;if(s.b.isNativeMode())h=document.createElement("div");else{const e=Object(r.findDOMNode)(this);if(!e)throw new Error("Could not find DOM node");h=e}s.b.addFocusable({focusKey:a,node:h,parentFocusKey:i,preferredChildFocusKey:l,onEnterPressHandler:this.onEnterPressHandler,onEnterReleaseHandler:this.onEnterReleaseHandler,onArrowPressHandler:this.onArrowPressHandler,onBecameFocusedHandler:this.onBecameFocusedHandler,onBecameBlurredHandler:this.onBecameBlurredHandler,onUpdateFocus:this.onUpdateFocus,onUpdateHasFocusedChild:this.onUpdateHasFocusedChild,forgetLastFocusedChild:e||c,trackChildren:t||u,blockNavigationOut:o||p,autoRestoreFocus:void 0!==n?n:A,focusable:d})}componentDidUpdate(){const{realFocusKey:e}=this.state,{preferredChildFocusKey:t,focusable:n=!0,blockNavigationOut:a=!1}=this.props;let i;if(s.b.isNativeMode())i=document.createElement("div");else{const e=Object(r.findDOMNode)(this);if(!e)throw new Error("Could not find DOM node");i=e}s.b.updateFocusable(e,{node:i,preferredChildFocusKey:t,focusable:n,blockNavigationOut:o||a})}componentWillUnmount(){const{realFocusKey:e}=this.state;s.b.removeFocusable({focusKey:e})}render(){const e=((e,t)=>{const n={...e};return t.forEach(e=>delete n[e]),n})({...this.props,...this.state,setFocus:this.setFocus,navigateByDirection:this.navigateByDirection,stealFocus:this.stealFocus,onUpdateFocus:this.onUpdateFocus,onUpdateHasFocusedChild:this.onUpdateHasFocusedChild},["onBecameFocusedHandler","onBecameBlurredHandler","onEnterPressHandler","onEnterReleaseHandler","onArrowPressHandler","onUpdateFocus","onUpdateHasFocusedChild","forgetLastFocusedChild","trackChildren","autoRestoreFocus"]);return Object(i.createElement)(u,e)}},l(d,"contextTypes",{parentFocusKey:a.a.string}),l(d,"childContextTypes",{parentFocusKey:a.a.string}),d}},function(e,t,n){"use strict";var r=n(22);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(10),i=n(2),s=n.n(i),l=n(12),c={insert:"head",singleton:!1};s()(l.a,c),l.a.locals;function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}const d={borderRadius:6,display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",width:"100%",border:"none"};class A extends o.a.Component{constructor(e){super(e)}render(){const e={...d,...this.props.style};return o.a.createElement("button",u({style:e},this.props),this.props.children)}}var p=A;function h(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const m={keyPlays:{loading:!1,component:null,requestCount:0,promise:null},play:{loading:!1,component:null,requestCount:0,promise:null},bets:{loading:!1,component:null,requestCount:0,promise:null},stats:{loading:!1,component:null,requestCount:0,promise:null},fantasy:{loading:!1,component:null,requestCount:0,promise:null},warning:{loading:!1,component:null,requestCount:0,promise:null}},f={keyPlays:()=>n.e(3).then(n.bind(null,25)),play:()=>n.e(4).then(n.bind(null,26)),bets:()=>n.e(1).then(n.bind(null,27)),stats:()=>n.e(5).then(n.bind(null,28)),fantasy:()=>n.e(2).then(n.bind(null,29)),warning:()=>n.e(6).then(n.bind(null,30))},y=e=>o.a.createElement("div",{style:{width:e.width,height:e.height}}),v=[];let g=!1;const b=()=>{if(g||0===v.length)return;g=!0;const e=v.shift(),t=m[e];if(t.component||t.loading)return g=!1,void setTimeout(b,0);t.loading=!0;const n=f[e]().then(n=>{t.component=n.default,t.loading=!1,t.promise=null,"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("icon-loaded",{detail:{iconName:e}})),g=!1,setTimeout(b,0)}).catch(n=>{console.error(`Error loading icon "${e}":`,n),t.loading=!1,t.promise=null,g=!1,setTimeout(b,0)});t.promise=n};class E extends o.a.Component{constructor(e){var t;super(e),h(this,"_isMounted",!1),h(this,"_eventHandler",null),this.state={loaded:!(null===(t=m[e.iconName])||void 0===t||!t.component)}}componentDidMount(){this._isMounted=!0,this.loadIcon()}componentWillUnmount(){this._isMounted=!1,this.removeEventListener()}componentDidUpdate(e){if(e.iconName!==this.props.iconName){var t;const e=!(null===(t=m[this.props.iconName])||void 0===t||!t.component);this.setState({loaded:e}),e||(this.removeEventListener(),this.loadIcon())}}removeEventListener(){this._eventHandler&&"undefined"!=typeof window&&(window.removeEventListener("icon-loaded",this._eventHandler),this._eventHandler=null)}loadIcon(){var e;const{iconName:t}=this.props;null!==(e=m[t])&&void 0!==e&&e.component?this.setState({loaded:!0}):(this._eventHandler=e=>{var n;(null===(n=e.detail)||void 0===n?void 0:n.iconName)===t&&this._isMounted&&(this.setState({loaded:!0}),this.removeEventListener())},"undefined"!=typeof window&&window.addEventListener("icon-loaded",this._eventHandler),(e=>{const t=m[e];t.component?Promise.resolve():(t.loading&&t.promise||(-1===v.indexOf(e)&&(v.push(e),setTimeout(b,0)),t.promise||(t.promise=new Promise(t=>{const n=r=>{var o;(null===(o=r.detail)||void 0===o?void 0:o.iconName)===e&&("undefined"!=typeof window&&window.removeEventListener("icon-loaded",n),t())};"undefined"!=typeof window&&window.addEventListener("icon-loaded",n)}))),t.promise)})(t))}render(){var e;const{iconName:t,width:n,height:r}=this.props,{loaded:a}=this.state;if(!a)return o.a.createElement(y,{width:n,height:r});const i=null===(e=m[t])||void 0===e?void 0:e.component;return i?o.a.createElement(i,{iconName:t,width:n,height:r}):o.a.createElement(y,{width:n,height:r})}}var C=E,B=n(19),w={insert:"head",singleton:!1},k=(s()(B.a,w),B.a.locals,n(6)),P=n.n(k),x=n(20);function S(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var F=e=>class extends o.a.Component{constructor(e){super(e),S(this,"cleanup",void 0),S(this,"handleKeyDown",e=>{const{onBackPressed:t,onLeftPressed:n}=this.props;this.props.remoteControlActive&&(10009!==e.keyCode&&"b"!==e.key||!t||t(e),"ArrowLeft"!==e.key&&37!==e.keyCode||!n||n(e))}),this.state={active:e.remoteControlActive||!1}}componentDidUpdate(e){e.remoteControlActive&&!this.props.remoteControlActive?window.removeEventListener("keydown",this.handleKeyDown):!e.remoteControlActive&&this.props.remoteControlActive&&window.addEventListener("keydown",this.handleKeyDown)}componentDidMount(){window.addEventListener("keydown",this.handleKeyDown),this.cleanup=()=>{window.removeEventListener("keydown",this.handleKeyDown)}}componentWillUnmount(){this.cleanup&&this.cleanup()}render(){const{...t}=this.props;return o.a.createElement(e,t)}};function N(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class j extends o.a.Component{render(){const{iconName:e,active:t,children:n,focused:r,buttonRef:a}=this.props;return o.a.createElement("div",{className:["panel-nav-button-container","T02",t?"panel-nav-button-active":""].join(" "),"data-focused":r,ref:a},o.a.createElement(p,null,o.a.createElement(C,{iconName:e,height:36,width:36})),n)}}N(j,"displayName","PanelNavButton"),N(j,"propTypes",{iconName:P.a.string.isRequired,index:P.a.number.isRequired,active:P.a.bool.isRequired,children:P.a.node,focused:P.a.bool,onBecameFocused:P.a.func,buttonRef:P.a.oneOfType([P.a.func,P.a.object])});var K=F(Object(x.a)()(j)),T=n(18),D={insert:"head",singleton:!1},M=(s()(T.a,D),T.a.locals,n(5)),I=n(8);var L=e=>{const t=I.default.getMaestroEventViewModel();e.dataset.focused="false",Object(M.c)(),t.delegate.startFocusManagement()};function H(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class O extends o.a.Component{constructor(...e){super(...e),H(this,"buttonElement",null),H(this,"state",{itemFocused:null}),H(this,"setButtonRef",e=>{this.buttonElement=e}),H(this,"handleLeftPressed",()=>{this.buttonElement&&L(this.buttonElement)}),H(this,"handleBecameFocused",(e,t)=>()=>{this.setState({itemFocused:e},t)}),H(this,"handleBecameBlurred",()=>{this.setState({itemFocused:null})})}render(){const{item:e,index:t}=this.props;return o.a.createElement(K,{iconName:e.iconName,key:e.title,index:t,onBecameFocused:this.handleBecameFocused(t,e.onEnter),onBecameBlurred:this.handleBecameBlurred,active:e.active,focusKey:"PANEL_NAV_BUTTON_"+t,remoteControlActive:0===this.state.itemFocused,onLeftPressed:this.handleLeftPressed,buttonRef:this.setButtonRef},e.title)}}class U extends o.a.Component{render(){return o.a.createElement("div",{className:"panel-navigation"},this.props.items.map((e,t)=>o.a.createElement(O,{key:e.title,item:e,index:t})))}}var R=U;function X(){return(X=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}class Q extends o.a.Component{constructor(e){super(e)}render(){return o.a.createElement("img",X({alt:this.props.alt||"Image"},this.props))}}var z=Q;var q=n(15),W={insert:"head",singleton:!1},V=(s()(q.a,W),q.a.locals,C);class Y extends o.a.Component{render(){const{awayTeamScore:e,homeTeamScore:t,homeTeamName:n,awayTeamName:r}=this.props;return o.a.createElement("div",{className:"score"},o.a.createElement("div",{className:"score-team T05_ALT"},n,o.a.createElement("span",{className:"T30"},t)),o.a.createElement("div",{className:"score-team T05_ALT"},o.a.createElement("span",{className:"T30"},e),r))}}function G(){return(G=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function J(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class _ extends o.a.Component{constructor(e){super(e),J(this,"failedClipListener",()=>{}),J(this,"ref",null),J(this,"vm",void 0),J(this,"state",{failedClip:null}),J(this,"renderImage",()=>{const{playerImageUrl:e,teamImageUrl:t,thumbnailImageUrl:n}=this.props;return e?o.a.createElement(z,{src:e,crossOrigin:"anonymous",alt:"Key Play Player Image",className:"cardImage"}):t?o.a.createElement(z,{src:t,crossOrigin:"anonymous",alt:"Key Play Team Image",className:"cardImage"}):n?o.a.createElement(z,{src:n,crossOrigin:"anonymous",alt:"Key Play Thumbnail Image",className:"cardImage"}):o.a.createElement(z,{src:"data:image/jpeg;base64,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",crossOrigin:"anonymous",alt:"Key Play Thumbnail Image",className:"cardImage"})}),this.vm=I.default.getMaestroEventViewModel().keyPlaysViewModel}componentDidMount(){this.failedClipListener=this.vm.failedClips.subscribe(e=>{this.setState({failedClip:e[this.props.clipID]})}),this.props.setRef(this.ref)}componentWillUnmount(){this.failedClipListener&&this.failedClipListener()}render(){const{clipID:e,description:t,isPlaying:n,playbackProgress:r,isScoring:a,focused:i,awayTeamScore:s,homeTeamScore:l,homeTeamName:c,awayTeamName:u}=this.props,{failedClip:d}=this.state;return o.a.createElement("div",{className:"key-play-card",id:e,"data-focused":i,ref:e=>this.ref=e},o.a.createElement("div",{className:"key-play-card-content"},this.renderImage(),o.a.createElement("div",{className:"text-content T05_ALT"},o.a.createElement("div",{className:"multi-line"},t))),n&&null!==r&&o.a.createElement("progress",{value:r,max:"1"}),a&&o.a.createElement(Y,{awayTeamScore:s,homeTeamScore:l,homeTeamName:c,awayTeamName:u}),"recentFailure"===d&&o.a.createElement("div",{className:"error-state"},o.a.createElement(V,{iconName:"warning",width:21.6,height:18.7}),o.a.createElement("span",{className:"T05_ALT"},"Could not play this clip. ")),"nonRecentFailure"===d&&o.a.createElement("div",{className:"non-recent-error-state"},o.a.createElement(V,{iconName:"warning",width:21.6,height:18.7})))}}const Z=F(_);class $ extends o.a.Component{constructor(...e){super(...e),J(this,"ref",null),J(this,"setRef",e=>{this.ref=e,this.props.setRef(e)}),J(this,"handleLeftPressed",()=>{this.ref&&L(this.ref)})}render(){return o.a.createElement(Z,G({},this.props,{setRef:this.setRef,remoteControlActive:this.props.focused,onLeftPressed:this.handleLeftPressed}))}}var ee=Object(x.a)()($),te=n(14),ne={insert:"head",singleton:!1};s()(te.a,ne),te.a.locals;class re extends o.a.Component{constructor(e){super(e)}render(){const e=["scrollable-gradient",this.props.scrolled?"scroll-container-scrolled":""].join(" ");return o.a.createElement("div",{className:e},this.props.children)}}var oe=re,ae=n(13),ie={insert:"head",singleton:!1},se=(s()(ae.a,ie),ae.a.locals,p),le=n(17),ce={insert:"head",singleton:!1};s()(le.a,ce),le.a.locals;function ue(){return(ue=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}class de extends o.a.Component{render(){return o.a.createElement(se,ue({className:"action-button T05_ALT"},this.props),this.props.children)}}var Ae=Object(x.a)()(de),pe=n(16),he={insert:"head",singleton:!1};s()(pe.a,he),pe.a.locals;class me extends o.a.Component{render(){return o.a.createElement("div",{className:"sdk--key-play-error-state-unpopulatedEvent"},o.a.createElement("div",{className:"main-content"},o.a.createElement("h3",{className:"T70"},"Greatness takes time."),o.a.createElement("p",{className:"T20"},"Key plays are still in the making! Come back soon to check 'em out.")),o.a.createElement("div",{className:"unpopulatedEvent-examples"},Array.from({length:4}).map((e,t)=>o.a.createElement("div",{key:t,className:"example"}))))}}class fe extends o.a.Component{render(){return o.a.createElement("div",{className:"sdk--key-play-error-state-unsupportedEvent"},o.a.createElement("h3",{className:"T70"},"No Key Plays Available"),o.a.createElement("svg",{viewBox:"0 0 520 359",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o.a.createElement("g",{opacity:"0.16"},o.a.createElement("path",{d:"M146.334 219.427V244.686L168.723 198.187V38.0215L165.279 40.3178V188.427L146.334 219.427Z",fill:"#6D6D6D"}),o.a.createElement("rect",{x:"94.6687",y:"219.427",width:"51.6662",height:"25.259",fill:"#777777"}),o.a.createElement("rect",{x:"145.187",y:"39.1694",width:"20.6665",height:"149.258",fill:"#666666"}),o.a.createElement("path",{d:"M146.335 219.427H94.6687L143.465 187.279H167.001L146.335 219.427Z",fill:"#666666"}),o.a.createElement("path",{d:"M375.389 219.427V244.686L353 198.187V38.0215L356.445 40.3178V188.427L375.389 219.427Z",fill:"#6D6D6D"}),o.a.createElement("rect",{width:"51.6662",height:"25.259",transform:"matrix(-1 0 0 1 427.055 219.427)",fill:"#777777"}),o.a.createElement("rect",{width:"20.6665",height:"149.258",transform:"matrix(-1 0 0 1 376.537 39.1694)",fill:"#666666"}),o.a.createElement("path",{d:"M375.389 219.427H427.055L378.259 187.279H354.722L375.389 219.427Z",fill:"#666666"}),o.a.createElement("path",{d:"M23.4844 141.354H496.517L410.981 121.835H93.5208L23.4844 141.354Z",fill:"#B1B1B1"}),o.a.createElement("rect",{x:"23.4844",y:"141.354",width:"473.033",height:"19.5183",fill:"#777777"}),o.a.createElement("rect",{x:"72.8545",y:"51.7993",width:"374.293",height:"45.9255",fill:"#CDCDCD"}))))}}class ye extends o.a.Component{render(){const{focused:e}=this.props;return o.a.createElement("div",{className:"sdk--key-play-error-state-tabLoadFailure",style:{borderColor:e?"var(--sdk-highlightPrimary)":"transparent"}},o.a.createElement("h3",{className:"T70"},"Let's try that again..."),o.a.createElement("p",{className:"T20"},"We're having trouble loading this."),o.a.createElement(Ae,{"data-focused":e,onEnterPress:this.props.onEnterPress},"Refresh"))}}const ve=Object(x.a)()(ye);class ge extends o.a.Component{render(){const{errorState:e,onRetry:t}=this.props;return"unsupportedEvent"===e?o.a.createElement(fe,null):"unpopulatedEvent"===e?o.a.createElement(me,null):"tabLoadFailure"===e?o.a.createElement(ve,{onEnterPress:t}):null}}var be=ge;function Ee(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class Ce extends r.Component{constructor(e){var t,n;super(e),Ee(this,"container",null),Ee(this,"refsMap",{}),Ee(this,"playbackProgressUnsub",null),Ee(this,"playbackIndexUnsub",null),Ee(this,"itemsUnsub",null),Ee(this,"vm",void 0),Ee(this,"handlePlayClip",e=>async()=>{await this.vm.playKeyPlay(e)}),Ee(this,"handleItemFocus",e=>t=>{if(!this.container||!t.node)return;const n=this.container.getBoundingClientRect(),r=t.node.getBoundingClientRect(),o=Object.keys(this.refsMap).map(e=>parseInt(e,10)).sort((e,t)=>e-t).slice(e);let a=!1;if(o.forEach(e=>{const t=this.refsMap[e];if(!t)return;const r=t.getBoundingClientRect();(r.bottom>n.bottom||r.top<n.top)&&(a=!0)}),!a)return;const i=0===e?0:this.container.scrollTop+(r.top-n.top-32);this.container.scrollTop=i,this.setState({scrolled:i>0})}),Ee(this,"setRef",e=>t=>{t?this.refsMap[e]=t:delete this.refsMap[e]}),this.vm=I.default.getMaestroEventViewModel().keyPlaysViewModel;const r=this.vm.items.value;this.state={scrolled:!1,playbackProgress:null!==(t=this.vm.currentClipPlaybackProgress.value)&&void 0!==t?t:null,playbackIndex:null!==(n=this.vm.currentlyPlayingClipIndex.value)&&void 0!==n?n:null,items:r.map(e=>({title:e.title,items:e.items.map(e=>({id:e.id,clipID:e.clipID,awayTeamScore:e.awayTeamScore,homeTeamScore:e.homeTeamScore,awayTeamName:e.awayTeamName,homeTeamName:e.homeTeamName,description:e.description,playerImageUrl:e.playerImageUrl||"",teamImageUrl:e.teamImageUrl||"",thumbnailImageUrl:e.thumbnailImageUrl||""}))}))}}componentDidMount(){this.playbackProgressUnsub=this.vm.currentClipPlaybackProgress.subscribe(e=>{this.setState({playbackProgress:null!=e?e:null})}),this.playbackIndexUnsub=this.vm.currentlyPlayingClipIndex.subscribe(e=>{this.setState({playbackIndex:null!=e?e:null})}),this.itemsUnsub=this.vm.items.subscribe(e=>{this.setState({items:e.map(e=>({title:e.title,items:e.items.map(e=>({id:e.id,clipID:e.clipID,awayTeamScore:e.awayTeamScore,homeTeamScore:e.homeTeamScore,awayTeamName:e.awayTeamName,homeTeamName:e.homeTeamName,description:e.description,playerImageUrl:e.playerImageUrl||"",teamImageUrl:e.teamImageUrl||"",thumbnailImageUrl:e.thumbnailImageUrl||""}))}))})})}componentWillUnmount(){this.playbackProgressUnsub&&this.playbackProgressUnsub(),this.playbackIndexUnsub&&this.playbackIndexUnsub(),this.itemsUnsub&&this.itemsUnsub()}render(){const{scrolled:e,playbackProgress:t,playbackIndex:n,items:r}=this.state;return o.a.createElement(oe,{scrolled:e},o.a.createElement("div",{ref:e=>{this.container=e},className:"key-plays-view"},r.map((e,r)=>o.a.createElement("div",{key:"section-"+r,className:"key-plays-section"},o.a.createElement("h3",{className:"key-plays-section-title T10"},e.title),o.a.createElement("div",{className:"key-plays-section-items"},e.items.map(e=>{const r=this.vm.allItems.findIndex(t=>t.id===e.id);return o.a.createElement(ee,{key:e.id,id:e.id,clipID:e.clipID,description:e.description,awayTeamName:e.awayTeamName,homeTeamName:e.homeTeamName,awayTeamScore:e.awayTeamScore,homeTeamScore:e.homeTeamScore,playerImageUrl:e.playerImageUrl,teamImageUrl:e.teamImageUrl,thumbnailImageUrl:e.thumbnailImageUrl,isPlaying:this.vm.isCurrentlyPlaying(r),isScoring:Boolean(e.awayTeamScore&&e.homeTeamScore),playbackProgress:r===n?t:null,onEnterPress:this.handlePlayClip(r),onBecameFocused:this.handleItemFocus(r),setRef:this.setRef(r)})})))),o.a.createElement("div",{className:"key-plays-bottom-padding"})))}}class Be extends r.Component{constructor(e){super(e),Ee(this,"errorStateUnsub",null),Ee(this,"vm",void 0),Ee(this,"handleRetry",async()=>{await this.vm.userRequestedNewKeyPlaysData(),Object(M.e)("PANEL_NAV_BUTTON_0")}),this.vm=I.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={errorState:this.vm.errorState.value}}componentDidMount(){this.errorStateUnsub=this.vm.errorState.subscribe(e=>{this.setState({errorState:e})})}componentWillUnmount(){this.errorStateUnsub&&this.errorStateUnsub()}render(){const{errorState:e}=this.state;return e?o.a.createElement(be,{errorState:e,onRetry:this.handleRetry}):o.a.createElement(Ce,null)}}function we(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const ke=new a.a,Pe={keyPlays:o.a.createElement(Be,null),bets:o.a.createElement("div",{className:"panel-coming-soon T02"},"Bets - Coming Soon"),stats:o.a.createElement("div",{className:"panel-coming-soon T02"},"Stats - Coming Soon"),fantasy:o.a.createElement("div",{className:"panel-coming-soon T02"},"Fantasy - Coming Soon")};class xe extends o.a.Component{constructor(e){super(e),we(this,"unsubscribe",null),this.state={activePanel:ke.currentPanel}}componentDidMount(){this.unsubscribe=ke.currentPanelObservable.subscribe(()=>{this.setState({activePanel:ke.currentPanel})})}componentWillUnmount(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null)}render(){const{activePanel:e}=this.state,t=[{iconName:"keyPlays",onEnter:()=>{ke.currentPanel="keyPlays"},title:"KEY PLAYS",active:"keyPlays"===e},{iconName:"bets",onEnter:()=>{ke.currentPanel="bets"},title:"BETS",active:"bets"===e},{iconName:"stats",onEnter:()=>{ke.currentPanel="stats"},title:"STATS",active:"stats"===e},{iconName:"fantasy",onEnter:()=>{ke.currentPanel="fantasy"},title:"FANTASY",active:"fantasy"===e}];return o.a.createElement("div",{className:"sdk--panel-manager"},o.a.createElement(R,{items:t}),o.a.createElement("div",{className:"sdk--panel-wrapper"},Pe[e]))}}var Se=xe;t.default=Se},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r);const a={_id:"6274067af74b66a544018dac",button:{borderRadius:"rounded",textCapitalization:"uppercase"},colors:{accentPrimary:"#FFFFFF",accentSecondary:"#3C3F47",accentTertiary:"#0C0C0E",surface1:"#080A0C",surface2:"#12141A",surface3:"#1B1E26",surface4:"#242833",surface5:"#363C4D",surface6:"#3E4759",highlightPrimary:"#FFFFFF",highlightSecondary:"#9A9EA9",highlightTertiary:"#0A0C0F",alertConfirmation:"#43D48F",alertWarning:"#F58B00",alertError:"#FF0000",text100:"#F8F9FA",text200:"#C2C5CB",text300:"#8D919D",text400:"#5C606B",text500:"#0C0C0E"},creator:"016901e60000000000000000",name:"Dark Mode",type:"classic",mode:"dark",owner:"016901e60000000000000000",typography:{body:"BentonSans-Medium",headline:"BentonSans-Medium"}};var i=n(2),s=n.n(i),l=n(11),c={insert:"head",singleton:!1};s()(l.a,c),l.a.locals;const u=a.colors,d=a.typography;class A extends o.a.Component{componentDidMount(){Object.keys(u).forEach(e=>{document.documentElement.style.setProperty("--sdk-"+e,u[e])}),Object.keys(d).forEach(e=>{document.documentElement.style.setProperty("--sdk-font-"+e,d[e])})}componentWillUnmount(){Object.keys(u).forEach(e=>{document.documentElement.style.removeProperty("--sdk-"+e)}),Object.keys(d).forEach(e=>{document.documentElement.style.removeProperty("--sdk-font-"+e)})}render(){return o.a.createElement("div",{className:"sdk-wrapper"},this.props.children)}}var p=A;t.default=p}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define("MaestroWebSDK",["react","react-dom"],t):"object"==typeof exports?exports.MaestroWebSDK=t(require("react"),require("react-dom")):e.MaestroWebSDK=t(e.React,e.ReactDOM)}(this,(function(e,t){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var a=t[r]={i:r,l:!1,exports:{}};return e[r].call(a.exports,a,a.exports,n),a.l=!0,a.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(r,a,function(t){return e[t]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(t,n){t.exports=e},function(e,t,n){"use strict";function r(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,"a",(function(){return a}));class a{constructor(e){r(this,"listeners",[]),r(this,"_value",void 0),this._value=e}get value(){return this._value}set value(e){this._value=e,this.notify()}subscribe(e){return this.listeners.push(e),()=>{this.listeners=this.listeners.filter(t=>t!==e)}}notify(){this.listeners.forEach(e=>e(this._value))}}},function(e,t,n){"use strict";var r,a=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),s=[];function i(e){for(var t=-1,n=0;n<s.length;n++)if(s[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],a=0;a<e.length;a++){var o=e[a],l=t.base?o[0]+t.base:o[0],c=n[l]||0,u="".concat(l," ").concat(c);n[l]=c+1;var d=i(u),A={css:o[1],media:o[2],sourceMap:o[3]};-1!==d?(s[d].references++,s[d].updater(A)):s.push({identifier:u,updater:f(A,t),references:1}),r.push(u)}return r}function c(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var a=n.nc;a&&(r.nonce=a)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var s=o(e.insert||"head");if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(t)}return t}var u,d=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function A(e,t,n,r){var a=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=d(t,a);else{var o=document.createTextNode(a),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(o,s[t]):e.appendChild(o)}}function p(e,t,n){var r=n.css,a=n.media,o=n.sourceMap;if(a?e.setAttribute("media",a):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var h=null,m=0;function f(e,t){var n,r,a;if(t.singleton){var o=m++;n=h||(h=c(t)),r=A.bind(null,n,o,!1),a=A.bind(null,n,o,!0)}else n=c(t),r=p.bind(null,n,t),a=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else a()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=a());var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var a=i(n[r]);s[a].references--}for(var o=l(e,t),c=0;c<n.length;c++){var u=i(n[c]);0===s[u].references&&(s[u].updater(),s.splice(u,1))}n=o}}}},function(e,t,n){"use strict";function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null==n)return;var r,a,o=[],s=!0,i=!1;try{for(n=n.call(e);!(s=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);s=!0);}catch(e){i=!0,a=e}finally{try{s||null==n.return||n.return()}finally{if(i)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return a(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}e.exports=function(e){var t=r(e,4),n=t[1],a=t[3];if(!a)return n;if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),i="/*# ".concat(s," */"),l=a.sources.map((function(e){return"/*# sourceURL=".concat(a.sourceRoot||"").concat(e," */")}));return[n].concat(l).concat([i]).join("\n")}return[n].join("\n")}},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var a={};if(r)for(var o=0;o<this.length;o++){var s=this[o][0];null!=s&&(a[s]=!0)}for(var i=0;i<e.length;i++){var l=[].concat(e[i]);r&&a[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),t.push(l))}},t}},function(e,t,n){"use strict";n.d(t,"b",(function(){return l})),n.d(t,"a",(function(){return a})),n.d(t,"c",(function(){return o})),n.d(t,"d",(function(){return s})),n.d(t,"e",(function(){return i}));var r=n(7);const{destroy:a,pause:o,resume:s,setFocus:i,init:l,setKeyMap:c}=r.b},function(e,t,n){e.exports=n(21)()},function(e,t,n){"use strict";n.d(t,"a",(function(){return A}));const r=e=>{let{offsetParent:t}=e;const n=e.offsetHeight,r=e.offsetWidth;let a=e.offsetLeft,o=e.offsetTop;for(;t&&1===t.nodeType;)a+=t.offsetLeft-t.scrollLeft,o+=t.offsetTop-t.scrollTop,({offsetParent:t}=t);return{height:n,left:a,top:o,width:r}};var a=(e,t)=>{const n=e&&e.parentNode;if(n){const a=r(n),{height:o,left:s,top:i,width:l}=r(e);t(s-a.left,i-a.top,l,o,s,i)}};function o(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const s="undefined"!=typeof window&&window.document,i=s?window.innerWidth:0,l=s?window.innerHeight:0;class c{constructor(){o(this,"debugCtx",void 0),o(this,"layoutsCtx",void 0),s?(this.debugCtx=c.createCanvas("sn-debug",1010),this.layoutsCtx=c.createCanvas("sn-layouts",1e3)):(this.debugCtx=null,this.layoutsCtx=null)}static createCanvas(e,t){const n=document.querySelector("#"+e)||document.createElement("canvas");n.setAttribute("id",e);const r=n.getContext("2d");if(!r)throw new Error("Could not get 2d context from canvas");return n.style.cssText="position: fixed; top: 0; left: 0; z-index: "+t,document.body.appendChild(n),n.width=i,n.height=l,r}clear(){s&&this.debugCtx&&this.debugCtx.clearRect(0,0,i,l)}clearLayouts(){s&&this.layoutsCtx&&this.layoutsCtx.clearRect(0,0,i,l)}drawLayout(e,t,n){s&&this.layoutsCtx&&(this.layoutsCtx.strokeStyle="green",this.layoutsCtx.strokeRect(e.left,e.top,e.width,e.height),this.layoutsCtx.font="8px monospace",this.layoutsCtx.fillStyle="red",this.layoutsCtx.fillText(t,e.left,e.top+10),this.layoutsCtx.fillText(n,e.left,e.top+25),this.layoutsCtx.fillText("left: "+e.left,e.left,e.top+40),this.layoutsCtx.fillText("top: "+e.top,e.left,e.top+55))}drawPoint(e,t,n="blue",r=10){s&&this.debugCtx&&(this.debugCtx.strokeStyle=n,this.debugCtx.lineWidth=3,this.debugCtx.strokeRect(e-r/2,t-r/2,r,r))}}var u=c;function d(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const A="SN:ROOT",p={left:37,up:38,right:39,down:40,enter:13},h=["#0FF","#FF0","#F0F"],m={leading:!0,trailing:!1},f=(e,t,n={})=>{let r=null,a=0;const{leading:o=!0,trailing:s=!0}=n;return function(...n){const i=Date.now();a||o||(a=i);const l=t-(i-a);l<=0||l>t?(r&&(clearTimeout(r),r=null),a=i,e.apply(this,n)):!r&&s&&(r=window.setTimeout(()=>{a=o?Date.now():0,r=null,e.apply(this,n)},l))}},y=(e,t)=>[...e].sort((e,n)=>{const r=t(e),a=t(n);return r<a?-1:r>a?1:0}),v=e=>e[0],g=(e,t)=>Object.keys(e).find(n=>t(e[n])),b=(e,t)=>e.filter(e=>!t.includes(e)),C=(e,t)=>e.forEach(t);class E{static getCutoffCoordinate(e,t,n,r){const a=r.left,o=r.top,s=r.width,i=r.height,l=e?o:a,c=e?i:s;return t?n?l:l+c:n?l+c:l}static getRefCorners(e,t,n){const r=n.left,a=n.top,o=n.width,s=n.height,i={a:{x:0,y:0},b:{x:0,y:0}};switch(e){case"up":{const e=t?a+s:a;i.a={x:r,y:e},i.b={x:r+o,y:e};break}case"down":{const e=t?a:a+s;i.a={x:r,y:e},i.b={x:r+o,y:e};break}case"left":{const e=t?r+o:r;i.a={x:e,y:a},i.b={x:e,y:a+s};break}case"right":{const e=t?r:r+o;i.a={x:e,y:a},i.b={x:e,y:a+s};break}}return i}static isAdjacentSlice(e,t,n){const{a:r,b:a}=e,{a:o,b:s}=t,i=n?"x":"y",l=r[i],c=a[i],u=o[i],d=s[i],A=.2*(c-l);return Math.max(0,Math.min(c,d)-Math.max(l,u))>=A}static getPrimaryAxisDistance(e,t,n){const{a:r}=e,{a:a}=t,o=n?"y":"x";return Math.abs(a[o]-r[o])}static getSecondaryAxisDistance(e,t,n){const{a:r,b:a}=e,{a:o,b:s}=t,i=n?"x":"y",l=r[i],c=a[i],u=o[i],d=s[i],A=[];return A.push(Math.abs(u-l)),A.push(Math.abs(u-c)),A.push(Math.abs(d-l)),A.push(Math.abs(d-c)),Math.min(...A)}sortSiblingsByPriority(e,t,n,r){const a="down"===n||"up"===n,o=E.getRefCorners(n,!1,t);return[...e].sort((e,t)=>{const r=E.getRefCorners(n,!0,e.layout),s=E.getRefCorners(n,!0,t.layout),i=E.isAdjacentSlice(o,r,a),l=E.isAdjacentSlice(o,s,a),c=i?E.getPrimaryAxisDistance:E.getSecondaryAxisDistance,u=l?E.getPrimaryAxisDistance:E.getSecondaryAxisDistance,d=i?E.getSecondaryAxisDistance:E.getPrimaryAxisDistance,A=l?E.getSecondaryAxisDistance:E.getPrimaryAxisDistance,p=c(o,r,a),h=u(o,s,a);return(5*p+d(o,r,a)+1)/(i?5:1)-(5*h+A(o,s,a)+1)/(l?5:1)})}constructor(){d(this,"focusableComponents",void 0),d(this,"focusKey",void 0),d(this,"parentsHavingFocusedChild",void 0),d(this,"enabled",void 0),d(this,"nativeMode",void 0),d(this,"throttle",void 0),d(this,"throttleKeypresses",void 0),d(this,"pressedKeys",void 0),d(this,"paused",void 0),d(this,"keyDownEventListener",void 0),d(this,"keyUpEventListener",void 0),d(this,"keyMap",void 0),d(this,"debug",void 0),d(this,"visualDebugger",void 0),d(this,"logIndex",void 0),this.focusableComponents={},this.focusKey=null,this.parentsHavingFocusedChild=[],this.enabled=!1,this.nativeMode=!1,this.throttle=0,this.throttleKeypresses=!1,this.pressedKeys={},this.paused=!1,this.keyDownEventListener=null,this.keyUpEventListener=null,this.keyMap=p,this.debug=!1,this.visualDebugger=null,this.logIndex=0,this.onKeyEvent=this.onKeyEvent.bind(this),this.pause=this.pause.bind(this),this.resume=this.resume.bind(this),this.setFocus=this.setFocus.bind(this),this.updateAllLayouts=this.updateAllLayouts.bind(this),this.navigateByDirection=this.navigateByDirection.bind(this),this.init=this.init.bind(this),this.setKeyMap=this.setKeyMap.bind(this)}init({debug:e=!1,visualDebug:t=!1,nativeMode:n=!1,throttle:r=0,throttleKeypresses:a=!1}={}){this.enabled||(this.enabled=!0,this.nativeMode=n,this.throttleKeypresses=a,this.debug=e,this.nativeMode||(Number.isInteger(r)&&r>0&&(this.throttle=r),this.bindEventHandlers(),t&&(this.visualDebugger=new u,this.startDrawLayouts())))}startDrawLayouts(){const e=()=>{requestAnimationFrame(()=>{var t;null===(t=this.visualDebugger)||void 0===t||t.clearLayouts(),Object.entries(this.focusableComponents).forEach(([e,t])=>{var n;null===(n=this.visualDebugger)||void 0===n||n.drawLayout(t.layout,e,t.parentFocusKey)}),e()})};e()}destroy(){this.enabled&&(this.enabled=!1,this.nativeMode=!1,this.throttle=0,this.throttleKeypresses=!1,this.focusKey=null,this.parentsHavingFocusedChild=[],this.focusableComponents={},this.paused=!1,this.keyMap=p,this.unbindEventHandlers())}getEventType(e){return g(this.getKeyMap(),t=>e===t)}bindEventHandlers(){if("undefined"!=typeof window&&window.addEventListener){const e=e=>{if(!0===this.paused)return;this.debug&&(this.logIndex+=1);const t=this.getEventType(e.keyCode);if(!t)return;this.pressedKeys[t]=this.pressedKeys[t]?this.pressedKeys[t]+1:1,e.preventDefault(),e.stopPropagation();const n={pressedKeys:this.pressedKeys};if("enter"===t&&this.focusKey)return void this.onEnterPress(n);var r;!1===this.onArrowPress(t,n)?(this.log("keyDownEventListener","default navigation prevented"),null===(r=this.visualDebugger)||void 0===r||r.clear()):this.onKeyEvent(e)};this.keyDownEventListener=this.throttle?f(e,this.throttle,m):e,this.keyUpEventListener=e=>{const t=this.getEventType(e.keyCode);var n,r;(t&&delete this.pressedKeys[t],this.throttle&&!this.throttleKeypresses)&&(null===(n=this.keyDownEventListener)||void 0===n||null===(r=n.cancel)||void 0===r||r.call(n));"enter"===t&&this.focusKey&&this.onEnterRelease()},window.addEventListener("keyup",this.keyUpEventListener),window.addEventListener("keydown",this.keyDownEventListener)}}unbindEventHandlers(){"undefined"!=typeof window&&window.removeEventListener&&(window.removeEventListener("keydown",this.keyDownEventListener),this.keyDownEventListener=null,this.throttle&&(window.removeEventListener("keyup",this.keyUpEventListener),this.keyUpEventListener=null))}onEnterPress(e){var t;const n=this.focusableComponents[this.focusKey];n?n.focusable?null===(t=n.onEnterPressHandler)||void 0===t||t.call(n,e):this.log("onEnterPress","componentNotFocusable"):this.log("onEnterPress","noComponent")}onEnterRelease(){var e;const t=this.focusableComponents[this.focusKey];t?t.focusable?null===(e=t.onEnterReleaseHandler)||void 0===e||e.call(t):this.log("onEnterRelease","componentNotFocusable"):this.log("onEnterRelease","noComponent")}onArrowPress(e,t){var n;const r=this.focusableComponents[this.focusKey];if(r)return null===(n=r.onArrowPressHandler)||void 0===n?void 0:n.call(r,e,t);this.log("onArrowPress","noComponent")}navigateByDirection(e,t={}){if(!0===this.paused)return;const n=["down","up","left","right"];n.includes(e)?(this.log("navigateByDirection","direction",e),this.smartNavigate(e,null,t)):this.log("navigateByDirection",`Invalid direction. You passed: \`${e}\`, but you can use only these: `,n)}onKeyEvent(e){var t;null===(t=this.visualDebugger)||void 0===t||t.clear();const n=g(this.getKeyMap(),t=>e.keyCode===t);n&&this.smartNavigate(n,null,{event:e})}smartNavigate(e,t,n){this.log("smartNavigate","direction",e),this.log("smartNavigate","fromParentFocusKey",t),this.log("smartNavigate","this.focusKey",this.focusKey),this.nativeMode||t||Object.values(this.focusableComponents).forEach(e=>{e.layoutUpdated=!1});const r=this.focusableComponents[t||this.focusKey];if(this.log("smartNavigate","currentComponent",r?r.focusKey:void 0,r?r.node:void 0),r){this.updateLayout(r.focusKey);const{parentFocusKey:t,focusKey:a,layout:o}=r,s="down"===e||"up"===e,i="down"===e||"right"===e,l=E.getCutoffCoordinate(s,i,!1,o),c=Object.values(this.focusableComponents).filter(e=>{if(e.parentFocusKey===t&&e.focusable){this.updateLayout(e.focusKey);const t=E.getCutoffCoordinate(s,i,!0,e.layout);return i?t>=l:t<=l}return!1});if(this.debug&&this.log("smartNavigate","siblings",c),c.length>0){const t=this.sortSiblingsByPriority(c,o,e,a);this.debug&&this.log("smartNavigate","sortedSiblings",t);const r=t[0];r&&this.setFocus(r.focusKey,n)}else this.log("smartNavigate","noSiblings"),t&&this.smartNavigate(e,t,n)}}saveLastFocusedChildKey(e,t){e&&(this.log("saveLastFocusedChildKey",e.focusKey+" lastFocusedChildKey set",t),e.lastFocusedChildKey=t)}log(e,t,...n){this.debug&&console.log(`%c${e}%c${t}`,`background: ${h[this.logIndex%h.length]}; color: black; padding: 1px 5px;`,"background: #333; color: #BADA55; padding: 1px 5px;",...n)}getNextFocusKey(e){this.log("getNextFocusKey","targetFocusKey",e);const t=this.focusableComponents[e];if(!t)return e;const{trackChildren:n}=t;if(!n)return e;const r=Object.values(this.focusableComponents).filter(t=>t.parentFocusKey===e&&t.focusable);if(0===r.length)return e;const{lastFocusedChildKey:a,preferredChildFocusKey:o}=t;if(a&&!t.forgetLastFocusedChild&&this.isParticipatingFocusableComponent(a))return this.log("getNextFocusKey","lastFocusedChildKey will be focused",a),this.getNextFocusKey(a);if(o&&this.isParticipatingFocusableComponent(o))return this.log("getNextFocusKey","preferredChildFocusKey will be focused",o),this.getNextFocusKey(o);r.forEach(e=>this.updateLayout(e.focusKey));const{focusKey:s}=(e=>{const t=y(e,({layout:e})=>Math.abs(e.left)+Math.abs(e.top));return v(t)})(r);return this.log("getNextFocusKey","childKey will be focused",s),this.getNextFocusKey(s)}addFocusable({focusKey:e,node:t,parentFocusKey:n,onEnterPressHandler:r,onEnterReleaseHandler:a,onArrowPressHandler:o,onBecameFocusedHandler:s,onBecameBlurredHandler:i,forgetLastFocusedChild:l,trackChildren:c,onUpdateFocus:u,onUpdateHasFocusedChild:d,preferredChildFocusKey:A,autoRestoreFocus:p,focusable:h=!0,blockNavigationOut:m}){this.focusableComponents[e]={focusKey:e,node:t,parentFocusKey:n,onEnterPressHandler:r,onEnterReleaseHandler:a,onArrowPressHandler:o,onBecameFocusedHandler:s,onBecameBlurredHandler:i,onUpdateFocus:u,onUpdateHasFocusedChild:d,forgetLastFocusedChild:l,trackChildren:c,lastFocusedChildKey:null,preferredChildFocusKey:A,focusable:h,blockNavigationOut:m,autoRestoreFocus:p,layout:{x:0,y:0,width:0,height:0,left:0,top:0,node:t},layoutUpdated:!1},this.nativeMode||(this.updateLayout(e),e===this.focusKey&&this.setFocus(e))}removeFocusable({focusKey:e}){const t=this.focusableComponents[e];if(t){const{parentFocusKey:n}=t;Reflect.deleteProperty(this.focusableComponents,e);const r=this.focusableComponents[n],a=e===this.focusKey;if(r&&r.lastFocusedChildKey===e&&(r.lastFocusedChildKey=null),this.nativeMode)return;a&&r&&r.autoRestoreFocus&&this.setFocus(n)}}getNodeLayoutByFocusKey(e){const t=this.focusableComponents[e];return t?(this.updateLayout(t.focusKey),t.layout):null}setCurrentFocusedKey(e,t){if(this.isFocusableComponent(this.focusKey)&&e!==this.focusKey){var n,r;const e=this.focusableComponents[this.focusKey],a=this.focusableComponents[e.parentFocusKey];this.saveLastFocusedChildKey(a,this.focusKey),null===(n=e.onUpdateFocus)||void 0===n||n.call(e,!1),null===(r=e.onBecameBlurredHandler)||void 0===r||r.call(e,this.getNodeLayoutByFocusKey(this.focusKey),t)}if(this.focusKey=e,this.isFocusableComponent(this.focusKey)){var a,o;const e=this.focusableComponents[this.focusKey];null===(a=e.onUpdateFocus)||void 0===a||a.call(e,!0),null===(o=e.onBecameFocusedHandler)||void 0===o||o.call(e,this.getNodeLayoutByFocusKey(this.focusKey),t)}}updateParentsHasFocusedChild(e,t){const n=[];let r=this.focusableComponents[e];for(;r;){const{parentFocusKey:e}=r,t=this.focusableComponents[e];if(t){const{focusKey:e}=t;n.push(e)}r=t}const a=b(this.parentsHavingFocusedChild,n),o=b(n,this.parentsHavingFocusedChild);C(a,e=>{var n;const r=this.focusableComponents[e];r&&r.trackChildren&&(null===(n=r.onUpdateHasFocusedChild)||void 0===n||n.call(r,!1)),this.onIntermediateNodeBecameBlurred(e,t)}),C(o,e=>{var n;const r=this.focusableComponents[e];r&&r.trackChildren&&(null===(n=r.onUpdateHasFocusedChild)||void 0===n||n.call(r,!0)),this.onIntermediateNodeBecameFocused(e,t)}),this.parentsHavingFocusedChild=n}updateParentsLastFocusedChild(e){let t=this.focusableComponents[e];for(;t;){const{parentFocusKey:e}=t,n=this.focusableComponents[e];n&&this.saveLastFocusedChildKey(n,t.focusKey),t=n}}getKeyMap(){return this.keyMap}setKeyMap(e){this.keyMap={...this.getKeyMap(),...e}}isFocusableComponent(e){return!!this.focusableComponents[e]}isParticipatingFocusableComponent(e){return this.isFocusableComponent(e)&&this.focusableComponents[e].focusable}onIntermediateNodeBecameFocused(e,t){var n,r;this.isParticipatingFocusableComponent(e)&&(null===(n=(r=this.focusableComponents[e]).onBecameFocusedHandler)||void 0===n||n.call(r,this.getNodeLayoutByFocusKey(e),t))}onIntermediateNodeBecameBlurred(e,t){var n,r;this.isParticipatingFocusableComponent(e)&&(null===(n=(r=this.focusableComponents[e]).onBecameBlurredHandler)||void 0===n||n.call(r,this.getNodeLayoutByFocusKey(e),t))}pause(){this.paused=!0}resume(){this.paused=!1}setFocus(e,t={}){const n=this.focusKey,r=this.getNextFocusKey(e);this.log("setFocus","newFocusKey",r),this.setCurrentFocusedKey(r,t),this.updateParentsHasFocusedChild(r,t),this.updateParentsLastFocusedChild(n)}updateAllLayouts(){this.nativeMode||Object.entries(this.focusableComponents).forEach(([e])=>{this.updateLayout(e)})}updateLayout(e){const t=this.focusableComponents[e];if(!t||this.nativeMode||t.layoutUpdated)return;const{node:n}=t;a(n,(e,r,a,o,s,i)=>{t.layout={x:e,y:r,width:a,height:o,left:s,top:i,node:n}})}updateFocusable(e,{node:t,preferredChildFocusKey:n,focusable:r,blockNavigationOut:a}){if(this.nativeMode)return;const o=this.focusableComponents[e];o&&(o.preferredChildFocusKey=n,o.focusable=null!=r?r:o.focusable,o.blockNavigationOut=a,t&&(o.node=t))}isNativeMode(){return this.nativeMode}getFocusableComponents(){return Object.values(this.focusableComponents)}getFocusableComponentsByParentFocusKey(e){return Object.values(this.focusableComponents).filter(t=>t.parentFocusKey===e)}}t.b=new E},function(e,t,n){"use strict";n.r(t);var r=n(1);function a(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s=class{constructor(){o(this,"currentlyPlayingClipIndex",new r.a(null)),o(this,"lastPlayedClipIndex",new r.a(null)),o(this,"currentClipPlaybackProgress",new r.a(null)),o(this,"errorState",new r.a("unpopulatedEvent")),o(this,"failedClips",new r.a({})),o(this,"items",new r.a([]))}isCurrentlyPlaying(e){return e===this.currentlyPlayingClipIndex.value}async setKeyPlays(e){null!==e?(this.items.value=this.parseNetworkResponse(e),this.cleanErrors()):this.errorState.value="tabLoadFailure"}cleanErrors(){"tabLoadFailure"===this.errorState.value&&(this.errorState.value=null),"unpopulatedEvent"===this.errorState.value&&this.allItems.length&&(this.errorState.value=null),this.allItems.length||(this.errorState.value="unpopulatedEvent")}async playKeyPlay(e){B.getMaestroEventViewModel().delegate.playClip(e)}parseNetworkResponse(e){const t=Object.values(e.entities.team),n=Object.values(e.entities.athlete),r=t.find(e=>"home"===e.homeAway),a=t.find(e=>"away"===e.homeAway);if(!r||!a)return console.log("Could not find home or away team"),[];const o=[],s=[];for(const i of e.sections){for(const e of i.items){const s=e.team?t.find(t=>t.id===e.team):void 0,l=e.athlete?n.find(t=>t.id===e.athlete):void 0,c=s?s.logoRef:void 0,u=l?l.headshot:void 0,d="headshot"!==e.thumbnailType?e.thumbnail:void 0,A=e.homeScore?e.homeScore:"0",p=e.awayScore?e.awayScore:"0",h=e.scoringPlay?parseInt(A):void 0,m=e.scoringPlay?parseInt(p):void 0,f={id:Math.random().toString(36).substring(2,15),description:e.description?e.description:"",homeTeamName:r?r.shortName:"",awayTeamName:a?a.shortName:"",homeTeamScore:h,awayTeamScore:m,clipID:e.clipID,teamImageUrl:c,playerImageUrl:u,thumbnailImageUrl:d,section:i.title};o.push(f)}if(o.length){const e=i.title,t=s.find(t=>t.title===e);t?t.items.push(...o):s.push({title:e,items:[...o]}),o.length=0}}return s}get allItems(){return this.items.value.reduce((e,t)=>e.concat(t.items),[])}clipID(e){if(this.allItems[e])return this.allItems[e].clipID}handleKeyPlayLoadFailure(e){const t=this.clipID(e);if(t){const n=this.failedClips.value;n[t]="recentFailure",this.failedClips.value=n,setTimeout(()=>{if("recentFailure"===this.loadFailureStatus(e)){const e=this.failedClips.value;e[t]="nonRecentFailure",this.failedClips.value=e}},5e3)}}loadFailureStatus(e){const t=this.clipID(e);return this.failedClips.value&&t?this.failedClips.value[t]:"noFailure"}clearLoadFailureStatus(e){const t=this.clipID(e);t&&this.failedClips&&(this.failedClips.value={...this.failedClips.value,[t]:"noFailure"})}async userRequestedNewKeyPlaysData(){const e=B.getMaestroEventViewModel();await e.delegate.userRequestedNewKeyPlaysData()}},i=n(5);function l(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class c extends class{constructor(){a(this,"_isLoading",new r.a(!1)),a(this,"_error",new r.a(null))}get isLoading(){return this._isLoading}get error(){return this._error}setLoading(e){this._isLoading.value=e}setError(e){this._error.value=e}}{constructor(e="",t){super(),l(this,"_eventId",new r.a("")),l(this,"_title",new r.a("")),l(this,"_isLive",new r.a(!1)),l(this,"_isShowingPanel",new r.a(!1)),l(this,"delegate",void 0),l(this,"keyPlaysViewModel",new s),this._eventId.value=e,this.delegate=t,Object(i.b)()}deinit(){Object(i.a)()}updateKeyPlaysData(e){return this.keyPlaysViewModel.setKeyPlays(e)}startFocusManagement(){return Object(i.e)(""),Object(i.d)(),setTimeout(()=>{Object(i.e)("PANEL_NAV_BUTTON_0")},0),Promise.resolve()}didStartPlayingClip(e){this.keyPlaysViewModel.lastPlayedClipIndex.value=e,this.keyPlaysViewModel.currentClipPlaybackProgress.value=0,this.keyPlaysViewModel.currentlyPlayingClipIndex.value=e,this.keyPlaysViewModel.clearLoadFailureStatus(e)}didStopPlayingClip(e){this.keyPlaysViewModel.lastPlayedClipIndex.value=e,this.keyPlaysViewModel.currentlyPlayingClipIndex.value=null,this.keyPlaysViewModel.currentClipPlaybackProgress.value=null}didFailToPlayClip(e){this.keyPlaysViewModel.handleKeyPlayLoadFailure(e)}didUpdatePlaybackProgressOfClip(e,t){this.keyPlaysViewModel.currentClipPlaybackProgress.value=t,this.keyPlaysViewModel.clearLoadFailureStatus(e)}didShowPanel(){return this.isShowingPanel=!0,Promise.resolve()}async didHidePanel(){this.isShowingPanel=!1,Object(i.c)()}didShowOverlay(){throw new Error("Method not implemented.")}didHideOverlay(){throw new Error("Method not implemented.")}currentEventDoesNotSupportKeyPlays(){this.keyPlaysViewModel.errorState.value="unsupportedEvent"}getCurrentEventID(){return this.eventId.value}getCurrentlyPlayingClipIndex(){return this.keyPlaysViewModel.currentlyPlayingClipIndex.value}getLastPlayedClipIndex(){return this.keyPlaysViewModel.lastPlayedClipIndex.value}getCurrentClipPlaybackProgress(){return this.keyPlaysViewModel.currentClipPlaybackProgress.value}getKeyPlaysCount(){return this.keyPlaysViewModel.allItems.length}get eventId(){return this._eventId}get title(){return this._title}get isLive(){return this._isLive}get isShowingPanel(){return this._isShowingPanel.value}set isShowingPanel(e){this._isShowingPanel.value=e}}var u=n(10);function d(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class A{constructor(e){d(this,"eventViewModel",void 0),d(this,"panelManagerViewModel",void 0),d(this,"keyPlaysViewModel",void 0),this.eventViewModel=e,this.panelManagerViewModel=new u.a,this.keyPlaysViewModel=new s}static async fromEventId(e,t){try{const n=new c(e,t);return new A(n)}catch(e){return console.error("Error creating view models from event ID",e),null}}}var p=n(0),h=n.n(p),m=n(9),f=n.n(m);function y(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v=class{constructor(){y(this,"renderersMap",new Map),y(this,"viewModels",null)}async setViewModels(e,t){try{return t?(this.viewModels=await A.fromEventId(e,t),this.viewModels):(console.error("No event delegate provided"),null)}catch(e){return console.error("Error creating view models from event ID",e),null}}async renderPanel(e){const t=await this.getRenderer(e);if(!this.viewModels)throw new Error("Cannot render panel manager: No view models set");const r=n(24).default,a=n(23).default;return t.render(h.a.createElement(r,null,h.a.createElement(a,null))),()=>{t.unmount(),this.renderersMap.delete(e)}}async getRenderer(e){if(this.renderersMap.has(e))return this.renderersMap.get(e);const t=document.getElementById(e);if(!t)throw new Error(`Element with id ${e} not found`);const n={render:e=>{f.a.render(e,t)},unmount:()=>{f.a.unmountComponentAtNode(t)}};return this.renderersMap.set(e,n),n}};function g(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const b=["664b9c57d59a7a431542d814"];class C{constructor(e){g(this,"renderer",void 0),g(this,"siteID",void 0),g(this,"jwt",void 0),g(this,"userID",void 0),g(this,"maestroEventViewModel",null),this.renderer=e}async userDidStartWatchingEvent(e,t){if(!this.isAuthorizedClient)throw new Error("Unauthorized use of SDK");return this.maestroEventViewModel=new c(e,t),this.maestroEventViewModel}userDidStopWatchingEvent(e){console.log("stop watching event",e),this.maestroEventViewModel&&(this.maestroEventViewModel.deinit(),this.maestroEventViewModel=null)}authenticateUser(e,t){throw new Error("Method not implemented")}deauthenticateUser(){throw new Error("Method not implemented.")}static getInstance(){if(!C.instance){const e=new v;C.instance=new C(e)}return C.instance}configure(e){e.siteID&&this.setSiteID(e.siteID),e.jwt&&this.setJwt(e.jwt),console.info("MaestroWebSDK configured",e)}get isAuthorizedClient(){const e=this.getSiteID();return Boolean(e&&b.includes(e))}setSiteID(e){this.siteID=e}getSiteID(){return this.siteID}setJwt(e){this.jwt=e}getJwt(){return this.jwt}setUserID(e){this.userID=e}getUserID(){return this.userID}getMaestroEventViewModel(){if(!this.maestroEventViewModel)throw new Error("No Maestro Event View Model set");return this.maestroEventViewModel}async renderPanel(e){if(!this.renderer.viewModels){if(!this.maestroEventViewModel)throw new Error("No Maestro Event View Model set.");let t="default-event-id";e&&(t=e),await this.renderer.setViewModels(t,this.maestroEventViewModel.delegate)}return this.renderer.renderPanel(e)}}g(C,"instance",void 0);const E=C.getInstance();var B=t.default=E},function(e,n){e.exports=t},function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(1);const a={KEY_PLAYS:"keyPlays",STATS:"stats",FANTASY:"fantasy",BETS:"bets"};function o(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class s{constructor(){o(this,"_panels",new r.a([a.KEY_PLAYS,a.STATS,a.FANTASY,a.BETS])),o(this,"_currentPanel",new r.a(a.KEY_PLAYS)),o(this,"_newlyFocusedPanel",new r.a(null))}get panels(){return this._panels.value}get panelsObservable(){return this._panels}get currentPanel(){return this._currentPanel.value}set currentPanel(e){this._currentPanel.value=e}get currentPanelObservable(){return this._currentPanel}get newlyFocusedPanel(){return this._newlyFocusedPanel.value}set newlyFocusedPanel(e){this._newlyFocusedPanel.value=e}getIndex(e){const t=this.panels.findIndex(t=>t===e);return-1!==t?t:null}getPanelType(e){return this.panels[e]||null}get panelTypeToLeft(){const e=this.getIndex(this.currentPanel);return null===e||0===e?null:this.getPanelType(e-1)}get panelTypeToRight(){const e=this.getIndex(this.currentPanel);return null===e||e===this.panels.length-1?null:this.getPanelType(e+1)}}},function(e,t,n){"use strict";var r=n(3),a=n.n(r),o=n(4),s=n.n(o)()(a.a);s.push([e.i,"/* Warning: Do not play with :root */\n.sdk-wrapper {\n  font-family: Arial, Helvetica, sans-serif;\n  color: var(--sdk-text100);\n}\n\n.T01 {\n  font-size: 1.125rem;\n  font-weight: normal;\n  line-height: 1.5rem;\n}\n\n.T02 {\n  font-size: 1.125rem;\n  font-weight: bold;\n  line-height: 1.5rem;\n}\n\n.T05_ALT {\n  font-size: 1.313rem;\n  font-weight: bold;\n  line-height: 1.75rem;\n}\n\n.T10 {\n  font-size: 1.438rem;\n  font-weight: bold;\n  line-height: 2rem;\n}\n\n.T20 {\n  font-size: 1.688rem;\n  font-weight: 500;\n  line-height: 2.25rem;\n}\n\n.T30 {\n  font-size: 1.813rem;\n  font-weight: bold;\n  line-height: 2.25rem;\n}\n\n.T70 {\n  font-size: 3rem;\n  font-weight: 900;\n  line-height: 3.5rem;\n}\n","",{version:3,sources:["webpack://./src/components/core/App/App.styles.css"],names:[],mappings:"AAAA,oCAAoC;AACpC;EACE,yCAAyC;EACzC,yBAAyB;AAC3B;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;EACjB,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;EACjB,oBAAoB;AACtB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;EACjB,iBAAiB;AACnB;;AAEA;EACE,mBAAmB;EACnB,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;EACjB,oBAAoB;AACtB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,mBAAmB;AACrB",sourcesContent:["/* Warning: Do not play with :root */\n.sdk-wrapper {\n  font-family: Arial, Helvetica, sans-serif;\n  color: var(--sdk-text100);\n}\n\n.T01 {\n  font-size: 1.125rem;\n  font-weight: normal;\n  line-height: 1.5rem;\n}\n\n.T02 {\n  font-size: 1.125rem;\n  font-weight: bold;\n  line-height: 1.5rem;\n}\n\n.T05_ALT {\n  font-size: 1.313rem;\n  font-weight: bold;\n  line-height: 1.75rem;\n}\n\n.T10 {\n  font-size: 1.438rem;\n  font-weight: bold;\n  line-height: 2rem;\n}\n\n.T20 {\n  font-size: 1.688rem;\n  font-weight: 500;\n  line-height: 2.25rem;\n}\n\n.T30 {\n  font-size: 1.813rem;\n  font-weight: bold;\n  line-height: 2.25rem;\n}\n\n.T70 {\n  font-size: 3rem;\n  font-weight: 900;\n  line-height: 3.5rem;\n}\n"],sourceRoot:""}]),t.a=s},function(e,t,n){"use strict";var r=n(3),a=n.n(r),o=n(4),s=n.n(o)()(a.a);s.push([e.i,".sdk--panel-manager {\n  padding: 3.75rem;\n  padding-left: 3rem;\n  padding-bottom: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: 3.75rem;\n}\n\n.sdk--panel-manager .panel-coming-soon {\n  display: flex;\n  justify-content: center;\n}\n","",{version:3,sources:["webpack://./src/components/core/PanelManager/PanelManager.styles.css"],names:[],mappings:"AAAA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,iBAAiB;;EAEjB,aAAa;EACb,sBAAsB;EACtB,YAAY;AACd;;AAEA;EACE,aAAa;EACb,uBAAuB;AACzB",sourcesContent:[".sdk--panel-manager {\n  padding: 3.75rem;\n  padding-left: 3rem;\n  padding-bottom: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: 3.75rem;\n}\n\n.sdk--panel-manager .panel-coming-soon {\n  display: flex;\n  justify-content: center;\n}\n"],sourceRoot:""}]),t.a=s},function(e,t,n){"use strict";var r=n(3),a=n.n(r),o=n(4),s=n.n(o)()(a.a);s.push([e.i,".key-plays-view {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  overflow-y: auto;\n  max-height: calc(100vh - 86px - 3.75rem - 3.75rem);\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  overscroll-behavior: contain;\n}\n\n.key-plays-view .key-plays-section:last-child {\n  margin-bottom: 4rem;\n} \n\n.key-plays-view::-webkit-scrollbar {\n  display: none;\n}\n\n.key-plays-section {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n\n/* Sticky section title using CSS position: sticky */\n.key-plays-section-title {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  margin: 0;\n}\n\n.key-plays-section-items {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.key-plays-section:last-of-type {\n  margin-bottom: 0;\n}\n\n.key-plays-bottom-padding {\n  height: calc(\n    100vh - 240px\n  );\n  min-height: 400px;\n  width: 100%;\n}\n\n.key-play-card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface2);\n  contain: content;\n  border: 3px solid transparent;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.key-play-card[data-focused='true'] {\n  border-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card-content {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n}\n\n.key-play-card-content .cardImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.key-play-card-content .text-content {\n  padding: 2.75rem 2.25rem 2.75rem 1.5rem;\n  align-items: center;\n  display: flex;\n}\n\n.key-play-card-content .multi-line {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.key-play-card progress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 8px;\n  border-radius: 15px;\n  background-color: var(--sdk-surface6);\n  box-shadow: 0px 1px 3px 0px #10111366 inset;\n  overflow: hidden;\n  border-radius: 0;\n}\n\n.key-play-card progress::-webkit-progress-bar,\n.key-play-card progress::-moz-progress-bar {\n  background-color: var(--sdk-surface6);\n}\n\n.key-play-card progress::-webkit-progress-value {\n  background-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card .score {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  gap: 4rem;\n  background-color: var(--sdk-surface4);\n}\n\n.key-play-card .score-team {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n","",{version:3,sources:["webpack://./src/modules/key-plays/view/KeyPlaysView.styles.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,gBAAgB;EAChB,kDAAkD;EAClD,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;AAC9B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,kBAAkB;AACpB;;AAEA,oDAAoD;AACpD;EACE,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,SAAS;AACX;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;AACX;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE;;GAEC;EACD,iBAAiB;EACjB,WAAW;AACb;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,qCAAqC;EACrC,gBAAgB;EAChB,6BAA6B;EAC7B,yCAAyC;AAC3C;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,8BAA8B;AAChC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,uCAAuC;EACvC,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,oBAAoB;EACpB,4BAA4B;EAC5B,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,wBAAwB;EACxB,qBAAqB;EACrB,gBAAgB;EAChB,WAAW;EACX,WAAW;EACX,mBAAmB;EACnB,qCAAqC;EACrC,2CAA2C;EAC3C,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;;EAEE,qCAAqC;AACvC;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,aAAa;EACb,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;AACX",sourcesContent:[".key-plays-view {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  overflow-y: auto;\n  max-height: calc(100vh - 86px - 3.75rem - 3.75rem);\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  overscroll-behavior: contain;\n}\n\n.key-plays-view .key-plays-section:last-child {\n  margin-bottom: 4rem;\n} \n\n.key-plays-view::-webkit-scrollbar {\n  display: none;\n}\n\n.key-plays-section {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n\n/* Sticky section title using CSS position: sticky */\n.key-plays-section-title {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  margin: 0;\n}\n\n.key-plays-section-items {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.key-plays-section:last-of-type {\n  margin-bottom: 0;\n}\n\n.key-plays-bottom-padding {\n  height: calc(\n    100vh - 240px\n  );\n  min-height: 400px;\n  width: 100%;\n}\n\n.key-play-card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface2);\n  contain: content;\n  border: 3px solid transparent;\n  transition: border-color 0.2s ease-in-out;\n}\n\n.key-play-card[data-focused='true'] {\n  border-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card-content {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n}\n\n.key-play-card-content .cardImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.key-play-card-content .text-content {\n  padding: 2.75rem 2.25rem 2.75rem 1.5rem;\n  align-items: center;\n  display: flex;\n}\n\n.key-play-card-content .multi-line {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.key-play-card progress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 8px;\n  border-radius: 15px;\n  background-color: var(--sdk-surface6);\n  box-shadow: 0px 1px 3px 0px #10111366 inset;\n  overflow: hidden;\n  border-radius: 0;\n}\n\n.key-play-card progress::-webkit-progress-bar,\n.key-play-card progress::-moz-progress-bar {\n  background-color: var(--sdk-surface6);\n}\n\n.key-play-card progress::-webkit-progress-value {\n  background-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card .score {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  gap: 4rem;\n  background-color: var(--sdk-surface4);\n}\n\n.key-play-card .score-team {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n"],sourceRoot:""}]),t.a=s},function(e,t,n){"use strict";var r=n(3),a=n.n(r),o=n(4),s=n.n(o)()(a.a);s.push([e.i,'.scrollable-gradient {\n  position: relative;\n}\n\n\n.scrollable-gradient::before {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 3.625rem; /* Height of the top gradient */\n  z-index: 0;\n  transition: z-index 0.3s ease;\n}\n\n.scroll-container-scrolled::before {\n  z-index: 1;\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n\n.scrollable-gradient::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 6rem; /* Height of the bottom gradient */\n  background: linear-gradient(180deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n',"",{version:3,sources:["webpack://./src/components/molecules/ScrollableGradient/ScrollableGradient.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;AACpB;;;AAGA;EACE,WAAW;EACX,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,gBAAgB,EAAE,+BAA+B;EACjD,UAAU;EACV,6BAA6B;AAC/B;;AAEA;EACE,UAAU;EACV,yEAAyE;AAC3E;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,SAAS;EACT,YAAY,EAAE,kCAAkC;EAChD,2EAA2E;AAC7E",sourcesContent:['.scrollable-gradient {\n  position: relative;\n}\n\n\n.scrollable-gradient::before {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 3.625rem; /* Height of the top gradient */\n  z-index: 0;\n  transition: z-index 0.3s ease;\n}\n\n.scroll-container-scrolled::before {\n  z-index: 1;\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n\n.scrollable-gradient::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 6rem; /* Height of the bottom gradient */\n  background: linear-gradient(180deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n'],sourceRoot:""}]),t.a=s},function(e,t,n){"use strict";var r=n(3),a=n.n(r),o=n(4),s=n.n(o)()(a.a);s.push([e.i,".key-play-card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface2);\n  contain: content;\n  border: 0.188rem solid transparent;\n  transition: border-color 0.2s ease-in-out;\n  position: relative;\n}\n\n.key-play-card[data-focused=true] {\n  border-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card-content {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n}\n\n.key-play-card-content .cardImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.key-play-card-content .text-content {\n  padding: 2.75rem 2.25rem 2.75rem 1.5rem;\n  align-items: center;\n  display: flex;\n}\n\n.key-play-card-content .multi-line {\n  display: -webkit-box; /* This sets up the box for the flex behavior */\n  -webkit-box-orient: vertical; /* Defines the orientation of the box's children (vertical for lines) */\n  -webkit-line-clamp: 3; /* Limit the content to 3 lines */\n  overflow: hidden; /* Hide any overflow text */\n  text-overflow: ellipsis; /* Add an ellipsis at the end of the last visible line */\n}\n\n.key-play-card progress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 8px;\n  border-radius: 15px;\n  background-color: var(--sdk-surface6);\n  box-shadow: 0px 1px 3px 0px #10111366 inset;\n  overflow: hidden;\n  border-radius: 0;\n  position: absolute;\n  bottom: 0;\n}\n\n.key-play-card progress::-webkit-progress-bar, .key-play-card progress::-moz-progress-bar {\n  background-color: var(--sdk-surface6);\n}\n\n.key-play-card progress::-webkit-progress-value {\n  background-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card .score {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  gap: 4rem;\n  background-color: var(--sdk-surface4);\n}\n\n.key-play-card .score-team {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.key-play-card .error-state {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--sdk-surface2);\n  gap: 1rem;\n}\n\n.key-play-card .error-state path {\n  fill: var(--sdk-alertWarning);\n}\n\n.key-play-card .non-recent-error-state {\n  position: absolute;\n  top: 1.125rem;\n  right: 1.125rem;\n}\n","",{version:3,sources:["webpack://./src/modules/key-plays/view/KeyPlayCardView.styles.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,qCAAqC;EACrC,gBAAgB;EAChB,kCAAkC;EAClC,yCAAyC;EACzC,kBAAkB;AACpB;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,8BAA8B;AAChC;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,uCAAuC;EACvC,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,oBAAoB,EAAE,+CAA+C;EACrE,4BAA4B,EAAE,uEAAuE;EACrG,qBAAqB,EAAE,iCAAiC;EACxD,gBAAgB,EAAE,2BAA2B;EAC7C,uBAAuB,EAAE,wDAAwD;AACnF;;AAEA;EACE,wBAAwB;EACxB,qBAAqB;EACrB,gBAAgB;EAChB,WAAW;EACX,WAAW;EACX,mBAAmB;EACnB,qCAAqC;EACrC,2CAA2C;EAC3C,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;AACX;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,aAAa;EACb,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;AACX;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,qCAAqC;EACrC,SAAS;AACX;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,eAAe;AACjB",sourcesContent:[".key-play-card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface2);\n  contain: content;\n  border: 0.188rem solid transparent;\n  transition: border-color 0.2s ease-in-out;\n  position: relative;\n}\n\n.key-play-card[data-focused=true] {\n  border-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card-content {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n}\n\n.key-play-card-content .cardImage {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.key-play-card-content .text-content {\n  padding: 2.75rem 2.25rem 2.75rem 1.5rem;\n  align-items: center;\n  display: flex;\n}\n\n.key-play-card-content .multi-line {\n  display: -webkit-box; /* This sets up the box for the flex behavior */\n  -webkit-box-orient: vertical; /* Defines the orientation of the box's children (vertical for lines) */\n  -webkit-line-clamp: 3; /* Limit the content to 3 lines */\n  overflow: hidden; /* Hide any overflow text */\n  text-overflow: ellipsis; /* Add an ellipsis at the end of the last visible line */\n}\n\n.key-play-card progress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 8px;\n  border-radius: 15px;\n  background-color: var(--sdk-surface6);\n  box-shadow: 0px 1px 3px 0px #10111366 inset;\n  overflow: hidden;\n  border-radius: 0;\n  position: absolute;\n  bottom: 0;\n}\n\n.key-play-card progress::-webkit-progress-bar, .key-play-card progress::-moz-progress-bar {\n  background-color: var(--sdk-surface6);\n}\n\n.key-play-card progress::-webkit-progress-value {\n  background-color: var(--sdk-highlightPrimary);\n}\n\n.key-play-card .score {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  gap: 4rem;\n  background-color: var(--sdk-surface4);\n}\n\n.key-play-card .score-team {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.key-play-card .error-state {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--sdk-surface2);\n  gap: 1rem;\n}\n\n.key-play-card .error-state path {\n  fill: var(--sdk-alertWarning);\n}\n\n.key-play-card .non-recent-error-state {\n  position: absolute;\n  top: 1.125rem;\n  right: 1.125rem;\n}\n"],sourceRoot:""}]),t.a=s},function(e,t,n){"use strict";var r=n(3),a=n.n(r),o=n(4),s=n.n(o)()(a.a);s.push([e.i,".sdk--key-play-error-state-unsupportedEvent {\n  padding: 2.25rem 1.5rem 0 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.sdk--key-play-error-state-unsupportedEvent::after {\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.08) 100%);\n}\n\n.sdk--key-play-error-state-unsupportedEvent h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-unsupportedEvent p {\n  margin: 0;\n  color: var(--sdk-text200);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent {\n  overflow-y: hidden;\n  max-height: calc(100vh - 86px - 3.75rem - 3.75rem);\n  padding: 2.25rem 1.5rem 0 1.5rem;\n  scrollbar-width: none;\n  display: flex;\n  flex-direction: column;\n  gap: 6.25rem;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent p {\n  margin: 0;\n  color: var(--sdk-text200);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples::after {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  bottom: 0;\n  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 92.2%);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples .example {\n  display: flex;\n  gap: 1rem;\n  padding: 1.75rem 1.5rem;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface3);\n  height: 8rem;\n}\n\n.sdk--key-play-error-state-tabLoadFailure {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  border-radius: 0.625rem;\n  border: 0.188rem solid transparent;\n  transition: border-color 0.2s ease-in-out;\n  padding: 1.5rem;\n  background-color: var(--sdk-surface4);\n}\n\n.sdk--key-play-error-state-tabLoadFailure h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-tabLoadFailure p {\n  margin: 0;\n  height: 5.375rem;\n}\n","",{version:3,sources:["webpack://./src/modules/key-plays/view/KeyPlayErrorStateView.styles.css"],names:[],mappings:"AAAA;EACE,gCAAgC;EAChC,aAAa;EACb,sBAAsB;EACtB,SAAS;AACX;AACA;EACE,wFAAwF;AAC1F;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;EAClB,kDAAkD;EAClD,gCAAgC;EAChC,qBAAqB;EACrB,aAAa;EACb,sBAAsB;EACtB,YAAY;AACd;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,yBAAyB;AAC3B;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,uBAAuB;EACvB,SAAS;AACX;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,SAAS;EACT,qEAAqE;AACvE;;AAEA;EACE,aAAa;EACb,SAAS;EACT,uBAAuB;EACvB,uBAAuB;EACvB,qCAAqC;EACrC,YAAY;AACd;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,uBAAuB;EACvB,kCAAkC;EAClC,yCAAyC;EACzC,eAAe;EACf,qCAAqC;AACvC;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,gBAAgB;AAClB",sourcesContent:[".sdk--key-play-error-state-unsupportedEvent {\n  padding: 2.25rem 1.5rem 0 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.sdk--key-play-error-state-unsupportedEvent::after {\n  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.08) 100%);\n}\n\n.sdk--key-play-error-state-unsupportedEvent h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-unsupportedEvent p {\n  margin: 0;\n  color: var(--sdk-text200);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent {\n  overflow-y: hidden;\n  max-height: calc(100vh - 86px - 3.75rem - 3.75rem);\n  padding: 2.25rem 1.5rem 0 1.5rem;\n  scrollbar-width: none;\n  display: flex;\n  flex-direction: column;\n  gap: 6.25rem;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent p {\n  margin: 0;\n  color: var(--sdk-text200);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  position: relative;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples::after {\n  content: '';\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  bottom: 0;\n  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 92.2%);\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples .example {\n  display: flex;\n  gap: 1rem;\n  padding: 1.75rem 1.5rem;\n  border-radius: 0.625rem;\n  background-color: var(--sdk-surface3);\n  height: 8rem;\n}\n\n.sdk--key-play-error-state-tabLoadFailure {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  border-radius: 0.625rem;\n  border: 0.188rem solid transparent;\n  transition: border-color 0.2s ease-in-out;\n  padding: 1.5rem;\n  background-color: var(--sdk-surface4);\n}\n\n.sdk--key-play-error-state-tabLoadFailure h3 {\n  margin: 0;\n}\n\n.sdk--key-play-error-state-tabLoadFailure p {\n  margin: 0;\n  height: 5.375rem;\n}\n"],sourceRoot:""}]),t.a=s},function(e,t,n){"use strict";var r=n(3),a=n.n(r),o=n(4),s=n.n(o)()(a.a);s.push([e.i,".action-button {\n  padding: 23px 0;\n  background-color: var(--sdk-accentSecondary);\n  color: var(--sdk-text100);\n}\n\n.action-button:hover, .action-button[data-focused=true] {\n  background-color: var(--sdk-accentPrimary);\n  color: var(--sdk-text500);\n}\n","",{version:3,sources:["webpack://./src/components/molecules/ActionButton/ActionButton.styles.css"],names:[],mappings:"AAAA;EACE,eAAe;EACf,4CAA4C;EAC5C,yBAAyB;AAC3B;;AAEA;EACE,0CAA0C;EAC1C,yBAAyB;AAC3B",sourcesContent:[".action-button {\n  padding: 23px 0;\n  background-color: var(--sdk-accentSecondary);\n  color: var(--sdk-text100);\n}\n\n.action-button:hover, .action-button[data-focused=true] {\n  background-color: var(--sdk-accentPrimary);\n  color: var(--sdk-text500);\n}\n"],sourceRoot:""}]),t.a=s},function(e,t,n){"use strict";var r=n(3),a=n.n(r),o=n(4),s=n.n(o)()(a.a);s.push([e.i,".panel-navigation {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.75rem;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n","",{version:3,sources:["webpack://./src/components/organisms/PanelNavigation/PanelNavigation.styles.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;EAChB,qBAAqB;AACvB",sourcesContent:[".panel-navigation {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.75rem;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n"],sourceRoot:""}]),t.a=s},function(e,t,n){"use strict";var r=n(3),a=n.n(r),o=n(4),s=n.n(o)()(a.a);s.push([e.i,".panel-nav-button-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.625rem;\n  color: var(--sdk-text300);\n  flex: 1;\n\n}\n\n.panel-nav-button-container path {\n  fill: var(--sdk-highlightSecondary);\n}\n\n.panel-nav-button-container button {\n  padding: 8px 0;\n  background-color: var(--sdk-surface3);\n  min-width: 6.5rem;\n\n  transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out;\n}\n\n.panel-nav-button-container[data-focused=true], .panel-nav-button-container:hover, .panel-nav-button-active {\n  color: var(--sdk-text100);\n}\n\n.panel-nav-button-container[data-focused=true] path, .panel-nav-button-container:hover path {\n  fill: var(--sdk-highlightTertiary);\n}\n\n.panel-nav-button-container[data-focused=true] button, .panel-nav-button-container:hover button {\n  background-color: var(--sdk-accentPrimary);\n}\n\n.panel-nav-button-active button {\n  background-color: var(--sdk-surface5);\n}\n\n.panel-nav-button-active path {\n  fill: var(--sdk-highlightPrimary);\n}\n","",{version:3,sources:["webpack://./src/components/molecules/PanelNavButton/PanelNavButton.styles.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,aAAa;EACb,yBAAyB;EACzB,OAAO;;AAET;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,cAAc;EACd,qCAAqC;EACrC,iBAAiB;;EAEjB,qEAAqE;AACvE;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,iCAAiC;AACnC",sourcesContent:[".panel-nav-button-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.625rem;\n  color: var(--sdk-text300);\n  flex: 1;\n\n}\n\n.panel-nav-button-container path {\n  fill: var(--sdk-highlightSecondary);\n}\n\n.panel-nav-button-container button {\n  padding: 8px 0;\n  background-color: var(--sdk-surface3);\n  min-width: 6.5rem;\n\n  transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out;\n}\n\n.panel-nav-button-container[data-focused=true], .panel-nav-button-container:hover, .panel-nav-button-active {\n  color: var(--sdk-text100);\n}\n\n.panel-nav-button-container[data-focused=true] path, .panel-nav-button-container:hover path {\n  fill: var(--sdk-highlightTertiary);\n}\n\n.panel-nav-button-container[data-focused=true] button, .panel-nav-button-container:hover button {\n  background-color: var(--sdk-accentPrimary);\n}\n\n.panel-nav-button-active button {\n  background-color: var(--sdk-surface5);\n}\n\n.panel-nav-button-active path {\n  fill: var(--sdk-highlightPrimary);\n}\n"],sourceRoot:""}]),t.a=s},function(e,t,n){"use strict";var r=n(9),a=n(6),o=n.n(a),s=n(0),i=n(7);function l(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const c=()=>{};t.a=({forgetLastFocusedChild:e=!1,trackChildren:t=!1,autoRestoreFocus:n,blockNavigationOut:a=!1}={})=>u=>{var d;return d=class extends s.Component{constructor(...e){var t;super(...e),l(this,"state",{realFocusKey:this.props.focusKey||(t="sn:focusable-item-",`${t}${Math.random().toString(36).substr(2,9)}`),focused:!1,hasFocusedChild:!1,parentFocusKey:this.props.parentFocusKey||i.a}),l(this,"setFocus",e=>{i.b.isNativeMode()||i.b.setFocus(e)}),l(this,"navigateByDirection",i.b.navigateByDirection),l(this,"stealFocus",()=>{i.b.setFocus(this.state.realFocusKey,{focusKey:this.state.realFocusKey})}),l(this,"onUpdateFocus",e=>{this.setState({focused:e})}),l(this,"onUpdateHasFocusedChild",e=>{this.setState({hasFocusedChild:e})}),l(this,"onEnterPressHandler",e=>{const{onEnterPress:t=c,...n}=this.props;t(n,e)}),l(this,"onEnterReleaseHandler",()=>{const{onEnterRelease:e=c,...t}=this.props;e(t)}),l(this,"onArrowPressHandler",(e,t)=>{const{onArrowPress:n=c,...r}=this.props;return n(e,r,t)}),l(this,"onBecameFocusedHandler",(e,t)=>{const{onBecameFocused:n=c,...r}=this.props;n(e,r,t)}),l(this,"onBecameBlurredHandler",(e,t)=>{const{onBecameBlurred:n=c,...r}=this.props;n(e,r,t)})}getChildContext(){return{parentFocusKey:this.state.realFocusKey}}componentDidMount(){const{realFocusKey:o,parentFocusKey:s}=this.state,{preferredChildFocusKey:l,forgetLastFocusedChild:c=!1,trackChildren:u,focusable:d=!0,autoRestoreFocus:A=!0,blockNavigationOut:p=!1}=this.props;let h;if(i.b.isNativeMode())h=document.createElement("div");else{const e=Object(r.findDOMNode)(this);if(!e)throw new Error("Could not find DOM node");h=e}i.b.addFocusable({focusKey:o,node:h,parentFocusKey:s,preferredChildFocusKey:l,onEnterPressHandler:this.onEnterPressHandler,onEnterReleaseHandler:this.onEnterReleaseHandler,onArrowPressHandler:this.onArrowPressHandler,onBecameFocusedHandler:this.onBecameFocusedHandler,onBecameBlurredHandler:this.onBecameBlurredHandler,onUpdateFocus:this.onUpdateFocus,onUpdateHasFocusedChild:this.onUpdateHasFocusedChild,forgetLastFocusedChild:e||c,trackChildren:t||u,blockNavigationOut:a||p,autoRestoreFocus:void 0!==n?n:A,focusable:d})}componentDidUpdate(){const{realFocusKey:e}=this.state,{preferredChildFocusKey:t,focusable:n=!0,blockNavigationOut:o=!1}=this.props;let s;if(i.b.isNativeMode())s=document.createElement("div");else{const e=Object(r.findDOMNode)(this);if(!e)throw new Error("Could not find DOM node");s=e}i.b.updateFocusable(e,{node:s,preferredChildFocusKey:t,focusable:n,blockNavigationOut:a||o})}componentWillUnmount(){const{realFocusKey:e}=this.state;i.b.removeFocusable({focusKey:e})}render(){const e=((e,t)=>{const n={...e};return t.forEach(e=>delete n[e]),n})({...this.props,...this.state,setFocus:this.setFocus,navigateByDirection:this.navigateByDirection,stealFocus:this.stealFocus,onUpdateFocus:this.onUpdateFocus,onUpdateHasFocusedChild:this.onUpdateHasFocusedChild},["onBecameFocusedHandler","onBecameBlurredHandler","onEnterPressHandler","onEnterReleaseHandler","onArrowPressHandler","onUpdateFocus","onUpdateHasFocusedChild","forgetLastFocusedChild","trackChildren","autoRestoreFocus"]);return Object(s.createElement)(u,e)}},l(d,"contextTypes",{parentFocusKey:o.a.string}),l(d,"childContextTypes",{parentFocusKey:o.a.string}),d}},function(e,t,n){"use strict";var r=n(22);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,o,s){if(s!==r){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:a};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r),o=n(10),s=n(2),i=n.n(s),l=n(12),c={insert:"head",singleton:!1};i()(l.a,c),l.a.locals;function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}const d={borderRadius:6,display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",width:"100%",border:"none"};class A extends a.a.Component{constructor(e){super(e)}render(){const e={...d,...this.props.style};return a.a.createElement("button",u({style:e},this.props),this.props.children)}}var p=A;class h extends a.a.Component{render(){return a.a.createElement("svg",{width:this.props.width,height:this.props.height,viewBox:"0 0 30 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("path",{d:"M27.375 4.75H2.625V7H27.375V4.75Z",fill:"white"}),a.a.createElement("path",{d:"M25.125 0.25H4.875V2.5H25.125V0.25Z",fill:"white"}),a.a.createElement("path",{d:"M0.375 9.25V31.75H29.625V9.25H0.375ZM11.625 26.125V14.875L20.625 20.5L11.625 26.125Z",fill:"white"}))}}var m=h;class f extends a.a.Component{render(){return a.a.createElement("svg",{width:this.props.width,height:this.props.height,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.1891 8.29879C18.6116 8.5331 18.9367 8.80345 19.162 9.10985C19.3873 9.41624 19.5 9.71863 19.5 10.019C19.5 10.3194 19.396 10.6158 19.1837 10.9102C18.9713 11.2026 18.6463 11.4669 18.2108 11.7012L10.9111 15.6724L3.58975 19.6035C3.15207 19.8378 2.74256 19.9679 2.36122 19.994C1.98204 20.02 1.65703 19.9619 1.38836 19.8177C1.12185 19.6735 0.905177 19.4453 0.742673 19.1328C0.582335 18.8204 0.5 18.4419 0.5 17.9994V2.00062C0.5 1.55805 0.573669 1.17956 0.721006 0.867153C0.87051 0.554748 1.09152 0.326452 1.38836 0.182265C1.6852 0.0380777 2.02104 -0.0199976 2.39372 0.00603615C2.76639 0.0340725 3.16507 0.164241 3.58975 0.398545L10.9111 4.36769L18.1891 8.29879Z",fill:"white"}))}}var y=f;class v extends a.a.Component{constructor(e){super(e)}render(){return a.a.createElement("svg",{width:this.props.width,height:this.props.height,viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("path",{d:"M26.4393 4.5H6.61944L3.34766 31.5C3.34766 31.5 19.7066 31.5 22.7432 31.5C23.3056 31.5 23.8679 31.4591 24.4251 31.3773C26.0406 31.1268 28.7193 30.3445 29.8491 27.6808C30.3501 26.4947 30.7387 23.1919 30.8665 22.3023C31.1783 20.1345 30.0178 18.8819 28.8625 18.1508C28.6069 17.9923 28.6733 17.6038 28.9647 17.5322C30.1814 17.2203 31.3266 16.571 31.6435 15.1906C31.8633 14.2192 32.0781 12.0872 32.2263 10.9011C32.9113 5.92643 29.568 4.5 26.4393 4.5ZM24.1542 19.792H15.8213L15.6117 21.5047H23.9497L23.4589 25.4773H10.1468L11.2715 16.3154H24.5836L24.1593 19.7869L24.1542 19.792ZM24.7779 14.7202H11.4658L11.9821 10.5227H25.2942L24.783 14.7202H24.7779Z",fill:"#9DA0A6"}))}}var g=v;class b extends a.a.Component{render(){return a.a.createElement("svg",{width:this.props.width,height:this.props.height,viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("g",{clipPath:"url(#clip0_538_5831)"},a.a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5925 1.7998V32.6941H10.4849V14.8588H3.671V32.6941H0.899902V34.7641H35.099V32.6941H32.3603V8.0125H25.514V32.6941H21.4397V1.7998H14.5925Z",fill:"#9DA0A6"})),a.a.createElement("defs",null,a.a.createElement("clipPath",{id:"clip0_538_5831"},a.a.createElement("rect",{width:"36",height:"36",fill:"white"}))))}}var C=b;class E extends a.a.Component{render(){return a.a.createElement("svg",{width:this.props.width,height:this.props.height,viewBox:"0 0 36 36",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.96879 29.0297C11.6061 31.2694 14.6822 32.9334 18.0001 33.9152C21.3179 32.9334 24.394 31.2694 27.0313 29.0297C29.6686 26.7899 31.8089 24.0239 33.3151 20.9089C31.6987 16.1971 30.9721 11.2259 31.1722 6.24861C26.9818 4.51945 22.5273 3.51728 18.0001 3.28516C13.4728 3.51728 9.01831 4.51945 4.82788 6.24861C5.02804 11.2259 4.30143 16.1971 2.68506 20.9089C4.19119 24.0239 6.33149 26.7899 8.96879 29.0297ZM11.7503 14.7153L12.2646 10.5164H25.5772L25.0616 14.7153H11.7503ZM23.7355 25.4753H10.423L11.5486 16.3157H24.8599L24.4349 19.7871H16.1048L15.8917 21.4998H24.2282L23.7355 25.4753Z",fill:"#9DA0A6"}))}}var B=E;class w extends a.a.Component{render(){return a.a.createElement("svg",{width:this.props.width,height:this.props.height,viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0022 0.75L21.8012 19.4545H0.203125L11.0022 0.75ZM11.7522 13.5V7.5H10.2522V13.5H11.7522ZM11.8022 14.95H10.2022V16.55H11.8022V14.95Z",fill:"#F58B00"}))}}const k={keyPlays:m,play:y,bets:g,stats:C,fantasy:B,warning:w},P=e=>a.a.createElement("div",{style:{width:e.width,height:e.height}});class x extends a.a.Component{render(){const{iconName:e,width:t,height:n}=this.props,r=k[e];return r?a.a.createElement(r,{iconName:e,width:t,height:n}):a.a.createElement(P,{width:t,height:n})}}var S=x,F=n(19),N={insert:"head",singleton:!1},K=(i()(F.a,N),F.a.locals,n(6)),j=n.n(K),T=n(20);function D(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var M=e=>class extends a.a.Component{constructor(e){super(e),D(this,"cleanup",void 0),D(this,"handleKeyDown",e=>{const{onBackPressed:t,onLeftPressed:n}=this.props;this.props.remoteControlActive&&(10009!==e.keyCode&&"b"!==e.key||!t||t(e),"ArrowLeft"!==e.key&&37!==e.keyCode||!n||n(e))}),this.state={active:e.remoteControlActive||!1}}componentDidUpdate(e){e.remoteControlActive&&!this.props.remoteControlActive?window.removeEventListener("keydown",this.handleKeyDown):!e.remoteControlActive&&this.props.remoteControlActive&&window.addEventListener("keydown",this.handleKeyDown)}componentDidMount(){window.addEventListener("keydown",this.handleKeyDown),this.cleanup=()=>{window.removeEventListener("keydown",this.handleKeyDown)}}componentWillUnmount(){this.cleanup&&this.cleanup()}render(){const{...t}=this.props;return a.a.createElement(e,t)}};function H(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class I extends a.a.Component{render(){const{iconName:e,active:t,children:n,focused:r,buttonRef:o}=this.props;return a.a.createElement("div",{className:["panel-nav-button-container","T02",t?"panel-nav-button-active":""].join(" "),"data-focused":r,ref:o},a.a.createElement(p,null,a.a.createElement(S,{iconName:e,height:36,width:36})),n)}}H(I,"displayName","PanelNavButton"),H(I,"propTypes",{iconName:j.a.string.isRequired,index:j.a.number.isRequired,active:j.a.bool.isRequired,children:j.a.node,focused:j.a.bool,onBecameFocused:j.a.func,buttonRef:j.a.oneOfType([j.a.func,j.a.object])});var L=M(Object(T.a)()(I)),O=n(18),U={insert:"head",singleton:!1},R=(i()(O.a,U),O.a.locals,n(5)),X=n(8);var Q=e=>{const t=X.default.getMaestroEventViewModel();e.dataset.focused="false",Object(R.c)(),t.delegate.startFocusManagement()};function z(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class V extends a.a.Component{constructor(...e){super(...e),z(this,"buttonElement",null),z(this,"state",{itemFocused:null}),z(this,"setButtonRef",e=>{this.buttonElement=e}),z(this,"handleLeftPressed",()=>{this.buttonElement&&Q(this.buttonElement)}),z(this,"handleBecameFocused",(e,t)=>()=>{this.setState({itemFocused:e},t)}),z(this,"handleBecameBlurred",()=>{this.setState({itemFocused:null})})}render(){const{item:e,index:t}=this.props;return a.a.createElement(L,{iconName:e.iconName,key:e.title,index:t,onBecameFocused:this.handleBecameFocused(t,e.onEnter),onBecameBlurred:this.handleBecameBlurred,active:e.active,focusKey:"PANEL_NAV_BUTTON_"+t,remoteControlActive:0===this.state.itemFocused,onLeftPressed:this.handleLeftPressed,buttonRef:this.setButtonRef},e.title)}}class W extends a.a.Component{render(){return a.a.createElement("div",{className:"panel-navigation"},this.props.items.map((e,t)=>a.a.createElement(V,{key:e.title,item:e,index:t})))}}var q=W;function Y(){return(Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}class G extends a.a.Component{constructor(e){super(e)}render(){return a.a.createElement("img",Y({alt:this.props.alt||"Image"},this.props))}}var Z=G;var J=n(15),_={insert:"head",singleton:!1},$=(i()(J.a,_),J.a.locals,S);class ee extends a.a.Component{render(){const{awayTeamScore:e,homeTeamScore:t,homeTeamName:n,awayTeamName:r}=this.props;return a.a.createElement("div",{className:"score"},a.a.createElement("div",{className:"score-team T05_ALT"},n,a.a.createElement("span",{className:"T30"},t)),a.a.createElement("div",{className:"score-team T05_ALT"},a.a.createElement("span",{className:"T30"},e),r))}}function te(){return(te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function ne(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class re extends a.a.Component{constructor(e){super(e),ne(this,"failedClipListener",()=>{}),ne(this,"ref",null),ne(this,"vm",void 0),ne(this,"state",{failedClip:null}),ne(this,"renderImage",()=>{const{playerImageUrl:e,teamImageUrl:t,thumbnailImageUrl:n}=this.props;return e?a.a.createElement(Z,{src:e,crossOrigin:"anonymous",alt:"Key Play Player Image",className:"cardImage"}):t?a.a.createElement(Z,{src:t,crossOrigin:"anonymous",alt:"Key Play Team Image",className:"cardImage"}):n?a.a.createElement(Z,{src:n,crossOrigin:"anonymous",alt:"Key Play Thumbnail Image",className:"cardImage"}):a.a.createElement(Z,{src:"data:image/jpeg;base64,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",crossOrigin:"anonymous",alt:"Key Play Thumbnail Image",className:"cardImage"})}),this.vm=X.default.getMaestroEventViewModel().keyPlaysViewModel}componentDidMount(){this.failedClipListener=this.vm.failedClips.subscribe(e=>{this.setState({failedClip:e[this.props.clipID]})}),this.props.setRef(this.ref)}componentWillUnmount(){this.failedClipListener&&this.failedClipListener()}render(){const{clipID:e,description:t,isPlaying:n,playbackProgress:r,isScoring:o,focused:s,awayTeamScore:i,homeTeamScore:l,homeTeamName:c,awayTeamName:u}=this.props,{failedClip:d}=this.state;return a.a.createElement("div",{className:"key-play-card",id:e,"data-focused":s,ref:e=>this.ref=e},a.a.createElement("div",{className:"key-play-card-content"},this.renderImage(),a.a.createElement("div",{className:"text-content T05_ALT"},a.a.createElement("div",{className:"multi-line"},t))),n&&null!==r&&a.a.createElement("progress",{value:r,max:"1"}),o&&a.a.createElement(ee,{awayTeamScore:i,homeTeamScore:l,homeTeamName:c,awayTeamName:u}),"recentFailure"===d&&a.a.createElement("div",{className:"error-state"},a.a.createElement($,{iconName:"warning",width:21.6,height:18.7}),a.a.createElement("span",{className:"T05_ALT"},"Could not play this clip. ")),"nonRecentFailure"===d&&a.a.createElement("div",{className:"non-recent-error-state"},a.a.createElement($,{iconName:"warning",width:21.6,height:18.7})))}}const ae=M(re);class oe extends a.a.Component{constructor(...e){super(...e),ne(this,"ref",null),ne(this,"setRef",e=>{this.ref=e,this.props.setRef(e)}),ne(this,"handleLeftPressed",()=>{this.ref&&Q(this.ref)})}render(){return a.a.createElement(ae,te({},this.props,{setRef:this.setRef,remoteControlActive:this.props.focused,onLeftPressed:this.handleLeftPressed}))}}var se=Object(T.a)()(oe),ie=n(14),le={insert:"head",singleton:!1};i()(ie.a,le),ie.a.locals;class ce extends a.a.Component{constructor(e){super(e)}render(){const e=["scrollable-gradient",this.props.scrolled?"scroll-container-scrolled":""].join(" ");return a.a.createElement("div",{className:e},this.props.children)}}var ue=ce,de=n(13),Ae={insert:"head",singleton:!1},pe=(i()(de.a,Ae),de.a.locals,p),he=n(17),me={insert:"head",singleton:!1};i()(he.a,me),he.a.locals;function fe(){return(fe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}class ye extends a.a.Component{render(){return a.a.createElement(pe,fe({className:"action-button T05_ALT"},this.props),this.props.children)}}var ve=Object(T.a)()(ye),ge=n(16),be={insert:"head",singleton:!1};i()(ge.a,be),ge.a.locals;class Ce extends a.a.Component{render(){return a.a.createElement("div",{className:"sdk--key-play-error-state-unpopulatedEvent"},a.a.createElement("div",{className:"main-content"},a.a.createElement("h3",{className:"T70"},"Greatness takes time."),a.a.createElement("p",{className:"T20"},"Key plays are still in the making! Come back soon to check 'em out.")),a.a.createElement("div",{className:"unpopulatedEvent-examples"},Array.from({length:4}).map((e,t)=>a.a.createElement("div",{key:t,className:"example"}))))}}class Ee extends a.a.Component{render(){return a.a.createElement("div",{className:"sdk--key-play-error-state-unsupportedEvent"},a.a.createElement("h3",{className:"T70"},"No Key Plays Available"),a.a.createElement("svg",{viewBox:"0 0 520 359",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("g",{opacity:"0.16"},a.a.createElement("path",{d:"M146.334 219.427V244.686L168.723 198.187V38.0215L165.279 40.3178V188.427L146.334 219.427Z",fill:"#6D6D6D"}),a.a.createElement("rect",{x:"94.6687",y:"219.427",width:"51.6662",height:"25.259",fill:"#777777"}),a.a.createElement("rect",{x:"145.187",y:"39.1694",width:"20.6665",height:"149.258",fill:"#666666"}),a.a.createElement("path",{d:"M146.335 219.427H94.6687L143.465 187.279H167.001L146.335 219.427Z",fill:"#666666"}),a.a.createElement("path",{d:"M375.389 219.427V244.686L353 198.187V38.0215L356.445 40.3178V188.427L375.389 219.427Z",fill:"#6D6D6D"}),a.a.createElement("rect",{width:"51.6662",height:"25.259",transform:"matrix(-1 0 0 1 427.055 219.427)",fill:"#777777"}),a.a.createElement("rect",{width:"20.6665",height:"149.258",transform:"matrix(-1 0 0 1 376.537 39.1694)",fill:"#666666"}),a.a.createElement("path",{d:"M375.389 219.427H427.055L378.259 187.279H354.722L375.389 219.427Z",fill:"#666666"}),a.a.createElement("path",{d:"M23.4844 141.354H496.517L410.981 121.835H93.5208L23.4844 141.354Z",fill:"#B1B1B1"}),a.a.createElement("rect",{x:"23.4844",y:"141.354",width:"473.033",height:"19.5183",fill:"#777777"}),a.a.createElement("rect",{x:"72.8545",y:"51.7993",width:"374.293",height:"45.9255",fill:"#CDCDCD"}))))}}class Be extends a.a.Component{render(){const{focused:e}=this.props;return a.a.createElement("div",{className:"sdk--key-play-error-state-tabLoadFailure",style:{borderColor:e?"var(--sdk-highlightPrimary)":"transparent"}},a.a.createElement("h3",{className:"T70"},"Let's try that again..."),a.a.createElement("p",{className:"T20"},"We're having trouble loading this."),a.a.createElement(ve,{"data-focused":e,onEnterPress:this.props.onEnterPress},"Refresh"))}}const we=Object(T.a)()(Be);class ke extends a.a.Component{render(){const{errorState:e,onRetry:t}=this.props;return"unsupportedEvent"===e?a.a.createElement(Ee,null):"unpopulatedEvent"===e?a.a.createElement(Ce,null):"tabLoadFailure"===e?a.a.createElement(we,{onEnterPress:t}):null}}var Pe=ke;function xe(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class Se extends r.Component{constructor(e){var t,n;super(e),xe(this,"container",null),xe(this,"refsMap",{}),xe(this,"playbackProgressUnsub",null),xe(this,"playbackIndexUnsub",null),xe(this,"itemsUnsub",null),xe(this,"vm",void 0),xe(this,"handlePlayClip",e=>async()=>{await this.vm.playKeyPlay(e)}),xe(this,"handleItemFocus",e=>t=>{if(!this.container||!t.node)return;const n=this.container.getBoundingClientRect(),r=t.node.getBoundingClientRect(),a=Object.keys(this.refsMap).map(e=>parseInt(e,10)).sort((e,t)=>e-t).slice(e);let o=!1;if(a.forEach(e=>{const t=this.refsMap[e];if(!t)return;const r=t.getBoundingClientRect();(r.bottom>n.bottom||r.top<n.top)&&(o=!0)}),!o)return;const s=0===e?0:this.container.scrollTop+(r.top-n.top-32);this.container.scrollTop=s,this.setState({scrolled:s>0})}),xe(this,"setRef",e=>t=>{t?this.refsMap[e]=t:delete this.refsMap[e]}),this.vm=X.default.getMaestroEventViewModel().keyPlaysViewModel;const r=this.vm.items.value;this.state={scrolled:!1,playbackProgress:null!==(t=this.vm.currentClipPlaybackProgress.value)&&void 0!==t?t:null,playbackIndex:null!==(n=this.vm.currentlyPlayingClipIndex.value)&&void 0!==n?n:null,items:r.map(e=>({title:e.title,items:e.items.map(e=>({id:e.id,clipID:e.clipID,awayTeamScore:e.awayTeamScore,homeTeamScore:e.homeTeamScore,awayTeamName:e.awayTeamName,homeTeamName:e.homeTeamName,description:e.description,playerImageUrl:e.playerImageUrl||"",teamImageUrl:e.teamImageUrl||"",thumbnailImageUrl:e.thumbnailImageUrl||""}))}))}}componentDidMount(){this.playbackProgressUnsub=this.vm.currentClipPlaybackProgress.subscribe(e=>{this.setState({playbackProgress:null!=e?e:null})}),this.playbackIndexUnsub=this.vm.currentlyPlayingClipIndex.subscribe(e=>{this.setState({playbackIndex:null!=e?e:null})}),this.itemsUnsub=this.vm.items.subscribe(e=>{this.setState({items:e.map(e=>({title:e.title,items:e.items.map(e=>({id:e.id,clipID:e.clipID,awayTeamScore:e.awayTeamScore,homeTeamScore:e.homeTeamScore,awayTeamName:e.awayTeamName,homeTeamName:e.homeTeamName,description:e.description,playerImageUrl:e.playerImageUrl||"",teamImageUrl:e.teamImageUrl||"",thumbnailImageUrl:e.thumbnailImageUrl||""}))}))})})}componentWillUnmount(){this.playbackProgressUnsub&&this.playbackProgressUnsub(),this.playbackIndexUnsub&&this.playbackIndexUnsub(),this.itemsUnsub&&this.itemsUnsub()}render(){const{scrolled:e,playbackProgress:t,playbackIndex:n,items:r}=this.state;return a.a.createElement(ue,{scrolled:e},a.a.createElement("div",{ref:e=>{this.container=e},className:"key-plays-view"},r.map((e,r)=>a.a.createElement("div",{key:"section-"+r,className:"key-plays-section"},a.a.createElement("h3",{className:"key-plays-section-title T10"},e.title),a.a.createElement("div",{className:"key-plays-section-items"},e.items.map(e=>{const r=this.vm.allItems.findIndex(t=>t.id===e.id);return a.a.createElement(se,{key:e.id,id:e.id,clipID:e.clipID,description:e.description,awayTeamName:e.awayTeamName,homeTeamName:e.homeTeamName,awayTeamScore:e.awayTeamScore,homeTeamScore:e.homeTeamScore,playerImageUrl:e.playerImageUrl,teamImageUrl:e.teamImageUrl,thumbnailImageUrl:e.thumbnailImageUrl,isPlaying:this.vm.isCurrentlyPlaying(r),isScoring:Boolean(e.awayTeamScore&&e.homeTeamScore),playbackProgress:r===n?t:null,onEnterPress:this.handlePlayClip(r),onBecameFocused:this.handleItemFocus(r),setRef:this.setRef(r)})})))),a.a.createElement("div",{className:"key-plays-bottom-padding"})))}}class Fe extends r.Component{constructor(e){super(e),xe(this,"errorStateUnsub",null),xe(this,"vm",void 0),xe(this,"handleRetry",async()=>{await this.vm.userRequestedNewKeyPlaysData(),Object(R.e)("PANEL_NAV_BUTTON_0")}),this.vm=X.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={errorState:this.vm.errorState.value}}componentDidMount(){this.errorStateUnsub=this.vm.errorState.subscribe(e=>{this.setState({errorState:e})})}componentWillUnmount(){this.errorStateUnsub&&this.errorStateUnsub()}render(){const{errorState:e}=this.state;return e?a.a.createElement(Pe,{errorState:e,onRetry:this.handleRetry}):a.a.createElement(Se,null)}}function Ne(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Ke=new o.a,je={keyPlays:a.a.createElement(Fe,null),bets:a.a.createElement("div",{className:"panel-coming-soon T02"},"Bets - Coming Soon"),stats:a.a.createElement("div",{className:"panel-coming-soon T02"},"Stats - Coming Soon"),fantasy:a.a.createElement("div",{className:"panel-coming-soon T02"},"Fantasy - Coming Soon")};class Te extends a.a.Component{constructor(e){super(e),Ne(this,"unsubscribe",null),this.state={activePanel:Ke.currentPanel}}componentDidMount(){this.unsubscribe=Ke.currentPanelObservable.subscribe(()=>{this.setState({activePanel:Ke.currentPanel})})}componentWillUnmount(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null)}render(){const{activePanel:e}=this.state,t=[{iconName:"keyPlays",onEnter:()=>{Ke.currentPanel="keyPlays"},title:"KEY PLAYS",active:"keyPlays"===e},{iconName:"bets",onEnter:()=>{Ke.currentPanel="bets"},title:"BETS",active:"bets"===e},{iconName:"stats",onEnter:()=>{Ke.currentPanel="stats"},title:"STATS",active:"stats"===e},{iconName:"fantasy",onEnter:()=>{Ke.currentPanel="fantasy"},title:"FANTASY",active:"fantasy"===e}];return a.a.createElement("div",{className:"sdk--panel-manager"},a.a.createElement(q,{items:t}),a.a.createElement("div",{className:"sdk--panel-wrapper"},je[e]))}}var De=Te;t.default=De},function(e,t,n){"use strict";n.r(t);var r=n(0),a=n.n(r);const o={_id:"6274067af74b66a544018dac",button:{borderRadius:"rounded",textCapitalization:"uppercase"},colors:{accentPrimary:"#FFFFFF",accentSecondary:"#3C3F47",accentTertiary:"#0C0C0E",surface1:"#080A0C",surface2:"#12141A",surface3:"#1B1E26",surface4:"#242833",surface5:"#363C4D",surface6:"#3E4759",highlightPrimary:"#FFFFFF",highlightSecondary:"#9A9EA9",highlightTertiary:"#0A0C0F",alertConfirmation:"#43D48F",alertWarning:"#F58B00",alertError:"#FF0000",text100:"#F8F9FA",text200:"#C2C5CB",text300:"#8D919D",text400:"#5C606B",text500:"#0C0C0E"},creator:"016901e60000000000000000",name:"Dark Mode",type:"classic",mode:"dark",owner:"016901e60000000000000000",typography:{body:"BentonSans-Medium",headline:"BentonSans-Medium"}};var s=n(2),i=n.n(s),l=n(11),c={insert:"head",singleton:!1};i()(l.a,c),l.a.locals;const u=o.colors,d=o.typography;class A extends a.a.Component{componentDidMount(){Object.keys(u).forEach(e=>{document.documentElement.style.setProperty("--sdk-"+e,u[e])}),Object.keys(d).forEach(e=>{document.documentElement.style.setProperty("--sdk-font-"+e,d[e])})}componentWillUnmount(){Object.keys(u).forEach(e=>{document.documentElement.style.removeProperty("--sdk-"+e)}),Object.keys(d).forEach(e=>{document.documentElement.style.removeProperty("--sdk-font-"+e)})}render(){return a.a.createElement("div",{className:"sdk-wrapper"},this.props.children)}}var p=A;t.default=p}])}));
 //# sourceMappingURL=maestro-web-sdk.umd.js.map