diff --git a/_expo/static/js/web/index-301e32df7c0c25f859158a74c973c1eb.js b/_expo/static/js/web/index-d83c596c6b9f24e06677ed812c7a1ec8.js similarity index 99% rename from _expo/static/js/web/index-301e32df7c0c25f859158a74c973c1eb.js rename to _expo/static/js/web/index-d83c596c6b9f24e06677ed812c7a1ec8.js index e43dc944..4ff8fa95 100644 --- a/_expo/static/js/web/index-301e32df7c0c25f859158a74c973c1eb.js +++ b/_expo/static/js/web/index-d83c596c6b9f24e06677ed812c7a1ec8.js @@ -329,11 +329,11 @@ __d((function(_g,r,i,_a,_m,_e,_d){ 'use strict';var e=r(_d[0]),o=Symbol.for("react.element"),t=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,_=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f={key:!0,ref:!0,__self:!0,__source:!0};function a(e,t,a){var l,s={},u=null,y=null;for(l in void 0!==a&&(u=""+a),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(y=t.ref),t)n.call(t,l)&&!f.hasOwnProperty(l)&&(s[l]=t[l]);if(e&&e.defaultProps)for(l in t=e.defaultProps)void 0===s[l]&&(s[l]=t[l]);return{$$typeof:o,type:e,key:u,ref:y,props:s,_owner:_.current}}_e.Fragment=t,_e.jsx=a,_e.jsxs=a}),276,[16]); __d((function(g,r,i,a,m,e,d){Object.defineProperty(e,"__esModule",{value:!0}),e.theme=void 0;var s=r(d[0]),o=r(d[1]),p=r(d[2]),t=r(d[3]);e.theme={spacings:p.spacings,sizes:o.sizes,colors:s.colors,typography:t.typography}}),277,[278,279,281,282]); __d((function(g,r,i,a,m,e,d){Object.defineProperty(e,"__esModule",{value:!0}),e.colors=void 0;e.colors={primary:{main:'#E50914',mainHover:'#D30813',light:'#EEF0F5',lightHover:'#D5D7DC',contrastText:'#FFFFFF'},secondary:{main:'#46D369',mainHover:'#3FB65C',light:'#EEF0F5',lightHover:'#D5D7DC',contrastText:'#FFFFFF'},background:{main:'#111111',mainHover:'#1a1a1a',mainActive:'#2a2a2a',light:'#EEF0F5',lightHover:'#D5D7DC',contrastText:'#FFFFFF'}}}),278,[]); -__d((function(g,r,i,a,m,e,d){Object.defineProperty(e,"__esModule",{value:!0}),e.sizes=void 0;var s=r(d[0]);e.sizes={program:{landscape:{width:(0,s.scaledPixels)(250),height:(0,s.scaledPixels)(200)},portrait:{width:(0,s.scaledPixels)(200),height:(0,s.scaledPixels)(250)},long:{width:(0,s.scaledPixels)(416),height:(0,s.scaledPixels)(250)}},menu:{open:(0,s.scaledPixels)(400),closed:(0,s.scaledPixels)(100),icon:(0,s.scaledPixels)(20)}}}),279,[280]); +__d((function(g,r,i,a,m,e,d){Object.defineProperty(e,"__esModule",{value:!0}),e.sizes=void 0;var s=r(d[0]);e.sizes={program:{landscape:{width:(0,s.scaledPixels)(450),height:(0,s.scaledPixels)(200)},portrait:{width:(0,s.scaledPixels)(200),height:(0,s.scaledPixels)(250)},long:{width:(0,s.scaledPixels)(416),height:(0,s.scaledPixels)(250)}},menu:{open:(0,s.scaledPixels)(400),closed:(0,s.scaledPixels)(100),icon:(0,s.scaledPixels)(20)}}}),279,[280]); __d((function(g,r,i,a,m,e,d){var s=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),e.screen=e.scaledPixels=void 0;var c=s(r(d[1]));const l=((e.screen=c.default.get('window')).width||1920)/1920;e.scaledPixels=s=>s*l}),280,[1,270]); __d((function(g,r,i,a,m,e,d){Object.defineProperty(e,"__esModule",{value:!0}),e.spacings=void 0;var s=r(d[0]);e.spacings={0:(0,s.scaledPixels)(0),'$0.5':(0,s.scaledPixels)(2),$1:(0,s.scaledPixels)(4),$2:(0,s.scaledPixels)(8),$3:(0,s.scaledPixels)(12),$4:(0,s.scaledPixels)(16),$5:(0,s.scaledPixels)(20),$6:(0,s.scaledPixels)(24),$7:(0,s.scaledPixels)(28),$8:(0,s.scaledPixels)(32),$9:(0,s.scaledPixels)(36),$10:(0,s.scaledPixels)(40),$12:(0,s.scaledPixels)(48),$15:(0,s.scaledPixels)(60),$20:(0,s.scaledPixels)(80)}}),281,[280]); __d((function(g,r,i,a,m,e,d){Object.defineProperty(e,"__esModule",{value:!0}),e.typography=e.fontFamilies=void 0;var t=r(d[0]);const l=e.fontFamilies={montserrat:{medium:'Montserrat-Medium',semiBold:'Montserrat-SemiBold',bold:'Montserrat-Bold'}};e.typography={title:{regular:{fontFamily:l.montserrat.semiBold,fontSize:(0,t.scaledPixels)(32),lineHeight:(0,t.scaledPixels)(40)},strong:{fontFamily:l.montserrat.bold,fontSize:(0,t.scaledPixels)(32),lineHeight:(0,t.scaledPixels)(40)}},body:{regular:{fontFamily:l.montserrat.medium,fontSize:(0,t.scaledPixels)(24),lineHeight:(0,t.scaledPixels)(32)},strong:{fontFamily:l.montserrat.semiBold,fontSize:(0,t.scaledPixels)(24),lineHeight:(0,t.scaledPixels)(32)}}}}),282,[280]); -__d((function(g,r,i,a,m,e,d){var t=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),e.Home=void 0;var o=t(r(d[1])),s=r(d[2]),n=r(d[3]);r(d[4]);var l=r(d[5]),c=r(d[6]),p=r(d[7]),h=r(d[8]),j=r(d[9]),x=t(r(d[10])),u=r(d[11]);e.Home=()=>(0,u.jsxs)(n.Page,{children:[(0,u.jsx)(w,{children:(0,u.jsx)(A,{variant:"title",children:"Hoppix"})}),(0,u.jsx)(s.DefaultFocus,{children:(0,u.jsx)(s.SpatialNavigationScrollView,{offsetFromStart:140,ascendingArrow:(0,u.jsx)(j.BottomArrow,{}),ascendingArrowContainerStyle:S.bottomArrowContainer,descendingArrow:(0,u.jsx)(j.TopArrow,{}),descendingArrowContainerStyle:S.topArrowContainer,children:(0,u.jsxs)(l.Box,{padding:"$10",children:[(0,u.jsx)(h.ProgramListWithTitle,{title:"Popular"}),(0,u.jsx)(c.Spacer,{gap:"$6"}),(0,u.jsx)(h.ProgramListWithTitle,{title:"Classics"}),(0,u.jsx)(c.Spacer,{gap:"$6"}),(0,u.jsx)(h.ProgramListWithTitle,{title:"Watch again"}),(0,u.jsx)(c.Spacer,{gap:"$6"}),(0,u.jsx)(h.ProgramListWithTitle,{title:"You may also like..."}),(0,u.jsx)(c.Spacer,{gap:"$6"}),(0,u.jsx)(h.ProgramListWithTitleAndVariableSizes,{title:"Our selection"}),(0,u.jsx)(c.Spacer,{gap:"$6"}),(0,u.jsx)(h.ProgramListWithTitleAndVariableSizes,{title:"Oscar Winners"}),(0,u.jsx)(c.Spacer,{gap:"$6"}),(0,u.jsx)(h.ProgramListWithTitleAndVariableSizes,{title:"Child section"})]})})})]});const w=o.default.View((({theme:t})=>({padding:t.spacings.$4}))),A=(0,o.default)(p.Typography)((({theme:t})=>({textAlign:'center',color:t.colors.primary.main}))),S=x.default.create({topArrowContainer:{width:'100%',height:100,position:'absolute',alignItems:'center',justifyContent:'center',top:20,left:0},bottomArrowContainer:{width:'100%',height:100,position:'absolute',alignItems:'center',justifyContent:'center',bottom:-15,left:0}})}),283,[1,284,430,503,505,506,507,508,509,540,29,275]); +__d((function(g,r,i,a,m,e,d){var t=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),e.Home=void 0;var o=t(r(d[1])),s=r(d[2]),n=r(d[3]);r(d[4]);var l=r(d[5]),c=r(d[6]),p=r(d[7]),h=r(d[8]),j=r(d[9]),x=t(r(d[10])),S=r(d[11]);e.Home=()=>(0,S.jsxs)(n.Page,{children:[(0,S.jsx)(u,{children:(0,S.jsx)(w,{variant:"title",children:"Hoppix"})}),(0,S.jsx)(s.DefaultFocus,{children:(0,S.jsx)(s.SpatialNavigationScrollView,{offsetFromStart:140,ascendingArrow:(0,S.jsx)(j.BottomArrow,{}),ascendingArrowContainerStyle:A.bottomArrowContainer,descendingArrow:(0,S.jsx)(j.TopArrow,{}),descendingArrowContainerStyle:A.topArrowContainer,children:(0,S.jsxs)(l.Box,{padding:"$10",children:[(0,S.jsx)(h.ProgramListWithTitle,{title:"Popular"}),(0,S.jsx)(c.Spacer,{gap:"$6"}),(0,S.jsx)(h.ProgramListWithTitle,{title:"Classics"}),(0,S.jsx)(c.Spacer,{gap:"$6"}),(0,S.jsx)(h.ProgramListWithTitle,{title:"Watch again"}),(0,S.jsx)(c.Spacer,{gap:"$6"}),(0,S.jsx)(h.ProgramListWithTitle,{title:"You may also like..."}),(0,S.jsx)(c.Spacer,{gap:"$6"}),(0,S.jsx)(h.ProgramListWithTitleAndVariableSizes,{listSize:10,title:"Our selection"}),(0,S.jsx)(c.Spacer,{gap:"$6"}),(0,S.jsx)(h.ProgramListWithTitleAndVariableSizes,{listSize:100,title:"Oscar Winners"}),(0,S.jsx)(c.Spacer,{gap:"$6"}),(0,S.jsx)(h.ProgramListWithTitleAndVariableSizes,{title:"Child section"})]})})})]});const u=o.default.View((({theme:t})=>({padding:t.spacings.$4}))),w=(0,o.default)(p.Typography)((({theme:t})=>({textAlign:'center',color:t.colors.primary.main}))),A=x.default.create({topArrowContainer:{width:'100%',height:100,position:'absolute',alignItems:'center',justifyContent:'center',top:20,left:0},bottomArrowContainer:{width:'100%',height:100,position:'absolute',alignItems:'center',justifyContent:'center',bottom:-15,left:0}})}),283,[1,284,430,503,505,506,507,508,509,540,29,275]); __d((function(g,_r,_i,_a,m,_e,d){var e=_r(d[0]);Object.defineProperty(_e,"__esModule",{value:!0}),_e.default=_e.css=void 0;var t=(function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=i(t);if(r&&r.has(e))return r.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&{}.hasOwnProperty.call(e,n)){var c=o?Object.getOwnPropertyDescriptor(e,n):null;c&&(c.get||c.set)?Object.defineProperty(a,n,c):a[n]=e[n]}return a.default=e,r&&r.set(e,a),a})(_r(d[1])),r=e(_r(d[2])),a=_r(d[3]);function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(i=function(e){return e?r:t})(e)}var o=(0,a.createStyled)(r.default);_e.css=(0,a.createCss)(t.StyleSheet),_e.default=['ActivityIndicator','Button','DatePickerIOS','DrawerLayoutAndroid','FlatList','Image','ImageBackground','KeyboardAvoidingView','ListView','Modal','NavigatorIOS','Picker','PickerIOS','Pressable','ProgressBarAndroid','ProgressViewIOS','RecyclerViewBackedScrollView','RefreshControl','SafeAreaView','ScrollView','SectionList','SegmentedControlIOS','Slider','SnapshotViewIOS','StatusBar','SwipeableListView','Switch','SwitchIOS','TabBarIOS','Text','TextInput','ToolbarAndroid','TouchableHighlight','TouchableNativeFeedback','TouchableOpacity','TouchableWithoutFeedback','View','ViewPagerAndroid'].reduce((function(e,r){return Object.defineProperty(e,r,{enumerable:!0,configurable:!1,get:function(){return o(t[r])}})}),o)}),284,[1,285,29,425]); __d((function(g,r,i,a,m,e,d){var t=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"AccessibilityInfo",{enumerable:!0,get:function(){return b.default}}),Object.defineProperty(e,"ActivityIndicator",{enumerable:!0,get:function(){return _.default}}),Object.defineProperty(e,"Alert",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(e,"Animated",{enumerable:!0,get:function(){return y.default}}),Object.defineProperty(e,"AppRegistry",{enumerable:!0,get:function(){return O.default}}),Object.defineProperty(e,"AppState",{enumerable:!0,get:function(){return j.default}}),Object.defineProperty(e,"Appearance",{enumerable:!0,get:function(){return P.default}}),Object.defineProperty(e,"BackHandler",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(e,"Button",{enumerable:!0,get:function(){return R.default}}),Object.defineProperty(e,"CheckBox",{enumerable:!0,get:function(){return D.default}}),Object.defineProperty(e,"Clipboard",{enumerable:!0,get:function(){return h.default}}),Object.defineProperty(e,"DeviceEventEmitter",{enumerable:!0,get:function(){return de.default}}),Object.defineProperty(e,"Dimensions",{enumerable:!0,get:function(){return v.default}}),Object.defineProperty(e,"Easing",{enumerable:!0,get:function(){return A.default}}),Object.defineProperty(e,"FlatList",{enumerable:!0,get:function(){return F.default}}),Object.defineProperty(e,"I18nManager",{enumerable:!0,get:function(){return S.default}}),Object.defineProperty(e,"Image",{enumerable:!0,get:function(){return H.default}}),Object.defineProperty(e,"ImageBackground",{enumerable:!0,get:function(){return K.default}}),Object.defineProperty(e,"InteractionManager",{enumerable:!0,get:function(){return I.default}}),Object.defineProperty(e,"Keyboard",{enumerable:!0,get:function(){return B.default}}),Object.defineProperty(e,"KeyboardAvoidingView",{enumerable:!0,get:function(){return W.default}}),Object.defineProperty(e,"LayoutAnimation",{enumerable:!0,get:function(){return k.default}}),Object.defineProperty(e,"Linking",{enumerable:!0,get:function(){return w.default}}),Object.defineProperty(e,"LogBox",{enumerable:!0,get:function(){return ce.default}}),Object.defineProperty(e,"Modal",{enumerable:!0,get:function(){return z.default}}),Object.defineProperty(e,"NativeEventEmitter",{enumerable:!0,get:function(){return x.default}}),Object.defineProperty(e,"NativeModules",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(e,"PanResponder",{enumerable:!0,get:function(){return C.default}}),Object.defineProperty(e,"Picker",{enumerable:!0,get:function(){return U.default}}),Object.defineProperty(e,"PixelRatio",{enumerable:!0,get:function(){return L.default}}),Object.defineProperty(e,"Platform",{enumerable:!0,get:function(){return T.default}}),Object.defineProperty(e,"Pressable",{enumerable:!0,get:function(){return Y.default}}),Object.defineProperty(e,"ProgressBar",{enumerable:!0,get:function(){return q.default}}),Object.defineProperty(e,"RefreshControl",{enumerable:!0,get:function(){return G.default}}),Object.defineProperty(e,"SafeAreaView",{enumerable:!0,get:function(){return J.default}}),Object.defineProperty(e,"ScrollView",{enumerable:!0,get:function(){return Q.default}}),Object.defineProperty(e,"SectionList",{enumerable:!0,get:function(){return X.default}}),Object.defineProperty(e,"Share",{enumerable:!0,get:function(){return E.default}}),Object.defineProperty(e,"StatusBar",{enumerable:!0,get:function(){return Z.default}}),Object.defineProperty(e,"StyleSheet",{enumerable:!0,get:function(){return M.default}}),Object.defineProperty(e,"Switch",{enumerable:!0,get:function(){return $.default}}),Object.defineProperty(e,"Text",{enumerable:!0,get:function(){return ee.default}}),Object.defineProperty(e,"TextInput",{enumerable:!0,get:function(){return te.default}}),Object.defineProperty(e,"Touchable",{enumerable:!0,get:function(){return ne.default}}),Object.defineProperty(e,"TouchableHighlight",{enumerable:!0,get:function(){return re.default}}),Object.defineProperty(e,"TouchableNativeFeedback",{enumerable:!0,get:function(){return ue.default}}),Object.defineProperty(e,"TouchableOpacity",{enumerable:!0,get:function(){return fe.default}}),Object.defineProperty(e,"TouchableWithoutFeedback",{enumerable:!0,get:function(){return ae.default}}),Object.defineProperty(e,"UIManager",{enumerable:!0,get:function(){return V.default}}),Object.defineProperty(e,"Vibration",{enumerable:!0,get:function(){return N.default}}),Object.defineProperty(e,"View",{enumerable:!0,get:function(){return ie.default}}),Object.defineProperty(e,"VirtualizedList",{enumerable:!0,get:function(){return oe.default}}),Object.defineProperty(e,"YellowBox",{enumerable:!0,get:function(){return le.default}}),Object.defineProperty(e,"findNodeHandle",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(e,"processColor",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(e,"render",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(e,"unmountComponentAtNode",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(e,"unstable_createElement",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(e,"useColorScheme",{enumerable:!0,get:function(){return be.default}}),Object.defineProperty(e,"useLocaleContext",{enumerable:!0,get:function(){return ge.default}}),Object.defineProperty(e,"useWindowDimensions",{enumerable:!0,get:function(){return me.default}});var n=t(r(d[1])),u=t(r(d[2])),f=t(r(d[3])),o=t(r(d[4])),l=t(r(d[5])),c=t(r(d[6])),b=t(r(d[7])),p=t(r(d[8])),y=t(r(d[9])),P=t(r(d[10])),O=t(r(d[11])),j=t(r(d[12])),s=t(r(d[13])),h=t(r(d[14])),v=t(r(d[15])),A=t(r(d[16])),S=t(r(d[17])),B=t(r(d[18])),I=t(r(d[19])),k=t(r(d[20])),w=t(r(d[21])),x=t(r(d[22])),C=t(r(d[23])),L=t(r(d[24])),T=t(r(d[25])),E=t(r(d[26])),M=t(r(d[27])),V=t(r(d[28])),N=t(r(d[29])),_=t(r(d[30])),R=t(r(d[31])),D=t(r(d[32])),F=t(r(d[33])),H=t(r(d[34])),K=t(r(d[35])),W=t(r(d[36])),z=t(r(d[37])),U=t(r(d[38])),Y=t(r(d[39])),q=t(r(d[40])),G=t(r(d[41])),J=t(r(d[42])),Q=t(r(d[43])),X=t(r(d[44])),Z=t(r(d[45])),$=t(r(d[46])),ee=t(r(d[47])),te=t(r(d[48])),ne=t(r(d[49])),re=t(r(d[50])),ue=t(r(d[51])),fe=t(r(d[52])),ae=t(r(d[53])),ie=t(r(d[54])),oe=t(r(d[55])),le=t(r(d[56])),ce=t(r(d[57])),de=t(r(d[58])),be=t(r(d[59])),ge=t(r(d[60])),me=t(r(d[61]))}),285,[1,150,286,37,23,13,97,287,288,289,372,6,373,374,375,270,369,376,377,308,378,380,93,381,345,85,384,29,98,385,386,387,391,292,342,392,393,394,399,401,406,300,407,301,348,408,409,149,411,412,416,417,388,419,294,420,421,422,88,423,424,269]); __d((function(g,r,i,a,m,_e,d){Object.defineProperty(_e,"__esModule",{value:!0}),_e.default=void 0;var e=r(d[0]);_e.default=t=>{var u;try{u=(0,e.findDOMNode)(t)}catch(e){}return u}}),286,[14]); @@ -565,8 +565,8 @@ __d((function(g,r,i,a,m,e,d){var t=r(d[0]),o=r(d[1]),n=r(d[2]),s=t(r(d[3]));o.Sp __d((function(g,_r,i,a,m,_e,d){var e=_r(d[0]);Object.defineProperty(_e,"__esModule",{value:!0}),_e.Box=void 0;var t=e(_r(d[1])),n=e(_r(d[2])),r=e(_r(d[3])),o=e(_r(d[4])),c=_r(d[5]);const p=["direction","children"];function s(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var n=1;n{let{direction:t="vertical",children:r}=e,o=(0,n.default)(e,p);return(0,c.jsx)(f,l(l({direction:t},o),{},{children:r}))};const f=(0,r.default)(o.default,{shouldForwardProp:e=>'direction'!==e})((({direction:e,flex:t,flexWrap:n,alignItems:r,justifyContent:o,paddingHorizontal:c,paddingVertical:p,paddingBottom:s,paddingRight:f,paddingLeft:u,paddingTop:O,padding:b,theme:j})=>l(l(l(l(l({flexDirection:'vertical'===e?'column':'row'},t&&{flex:t}),n&&{flexWrap:n}),r&&{alignItems:r}),o&&{justifyContent:o}),{},{paddingHorizontal:c&&j.spacings[c],paddingVertical:p&&j.spacings[p],paddingBottom:s&&j.spacings[s],paddingRight:f&&j.spacings[f],paddingLeft:u&&j.spacings[u],paddingTop:O&&j.spacings[O],padding:b&&j.spacings[b]})))}),506,[1,8,125,284,294,275]); __d((function(g,_r,i,a,m,_e,d){var e=_r(d[0]);Object.defineProperty(_e,"__esModule",{value:!0}),_e.Spacer=void 0;var t=e(_r(d[1])),r=e(_r(d[2])),o=e(_r(d[3])),c=e(_r(d[4])),n=_r(d[5]);function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(e){for(var r=1;r'number'==typeof r?(0,n.jsx)(u,{flex:r}):(0,n.jsx)(s,{direction:e,gap:t}),u=r.default.View((({flex:e})=>({flex:e}))),s=(0,r.default)(c.default,{shouldForwardProp:e=>'direction'!==e&&'gap'!==e})((({direction:e,gap:t,theme:r})=>f({},'vertical'===e?{height:r.spacings[t]}:{width:r.spacings[t]})));_e.Spacer=o.default.memo(l)}),507,[1,8,284,16,294,275]); __d((function(g,_r,i,a,m,_e,d){var e=_r(d[0]);Object.defineProperty(_e,"__esModule",{value:!0}),_e.Typography=void 0;var t=e(_r(d[1])),r=e(_r(d[2])),n=e(_r(d[3])),o=_r(d[4]);const c=["variant","fontWeight","children"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function f(e){for(var r=1;r{let{variant:t="body",fontWeight:n="regular",children:p}=e,u=(0,r.default)(e,c);return(0,o.jsx)(l,f(f({variant:t,fontWeight:n},u),{},{children:p}))};const l=n.default.Text((({variant:e,fontWeight:t,theme:r})=>f(f({},r.typography[e][t]),{},{color:'white',flexWrap:'wrap'})))}),508,[1,8,125,284,275]); -__d((function(g,r,i,a,m,e,d){Object.defineProperty(e,"__esModule",{value:!0}),e.ProgramListWithTitleAndVariableSizes=e.ProgramListWithTitle=void 0;var t=r(d[0]),o=r(d[1]),s=r(d[2]),l=r(d[3]),n=r(d[4]);e.ProgramListWithTitle=({title:c,listRef:h})=>(0,n.jsxs)(t.Box,{direction:"vertical",children:[(0,n.jsx)(s.Typography,{variant:"body",fontWeight:"strong",children:c}),(0,n.jsx)(o.Spacer,{direction:"vertical",gap:"$2"}),(0,n.jsx)(l.ProgramsRow,{listRef:h??null})]});e.ProgramListWithTitleAndVariableSizes=({title:c})=>(0,n.jsxs)(t.Box,{direction:"vertical",children:[(0,n.jsx)(s.Typography,{variant:"body",fontWeight:"strong",children:c}),(0,n.jsx)(o.Spacer,{direction:"vertical",gap:"$2"}),(0,n.jsx)(l.ProgramsRow,{variant:"variable-size"})]})}),509,[506,507,508,510,275]); -__d((function(g,_r,i,a,m,_e,d){var e=_r(d[0]);Object.defineProperty(_e,"__esModule",{value:!0}),_e.ProgramsRow=_e.ProgramList=void 0;var r=e(_r(d[1])),t=e(_r(d[2])),n=_r(d[3]),o=_r(d[4]),s=_r(d[5]),l=_r(d[6]),c=_r(d[7]),p=_r(d[8]),u=_r(d[9]),h=_r(d[10]),f=e(_r(d[11])),b=_r(d[12]),w=_r(d[13]);function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function j(e){for(var t=1;t{const b=(0,o.useNavigation)(),v=(0,n.useTheme)(),j=(0,s.useCallback)((e=>parseInt(e.id,10)%2==0),[]),O=(0,s.useCallback)((({item:e,index:r})=>(0,w.jsx)(p.ProgramNode,{programInfo:e,onSelect:()=>b.push('ProgramDetail',{programInfo:e}),label:r.toString(),variant:'variable-size'===f&&j(e)?'landscape':'portrait'})),[b,j,f]),y=(0,s.useMemo)((()=>u??(0,c.getPrograms)('variable-size'===f?10:1e3)),[u,f]);return(0,w.jsx)(l.SpatialNavigationNode,{children:({isActive:n})=>(0,w.jsx)(P,{isActive:n,style:r,children:(0,w.jsx)(l.SpatialNavigationVirtualizedList,{orientation:e,data:y,renderItem:O,itemSize:'variable-size'===f?e=>j(e)?2*v.sizes.program.landscape.width+45:v.sizes.program.portrait.width+30:v.sizes.program.portrait.width+30,numberOfRenderedItems:15,numberOfItemsVisibleOnScreen:7,onEndReachedThresholdItemsNumber:7,descendingArrow:n?(0,w.jsx)(h.LeftArrow,{}):null,descendingArrowContainerStyle:A.leftArrowContainer,ascendingArrow:n?(0,w.jsx)(h.RightArrow,{}):null,ascendingArrowContainerStyle:A.rightArrowContainer,ref:t})})})};_e.ProgramList=y;_e.ProgramsRow=({containerStyle:e,listRef:r,variant:t="normal"})=>{const o=(0,n.useTheme)();return(0,w.jsx)(y,{containerStyle:j(j({},e),{},{height:o.sizes.program.portrait.height+O}),listRef:r,variant:t})};const P=t.default.View((({isActive:e,theme:r})=>({backgroundColor:e?r.colors.background.mainActive:r.colors.background.mainHover,padding:r.spacings.$8,borderRadius:(0,u.scaledPixels)(20),overflow:'hidden'}))),A=f.default.create({leftArrowContainer:{width:120,height:(0,u.scaledPixels)(260)+2*b.theme.spacings.$8,position:'absolute',top:0,justifyContent:'center',alignItems:'center',left:-b.theme.spacings.$8},rightArrowContainer:{width:120,height:(0,u.scaledPixels)(260)+2*b.theme.spacings.$8,position:'absolute',top:0,justifyContent:'center',alignItems:'center',right:-b.theme.spacings.$8}})}),510,[1,8,284,130,147,16,430,511,537,280,540,29,277,275]); +__d((function(g,r,i,a,m,e,d){Object.defineProperty(e,"__esModule",{value:!0}),e.ProgramListWithTitleAndVariableSizes=e.ProgramListWithTitle=void 0;var t=r(d[0]),s=r(d[1]),l=r(d[2]),o=r(d[3]),n=r(d[4]);e.ProgramListWithTitle=({title:c,listRef:h,listSize:v})=>(0,n.jsxs)(t.Box,{direction:"vertical",children:[(0,n.jsx)(l.Typography,{variant:"body",fontWeight:"strong",children:c}),(0,n.jsx)(s.Spacer,{direction:"vertical",gap:"$2"}),(0,n.jsx)(o.ProgramsRow,{listRef:h??null,listSize:v})]});e.ProgramListWithTitleAndVariableSizes=({title:c,listSize:h})=>(0,n.jsxs)(t.Box,{direction:"vertical",children:[(0,n.jsx)(l.Typography,{variant:"body",fontWeight:"strong",children:c}),(0,n.jsx)(s.Spacer,{direction:"vertical",gap:"$2"}),(0,n.jsx)(o.ProgramsRow,{variant:"variable-size",listSize:h})]})}),509,[506,507,508,510,275]); +__d((function(g,_r,i,a,m,_e,d){var e=_r(d[0]);Object.defineProperty(_e,"__esModule",{value:!0}),_e.ProgramsRow=_e.ProgramList=void 0;var t=e(_r(d[1])),r=e(_r(d[2])),n=_r(d[3]),o=_r(d[4]),s=_r(d[5]),l=_r(d[6]),c=_r(d[7]),p=_r(d[8]),u=_r(d[9]),h=_r(d[10]),f=e(_r(d[11])),b=_r(d[12]),w=_r(d[13]);function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var r=1;rparseInt(e.id,10)%2==0,S=({orientation:e="horizontal",containerStyle:t,listRef:r,data:u,variant:f="normal",listSize:b=1e3})=>{const v=(0,o.useNavigation)(),j=(0,n.useTheme)(),O=(0,s.useCallback)((({item:e,index:t})=>(0,w.jsx)(p.ProgramNode,{programInfo:e,onSelect:()=>v.push('ProgramDetail',{programInfo:e}),label:t.toString(),variant:'variable-size'===f&&y(e)?'landscape':'portrait'})),[v,f]),S=(0,s.useMemo)((()=>u??(0,c.getPrograms)(b)),[u,b]),z=(0,s.useMemo)((()=>'normal'===f?j.sizes.program.portrait.width+P:e=>y(e)?j.sizes.program.landscape.width+P:j.sizes.program.portrait.width+P),[j.sizes.program.landscape.width,j.sizes.program.portrait.width,f]);return(0,w.jsx)(l.SpatialNavigationNode,{children:({isActive:n})=>(0,w.jsx)(A,{isActive:n,style:t,children:(0,w.jsx)(l.SpatialNavigationVirtualizedList,{orientation:e,data:S,renderItem:O,itemSize:z,numberOfRenderedItems:15,numberOfItemsVisibleOnScreen:7,onEndReachedThresholdItemsNumber:7,descendingArrow:n?(0,w.jsx)(h.LeftArrow,{}):null,descendingArrowContainerStyle:x.leftArrowContainer,ascendingArrow:n?(0,w.jsx)(h.RightArrow,{}):null,ascendingArrowContainerStyle:x.rightArrowContainer,ref:r})})})};_e.ProgramList=S;_e.ProgramsRow=({containerStyle:e,listRef:t,variant:r="normal",listSize:o})=>{const s=(0,n.useTheme)();return(0,w.jsx)(S,{containerStyle:j(j({},e),{},{height:s.sizes.program.portrait.height+O}),listRef:t,variant:r,listSize:o})};const A=r.default.View((({isActive:e,theme:t})=>({backgroundColor:e?t.colors.background.mainActive:t.colors.background.mainHover,padding:t.spacings.$8,borderRadius:(0,u.scaledPixels)(20),overflow:'hidden'}))),x=f.default.create({leftArrowContainer:{width:120,height:(0,u.scaledPixels)(260)+2*b.theme.spacings.$8,position:'absolute',top:0,justifyContent:'center',alignItems:'center',left:-b.theme.spacings.$8},rightArrowContainer:{width:120,height:(0,u.scaledPixels)(260)+2*b.theme.spacings.$8,position:'absolute',top:0,justifyContent:'center',alignItems:'center',right:-b.theme.spacings.$8}})}),510,[1,8,284,130,147,16,430,511,537,280,540,29,277,275]); __d((function(g,r,_i,a,m,e,d){var i=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),e.programInfos=e.getPrograms=void 0;var t=i(r(d[1])),o=i(r(d[2])),n=i(r(d[3])),s=i(r(d[4])),l=i(r(d[5])),c=i(r(d[6])),p=i(r(d[7])),P=i(r(d[8])),f=i(r(d[9])),u=i(r(d[10])),h=i(r(d[11])),M=i(r(d[12])),v=i(r(d[13])),_=i(r(d[14])),I=i(r(d[15])),b=i(r(d[16])),j=i(r(d[17])),y=i(r(d[18])),O=i(r(d[19])),k=i(r(d[20])),q=i(r(d[21])),w=i(r(d[22])),x=i(r(d[23])),z=i(r(d[24])),A=i(r(d[25]));const B=e.programInfos=[{id:'1',title:'Program 1',image:t.default,description:'Program 1 description'},{id:'2',title:'Program 2',image:o.default,description:'Program 2 description'},{id:'3',title:'Program 3',image:n.default,description:'Program 3 description'},{id:'4',title:'Program 4',image:s.default,description:'Program 4 description'},{id:'5',title:'Program 5',image:l.default,description:'Program 5 description'},{id:'6',title:'Program 6',image:c.default,description:'Program 6 description'},{id:'7',title:'Program 7',image:p.default,description:'Program 7 description'},{id:'8',title:'Program 8',image:P.default,description:'Program 8 description'},{id:'9',title:'Program 9',image:f.default,description:'Program 9 description'},{id:'10',title:'Program 10',image:u.default,description:'Program 10 description'},{id:'11',title:'Program 11',image:h.default,description:'Program 11 description'},{id:'12',title:'Program 12',image:M.default,description:'Program 12 description'},{id:'13',title:'Program 13',image:v.default,description:'Program 13 description'},{id:'14',title:'Program 14',image:_.default,description:'Program 14 description'},{id:'15',title:'Program 15',image:I.default,description:'Program 15 description'},{id:'16',title:'Program 16',image:b.default,description:'Program 16 description'},{id:'17',title:'Program 17',image:j.default,description:'Program 17 description'},{id:'18',title:'Program 18',image:y.default,description:'Program 18 description'},{id:'19',title:'Program 19',image:O.default,description:'Program 19 description'},{id:'20',title:'Program 20',image:k.default,description:'Program 20 description'},{id:'21',title:'Program 21',image:q.default,description:'Program 21 description'},{id:'22',title:'Program 22',image:w.default,description:'Program 22 description'},{id:'23',title:'Program 23',image:x.default,description:'Program 23 description'},{id:'24',title:'Program 24',image:z.default,description:'Program 24 description'},{id:'25',title:'Program 25',image:A.default,description:'Program 25 description'}],C=i=>{const t=[...i];for(let i=t.length-1;i>0;i--){const o=Math.floor(Math.random()*(i+1)),n=t[i];t[i]=t[o],t[o]=n}return t};e.getPrograms=i=>{if(!i)return C(B);const t=[];for(let o=0;o(0,t.jsx)(o.SpatialNavigationFocusableView,{onSelect:s,indexRange:c,viewProps:{accessibilityLabel:n.title},ref:b,children:({isFocused:o,isRootActive:s})=>(0,t.jsx)(l.Program,{isFocused:o&&s,programInfo:n,label:v,variant:f})})))).displayName='ProgramNode'}),537,[430,538,16,275]); -__d((function(g,r,i,a,m,e,d){var o=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),e.Program=void 0;var t=o(r(d[1])),s=o(r(d[2])),l=o(r(d[3])),n=o(r(d[4])),u=r(d[5]),c=r(d[6]),f=r(d[7]);const h=s.default.memo((({label:o})=>(0,f.jsx)(c.Typography,{children:o})));h.displayName='Label';(e.Program=s.default.memo(s.default.forwardRef((({isFocused:o=!1,programInfo:t,label:s,variant:l="portrait"},n)=>{const c=t.image,w=(0,u.useFocusAnimation)(o);return(0,f.jsxs)(p,{style:w,ref:n,isFocused:o,variant:l,children:[(0,f.jsx)(b,{source:c,accessible:!0}),s?(0,f.jsx)(v,{children:(0,f.jsx)(h,{label:s})}):null]})})))).displayName='Program';const p=(0,t.default)(l.default.View)((({isFocused:o,variant:t,theme:s})=>({height:s.sizes.program.portrait.height,width:'landscape'===t?2*s.sizes.program.landscape.width:s.sizes.program.portrait.width,overflow:'hidden',borderRadius:20,borderColor:o?s.colors.primary.light:'transparent',borderWidth:3,cursor:'pointer'}))),b=s.default.memo((0,t.default)(n.default)({height:'100%',width:'100%'})),v=s.default.memo(t.default.View({position:'absolute',bottom:12,left:12}))}),538,[1,284,16,289,342,539,508,275]); +__d((function(g,r,i,a,m,e,d){var o=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),e.Program=void 0;var t=o(r(d[1])),s=o(r(d[2])),l=o(r(d[3])),n=o(r(d[4])),u=r(d[5]),c=r(d[6]),f=r(d[7]);const h=s.default.memo((({label:o})=>(0,f.jsx)(c.Typography,{children:o})));h.displayName='Label';(e.Program=s.default.memo(s.default.forwardRef((({isFocused:o=!1,programInfo:t,label:s,variant:l="portrait"},n)=>{const c=t.image,w=(0,u.useFocusAnimation)(o);return(0,f.jsxs)(p,{style:w,ref:n,isFocused:o,variant:l,children:[(0,f.jsx)(b,{source:c,accessible:!0}),s?(0,f.jsx)(v,{children:(0,f.jsx)(h,{label:s})}):null]})})))).displayName='Program';const p=(0,t.default)(l.default.View)((({isFocused:o,variant:t,theme:s})=>({height:s.sizes.program.portrait.height,width:'landscape'===t?s.sizes.program.landscape.width:s.sizes.program.portrait.width,overflow:'hidden',borderRadius:20,borderColor:o?s.colors.primary.light:'transparent',borderWidth:3,cursor:'pointer'}))),b=s.default.memo((0,t.default)(n.default)({height:'100%',width:'100%'})),v=s.default.memo(t.default.View({position:'absolute',bottom:12,left:12}))}),538,[1,284,16,289,342,539,508,275]); __d((function(g,r,i,a,m,e,d){Object.defineProperty(e,"__esModule",{value:!0}),e.useFocusAnimation=void 0;e.useFocusAnimation=n=>({transition:'transform 0.4s ease-in-out',transform:[{scale:n?1.1:1}]})}),539,[]); __d((function(g,r,i,a,m,e,d){var t=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),e.TopArrow=e.RightArrow=e.LeftArrow=e.BottomArrow=void 0;var o=t(r(d[1])),l=t(r(d[2])),s=t(r(d[3])),f=t(r(d[4])),h=r(d[5]);const u=(0,o.default)(l.default)({height:70,width:50,transform:[{rotate:'180deg'}]}),w=(0,o.default)(l.default)({height:70,width:50});(e.LeftArrow=f.default.memo((()=>(0,h.jsx)(u,{resizeMode:"stretch",tintColor:'white',source:s.default})))).displayName='LeftArrow';(e.RightArrow=f.default.memo((()=>(0,h.jsx)(w,{resizeMode:"stretch",tintColor:'white',source:s.default})))).displayName='RightArrow';const c=(0,o.default)(l.default)({height:70,width:50,transform:[{rotate:'90deg'}]}),n=(0,o.default)(l.default)({height:70,width:50,transform:[{rotate:'270deg'}]});(e.BottomArrow=f.default.memo((()=>(0,h.jsx)(c,{resizeMode:"stretch",tintColor:'white',source:s.default})))).displayName='BottomArrow';(e.TopArrow=f.default.memo((()=>(0,h.jsx)(n,{resizeMode:"stretch",tintColor:'white',source:s.default})))).displayName='TopArrow'}),540,[1,284,342,541,16,275]); __d((function(g,r,i,a,m,e,d){m.exports=r(d[0]).registerAsset({__packager_asset:!0,httpServerLocation:"/react-tv-space-navigation/assets/src/design-system/assets",width:1600,height:1600,scales:[1],hash:"281928d49db42a88542c4a7c9e813203",name:"arrow-left.281928d49db42a88542c4a7c9e813203",type:"png",fileHashes:["281928d49db42a88542c4a7c9e813203"]})}),541,[343]); diff --git a/index.html b/index.html index b374fe25..3d2bc38f 100644 --- a/index.html +++ b/index.html @@ -32,6 +32,6 @@
- +