https://musiqc.ca/_next/static/chunks/4488-b2832b5a0a573fe2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4488],{24654:function(){},99379:function(e,t,s){"use strict";s.d(t,{default:function(){return o}});var l=s(57437);s(810);var i=s(94508),n=s(2299),a=s(2265),r=s(722);function o(e){let{title:t,offset:s}=e,[o,c]=(0,a.useState)(!1),d=(0,r.ac)({query:"(min-width: 768px)"});(0,a.useEffect)(()=>{c(d)},[d]),(0,a.useEffect)(()=>{p((0,i.TV)(o?[10,190,55]:[10,100,55]))},[o]);let u=0,[x,p]=(0,a.useState)(o?[10,190,55]:[10,100,55]);return(0,l.jsx)("section",{className:"flex justify-center items-center w-full h-full",children:(0,l.jsx)("h1",{className:(0,i.cn)("px-4 page-title",s&&"md:bottom-auto bottom-4 absolute"),children:t.map((e,t)=>{" "!==e&&"<br>"!==e&&u++;let s=" "!==e&&"<br>"!==e&&u%2?800:940,i=" "!==e&&"<br>"!==e?x[(0,n.r)(0,3,u-1)]:190;return(0,l.jsx)("span",{className:e.length>10?"hyphens-auto":"",style:{fontVariationSettings:'"wght" '.concat(s,', "wdth" ').concat(i)},dangerouslySetInnerHTML:{__html:e}},"".concat(e,"-").concat(t))})})})}},30907:function(e,t,s){"use strict";s.d(t,{Z:function(){return f}});var l=s(57437),i=s(94508),n=s(40875),a=s(32489),r=s(55736),o=s(7586),c=s(88997),d=s(8522),u=s(2265),x=s(27648),p=s(18476),g=s(5095),h=s(64927),m=s.n(h),b=s(99376),v=s(75189),y=s(81103);function f(e){var t,s,h;let{genres:f,tags:j,collections:k,programmateurs:N,artistes:w,listes:z,random:C,coeurs:E,humeurs:Z}=e,[_,S]=(0,u.useState)(!1),[O,L]=(0,u.useState)(!1),[M,F]=(0,u.useState)(!1),D=(0,v.useRouter)(),J=(0,b.useSearchParams)(),q=(0,b.usePathname)(),A=null===(t=J.get("genres"))||void 0===t?void 0:t.split(","),H=null===(s=J.get("ambiances"))||void 0===s?void 0:s.split(","),P=null===(h=J.get("humeurs"))||void 0===h?void 0:h.split(","),T=(e,t)=>

