https://www.jazzecho.de/_next/static/chunks/6690-b3b5dc883c359a41.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6690],{6690:(e,t,a)=>{a.d(t,{A:()=>M,k:()=>w});var r=a(60072),i=a(60004),n=a(35752),l=a(10983),s=a(96907),o=a(54289),d=a(62271),u=a(42436),c=a(76540),h=a(57608),g=a(34834),m=a(43460),p=a(22527),x=a(9066),f=a(16940);function b({onChange:e=()=>{},value:t=null,artists:a=[],textLabel:i=""}){return(0,r.jsx)(h.A,{options:a,sx:{width:"100%",display:{lg:"none"}},value:t,getOptionLabel:e=>e.screenname,isOptionEqualToValue:(e,t)=>e.idRaw===t.idRaw,onChange:e,renderInput:e=>(null!==t&&(e.InputProps.startAdornment=(0,r.jsx)(m.A,{position:"start",children:(0,r.jsx)(x.b,{size:"2rem",imgPath:t?.image?.imageUrlTemplate})})),(0,r.jsx)(g.A,{...e,label:i,variant:"standard",color:"secondary",sx:{"&.MuiTextField-root > div":{paddingTop:f.M.small,paddingBottom:f.M.small}}})),renderOption:(e,{screenname:t,image:{imageUrlTemplate:a}})=>(0,r.jsxs)(c.A,{component:"li",sx:{"& > img":{mr:2,flexShrink:0}},...e,children:[(0,r.jsx)(p.uH,{imgPath:a,imgAltText:t,sizes:"161px",size:"2rem",margin:0}),(0,r.jsx)(c.A,{sx:{padding:f.M.xsmall},children:t})]})})}var y=a(19622),A=a(54042);function j({onChange:e,value:t,artists:a}

