https://pbskids.org/_next/static/chunks/5593-baa0934a068732ca.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5593],{15593:(e,t,r)=>{"use strict";r.d(t,{A:()=>E,j:()=>C});var a,n,i,l=r(37876),s=r(14232),o=r(5215),c=r(54587),d=r.n(c),u=r(44832),m=r(93442),f=r(90995);function p(){return(p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}let g=e=>{let{title:t,titleId:r,...i}=e;return s.createElement("svg",p({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:86,height:36,style:{width:"100%",height:"100%"},viewBox:"0 0 86 36","aria-labelledby":r},i),t?s.createElement("title",{id:r},t):null,a||(a=s.createElement("defs",null,s.createElement("animateTransform",{xlinkHref:"#a",fill:"freeze",additive:"sum",attributeName:"transform",begin:"0s",calcMode:"spline",dur:"15s",from:"1 1",keySplines:"0.167 0 0.667 1;0.333 0 0.667 1;0.333 0 0.667 1;0.333 0 0.667 1;0 0 0 0",keyTimes:"0;0.0011111;0.0066667;0.0133333;0.0244444;1",repeatCount:"indefinite",to:"1 1",type:"scale",values:"1 1;1 1;0.9500000000000001 1.12;1.12 0;1 1;1 1"}),s.createElement("animateTransform",{xlinkHref:"#a",fill:"freeze",additive:"sum",attributeName:"transform",begin:"0s",calcMode:"spline",dur:"15s",from:"-7.887 -9.495",keySplines:"0 0 1 1",keyTimes:"0;1",repeatCount:"indefinite",to:"-7.887 -9.495",type:"translate",values:"-7.887 -9.495;-7.887 -9.495"}),s.createElement("animateTransform",{xlinkHref:"#b",fill:"freeze",additive:"sum",attributeName:"transform",begin:"0s",calcMode:"spline",dur:"15s",from:"1 1",keySplines:"0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0",keyTimes:"0;0.0011111;0.0066667;0.0133333;0.0244444;1",repeatCount:"indefinite",to:"1 1",type:"scale",values:"1 1;1 1;0.89 1.1300000000000001;1.11 0;1 1;1 1"}),s.createElement("animateTransform",{xlinkHref:"#b",fill:"freeze",additive:"sum",attributeName:"transform",begin:"0s",calcMode:"spline",dur:"15s",from:"-3.325 -4.033",keySplines:"0 0 1 1",keyTimes:"0;1",repeatCount:"indefinite",to:"-3.325 -4.033",type:"translate",values:"-3.325 -4.033;-3.325 -4.033"}),s.createElement("animateTransform",{xlinkHref:"#c",fill:"freeze",additive:"sum",attributeName:"transform",begin:"0s",calcMode:"spline",dur:"15s",from:"1 1",keySplines:"0.167 0 0.667 1;0.333 0 0.667 1;0.333 0 0.667 1;0.333 0 0.667 1;0 0 0 0",keyTimes:"0;0.0011111;0.0088889;0.0155556;0.0266667;1",repeatCount:"indefinite",to:"1 1",type:"scale",values:"1 1;1 1;0.9500000000000001 1.12;1.12 0;1 1;1 1"}),s.createElement("animateTransform",{xlinkHref:"#c",fill:"freeze",additive:"sum",attributeName:"transform",begin:"0s",calcMode:"spline",dur:"15s",from:"-6.861 -8.255",keySplines:"0 0 1 1",keyTimes:"0;1",repeatCount:"indefinite",to:"-6.861 -8.255",type:"translate",values:"-6.861 -8.255;-6.861 -8.255"}),s.createElement("animateTransform",{xlinkHref:"#d",fill:"freeze",additive:"sum",attributeName:"transform",begin:"0s",calcMode:"spline",dur:"15s",from:"0.93 1.1",keySplines:"0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0.167 0.167 0.833 0.833;0 0 0 0",keyTimes:"0;0.0011111;0.0088889;0.0155556;0.0266667;1",repeatCount:"indefinite",to:"0.93 1.1",type:"scale",values:"0.93 1.1;0.93 1.1;0.93 1.1;1.29 0;0.93 1.1;0.93 1.1"}),s.createElement("animateTransform",{xlinkHref:"#d",fill:"freeze",additive:"sum",attributeName:"transform",begin:"0s",calcMode:"spline",dur:"15s",from:"-2.879 -3.491",keySplines:"0 0 1 1",keyTimes:"0;1",repeatCount:"indefinite",to:"-2.879 -3.491",type:"translate",values:"-2.879 -3.491;-2.879 -3.491"}),s.createElement("animate",{xlinkHref:"#e",attributeName:"opacity",attributeType:"XML",dur:"15s",from:0,to:1}))),n||(n=s.createElement("g",null,s.createElement("g",{opacity:.8,transform:"translate(0 .13)"},s.createElement("path",{fill:"#a220df",d:"M0 17.87C0 8 8 0 17.87 0h50.26C78 0 86 8 86 17.87s-8 17.87-17.87 17.87H17.87C8 35.74 0 27.74 0 17.87"})),s.createElement("g",{id:"a",transform:"translate(37.675 19.33)"},s.createElement("path",{fill:"#fff",d:"M7.02.81c3.95-.56 7.55 2.87 8.03 7.67.47 4.79-2.34 9.14-6.3 9.7-3.95.56-7.54-2.87-8.02-7.67S3.07 1.37 7.02.81"})),s.createElement("g",{id:"b",transform:"translate(40.213 18.582)"},s.createElement("path",{fill:"#9e2fdb",d:"M2.42.09c1.77-.45 3.61.95 4.1 3.13.5 2.18-.52 4.31-2.29 4.76S.63 7.03.13 4.85.65.54 2.42.09"})),s.createElement("g",{id:"c",transform:"translate(52.674 18.092)"},s.createElement("path",{fill:"#fff",d:"M6.11.74c3.42-.49 6.53 2.48 6.95 6.64.41 4.15-2.03 7.91-5.45 8.39-3.42.49-6.53-2.48-6.95-6.63C.25 4.98 2.69 1.22 6.11.74"})),s.createElement("g",{id:"d",transform:"translate(50.654 17.944)"},s.createElement("path",{fill:"#9e2fdb",d:"M2.1.07C3.63-.32 5.22.9 5.65 2.79c.43 1.88-.46 3.73-1.99 4.12S.54 6.09.11 4.2.57.46 2.1.07"})),s.createElement("g",{transform:"translate(15.257 10.255)"},s.createElement("path",{fill:"#fff",d:"M.25.84 5.42.76c-.08 1.34-.14 2.63-.2 3.85-.05 1.22-.11 2.51-.17 3.84 0 .15 0 .33-.01.56s-.01.47-.01.71c.01.24.01.47.01.71v.61c.29-.01.7-.03 1.23-.05.54-.02 1.1-.04 1.7-.07l1.8-.06c.59-.02 1.1-.04 1.52-.05 0 .93-.02 1.81-.05 2.64-.04.81-.08 1.7-.12 2.65-.59-.06-1.17-.1-1.75-.13s-1.14-.04-1.69-.04c-.26 0-.69 0-1.29.01-.58.01-1.23.02-1.95.04-.71.02-1.42.05-2.14.07-.71.02-1.31.04-1.8.05 0-2.55-.05-5.09-.13

