@maestro_io/maestro-web-sdk 5.1.2 → 5.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/dist/1.maestro-web-sdk.esm.js +1 -1
  2. package/dist/1.maestro-web-sdk.esm.js.map +1 -1
  3. package/dist/10.maestro-web-sdk.esm.js +1 -1
  4. package/dist/10.maestro-web-sdk.esm.js.map +1 -1
  5. package/dist/11.maestro-web-sdk.esm.js +1 -1
  6. package/dist/11.maestro-web-sdk.esm.js.map +1 -1
  7. package/dist/12.maestro-web-sdk.esm.js +1 -1
  8. package/dist/12.maestro-web-sdk.esm.js.map +1 -1
  9. package/dist/13.maestro-web-sdk.esm.js +1 -1
  10. package/dist/13.maestro-web-sdk.esm.js.map +1 -1
  11. package/dist/14.maestro-web-sdk.esm.js +1 -1
  12. package/dist/14.maestro-web-sdk.esm.js.map +1 -1
  13. package/dist/15.maestro-web-sdk.esm.js +1 -1
  14. package/dist/15.maestro-web-sdk.esm.js.map +1 -1
  15. package/dist/16.maestro-web-sdk.esm.js +1 -1
  16. package/dist/16.maestro-web-sdk.esm.js.map +1 -1
  17. package/dist/17.maestro-web-sdk.esm.js +1 -1
  18. package/dist/17.maestro-web-sdk.esm.js.map +1 -1
  19. package/dist/18.maestro-web-sdk.esm.js +1 -1
  20. package/dist/18.maestro-web-sdk.esm.js.map +1 -1
  21. package/dist/19.maestro-web-sdk.esm.js +1 -1
  22. package/dist/19.maestro-web-sdk.esm.js.map +1 -1
  23. package/dist/2.maestro-web-sdk.esm.js +1 -1
  24. package/dist/20.maestro-web-sdk.esm.js +1 -1
  25. package/dist/20.maestro-web-sdk.esm.js.map +1 -1
  26. package/dist/21.maestro-web-sdk.esm.js +1 -1
  27. package/dist/21.maestro-web-sdk.esm.js.map +1 -1
  28. package/dist/22.maestro-web-sdk.esm.js +1 -1
  29. package/dist/22.maestro-web-sdk.esm.js.map +1 -1
  30. package/dist/23.maestro-web-sdk.esm.js +1 -1
  31. package/dist/23.maestro-web-sdk.esm.js.map +1 -1
  32. package/dist/24.maestro-web-sdk.esm.js +1 -1
  33. package/dist/24.maestro-web-sdk.esm.js.map +1 -1
  34. package/dist/25.maestro-web-sdk.esm.js +1 -1
  35. package/dist/25.maestro-web-sdk.esm.js.map +1 -1
  36. package/dist/26.maestro-web-sdk.esm.js +1 -1
  37. package/dist/26.maestro-web-sdk.esm.js.map +1 -1
  38. package/dist/27.maestro-web-sdk.esm.js +1 -1
  39. package/dist/27.maestro-web-sdk.esm.js.map +1 -1
  40. package/dist/28.maestro-web-sdk.esm.js +1 -1
  41. package/dist/28.maestro-web-sdk.esm.js.map +1 -1
  42. package/dist/29.maestro-web-sdk.esm.js +1 -1
  43. package/dist/29.maestro-web-sdk.esm.js.map +1 -1
  44. package/dist/3.maestro-web-sdk.esm.js +1 -1
  45. package/dist/3.maestro-web-sdk.esm.js.map +1 -1
  46. package/dist/30.maestro-web-sdk.esm.js +1 -1
  47. package/dist/30.maestro-web-sdk.esm.js.map +1 -1
  48. package/dist/31.maestro-web-sdk.esm.js +1 -1
  49. package/dist/31.maestro-web-sdk.esm.js.map +1 -1
  50. package/dist/32.maestro-web-sdk.esm.js +1 -1
  51. package/dist/32.maestro-web-sdk.esm.js.map +1 -1
  52. package/dist/33.maestro-web-sdk.esm.js +1 -1
  53. package/dist/33.maestro-web-sdk.esm.js.map +1 -1
  54. package/dist/34.maestro-web-sdk.esm.js +1 -1
  55. package/dist/34.maestro-web-sdk.esm.js.map +1 -1
  56. package/dist/35.maestro-web-sdk.esm.js +1 -1
  57. package/dist/35.maestro-web-sdk.esm.js.map +1 -1
  58. package/dist/36.maestro-web-sdk.esm.js +1 -1
  59. package/dist/36.maestro-web-sdk.esm.js.map +1 -1
  60. package/dist/37.maestro-web-sdk.esm.js +1 -1
  61. package/dist/37.maestro-web-sdk.esm.js.map +1 -1
  62. package/dist/38.maestro-web-sdk.esm.js +1 -1
  63. package/dist/38.maestro-web-sdk.esm.js.map +1 -1
  64. package/dist/39.maestro-web-sdk.esm.js +2 -0
  65. package/dist/39.maestro-web-sdk.esm.js.map +1 -0
  66. package/dist/4.maestro-web-sdk.esm.js +1 -1
  67. package/dist/4.maestro-web-sdk.esm.js.map +1 -1
  68. package/dist/40.maestro-web-sdk.esm.js +2 -0
  69. package/dist/40.maestro-web-sdk.esm.js.map +1 -0
  70. package/dist/5.maestro-web-sdk.esm.js +1 -1
  71. package/dist/5.maestro-web-sdk.esm.js.map +1 -1
  72. package/dist/6.maestro-web-sdk.esm.js +1 -1
  73. package/dist/6.maestro-web-sdk.esm.js.map +1 -1
  74. package/dist/7.maestro-web-sdk.esm.js +1 -1
  75. package/dist/7.maestro-web-sdk.esm.js.map +1 -1
  76. package/dist/8.maestro-web-sdk.esm.js +1 -1
  77. package/dist/8.maestro-web-sdk.esm.js.map +1 -1
  78. package/dist/9.maestro-web-sdk.esm.js +1 -1
  79. package/dist/9.maestro-web-sdk.esm.js.map +1 -1
  80. package/dist/index.d.ts +4 -1
  81. package/dist/maestro-web-sdk.esm.js +3 -3
  82. package/dist/maestro-web-sdk.esm.js.map +1 -1
  83. package/dist/maestro-web-sdk.umd.js +3 -3
  84. package/dist/maestro-web-sdk.umd.js.map +1 -1
  85. package/dist/package.json +1 -1
  86. package/dist/src/components/atoms/SvgIcon/AddIcon.d.ts +3 -0
  87. package/dist/src/components/atoms/SvgIcon/AddIcon.js +6 -0
  88. package/dist/src/components/atoms/SvgIcon/Icon.js +2 -0
  89. package/dist/src/components/core/PanelManager/PanelManager.js +5 -3
  90. package/dist/src/components/molecules/NetworkDialog/NetworkDialog.d.ts +11 -0
  91. package/dist/src/components/molecules/NetworkDialog/NetworkDialog.js +34 -0
  92. package/dist/src/components/molecules/NetworkDialog/index.d.ts +2 -0
  93. package/dist/src/components/molecules/NetworkDialog/index.js +2 -0
  94. package/dist/src/components/molecules/NetworkError/NetworkError.d.ts +104 -0
  95. package/dist/src/components/molecules/NetworkError/NetworkError.js +26 -0
  96. package/dist/src/components/molecules/NetworkError/index.d.ts +2 -0
  97. package/dist/src/components/molecules/NetworkError/index.js +2 -0
  98. package/dist/src/components/molecules/PanelNavButton/PanelNavButton.d.ts +1 -0
  99. package/dist/src/components/molecules/PanelNavButton/PanelNavButton.js +16 -7
  100. package/dist/src/components/organisms/PanelNavigation/PanelNavigation.d.ts +1 -0
  101. package/dist/src/components/organisms/PanelNavigation/PanelNavigation.js +11 -7
  102. package/dist/src/development/MaestroEventDelegate.js +1 -0
  103. package/dist/src/helpers/site.d.ts +1 -0
  104. package/dist/src/helpers/site.js +6 -0
  105. package/dist/src/helpers/siteConfig.d.ts +1 -0
  106. package/dist/src/helpers/siteConfig.js +5 -0
  107. package/dist/src/models/IPanel.d.ts +1 -1
  108. package/dist/src/models/IPanel.js +1 -1
  109. package/dist/src/modules/espn/bets/view/BetsView.js +1 -1
  110. package/dist/src/modules/espn/components/TabLoadError/TabLoadError.d.ts +96 -0
  111. package/dist/src/modules/espn/components/TabLoadError/TabLoadError.js +14 -0
  112. package/dist/src/modules/espn/components/TabLoadError/index.d.ts +2 -0
  113. package/dist/src/modules/espn/components/TabLoadError/index.js +2 -0
  114. package/dist/src/modules/espn/fantasy/components/TournamentOverflowQR/TournamentOverflowQR.d.ts +5 -5
  115. package/dist/src/modules/espn/fantasy/components/TournamentOverflowQR/TournamentOverflowQR.js +7 -73
  116. package/dist/src/modules/espn/fantasy/services/FantasyService.js +1 -1
  117. package/dist/src/modules/espn/fantasy/view/FantasyItemView.js +1 -1
  118. package/dist/src/modules/espn/fantasy/view/FantasyView.js +1 -1
  119. package/dist/src/modules/espn/key-plays/view/KeyPlayErrorStateView.js +1 -1
  120. package/dist/src/modules/espn/shop/view/ShopView.js +1 -1
  121. package/dist/src/modules/espn/stats/view/StatsView.js +1 -1
  122. package/dist/src/modules/fox/components/TabLoadError/TabLoadError.d.ts +96 -0
  123. package/dist/src/modules/fox/components/TabLoadError/TabLoadError.js +19 -0
  124. package/dist/src/modules/fox/components/TabLoadError/index.d.ts +2 -0
  125. package/dist/src/modules/fox/components/TabLoadError/index.js +2 -0
  126. package/dist/src/modules/fox/multi-view/interfaces/IMultiViewViewModel.d.ts +3 -0
  127. package/dist/src/modules/fox/multi-view/interfaces/IMultiViewViewModel.js +1 -0
  128. package/dist/src/modules/fox/multi-view/services/MultiViewService.d.ts +99 -0
  129. package/dist/src/modules/fox/multi-view/services/MultiViewService.js +94 -0
  130. package/dist/src/modules/fox/multi-view/types.d.ts +29 -43
  131. package/dist/src/modules/fox/multi-view/types.js +79 -82
  132. package/dist/src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.d.ts +8 -0
  133. package/dist/src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.js +91 -0
  134. package/dist/src/modules/fox/multi-view/view/CuratedMultiview/index.d.ts +2 -0
  135. package/dist/src/modules/fox/multi-view/view/CuratedMultiview/index.js +2 -0
  136. package/dist/src/modules/fox/multi-view/view/FoxMultiView.d.ts +1 -0
  137. package/dist/src/modules/fox/multi-view/view/FoxMultiView.js +62 -2
  138. package/dist/src/modules/fox/multi-view/view/components/CustomMultiviewStreamsCard/CustomMultiviewStreamsCard.d.ts +122 -0
  139. package/dist/src/modules/fox/multi-view/view/components/CustomMultiviewStreamsCard/CustomMultiviewStreamsCard.js +51 -0
  140. package/dist/src/modules/fox/multi-view/view/components/CustomMultiviewStreamsCard/index.d.ts +2 -0
  141. package/dist/src/modules/fox/multi-view/view/components/CustomMultiviewStreamsCard/index.js +2 -0
  142. package/dist/src/modules/fox/multi-view/view/components/LayoutSelector/LayoutSelector.d.ts +1 -1
  143. package/dist/src/modules/fox/multi-view/view/components/LayoutSelector/LayoutSelector.js +11 -14
  144. package/dist/src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.d.ts +101 -0
  145. package/dist/src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.js +21 -0
  146. package/dist/src/modules/fox/multi-view/view/components/curated-multiview-card/index.d.ts +2 -0
  147. package/dist/src/modules/fox/multi-view/view/components/curated-multiview-card/index.js +2 -0
  148. package/dist/src/modules/fox/multi-view/view-model/MultiViewViewModel.d.ts +63 -0
  149. package/dist/src/modules/fox/multi-view/view-model/MultiViewViewModel.js +328 -0
  150. package/dist/src/modules/fox/multi-view/view-model/index.d.ts +1 -0
  151. package/dist/src/modules/fox/multi-view/view-model/index.js +1 -0
  152. package/dist/src/services/NetworkManager/NetworkManager.js +1 -1
  153. package/dist/src/services/NetworkManager/errors.d.ts +3 -1
  154. package/dist/src/services/NetworkManager/errors.js +15 -1
  155. package/dist/src/services/StaticService/StaticService.js +1 -0
  156. package/dist/src/view-models/MaestroEventViewModel.d.ts +2 -0
  157. package/dist/src/view-models/MaestroEventViewModel.js +17 -1
  158. package/package.json +1 -1