1){return(0,r.jsx)(y.A,{onChange:e,exclusive:!0,value:t,sx:{display:{sm:"none",lg:"grid"},gridTemplateColumns:"repeat(auto-fit, minmax(4rem, 1fr))",gap:"0.125rem"},children:a.map(({idRaw:e,screenname:a,image:{imageUrlTemplate:i}={}},n)=>(0,r.jsx)(A.A,{disableRipple:!0,value:e,"aria-label":a,size:"small",sx:{border:0,color:"black",textTransform:"none",flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"start"},children:(0,r.jsx)(x.d,{ariaLabel:a,imgPath:i,selected:t===e})},n))})}var C=a(88336),v=a(4981);function I({artists:e,artist:t,onChangeAutoComplete:a,onChangeButtonGroup:i,headline:n="",autoCompleteLabel:l=""}){return(0,r.jsxs)(o.w,{isFullWidth:!1,backgroundColor:C.y.white,children:[(0,r.jsx)(v.A,{variant:"h4",as:"h2",sx:{paddingBottom:f.M.large},children:n}),(0,r.jsx)(b,{artists:e,value:t,onChange:a,textLabel:l}),(0,r.jsx)(j,{artists:e,value:t?.idRaw||null,onChange:i})]})}var T=a(92239),P=a(74110);let M=({initialVideos:e=[],pageInfo:t={},queryVariables:a={},query:c,trendingArtists:h=[],baseUrl:g,sectionTitle:m="",sectionHeadlineLevel:p=""})=>{let x=(0,n.c)(),f=(0,l.useRouter)(),b=Number(f.query.a)||null,[y,A]=(0,i.useState)(h.find(({idRaw:e})=>e===b)||null);(0,i.useEffect)(()=>{if(0===h.length)return;let{query:e}=f;delete e.a,null!==y&&(e.a=y.idRaw),f.replace({pathname:f.pathname,query:e})},[y,h.length]);let{moreMenuProps:j,handleMoreMenuButtonClick:C}=(0,P.U)();return(0,r.jsxs)(r.Fragment,{children:[h&&h.length>0&&(0,r.jsx)(I,{headline:x("Trending Artists"),autoCompleteLabel:x("Filter by Artist"),artists:h,artist:y,onChangeAutoComplete:(e,t)=>A(t),onChangeButtonGroup:(e,t)=>{A(h.find(({idRaw:e})=>e===t)||null)}}),(0,r.jsx)(o.w,{isFullWidth:!1,title:m,headlineLevel:p,children:(0,r.jsx)(s.A,{initialItems:e,initialPageInfo:t,query:c,queryVariables:a,objectType:"video",columnsDesktop:3,handleMoreMenuButtonClick:C})}),j&&(0,r.jsx)(d.n,{id:j.id,objectType:j.objectType,positionX:j.positionX,positionY:j.positionY,htmlId:"moreMenu",baseUrl:g,path:j.path,handleShareClick:u.xf,trackingValues:{contentType:j.objectType,contentId:j.id,contentName:j.headline}})]})};async function w({client:e,channel:t,language:a,first:r=15,after:i=null,sortBy:n="DATE",sortOrder:l="DESCENDING",artistId:s=null,folders:o=null}){let d={channel:t,language:a,first:r,sortBy:n,sortOrder:l,artistId:s,after:i,folders:o},u=await e.query(T.k,d).toPromise(),c=u.error,h=u.data?.universalMusic?.allVideos?.edges??[],g=u.data?.universalMusic?.allVideos?.pageInfo??[];return c&&console.error(c),{allVideos:h=h.map(({node:e})=>e),pageInfo:g,queryVariables:d}}},89224:(e,t,a)=>{a.d(t,{A:()=>i});var r=a(60004);function i(e){let[t,a]=r.useState(e);return r.useEffect(()=>{a(e)},[e]),[t,a]}},92239:(e,t,a)=>{a.d(t,{k:()=>i});var r=a(25607);let i=(0,r.J1)`
2  query GetAllVideos(
3    $channel: Int
4    $language: String
5    $first: Int
6    $sortBy: SortMethod
7    $sortOrder: SortOrder
8    $artistId: Int
9    $after: String
10    $folders: [AssetFolder]
11  ) {
12    universalMusic(channel: $channel, language: $language) {
13      allVideos(
14        first: $first
15        sortBy: $sortBy
16        sortOrder: $sortOrder
17        artist: $artistId
18        after: $after
19        folders: $folders
20      ) {
21        pageInfo {
22          hasNextPage
23          endCursor
24        }
25        edges {
26          node {
27            idRaw
28            duration
29            headline
30            artists {
31              idRaw
32              screenname
33              urlAlias
34              themeType
35              isComposer
36              externalReferences(type: PARTY_ID) {
37                value
38              }
39            }
40            imageUrlTemplate
41          }
42        }
43      }
44    }
45  }
46`},96907:(e,t,a)=>{a.d(t,{A:()=>I});var r=a(60072),i=a(60004),n=a(47706),l=a.n(n),s=a(35752),o=a(76540),d=a(96902),u=a(85069),c=a(66160),h=a(47550),g=a(66388),m=a(16940),p=a(348),x=a(96997),f=a(89224),b=a(39642),y=a(71037),A=a(35459),j=a(9306),C=a(15189);let v=({initialItems:e,initialPageInfo:t={},objectType:a,query:n,queryVariables:l={},columnsDesktop:v=4,columnsTablet:I=2,columnsMobile:T=1,handleMoreMenuButtonClick:P,cardLayout:M="default",showSection:w=!1,isFullWidth:k=!0,title:R="",headlineLevel:F="",hasPaddingTop:N=!1,showEventHeadline:L=!1,maxLines:$=3,ratio:S=null})=>{let E,q,B,_,O,[D,V]=(0,f.A)(e),[W,H]=(0,f.A)(t?.hasNextPage),[U,z]=(0,f.A)(t?.endCursor),G=(0,x.A)(),Y=(0,s.c)(),{settings:X}=(0,i.useContext)(b.N),[J,K]=(0,p.IT)({query:n,pause:!0,variables:{...l,after:U}}),Q=(0,A.c)(null),Z=(0,A.R)(null);"product"===a&&(E=Q.audioCarrierIds,q=Q.productId,B=Q.handlePlayButtonClick,_=Q.handleAudioPlayerClose),"productFamily"===a&&(E=Z.audioCarrierIds,O=Z.productFamilyId,B=Z.handlePlayButtonClick,_=Z.handleAudioPlayerClose);let{data:ee,fetching:et,error:ea}=J;if((0,i.useEffect)(()=>

46{if(!ea&&ee){let e=ee.universalMusic,t=Object.keys(e)[0];if(e[t].contents){let{pageInfo:a}=e[t].contents;H(a.hasNextPage),z(a.endCursor),V([...D,...(0,y.fj)(e[t].contents.edges)])}else{let{pageInfo:a}=e[t];H(a.hasNextPage),z(a.endCursor),V([...D,...(0,y.fj)(e[t].edges)])}}},[ee]),(0,g.pk)({data:D,language:G,type:a,distinguishesArtists:X.distinguishesArtists,distinguishesNews:X.distinguishesNews,useArtistsRoutePrefix:X.useArtistsRoutePrefix,useProductsRoutePrefix:X.useProductsRoutePrefix,useProjects:X.useProjects,hasNode:!1}),"event"===a)if(0===D.length)return null;else D.map(e=>{"LiveEvent"===e.__typename?e.eventText=(0,y.qN)(e.locationPartners[0]??"",e.repertoire??"",e.timeStart??""):console.error(Error("Unknown event type: ",e.__typename))});let er={handlePlay:B??null,handleMoreMenu:P,cardLayout:M,wrapArtistName:X.cards.article.wrapArtistName,showEventHeadline:L,maxLines:$,locationStringFallback:Y("Location tba"),ratio:S??null};return"article"===a&&X.cards?.article?.imageRatio&&(er.imageRatio=X.cards?.article?.imageRatio),"product"===a&&X.cards?.product?.imageFlexWidth&&(er.imageFlexWidth=X.cards?.product?.imageFlexWidth),"product"===a&&X.cards?.product?.imageFlexHeight&&(er.imageFlexHeight=X.cards?.product?.imageFlexHeight),"merch"===a&&(er.merchCardLabel=Y("MerchCardLabel")),(0,r.jsxs)(o.A,{sx:{paddingTop:N?m.M.small:0},children:[(0,r.jsx)(u.E,{showSection:w,title:R,headlineLevel:F,isFullWidth:k,columnsMobile:T,columnsTablet:I,columnsDesktop:v,"data-testid":"CardGrid",children:(0,h.u)(D,a,er)}),(0,r.jsx)(o.A,{sx:{textAlign:"center",marginTop:m.M.xlarge,marginBottom:m.M.xxlarge},children:W&&(0,r.jsx)(c.om,{onClick:()=>{K()},iconLeft:d.A,rotateIcon:et,disabled:et||!W,text:Y("Load More"),"data-testid":"LoadMoreButton"})}),E&&q&&(0,r.jsx)(j.F7,{productId:q,carrierIds:E,channel:X.apiChannel,withFunction:"MAIN_ARTIST",handleClose:_}),E&&O&&(0,r.jsx)(C.Y,{productFamilyId:O,carrierIds:E,channel:X.apiChannel,withFunction:"MAIN_ARTIST",handleClose:_})]})};v.propTypes={initialItems:l().arrayOf(l().object).isRequired,initialPageInfo:l().shape({hasNextPage:l().bool,endCursor:l().string}),objectType:l().string.isRequired,query:l().object,queryVariables:l().object,columnsMobile:l().number,columnsTablet:l().number,columnsDesktop:l().number,handleMoreMenuButtonClick:l().func,cardLayout:l().oneOf(["default","wide","showWithReleaseDate"]),distinguishesArtists:l().bool,useProjects:l().bool,showSection:l().bool,isFullWidth:l().bool,title:l().string,headlineLevel:l().string};let I=v}}]);