1-7.62C.29 5.93.25 3.39.25.84m47.3 15.09L47.72.88l4.4-.26-.04 4.4L55.77.25l4.82 1.58-4.99 5.92 5.5 8.14-5.44.28c-.01 0-.07-.08-.17-.24-.09-.17-.22-.37-.38-.62-.16-.26-.34-.55-.55-.87-.2-.33-.41-.65-.61-.98-.21-.34-.41-.66-.61-.97-.18-.3-.35-.57-.49-.78l.11 4.2c-.32.03-.65.06-.97.08-.28.03-.57.05-.89.06-.31 0-.6.01-.85.01s-.53-.01-.85-.01c-.31-.01-.61-.03-.89-.06q-.48-.015-.96-.06"})))))};function h(){return(h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(null,arguments)}let k=e=>{let{title:t,titleId:r,...a}=e;return s.createElement("svg",h({xmlns:"http://www.w3.org/2000/svg",width:78,height:16,fill:"none",viewBox:"0 0 78 16","aria-labelledby":r},a),t?s.createElement("title",{id:r},t):null,i||(i=s.createElement("path",{d:"M22.092 15.32 22.178.304h1.168q1.318 0 2.68-.085a42 42 0 0 1 2.626-.086q1.05 0 1.972.397A4.7 4.7 0 0 1 32.221 1.6q.675.675 1.05 1.619.387.933.387 1.983 0 1.448-.365 2.616-.354 1.156-1.072 1.983a4.65 4.65 0 0 1-1.747 1.264q-1.029.44-2.347.44-.29 0-.654-.022a5 5 0 0 1-.643-.075q.021 1.008.021 1.973.01.954.182 1.94a40 40 0 0 1-2.637.086 32 32 0 0 1-2.304-.086m4.695-8.017q.214.044.514.075.3.021.504.021.75 0 1.018-.525.269-.536.268-1.19 0-.547-.343-.975a1.06 1.06 0 0 0-.879-.429q-.246 0-.546.01a4 4 0 0 0-.536.055zM35.255.218 40.41.132a603 603 0 0 0-.193 3.848q-.075 1.833-.172 3.838 0 .213-.01.557-.011.343-.011.707.01.354.01.708v.61l1.233-.053q.794-.032 1.694-.064l3.312-.118q0 1.404-.053 2.637l-.118 2.648a37 37 0 0 0-3.43-.172 120 120 0 0 0-3.238.054l-3.934.117q0-3.815-.128-7.61a246 246 0 0 1-.118-7.621M47.067 15.128q.59-1.608 1.115-3.033.215-.612.45-1.233.236-.633.44-1.19.204-.568.364-1.03.172-.46.279-.76.15-.44.364-.997.215-.568.44-1.19.235-.621.46-1.265.236-.654.473-1.254.525-1.404 1.104-2.915a83 83 0 0 1 1.779-.065 97 97 0 0 1 1.49-.032h.471q.441 0 .75.01.547 1.555 1.084 2.96.214.588.439 1.232.236.633.44 1.233.214.589.396 1.104.193.515.322.89.085.288.235.76l.354 1.04q.204.568.418 1.222.225.643.44 1.276.514 1.49 1.06 3.183 0 .022-.406.086-.408.054-1.03.118-.61.065-1.318.129l-1.297.118q-.6.064-1.008.096l-.407.032q-.043-.44-.16-1.19-.108-.75-.215-1.36l-3.602-.022q-.15.611-.343 1.297-.182.675-.332 1.382zm6.453-5.381 2.412-.021-1.029-4.963zM62.535.218 67.637.11l2.498 5.028L73.05.11l4.813.108-5.38 9.422.182 5.702h-5.103l.268-5.38zM.5 0l.222 11.668 2.944-2.886 6.656 6.928 5.764-5.38-6.984-6.984L11.456.992z"})))};var v=r(18814),y=r(61961),_=r.n(y);let b=e=>{let{game:t,classes:r,gameLink:a,sizes:n,imageLoading:i,imagePriority:o}