1{var s,l,i,n,a,r,o,c;let d=J.get("lettre");if("genres"===t){let t=(null===(s=J.get("genres"))||void 0===s?void 0:s.split(","))||[],i=(null===(l=J.get("ambiances"))||void 0===l?void 0:l.split(","))||[];e?t.includes(e)?t.splice(t.indexOf(e),1):t.push(e):t=[];let n=m().stringify({...d&&{lettre:d},genres:t,ambiances:i},{arrayFormat:"comma",encode:!1});D.replace("".concat(q,"?").concat(n),{scroll:!1})}if("tags"===t){let t=(null===(i=J.get("genres"))||void 0===i?void 0:i.split(","))||[],s=(null===(n=J.get("ambiances"))||void 0===n?void 0:n.split(","))||[],l=(null===(a=J.get("humeurs"))||void 0===a?void 0:a.split(","))||[];e?s.includes(e)?s.splice(s.indexOf(e),1):s.push(e):s=[];let r=m().stringify({...d&&{lettre:d},genres:t,ambiances:s,humeurs:l},{arrayFormat:"comma",encode:!1});D.replace("".concat(q,"?").concat(r),{scroll:!1})}if("humeurs"===t){let t=(null===(r=J.get("genres"))||void 0===r?void 0:r.split(","))||[],s=(null===(o=J.get("ambiances"))||void 0===o?void 0:o.split(","))||[],l=(null===(c=J.get("humeurs"))||void 0===c?void 0:c.split(","))||[];e?l.includes(e)?l.splice(l.indexOf(e),1):l.push(e):l=[];let i=m().stringify({...d&&{lettre:d},genres:t,ambiances:s,humeurs:l},{arrayFormat:"comma",encode:!1});D.replace("".concat(q,"?").concat(i),{scroll:!1})}},V=e=>{var t,s,l;let i=J.get("lettre")||null;i=i==e?null:e;let n=m().stringify({...i&&{lettre:i},genres:(null===(t=J.get("genres"))||void 0===t?void 0:t.split(","))||[],ambiances:(null===(s=J.get("ambiances"))||void 0===s?void 0:s.split(","))||[],humeurs:(null===(l=J.get("humeurs"))||void 0===l?void 0:l.split(","))||[]},{arrayFormat:"comma",encode:!1});D.replace("".concat(q,"?").concat(n),{scroll:!1})};return(0,l.jsxs)("section",{className:"relative",children:[(0,l.jsxs)("div",{className:"pb-8 border-b border-black",children:[(0,l.jsxs)("div",{className:"flex justify-between items-center gap-4 px-4 whitespace-nowrap overflow-x-auto no-scrollbar",children:[(0,l.jsxs)("div",{className:"flex items-center gap-4",children:[f&&(0,l.jsxs)("div",{className:"relative flex items-center",children:[(0,l.jsxs)("button",{onClick:()=>{L(!1),F(!1),S(!_)},className:(0,i.cn)("flex items-center gap-1 hover:bg-black px-[0.875em] py-[0.5em] border border-black rounded-full hover:text-gray-1 leading-none transition-colors pointer-events-auto",_&&"bg-black text-gray-1"),children:[(0,l.jsx)("span",{children:"Genres"}),(0,l.jsx)(p.E.div,{animate:{rotate:_?180:0},children:(0,l.jsx)(n.Z,{size:16})})]}),(0,l.jsx)(g.M,{mode:"popLayout",children:(null==A?void 0:A.length)?(0,l.jsxs)(p.E.button,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},onClick:()=>T(null,"genres"),className:"right-0 z-10 absolute flex justify-center items-center bg-gray-1 rounded-full text-xs leading-none transition-colors translate-x-[50%] group size-[24px]",children:[(0,l.jsx)("div",{className:"opacity-100 group-hover:opacity-0 transition-opacity",children:A.length}),(0,l.jsx)("div",{className:"absolute opacity-0 group-hover:opacity-100 transition-opacity",children:(0,l.jsx)(a.Z,{size:14})})]},"genres"):null})]}),j&&(0,l.jsxs)("div",{className:"relative flex items-center",children:[(0,l.jsxs)("button",{onClick:()=>{S(!1),F(!1),L(!O)},className:(0,i.cn)("flex items-center gap-1 hover:bg-black px-[0.875em] py-[0.5em] border border-black rounded-full hover:text-gray-1 leading-none transition-colors pointer-events-auto",O&&"bg-black text-gray-1"),children:[(0,l.jsx)("span",{children:"Ambiances"}),(0,l.jsx)(p.E.div,{animate:{rotate:O?180:0},children:(0,l.jsx)(n.Z,{size:16})})]}),(0,l.jsx)(g.M,{mode:"popLayout",children:(null==H?void 0:H.length)?(0,l.jsxs)(p.E.button,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},onClick:()=>T(null,"tags"),className:"right-0 z-10 absolute flex justify-center items-center bg-gray-1 rounded-full text-xs leading-none transition-colors translate-x-[50%] group size-[24px]",children:[(0,l.jsx)("div",{className:"opacity-100 group-hover:opacity-0 transition-opacity",children:H.length}),(0,l.jsx)("div",{className:"absolute opacity-0 group-hover:opacity-100 transition-opacity",children:(0,l.jsx)(a.Z,{size:14})})]},"tags"):null})]}),Z&&(0,l.jsxs)("div",{className:"relative flex items-center",children:[(0,l.jsxs)("button",{onClick:()=>{S(!1),L(!1),F(!M)},className:(0,i.cn)("flex items-center gap-1 hover:bg-black px-[0.875em] py-[0.5em] border border-black rounded-full hover:text-gray-1 leading-none transition-colors pointer-events-auto",M&&"bg-black text-gray-1"),children:[(0,l.jsx)("span",{children:"Humeurs"}),(0,l.jsx)(p.E.div,{animate:{rotate:M?180:0},children:(0,l.jsx)(n.Z,{size:16})})]}),(0,l.jsx)(g.M,{mode:"popLayout",children:(null==P?void 0:P.length)?(0,l.jsxs)(p.E.button,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},onClick:()=>T(null,"humeurs"),className:"right-0 z-10 absolute flex justify-center items-center bg-gray-1 rounded-full text-xs leading-none transition-colors translate-x-[50%] group size-[24px]",children:[(0,l.jsx)("div",{className:"opacity-100 group-hover:opacity-0 transition-opacity",children:P.length}),(0,l.jsx)("div",{className:"absolute opacity-0 group-hover:opacity-100 transition-opacity",children:(0,l.jsx)(a.Z,{size:14})})]},"humeurs"):null})]})]}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(k||z||E)&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(y.pn,{delayDuration:300,children:(0,l.jsxs)(y.u,{children:[(0,l.jsx)(y.aJ,{className:(0,i.cn)("rounded-full size-[34px]",z&&"hidden md:block"),children:(0,l.jsx)(x.default,{href:"/listes-de-lecture",className:(0,i.cn)("flex justify-center items-center bg-gray-1 hover:bg-black rounded-full hover:text-gray-1 transition-colors size-[34px]",z&&"bg-black text-gray-1 pointer-events-none"),children:(0,l.jsx)(r.Z,{size:20})})}),(0,l.jsx)(y._v,{sideOffset:8,className:"bg-black shadow-none text-gray-1",children:(0,l.jsx)("p",{children:"Listes de lecture"})})]})}),(0,l.jsx)(y.pn,{delayDuration:300,children:(0,l.jsxs)(y.u,{children:[(0,l.jsx)(y.aJ,{className:(0,i.cn)("rounded-full size-[34px]",k&&"hidden md:block"),children:(0,l.jsx)(x.default,{href:"/listes-de-lecture/collections",className:(0,i.cn)("flex justify-center items-center bg-gray-1 hover:bg-black rounded-full hover:text-gray-1 transition-colors size-[34px]",k&&"bg-black text-gray-1 pointer-events-none"),children:(0,l.jsx)(o.Z,{size:20})})}),(0,l.jsx)(y._v,{sideOffset:8,className:"bg-black shadow-none text-gray-1",children:(0,l.jsx)("p",{children:"Collections"})})]})}),(0,l.jsx)(y.pn,{delayDuration:300,children:(0,l.jsxs)(y.u,{children:[(0,l.jsx)(y.aJ,{className:(0,i.cn)("rounded-full size-[34px]",E&&"hidden md:block"),children:(0,l.jsx)(x.default,{href:"/listes-de-lecture/coups-de-coeur",className:(0,i.cn)("flex justify-center items-center bg-gray-1 hover:bg-black rounded-full hover:text-gray-1 transition-colors size-[34px]",E&&"bg-black text-gray-1 pointer-events-none"),children:(0,l.jsx)(c.Z,{size:20})})}),(0,l.jsx)(y._v,{sideOffset:8,className:"bg-black shadow-none text-gray-1",children:(0,l.jsx)("p",{children:"Coups de cœur"})})]})})]}),C&&(0,l.jsx)(y.pn,{delayDuration:300,children:(0,l.jsxs)(y.u,{children:[(0,l.jsx)(y.aJ,{className:"md:block hidden rounded-full size-[34px]",children:(0,l.jsx)(x.default,{href:{pathname:C},className:"flex justify-center items-center bg-gray-1 hover:bg-black rounded-full hover:text-gray-1 transition-colors size-[34px]",children:(0,l.jsx)(d.Z,{size:20})})}),(0,l.jsx)(y._v,{sideOffset:8,className:"bg-black shadow-none text-gray-1",children:(0,l.jsx)("p",{children:"Al\xe9atoire"})})]})})]})]}),(0,l.jsx)(g.M,{children:(_||O||M)&&(0,l.jsx)(p.E.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},className:"w-full overflow-hidden",children:(0,l.jsxs)(g.M,{mode:"popLayout",children:[_&&f&&(0,l.jsx)(p.E.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},children:(0,l.jsx)("div",{className:"flex md:flex-wrap items-baseline gap-2 px-4 pt-8 whitespace-nowrap overflow-x-scroll no-scrollbar",children:f.map(e=>(0,l.jsx)("button",{onClick:()=>T(e.slug,"genres"),className:(0,i.cn)("bg-gray-1 hover:bg-black px-[0.875em] py-[0.5em] rounded-full hover:text-gray-1 leading-none transition-colors",(null==A?void 0:A.includes(e.slug))&&"bg-black text-gray-1"),children:e.title},e.slug))})},"genres"),O&&j&&(0,l.jsx)(p.E.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:(0,l.jsx)("div",{className:"flex md:flex-wrap items-baseline gap-2 px-4 pt-8 whitespace-nowrap overflow-x-scroll no-scrollbar",children:j.map(e=>(0,l.jsx)("button",{onClick:()=>T(e.slug,"tags"),className:(0,i.cn)("bg-gray-1 hover:bg-black px-[0.875em] py-[0.5em] rounded-full hover:text-gray-1 leading-none transition-colors",(null==H?void 0:H.includes(e.slug))&&"bg-black text-gray-1"),children:e.title},e.slug))})},"tags"),M&&Z&&(0,l.jsx)(p.E.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:(0,l.jsx)("div",{className:"flex md:flex-wrap items-baseline gap-2 px-4 pt-8 whitespace-nowrap overflow-x-scroll no-scrollbar",children:Z.map(e=>(0,l.jsx)("button",{onClick:()=>T(e.slug,"humeurs"),className:(0,i.cn)("bg-gray-1 hover:bg-black px-[0.875em] py-[0.5em] rounded-full hover:text-gray-1 leading-none transition-colors",(null==P?void 0:P.includes(e.slug))&&"bg-black text-gray-1"),children:e.title},e.slug))})},"humeurs")]})},"container")})]}),(z||N||w)&&(0,l.jsx)("div",{className:"flex items-baseline gap-4 px-4 pt-8 whitespace-nowrap overflow-x-auto no-scrollbar",children:"abcdefghijklmnopqrstuvwxyz0".split("").map(e=>(0,l.jsx)("button",{onClick:()=>V(e),className:(0,i.cn)("flex flex-shrink-0 justify-center items-center bg-gray-1 hover:bg-black rounded-full hover:text-gray-1 uppercase leading-none transition-colors pointer-events-auto size-[34px]",J.get("lettre")==e&&"bg-black text-gray-1"),children:e},e))})]})}},810:function(){}}]);