1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6331],{96331:function(t,e,n){n.r(e);var i=n(14924),o=n(85893),a=n(8100),r=n(41120),s=n(73637),l=n(4024),c=n(94184),u=n.n(c),d=n(38738),h=n(67294),f=n(18042),g=n(98121),m=n(86057),p=(0,r.Z)((function(t){return{outerContainer:{position:"relative",width:"100%",overflowX:"hidden",overflowY:"hidden",minHeight:0,height:0,paddingTop:"40%","&:hover $scrollButton":{opacity:1},"&:hover $scrollButtonDisabled":{opacity:0}},innerContainer:{width:"auto",position:"absolute",top:0,bottom:0,height:"100%",display:"flex",flexFlow:"row nowrap",alignItems:"center",justifyContent:"flex-start",zIndex:0,transition:t.transitions.create("left",{duration:600,easing:"ease-in-out"})},item:{opacity:.6,transition:t.transitions.create("opacity"),cursor:"pointer"},itemHighlighted:{opacity:1,transition:t.transitions.create("opacity")},contentImg:{width:"100%",height:"100%",objectFit:"cover"},scrollButton:{position:"absolute",top:0,bottom:0,height:"100%",width:"10%",display:"flex",flexFlow:"row nowrap",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,.4)",opacity:.1,zIndex:5,transition:t.transitions.create("opacity")},scrollButtonDisabled:{opacity:0},goLeftButton:{left:0,transition:t.transitions.create("opacity"),right:"auto"},goRightButton:{right:0,transition:t.transitions.create("opacity"),left:"auto"}}}));e.default=function(t){var e,n,r=t.service,c=t.itemWidth,v=t.onSelected,b=t.contentData,x=p(),y=(0,a.ZP)(b?null:[r,"/content/popular"],(function(t){return(0,d._m)("/content/popular"+(t?"?service="+t:""))}),{fallbackData:b,revalidateOnMount:!0,revalidateOnFocus:!1}),w=y.data,j=(y.error,(0,h.useMemo)((function(){return(null===w||void 0===w?void 0:w.items)?w.items.filter((function(t){return t.imgWide})).slice(0,20):[]}),[w])),C=(0,h.useMemo)((function(){return j&&j.length>0}),[j]),Z=((0,m.M)().execChromeAPI,(0,h.useCallback)((function(t){window.parent.postMessage({target:"injected",value:t,name:"navigate"},"*")}),[])),k=(0,h.useState)(0),B=k[0],M=k[1],N=(0,h.useCallback)((function(t){if(j){var e=B+t;M(Math.min(j.length-3,Math.max(0,e)))}}),[B,j]),I=(0,h.useMemo)((function(){return j&&B<j.length-3}),[B,j]),D=(0,h.useMemo)((function(){return j&&B>0}),[B,j]),F=(0,h.useMemo)((function(){return{left:-1*c*B+c/5}}),[B,c]),_=(0,h.useMemo)((function(){return{display:"block",width:c,height:4*c/3,padding:"0 .25rem"}}),[B,c]);return(0,o.jsx)(s.Z,{in:C,timeout:150,children:(0,o.jsx)("div",{className:x.outerContainer,children:C&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{disabled:!D,className:u()((e={},(0,i.Z)(e,x.scrollButton,!0),(0,i.Z)(e,x.goLeftButton,!0),(0,i.Z)(e,x.scrollButtonDisabled,!D),e)),onClick:function(){return N(-3)},children:(0,o.jsx)(f.default,{})}),(0,o.jsx)(l.Z,{disabled:!I,className:u()((n={},(0,i.Z)(n,x.scrollButton,!0),(0,i.Z)(n,x.goRightButton,!0),(0,i.Z)(n,x.scrollButtonDisabled,!I),n)),onClick:function(){return N(3)},children:(0,o.jsx)(g.default,{})}),(0,o.jsx)("div",{className:x.innerContainer,style:F,children:j.length>0&&j.map((function(t,e){var n;return(0,o.jsx)(l.Z,{onClick:function(){v?v(t):Z(t.url)},style:_,className:u()((n={},(0,i.Z)(n,x.item,!0),(0,i.Z)(n,x.itemHighlighted,e-B<=2&&e-B>=0),n)),children:(0,o.jsx)("img",{src:t.img,className:x.contentImg})},t.id)}))})]})})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.