1=e,[c,p]=(0,s.useState)(0),[h,y]=(0,s.useState)(!1),b=(0,s.useRef)(null),x=(0,s.useRef)(null),C=(0,s.useRef)(0),E=(0,s.useRef)(0),j=(0,s.useRef)(null),w=t.lookInsideAssets||[],T=(0,s.useRef)(null),S=w.length,N=(0,s.useRef)({jumpToSlide:e=>{E.current!==e&&(E.current=e,p(e),T.current&&clearInterval(T.current),T.current=null)}}),M=()=>{T.current&&clearInterval(T.current),T.current=null,y(!1),C.current=0,E.current=0,p(0)},z=()=>{3===C.current&&E.current===S-1?M():(E.current=(E.current+1)%S,p(E.current),0===E.current&&C.current++)},I=()=>{h||(y(!0),C.current=1,T.current=setInterval(z,2e3))},L=function(){let e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1e3;return{play:()=>{e=setTimeout(()=>{b.current?.play()},t)},clear:()=>{b.current?.stop(),e&&clearTimeout(e)}}};return((0,s.useEffect)(()=>{if(h)return;let e=L(Math.floor(11e3*Math.random())+1e3);return e.play(),()=>e.clear()},[h]),w.length&&t.title)?(0,l.jsx)(f.A,{inputEvents:[{inputEventName:"touchstart",handler:()=>{M()}}],children:(0,l.jsxs)("article",{ref:x,"data-pbsk-component-look-inside-card":!0,"data-use-loading-dots":!0,className:`${_().lookInsideCard} ${h?_().activeCard:""}`,onClick:e=>{e.target!==j.current&&j.current?.click()},onMouseEnter:I,onMouseLeave:M,onTouchEnd:e=>{h||(I(),e.preventDefault())},children:[(0,l.jsxs)("div",{"data-ga-click-ignore":!0,className:`${_().cardSlides} ${r}`,children:[(0,l.jsx)("div",{className:`${_().cardSlide} ${h?"":_().currentSlide} ${r}`,children:(0,l.jsx)(d(),{src:t.mezzanine?.[0]?.url||v.jY,alt:t?.lookInsideAssets?.[0]?.altText||t.title,sizes:n||"100vw",width:908,height:510,loading:i,preload:o,fetchPriority:o?"high":"auto",quality:65})}),w.map((e,t)=>(0,l.jsx)("div",{className:`${_().cardSlide} ${h&&t===c?_().currentSlide:""} ${r}`,children:(0,l.jsx)(d(),{src:e?.url||v.jY,alt:"",sizes:n||"100vw",width:e?.width||908,height:e?.height||510,loading:i,preload:o,fetchPriority:o?"high":"low",quality:65})},t))]}),(0,l.jsxs)("div",{className:_().cardFooter,children:[h?(0,l.jsx)(m.A,{current:c,interactive:!1,controlRef:N,slides:w,wrapperStyles:_().paginationWrapper}):(0,l.jsx)("div",{className:_().lookBadge,children:(0,l.jsx)(u.A,{alt:"Look",animationRef:b,loopToFirstFrameOnEnd:!0,src:g,width:83,height:36})}),(0,l.jsx)("a",{ref:j,className:_().playButton+" "+(h?"pbsk-anim-fade-grow-bounce":""),href:a,rel:"noopener noreferrer","aria-label":"Play "+t.title,onBlur:M,onFocus:I,onClick:e=>{e.stopPropagation(),M()},children:(0,l.jsx)(k,{})})]})]})}):null};var x=r(14779);let C=e=>e.guid?(0,x.RM)(e):"",E=e=>{let{enableLookInside:t=!0,classes:r="",gameItem:a,imageLoading:n,imagePriority:i,sizes:s}=e;if(!a)return null;let c=C(a)??"",d=a.mezzanine?.[0]?.url;return c&&d?t&&a.lookInsideAssets&&a.lookInsideAssets?.length>0?(0,l.jsx)(b,{game:a,sizes:s,classes:r,gameLink:c,imageLoading:n,imagePriority:i}):(0,l.jsx)(o.A,{classes:r,gameItem:a,gameLink:c,imageLoading:n,imagePriority:i,sizes:s}):null}},16053:e=>{e.exports={paginationWrapper:"Pagination_paginationWrapper__HZkCf",paginationWrapperCentered:"Pagination_paginationWrapperCentered__ZRQLR",pagination:"Pagination_pagination__7IunV",dot:"Pagination_dot__T9arT",currentDot:"Pagination_currentDot__HuQTn"}},61961:e=>{e.exports={lookInsideCard:"LookInsideCard_lookInsideCard__3zfm8",activeCard:"LookInsideCard_activeCard__g36vP",cardSlides:"LookInsideCard_cardSlides__GE8_p",cardSlide:"LookInsideCard_cardSlide__I4tch",currentSlide:"LookInsideCard_currentSlide__sNfX7",cardFooter:"LookInsideCard_cardFooter__oTYJK",lookBadge:"LookInsideCard_lookBadge___KNKJ",playButton:"LookInsideCard_playButton__FzuGH",paginationWrapper:"LookInsideCard_paginationWrapper__LkD6h"}},93442:(e,t,r)=>{"use strict";r.d(t,{A:()=>l});var a=r(37876);r(14232);var n=r(16053),i=r.n(n);let l=e=>{let{centered:t=!1,current:r=0,controlRef:n,interactive:l=!!n?.current,slides:s,wrapperStyles:o}=e,c=i().paginationWrapper+" "+(t?i().paginationWrapperCentered:"")+" "+o;return s&&0!==s.length?(0,a.jsx)("div",{"data-pbsk-component-pagination":!0,"data-interactive":l,"aria-hidden":!l,className:c,children:(0,a.jsx)("ul",{className:i().pagination,children:s.map((e,t)=>(0,a.jsx)("li",{className:`${i().dot} ${t===r?i().currentDot:""}`,children:l?(0,a.jsx)("button",{onClick:e=>{n?.current&&(e.preventDefault(),e.stopPropagation(),n.current.jumpToSlide(t))},children:(0,a.jsxs)("span",{className:"sr-only",children:["slide ",t+1,t===r?" current":""]})}):(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("span",{className:"sr-only",children:["slide ",t+1,t===r?" current":""]})})},t))})}):null}}}]);
2//# sourceMappingURL=5593-baa0934a068732ca.js.map