1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2797],{9569:function(e,s,t){Promise.resolve().then(t.bind(t,4356)),Promise.resolve().then(t.bind(t,1501))},1501:function(e,s,t){"use strict";t.d(s,{default:function(){return g}});var a=t(7437),r=t(2265),c=t(7648),l=t(9376),i=t(301),n=t(513),o=t(5570),d=t(3578),h=t(7808),u=t(9222),m=t(2546);function x(e){let{album:s}=e,{play:t}=(0,d.nn)(),r=!!(s.tracks&&s.tracks.length);return(0,a.jsxs)(c.default,{href:"/album/".concat(s.id),className:"card",style:{textDecoration:"none",color:"inherit"},children:[(0,a.jsxs)("div",{className:"cover",children:[(0,a.jsx)(i.Y,{album:s}),r&&(0,a.jsx)("button",{className:"cover-play",onClick:e=>{e.preventDefault(),e.stopPropagation(),(0,o.o)(t,s)},children:(0,a.jsx)(i.Ic.play,{width:"20",height:"20"})})]}),(0,a.jsx)("div",{className:"card-title",children:s.title}),(0,a.jsx)("div",{className:"card-book",children:s.book}),(0,a.jsx)("div",{className:"card-artist",children:s.artist})]})}function g(){let e=(0,l.useSearchParams)().get("genre"),[s,t]=(0,r.useState)(""),[o,d]=(0,r.useState)(e),g=(0,u.zW)(),v=(0,u.LL)(g),[j,N]=(0,r.useState)([]);(0,r.useEffect)(()=>{let e=!0;return(0,m.L3)(60).then(s=>{e&&N(s)}),()=>{e=!1}},[]);let b=(0,r.useMemo)(()=>{let e=s.trim().toLowerCase();return g.filter(s=>(!o||s.genre===o)&&(!e||s.title.toLowerCase().includes(e)||s.book.toLowerCase().includes(e)||s.author.toLowerCase().includes(e)||s.artist.toLowerCase().includes(e)))},[s,o,g]),p=(0,r.useMemo)(()=>{let e=s.trim().toLowerCase();return!e||o?[]:j.filter(s=>s.title.toLowerCase().includes(e)||s.tags.some(s=>s.includes(e)))},[s,o,j]),f=!s.trim()&&!o,k=h.ro.filter(e=>v[e]>0);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.default,{query:s,onQuery:t}),(0,a.jsx)("div",{className:"content",children:f?(0,a.jsxs)("section",{className:"section",children:[(0,a.jsx)("div",{className:"section-head",children:(0,a.jsx)("h2",{children:"Browse Everything"})}),0===k.length?(0,a.jsxs)("p",{style:{color:"var(--muted)",padding:"20px 4px"},children:["There is no music in the catalogue yet. Check back soon, or visit ",(0,a.jsx)(c.default,{href:"/creators",className:"promo-cta",style:{display:"inline"},children:"For Creators"})," to add your own."]}):(0,a.jsx)("div",{className:"lib-grid",children:k.map(e=>{let s=h.xG[e],[t,r]=s.grad;return(0,a.jsxs)("button",{className:"genre-tile",style:{background:"linear-gradient(135deg, ".concat(t,", ").concat(r,")"),width:"100%",height:140},onClick:()=>d(e),children:[(0,a.jsx)("h3",{style:{color:s.ink},children:s.label}),(0,a.jsxs)("span",{className:"g-count",children:[v[e]," ",1===v[e]?"soundtrack":"soundtracks"]}),(0,a.jsx)("svg",{className:"g-glyph",viewBox:"0 0 24 24",style:{color:s.ink},dangerouslySetInnerHTML:{__html:h.Hh[e]}})]},e)})})]}):(0,a.jsxs)("section",{className:"section",children:[(0,a.jsxs)("div",{className:"section-head",children:[(0,a.jsx)("h2",{children:o?h.xG[o].label:"Results for â".concat(s,"â")}),o&&(0,a.jsx)("button",{className:"chip active",onClick:()=>d(null),children:"Clear genre â"})]}),0===b.length&&0===p.length?(0,a.jsx)("p",{style:{color:"var(--muted)",padding:"20px 4px"},children:"Nothing matches that search yet."}):(0,a.jsxs)(a.Fragment,{children:[b.length>0&&(0,a.jsx)("div",{className:"lib-grid",children:b.map(e=>(0,a.jsx)(x,{album:e},e.id))}),p.length>0&&(0,a.jsxs)("div",{className:"search-vibes",children:[(0,a.jsx)("h3",{className:"search-group-title",children:"Vibes"}),(0,a.jsx)("div",{className:"lib-grid",children:p.map(e=>(0,a.jsxs)(c.default,{href:"/story/".concat(e.userId,"/album/").concat(e.id),className:"card",style:{textDecoration:"none",color:"inherit"},children:[(0,a.jsx)("div",{className:"cover",children:e.coverUrl?(0,a.jsx)("div",{className:"vibe-cover",style:{backgroundImage:"url(".concat(e.coverUrl,")")}}):(0,a.jsx)("div",{className:"vibe-cover vibe-cover-fallback",children:(0,a.jsx)(i.Ic.book,{width:"26",height:"26"})})}),(0,a.jsx)("div",{className:"card-title",children:e.title}),(0,a.jsx)("div",{className:"card-artist",children:"Vibe Journal"}),e.tags.length>0&&(0,a.jsx)("div",{className:"vibe-card-tags",children:e.tags.slice(0,3).map(e=>(0,a.jsx)("span",{className:"vibe-card-tag",children:e},e))})]},e.id))})]})]})]})})]})}}},function(e){e.O(0,[4358,9990,8933,2972,6689,5018,3578,374,4356,5570,2971,2117,1744],function(){return e(e.s=9569)}),_N_E=e.O()}]);
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.