package/dist/6.maestro-web-sdk.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[6],{100:function(e,n,t){"use strict";var a=t(0),r=t.n(a);function A(){return(A=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}function o(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class s extends r.a.Component{constructor(e){super(e),o(this,"state",{failed:!1}),o(this,"handleError",()=>{this.setState({failed:!0})})}render(){return this.state.failed?(console.warn("Image failed to load:",this.props.src),null):this.props.src?r.a.createElement("img",A({alt:this.props.alt||"Image"},this.props,{onError:this.handleError})):(console.warn("Image source is empty"),null)}}n.a=s},101:function(e,n,t){"use strict";var a=t(29);n.a=a.b},103:function(e,n,t){"use strict";var a=t(32).a,r=t(5),A=t.n(r),o=t(109),s={insert:"head",singleton:!1},l=(A()(o.a,s),o.a.locals,t(98)),i=t(0),c=t.n(i);function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}class p extends c.a.Component{render(){const{children:e,focused:n,focusKey:t,parentFocusKey:r,preferredChildFocusKey:A,forgetLastFocusedChild:o,trackChildren:s,autoRestoreFocus:l,blockNavigationOut:i,hasFocusedChild:p,focusable:u,onEnterPress:m,onEnterRelease:E,onBackPress:y,onArrowPress:g,onBecameFocused:v,onBecameBlurred:B,realFocusKey:k,setFocus:b,navigateByDirection:C,stealFocus:f,onUpdateFocus:h,onUpdateHasFocusedChild:x,...w}=this.props;return c.a.createElement(a,d({className:"action-button T05_ALT"},w),e)}}var u=Object(l.a)()(p);n.a=u},105:function(e,n,t){"use strict";var a=t(31);n.a=a.a},106:function(e,n,t){"use strict";t.d(n,"b",(function(){return A})),t.d(n,"a",(function(){return o}));var a=t(0);function r(e){if(!e)return;const n=e.getBoundingClientRect();e.style.maxHeight=window.innerHeight-n.top+"px"}function A(){const e=Object(a.useRef)(null),n=Object(a.useCallback)(()=>{r(e.current)},[]);Object(a.useEffect)(()=>(window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}),[n]);return Object(a.useCallback)(n=>{e.current=n,r(n)},[])}function o(e){const n=()=>{r(e())};return n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}}},108:function(e,n,t){"use strict";var a=t(6),r=t.n(a),A=t(7),o=t.n(A)()(r.a);o.push([e.i,".tab-load-error {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.tab-load-error h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.tab-load-error p {\n margin: 16px 0;\n height: 86px;\n}\n","",{version:3,sources:["webpack://./src/components/molecules/TabLoadError/TabLoadError.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,YAAY;AACd",sourcesContent:[".tab-load-error {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.tab-load-error h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.tab-load-error p {\n margin: 16px 0;\n height: 86px;\n}\n"],sourceRoot:""}]),n.a=o},109:function(e,n,t){"use strict";var a=t(6),r=t.n(a),A=t(7),o=t.n(A)()(r.a);o.push([e.i,".action-button {\n padding: 23px 0;\n background-color: var(--sdk-surface5);\n color: var(--sdk-text100);\n}\n\n.action-button:hover,\n.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,qCAAqC;EACrC,yBAAyB;AAC3B;;AAEA;;EAEE,0CAA0C;EAC1C,yBAAyB;AAC3B",sourcesContent:[".action-button {\n padding: 23px 0;\n background-color: var(--sdk-surface5);\n color: var(--sdk-text100);\n}\n\n.action-button:hover,\n.action-button[data-focused='true'] {\n background-color: var(--sdk-accentPrimary);\n color: var(--sdk-text500);\n}\n"],sourceRoot:""}]),n.a=o},110:function(e,n,t){"use strict";var a=t(98),r=t(0),A=t.n(r),o=t(103),s=t(5),l=t.n(s),i=t(108),c={insert:"head",singleton:!1};l()(i.a,c),i.a.locals;class d extends A.a.Component{render(){const{focused:e}=this.props;return A.a.createElement("div",{"data-focused":e,className:"tab-load-error focus-ring"},A.a.createElement("h3",{className:"T70"},"We dropped the ball."),A.a.createElement("p",{className:"T20"},"We're having trouble loading that for you. Please try again."),A.a.createElement(o.a,{"data-focused":e,onEnterPress:this.props.onEnterPress},"Try Again"))}}var p=Object(a.a)()(d);n.a=p},122:function(e,n,t){"use strict";t.d(n,"a",(function(){return a}));const a="data:image/jpeg;base64,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"},149:function(e,n,t){"use strict";var a=t(6),r=t.n(a),A=t(7),o=t.n(A)()(r.a);o.push([e.i,".key-plays-view {\n display: block;\n overflow-y: auto;\n scrollbar-width: none;\n scroll-behavior: smooth;\n overscroll-behavior: contain;\n margin-top: 60px;\n}\n\n.key-plays-view::-webkit-scrollbar {\n display: none;\n}\n\n.key-plays-view > * {\n margin-bottom: 16px;\n}\n\n.key-plays-view > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section {\n display: block;\n position: relative;\n}\n\n.key-plays-section > * {\n margin-bottom: 16px;\n}\n\n.key-plays-section > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-items {\n display: block;\n}\n\n.key-plays-section-items > * {\n margin-bottom: 20px;\n}\n\n.key-plays-section-items > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-title {\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 0;\n margin-bottom: 16px;\n}\n\n.key-plays-bottom-padding {\n height: calc(100vh - 240px);\n min-height: 400px;\n width: 100%;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/key-plays/view/KeyPlaysView.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,gBAAgB;EAChB,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;EAC5B,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,SAAS;EACT,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,iBAAiB;EACjB,WAAW;AACb",sourcesContent:[".key-plays-view {\n display: block;\n overflow-y: auto;\n scrollbar-width: none;\n scroll-behavior: smooth;\n overscroll-behavior: contain;\n margin-top: 60px;\n}\n\n.key-plays-view::-webkit-scrollbar {\n display: none;\n}\n\n.key-plays-view > * {\n margin-bottom: 16px;\n}\n\n.key-plays-view > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section {\n display: block;\n position: relative;\n}\n\n.key-plays-section > * {\n margin-bottom: 16px;\n}\n\n.key-plays-section > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-items {\n display: block;\n}\n\n.key-plays-section-items > * {\n margin-bottom: 20px;\n}\n\n.key-plays-section-items > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-title {\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 0;\n margin-bottom: 16px;\n}\n\n.key-plays-bottom-padding {\n height: calc(100vh - 240px);\n min-height: 400px;\n width: 100%;\n}\n"],sourceRoot:""}]),n.a=o},150:function(e,n,t){"use strict";var a=t(6),r=t.n(a),A=t(7),o=t.n(A)()(r.a);o.push([e.i,".key-play-card {\n display: block;\n background-color: var(--sdk-surface2);\n position: relative;\n}\n\n.key-play-card-content {\n display: block;\n width: 100%;\n position: relative;\n}\n\n.key-play-card-content .cardImage {\n display: inline-block;\n width: 33.33%;\n vertical-align: top;\n object-fit: cover;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n}\n\n.key-play-card-content .cardImage[data-has-score='true'] {\n border-bottom-left-radius: 0;\n}\n\n.key-play-card-content .text-content {\n position: absolute;\n top: 50%;\n left: 33.33%;\n transform: translateY(-50%);\n width: 66.67%;\n padding: 44px 36px 44px 24px;\n text-align: center;\n box-sizing: border-box;\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 text-align: left;\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,\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: block;\n text-align: center;\n padding: 10px;\n background-color: var(--sdk-surface4);\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n\n.key-play-card .score-team {\n display: inline-block;\n vertical-align: middle;\n margin: 0 32px;\n}\n\n.key-play-card .score-team > div {\n display: inline-block;\n vertical-align: middle;\n}\n\n.key-play-card .score > *:last-child .score-value {\n margin-left: 0;\n margin-right: 16px;\n}\n\n.key-play-card .score-team .score-value {\n margin-left: 16px;\n}\n\n.key-play-card .error-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n text-align: center;\n background-color: var(--sdk-surface2);\n}\n\n.key-play-card .error-state-text {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.key-play-card .error-state-text > * {\n margin: 8px;\n vertical-align: middle;\n}\n\n.key-play-card .error-state .error-state-inner {\n position: relative;\n width: 100%;\n height: 100%;\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: 18px;\n right: 18px;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/key-plays/view/KeyPlayCardView.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,4BAA4B;EAC5B,+BAA+B;AACjC;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,YAAY;EACZ,2BAA2B;EAC3B,aAAa;EACb,4BAA4B;EAC5B,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,oBAAoB;EACpB,4BAA4B;EAC5B,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;EACvB,gBAAgB;AAClB;;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;;EAEE,qCAAqC;AACvC;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,aAAa;EACb,qCAAqC;EACrC,+BAA+B;EAC/B,gCAAgC;AAClC;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,cAAc;AAChB;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,qCAAqC;AACvC;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,gCAAgC;AAClC;;AAEA;EACE,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,WAAW;AACb",sourcesContent:[".key-play-card {\n display: block;\n background-color: var(--sdk-surface2);\n position: relative;\n}\n\n.key-play-card-content {\n display: block;\n width: 100%;\n position: relative;\n}\n\n.key-play-card-content .cardImage {\n display: inline-block;\n width: 33.33%;\n vertical-align: top;\n object-fit: cover;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n}\n\n.key-play-card-content .cardImage[data-has-score='true'] {\n border-bottom-left-radius: 0;\n}\n\n.key-play-card-content .text-content {\n position: absolute;\n top: 50%;\n left: 33.33%;\n transform: translateY(-50%);\n width: 66.67%;\n padding: 44px 36px 44px 24px;\n text-align: center;\n box-sizing: border-box;\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 text-align: left;\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,\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: block;\n text-align: center;\n padding: 10px;\n background-color: var(--sdk-surface4);\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n\n.key-play-card .score-team {\n display: inline-block;\n vertical-align: middle;\n margin: 0 32px;\n}\n\n.key-play-card .score-team > div {\n display: inline-block;\n vertical-align: middle;\n}\n\n.key-play-card .score > *:last-child .score-value {\n margin-left: 0;\n margin-right: 16px;\n}\n\n.key-play-card .score-team .score-value {\n margin-left: 16px;\n}\n\n.key-play-card .error-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n text-align: center;\n background-color: var(--sdk-surface2);\n}\n\n.key-play-card .error-state-text {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.key-play-card .error-state-text > * {\n margin: 8px;\n vertical-align: middle;\n}\n\n.key-play-card .error-state .error-state-inner {\n position: relative;\n width: 100%;\n height: 100%;\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: 18px;\n right: 18px;\n}\n"],sourceRoot:""}]),n.a=o},151:function(e,n,t){"use strict";var a=t(6),r=t.n(a),A=t(7),o=t.n(A)()(r.a);o.push([e.i,".sdk--key-play-error-state-unsupportedEvent {\n padding: 32px 24px 0 24px;\n display: block;\n}\n\n.sdk--key-play-error-state-unsupportedEvent::after {\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.08) 100%\n );\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-unsupportedEvent > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unsupportedEvent > *:last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent {\n overflow-y: hidden;\n max-height: calc(100vh - 86px - 60px - 60px);\n scrollbar-width: none;\n display: block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n text-align: left;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent p {\n margin: 0;\n color: var(--sdk-text200);\n text-align: left;\n margin-top: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent > *:last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\n display: block;\n text-align: center;\n padding: 32px 6px 32px 6px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\n display: block;\n position: relative;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n > *:last-child {\n margin-bottom: 0;\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(\n 0deg,\n var(--sdk-surface1) 0%,\n rgba(0, 0, 0, 0) 30%\n );\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example {\n display: block;\n padding: 28px 24px;\n border-radius: 10px;\n background-color: var(--sdk-surface3);\n height: 128px;\n box-sizing: border-box;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .image {\n width: 72px;\n height: 72px;\n border-radius: 50%;\n background-color: var(--sdk-surface4);\n margin-right: 16px;\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .content {\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .headline {\n width: 180px;\n height: 26px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n margin-bottom: 23px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .body {\n width: 107px;\n height: 23px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n}\n\n.sdk--key-play-error-state-tabLoadFailure {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.sdk--key-play-error-state-tabLoadFailure h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.sdk--key-play-error-state-tabLoadFailure p {\n margin: 16px 0;\n height: 86px;\n}\n\n.sdk--key-play-error-state-tabLoadFailure > *:last-child {\n margin-bottom: 0;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/key-plays/view/KeyPlayErrorStateView.styles.css"],names:[],mappings:"AAAA;EACE,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE;;;;GAIC;AACH;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,yBAAyB;AAC3B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;EAC5C,qBAAqB;EACrB,cAAc;AAChB;;AAEA;EACE,SAAS;EACT,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,0BAA0B;AAC5B;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;;;EAGE,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,SAAS;EACT;;;;GAIC;AACH;;AAEA;;;EAGE,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,qCAAqC;EACrC,aAAa;EACb,sBAAsB;AACxB;;AAEA;;;;EAIE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,qCAAqC;EACrC,kBAAkB;EAClB,qBAAqB;AACvB;;AAEA;;;;EAIE,qBAAqB;AACvB;;AAEA;;;;EAIE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,qCAAqC;EACrC,cAAc;EACd,mBAAmB;AACrB;;AAEA;;;;EAIE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,qCAAqC;EACrC,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,YAAY;AACd;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:[".sdk--key-play-error-state-unsupportedEvent {\n padding: 32px 24px 0 24px;\n display: block;\n}\n\n.sdk--key-play-error-state-unsupportedEvent::after {\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.08) 100%\n );\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-unsupportedEvent > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unsupportedEvent > *:last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent {\n overflow-y: hidden;\n max-height: calc(100vh - 86px - 60px - 60px);\n scrollbar-width: none;\n display: block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n text-align: left;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent p {\n margin: 0;\n color: var(--sdk-text200);\n text-align: left;\n margin-top: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent > *:last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\n display: block;\n text-align: center;\n padding: 32px 6px 32px 6px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\n display: block;\n position: relative;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n > *:last-child {\n margin-bottom: 0;\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(\n 0deg,\n var(--sdk-surface1) 0%,\n rgba(0, 0, 0, 0) 30%\n );\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example {\n display: block;\n padding: 28px 24px;\n border-radius: 10px;\n background-color: var(--sdk-surface3);\n height: 128px;\n box-sizing: border-box;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .image {\n width: 72px;\n height: 72px;\n border-radius: 50%;\n background-color: var(--sdk-surface4);\n margin-right: 16px;\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .content {\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .headline {\n width: 180px;\n height: 26px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n margin-bottom: 23px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .body {\n width: 107px;\n height: 23px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n}\n\n.sdk--key-play-error-state-tabLoadFailure {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.sdk--key-play-error-state-tabLoadFailure h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.sdk--key-play-error-state-tabLoadFailure p {\n margin: 16px 0;\n height: 86px;\n}\n\n.sdk--key-play-error-state-tabLoadFailure > *:last-child {\n margin-bottom: 0;\n}\n"],sourceRoot:""}]),n.a=o},236:function(e,n,t){"use strict";t.r(n),t.d(n,"KeyPlays",(function(){return T})),t.d(n,"default",(function(){return D}));var a=t(0),r=t.n(a),A=t(100),o=t(122),s=t(5),l=t.n(s),i=t(150),c={insert:"head",singleton:!1},d=(l()(i.a,c),i.a.locals,t(8)),p=t(105),u=t(98);class m extends r.a.Component{render(){const{awayTeamScore:e,homeTeamScore:n,homeTeamName:t,awayTeamName:a}=this.props;return e&&n&&t&&a?r.a.createElement("div",{className:"score"},r.a.createElement("div",{className:"score-team T05_ALT"},r.a.createElement("span",null,t),r.a.createElement("span",{className:"T30 score-value FONT_BOLD"},n)),r.a.createElement("div",{className:"score-team T05_ALT"},r.a.createElement("span",{className:"T30 score-value FONT_BOLD"},e),r.a.createElement("span",null,a))):null}}var E=t(28),y=t(30);function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}function v(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class B extends r.a.Component{constructor(e){super(e),v(this,"failedClipListener",()=>{}),v(this,"vm",void 0),v(this,"onLoad",()=>{this.setState({imageLoaded:!0})}),v(this,"renderImage",()=>{const{playerImageUrl:e,teamImageUrl:n,thumbnailImageUrl:t,isScoring:a}=this.props;return e?r.a.createElement(A.a,{src:e,crossOrigin:"anonymous",alt:"Key Play Player Image",className:"cardImage",onLoad:this.onLoad,style:{display:this.state.imageLoaded?"block":"none"},"data-has-score":a}):n?r.a.createElement(A.a,{src:n,crossOrigin:"anonymous",alt:"Key Play Team Image",className:"cardImage",onLoad:this.onLoad,style:{display:this.state.imageLoaded?"block":"none"},"data-has-score":a}):t?r.a.createElement(A.a,{src:t,crossOrigin:"anonymous",alt:"Key Play Thumbnail Image",className:"cardImage",onLoad:this.onLoad,style:{display:this.state.imageLoaded?"block":"none"}}):null}),this.vm=d.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={failedClip:this.viewModel.failedClips.value[e.clipID]||null,imageLoaded:!1}}get viewModel(){if(!this.vm)throw new Error("KeyPlaysViewModel is not initialized");return this.vm}componentDidMount(){this.failedClipListener=this.viewModel.failedClips.subscribe(e=>{this.setState({failedClip:e[this.props.clipID]})})}componentWillUnmount(){this.failedClipListener&&this.failedClipListener()}render(){const{clipID:e,description:n,isPlaying:t,playbackProgress:a,isScoring:s,focused:l,awayTeamScore:i,homeTeamScore:c,homeTeamName:d,awayTeamName:u}=this.props,{failedClip:E}=this.state;return r.a.createElement("div",{className:"key-play-card focus-ring",id:e,"data-focused":l},r.a.createElement("div",{className:"key-play-card-content"},!this.state.imageLoaded&&r.a.createElement(A.a,{src:o.a,crossOrigin:"anonymous",alt:"Key Play Thumbnail Image",className:"cardImage"}),this.renderImage(),r.a.createElement("div",{className:"text-content T05_ALT"},r.a.createElement("div",{className:"multi-line"},n))),t&&null!==a&&r.a.createElement("progress",{value:a,max:"1"}),s&&r.a.createElement(m,{awayTeamScore:i,homeTeamScore:c,homeTeamName:d,awayTeamName:u}),"recentFailure"===E&&r.a.createElement("div",{className:"error-state"},r.a.createElement("div",{className:"error-state-inner"},r.a.createElement("div",{className:"error-state-text"},r.a.createElement(p.a,{iconName:"warning",width:21.6,height:18.7}),r.a.createElement("span",{className:"T05_ALT"},"Could not play this clip. ")))),"nonRecentFailure"===E&&r.a.createElement("div",{className:"non-recent-error-state"},r.a.createElement(p.a,{iconName:"warning",width:21.6,height:18.7})))}}const k=Object(u.a)()(B);var b=e=>{const{scrollToFocusedElement:n}=Object(y.a)(),t=Object(a.useCallback)(e=>{"left"===e&&d.default.getMaestroEventViewModel().deliverFocus()},[]),A=Object(a.useCallback)(e=>{n(e)},[n]);return r.a.createElement(E.a,null,r.a.createElement(k,g({},e,{onArrowPress:t,onBecameFocused:A})))},C=t(149),f={insert:"head",singleton:!1},h=(l()(C.a,f),C.a.locals,t(151)),x={insert:"head",singleton:!1},w=(l()(h.a,x),h.a.locals,t(110)),P=t(106);function Q(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const N=()=>{const e=Object(P.b)();return r.a.createElement("div",{ref:e,className:"sdk--key-play-error-state-unpopulatedEvent"},r.a.createElement("div",{className:"main-content"},r.a.createElement("h3",{className:"T70"},"Good things come to those who wait!"),r.a.createElement("p",{className:"T20"},"When a key play occurs we will serve them up for you here.")),r.a.createElement("div",{className:"unpopulatedEvent-examples"},Array.from({length:4}).map((e,n)=>r.a.createElement("div",{key:n,className:"example"},r.a.createElement("div",{className:"image"}),r.a.createElement("div",{className:"content"},r.a.createElement("div",{className:"headline"}),r.a.createElement("div",{className:"body"}))))))};class j extends r.a.Component{render(){return r.a.createElement("div",{className:"sdk--key-play-error-state-unsupportedEvent"},r.a.createElement("h3",{className:"T70"},"No Key Plays Available"),r.a.createElement("svg",{viewBox:"0 0 520 359",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.a.createElement("g",{opacity:"0.16"},r.a.createElement("path",{d:"M146.334 219.427V244.686L168.723 198.187V38.0215L165.279 40.3178V188.427L146.334 219.427Z",fill:"#6D6D6D"}),r.a.createElement("rect",{x:"94.6687",y:"219.427",width:"51.6662",height:"25.259",fill:"#777777"}),r.a.createElement("rect",{x:"145.187",y:"39.1694",width:"20.6665",height:"149.258",fill:"#666666"}),r.a.createElement("path",{d:"M146.335 219.427H94.6687L143.465 187.279H167.001L146.335 219.427Z",fill:"#666666"}),r.a.createElement("path",{d:"M375.389 219.427V244.686L353 198.187V38.0215L356.445 40.3178V188.427L375.389 219.427Z",fill:"#6D6D6D"}),r.a.createElement("rect",{width:"51.6662",height:"25.259",transform:"matrix(-1 0 0 1 427.055 219.427)",fill:"#777777"}),r.a.createElement("rect",{width:"20.6665",height:"149.258",transform:"matrix(-1 0 0 1 376.537 39.1694)",fill:"#666666"}),r.a.createElement("path",{d:"M375.389 219.427H427.055L378.259 187.279H354.722L375.389 219.427Z",fill:"#666666"}),r.a.createElement("path",{d:"M23.4844 141.354H496.517L410.981 121.835H93.5208L23.4844 141.354Z",fill:"#B1B1B1"}),r.a.createElement("rect",{x:"23.4844",y:"141.354",width:"473.033",height:"19.5183",fill:"#777777"}),r.a.createElement("rect",{x:"72.8545",y:"51.7993",width:"374.293",height:"45.9255",fill:"#CDCDCD"}))))}}class X extends r.a.Component{constructor(...e){super(...e),Q(this,"onArrowPress",e=>{"left"===e&&d.default.getMaestroEventViewModel().deliverFocus()})}render(){const{errorState:e,onRetry:n}=this.props;return"unsupportedEvent"===e?r.a.createElement(j,null):"unpopulatedEvent"===e?r.a.createElement(N,null):"tabLoadFailure"===e?r.a.createElement(w.a,{onEnterPress:n,onArrowPress:this.onArrowPress}):null}}var I=X,S=t(101);function H(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class T extends a.Component{constructor(e){var n,t,a;super(e),H(this,"container",null),H(this,"playbackProgressUnsub",null),H(this,"playbackIndexUnsub",null),H(this,"itemsUnsub",null),H(this,"maxHeightCleanup",null),H(this,"vm",void 0),H(this,"handlePlayClip",e=>async()=>{await this.viewModel.playKeyPlay(e)}),H(this,"setContainerRef",e=>{e&&!this.container&&(this.container=e),this.container!==e&&(this.container=e,this.maxHeightCleanup&&this.maxHeightCleanup(),this.container&&(this.maxHeightCleanup=Object(P.a)(()=>this.container)))}),this.vm=d.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={scrollableContainer:null,playbackProgress:null!==(n=this.viewModel.currentClipPlaybackProgress.value)&&void 0!==n?n:null,playbackIndex:null!==(t=this.viewModel.currentlyPlayingClipIndex.value)&&void 0!==t?t:null,items:null!==(a=this.viewModel.filteredItems.value)&&void 0!==a?a:[]}}get viewModel(){if(!this.vm)throw new Error("KeyPlaysViewModel is not initialized");return this.vm}componentDidMount(){this.playbackProgressUnsub=this.viewModel.currentClipPlaybackProgress.subscribe(e=>{this.setState({playbackProgress:null!=e?e:null})}),this.playbackIndexUnsub=this.viewModel.currentlyPlayingClipIndex.subscribe(e=>{this.setState({playbackIndex:null!=e?e:null})}),this.itemsUnsub=this.viewModel.filteredItems.subscribe(e=>{this.setState({items:e})}),this.setState({scrollableContainer:this.container}),this.maxHeightCleanup=Object(P.a)(()=>this.container)}componentWillUnmount(){this.playbackProgressUnsub&&this.playbackProgressUnsub(),this.playbackIndexUnsub&&this.playbackIndexUnsub(),this.itemsUnsub&&this.itemsUnsub(),this.maxHeightCleanup&&this.maxHeightCleanup()}render(){const{playbackProgress:e,playbackIndex:n,items:t,scrollableContainer:a}=this.state;return r.a.createElement(S.a,{scrollableContainerRef:a,containerTopOffset:32},r.a.createElement("div",{ref:this.setContainerRef,className:"key-plays-view"},t.map((t,a)=>r.a.createElement("div",{key:"section-"+a,className:"key-plays-section"},t.title&&r.a.createElement("h3",{className:"key-plays-section-title T10"},t.title),r.a.createElement("div",{className:"key-plays-section-items"},t.items.map(t=>{var a,A;const o=null!==(a=null===(A=this.vm)||void 0===A?void 0:A.allItems.findIndex(e=>e.id===t.id))&&void 0!==a?a:-1;return r.a.createElement(b,{key:t.id,id:t.id,clipID:t.clipID,description:t.description,awayTeamName:t.awayTeamName,homeTeamName:t.homeTeamName,awayTeamScore:t.awayTeamScore,homeTeamScore:t.homeTeamScore,playerImageUrl:t.playerImageUrl,teamImageUrl:t.teamImageUrl,thumbnailImageUrl:t.thumbnailImageUrl,isPlaying:this.viewModel.isCurrentlyPlaying(o),isScoring:Boolean(t.awayTeamScore&&t.homeTeamScore),playbackProgress:o===n?e:null,onEnterPress:this.handlePlayClip(o)})})))),r.a.createElement("div",{className:"key-plays-bottom-padding"})))}}class D extends a.Component{constructor(e){super(e),H(this,"errorStateUnsub",null),H(this,"vm",void 0),H(this,"handleRetry",async()=>{await this.viewModel.userRequestedNewKeyPlaysData()}),this.vm=d.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={errorState:this.viewModel.errorState.value}}get viewModel(){if(!this.vm)throw new Error("KeyPlaysViewModel is not initialized");return this.vm}componentDidMount(){this.errorStateUnsub=this.viewModel.errorState.subscribe(e=>{this.setState({errorState:e})}),this.viewModel.init()}componentWillUnmount(){this.errorStateUnsub&&this.errorStateUnsub()}render(){const{errorState:e}=this.state;return e?r.a.createElement(I,{errorState:e,onRetry:this.handleRetry}):r.a.createElement(T,null)}}}}]);
1
+ (window.webpackJsonp=window.webpackJsonp||[]).push([[6],{102:function(e,n,t){"use strict";var a=t(0),r=t.n(a);function A(){return(A=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}function o(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class s extends r.a.Component{constructor(e){super(e),o(this,"state",{failed:!1}),o(this,"handleError",()=>{this.setState({failed:!0})})}render(){return this.state.failed?(console.warn("Image failed to load:",this.props.src),null):this.props.src?r.a.createElement("img",A({alt:this.props.alt||"Image"},this.props,{onError:this.handleError})):(console.warn("Image source is empty"),null)}}n.a=s},103:function(e,n,t){"use strict";var a=t(30);n.a=a.b},105:function(e,n,t){"use strict";var a=t(32);n.a=a.a},106:function(e,n,t){"use strict";var a=t(33).a,r=t(5),A=t.n(r),o=t(108),s={insert:"head",singleton:!1},l=(A()(o.a,s),o.a.locals,t(100)),i=t(0),c=t.n(i);function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}class p extends c.a.Component{render(){const{children:e,focused:n,focusKey:t,parentFocusKey:r,preferredChildFocusKey:A,forgetLastFocusedChild:o,trackChildren:s,autoRestoreFocus:l,blockNavigationOut:i,hasFocusedChild:p,focusable:u,onEnterPress:m,onEnterRelease:E,onBackPress:y,onArrowPress:g,onBecameFocused:v,onBecameBlurred:B,realFocusKey:k,setFocus:b,navigateByDirection:f,stealFocus:C,onUpdateFocus:h,onUpdateHasFocusedChild:x,...w}=this.props;return c.a.createElement(a,d({className:"action-button T05_ALT"},w),e)}}var u=Object(l.a)()(p);n.a=u},108:function(e,n,t){"use strict";var a=t(6),r=t.n(a),A=t(7),o=t.n(A)()(r.a);o.push([e.i,".action-button {\n padding: 23px 0;\n background-color: var(--sdk-surface5);\n color: var(--sdk-text100);\n}\n\n.action-button:hover,\n.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,qCAAqC;EACrC,yBAAyB;AAC3B;;AAEA;;EAEE,0CAA0C;EAC1C,yBAAyB;AAC3B",sourcesContent:[".action-button {\n padding: 23px 0;\n background-color: var(--sdk-surface5);\n color: var(--sdk-text100);\n}\n\n.action-button:hover,\n.action-button[data-focused='true'] {\n background-color: var(--sdk-accentPrimary);\n color: var(--sdk-text500);\n}\n"],sourceRoot:""}]),n.a=o},109:function(e,n,t){"use strict";t.d(n,"b",(function(){return A})),t.d(n,"a",(function(){return o}));var a=t(0);function r(e){if(!e)return;const n=e.getBoundingClientRect();e.style.maxHeight=window.innerHeight-n.top+"px"}function A(){const e=Object(a.useRef)(null),n=Object(a.useCallback)(()=>{r(e.current)},[]);Object(a.useEffect)(()=>(window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}),[n]);return Object(a.useCallback)(n=>{e.current=n,r(n)},[])}function o(e){const n=()=>{r(e())};return n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}}},111:function(e,n,t){"use strict";var a=t(6),r=t.n(a),A=t(7),o=t.n(A)()(r.a);o.push([e.i,".tab-load-error {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.tab-load-error h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.tab-load-error p {\n height: 86px;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/components/TabLoadError/TabLoadError.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,YAAY;AACd",sourcesContent:[".tab-load-error {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.tab-load-error h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.tab-load-error p {\n height: 86px;\n}\n"],sourceRoot:""}]),n.a=o},112:function(e,n,t){"use strict";var a=t(100),r=t(0),A=t.n(r),o=t(5),s=t.n(o),l=t(111),i={insert:"head",singleton:!1},c=(s()(l.a,i),l.a.locals,t(106));class d extends A.a.Component{render(){const{focused:e,onEnterPress:n}=this.props;return A.a.createElement("div",{"data-focused":e,className:"tab-load-error focus-ring"},A.a.createElement("h3",{className:"T70"},"We dropped the ball."),A.a.createElement("p",{className:"T20"},"We're having trouble loading that for you. Please try again."),A.a.createElement(c.a,{"data-focused":e,onEnterPress:n},"Try Again"))}}var p=Object(a.a)()(d);n.a=p},124:function(e,n,t){"use strict";t.d(n,"a",(function(){return a}));const a="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCACQALgDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+O4tkcn0/z79ev/161Mg3dv8AD64/rjp3oAC3b3+n6e/8+negAB/z/Prn/DgUAG736cflyP5Z/CgA3Hpn/wDWOf65/WgYBvQ+n6H+eR396BBuzjnn6/55Geo+vU5oANxznPIoANx9cf8A18/j3Iz160AG73H8vftjsPy+goAM/wCfzx/9b/8AXQAu7/Pv0z9ff3+mABM/5/8Arfl9KAFLHue3+eP89u4FACbj69P0HP5D/PWgAzznJ57/AP16ADd/n36c9s9j6980ALuOePXOP8849B0oATJ9enT24oACxHOfT/Ae3f8AzzQAbvU/rj6D/wCsPwoAMn8+vv8AX/HrQBX3fTpj19c9Tx0IP/1qBgW9+vX3/wA/yoEG70PX16/rz2/HFAxSx554znr+X5f0oEJn8x+f/wCr6UDDceuen/6v6UCDd/8AX/n29eD6/SgYbvc/X8uc+nA60ALuPr0/z/kdKADcT39vw/r7fn1OaAE3HjnpjH8vzoEG737d+Tzx9aBiZ/l9OPfpwP8APagQu7pz7cH05oGLvP8AnOfXHXI46j6d6AE3die2Ov4/p/n1oAN2O/4E/U+vPP8AKgA3YPXB6/59aADcfX8vp7e39fegA3c8n9cHP/6qADd1Pr1/qP06fhQIN2e/t/n/AD9epyALuP8An/PrzmgZW3H1/wA//qoAM5/Hn/Pbv9fSgQm739Md/Tt/n8qBjtx/yAP88UtNQ/r+rCZ9/wDPt+fb29qYBu9/19un0PUj0HXvQAbj1z/nP9O/4+9AC7++eOvtx69Py9e1ABuOMf5GPf8AxoA77RfCayxR3Wps+JAHS0RihCHlfPcfMCw5MabWUYDODuRQR2cGm6fagCCzt48dGESmT8ZGBkY+7MTQBbeNJBtdEdem11DD06EEUAYd74a0m8BP2cW0hHElriLBznmMAwtz1zHk88gnNAzgdX8O3ulAzA/arQHHnxgq0YPQTR/N5YyMB1LR5xllZlWgDnN3p/nj3/DP4UAG7/OPxxj36460CDd05/Dt6/rj8aBhu568/wCf8KAF3f5P6f047mj+tgE3f5+vr6/4HnjFABuzznOefr/nOPb8BQAZz/n/ABoAN3/1vz7fyx+lAEG4+v8An+nXHHFABuP6f4/55oATcfX/AD0/rQAbsd+n+fx6fjjHajQA3f4+3H+f50AG7oO/Pr/kUABP+fr/AJHWgBdx9f8APOP5/nR/X9fcB23hDRUvZH1G6USQ28gjgiYZWScBXLsDwViBTavIZ25xsIYC56jQIKACgAoAayq6srAMrAqysAQykYIIPBBBwQeCKAPFvEWmjStSlhjVhbSbZ7XIJAR/vRhj18qQMnUnYEZjk0DMLdjvyfb0oAXcev8A9b/Pt+fWgPxE3H1/z/j/AJ70AGeB+Yo/UA3Z6H8v88ZoAXcRzn/PvQAm/wBwPp/P/wCv29uy0D+v6/r8w3Ed/wDPvTD+u5X3Y+n/AOruMfh2pf1/XyAXd/n3/Xrjkd6P6/r+rgJu9/1P1ph8g3H1/L/Ofr/9agA3e/6/57/rQGobvfHX8c+/f8aA8hd/8vT0/wDrnjt+FL+v6/rzATPX9aYX/r+r9z3Tw7YjT9ItIiMSSxi5n9fNnAcqR28tNkX/AADPJJJANygQUAFABQAUAYmv6UmradLDj/SI1aW1fHzLMqnCZ/uTAeW46chsbkXAB4USfp/Tn9KWgw3ev+f8/n+Zo0D+vv8A6/rcXcfX/J7f/q/wo0ATd/L9O3+fr2p6AG457/y//V/jR/WoBn/D/wDXil/Xp94XDd7++c/5/wAj0p6BqLuPqaWgFfd3z/n8aNAE3H3/AM9x/j6e1GnoH+Qu4nP5/wA+9MA3c+4+v8/z6YpAJuPr/np+f8u1GgBuz6f/AK/85/8ArUABbn/P+effr0o/HUCxap591bQnpNPDEevSSRUPA5PXH8u1H9f1+If1/X9aH0eBjgcAcADtTELQAUAFABQAUANYkKxUbmCkhem4gcDPueKAPmtpCzMzYyxLEehJJ4HUAc4FLqNDd34c8+v09Pw6Uaf1/X4gG739vT/Pb/OKNA/r5i7un9P8+5+maNg+QmfwpgG4+v8An29/15paB/X9f8EXceuaNAE3H1P+f8/pRoBBuPr7f57/AOfSjQBN34n/AD9D059fSjQP6/q39feG7tx/nPH8/wAelGgBu/z+n8/1o/r9WHqG7/J/+v8AT8KNP60DUN3H+foP8/1oHcXdx1/z/X/OKNBE9pP9nurWYn5YbiGU/SORG+vReMfhQB9LgggEHIPII5BB6EGmIWgAoAKACgAoAQkAEk4ABJJ6ADkk/SgD5kmkV5ZXUbVeR3VfRWbIGBwMAjpSK16f1/WozcfX/Pr9ffrRp/X9fkINx/z/AJ/KjQLibs9+v+f6fpQFxd3+f8/Sj+vmO/8AX9f1+IFj74+uf89aP67CDefX8/8AP8/ejToAm73/AM9KBkG7/OP8/wD1+/agP63/AK/rQTefX6f5/wA/kaNNf6/r+uwg3H1/yf8AGj+vu/r/ADC/9foKW/z/AJ6f0/KjTT+v6/q4f1/Wv/BDd/k+/b6f59KNBhux6fTtRp/XmFw3Z/P/AD+P+PFH/B/r+vzDb+v6/wCHOk8KaXBrOrpaXQdrdYJ55VjfYxCKqL8w5A8yVOnJ6dM0aC6HvdrCba3gt97SeREkKyN990jUIjPjgyFAN7AAM+5gqghQxFigAoAKACgAoAr3UH2m2nt/MaITxPC0iAF0SRSjlM8B9pOxiGCthirAbSAeB+KtKh0bV5LS23i3aGGeISNvcLIpRwWwNw82OTBPIBxzjNIdzm93T/P+evejQf8AX9f1+Iu70/z/APX4oD+v6+8TP+f89KP6/wCHF/X/AAwbv0/n2/8Arf8A6qNB3At15o0F8v6/4cXf2z/k/wCTiiw/kG78P5f5H0o6Bf8Ar7itmjQLilv/AK/+etH9ff8AMX9eX9f8AN35f/r74o03H/X9bibv8f8AP1/X8KNA/rzDd6/55o0/r+vmAbv8/rRoFw3flz/hRp/X9f16hc9E+GpB1q7B+9/Zc2Pcfa7Mt+u3rz1x3o6iPbKYgoAKACgAoAKACgDxH4kkDXLXHB/sqAn/AMC73H48c57AUmNHnu7tn8v8/n/jRoP+v6/r/gGfejQLi7j60aB/X9fqJu9Sfzo0C/l+P/AF3Hv09/8AP+frRp/wwX8ugm7v+f8An/PPvRp/X5Brp/W4u71/z/npQBW3++KAf9fl/X9MXcfyoC/9f1YN/P8An/P/AOr2oDtp/X9dbBu/n/8Ar/lRp/Xb+tg+Qbvx/wA/jRoF/L9P63DcfX/J/pRp/X9bgG7/AD/n1o03C52XgK9S18SWiu2xbyKe0yem+RPMiUn/AG5YY0A/vsKEwZ9C0yQoAKACgAoAKACgD558eXyXfiS7VGDLZpDZgggjfEu+Zep5SeSRGHGGUgj1Xf8Ar+upS06f8McduP8ASloH9f18hC3v/n/P609A/r+t+n9MUPjv/WjT+v6/rQPUN35/5z1o0+QCbv8AP50aBf8Ar+v+GF3H/P8An3o0C4bv8/59qPw/rQCvu7f4/l19T/Klp/X9f8AP6/r+thN2Oh/SndB/Wwu73/X/AD9KV0H9f1/XmJu/z/n/ADij/MLsXd/nt6Yx+lAX8v6/rqG7/P8An0/SjT+v60C4Bv8AP/16en/AC4qyMjK6MUdSGVlbayspDBlYYIYEAhhggjINHYL+R6n4O8Zavd61Z6dql8Z7W4SWGPfDbq3niMvCXmSJZXLFDGNznc8i7snBBcT8j2umIKACgAoAKAPFfGHjTV7PWb3TtLvfItrdYoHKwwO/nmMNPslkiaRCrP5eVIKvGWQjOaLjPK2kZ2Z3dmd2LM7MWZmbkszE5ZmJyWJJJOSc0h/10G7v8e1Gn9f1/wAEL+X9eX9ai7v85+vv/n6ZpBcTd7/j/jj2p6Bf/gff26i7v8+/r+n09qWn9f1YNf6/rzDd+HP+f8+9GgXDd/L/AD7UBt0/4cTf74H+e/6UAV93v/n+VGgf15hu/n/9Y/nRdB/X3f5i7vf/AD/n/PoaBf8Ar+v68uxux+v/ANf8KNAv/X9f8OG7/H8aNPwC/wDX9XDf0/z/APX/AF+tAeQbu3v/AJ5o0C/+Wv8AX+YbuO9A7/f/AF/X5m/4Vfb4k0Q5xnUrRf8AvqUJjnPXOB/k00J/1/XmfVFMkKACgAoAKAPlXxRIW8R652xql6vXP3J3X+gI9BxzS0/r7ijC3e9LQL7Buxij+v68wv27Cbvfp/8Aro+QC7vwo0C/kG40f1/X9feFw3elH9f1/XULhu/+t0oC/r/XcN3H+fT/AD/WjT+v1C/3/wBP8yvu/wA8f5/z9KLhcN2OPz/H9KNAuG7vn8fr/n/PWjQP6/r+vIN3+fxouh6Bv9/8/wA/89aBBu/z/n6//Wo0DTsG7/PPaj7h3/r+ugbvU9ef84oF9/8Al5HQeFBv8S6EOf8AkKWbdR/BMr9+3y8jqRwOaYX8j6vpkhQAUAFABQB8neKsr4k11WHP9q3zfg9w7r+akEfXip6lf1/X6mDu/XrRoF9tv8g3etGnYExN2P8AP0ov/X9f5hf+v6Qu7/P9KNAv5XE3fh/+rn/PSj+v6/r5hf8Ary/ryFDf596P66h/X9f8OG7/AD+nb0/xo0/r+uof1/X6ib+/9OvH+f50B/X9P1/4cg3f0/z/ACoVgv5Cbz7/AP1v8/56UB8hd3v+v+fw6UB8vw/roJu6fT1/z60f1/X9dB/IN3f9f8P/AK1H9f0gF3e9HUX9f1cN/v8A5x0o0/UPl5irudgigszEKqqNzMxOAoUZJJPAA5J4FAX/AK/zPZfB/wAPdbsdU0zWNRa0tobdzcNaeZJJebjC4jRkWLyEId1L/vyyAMNu4Yqgb/r5nuNBIUAFABQAUAeGeL/h7rl5qmp6vp5tLmC4c3K2qyOl5u8tfMRY3iELsXU7Ns+58gbQxxSKTPGySpKkFWBIKkEEEcEEcEEdCCMjvSuguG7n/P8An/PWi4XDd7/T/P8An+lAw3//AFv/AK30/wAaBBu/Pp/WjQd/IN+e/wDn/Io/r+v68g+Qbv8AP5Yo0F+AbvX/AD3o0D+tivu9D7/5/LjtQP8Ay6/1uG76/j/n3oC6Ddnv/n/P/wCv1AE3f59qLiuG7/PH+fSgdySJJJpEigjkmlkYIkUaNJJIx6KqIC7MT/CASaAuekaH8MNe1MJNqGzR7ViCRcAyXroepW0Ujyzxgi5lgcHBEbCnYVz2HRPAfh3Q2imitWvLyIhlvL5hPIrjBDRRAJbRFGGY3SHzV4JlYgGnYR2dAgoAKACgAoAKACgDidc8AeHdcaSd7d7G9lJZ7uxYRNI5YszSwsHt5WdiTI5iEz55lFFh3PH9c+GPiDTN0tgE1m2GebVSl4qgZy9o7EsT0AtpbhieqqDSsO55xIJInaOZHjkjYo8cisjo6nBVkYBlYHgggEHORUh8hu7+f+e/5U9B6Bv/AM/5557/AI0v6/roL+v66BuPt9P1/P8AWmP+vl/XQN3+fTvQIN3v2xQPQr7v/wBX+fpRcLhu9evHv6/WgP6/r/hxN34/5/z0oC/9f1/w5e0/T9Q1WcW2m2dxeznkpbxNIVH96QgbY055eQqg7sM0fIL/ANf1/X6euaD8Iruby5/EF4trEQGaxsystyf9iW5Ia3hPXPki54OA6nkOwrnsWj+G9F0GIR6ZYQwNjDXBXzLuTPXzLmTdMQeuwMI1yQiKOKYjcoEFABQAUAFABQAUAFABQAUAFAGBrXhnRPEEZTU7GKWTbtS6QeVeRY+75dymJNqnny3Lwk/fjYcUDvY8c174R39v5k+gXa30Iyy2V2VhvFA6JHPhbadveQWnHHzHqrdh3PJr6wvtLuGtdQtLizuF5MVxE8bEdAy7gA6H+F0LI3VWIpev9f1/THdf1/X9eRS3f45/z/k0Bfy/r/gChv8AP4H/ABzRcPz/AK/rUN359/50XC+xX3e/+f0pBdCbvf05/wA9v8igD1zwN8N5dbji1bW/MttKfElrbITHc365BEjNjMFm4+66kTTqd0JjjKTPSXcTf9bn0Np+m2GlW62unWcFnboABHBGqAkcbnYfNI56tJIzOxJLMSSaYi9QIKACgAoAKACgAoAKACgAoAKACgAoAKACgChqGmafqtu1rqVnb3tuwP7ueNX2kjG+Nj88UgH3ZImSRTyrAjNAHzt46+HM2gpJqujmW60kZa4hfL3GnA8b2Ycz2vYykeZCP9duXM1S12KTPKN3+f8APP8An3oGJu9/8/596Xy/r8A/r+kQbvf/ADxRcNP6X6HoPw58KjxPrYe6TdpWmCO6vRj5bh2Y/ZrI9eLhkdpeObeGZAyO6MGtfkDZ9aKqoqoiqiIoVEUBVVVGFVVGAqqAAAAAAMCqIHUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFADWVXVkdVdHUq6MAysrDDKynIZWBIIIIIODxQB8k/ETwuPDGuH7MpGmakr3ViAPlhw/+kWYPf7O7IU/6YSwhizbyZenoUn/XyOA3/j3/AM/5/KkPRAD/2Q=="},151:function(e,n,t){"use strict";var a=t(6),r=t.n(a),A=t(7),o=t.n(A)()(r.a);o.push([e.i,".key-plays-view {\n display: block;\n overflow-y: auto;\n scrollbar-width: none;\n scroll-behavior: smooth;\n overscroll-behavior: contain;\n margin-top: 60px;\n}\n\n.key-plays-view::-webkit-scrollbar {\n display: none;\n}\n\n.key-plays-view > * {\n margin-bottom: 16px;\n}\n\n.key-plays-view > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section {\n display: block;\n position: relative;\n}\n\n.key-plays-section > * {\n margin-bottom: 16px;\n}\n\n.key-plays-section > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-items {\n display: block;\n}\n\n.key-plays-section-items > * {\n margin-bottom: 20px;\n}\n\n.key-plays-section-items > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-title {\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 0;\n margin-bottom: 16px;\n}\n\n.key-plays-bottom-padding {\n height: calc(100vh - 240px);\n min-height: 400px;\n width: 100%;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/key-plays/view/KeyPlaysView.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,gBAAgB;EAChB,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;EAC5B,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,MAAM;EACN,UAAU;EACV,SAAS;EACT,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,iBAAiB;EACjB,WAAW;AACb",sourcesContent:[".key-plays-view {\n display: block;\n overflow-y: auto;\n scrollbar-width: none;\n scroll-behavior: smooth;\n overscroll-behavior: contain;\n margin-top: 60px;\n}\n\n.key-plays-view::-webkit-scrollbar {\n display: none;\n}\n\n.key-plays-view > * {\n margin-bottom: 16px;\n}\n\n.key-plays-view > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section {\n display: block;\n position: relative;\n}\n\n.key-plays-section > * {\n margin-bottom: 16px;\n}\n\n.key-plays-section > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-items {\n display: block;\n}\n\n.key-plays-section-items > * {\n margin-bottom: 20px;\n}\n\n.key-plays-section-items > *:last-child {\n margin-bottom: 0;\n}\n\n.key-plays-section-title {\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 0;\n margin-bottom: 16px;\n}\n\n.key-plays-bottom-padding {\n height: calc(100vh - 240px);\n min-height: 400px;\n width: 100%;\n}\n"],sourceRoot:""}]),n.a=o},152:function(e,n,t){"use strict";var a=t(6),r=t.n(a),A=t(7),o=t.n(A)()(r.a);o.push([e.i,".key-play-card {\n display: block;\n background-color: var(--sdk-surface2);\n position: relative;\n}\n\n.key-play-card-content {\n display: block;\n width: 100%;\n position: relative;\n}\n\n.key-play-card-content .cardImage {\n display: inline-block;\n width: 33.33%;\n vertical-align: top;\n object-fit: cover;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n}\n\n.key-play-card-content .cardImage[data-has-score='true'] {\n border-bottom-left-radius: 0;\n}\n\n.key-play-card-content .text-content {\n position: absolute;\n top: 50%;\n left: 33.33%;\n transform: translateY(-50%);\n width: 66.67%;\n padding: 44px 36px 44px 24px;\n text-align: center;\n box-sizing: border-box;\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 text-align: left;\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,\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: block;\n text-align: center;\n padding: 10px;\n background-color: var(--sdk-surface4);\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n\n.key-play-card .score-team {\n display: inline-block;\n vertical-align: middle;\n margin: 0 32px;\n}\n\n.key-play-card .score-team > div {\n display: inline-block;\n vertical-align: middle;\n}\n\n.key-play-card .score > *:last-child .score-value {\n margin-left: 0;\n margin-right: 16px;\n}\n\n.key-play-card .score-team .score-value {\n margin-left: 16px;\n}\n\n.key-play-card .error-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n text-align: center;\n background-color: var(--sdk-surface2);\n}\n\n.key-play-card .error-state-text {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.key-play-card .error-state-text > * {\n margin: 8px;\n vertical-align: middle;\n}\n\n.key-play-card .error-state .error-state-inner {\n position: relative;\n width: 100%;\n height: 100%;\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: 18px;\n right: 18px;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/key-plays/view/KeyPlayCardView.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,qCAAqC;EACrC,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,4BAA4B;EAC5B,+BAA+B;AACjC;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,YAAY;EACZ,2BAA2B;EAC3B,aAAa;EACb,4BAA4B;EAC5B,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,oBAAoB;EACpB,4BAA4B;EAC5B,qBAAqB;EACrB,gBAAgB;EAChB,uBAAuB;EACvB,gBAAgB;AAClB;;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;;EAEE,qCAAqC;AACvC;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,aAAa;EACb,qCAAqC;EACrC,+BAA+B;EAC/B,gCAAgC;AAClC;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,cAAc;AAChB;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,cAAc;EACd,kBAAkB;EAClB,qCAAqC;AACvC;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,gCAAgC;AAClC;;AAEA;EACE,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,WAAW;AACb",sourcesContent:[".key-play-card {\n display: block;\n background-color: var(--sdk-surface2);\n position: relative;\n}\n\n.key-play-card-content {\n display: block;\n width: 100%;\n position: relative;\n}\n\n.key-play-card-content .cardImage {\n display: inline-block;\n width: 33.33%;\n vertical-align: top;\n object-fit: cover;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n}\n\n.key-play-card-content .cardImage[data-has-score='true'] {\n border-bottom-left-radius: 0;\n}\n\n.key-play-card-content .text-content {\n position: absolute;\n top: 50%;\n left: 33.33%;\n transform: translateY(-50%);\n width: 66.67%;\n padding: 44px 36px 44px 24px;\n text-align: center;\n box-sizing: border-box;\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 text-align: left;\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,\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: block;\n text-align: center;\n padding: 10px;\n background-color: var(--sdk-surface4);\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n\n.key-play-card .score-team {\n display: inline-block;\n vertical-align: middle;\n margin: 0 32px;\n}\n\n.key-play-card .score-team > div {\n display: inline-block;\n vertical-align: middle;\n}\n\n.key-play-card .score > *:last-child .score-value {\n margin-left: 0;\n margin-right: 16px;\n}\n\n.key-play-card .score-team .score-value {\n margin-left: 16px;\n}\n\n.key-play-card .error-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: block;\n text-align: center;\n background-color: var(--sdk-surface2);\n}\n\n.key-play-card .error-state-text {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.key-play-card .error-state-text > * {\n margin: 8px;\n vertical-align: middle;\n}\n\n.key-play-card .error-state .error-state-inner {\n position: relative;\n width: 100%;\n height: 100%;\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: 18px;\n right: 18px;\n}\n"],sourceRoot:""}]),n.a=o},153:function(e,n,t){"use strict";var a=t(6),r=t.n(a),A=t(7),o=t.n(A)()(r.a);o.push([e.i,".sdk--key-play-error-state-unsupportedEvent {\n padding: 32px 24px 0 24px;\n display: block;\n}\n\n.sdk--key-play-error-state-unsupportedEvent::after {\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.08) 100%\n );\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-unsupportedEvent > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unsupportedEvent > *:last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent {\n overflow-y: hidden;\n max-height: calc(100vh - 86px - 60px - 60px);\n scrollbar-width: none;\n display: block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n text-align: left;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent p {\n margin: 0;\n color: var(--sdk-text200);\n text-align: left;\n margin-top: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent > *:last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\n display: block;\n text-align: center;\n padding: 32px 6px 32px 6px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\n display: block;\n position: relative;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n > *:last-child {\n margin-bottom: 0;\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(\n 0deg,\n var(--sdk-surface1) 0%,\n rgba(0, 0, 0, 0) 30%\n );\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example {\n display: block;\n padding: 28px 24px;\n border-radius: 10px;\n background-color: var(--sdk-surface3);\n height: 128px;\n box-sizing: border-box;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .image {\n width: 72px;\n height: 72px;\n border-radius: 50%;\n background-color: var(--sdk-surface4);\n margin-right: 16px;\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .content {\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .headline {\n width: 180px;\n height: 26px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n margin-bottom: 23px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .body {\n width: 107px;\n height: 23px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n}\n\n.sdk--key-play-error-state-tabLoadFailure {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.sdk--key-play-error-state-tabLoadFailure h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.sdk--key-play-error-state-tabLoadFailure p {\n margin: 16px 0;\n height: 86px;\n}\n\n.sdk--key-play-error-state-tabLoadFailure > *:last-child {\n margin-bottom: 0;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/key-plays/view/KeyPlayErrorStateView.styles.css"],names:[],mappings:"AAAA;EACE,yBAAyB;EACzB,cAAc;AAChB;;AAEA;EACE;;;;GAIC;AACH;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,SAAS;EACT,yBAAyB;AAC3B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;EAC5C,qBAAqB;EACrB,cAAc;AAChB;;AAEA;EACE,SAAS;EACT,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,0BAA0B;AAC5B;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;;;EAGE,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,SAAS;EACT;;;;GAIC;AACH;;AAEA;;;EAGE,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,qCAAqC;EACrC,aAAa;EACb,sBAAsB;AACxB;;AAEA;;;;EAIE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,qCAAqC;EACrC,kBAAkB;EAClB,qBAAqB;AACvB;;AAEA;;;;EAIE,qBAAqB;AACvB;;AAEA;;;;EAIE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,qCAAqC;EACrC,cAAc;EACd,mBAAmB;AACrB;;AAEA;;;;EAIE,YAAY;EACZ,YAAY;EACZ,mBAAmB;EACnB,qCAAqC;EACrC,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,cAAc;EACd,YAAY;AACd;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:[".sdk--key-play-error-state-unsupportedEvent {\n padding: 32px 24px 0 24px;\n display: block;\n}\n\n.sdk--key-play-error-state-unsupportedEvent::after {\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(255, 255, 255, 0.08) 100%\n );\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-unsupportedEvent > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unsupportedEvent > *:last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent {\n overflow-y: hidden;\n max-height: calc(100vh - 86px - 60px - 60px);\n scrollbar-width: none;\n display: block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n text-align: left;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent p {\n margin: 0;\n color: var(--sdk-text200);\n text-align: left;\n margin-top: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent > *:last-child {\n margin-bottom: 0;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .main-content {\n display: block;\n text-align: center;\n padding: 32px 6px 32px 6px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples {\n display: block;\n position: relative;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent .unpopulatedEvent-examples > * {\n margin-bottom: 16px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n > *:last-child {\n margin-bottom: 0;\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(\n 0deg,\n var(--sdk-surface1) 0%,\n rgba(0, 0, 0, 0) 30%\n );\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example {\n display: block;\n padding: 28px 24px;\n border-radius: 10px;\n background-color: var(--sdk-surface3);\n height: 128px;\n box-sizing: border-box;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .image {\n width: 72px;\n height: 72px;\n border-radius: 50%;\n background-color: var(--sdk-surface4);\n margin-right: 16px;\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .content {\n display: inline-block;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .headline {\n width: 180px;\n height: 26px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n margin-bottom: 23px;\n}\n\n.sdk--key-play-error-state-unpopulatedEvent\n .unpopulatedEvent-examples\n .example\n .body {\n width: 107px;\n height: 23px;\n border-radius: 10px;\n background-color: var(--sdk-surface4);\n display: block;\n}\n\n.sdk--key-play-error-state-tabLoadFailure {\n display: block;\n padding: 24px;\n background-color: var(--sdk-surface4);\n}\n\n.sdk--key-play-error-state-tabLoadFailure h3 {\n margin: 0;\n font-family: var(--sdk-font-headline);\n}\n\n.sdk--key-play-error-state-tabLoadFailure p {\n margin: 16px 0;\n height: 86px;\n}\n\n.sdk--key-play-error-state-tabLoadFailure > *:last-child {\n margin-bottom: 0;\n}\n"],sourceRoot:""}]),n.a=o},242:function(e,n,t){"use strict";t.r(n),t.d(n,"KeyPlays",(function(){return T})),t.d(n,"default",(function(){return D}));var a=t(0),r=t.n(a),A=t(102),o=t(124),s=t(5),l=t.n(s),i=t(152),c={insert:"head",singleton:!1},d=(l()(i.a,c),i.a.locals,t(8)),p=t(105),u=t(100);class m extends r.a.Component{render(){const{awayTeamScore:e,homeTeamScore:n,homeTeamName:t,awayTeamName:a}=this.props;return e&&n&&t&&a?r.a.createElement("div",{className:"score"},r.a.createElement("div",{className:"score-team T05_ALT"},r.a.createElement("span",null,t),r.a.createElement("span",{className:"T30 score-value FONT_BOLD"},n)),r.a.createElement("div",{className:"score-team T05_ALT"},r.a.createElement("span",{className:"T30 score-value FONT_BOLD"},e),r.a.createElement("span",null,a))):null}}var E=t(29),y=t(31);function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}function v(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class B extends r.a.Component{constructor(e){super(e),v(this,"failedClipListener",()=>{}),v(this,"vm",void 0),v(this,"onLoad",()=>{this.setState({imageLoaded:!0})}),v(this,"renderImage",()=>{const{playerImageUrl:e,teamImageUrl:n,thumbnailImageUrl:t,isScoring:a}=this.props;return e?r.a.createElement(A.a,{src:e,crossOrigin:"anonymous",alt:"Key Play Player Image",className:"cardImage",onLoad:this.onLoad,style:{display:this.state.imageLoaded?"block":"none"},"data-has-score":a}):n?r.a.createElement(A.a,{src:n,crossOrigin:"anonymous",alt:"Key Play Team Image",className:"cardImage",onLoad:this.onLoad,style:{display:this.state.imageLoaded?"block":"none"},"data-has-score":a}):t?r.a.createElement(A.a,{src:t,crossOrigin:"anonymous",alt:"Key Play Thumbnail Image",className:"cardImage",onLoad:this.onLoad,style:{display:this.state.imageLoaded?"block":"none"}}):null}),this.vm=d.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={failedClip:this.viewModel.failedClips.value[e.clipID]||null,imageLoaded:!1}}get viewModel(){if(!this.vm)throw new Error("KeyPlaysViewModel is not initialized");return this.vm}componentDidMount(){this.failedClipListener=this.viewModel.failedClips.subscribe(e=>{this.setState({failedClip:e[this.props.clipID]})})}componentWillUnmount(){this.failedClipListener&&this.failedClipListener()}render(){const{clipID:e,description:n,isPlaying:t,playbackProgress:a,isScoring:s,focused:l,awayTeamScore:i,homeTeamScore:c,homeTeamName:d,awayTeamName:u}=this.props,{failedClip:E}=this.state;return r.a.createElement("div",{className:"key-play-card focus-ring",id:e,"data-focused":l},r.a.createElement("div",{className:"key-play-card-content"},!this.state.imageLoaded&&r.a.createElement(A.a,{src:o.a,crossOrigin:"anonymous",alt:"Key Play Thumbnail Image",className:"cardImage"}),this.renderImage(),r.a.createElement("div",{className:"text-content T05_ALT"},r.a.createElement("div",{className:"multi-line"},n))),t&&null!==a&&r.a.createElement("progress",{value:a,max:"1"}),s&&r.a.createElement(m,{awayTeamScore:i,homeTeamScore:c,homeTeamName:d,awayTeamName:u}),"recentFailure"===E&&r.a.createElement("div",{className:"error-state"},r.a.createElement("div",{className:"error-state-inner"},r.a.createElement("div",{className:"error-state-text"},r.a.createElement(p.a,{iconName:"warning",width:21.6,height:18.7}),r.a.createElement("span",{className:"T05_ALT"},"Could not play this clip. ")))),"nonRecentFailure"===E&&r.a.createElement("div",{className:"non-recent-error-state"},r.a.createElement(p.a,{iconName:"warning",width:21.6,height:18.7})))}}const k=Object(u.a)()(B);var b=e=>{const{scrollToFocusedElement:n}=Object(y.a)(),t=Object(a.useCallback)(e=>{"left"===e&&d.default.getMaestroEventViewModel().deliverFocus()},[]),A=Object(a.useCallback)(e=>{n(e)},[n]);return r.a.createElement(E.a,null,r.a.createElement(k,g({},e,{onArrowPress:t,onBecameFocused:A})))},f=t(151),C={insert:"head",singleton:!1},h=(l()(f.a,C),f.a.locals,t(153)),x={insert:"head",singleton:!1},w=(l()(h.a,x),h.a.locals,t(112)),P=t(109);function Q(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}const N=()=>{const e=Object(P.b)();return r.a.createElement("div",{ref:e,className:"sdk--key-play-error-state-unpopulatedEvent"},r.a.createElement("div",{className:"main-content"},r.a.createElement("h3",{className:"T70"},"Good things come to those who wait!"),r.a.createElement("p",{className:"T20"},"When a key play occurs we will serve them up for you here.")),r.a.createElement("div",{className:"unpopulatedEvent-examples"},Array.from({length:4}).map((e,n)=>r.a.createElement("div",{key:n,className:"example"},r.a.createElement("div",{className:"image"}),r.a.createElement("div",{className:"content"},r.a.createElement("div",{className:"headline"}),r.a.createElement("div",{className:"body"}))))))};class j extends r.a.Component{render(){return r.a.createElement("div",{className:"sdk--key-play-error-state-unsupportedEvent"},r.a.createElement("h3",{className:"T70"},"No Key Plays Available"),r.a.createElement("svg",{viewBox:"0 0 520 359",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.a.createElement("g",{opacity:"0.16"},r.a.createElement("path",{d:"M146.334 219.427V244.686L168.723 198.187V38.0215L165.279 40.3178V188.427L146.334 219.427Z",fill:"#6D6D6D"}),r.a.createElement("rect",{x:"94.6687",y:"219.427",width:"51.6662",height:"25.259",fill:"#777777"}),r.a.createElement("rect",{x:"145.187",y:"39.1694",width:"20.6665",height:"149.258",fill:"#666666"}),r.a.createElement("path",{d:"M146.335 219.427H94.6687L143.465 187.279H167.001L146.335 219.427Z",fill:"#666666"}),r.a.createElement("path",{d:"M375.389 219.427V244.686L353 198.187V38.0215L356.445 40.3178V188.427L375.389 219.427Z",fill:"#6D6D6D"}),r.a.createElement("rect",{width:"51.6662",height:"25.259",transform:"matrix(-1 0 0 1 427.055 219.427)",fill:"#777777"}),r.a.createElement("rect",{width:"20.6665",height:"149.258",transform:"matrix(-1 0 0 1 376.537 39.1694)",fill:"#666666"}),r.a.createElement("path",{d:"M375.389 219.427H427.055L378.259 187.279H354.722L375.389 219.427Z",fill:"#666666"}),r.a.createElement("path",{d:"M23.4844 141.354H496.517L410.981 121.835H93.5208L23.4844 141.354Z",fill:"#B1B1B1"}),r.a.createElement("rect",{x:"23.4844",y:"141.354",width:"473.033",height:"19.5183",fill:"#777777"}),r.a.createElement("rect",{x:"72.8545",y:"51.7993",width:"374.293",height:"45.9255",fill:"#CDCDCD"}))))}}class X extends r.a.Component{constructor(...e){super(...e),Q(this,"onArrowPress",e=>{"left"===e&&d.default.getMaestroEventViewModel().deliverFocus()})}render(){const{errorState:e,onRetry:n}=this.props;return"unsupportedEvent"===e?r.a.createElement(j,null):"unpopulatedEvent"===e?r.a.createElement(N,null):"tabLoadFailure"===e?r.a.createElement(w.a,{onEnterPress:n,onArrowPress:this.onArrowPress}):null}}var I=X,S=t(103);function H(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class T extends a.Component{constructor(e){var n,t,a;super(e),H(this,"container",null),H(this,"playbackProgressUnsub",null),H(this,"playbackIndexUnsub",null),H(this,"itemsUnsub",null),H(this,"maxHeightCleanup",null),H(this,"vm",void 0),H(this,"handlePlayClip",e=>async()=>{await this.viewModel.playKeyPlay(e)}),H(this,"setContainerRef",e=>{e&&!this.container&&(this.container=e),this.container!==e&&(this.container=e,this.maxHeightCleanup&&this.maxHeightCleanup(),this.container&&(this.maxHeightCleanup=Object(P.a)(()=>this.container)))}),this.vm=d.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={scrollableContainer:null,playbackProgress:null!==(n=this.viewModel.currentClipPlaybackProgress.value)&&void 0!==n?n:null,playbackIndex:null!==(t=this.viewModel.currentlyPlayingClipIndex.value)&&void 0!==t?t:null,items:null!==(a=this.viewModel.filteredItems.value)&&void 0!==a?a:[]}}get viewModel(){if(!this.vm)throw new Error("KeyPlaysViewModel is not initialized");return this.vm}componentDidMount(){this.playbackProgressUnsub=this.viewModel.currentClipPlaybackProgress.subscribe(e=>{this.setState({playbackProgress:null!=e?e:null})}),this.playbackIndexUnsub=this.viewModel.currentlyPlayingClipIndex.subscribe(e=>{this.setState({playbackIndex:null!=e?e:null})}),this.itemsUnsub=this.viewModel.filteredItems.subscribe(e=>{this.setState({items:e})}),this.setState({scrollableContainer:this.container}),this.maxHeightCleanup=Object(P.a)(()=>this.container)}componentWillUnmount(){this.playbackProgressUnsub&&this.playbackProgressUnsub(),this.playbackIndexUnsub&&this.playbackIndexUnsub(),this.itemsUnsub&&this.itemsUnsub(),this.maxHeightCleanup&&this.maxHeightCleanup()}render(){const{playbackProgress:e,playbackIndex:n,items:t,scrollableContainer:a}=this.state;return r.a.createElement(S.a,{scrollableContainerRef:a,containerTopOffset:32},r.a.createElement("div",{ref:this.setContainerRef,className:"key-plays-view"},t.map((t,a)=>r.a.createElement("div",{key:"section-"+a,className:"key-plays-section"},t.title&&r.a.createElement("h3",{className:"key-plays-section-title T10"},t.title),r.a.createElement("div",{className:"key-plays-section-items"},t.items.map(t=>{var a,A;const o=null!==(a=null===(A=this.vm)||void 0===A?void 0:A.allItems.findIndex(e=>e.id===t.id))&&void 0!==a?a:-1;return r.a.createElement(b,{key:t.id,id:t.id,clipID:t.clipID,description:t.description,awayTeamName:t.awayTeamName,homeTeamName:t.homeTeamName,awayTeamScore:t.awayTeamScore,homeTeamScore:t.homeTeamScore,playerImageUrl:t.playerImageUrl,teamImageUrl:t.teamImageUrl,thumbnailImageUrl:t.thumbnailImageUrl,isPlaying:this.viewModel.isCurrentlyPlaying(o),isScoring:Boolean(t.awayTeamScore&&t.homeTeamScore),playbackProgress:o===n?e:null,onEnterPress:this.handlePlayClip(o)})})))),r.a.createElement("div",{className:"key-plays-bottom-padding"})))}}class D extends a.Component{constructor(e){super(e),H(this,"errorStateUnsub",null),H(this,"vm",void 0),H(this,"handleRetry",async()=>{await this.viewModel.userRequestedNewKeyPlaysData()}),this.vm=d.default.getMaestroEventViewModel().keyPlaysViewModel,this.state={errorState:this.viewModel.errorState.value}}get viewModel(){if(!this.vm)throw new Error("KeyPlaysViewModel is not initialized");return this.vm}componentDidMount(){this.errorStateUnsub=this.viewModel.errorState.subscribe(e=>{this.setState({errorState:e})}),this.viewModel.init()}componentWillUnmount(){this.errorStateUnsub&&this.errorStateUnsub()}render(){const{errorState:e}=this.state;return e?r.a.createElement(I,{errorState:e,onRetry:this.handleRetry}):r.a.createElement(T,null)}}}}]);
2
2
  //# sourceMappingURL=6.maestro-web-sdk.esm.js.map