2 lines
110 KiB
JavaScript
2 lines
110 KiB
JavaScript
var V1=Object.defineProperty,Z1=Object.defineProperties;var j1=Object.getOwnPropertyDescriptors;var _1=Object.getOwnPropertySymbols;var B1=Object.prototype.hasOwnProperty,T1=Object.prototype.propertyIsEnumerable;var b1=(g,u,n)=>u in g?V1(g,u,{enumerable:!0,configurable:!0,writable:!0,value:n}):g[u]=n,F1=(g,u)=>{for(var n in u||(u={}))B1.call(u,n)&&b1(g,n,u[n]);if(_1)for(var n of _1(u))T1.call(u,n)&&b1(g,n,u[n]);return g},L1=(g,u)=>Z1(g,j1(u));var V=(g,u,n)=>new Promise((l,c)=>{var v=x=>{try{_(n.next(x))}catch(f){c(f)}},r=x=>{try{_(n.throw(x))}catch(f){c(f)}},_=x=>x.done?l(x.value):Promise.resolve(x.value).then(v,r);_((n=n.apply(g,u)).next())});import{s as B,p as N,f as a,g as S,h as o,i as e,t as m,k as t,F as J,m as t1,G as i1,q as U,x as X,T as I1,b as $1,w as A1,o as o1,r as L,v as z,j as n1,e as P1,C as K,A as R1,J as O1,X as N1,l as e1}from"./vendor-vue.CmaRnji1.js";import{u as q,dy as Q,a as Y,i as W,_ as a1,f as R,T as z1,A as r1}from"./index.CjrDwa0W.js";import{C as U1}from"./CrossFade.B9Ap6pL9.js";import{U as q1}from"./UploadPhoto.DgxGHiME.js";import{O as Y1}from"./OneInputModal.DRJpYsK_.js";import{_ as G1}from"./NoInternet.dMK-ez9k.js";import"./vendor.DSdF8huI.js";import"./swiper.tg5sgs8j.js";import"./UploadPhoto.Bqd-ApD8.js";/* empty css */const X1={key:0,class:"w-full h-full absolute z-[2] bg-[#F2F2F7] dark:bg-black"},K1={class:"w-full h-full"},J1={class:"w-full h-[89em] px-[16em] flex items-end"},W1={class:"text-[22em] font-['SFPRO'] mb-[0.3em] font-[400] dark:text-white"},Q1={key:0,class:"w-full px-[16em] py-[12em] h-[calc(100%-89em)] flex flex-wrap content-start gap-y-[17em] gap-x-[16em] overflow-auto no-scrollbar"},e2=["onClick"],t2={class:"w-full h-[87%] overflow-hidden rounded-[20em] cursor-pointer anim-hover-1 relative"},l2={class:"text-[23em] font-['SFPRO'] font-[400] text-white truncate absolute ml-[0.5em] mt-[0.3em]"},s2=["src"],o2={class:"w-full h-[13%] flex items-end justify-center px-[12em]"},i2={class:"text-[10em] font-['SFPRO'] font-[400] dark:text-white truncate"},a2={key:1,class:"w-full h-[calc(100%-155em)] flex flex-col items-center justify-center"},n2={width:"219",height:"235",viewBox:"0 0 219 235",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r2=["fill"],c2={class:"text-[12em] mt-[3em] font-['SFPRO'] font-[400] text-black/50 dark:text-white/50"},d2={__name:"Browse",props:{show:{type:Boolean,default:!1}},emits:["selectedAlbumID"],setup(g,{emit:u}){const n=q(),l=Q(),{t:c}=Y(),{DarkMode:v}=B(n),{ScrollPage:r}=B(l);N(()=>{v.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const _=g,x=y=>{const d=W["music/defplaylist.png"];d?(y.target.src=d,y.target.onerror=null):console.log("Fallback image not found! Check if music/defplaylist.png exists in images folder")},f=u;return(y,d)=>_.show?(o(),a("div",X1,[e("div",K1,[e("div",J1,[e("span",W1,m(t(c)("music.browse")),1)]),t(r).playlists.loadedData.length>0?(o(),a("div",Q1,[(o(!0),a(J,null,t1(t(r).playlists.loadedData,(s,h)=>(o(),a("div",{onClick:$=>f("selectedAlbumID",s.id),class:"w-[125em] h-[140em]"},[e("div",t2,[e("span",l2,m(h+1),1),e("img",{src:s.cover,onError:x,class:"w-full h-full object-cover object-center",alt:""},null,40,s2)]),e("div",o2,[e("span",i2,m(s.name),1)])],8,e2))),256)),d[0]||(d[0]=e("div",{class:"w-full h-[150em]"},null,-1))])):(o(),a("div",a2,[(o(),a("svg",n2,[d[1]||(d[1]=i1('<rect x="3" y="7" width="200" height="200" rx="24" fill="#8B8B90" fill-opacity="0.1"></rect><g opacity="0.4"><path d="M70.5 128.667C70.5 120.843 76.8426 114.5 84.6667 114.5C92.4907 114.5 98.8333 120.843 98.8333 128.667C98.8333 136.491 92.4907 142.833 84.6667 142.833C76.8426 142.833 70.5 136.491 70.5 128.667Z" fill="#838386"></path><path d="M110.5 120.334C110.5 113.43 116.096 107.834 123 107.834C129.904 107.834 135.5 113.43 135.5 120.334C135.5 127.238 129.904 132.834 123 132.834C116.096 132.834 110.5 127.238 110.5 120.334Z" fill="#838386"></path><path d="M135.5 73.6661C135.5 72.8869 135.122 72.1522 134.478 71.6793C133.834 71.2063 132.998 71.0491 132.216 71.2541L94.0824 81.2541C92.9512 81.5508 92.1665 82.5387 92.1665 83.6661V128.666H98.8332V102.984L128.833 94.8024V120.333H135.5V73.6661Z" fill="#838386"></path></g><path d="M18.0489 1.66154C18.5176 -0.419118 21.4824 -0.419124 21.9511 1.66153L24.686 13.8024C24.8557 14.5559 25.4441 15.1443 26.1976 15.314L38.3385 18.0489C40.4191 18.5176 40.4191 21.4824 38.3385 21.9511L26.1976 24.686C25.4441 24.8557 24.8557 25.4441 24.686 26.1976L21.9511 38.3385C21.4824 40.4191 18.5176 40.4191 18.0489 38.3385L15.314 26.1976C15.1443 25.4441 14.5559 24.8557 13.8024 24.686L1.66154 21.9511C-0.419118 21.4824 -0.419124 18.5176 1.66153 18.0489L13.8024 15.314C14.5559 15.1443 15.1443 14.5559 15.314 13.8024L18.0489 1.66154Z" fill="#BDBDBD"></path><path d="M40.1081 40.5197C40.7257 38.7177 43.2743 38.7177 43.8919 40.5197L45.7668 45.9897C45.9671 46.574 46.426 47.0329 47.0103 47.2332L52.4803 49.1081C54.2823 49.7257 54.2823 52.2743 52.4803 52.8919L47.0103 54.7668C46.426 54.9671 45.9671 55.426 45.7668 56.0103L43.8919 61.4803C43.2743 63.2823 40.7257 63.2823 40.1081 61.4803L38.2332 56.0103C38.0329 55.426 37.574 54.9671 36.9897 54.7668L31.5197 52.8919C29.7177 52.2743 29.7177 49.7257 31.5197 49.1081L36.9897 47.2332C37.574 47.0329 38.0329 46.574 38.2332 45.9897L40.1081 40.5197Z" fill="#BDBDBD"></path>',4)),e("path",{d:"M33 203C33 189.745 43.7452 179 57 179H149C162.255 179 173 189.745 173 203V211C173 224.255 162.255 235 149 235H57C43.7452 235 33 224.255 33 211V203Z",fill:t(v)?"#1E1E1E":"#EEEEF3"},null,8,r2),d[2]||(d[2]=i1('<path d="M57 180H149C161.703 180 172 190.297 172 203V211C172 223.703 161.703 234 149 234H57C44.2975 234 34 223.703 34 211V203C34 190.297 44.2975 180 57 180Z" stroke="black" stroke-opacity="0.07" stroke-width="2"></path><path d="M183 189L189 195M190.733 205.101C188.422 202.79 188.422 199.044 190.733 196.733C193.044 194.422 196.79 194.422 199.101 196.733L207.267 204.899C209.578 207.21 209.578 210.956 207.267 213.267C204.956 215.578 201.21 215.578 198.899 213.267L190.733 205.101ZM189 167C189 151.536 176.464 139 161 139C145.536 139 133 151.536 133 167C133 182.464 145.536 195 161 195C176.464 195 189 182.464 189 167Z" stroke="#BDBDBD" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"></path><g opacity="0.3"><path d="M103 220.333C110.364 220.333 116.333 214.363 116.333 206.999C116.333 199.636 110.364 193.666 103 193.666C95.636 193.666 89.6665 199.636 89.6665 206.999C89.6665 214.363 95.636 220.333 103 220.333Z" stroke="black" stroke-width="2"></path><path d="M99.6665 205.934V208.068C99.6665 210.093 99.6665 211.106 100.274 211.516C100.882 211.925 101.713 211.472 103.375 210.566L105.333 209.499C107.333 208.409 108.333 207.864 108.333 207.001C108.333 206.137 107.333 205.592 105.333 204.502L103.375 203.435C101.713 202.529 100.882 202.076 100.274 202.486C99.6665 202.895 99.6665 203.908 99.6665 205.934Z" fill="black"></path></g>',3))])),e("span",c2,m(t(c)("music.noPlaylistsMessage")),1)]))])])):S("",!0)}},C2={key:0,class:"w-full h-[84%] absolute z-[100] bottom-0 bg-[#F2F2F7] dark:bg-[#1E1E1E] rounded-[20em]"},u2={class:"w-full h-[9.5%] flex justify-between items-center px-[5%] border-b border-black/10 dark:border-white/10"},f2={class:"text-[15em] font-['SFPRO'] font-[400] dark:text-white leading-[1]"},m2={class:"w-full h-[13.5%] flex items-center justify-center"},h2={class:"w-[90%] h-[55%] rounded-[15em] overflow-hidden flex dark:bg-[#FFFFFF0D] bg-black/5"},p2={class:"w-[14%] h-full flex items-center justify-center"},v2={class:"h-[45%]",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},g2=["fill"],w2={class:"w-[80%] h-full"},x2=["placeholder"],y2={class:"w-full h-[77%] flex flex-wrap content-start justify-center gap-y-[14em] overflow-auto no-scrollbar"},k2=["onClick"],_2={class:"w-[21%] h-full flex items-center justify-center"},b2=["src"],F2={class:"w-[61%] h-full flex items-center"},L2={class:"text-[12em] font-['SFPRO'] font-[400] text-[#00000099] dark:text-white leading-[1] truncate"},$2={class:"w-[14%] h-full flex items-center justify-center"},P2={class:"h-[60%] anim-hover-1",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M2=["fill"],S2=["fill"],H2={__name:"AddToPlaylist",props:{show:{type:Boolean,default:!1}},emits:["close","selectedAlbumID"],setup(g,{emit:u}){const n=q(),{t:l}=Y(),{DarkMode:c}=B(n),v=Q(),{ScrollPage:r}=B(v);N(()=>{c.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const _=g,x=u,f=d=>{const s=W["music/defplaylist.png"];s?(d.target.src=s,d.target.onerror=null):console.log("Fallback image not found! Check if music/defplaylist.png exists in images folder")},y=d=>{x("selectedAlbumID",d)};return(d,s)=>(o(),U(I1,{name:"slide-up"},{default:X(()=>[_.show?(o(),a("div",C2,[e("div",u2,[e("span",f2,m(t(l)("music.addToPlaylist")),1),e("span",{onClick:s[0]||(s[0]=h=>x("close")),class:"text-[15em] font-['SFPRO'] font-[400] text-[#0D71F0] leading-[1] cursor-pointer anim-hover-1"},m(t(l)("general.cancel")),1)]),e("div",m2,[e("div",h2,[e("div",p2,[(o(),a("svg",v2,[e("path",{d:"M0 9.70704C0 11.0451 0.253839 12.3 0.761516 13.4718C1.2692 14.6437 1.97339 15.6756 2.87411 16.5677C3.77483 17.4597 4.8168 18.1571 6.00001 18.6599C7.18323 19.1627 8.45037 19.414 9.80145 19.414C10.8659 19.414 11.8813 19.2518 12.8475 18.9275C13.8137 18.6031 14.6981 18.1571 15.5005 17.5894L21.5435 23.5863C21.6909 23.7243 21.8526 23.8277 22.0286 23.8966C22.2047 23.9655 22.391 24 22.5876 24C22.8659 24 23.1116 23.9371 23.3245 23.8114C23.5374 23.6857 23.7032 23.5134 23.8219 23.2945C23.9406 23.0755 24 22.8322 24 22.5646C24 22.37 23.9652 22.1875 23.8956 22.0172C23.826 21.8469 23.7257 21.6969 23.5948 21.5672L17.5886 15.5824C18.2191 14.7714 18.7124 13.8672 19.0686 12.8697C19.4248 11.8722 19.6029 10.818 19.6029 9.70704C19.6029 8.36897 19.349 7.11403 18.8414 5.94222C18.3337 4.7704 17.6295 3.73847 16.7288 2.84643C15.8281 1.95439 14.7861 1.25697 13.6029 0.754181C12.4197 0.251394 11.1525 0 9.80145 0C8.45037 0 7.18323 0.251394 6.00001 0.754181C4.8168 1.25697 3.77483 1.95439 2.87411 2.84643C1.97339 3.73847 1.2692 4.7704 0.761516 5.94222C0.253839 7.11403 0 8.36897 0 9.70704ZM2.10031 9.70704C2.10031 8.65281 2.29887 7.66548 2.69601 6.74505C3.09315 5.82463 3.64586 5.01368 4.35415 4.3122C5.06244 3.61074 5.88128 3.06335 6.81066 2.67004C7.74004 2.27673 8.73697 2.08008 9.80145 2.08008C10.8659 2.08008 11.8629 2.27673 12.7922 2.67004C13.7216 3.06335 14.5384 3.61074 15.2426 4.3122C15.9468 5.01368 16.4995 5.82463 16.9007 6.74505C17.302 7.66548 17.5026 8.65281 17.5026 9.70704C17.5026 10.7613 17.302 11.7486 16.9007 12.669C16.4995 13.5894 15.9468 14.3983 15.2426 15.0957C14.5384 15.7932 13.7216 16.3406 12.7922 16.7379C11.8629 17.1353 10.8659 17.334 9.80145 17.334C8.73697 17.334 7.74004 17.1353 6.81066 16.7379C5.88128 16.3406 5.06244 15.7932 4.35415 15.0957C3.64586 14.3983 3.09315 13.5894 2.69601 12.669C2.29887 11.7486 2.10031 10.7613 2.10031 9.70704Z",fill:t(c)?"white":"black","fill-opacity":"0.7"},null,8,g2)]))]),e("div",w2,[e("input",{type:"text",class:"w-full h-full bg-transparent text-[12em] placeholder:text-[#00000099] font-['SFPRO'] dark:placeholder:text-white/50 outline-none border-none dark:text-white",placeholder:t(l)("music.searchPlaylist")},null,8,x2)])])]),e("div",y2,[(o(!0),a(J,null,t1(t(r).myplaylists.loadedData,h=>(o(),a("div",{class:"w-[90%] h-[55em] flex dark:bg-[#FFFFFF0D] bg-black/5 overflow-hidden rounded-[15em] cursor-pointer",onClick:$=>y(h.id)},[e("div",_2,[e("img",{src:h.cover,onError:f,class:"h-[60%] w-[60%] object-cover rounded-[5em]",alt:""},null,40,b2)]),e("div",F2,[e("span",L2,m(h.name),1)]),e("div",$2,[(o(),a("svg",P2,[e("circle",{cx:"24",cy:"24",r:"24",fill:t(c)?"white":"black","fill-opacity":"0.05"},null,8,M2),e("circle",{cx:"24",cy:"24",r:"20",fill:t(c)?"#292929":"white"},null,8,S2),s[1]||(s[1]=e("path",{d:"M23.9999 32C23.5303 32 23.1572 31.8574 22.8805 31.5723C22.6037 31.2872 22.4653 30.9182 22.4653 30.4654V25.5346H17.5346C17.0817 25.5346 16.7127 25.3962 16.4276 25.1195C16.1425 24.8428 16 24.4696 16 24C16 23.5304 16.1425 23.1572 16.4276 22.8805C16.7127 22.6038 17.0817 22.4654 17.5346 22.4654H22.4653V17.5346C22.4653 17.0818 22.6037 16.7128 22.8805 16.4277C23.1572 16.1426 23.5303 16 23.9999 16C24.4696 16 24.8428 16.1426 25.1195 16.4277C25.3961 16.7128 25.5345 17.0818 25.5345 17.5346V22.4654H30.4654C30.9183 22.4654 31.2873 22.6038 31.5724 22.8805C31.8575 23.1572 32 23.5304 32 24C32 24.4696 31.8575 24.8428 31.5724 25.1195C31.2873 25.3962 30.9183 25.5346 30.4654 25.5346H25.5345V30.4654C25.5345 30.9182 25.3961 31.2872 25.1195 31.5723C24.8428 31.8574 24.4696 32 23.9999 32Z",fill:"#FF2641"},null,-1))]))])],8,k2))),256))])])):S("",!0)]),_:1}))}},E2=a1(H2,[["__scopeId","data-v-6a553f13"]]),D2={class:"w-full h-full absolute bg-[#F2F2F7] dark:bg-black"},V2={class:"w-full h-[45.3%] absolute z-[0] overflow-hidden",style:{filter:"blur(70px)",transform:"scale(1.5)"}},Z2=["src"],j2={class:"w-full h-[64.3%] absolute z-[0] overflow-hidden flex items-center justify-center"},B2={class:"w-[50%] rounded-[10em] h-[37%] shadow-[0px_0px_80.400001525878906px_0px_rgba(0,0,0,1)] overflow-hidden"},T2=["src"],I2={class:"w-full h-[11.5%] flex flex-row items-end justify-start relative"},A2={class:"w-[70%] flex items-center justify-center bordered"},R2={class:"text-[13em] text-white mb-[.2em] font-[400] font-['SFPRO']"},O2={class:"w-full h-[4.6%] flex justify-center relative"},N2={class:"w-[86%] h-full flex"},z2={class:"w-[73%] h-full flex flex-col justify-between"},U2={class:"text-[13em] font-['SFPRO'] font-[500] dark:text-white leading-[1] truncate"},q2={class:"text-[11em] font-['SFPRO'] font-[400] text-black/40 dark:text-white/50 leading-auto max-w-[90%] whitespace-nowrap overflow-hidden text-ellipsis block"},Y2={class:"w-[27%] h-full flex justify-between"},G2={key:0,class:"h-[45%]",viewBox:"0 0 20 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},X2={key:1,class:"h-[45%]",viewBox:"0 0 19 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},K2={class:"w-full h-[7%] flex items-end justify-center relative"},J2={class:"w-[86%] h-[60%] flex flex-col justify-between"},W2={class:"w-full h-[40%] flex justify-between"},Q2={class:"text-[11em] font-['SFPRO'] font-[400] text-[#00000099] dark:text-[#FFFFFF99] leading-[1]"},e3={class:"text-[11em] font-['SFPRO'] font-[400] text-[#00000099] dark:text-[#FFFFFF99] leading-[1]"},t3={class:"w-full h-[10.5%] flex items-end justify-center"},l3={class:"w-[66%] h-[45%] flex justify-between items-center"},s3=["fill"],o3=["fill"],i3=["fill"],a3=["fill"],n3=["fill"],r3={class:"w-full h-[7.3%] flex items-end justify-center"},c3={class:"w-[86%] h-[25%] flex justify-between items-center"},d3=["fill"],C3=["fill"],u3={class:"h-full",viewBox:"0 0 20 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},f3=["fill"],m3=["fill"],h3={class:"w-full h-[6.5%] flex items-end justify-center"},p3={key:0,class:"h-[60%]",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 20 20",fill:"none"},v3=["fill"],g3=["fill"],w3={key:1,class:"h-[65%]",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 20 20",fill:"none"},x3=["fill"],y3={class:"text-[11em] font-['SFPRO'] font-[400] ml-[1em] text-[#00000099] dark:text-white leading-[1]"},k3={__name:"MusicPlayer",props:{show:{type:Boolean,default:!1},videoData:{type:Object,default:()=>null}},emits:["changepage","goback"],setup(g,{emit:u}){const n=q(),l=Q(),{t:c}=Y(),{DarkMode:v}=B(n),{currentMusic:r,isPlaying:_,currentTime:x,duration:f,progressPercentage:y,volume:d,isSpeakerMode:s}=B(l),h=$1(()=>d.value*100),$=g,F=()=>{l.playNext()},k=()=>{x.value<3&&l.playPrevious()||l.seekTo(0)};N(()=>{v.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const H=P=>{const E=P.currentTarget.getBoundingClientRect(),b=(P.clientX-E.left)/E.width*100/100*f.value;l.seekTo(b)},Z=P=>{const E=P.currentTarget.getBoundingClientRect(),b=(P.clientX-E.left)/E.width*100/100;l.setVolume(b)};A1(()=>$.videoData,P=>{P&&l.loadMusic(P)},{immediate:!0}),o1(()=>{l.isPlayerReady||l.initPlayer()});const T=u,A=L(!1),M=()=>V(this,null,function*(){let P=yield R("LIKE_MUSIC",{music:r.value});P.success?P.action==="liked"?(r.value.isLiked=!0,l.ScrollPage.likedsongs.loadedData.find(G=>G.videoId===r.value.videoId)||l.ScrollPage.likedsongs.loadedData.unshift(L1(F1({},r.value),{id:P.likedMusicId||Date.now()})),n.TriggerNotification({appname:"music",header:c("music.title"),message:c("music.songAddedToLiked")})):P.action==="unliked"&&(r.value.isLiked=!1,l.ScrollPage.likedsongs.loadedData=l.ScrollPage.likedsongs.loadedData.filter(C=>C.videoId!==r.value.videoId),n.TriggerNotification({appname:"music",header:c("music.title"),message:c("music.songRemovedFromLiked")})):n.TriggerNotification({appname:"music",header:c("music.title"),message:c(P.message)})}),I=P=>V(this,null,function*(){let C=yield R("ADD_MUSIC_TO_PLAYLIST",{albumid:P,music:r.value});if(!C.success){n.TriggerNotification({appname:"music",header:c("music.title"),message:c(C.message)||c("music.failedToAddToPlaylist")});return}n.TriggerNotification({appname:"music",header:c("music.title"),message:c(C.message)||c("music.musicAddedToPlaylist")}),A.value=!1});return(P,C)=>(o(),a(J,null,[z(E2,{show:A.value,onSelectedAlbumID:I,onClose:C[0]||(C[0]=E=>A.value=!1)},null,8,["show"]),e("div",D2,[e("div",V2,[e("img",{src:t(r).thumbnail||t(W)["musicplayer.png"],class:"w-full h-full object-cover object-center",style:{transform:"scale(1.5)"},alt:""},null,8,Z2)]),e("div",j2,[e("div",B2,[e("img",{src:t(r).thumbnail||t(W)["musicplayer.png"],class:"w-full h-full object-cover object-center",style:{transform:"scale(1.4)"},alt:""},null,8,T2)])]),e("div",I2,[e("div",{onClick:C[1]||(C[1]=E=>T("goback")),class:"h-[29em] rounded-full aspect-square anim-hover-1 cursor-pointer flex items-center justify-center ml-[16em] bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)]"},C[6]||(C[6]=[e("svg",{class:"h-[35%]",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M6.49996 1L1.5 6L6.5 11",stroke:"#FF2641","stroke-width":"2","stroke-miterlimit":"16","stroke-linecap":"round"})],-1)])),e("div",A2,[e("span",R2,m(t(c)("music.nowPlaying")),1)])]),C[10]||(C[10]=e("div",{class:"w-full h-[49%] relative"},null,-1)),e("div",O2,[e("div",N2,[e("div",z2,[e("span",U2,m(t(r).title||"In the morning."),1),e("span",q2,m(t(r).author||"Monolink"),1)]),e("div",Y2,[e("div",{onClick:M,class:"h-full aspect-square cursor-pointer anim-hover-1 bg-white dark:bg-[#1e1e1e] rounded-full shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)] flex items-center justify-center"},[t(r).isLiked?(o(),a("svg",G2,C[7]||(C[7]=[e("path",{d:"M0.833496 6.1509C0.833496 7.43993 1.17967 8.71537 1.87201 9.9772C2.56437 11.239 3.5475 12.4675 4.82142 13.6627C6.09533 14.8579 7.60003 16.0002 9.33552 17.0895C9.43399 17.1501 9.5463 17.206 9.67247 17.2575C9.79863 17.3089 9.90786 17.3346 10.0002 17.3346C10.0986 17.3346 10.211 17.3089 10.3371 17.2575C10.4633 17.206 10.5756 17.1501 10.6741 17.0895C12.4096 16.0002 13.9127 14.8579 15.1836 13.6627C16.4544 12.4675 17.436 11.239 18.1283 9.9772C18.8207 8.71537 19.1668 7.43993 19.1668 6.1509C19.1668 5.34601 19.0361 4.6092 18.7745 3.94048C18.513 3.27176 18.1468 2.6923 17.676 2.2021C17.2052 1.7119 16.6513 1.33367 16.0144 1.06739C15.3774 0.801108 14.6835 0.667969 13.9327 0.667969C13.0773 0.667969 12.3126 0.85255 11.6388 1.22171C10.9648 1.59087 10.4186 2.08107 10.0002 2.6923C9.58785 2.08107 9.0432 1.59087 8.36624 1.22171C7.68927 0.85255 6.92308 0.667969 6.06764 0.667969C5.32299 0.667969 4.63218 0.801108 3.99522 1.06739C3.35825 1.33367 2.80284 1.7119 2.32897 2.2021C1.85509 2.6923 1.48738 3.27176 1.22583 3.94048C0.964273 4.6092 0.833496 5.34601 0.833496 6.1509ZM2.31974 6.1509C2.31974 5.34601 2.48129 4.64249 2.80438 4.04033C3.12748 3.43818 3.57058 2.96916 4.13368 2.63329C4.6968 2.29742 5.3353 2.12948 6.04918 2.12948C6.62768 2.12948 7.12925 2.23085 7.55389 2.43358C7.97852 2.63632 8.33854 2.88898 8.63394 3.19157C8.92934 3.49416 9.17551 3.79675 9.37245 4.09934C9.50168 4.28089 9.61092 4.40344 9.70016 4.46699C9.78939 4.53053 9.8894 4.56231 10.0002 4.56231C10.111 4.56231 10.2094 4.52902 10.2956 4.46244C10.3818 4.39588 10.4925 4.27484 10.6279 4.09934C10.8372 3.8028 11.091 3.50172 11.3895 3.19611C11.688 2.8905 12.0449 2.63632 12.4603 2.43358C12.8757 2.23085 13.3727 2.12948 13.9512 2.12948C14.6651 2.12948 15.3036 2.29742 15.8666 2.63329C16.4298 2.96916 16.8729 3.43818 17.196 4.04033C17.5191 4.64249 17.6807 5.34601 17.6807 6.1509C17.6807 6.9921 17.4745 7.84389 17.0621 8.70627C16.6498 9.56868 16.0913 10.4144 15.3866 11.2435C14.682 12.0726 13.8819 12.8638 12.9865 13.6173C12.091 14.3708 11.1602 15.0622 10.194 15.6916C10.0894 15.7642 10.0248 15.8005 10.0002 15.8005C9.97556 15.8005 9.91401 15.7642 9.81555 15.6916C8.84934 15.0622 7.91852 14.3708 7.02308 13.6173C6.12764 12.8638 5.32606 12.0726 4.61833 11.2435C3.9106 10.4144 3.35056 9.56868 2.93823 8.70627C2.5259 7.84389 2.31974 6.9921 2.31974 6.1509Z",fill:"#FF2641"},null,-1),e("path",{d:"M2.31974 6.1509C2.31974 5.34601 2.48129 4.64249 2.80438 4.04033C3.12748 3.43818 3.57058 2.96916 4.13368 2.63329C4.6968 2.29742 5.3353 2.12948 6.04918 2.12948C6.62768 2.12948 7.12925 2.23085 7.55389 2.43358C7.97852 2.63632 8.33854 2.88898 8.63394 3.19157C8.92934 3.49416 9.17551 3.79675 9.37245 4.09934C9.50168 4.28089 9.61092 4.40344 9.70016 4.46699C9.78939 4.53053 9.8894 4.56231 10.0002 4.56231C10.111 4.56231 10.2094 4.52902 10.2956 4.46244C10.3818 4.39588 10.4925 4.27484 10.6279 4.09934C10.8372 3.8028 11.091 3.50172 11.3895 3.19611C11.688 2.8905 12.0449 2.63632 12.4603 2.43358C12.8757 2.23085 13.3727 2.12948 13.9512 2.12948C14.6651 2.12948 15.3036 2.29742 15.8666 2.63329C16.4298 2.96916 16.8729 3.43818 17.196 4.04033C17.5191 4.64249 17.6807 5.34601 17.6807 6.1509C17.6807 6.9921 17.4745 7.84389 17.0621 8.70627C16.6498 9.56868 16.0913 10.4144 15.3866 11.2435C14.682 12.0726 13.8819 12.8638 12.9865 13.6173C12.091 14.3708 11.1602 15.0622 10.194 15.6916C10.0894 15.7642 10.0248 15.8005 10.0002 15.8005C9.97556 15.8005 9.91401 15.7642 9.81555 15.6916C8.84934 15.0622 7.91852 14.3708 7.02308 13.6173C6.12764 12.8638 5.32606 12.0726 4.61833 11.2435C3.9106 10.4144 3.35056 9.56868 2.93823 8.70627C2.5259 7.84389 2.31974 6.9921 2.31974 6.1509Z",fill:"#FF2641"},null,-1)]))):(o(),a("svg",X2,C[8]||(C[8]=[e("path",{d:"M0 5.48293C0 6.77197 0.346173 8.0474 1.03852 9.30923C1.73087 10.571 2.714 11.7995 3.98792 12.9947C5.26184 14.19 6.76654 15.3322 8.50203 16.4215C8.60049 16.4821 8.71281 16.5381 8.83897 16.5895C8.96513 16.641 9.07437 16.6667 9.16669 16.6667C9.26515 16.6667 9.37746 16.641 9.50361 16.5895C9.62978 16.5381 9.74211 16.4821 9.84061 16.4215C11.5761 15.3322 13.0792 14.19 14.3501 12.9947C15.6209 11.7995 16.6025 10.571 17.2948 9.30923C17.9872 8.0474 18.3333 6.77197 18.3333 5.48293C18.3333 4.67804 18.2026 3.94123 17.941 3.27251C17.6795 2.60379 17.3133 2.02433 16.8425 1.53413C16.3717 1.04394 15.8178 0.665699 15.1809 0.399418C14.5439 0.133139 13.85 0 13.0992 0C12.2438 0 11.4791 0.184581 10.8053 0.553743C10.1313 0.922901 9.58515 1.4131 9.16669 2.02433C8.75435 1.4131 8.2097 0.922901 7.53274 0.553743C6.85578 0.184581 6.08958 0 5.23415 0C4.48949 0 3.79868 0.133139 3.16172 0.399418C2.52476 0.665699 1.96934 1.04394 1.49547 1.53413C1.0216 2.02433 0.653884 2.60379 0.39233 3.27251C0.130777 3.94123 0 4.67804 0 5.48293ZM1.48624 5.48293C1.48624 4.67804 1.64779 3.97452 1.97088 3.37236C2.29398 2.77021 2.73708 2.3012 3.30019 1.96532C3.8633 1.62945 4.5018 1.46151 5.21569 1.46151C5.79418 1.46151 6.29575 1.56288 6.72039 1.76562C7.14503 1.96835 7.50504 2.22101 7.80045 2.5236C8.09585 2.82619 8.34202 3.12878 8.53895 3.43137C8.66819 3.61293 8.77743 3.73548 8.86666 3.79902C8.9559 3.86257 9.0559 3.89434 9.16669 3.89434C9.27746 3.89434 9.37594 3.86105 9.46211 3.79448C9.54826 3.72791 9.65902 3.60687 9.79438 3.43137C10.0037 3.13483 10.2575 2.83375 10.556 2.52814C10.8545 2.22253 11.2114 1.96835 11.6268 1.76562C12.0422 1.56288 12.5392 1.46151 13.1177 1.46151C13.8316 1.46151 14.4701 1.62945 15.0332 1.96532C15.5963 2.3012 16.0394 2.77021 16.3625 3.37236C16.6856 3.97452 16.8472 4.67804 16.8472 5.48293C16.8472 6.32413 16.641 7.17592 16.2287 8.0383C15.8163 8.90071 15.2578 9.74646 14.5531 10.5756C13.8485 11.4046 13.0484 12.1959 12.153 12.9494C11.2575 13.7028 10.3267 14.3942 9.36053 15.0236C9.25592 15.0962 9.1913 15.1325 9.16669 15.1325C9.14206 15.1325 9.08052 15.0962 8.98205 15.0236C8.01584 14.3942 7.08502 13.7028 6.18959 12.9494C5.29415 12.1959 4.49257 11.4046 3.78484 10.5756C3.0771 9.74646 2.51707 8.90071 2.10473 8.0383C1.69241 7.17592 1.48624 6.32413 1.48624 5.48293Z",fill:"#FF2641"},null,-1)])))]),e("div",{onClick:C[2]||(C[2]=E=>A.value=!0),class:"h-full cursor-pointer anim-hover-1 aspect-square flex dark:bg-[#1e1e1e] items-center justify-center bg-white rounded-full shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)]"},C[9]||(C[9]=[e("svg",{class:"h-[40%]",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M7.99987 16C7.53033 16 7.15722 15.8574 6.88055 15.5723C6.6037 15.2872 6.46528 14.9182 6.46528 14.4654V9.53458H1.5346C1.08172 9.53458 0.712728 9.39622 0.427638 9.1195C0.142548 8.84277 0 8.4696 0 8C0 7.53039 0.142548 7.15723 0.427638 6.8805C0.712728 6.60376 1.08172 6.46539 1.5346 6.46539H6.46528V1.53458C6.46528 1.08176 6.6037 0.712781 6.88055 0.427659C7.15722 0.142553 7.53033 0 7.99987 0C8.46958 0 8.84278 0.142553 9.11945 0.427659C9.39613 0.712781 9.53446 1.08176 9.53446 1.53458V6.46539H14.4654C14.9183 6.46539 15.2873 6.60376 15.5724 6.8805C15.8575 7.15723 16 7.53039 16 8C16 8.4696 15.8575 8.84277 15.5724 9.1195C15.2873 9.39622 14.9183 9.53458 14.4654 9.53458H9.53446V14.4654C9.53446 14.9182 9.39613 15.2872 9.11945 15.5723C8.84278 15.8574 8.46958 16 7.99987 16Z",fill:"#FF2641"})],-1)]))])])]),e("div",K2,[e("div",J2,[e("div",{class:"w-full h-[26%] hover:bg-black/20 dark:hover:bg-white/20 transition-color duration-300 rounded-full bg-[#0000001A] dark:bg-[#FFFFFF1A] cursor-pointer",onClick:H},[e("div",{style:n1({width:t(y)+"%"}),class:"h-full rounded-tl-full rounded-bl-full bg-black dark:bg-white transition-all duration-300 pointer-events-none"},null,4)]),e("div",W2,[e("span",Q2,m(t(l).formatTime(t(x))),1),e("span",e3,m(t(l).formatTime(t(f))),1)])])]),e("div",t3,[e("div",l3,[(o(),a("svg",{class:"h-[50%] anim-hover-1 cursor-pointer",onClick:k,viewBox:"0 0 44 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.11188 8.76283C4.08888 7.90737 5.41608 6.94887 7.06948 5.75473C9.33908 4.11559 11.2623 2.72657 12.7309 1.86531C14.1967 1.00569 15.5931 0.41833 17.0323 0.50927C18.9271 0.62901 20.6911 1.51979 21.9067 2.97545C22.8317 4.08309 23.1753 5.55637 23.3375 7.24039C23.3751 7.63045 23.4039 8.04801 23.4261 8.49397C24.3669 7.70659 25.5871 6.82539 27.0695 5.75473C29.339 4.11559 31.2622 2.72657 32.7308 1.86531C34.1967 1.00569 35.593 0.41833 37.0322 0.50927C38.9271 0.62901 40.6911 1.51979 41.9067 2.97545C42.8317 4.08309 43.1753 5.55637 43.3375 7.24039C43.5 8.92749 43.5 11.1294 43.5 13.9152V14.0846C43.5 16.8704 43.5 19.0724 43.3375 20.7596C43.1753 22.4436 42.8317 23.9168 41.9067 25.0246C40.6911 26.4802 38.9271 27.371 37.0322 27.4906C35.593 27.5816 34.1967 26.9942 32.7308 26.1346C31.2622 25.2734 29.339 23.8844 27.0696 22.2454C25.5872 21.1748 24.3669 20.2934 23.4261 19.506C23.4039 19.952 23.3751 20.3696 23.3375 20.7596C23.1753 22.4436 22.8317 23.9168 21.9067 25.0246C20.6911 26.4802 18.9271 27.371 17.0323 27.4906C15.5931 27.5816 14.1967 26.9942 12.7309 26.1346C11.2623 25.2734 9.33908 23.8844 7.06948 22.2454C5.41608 21.0512 4.08888 20.0926 3.11188 19.2372C2.11608 18.3652 1.32767 17.471 0.917477 16.3518C0.360878 14.8328 0.360878 13.1672 0.917477 11.6482C1.32767 10.529 2.11608 9.63471 3.11188 8.76283Z",fill:t(v)?"#FFFFFF50":"#00000050"},null,8,s3)])),(o(),a("svg",{onClick:C[3]||(C[3]=(...E)=>t(l).togglePlayPause&&t(l).togglePlayPause(...E)),class:"h-[90%] anim-hover-1 c cursor-pointer",viewBox:"0 0 56 56",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[t(_)?(o(),a("path",{key:0,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.5835 11.6654C7.5835 9.4102 9.41166 7.58203 11.6668 7.58203H21.0002C23.2553 7.58203 25.0835 9.4102 25.0835 11.6654V44.332C25.0835 46.5872 23.2553 48.4154 21.0002 48.4154H11.6668C9.41166 48.4154 7.5835 46.5872 7.5835 44.332V11.6654Z",fill:t(v)?"#FFFFFF":"#000000"},null,8,o3)):S("",!0),t(_)?(o(),a("path",{key:1,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M30.9165 11.6654C30.9165 9.4102 32.7447 7.58203 34.9998 7.58203H44.3332C46.5883 7.58203 48.4165 9.4102 48.4165 11.6654V44.332C48.4165 46.5872 46.5883 48.4154 44.3332 48.4154H34.9998C32.7447 48.4154 30.9165 46.5872 30.9165 44.332V11.6654Z",fill:t(v)?"#FFFFFF":"#000000"},null,8,i3)):S("",!0),t(_)?S("",!0):(o(),a("path",{key:2,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M17.6667 10.8013C17.6667 8.78138 19.8929 7.48854 21.6288 8.49851L44.2955 22.6972C46.0314 23.7072 46.0314 26.2928 44.2955 27.3028L21.6288 41.5015C19.8929 42.5115 17.6667 41.2186 17.6667 39.1987V10.8013Z",fill:t(v)?"#FFFFFF":"#000000"},null,8,a3))])),(o(),a("svg",{class:"h-[50%] anim-hover-1 c cursor-pointer",onClick:F,viewBox:"0 0 44 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M40.8881 8.76283C39.9111 7.90737 38.5839 6.94887 36.9305 5.75473C34.6609 4.11559 32.7377 2.72657 31.2691 1.86531C29.8033 1.00569 28.4069 0.41833 26.9677 0.50927C25.0729 0.62901 23.3089 1.51979 22.0933 2.97545C21.1683 4.08309 20.8247 5.55637 20.6625 7.24039C20.6249 7.63045 20.5961 8.04801 20.5739 8.49397C19.6331 7.70659 18.4129 6.82539 16.9305 5.75473C14.661 4.11559 12.7378 2.72657 11.2692 1.86531C9.80334 1.00569 8.40696 0.41833 6.9678 0.50927C5.07286 0.62901 3.30888 1.51979 2.0933 2.97545C1.16832 4.08309 0.8247 5.55637 0.66248 7.24039C0.49998 8.92749 0.49998 11.1294 0.5 13.9152V14.0846C0.49998 16.8704 0.49998 19.0724 0.66248 20.7596C0.8247 22.4436 1.16832 23.9168 2.0933 25.0246C3.30888 26.4802 5.07286 27.371 6.9678 27.4906C8.40696 27.5816 9.80334 26.9942 11.2692 26.1346C12.7378 25.2734 14.661 23.8844 16.9304 22.2454C18.4128 21.1748 19.6331 20.2934 20.5739 19.506C20.5961 19.952 20.6249 20.3696 20.6625 20.7596C20.8247 22.4436 21.1683 23.9168 22.0933 25.0246C23.3089 26.4802 25.0729 27.371 26.9677 27.4906C28.4069 27.5816 29.8033 26.9942 31.2691 26.1346C32.7377 25.2734 34.6609 23.8844 36.9305 22.2454C38.5839 21.0512 39.9111 20.0926 40.8881 19.2372C41.8839 18.3652 42.6723 17.471 43.0825 16.3518C43.6391 14.8328 43.6391 13.1672 43.0825 11.6482C42.6723 10.529 41.8839 9.63471 40.8881 8.76283Z",fill:t(v)?"#FFFFFF50":"#00000050"},null,8,n3)]))])]),e("div",r3,[e("div",c3,[(o(),a("svg",{class:"h-full cursor-pointer",onClick:C[4]||(C[4]=E=>t(l).setVolume(t(d)>0?0:.5)),viewBox:"0 0 11 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[t(d)>0?(o(),a("path",{key:0,d:"M2.50888 10.0675H4.85804C4.9347 10.0675 5.00041 10.0902 5.05517 10.1355L8.75962 13.1892C8.95675 13.3505 9.13881 13.4701 9.3058 13.5483C9.47284 13.6263 9.65494 13.6654 9.85209 13.6654C10.1204 13.6654 10.3422 13.5847 10.5174 13.4235C10.6926 13.2622 10.7802 13.0607 10.7802 12.8188V1.22395C10.7802 0.977031 10.6913 0.76665 10.5133 0.592803C10.3353 0.418955 10.1094 0.332031 9.83561 0.332031C9.63851 0.332031 9.46466 0.374863 9.31404 0.460527C9.16346 0.546191 8.97865 0.677207 8.75962 0.853574L5.05517 3.87701C5.00589 3.92236 4.94018 3.94503 4.85804 3.94503H2.50888C1.95034 3.94503 1.53143 4.07731 1.25216 4.34186C0.972887 4.60641 0.833252 5.01332 0.833252 5.56258V8.45751C0.833252 9.00173 0.972887 9.40612 1.25216 9.67067C1.53143 9.93523 1.95034 10.0675 2.50888 10.0675ZM2.56638 8.96393C2.41305 8.96393 2.29942 8.9312 2.2255 8.86572C2.15158 8.80018 2.11461 8.69688 2.11461 8.55581V5.46431C2.11461 5.32322 2.15158 5.21866 2.2255 5.15063C2.29942 5.08261 2.41305 5.0486 2.56638 5.0486H5.19481C5.29885 5.0486 5.39467 5.036 5.48229 5.0108C5.5699 4.98561 5.66025 4.93269 5.75335 4.85207L9.25248 1.92689C9.27435 1.90674 9.29624 1.89162 9.31817 1.88154C9.34009 1.87147 9.36474 1.86643 9.3921 1.86643C9.46326 1.86643 9.49883 1.9017 9.49883 1.97225V12.0176C9.49883 12.0932 9.46326 12.131 9.3921 12.131C9.34831 12.131 9.30448 12.1108 9.26064 12.0705L5.75335 9.16045C5.66025 9.08486 5.5699 9.03321 5.48229 9.0055C5.39467 8.97779 5.29885 8.96393 5.19481 8.96393H2.56638Z",fill:t(v)?"#FFFFFF50":"#00000050"},null,8,d3)):(o(),a("path",{key:1,d:"M2.50888 10.0675H4.85804C4.9347 10.0675 5.00041 10.0902 5.05517 10.1355L8.75962 13.1892C8.95675 13.3505 9.13881 13.4701 9.3058 13.5483C9.47284 13.6263 9.65494 13.6654 9.85209 13.6654C10.1204 13.6654 10.3422 13.5847 10.5174 13.4235C10.6926 13.2622 10.7802 13.0607 10.7802 12.8188V1.22395C10.7802 0.977031 10.6913 0.76665 10.5133 0.592803C10.3353 0.418955 10.1094 0.332031 9.83561 0.332031C9.63851 0.332031 9.46466 0.374863 9.31404 0.460527C9.16346 0.546191 8.97865 0.677207 8.75962 0.853574L5.05517 3.87701C5.00589 3.92236 4.94018 3.94503 4.85804 3.94503H2.50888C1.95034 3.94503 1.53143 4.07731 1.25216 4.34186C0.972887 4.60641 0.833252 5.01332 0.833252 5.56258V8.45751C0.833252 9.00173 0.972887 9.40612 1.25216 9.67067C1.53143 9.93523 1.95034 10.0675 2.50888 10.0675Z",fill:(t(v),"#FF264150")},null,8,C3))])),e("div",{class:"flex-1 h-[50%] bg-[#0000001A] dark:bg-[#FFFFFF1A] rounded-full hover:bg-black/20 dark:hover:bg-white/20 transition-color duration-300 mx-[10em] cursor-pointer",onClick:Z},[e("div",{style:n1({width:h.value+"%"}),class:"h-full rounded-tl-full rounded-bl-full bg-black dark:bg-white transition-all duration-150"},null,4)]),(o(),a("svg",u3,[e("path",{d:"M2.50912 10.0675H4.85829C4.93495 10.0675 5.00066 10.0902 5.05541 10.1355L8.75986 13.1892C8.95699 13.3505 9.13905 13.4701 9.30605 13.5483C9.47309 13.6263 9.65519 13.6654 9.85234 13.6654C10.1206 13.6654 10.3424 13.5847 10.5176 13.4235C10.6929 13.2622 10.7805 13.0607 10.7805 12.8188V1.22395C10.7805 0.977031 10.6915 0.76665 10.5135 0.592803C10.3355 0.418955 10.1097 0.332031 9.83585 0.332031C9.63876 0.332031 9.4649 0.374863 9.31429 0.460527C9.1637 0.546191 8.9789 0.677207 8.75986 0.853574L5.05541 3.87701C5.00613 3.92236 4.94042 3.94503 4.85829 3.94503H2.50912C1.95058 3.94503 1.53167 4.07731 1.2524 4.34186C0.973132 4.60641 0.833496 5.01332 0.833496 5.56258V8.45751C0.833496 9.00173 0.973132 9.40612 1.2524 9.67067C1.53167 9.93523 1.95058 10.0675 2.50912 10.0675ZM2.56662 8.96394C2.41329 8.96394 2.29967 8.9312 2.22574 8.86571C2.15182 8.80018 2.11486 8.69688 2.11486 8.55581V5.46431C2.11486 5.32322 2.15182 5.21866 2.22574 5.15063C2.29967 5.08261 2.41329 5.0486 2.56662 5.0486H5.19505C5.29909 5.0486 5.39492 5.036 5.48253 5.0108C5.57015 4.98561 5.6605 4.93269 5.75359 4.85207L9.25272 1.92689C9.27459 1.90674 9.29649 1.89162 9.31841 1.88154C9.34034 1.87147 9.36498 1.86643 9.39234 1.86643C9.4635 1.86643 9.49908 1.9017 9.49908 1.97225V12.0176C9.49908 12.0932 9.4635 12.131 9.39234 12.131C9.34855 12.131 9.30473 12.1108 9.26088 12.0705L5.75359 9.16045C5.6605 9.08486 5.57015 9.03321 5.48253 9.0055C5.39492 8.97779 5.29909 8.96394 5.19505 8.96394H2.56662ZM13.5485 10.2111C13.6909 10.2968 13.847 10.3258 14.0167 10.298C14.1865 10.2703 14.3261 10.1834 14.4357 10.0372C14.7533 9.65427 15.001 9.19572 15.179 8.66161C15.3569 8.12746 15.4459 7.57064 15.4459 6.99115C15.4459 6.41166 15.3569 5.85484 15.179 5.3207C15.001 4.78656 14.7533 4.328 14.4357 3.94503C14.3261 3.7989 14.1865 3.71072 14.0167 3.68049C13.847 3.65025 13.6909 3.68048 13.5485 3.77119C13.3843 3.87701 13.2898 4.01432 13.2652 4.18313C13.2405 4.35194 13.2939 4.51445 13.4253 4.67066C13.6663 4.973 13.8511 5.32574 13.9798 5.72886C14.1085 6.13199 14.1728 6.55275 14.1728 6.99115C14.1728 7.42955 14.1071 7.84906 13.9757 8.24969C13.8442 8.65026 13.6608 9.00424 13.4253 9.31162C13.2994 9.47287 13.2474 9.63664 13.2693 9.80295C13.2912 9.96926 13.3843 10.1053 13.5485 10.2111ZM16.5958 12.1839C16.7492 12.2746 16.9108 12.3061 17.0805 12.2784C17.2502 12.2506 17.3899 12.1637 17.4994 12.0176C18.0251 11.3525 18.4344 10.5815 18.7274 9.70465C19.0203 8.82787 19.1668 7.92337 19.1668 6.99115C19.1668 6.05892 19.0217 5.15189 18.7315 4.27006C18.4412 3.38822 18.0306 2.61976 17.4994 1.96469C17.3899 1.81856 17.2502 1.73037 17.0805 1.70013C16.9108 1.6699 16.7492 1.70266 16.5958 1.7984C16.448 1.89414 16.3618 2.02137 16.3371 2.18011C16.3125 2.33884 16.3604 2.49631 16.4809 2.65252C16.9299 3.23705 17.2776 3.90472 17.5241 4.65554C17.7705 5.40636 17.8937 6.1849 17.8937 6.99115C17.8937 7.79741 17.7691 8.57469 17.52 9.32299C17.2708 10.0713 16.9244 10.7402 16.4809 11.3298C16.3659 11.486 16.3193 11.6435 16.3412 11.8022C16.3632 11.9609 16.448 12.0882 16.5958 12.1839Z",fill:t(v)?"#FFFFFF50":"#00000050"},null,8,f3),e("path",{d:"M2.56662 8.96394C2.41329 8.96394 2.29967 8.9312 2.22574 8.86571C2.15182 8.80018 2.11486 8.69688 2.11486 8.55581V5.46431C2.11486 5.32322 2.15182 5.21866 2.22574 5.15063C2.29967 5.08261 2.41329 5.0486 2.56662 5.0486H5.19505C5.29909 5.0486 5.39492 5.036 5.48253 5.0108C5.57015 4.98561 5.6605 4.93269 5.75359 4.85207L9.25272 1.92689C9.27459 1.90674 9.29649 1.89162 9.31841 1.88154C9.34034 1.87147 9.36498 1.86643 9.39234 1.86643C9.4635 1.86643 9.49908 1.9017 9.49908 1.97225V12.0176C9.49908 12.0932 9.4635 12.131 9.39234 12.131C9.34855 12.131 9.30473 12.1108 9.26088 12.0705L5.75359 9.16045C5.6605 9.08486 5.57015 9.03321 5.48253 9.0055C5.39492 8.97779 5.29909 8.96394 5.19505 8.96394H2.56662Z",fill:t(v)?"#FFFFFF50":"#00000050"},null,8,m3)]))])]),e("div",h3,[e("div",{onClick:C[5]||(C[5]=E=>t(l).toggleSpeakerMode()),class:"inline-flex h-[65%] items-center px-[10em] rounded-[10em] outline outline-1 outline-offset-[-1px] outline-black/5 dark:outline-white/20 cursor-pointer hover:bg-black/5 dark:hover:bg-white/10 transition-all"},[t(s)?(o(),a("svg",p3,[e("path",{d:"M3.36811 12.5287H5.28615C5.34874 12.5287 5.40239 12.5474 5.4471 12.5846L8.47169 15.0939C8.63265 15.2264 8.7813 15.3247 8.91764 15.3889C9.05403 15.4531 9.20271 15.4852 9.36368 15.4852C9.58275 15.4852 9.76382 15.419 9.90689 15.2865C10.05 15.154 10.1215 14.9883 10.1215 14.7896V5.26182C10.1215 5.05892 10.0488 4.88605 9.90352 4.74319C9.75821 4.60034 9.57377 4.52891 9.35022 4.52891C9.18929 4.52891 9.04734 4.56411 8.92437 4.6345C8.80142 4.70489 8.65053 4.81255 8.47169 4.95748L5.4471 7.4419C5.40686 7.47916 5.35321 7.4978 5.28615 7.4978H3.36811C2.91207 7.4978 2.57005 7.60649 2.34203 7.82387C2.11401 8.04126 2 8.37562 2 8.82696V11.2058C2 11.653 2.11401 11.9853 2.34203 12.2026C2.57005 12.42 2.91207 12.5287 3.36811 12.5287ZM3.41506 11.622C3.28987 11.622 3.1971 11.595 3.13674 11.5412C3.07638 11.4873 3.0462 11.4025 3.0462 11.2865V8.74622C3.0462 8.63028 3.07638 8.54436 3.13674 8.48846C3.1971 8.43256 3.28987 8.40461 3.41506 8.40461H5.56111C5.64606 8.40461 5.72429 8.39426 5.79583 8.37355C5.86737 8.35285 5.94114 8.30937 6.01714 8.24312L8.8741 5.83945C8.89196 5.82288 8.90984 5.81046 8.92774 5.80218C8.94564 5.7939 8.96576 5.78976 8.9881 5.78976C9.0462 5.78976 9.07525 5.81874 9.07525 5.87671V14.1312C9.07525 14.1933 9.0462 14.2244 8.9881 14.2244C8.95234 14.2244 8.91656 14.2078 8.88076 14.1747L6.01714 11.7834C5.94114 11.7213 5.86737 11.6789 5.79583 11.6561C5.72429 11.6333 5.64606 11.622 5.56111 11.622H3.41506ZM12.3815 12.6468C12.4978 12.7172 12.6252 12.741 12.7638 12.7182C12.9024 12.6954 13.0164 12.624 13.1058 12.5039C13.3652 12.1892 13.5675 11.8124 13.7128 11.3735C13.8581 10.9346 13.9307 10.477 13.9307 10.0009C13.9307 9.52467 13.8581 9.06712 13.7128 8.62821C13.5675 8.18929 13.3652 7.81249 13.1058 7.4978C13.0164 7.37772 12.9024 7.30525 12.7638 7.28041C12.6252 7.25557 12.4978 7.28041 12.3815 7.35494C12.2474 7.4419 12.1703 7.55473 12.1502 7.69345C12.13 7.83216 12.1736 7.96569 12.2809 8.09406C12.4777 8.3425 12.6286 8.63235 12.7336 8.96361C12.8387 9.29486 12.8912 9.64061 12.8912 10.0009C12.8912 10.3611 12.8376 10.7058 12.7303 11.035C12.623 11.3642 12.4732 11.6551 12.2809 11.9077C12.1781 12.0402 12.1356 12.1747 12.1535 12.3113C12.1714 12.448 12.2474 12.5598 12.3815 12.6468ZM14.8696 14.2678C14.9948 14.3424 15.1267 14.3683 15.2653 14.3455C15.4039 14.3227 15.5179 14.2513 15.6074 14.1312C16.0366 13.5846 16.3708 12.9511 16.6099 12.2306C16.8491 11.5102 16.9687 10.7669 16.9687 10.0009C16.9687 9.23482 16.8503 8.48949 16.6133 7.76487C16.3763 7.04025 16.041 6.40879 15.6074 5.8705C15.5179 5.75042 15.4039 5.67796 15.2653 5.65312C15.1267 5.62827 14.9948 5.65518 14.8696 5.73386C14.7489 5.81253 14.6785 5.91709 14.6584 6.04752C14.6383 6.17795 14.6774 6.30734 14.7757 6.43571C15.1423 6.91603 15.4263 7.46467 15.6275 8.08164C15.8286 8.6986 15.9292 9.33834 15.9292 10.0009C15.9292 10.6634 15.8275 11.302 15.6241 11.9169C15.4207 12.5318 15.1379 13.0815 14.7757 13.566C14.6818 13.6943 14.6438 13.8237 14.6617 13.9542C14.6796 14.0846 14.7489 14.1892 14.8696 14.2678ZM17.3845 15.9138C17.5007 15.9924 17.6304 16.0173 17.7735 15.9883C17.9166 15.9593 18.0328 15.8827 18.1223 15.7585C18.5157 15.2326 18.8521 14.6643 19.1316 14.0536C19.411 13.4428 19.6256 12.7979 19.7754 12.1188C19.9251 11.4397 20 10.7337 20 10.0009C20 9.26795 19.924 8.56196 19.772 7.88288C19.62 7.2038 19.4032 6.55889 19.1215 5.94814C18.8398 5.33739 18.5067 4.76908 18.1223 4.24321C18.0328 4.11484 17.9166 4.03721 17.7735 4.01029C17.6304 3.98338 17.5007 4.00926 17.3845 4.08793C17.2593 4.1666 17.1878 4.27219 17.1699 4.40469C17.152 4.53719 17.1901 4.66763 17.284 4.79599C17.6282 5.27217 17.9266 5.78458 18.1793 6.33322C18.4318 6.88187 18.6274 7.46363 18.7661 8.07853C18.9047 8.69342 18.9739 9.3342 18.9739 10.0009C18.9739 10.6634 18.9047 11.302 18.7661 11.9169C18.6274 12.5318 18.4318 13.1157 18.1793 13.6685C17.9266 14.2212 17.6282 14.7337 17.284 15.2057C17.1901 15.3299 17.152 15.4593 17.1699 15.5939C17.1878 15.7285 17.2593 15.8351 17.3845 15.9138Z",fill:t(v)?"#FFFFFF50":"#00000050"},null,8,v3),e("path",{d:"M3.41506 11.622C3.28987 11.622 3.1971 11.595 3.13674 11.5412C3.07638 11.4873 3.0462 11.4025 3.0462 11.2865V8.74622C3.0462 8.63028 3.07638 8.54436 3.13674 8.48846C3.1971 8.43256 3.28987 8.40461 3.41506 8.40461H5.56111C5.64606 8.40461 5.72429 8.39426 5.79583 8.37355C5.86737 8.35285 5.94114 8.30937 6.01714 8.24312L8.8741 5.83945C8.89196 5.82288 8.90984 5.81046 8.92774 5.80218C8.94564 5.7939 8.96576 5.78976 8.9881 5.78976C9.0462 5.78976 9.07525 5.81874 9.07525 5.87671V14.1312C9.07525 14.1933 9.0462 14.2244 8.9881 14.2244C8.95234 14.2244 8.91656 14.2078 8.88076 14.1747L6.01714 11.7834C5.94114 11.7213 5.86737 11.6789 5.79583 11.6561C5.72429 11.6333 5.64606 11.622 5.56111 11.622H3.41506Z",fill:t(v)?"#FFFFFF50":"#00000050"},null,8,g3)])):(o(),a("svg",w3,[e("path",{d:"M6.57925 3.33229C6.16637 3.32727 5.74378 3.3951 5.31148 3.53579C4.87918 3.67648 4.46509 3.89255 4.06922 4.18398C3.67335 4.47542 3.32241 4.84473 3.0164 5.29193C2.9484 5.38238 2.88161 5.48161 2.81603 5.58965C2.75046 5.69768 2.6861 5.82706 2.62295 5.97781C3.14754 6.07328 3.62721 6.28431 4.06194 6.61092C4.49667 6.93753 4.84275 7.33825 5.10019 7.81308C5.35763 8.28792 5.48635 8.79416 5.48635 9.3318C5.48635 9.78403 5.4062 10.2036 5.24591 10.5905C5.72679 10.5201 6.12994 10.4285 6.45538 10.3154C6.78082 10.2023 7.07955 10.0654 7.35156 9.90462C7.95389 9.54787 8.46269 9.0768 8.87796 8.49142C9.29328 7.90604 9.50094 7.1963 9.50094 6.3622C9.50094 5.71903 9.36978 5.17259 9.10746 4.72288C8.84519 4.27317 8.49303 3.93023 8.051 3.69407C7.60899 3.45791 7.11841 3.33732 6.57925 3.33229ZM6.8634 6.5657C6.79054 6.63102 6.70553 6.65991 6.60839 6.65237C6.51124 6.64484 6.4311 6.60087 6.36795 6.52048C6.30481 6.44008 6.27809 6.35089 6.2878 6.25291C6.29752 6.15493 6.34124 6.07328 6.41896 6.00795L7.49002 5.07336C7.56284 5.00803 7.64662 4.9804 7.74138 4.99045C7.83608 5.0005 7.91258 5.04572 7.97087 5.12612C8.03887 5.20149 8.07043 5.28816 8.06555 5.38615C8.06073 5.48413 8.01944 5.56578 7.9417 5.6311L6.8634 6.5657ZM5.53006 16.6654H6.10565C6.32909 16.6654 6.50881 16.6051 6.64482 16.4845C6.78083 16.3639 6.84883 16.1881 6.84883 15.9569V10.99C6.53796 11.1055 6.21009 11.1997 5.86522 11.2726C5.52035 11.3454 5.15848 11.3945 4.77961 11.4196V15.9569C4.77961 16.1881 4.84761 16.3639 4.98362 16.4845C5.11962 16.6051 5.30177 16.6654 5.53006 16.6654ZM13.4135 3.33229C12.8792 3.33732 12.391 3.45791 11.949 3.69407C11.507 3.93023 11.1549 4.27317 10.8925 4.72288C10.6303 5.17259 10.4991 5.71903 10.4991 6.3622C10.4991 7.1963 10.7068 7.90604 11.122 8.49142C11.5374 9.0768 12.0437 9.54787 12.6412 9.90462C12.9181 10.0654 13.2192 10.2023 13.5447 10.3154C13.8701 10.4285 14.2733 10.5201 14.7541 10.5905C14.5938 10.2036 14.5137 9.78403 14.5137 9.3318C14.5137 8.79416 14.6424 8.28792 14.8998 7.81308C15.1573 7.33825 15.5022 6.93753 15.9344 6.61092C16.3668 6.28431 16.8452 6.07328 17.3698 5.97781C17.3066 5.82706 17.2435 5.69768 17.1803 5.58965C17.1172 5.48161 17.0516 5.38238 16.9837 5.29193C16.6728 4.84473 16.3194 4.47542 15.9235 4.18398C15.5277 3.89255 15.1148 3.67648 14.6849 3.53579C14.255 3.3951 13.8312 3.32727 13.4135 3.33229ZM13.1366 6.5657L12.0583 5.6311C11.9806 5.56578 11.9393 5.48413 11.9344 5.38615C11.9296 5.28816 11.9587 5.20149 12.0219 5.12612C12.0802 5.04572 12.1579 5.0005 12.255 4.99045C12.3522 4.9804 12.4372 5.00803 12.5101 5.07336L13.5811 6.00795C13.6588 6.07328 13.7013 6.15493 13.7086 6.25291C13.7159 6.35089 13.6879 6.44008 13.6248 6.52048C13.5665 6.60087 13.4888 6.64484 13.3916 6.65237C13.2945 6.65991 13.2095 6.63102 13.1366 6.5657ZM14.4627 16.6654C14.691 16.6654 14.8732 16.6051 15.0091 16.4845C15.1451 16.3639 15.2131 16.1881 15.2131 15.9569V11.4196C14.8343 11.3945 14.4724 11.3454 14.1275 11.2726C13.7826 11.1997 13.4572 11.1055 13.1512 10.99V15.9569C13.1512 16.1881 13.218 16.3639 13.3516 16.4845C13.4852 16.6051 13.6661 16.6654 13.8943 16.6654H14.4627ZM2.6521 11.5176C3.02611 11.5176 3.37584 11.4372 3.70128 11.2764C4.02672 11.1156 4.28901 10.8731 4.48816 10.549C4.68732 10.2249 4.7869 9.8192 4.7869 9.3318C4.7869 8.89465 4.66668 8.47132 4.42624 8.06181C4.1858 7.6523 3.85914 7.31438 3.44627 7.04807C3.0334 6.78176 2.56952 6.64861 2.05465 6.64861C1.61749 6.64861 1.2459 6.75287 0.939895 6.9614C0.633882 7.16992 0.400729 7.43875 0.240438 7.76786C0.0801459 8.09698 0 8.44495 0 8.81175C0 9.35442 0.129933 9.82925 0.3898 10.2363C0.649666 10.6433 0.982392 10.9585 1.38798 11.1821C1.79357 11.4057 2.21494 11.5176 2.6521 11.5176ZM2.2878 10.3719C2.1858 10.4674 2.04979 10.4687 1.87978 10.3757C1.70978 10.2827 1.51791 10.1031 1.30419 9.83679C1.09047 9.57048 0.956894 9.34562 0.903464 9.16222C0.850034 8.97882 0.87432 8.8419 0.976319 8.75145C1.08318 8.65598 1.2204 8.65221 1.38798 8.74014C1.55556 8.82808 1.74864 9.00771 1.96722 9.27904C2.17123 9.5554 2.30116 9.78403 2.35702 9.96492C2.41287 10.1458 2.3898 10.2815 2.2878 10.3719ZM17.348 11.5176C17.7851 11.5176 18.2065 11.4057 18.6121 11.1821C19.0176 10.9585 19.3504 10.6433 19.6102 10.2363C19.8701 9.82925 20 9.35442 20 8.81175C20 8.44495 19.9199 8.09698 19.7596 7.76786C19.5993 7.43875 19.3662 7.16992 19.0602 6.9614C18.7541 6.75287 18.3825 6.64861 17.9454 6.64861C17.4305 6.64861 16.9666 6.78176 16.5538 7.04807C16.1409 7.31438 15.8142 7.6523 15.5738 8.06181C15.3333 8.47132 15.2131 8.89465 15.2131 9.3318C15.2131 9.8192 15.3127 10.2249 15.5119 10.549C15.711 10.8731 15.9721 11.1156 16.2951 11.2764C16.6181 11.4372 16.9691 11.5176 17.348 11.5176ZM17.7122 10.3719C17.6102 10.2815 17.586 10.1458 17.6394 9.96492C17.6928 9.78403 17.8239 9.5554 18.0328 9.27904C18.2514 9.00771 18.4445 8.82808 18.6121 8.74014C18.7796 8.65221 18.9168 8.65598 19.0237 8.75145C19.1257 8.8419 19.1488 8.97882 19.0929 9.16222C19.0371 9.34562 18.9047 9.57048 18.6958 9.83679C18.4772 10.1031 18.2842 10.2827 18.1166 10.3757C17.949 10.4687 17.8142 10.4674 17.7122 10.3719Z",fill:t(v)?"#FFFFFF50":"#00000050"},null,8,x3)])),e("span",y3,m(t(s)?t(c)("music.speaker"):t(c)("music.headphone")),1)])])])],64))}},_3=a1(k3,[["__scopeId","data-v-5b30065c"]]),b3={class:"w-full h-full bg-[#F2F2F7] dark:bg-black"},F3={class:"w-full h-full"},L3={class:"w-full h-[13%] flex items-end px-[16em]"},$3={class:"w-full h-[39%] flex items-center justify-between"},P3={class:"text-[22em] font-['SFPRO'] font-[400] dark:text-white"},M3={class:"w-full h-[11.7%] flex items-center justify-center px-[16em]"},S3={class:"w-full h-[50%] relative flex items-center"},H3={class:"text-[15em] font-['SFPRO'] font-[400] ml-[0.8em] text-[#FF2641]"},E3={class:"w-full h-[calc(100%-24.7%)] overflow-auto no-scrollbar"},D3={key:0,class:"w-full px-[16em] mt-[8em]"},V3={class:"text-[18em] font-['SFPRO'] font-[600] dark:text-white"},Z3={key:1,class:"w-full h-auto flex px-[16em] flex-wrap content-start gap-y-[13em] gap-x-[16em] mt-[8em]"},j3=["onClick"],B3={class:"w-full h-[87%] overflow-hidden rounded-[20em] cursor-pointer anim-hover-1 relative"},T3=["src"],I3={class:"w-full h-[13%] flex items-end justify-center px-[12em]"},A3={class:"text-[10em] font-['SFPRO'] font-[400] dark:text-white truncate"},R3={class:"w-full px-[16em] mt-[16em]"},O3={class:"text-[18em] font-['SFPRO'] font-[600] dark:text-white"},N3={class:"w-full h-auto flex px-[16em] flex-wrap content-start gap-y-[13em] gap-x-[16em] mt-[8em] pb-[150em]"},z3=["onClick"],U3={class:"w-full h-[87%] overflow-hidden rounded-[20em] cursor-pointer anim-hover-1 relative"},q3=["src"],Y3={class:"w-full h-[13%] flex items-end justify-center px-[12em]"},G3={class:"text-[10em] font-['SFPRO'] font-[400] dark:text-white truncate"},X3={__name:"Library",emits:["selectedAlbumID","changePage"],setup(g,{emit:u}){const n=q(),{t:l}=Y(),{DarkMode:c}=B(n),v=Q(),{ScrollPage:r}=B(v);o1(()=>V(this,null,function*(){yield v.fetchLikedPlaylists()})),N(()=>{c.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const _=L(!1),x=()=>{_.value=!_.value},f=s=>V(this,null,function*(){let h=yield R("CREATE_PLAYLIST",{name:s.name,cover:s.phone});if(!h.success){n.TriggerNotification({appname:"music",header:l("music.title"),message:l(h.error)||l("music.failedToCreatePlaylist")});return}n.TriggerNotification({appname:"music",header:l("music.title"),message:l("music.playlistCreatedSuccess")}),_.value=!1}),y=u,d=s=>{const h=W["music/defplaylist.png"];h?(s.target.src=h,s.target.onerror=null):console.log("Fallback image not found! Check if music/defplaylist.png exists in images folder")};return(s,h)=>(o(),a("div",b3,[_.value?(o(),U(z1,{key:0,onBack:x,onAdd:f,header:t(l)("music.addNewPlaylist"),label:t(l)("music.fillDetailsToAddPlaylist"),fields:{name:{placeholder:t(l)("music.playlistName")},phone:{placeholder:t(l)("music.playlistCover"),maxLength:800}},buttons:{cancel:t(l)("general.cancel"),submit:t(l)("general.add")}},null,8,["header","label","fields","buttons"])):S("",!0),e("div",F3,[e("div",L3,[e("div",$3,[e("span",P3,m(t(l)("music.library")),1),e("div",{onClick:x,class:"h-full rounded-full cursor-pointer anim-hover-1 aspect-square flex items-center justify-center ml-[16em] bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.15)]"},h[1]||(h[1]=[e("svg",{class:"h-[40%]",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M7.99987 16C7.53033 16 7.15722 15.8574 6.88055 15.5723C6.6037 15.2872 6.46528 14.9182 6.46528 14.4654V9.53458H1.5346C1.08172 9.53458 0.712728 9.39622 0.427638 9.1195C0.142548 8.84277 0 8.4696 0 8C0 7.53039 0.142548 7.15723 0.427638 6.8805C0.712728 6.60376 1.08172 6.46539 1.5346 6.46539H6.46528V1.53458C6.46528 1.08176 6.6037 0.712781 6.88055 0.427659C7.15722 0.142553 7.53033 0 7.99987 0C8.46958 0 8.84278 0.142553 9.11945 0.427659C9.39613 0.712781 9.53446 1.08176 9.53446 1.53458V6.46539H14.4654C14.9183 6.46539 15.2873 6.60376 15.5724 6.8805C15.8575 7.15723 16 7.53039 16 8C16 8.4696 15.8575 8.84277 15.5724 9.1195C15.2873 9.39622 14.9183 9.53458 14.4654 9.53458H9.53446V14.4654C9.53446 14.9182 9.39613 15.2872 9.11945 15.5723C8.84278 15.8574 8.46958 16 7.99987 16Z",fill:"#FF2641"})],-1)]))])]),e("div",M3,[e("div",{onClick:h[0]||(h[0]=$=>y("changePage","liked")),class:"w-full h-[55%] bg-white dark:bg-[#1E1E1E] rounded-[16em] flex px-[10em] items-center justify-center cursor-pointer anim-hover-1 shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.09)]"},[e("div",S3,[h[2]||(h[2]=i1('<svg class="h-full" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 8C0 3.58172 3.58172 0 8 0H24C28.4183 0 32 3.58172 32 8V24C32 28.4183 28.4183 32 24 32H8C3.58172 32 0 28.4183 0 24V8Z" fill="url(#paint0_linear_650_55782)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M16 6C15.4477 6 15 6.44772 15 7V17.0747C14.2001 16.4931 13.2155 16.15 12.1508 16.15C9.4722 16.15 7.30078 18.3214 7.30078 21C7.30078 23.6786 9.4722 25.85 12.1508 25.85C14.8294 25.85 17.0008 23.6786 17.0008 21C17.0008 20.9706 17.0005 20.9413 17 20.912V14.4361C18.1512 13.4532 19.4303 13.2938 20.5856 13.4864C21.8964 13.7049 22.9516 14.3658 23.2929 14.7071C23.5973 15.0115 24.0622 15.0869 24.4472 14.8944C24.8322 14.7019 25.0508 14.2847 24.9899 13.8586C24.5461 10.7518 22.9519 8.75754 21.1217 7.56265C19.3269 6.39091 17.3302 6 16 6Z" fill="white"></path><defs><linearGradient id="paint0_linear_650_55782" x1="5" y1="2" x2="34.5" y2="36.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FE7485"></stop><stop offset="1" stop-color="#FF2641"></stop></linearGradient></defs></svg>',1)),e("span",H3,m(t(l)("music.likedSongs")),1),h[3]||(h[3]=e("svg",{class:"absolute h-[45%] right-2 h-[40%]",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M1.50004 1L6.5 6L1.5 11",stroke:"#FF2641","stroke-width":"2","stroke-miterlimit":"16","stroke-linecap":"round"})],-1))])])]),e("div",E3,[t(r).likedplaylists.loadedData.length>0?(o(),a("div",D3,[e("span",V3,m(t(l)("music.likedPlaylists")),1)])):S("",!0),t(r).likedplaylists.loadedData.length>0?(o(),a("div",Z3,[(o(!0),a(J,null,t1(t(r).likedplaylists.loadedData,($,F)=>(o(),a("div",{onClick:k=>y("selectedAlbumID",$.id),key:$.id,class:"w-[125em] h-[140em]"},[e("div",B3,[e("img",{src:$.cover,onError:d,class:"w-full h-full object-cover object-center",alt:""},null,40,T3)]),e("div",I3,[e("span",A3,m($.name),1)])],8,j3))),128))])):S("",!0),e("div",R3,[e("span",O3,m(t(l)("music.myPlaylists")),1)]),e("div",N3,[(o(!0),a(J,null,t1(t(r).myplaylists.loadedData,($,F)=>(o(),a("div",{onClick:k=>y("selectedAlbumID",$.id),class:"w-[125em] h-[140em]"},[e("div",U3,[e("img",{src:$.cover,onError:d,class:"w-full h-full object-cover object-center",alt:""},null,40,q3)]),e("div",Y3,[e("span",G3,m($.name),1)])],8,z3))),256))])])])]))}},K3={class:"w-full h-full relative z-[2]"},J3={class:"w-full h-[44%] absolute top-0 left-0 mask-bottom flex items-center justify-center"},W3=["src"],Q3={class:"w-full h-[11.5%] relative z-[2] flex items-end justify-between px-[15em]"},e6={class:"text-[12em] font-['SFPRO'] font-[400] dark:text-white leading-[1]"},t6={class:"w-full h-[28%] flex relative z-[2] items-end justify-center"},l6={class:"text-[18em] font-['SFPRO'] font-[400] dark:text-white leading-[1]"},s6={class:"w-full h-[4.5%] flex items-center justify-center relative z-[2]"},o6={class:"text-[12em] font-['SFPRO'] font-[400] dark:text-white/50 leading-[1]"},i6={class:"w-full h-[7.9%] flex items-end justify-between px-[15em]"},a6={class:"text-[15em] ml-[0.8em] font-['SFPRO'] font-[400] text-white dark:text-white leading-[1]"},n6={class:"text-[15em] ml-[0.8em] font-['SFPRO'] text-white font-[400] dark:text-white leading-[1]"},r6={class:"w-full h-[48.5%]"},c6={class:"w-full h-full overflow-auto no-scrollbar"},d6={key:0,class:"w-full h-full flex items-center justify-center"},C6={class:"text-[14em] font-['SFPRO'] font-[400] dark:text-white/50"},u6=["onClick"],f6={class:"w-[21%] h-full flex items-center justify-center"},m6={class:"w-[60%] h-[60%] aspect-square rounded-[8em] overflow-hidden"},h6=["src"],p6={class:"w-[60%] h-full flex items-start justify-center flex-col"},v6={class:"text-[13em] font-['SFPRO'] dark:text-white font-[400] leading-[100%] truncate w-full"},g6={class:"text-[9em] font-['SFPRO'] text-black/70 dark:text-white/70 font-[400] leading-[100%] mt-[0.3em] w-full truncate"},w6=["onClick"],x6={__name:"LikedSongs",props:{show:{type:Boolean,default:!1}},emits:["goback","play:song","play:all"],setup(g,{emit:u}){const n=q(),l=Q(),{t:c}=Y(),{ScrollPage:v}=B(l),{DarkMode:r}=B(n);N(()=>{r.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const _=L(null),x=L(!1);o1(()=>{}),P1(()=>{});const f=L(!1),y=u,d=F=>{x.value||y("play:song",F)},s=()=>V(this,null,function*(){if(!f.value)return;const F=l.ScrollPage.likedsongs.loadedData.find(H=>H.id===f.value);if(!F){f.value=!1;return}const k=yield R("LIKE_MUSIC",{music:F});k.success&&k.action==="unliked"&&(l.ScrollPage.likedsongs.loadedData=l.ScrollPage.likedsongs.loadedData.filter(H=>H.id!==f.value),n.TriggerNotification({appname:"music",header:c("music.title"),message:c("music.songRemovedFromLiked")})),f.value=!1}),h=()=>{const F=l.ScrollPage.likedsongs.loadedData;!F||F.length===0||(l.setPlaylist(F,0),y("play:all"))},$=()=>{const F=l.ScrollPage.likedsongs.loadedData;!F||F.length===0||(l.setPlaylistWithShuffle(F),y("play:all"))};return(F,k)=>(o(),a("div",K3,[f.value?(o(),U(r1,{key:0,onCancel:k[0]||(k[0]=H=>f.value=!1),onSubmit:s,header:t(c)("music.deleteSongConfirmHeader"),label:t(c)("music.deleteSongConfirmMessage"),buttons:{cancel:t(c)("general.cancel"),submit:t(c)("general.delete")}},null,8,["header","label","buttons"])):S("",!0),e("div",J3,[e("img",{src:t(W)["music/likedsong.png"],class:"w-full h-full object-cover object-center",alt:""},null,8,W3)]),e("div",Q3,[e("div",{onClick:k[1]||(k[1]=H=>y("goback")),class:"h-[40%] rounded-full cursor-pointer relative z-[2] anim-hover-1 aspect-square flex items-center justify-center ml-[0.5em] bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)]"},k[4]||(k[4]=[e("svg",{class:"h-[35%]",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M6.49996 1L1.5 6L6.5 11",stroke:"#FF2641","stroke-width":"2","stroke-miterlimit":"16","stroke-linecap":"round"})],-1)])),e("div",{onClick:k[2]||(k[2]=H=>x.value=!x.value),ref_key:"dropdownRef",ref:_,class:"h-[40%] inline-flex rounded-full items-center justify-center cursor-pointer anim-hover-1 px-[10em] bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)]"},[e("span",e6,m(x.value?t(c)("general.done"):t(c)("general.edit")),1)],512)]),e("div",t6,[e("span",l6,m(t(c)("music.likedSongs")),1)]),e("div",s6,[e("span",o6,m(t(c)("music.songsCount",{count:t(v).likedsongs.loadedData.length})),1)]),e("div",i6,[e("div",{onClick:h,class:"w-[48%] h-[79%] rounded-[18em] bg-[#FF2641] flex items-center justify-center cursor-pointer anim-hover-1"},[k[5]||(k[5]=e("svg",{class:"h-[40%]",viewBox:"0 0 16 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M9.9405 3.33706C11.5735 4.26474 12.8567 4.99375 13.7709 5.66154C14.6913 6.33392 15.3721 7.03666 15.6159 7.96326C15.7947 8.64266 15.7947 9.35746 15.6159 10.0369C15.3721 10.9635 14.6913 11.6662 13.7709 12.3386C12.8567 13.0064 11.5735 13.7354 9.9406 14.6631C8.3632 15.5592 7.033 16.3149 6.0232 16.7445C5.0053 17.1774 4.07729 17.3969 3.17536 17.1413C2.51252 16.9534 1.90941 16.5969 1.42356 16.1067C0.76419 15.4415 0.49951 14.522 0.37429 13.4155C0.24998 12.317 0.24999 10.8791 0.25 9.05016V8.94996C0.24999 7.12106 0.24998 5.68315 0.37429 4.5847C0.49951 3.47816 0.76419 2.55867 1.42356 1.89341C1.90941 1.40323 2.51252 1.04672 3.17536 0.858893C4.07729 0.603313 5.0053 0.822753 6.0232 1.25571C7.033 1.68522 8.3632 2.4409 9.9405 3.33706Z",fill:"white"})],-1)),e("span",a6,m(t(c)("music.play")),1)]),e("div",{onClick:$,class:"w-[48%] h-[79%] rounded-[18em] bg-[#FF2641] flex items-center justify-center cursor-pointer anim-hover-1"},[k[6]||(k[6]=e("svg",{class:"h-[40%]",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 6C2 5.44772 2.44772 5 3 5H6.9166C7.93041 5 8.87563 5.51203 9.42944 6.3612L15.7458 16.0463C15.9304 16.3293 16.2455 16.5 16.5834 16.5H21C21.3844 16.5 21.7348 16.7203 21.9013 17.0668C22.0678 17.4133 22.021 17.8245 21.7809 18.1247L19.7809 20.6247C19.4359 21.056 18.8066 21.1259 18.3753 20.7809C17.944 20.4359 17.8741 19.8066 18.2191 19.3753L18.9194 18.5H16.5834C15.5696 18.5 14.6244 17.988 14.0706 17.1388L7.75421 7.45373C7.56961 7.17068 7.25454 7 6.9166 7H3C2.44772 7 2 6.55228 2 6Z",fill:"white"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 18C2 18.5523 2.44772 19 3 19H6.92963C7.93269 19 8.86939 18.4987 9.42578 17.6641L10.8321 15.5547C11.1384 15.0952 11.0142 14.4743 10.5547 14.1679C10.0952 13.8616 9.4743 13.9858 9.16795 14.4453L7.76168 16.5547C7.57622 16.8329 7.26399 17 6.92963 17H3C2.44772 17 2 17.4477 2 18ZM13.4855 9.85753C13.9591 10.1416 14.5733 9.98812 14.8575 9.51454L15.7749 7.98555C15.9556 7.68434 16.2811 7.50004 16.6324 7.50004H21C21.3844 7.50004 21.7348 7.27969 21.9013 6.93323C22.0678 6.58676 22.021 6.17552 21.7809 5.87535L19.7809 3.37535C19.4359 2.94408 18.8066 2.87416 18.3753 3.21917C17.944 3.56418 17.8741 4.19347 18.2191 4.62473L18.9194 5.50004H16.6324C15.5786 5.50004 14.6021 6.05294 14.0599 6.95655L13.1425 8.48554C12.8584 8.95912 13.0119 9.57338 13.4855 9.85753Z",fill:"white"})],-1)),e("span",n6,m(t(c)("music.shuffle")),1)])]),e("div",r6,[e("div",c6,[t(v).likedsongs.loadedData.length===0?(o(),a("div",d6,[e("span",C6,m(t(c)("music.noSongsInPlaylist")),1)])):S("",!0),(o(!0),a(J,null,t1(t(v).likedsongs.loadedData,(H,Z)=>(o(),a("div",{key:H.id,class:"w-full h-[18%] px-[14em]"},[e("div",{onClick:T=>d(Z),class:"w-full h-full bg-white flex overflow-hidden mt-[15em] rounded-[20em] dark:bg-[#1E1E1E] cursor-pointer anim-hover-1"},[e("div",f6,[e("div",m6,[e("img",{src:H.thumbnail,class:"w-full h-full object-cover object-center",alt:""},null,8,h6)])]),e("div",p6,[e("p",v6,m(H.title),1),e("p",g6,m(H.author),1)]),x.value?(o(),a("div",{key:0,onClick:[k[3]||(k[3]=K(()=>{},["stop"])),T=>f.value=H.id],class:"w-[17%] h-full flex items-center justify-center"},k[7]||(k[7]=[e("svg",{class:"h-[25%] cursor-pointer anim-hover-1",viewBox:"0 0 18 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.87192 18.6439C4.60539 18.6439 4.38225 18.5571 4.20249 18.3835C4.02274 18.2099 3.92666 17.9913 3.91427 17.7279L3.26343 4.82264H14.6995L14.0858 17.7279C14.0734 17.9973 13.9773 18.2174 13.7976 18.388C13.6178 18.5586 13.3916 18.6439 13.1188 18.6439H4.87192ZM6.66634 16.9601C6.56097 17.0589 6.42151 17.1082 6.24795 17.1082C6.07439 17.1082 5.93493 17.0604 5.82956 16.9646C5.72419 16.8688 5.6684 16.74 5.66221 16.5784L5.38328 6.97801C5.37708 6.82234 5.42822 6.69512 5.53669 6.59633C5.64516 6.49755 5.78617 6.44815 5.95973 6.44815C6.12709 6.44815 6.265 6.49605 6.37347 6.59184C6.48194 6.68764 6.53617 6.81337 6.53617 6.96903L6.8244 16.5784C6.8244 16.734 6.77171 16.8613 6.66634 16.9601ZM9.43701 16.9601C9.32544 17.0589 9.17978 17.1082 9.00002 17.1082C8.82647 17.1082 8.68391 17.0589 8.57234 16.9601C8.46076 16.8613 8.40498 16.734 8.40498 16.5784V6.97801C8.40498 6.82234 8.46076 6.69512 8.57234 6.59633C8.68391 6.49755 8.82647 6.44815 9.00002 6.44815C9.17978 6.44815 9.32544 6.49755 9.43701 6.59633C9.54858 6.69512 9.60437 6.82234 9.60437 6.97801V16.5784C9.60437 16.734 9.54858 16.8613 9.43701 16.9601ZM12.1705 16.9646C12.0651 17.0604 11.9288 17.1082 11.7614 17.1082C11.5816 17.1082 11.4391 17.0589 11.3337 16.9601C11.2283 16.8613 11.1787 16.734 11.1849 16.5784L11.4639 6.97801C11.4701 6.81636 11.5259 6.68764 11.6312 6.59184C11.7366 6.49605 11.873 6.44815 12.0403 6.44815C12.2201 6.44815 12.3626 6.49755 12.468 6.59633C12.5734 6.69512 12.623 6.82234 12.6168 6.97801L12.3379 16.5784C12.3316 16.74 12.2758 16.8688 12.1705 16.9646Z",fill:"#FF2641"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2676 20H4.74175C4.07232 20 3.53152 19.8099 3.11933 19.4297C2.70713 19.0496 2.48554 18.5362 2.45455 17.8896L1.81302 4.82264H0.697316C0.511365 4.82264 0.348658 4.75528 0.209195 4.62057C0.0697317 4.48587 0 4.32571 0 4.1401C0 3.96049 0.0697317 3.80333 0.209195 3.66862C0.348658 3.53391 0.511365 3.46655 0.697316 3.46655H4.91841V2.0925C4.91841 1.44589 5.1245 0.935489 5.53669 0.561295C5.94888 0.187098 6.51138 0 7.22419 0H10.7572C11.4701 0 12.0326 0.187098 12.4448 0.561295C12.857 0.935489 13.063 1.44589 13.063 2.0925V3.46655H17.312C17.498 3.46655 17.6592 3.53241 17.7955 3.66413C17.9318 3.79585 18 3.95451 18 4.1401C18 4.32571 17.9334 4.48587 17.8002 4.62057C17.6669 4.75528 17.5042 4.82264 17.312 4.82264H16.1963L15.5548 17.8806C15.5238 18.5272 15.3007 19.0421 14.8854 19.4252C14.4701 19.8084 13.9308 20 13.2676 20ZM11.5848 3.46655H6.39671V2.18232C6.39671 1.93085 6.48194 1.72729 6.65239 1.57162C6.82285 1.41596 7.04754 1.33813 7.32646 1.33813H10.655C10.9339 1.33813 11.1586 1.41596 11.329 1.57162C11.4995 1.72729 11.5848 1.93085 11.5848 2.18232V3.46655ZM4.20249 18.3835C4.38225 18.5571 4.60539 18.6439 4.87192 18.6439H13.1188C13.3916 18.6439 13.6178 18.5586 13.7976 18.388C13.9773 18.2174 14.0734 17.9973 14.0858 17.7279L14.6995 4.82264H3.26343L3.91427 17.7279C3.92666 17.9913 4.02274 18.2099 4.20249 18.3835Z",fill:"#FF2641"})],-1)]),8,w6)):S("",!0)],8,u6)]))),128))])])]))}},y6=a1(x6,[["__scopeId","data-v-70f3fbb0"]]),k6={class:"w-full h-full absolute z-[2] bg-[#F2F2F7] dark:bg-black"},_6={class:"w-full h-full absolute flex items-center justify-center flex-col"},b6={class:"h-[25%]",viewBox:"0 0 200 228",fill:"none",xmlns:"http://www.w3.org/2000/svg"},F6=["fill"],L6={opacity:"0.3"},$6=["stroke"],P6=["fill"],M6={class:"text-[13em] font-['SFPRO'] font-[400] dark:text-white/20 text-black/50 text-center leading-[1] mt-[1em] px-[5em]"},S6={class:"w-full h-[12.2%] flex items-end px-[15em]"},H6={class:"text-[16em] font-['SFPRO'] font-[400] dark:text-white ml-[0.6em] mb-[0.4em] leading-[1]"},E6={class:"w-full h-[85.8%] flex items-end justify-center relative z-[2]"},D6={class:"w-[90%] h-[9.2%] rounded-[30em] flex overflow-hidden bg-white dark:bg-[#1E1E1E]"},V6={class:"w-[85%] h-full"},Z6=["placeholder"],j6={key:0,class:"h-[40%]",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},B6=["fill"],T6={key:1,class:"h-[40%] animate-spin",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},I6=["stroke"],A6=["fill"],R6={__name:"Search",emits:["videoDataFetched","goback"],setup(g,{emit:u}){const n=q(),l=Q(),{t:c}=Y(),{DarkMode:v}=B(n),r=L(""),_=L(!1),x=u;N(()=>{v.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const f=()=>V(this,null,function*(){if(!r.value.trim()){n.TriggerNotification({appname:"music",header:c("music.title"),message:c("music.enterValidYoutubeUrl")});return}const y=/^(https?:\/\/)?(www\.)?(youtube\.com\/(watch\?v=|embed\/|v\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/,d=r.value.match(y);if(!d){n.TriggerNotification({appname:"music",header:c("music.title"),message:c("music.enterValidYoutubeUrl")});return}const s=d[5];_.value=!0;try{const h=`https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v=${s}&format=json`,$=yield fetch(h);if(!$.ok)throw new Error("Failed to fetch video data");const F=yield $.json(),k={videoId:s,title:F.title,author:F.author_name,thumbnail:F.thumbnail_url,url:r.value,duration:null};l.setPlaylist([k],0),x("videoDataFetched",k)}catch(h){n.TriggerNotification({appname:"music",header:c("music.title"),message:h})}finally{_.value=!1}});return(y,d)=>(o(),a("div",k6,[e("div",_6,[(o(),a("svg",b6,[d[2]||(d[2]=i1('<rect width="200" height="200" rx="24" fill="#8B8B90" fill-opacity="0.1"></rect><g opacity="0.4"><path d="M67.5 121.667C67.5 113.843 73.8426 107.5 81.6667 107.5C89.4907 107.5 95.8333 113.843 95.8333 121.667C95.8333 129.491 89.4907 135.833 81.6667 135.833C73.8426 135.833 67.5 129.491 67.5 121.667Z" fill="#838386"></path><path d="M107.5 113.332C107.5 106.428 113.096 100.832 120 100.832C126.904 100.832 132.5 106.428 132.5 113.332C132.5 120.236 126.904 125.832 120 125.832C113.096 125.832 107.5 120.236 107.5 113.332Z" fill="#838386"></path><path d="M132.5 66.668C132.5 65.8888 132.122 65.1542 131.478 64.6812C130.834 64.2083 129.998 64.0511 129.216 64.2561L91.0826 74.2561C89.9515 74.5527 89.1667 75.5406 89.1667 76.668V121.668H95.8334V95.9863L125.833 87.8044V113.335H132.5V66.668Z" fill="#838386"></path></g>',2)),e("path",{d:"M30 196C30 182.745 40.7452 172 54 172H146C159.255 172 170 182.745 170 196V204C170 217.255 159.255 228 146 228H54C40.7452 228 30 217.255 30 204V196Z",fill:t(v)?"#1E1E1E":"#EEEEF3"},null,8,F6),d[3]||(d[3]=e("path",{d:"M54 173H146C158.703 173 169 183.297 169 196V204C169 216.703 158.703 227 146 227H54C41.2975 227 31 216.703 31 204V196C31 183.297 41.2975 173 54 173Z",stroke:"black","stroke-opacity":"0.07","stroke-width":"2"},null,-1)),e("g",L6,[e("path",{d:"M100 213.335C107.364 213.335 113.333 207.365 113.333 200.001C113.333 192.638 107.364 186.668 100 186.668C92.6363 186.668 86.6667 192.638 86.6667 200.001C86.6667 207.365 92.6363 213.335 100 213.335Z",stroke:t(v)?"white":"black","stroke-width":"2"},null,8,$6),e("path",{d:"M96.6667 198.932V201.066C96.6667 203.091 96.6667 204.104 97.2744 204.514C97.8821 204.923 98.7131 204.47 100.375 203.564L102.333 202.497C104.333 201.407 105.333 200.862 105.333 199.999C105.333 199.135 104.333 198.59 102.333 197.5L100.375 196.433C98.7131 195.527 97.8821 195.074 97.2744 195.484C96.6667 195.893 96.6667 196.906 96.6667 198.932Z",fill:t(v)?"white":"black"},null,8,P6)])])),e("span",M6,m(t(c)("music.searchPlaceholderText")),1)]),e("div",S6,[e("div",{onClick:d[0]||(d[0]=s=>x("goback")),class:"h-[29em] rounded-full cursor-pointer relative z-[2] anim-hover-1 aspect-square flex items-center justify-center ml-[0.5em] bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)]"},d[4]||(d[4]=[e("svg",{class:"h-[35%]",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M6.49996 1L1.5 6L6.5 11",stroke:"#FF2641","stroke-width":"2","stroke-miterlimit":"16","stroke-linecap":"round"})],-1)])),e("span",H6,m(t(c)("general.search")),1)]),e("div",E6,[e("div",D6,[e("div",V6,[R1(e("input",{"onUpdate:modelValue":d[1]||(d[1]=s=>r.value=s),type:"text",placeholder:t(c)("music.musicUrl"),class:"w-full h-full bg-transparent placeholder:text-black/20 dark:placeholder:text-white/20 dark:focus:text-white outline-none pl-[1.7em] text-[12em] font-['SFPRO'] font-[400]",onKeyup:N1(f,["enter"])},null,40,Z6),[[O1,r.value]])]),e("div",{class:e1(["w-[15%] h-full flex mr-[5em] items-center justify-center anim-hover-1 cursor-pointer",{"opacity-50":_.value}]),onClick:f},[_.value?(o(),a("svg",T6,[e("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:t(v)?"white":"black","stroke-width":"4"},null,8,I6),e("path",{class:"opacity-75",fill:t(v)?"white":"black",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,8,A6)])):(o(),a("svg",j6,[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.9998 0.667969C7.08376 0.667969 0.666504 7.08522 0.666504 15.0013C0.666504 22.9174 7.08376 29.3346 14.9998 29.3346C22.916 29.3346 29.3332 22.9174 29.3332 15.0013C29.3332 7.08522 22.916 0.667969 14.9998 0.667969ZM13.8332 10.5243L19.6034 13.7653C20.5764 14.3118 20.5764 15.6908 19.6034 16.2373L13.8332 19.4784C12.8677 20.0206 11.6665 19.3353 11.6665 18.2424V11.7602C11.6665 10.6672 12.8677 9.98202 13.8332 10.5243Z",fill:t(v)?"white":"black"},null,8,B6)]))],2)])])]))}},O6={class:"w-full h-full relative z-[2]"},N6={class:"w-full h-[44%] absolute z-[2] top-0 left-0 mask-bottom flex items-center justify-center"},z6=["src"],U6={class:"w-full h-[11.5%] relative z-[3] flex items-end justify-between px-[15em]"},q6={class:"text-[12em] font-['SFPRO'] font-[400] dark:text-white leading-[1]"},Y6={key:0,class:"inline-flex flex-col rounded-[15em] px-[15em] absolute top-0 right-0 bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.10)]"},G6={class:"text-[10em] font-['SFPRO'] text-black dark:text-white font-[400] leading-[100%] whitespace-nowrap mt-[3px]"},X6={class:"text-[10em] font-['SFPRO'] text-[#ED6A6A] font-[400] leading-[100%] whitespace-nowrap"},K6={key:0,class:"h-[40%]",viewBox:"0 0 19 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},J6={key:1,class:"h-[40%]",viewBox:"0 0 19 17",fill:"none",xmlns:"http://www.w3.org/2000/svg"},W6={class:"w-full h-[28%] flex relative z-[2] items-end justify-center"},Q6={class:"text-[18em] font-['SFPRO'] font-[400] dark:text-white leading-[1]"},e5={class:"w-full h-[4.5%] flex items-center justify-center relative z-[2]"},t5={class:"text-[12em] font-['SFPRO'] font-[400] dark:text-white/50 leading-[1]"},l5={class:"w-full h-[7.9%] flex items-end justify-between px-[15em]"},s5={class:"text-[15em] ml-[0.8em] font-['SFPRO'] text-white font-[400] dark:text-white leading-[1]"},o5={class:"text-[15em] ml-[0.8em] text-white font-['SFPRO'] font-[400] dark:text-white leading-[1]"},i5={class:"w-full h-[48.5%]"},a5={class:"w-full h-full overflow-auto no-scrollbar"},n5={key:0,class:"w-full h-full flex items-center justify-center"},r5={class:"text-[14em] font-['SFPRO'] font-[400] dark:text-white/50"},c5=["onClick"],d5={class:"w-[21%] h-full flex bo items-center justify-center"},C5={class:"w-[63%] h-[60%] rounded-[6em] overflow-hidden"},u5=["src"],f5={class:"w-[60%] h-full flex items-start justify-center flex-col"},m5={class:"text-[13em] font-['SFPRO'] dark:text-white font-[400] leading-[100%] truncate w-full"},h5={class:"text-[9em] font-['SFPRO'] dark:text-white/70 font-[400] leading-[100%] mt-[0.3em] w-full truncate"},p5=["onClick"],v5={__name:"Playlist",props:{show:{type:Boolean,default:!1},playlistData:{type:Object,default:()=>({album:{},songs:[]})}},emits:["goback","update:playlist","delete:playlist","delete:song","play:song"],setup(g,{emit:u}){const n=q(),{t:l}=Y(),{DarkMode:c,PhoneData:v}=B(n),r=g;N(()=>{c.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")}),N(()=>V(this,null,function*(){var w;if((w=r.playlistData)!=null&&w.album&&(f.value||(s.value=r.playlistData.album.name||"",h.value=r.playlistData.album.cover||"",y.value="",d.value=""),F.value=r.playlistData.album.likes_count||0,r.playlistData.album.id))try{const i=yield R("IS_PLAYLIST_LIKED",{playlistId:r.playlistData.album.id});i.success&&($.value=i.isLiked)}catch(i){console.log("Error checking playlist like status:",i)}}));const _=L(!1),x=L(null),f=L(!1),y=L(""),d=L(""),s=L(""),h=L(""),$=L(!1),F=L(0),k=()=>{if(f.value){b(),f.value=!1;return}_.value=!_.value},H=()=>{s.value=r.playlistData.album.name||"",h.value=r.playlistData.album.cover||"",y.value="",d.value="",f.value=!0,_.value=!1},Z=w=>{x.value&&!x.value.contains(w.target)&&(_.value=!1)};o1(()=>{document.addEventListener("click",Z)}),P1(()=>{document.removeEventListener("click",Z)});const T=L(!1),A=L(!1),M=L(!1),I=L(null),P=L(!1),C=u,E=w=>{if(!w.name||w.name.trim()===""){n.TriggerNotification({appname:"music",header:l("music.title"),message:l("music.playlistNameEmpty")});return}y.value=w.name,C("update:playlist",{type:"name",value:w.name}),P.value=!1},G=w=>{if(!w||w.trim()===""){n.TriggerNotification({appname:"music",header:l("music.title"),message:l("music.selectValidPhoto")});return}d.value=w,C("update:playlist",{type:"cover",value:w}),T.value=!1},l1=()=>V(this,null,function*(){const w=yield R("DELETE_PLAYLIST",{playlistId:r.playlistData.album.id});if(!w.success){n.TriggerNotification({appname:"music",header:l("music.title"),message:l(w.message)||l("music.failedToDeletePlaylist")});return}n.TriggerNotification({appname:"music",header:l("music.title"),message:l("music.playlistDeletedSuccess")}),A.value=!1,C("delete:playlist",r.playlistData.album.id),C("goback")}),b=()=>V(this,null,function*(){let w=!1;if(y.value&&y.value!==s.value){const i=yield R("UPDATE_PLAYLIST_NAME",{playlistId:r.playlistData.album.id,name:y.value});if(!i.success){n.TriggerNotification({appname:"music",header:l("music.title"),message:l(i.message)||l("music.failedToUpdatePlaylistName")}),C("update:playlist",{type:"name",value:s.value});return}w=!0,s.value=y.value}if(d.value&&d.value!==h.value){const i=yield R("UPDATE_PLAYLIST_COVER",{playlistId:r.playlistData.album.id,cover:d.value});if(!i.success){n.TriggerNotification({appname:"music",header:l("music.title"),message:l(i.message)||l("music.failedToUpdatePlaylistCover")}),C("update:playlist",{type:"cover",value:h.value});return}w=!0,h.value=d.value}w&&n.TriggerNotification({appname:"music",header:l("music.title"),message:l("music.playlistUpdatedSuccess")}),y.value="",d.value=""}),p=()=>{y.value&&y.value!==s.value&&C("update:playlist",{type:"name",value:s.value}),d.value&&d.value!==h.value&&C("update:playlist",{type:"cover",value:h.value}),y.value="",d.value="",f.value=!1},D=()=>V(this,null,function*(){if(!I.value)return;const w=yield R("DELETE_SONG_FROM_PLAYLIST",{playlistId:r.playlistData.album.id,songId:I.value.id});if(!w.success){n.TriggerNotification({appname:"music",header:l("music.title"),message:l(w.message)||l("music.failedToDeleteSongFromPlaylist")});return}n.TriggerNotification({appname:"music",header:l("music.title"),message:l("music.songRemovedFromPlaylist")}),C("delete:song",I.value.id),M.value=!1,I.value=null}),s1=w=>{var i;f.value||!((i=r.playlistData)!=null&&i.songs)||r.playlistData.songs.length===0||C("play:song",w)},M1=()=>V(this,null,function*(){var w,i;if((i=(w=r.playlistData)==null?void 0:w.album)!=null&&i.id)try{if($.value){const O=yield R("UNLIKE_PLAYLIST",{playlistId:r.playlistData.album.id});O.success&&($.value=!1,F.value=O.likesCount||0,n.TriggerNotification({appname:"music",header:l("music.title"),message:l("music.playlistUnliked")}))}else{const O=yield R("LIKE_PLAYLIST",{playlistId:r.playlistData.album.id});O.success&&($.value=!0,F.value=O.likesCount||0,n.TriggerNotification({appname:"music",header:l("music.title"),message:l("music.playlistLiked")}))}}catch(O){n.TriggerNotification({appname:"music",header:l("music.title"),message:l("music.failedToLikeUnlikePlaylist")})}}),S1=()=>{var i;if(f.value||!((i=r.playlistData)!=null&&i.songs)||r.playlistData.songs.length===0)return;const w=Math.floor(Math.random()*r.playlistData.songs.length);C("play:song",w)},H1=w=>{const i=W["music/defplaylist.png"];i?(w.target.src=i,w.target.onerror=null):console.log("Fallback image not found! Check if music/defplaylist.png exists in images folder")};return(w,i)=>{var O,c1,d1,C1,u1,f1,m1,h1,p1,v1,g1,w1,x1,y1,k1;return o(),a("div",O6,[A.value?(o(),U(r1,{key:0,onCancel:i[0]||(i[0]=j=>A.value=!1),onSubmit:l1,header:t(l)("music.deletePlaylistConfirmHeader"),label:t(l)("music.deletePlaylistConfirmMessage",{name:(c1=(O=g.playlistData)==null?void 0:O.album)==null?void 0:c1.name}),buttons:{cancel:t(l)("general.cancel"),submit:t(l)("general.delete")}},null,8,["header","label","buttons"])):S("",!0),M.value?(o(),U(r1,{key:1,onCancel:i[1]||(i[1]=j=>{M.value=!1,I.value=null}),onSubmit:D,header:t(l)("music.removeSongHeader"),label:t(l)("music.removeSongMessage",{title:(d1=I.value)==null?void 0:d1.title}),buttons:{cancel:t(l)("general.cancel"),submit:t(l)("music.remove")}},null,8,["header","label","buttons"])):S("",!0),z(q1,{show:T.value,onSelectPhoto:G,onlyphoto:!0,onCancel:i[2]||(i[2]=j=>T.value=!1)},null,8,["show"]),P.value?(o(),U(Y1,{key:2,onBack:i[3]||(i[3]=j=>P.value=!1),onAdd:E,header:t(l)("music.changePlaylistName"),label:t(l)("music.fillDetailsToChangePlaylistName"),fields:{name:{placeholder:t(l)("music.playlistName"),value:""}},buttons:{cancel:t(l)("general.cancel"),submit:t(l)("general.save")}},null,8,["header","label","fields","buttons"])):S("",!0),f.value?(o(),a("div",{key:3,onClick:i[4]||(i[4]=j=>T.value=!0),class:"h-[7%] aspect-square rounded-full absolute top-[115em] text-black dark:text-white left-[125em] bg-white cursor-pointer anim-hover-1 z-[50] dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)] flex items-center justify-center"},i[12]||(i[12]=[e("svg",{class:"h-[45%]",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.0866 0.333985C16.7655 0.333958 18.8953 0.333945 20.5783 0.538398C22.3099 0.748732 23.7425 1.19192 24.9287 2.20511C25.2398 2.4708 25.5295 2.76053 25.7953 3.07163C26.8083 4.25791 27.2515 5.69037 27.4619 7.42196C27.6663 9.10504 27.6663 11.4088 27.6663 14.0877C27.6663 16.7665 27.6663 18.8963 27.4619 20.5793C27.2515 22.3109 26.8083 23.7435 25.7953 24.9297C25.5295 25.2408 25.2398 25.5305 24.9287 25.7963C23.7425 26.8093 22.3099 27.2525 20.5783 27.4629C18.8953 27.6673 16.5915 27.6673 13.9126 27.6673C11.2338 27.6673 9.10406 27.6673 7.42098 27.4629C5.6894 27.2525 4.25693 26.8093 3.07065 25.7963C2.75956 25.5305 2.46982 25.2408 2.20413 24.9297C1.19094 23.7435 0.747755 22.3109 0.537422 20.5793C0.332968 18.8963 0.332982 16.7665 0.333008 14.0876C0.332982 11.4088 0.332968 9.10505 0.537422 7.42196C0.747755 5.69037 1.19094 4.25791 2.20413 3.07163C2.46982 2.76053 2.75956 2.4708 3.07065 2.20511C4.25693 1.19192 5.6894 0.748732 7.42098 0.538398C9.10408 0.333945 11.4078 0.333958 14.0866 0.333985ZM3.12172 20.2655C3.3012 21.7429 3.63764 22.5997 4.18372 23.2391C4.36085 23.4464 4.55401 23.6396 4.76141 23.8168C5.4008 24.3628 6.2575 24.6993 7.73501 24.8788C9.24284 25.0619 11.2143 25.0641 13.9998 25.0641C16.7853 25.0641 18.7567 25.0619 20.2646 24.8788C21.7421 24.6993 22.5987 24.3628 23.2382 23.8168C23.4455 23.6396 23.6387 23.4464 23.8159 23.2391C24.3619 22.5997 24.6983 21.7429 24.8779 20.2655C24.9467 19.6991 24.9899 19.0672 25.0171 18.3513L22.7069 16.0411C22.2542 15.5884 21.6401 15.334 20.9998 15.334C20.3595 15.334 19.7454 15.5884 19.2927 16.0411L16.6665 18.6673L11.3735 13.3744C10.9208 12.9217 10.3068 12.6673 9.66646 12.6673C9.02618 12.6673 8.41212 12.9217 7.95936 13.3744L2.98242 18.3513C3.00964 19.0672 3.05292 19.6991 3.12172 20.2655ZM18.6663 6.33399C17.7458 6.33399 16.9997 7.08017 16.9997 8.00065C16.9997 8.92113 17.7458 9.66732 18.6663 9.66732C19.5869 9.66732 20.333 8.92113 20.333 8.00065C20.333 7.08017 19.5869 6.33399 18.6663 6.33399Z",fill:"currentColor"})],-1)]))):S("",!0),f.value?(o(),a("svg",{key:4,onClick:i[5]||(i[5]=j=>P.value=!0),class:"h-[2.5%] absolute top-[245em] right-[21em] z-[50] text-black dark:text-white cursor-pointer anim-hover-1",viewBox:"0 0 24 25",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},i[13]||(i[13]=[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11 21.25C11 20.6977 11.4477 20.25 12 20.25H18C18.5522 20.25 19 20.6977 19 21.25C19 21.8023 18.5522 22.25 18 22.25H12C11.4477 22.25 11 21.8023 11 21.25Z",fill:"currentColor"},null,-1),e("path",{d:"M19.0495 3.03595C18.2802 2.65468 17.3768 2.65468 16.6075 3.03595C16.2002 3.23774 15.8441 3.59448 15.384 4.05531L14.5 4.93927L19.5608 10L20.4448 9.11606C20.9056 8.65598 21.2623 8.29983 21.4641 7.89262C21.8454 7.12323 21.8454 6.21992 21.4641 5.45053C21.2623 5.04332 20.9056 4.68716 20.4448 4.22709L20.273 4.05531C19.8129 3.59448 19.4567 3.23774 19.0495 3.03595Z",fill:"currentColor"},null,-1),e("path",{d:"M18.5002 11.0608L13.4395 6L3.55588 15.8835C3.06142 16.3771 2.67009 16.7676 2.45948 17.2761C2.24887 17.7845 2.2494 18.3374 2.25007 19.036L2.25015 21.5C2.25015 21.9143 2.58593 22.25 3.00015 22.25L5.46415 22.2501C6.16275 22.2508 6.71565 22.2513 7.2241 22.0407C7.73255 21.8301 8.12313 21.4388 8.61665 20.9443L18.5002 11.0608Z",fill:"currentColor"},null,-1)]))):S("",!0),e("div",N6,[e("img",{src:(u1=(C1=g.playlistData)==null?void 0:C1.album)==null?void 0:u1.cover,onError:H1,class:"w-full h-full object-cover object-center",alt:""},null,40,z6)]),e("div",U6,[e("div",{onClick:i[6]||(i[6]=j=>f.value?p():C("goback")),class:"h-[40%] rounded-full cursor-pointer relative z-[2] anim-hover-1 aspect-square flex items-center justify-center ml-[0.5em] bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)]"},i[14]||(i[14]=[e("svg",{class:"h-[35%]",viewBox:"0 0 8 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M6.49996 1L1.5 6L6.5 11",stroke:"#FF2641","stroke-width":"2","stroke-miterlimit":"16","stroke-linecap":"round"})],-1)])),((m1=(f1=g.playlistData)==null?void 0:f1.album)==null?void 0:m1.phone_number)===t(v).phone_number?(o(),a("div",{key:0,onClick:k,ref_key:"dropdownRef",ref:x,class:"h-[40%] inline-flex rounded-full items-center justify-center cursor-pointer anim-hover-1 px-[10em] bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)]"},[e("span",q6,m(f.value?t(l)("general.done"):t(l)("general.edit")),1),_.value?(o(),a("div",Y6,[e("div",{onClick:[i[7]||(i[7]=K(()=>{},["stop"])),H],class:"min-w-[10em] h-[32em] flex items-center justify-center border-b-[1px] border-black/10"},[e("span",G6,m(t(l)("music.editPlaylist")),1)]),e("div",{onClick:[i[8]||(i[8]=K(()=>{},["stop"])),i[9]||(i[9]=j=>{A.value=!0,_.value=!1})],class:"min-w-[10em] h-[32em] flex items-center justify-center cursor-pointer anim-hover-1"},[e("span",X6,m(t(l)("music.deletePlaylist")),1)])])):S("",!0)],512)):(o(),a("div",{key:1,onClick:M1,class:"h-[40%] rounded-full cursor-pointer relative z-[2] anim-hover-1 aspect-square flex items-center justify-center ml-[0.5em] bg-white dark:bg-[#1E1E1E] shadow-[0px_0px_32.400001525878906px_0px_rgba(0,0,0,0.29)]"},[$.value?(o(),a("svg",J6,i[16]||(i[16]=[e("path",{d:"M0 5.48293C0 6.77197 0.346173 8.0474 1.03852 9.30923C1.73087 10.571 2.714 11.7995 3.98792 12.9947C5.26184 14.19 6.76654 15.3322 8.50203 16.4215C8.60049 16.4821 8.71281 16.5381 8.83897 16.5895C8.96513 16.641 9.07437 16.6667 9.16669 16.6667C9.26515 16.6667 9.37746 16.641 9.50361 16.5895C9.62978 16.5381 9.74211 16.4821 9.84061 16.4215C11.5761 15.3322 13.0792 14.19 14.3501 12.9947C15.6209 11.7995 16.6025 10.571 17.2948 9.30923C17.9872 8.0474 18.3333 6.77197 18.3333 5.48293C18.3333 4.67804 18.2026 3.94123 17.941 3.27251C17.6795 2.60379 17.3133 2.02433 16.8425 1.53413C16.3717 1.04394 15.8178 0.665699 15.1809 0.399418C14.5439 0.133139 13.85 0 13.0992 0C12.2438 0 11.4791 0.184581 10.8053 0.553743C10.1313 0.922901 9.58515 1.4131 9.16669 2.02433C8.75435 1.4131 8.2097 0.922901 7.53274 0.553743C6.85578 0.184581 6.08958 0 5.23415 0C4.48949 0 3.79868 0.133139 3.16172 0.399418C2.52476 0.665699 1.96934 1.04394 1.49547 1.53413C1.0216 2.02433 0.653884 2.60379 0.39233 3.27251C0.130777 3.94123 0 4.67804 0 5.48293Z",fill:"#FF2641"},null,-1)]))):(o(),a("svg",K6,i[15]||(i[15]=[e("path",{d:"M0 5.48293C0 6.77197 0.346173 8.0474 1.03852 9.30923C1.73087 10.571 2.714 11.7995 3.98792 12.9947C5.26184 14.19 6.76654 15.3322 8.50203 16.4215C8.60049 16.4821 8.71281 16.5381 8.83897 16.5895C8.96513 16.641 9.07437 16.6667 9.16669 16.6667C9.26515 16.6667 9.37746 16.641 9.50361 16.5895C9.62978 16.5381 9.74211 16.4821 9.84061 16.4215C11.5761 15.3322 13.0792 14.19 14.3501 12.9947C15.6209 11.7995 16.6025 10.571 17.2948 9.30923C17.9872 8.0474 18.3333 6.77197 18.3333 5.48293C18.3333 4.67804 18.2026 3.94123 17.941 3.27251C17.6795 2.60379 17.3133 2.02433 16.8425 1.53413C16.3717 1.04394 15.8178 0.665699 15.1809 0.399418C14.5439 0.133139 13.85 0 13.0992 0C12.2438 0 11.4791 0.184581 10.8053 0.553743C10.1313 0.922901 9.58515 1.4131 9.16669 2.02433C8.75435 1.4131 8.2097 0.922901 7.53274 0.553743C6.85578 0.184581 6.08958 0 5.23415 0C4.48949 0 3.79868 0.133139 3.16172 0.399418C2.52476 0.665699 1.96934 1.04394 1.49547 1.53413C1.0216 2.02433 0.653884 2.60379 0.39233 3.27251C0.130777 3.94123 0 4.67804 0 5.48293ZM1.48624 5.48293C1.48624 4.67804 1.64779 3.97452 1.97088 3.37236C2.29398 2.77021 2.73708 2.3012 3.30019 1.96532C3.8633 1.62945 4.5018 1.46151 5.21569 1.46151C5.79418 1.46151 6.29575 1.56288 6.72039 1.76562C7.14503 1.96835 7.50504 2.22101 7.80045 2.5236C8.09585 2.82619 8.34202 3.12878 8.53895 3.43137C8.66819 3.61293 8.77743 3.73548 8.86666 3.79902C8.9559 3.86257 9.0559 3.89434 9.16669 3.89434C9.27746 3.89434 9.37594 3.86105 9.46211 3.79448C9.54826 3.72791 9.65902 3.60687 9.79438 3.43137C10.0037 3.13483 10.2575 2.83375 10.556 2.52814C10.8545 2.22253 11.2114 1.96835 11.6268 1.76562C12.0422 1.56288 12.5392 1.46151 13.1177 1.46151C13.8316 1.46151 14.4701 1.62945 15.0332 1.96532C15.5963 2.3012 16.0394 2.77021 16.3625 3.37236C16.6856 3.97452 16.8472 4.67804 16.8472 5.48293C16.8472 6.32413 16.641 7.17592 16.2287 8.0383C15.8163 8.90071 15.2578 9.74646 14.5531 10.5756C13.8485 11.4046 13.0484 12.1959 12.153 12.9494C11.2575 13.7028 10.3267 14.3942 9.36053 15.0236C9.25592 15.0962 9.1913 15.1325 9.16669 15.1325C9.14206 15.1325 9.08052 15.0962 8.98205 15.0236C8.01584 14.3942 7.08502 13.7028 6.18959 12.9494C5.29415 12.1959 4.49257 11.4046 3.78484 10.5756C3.0771 9.74646 2.51707 8.90071 2.10473 8.0383C1.69241 7.17592 1.48624 6.32413 1.48624 5.48293Z",fill:"#FF2641"},null,-1)])))]))]),e("div",W6,[e("span",Q6,m(((p1=(h1=g.playlistData)==null?void 0:h1.album)==null?void 0:p1.name)||t(l)("music.unnamedPlaylist")),1)]),e("div",e5,[e("span",t5,m(t(l)("music.songsCount",{count:((g1=(v1=g.playlistData)==null?void 0:v1.songs)==null?void 0:g1.length)||0})),1)]),e("div",l5,[e("div",{onClick:i[10]||(i[10]=j=>s1(0)),class:e1(["w-[48%] h-[79%] borderred rounded-[18em] bg-[#FF2641] flex items-center justify-center anim-hover-1",!((w1=g.playlistData)!=null&&w1.songs)||g.playlistData.songs.length===0?"cursor-not-allowed":"cursor-pointer"])},[i[17]||(i[17]=e("svg",{class:"h-[40%]",viewBox:"0 0 16 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M9.9405 3.33706C11.5735 4.26474 12.8567 4.99375 13.7709 5.66154C14.6913 6.33392 15.3721 7.03666 15.6159 7.96326C15.7947 8.64266 15.7947 9.35746 15.6159 10.0369C15.3721 10.9635 14.6913 11.6662 13.7709 12.3386C12.8567 13.0064 11.5735 13.7354 9.9406 14.6631C8.3632 15.5592 7.033 16.3149 6.0232 16.7445C5.0053 17.1774 4.07729 17.3969 3.17536 17.1413C2.51252 16.9534 1.90941 16.5969 1.42356 16.1067C0.76419 15.4415 0.49951 14.522 0.37429 13.4155C0.24998 12.317 0.24999 10.8791 0.25 9.05016V8.94996C0.24999 7.12106 0.24998 5.68315 0.37429 4.5847C0.49951 3.47816 0.76419 2.55867 1.42356 1.89341C1.90941 1.40323 2.51252 1.04672 3.17536 0.858893C4.07729 0.603313 5.0053 0.822753 6.0232 1.25571C7.033 1.68522 8.3632 2.4409 9.9405 3.33706Z",fill:"white"})],-1)),e("span",s5,m(t(l)("music.play")),1)],2),e("div",{onClick:S1,class:e1(["w-[48%] h-[79%] borderred rounded-[18em] bg-[#FF2641] flex items-center justify-center anim-hover-1",!((x1=g.playlistData)!=null&&x1.songs)||g.playlistData.songs.length===0?"cursor-not-allowed":"cursor-pointer"])},[i[18]||(i[18]=e("svg",{class:"h-[40%]",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 6C2 5.44772 2.44772 5 3 5H6.9166C7.93041 5 8.87563 5.51203 9.42944 6.3612L15.7458 16.0463C15.9304 16.3293 16.2455 16.5 16.5834 16.5H21C21.3844 16.5 21.7348 16.7203 21.9013 17.0668C22.0678 17.4133 22.021 17.8245 21.7809 18.1247L19.7809 20.6247C19.4359 21.056 18.8066 21.1259 18.3753 20.7809C17.944 20.4359 17.8741 19.8066 18.2191 19.3753L18.9194 18.5H16.5834C15.5596 18.5 14.6244 17.988 14.0706 17.1388L7.75421 7.45373C7.56961 7.17068 7.25454 7 6.9166 7H3C2.44772 7 2 6.55228 2 6Z",fill:"white"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2 18C2 18.5523 2.44772 19 3 19H6.92963C7.93269 19 8.86939 18.4987 9.42578 17.6641L10.8321 15.5547C11.1384 15.0952 11.0142 14.4743 10.5547 14.1679C10.0952 13.8616 9.4743 13.9858 9.16795 14.4453L7.76168 16.5547C7.57622 16.8329 7.26399 17 6.92963 17H3C2.44772 17 2 17.4477 2 18ZM13.4855 9.85753C13.9591 10.1416 14.5733 9.98812 14.8575 9.51454L15.7749 7.98555C15.9556 7.68434 16.2811 7.50004 16.6324 7.50004H21C21.3844 7.50004 21.7348 7.27969 21.9013 6.93323C22.0678 6.58676 22.021 6.17552 21.7809 5.87535L19.7809 3.37535C19.4359 2.94408 18.8066 2.87416 18.3753 3.21917C17.944 3.56418 17.8741 4.19347 18.2191 4.62473L18.9194 5.50004H16.6324C15.5786 5.50004 14.6021 6.05294 14.0599 6.95655L13.1425 8.48554C12.8584 8.95912 13.0119 9.57338 13.4855 9.85753Z",fill:"white"})],-1)),e("span",o5,m(t(l)("music.shuffle")),1)],2)]),e("div",i5,[e("div",a5,[!((y1=g.playlistData)!=null&&y1.songs)||g.playlistData.songs.length===0?(o(),a("div",n5,[e("span",r5,m(t(l)("music.noSongsInPlaylist")),1)])):S("",!0),(o(!0),a(J,null,t1((k1=g.playlistData)==null?void 0:k1.songs,(j,E1)=>(o(),a("div",{key:j.id,class:"w-full h-[18%] px-[14em]"},[e("div",{onClick:D1=>s1(E1),class:"w-full h-full flex overflow-hidden mt-[15em] rounded-[20em] dark:bg-[#1E1E1E] bg-[white] cursor-pointer anim-hover-1"},[e("div",d5,[e("div",C5,[e("img",{src:j.thumbnail,class:"w-full h-full object-cover object-center",alt:""},null,8,u5)])]),e("div",f5,[e("p",m5,m(j.title),1),e("p",h5,m(j.author),1)]),f.value?(o(),a("div",{key:0,onClick:[i[11]||(i[11]=K(()=>{},["stop"])),D1=>{I.value=j,M.value=!0}],class:"w-[17%] h-full flex items-center justify-center"},i[19]||(i[19]=[e("svg",{class:"h-[25%] cursor-pointer anim-hover-1",viewBox:"0 0 18 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.87192 18.6439C4.60539 18.6439 4.38225 18.5571 4.20249 18.3835C4.02274 18.2099 3.92666 17.9913 3.91427 17.7279L3.26343 4.82264H14.6995L14.0858 17.7279C14.0734 17.9973 13.9773 18.2174 13.7976 18.388C13.6178 18.5586 13.3916 18.6439 13.1188 18.6439H4.87192ZM6.66634 16.9601C6.56097 17.0589 6.42151 17.1082 6.24795 17.1082C6.07439 17.1082 5.93493 17.0604 5.82956 16.9646C5.72419 16.8688 5.6684 16.74 5.66221 16.5784L5.38328 6.97801C5.37708 6.82234 5.42822 6.69512 5.53669 6.59633C5.64516 6.49755 5.78617 6.44815 5.95973 6.44815C6.12709 6.44815 6.265 6.49605 6.37347 6.59184C6.48194 6.68764 6.53617 6.81337 6.53617 6.96903L6.8244 16.5784C6.8244 16.734 6.77171 16.8613 6.66634 16.9601ZM9.43701 16.9601C9.32544 17.0589 9.17978 17.1082 9.00002 17.1082C8.82647 17.1082 8.68391 17.0589 8.57234 16.9601C8.46076 16.8613 8.40498 16.734 8.40498 16.5784V6.97801C8.40498 6.82234 8.46076 6.69512 8.57234 6.59633C8.68391 6.49755 8.82647 6.44815 9.00002 6.44815C9.17978 6.44815 9.32544 6.49755 9.43701 6.59633C9.54858 6.69512 9.60437 6.82234 9.60437 6.97801V16.5784C9.60437 16.734 9.54858 16.8613 9.43701 16.9601ZM12.1705 16.9646C12.0651 17.0604 11.9288 17.1082 11.7614 17.1082C11.5816 17.1082 11.4391 17.0589 11.3337 16.9601C11.2283 16.8613 11.1787 16.734 11.1849 16.5784L11.4639 6.97801C11.4701 6.81636 11.5259 6.68764 11.6312 6.59184C11.7366 6.49605 11.873 6.44815 12.0403 6.44815C12.2201 6.44815 12.3626 6.49755 12.468 6.59633C12.5734 6.69512 12.623 6.82234 12.6168 6.97801L12.3379 16.5784C12.3316 16.74 12.2758 16.8688 12.1705 16.9646Z",fill:"#FF2641"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2676 20H4.74175C4.07232 20 3.53152 19.8099 3.11933 19.4297C2.70713 19.0496 2.48554 18.5362 2.45455 17.8896L1.81302 4.82264H0.697316C0.511365 4.82264 0.348658 4.75528 0.209195 4.62057C0.0697317 4.48587 0 4.32571 0 4.1401C0 3.96049 0.0697317 3.80333 0.209195 3.66862C0.348658 3.53391 0.511365 3.46655 0.697316 3.46655H4.91841V2.0925C4.91841 1.44589 5.1245 0.935489 5.53669 0.561295C5.94888 0.187098 6.51138 0 7.22419 0H10.7572C11.4701 0 12.0326 0.187098 12.4448 0.561295C12.857 0.935489 13.063 1.44589 13.063 2.0925V3.46655H17.312C17.498 3.46655 17.6592 3.53241 17.7955 3.66413C17.9318 3.79585 18 3.95451 18 4.1401C18 4.32571 17.9334 4.48587 17.8002 4.62057C17.6669 4.75528 17.5042 4.82264 17.312 4.82264H16.1963L15.5548 17.8806C15.5238 18.5272 15.3007 19.0421 14.8854 19.4252C14.4701 19.8084 13.9308 20 13.2676 20ZM11.5848 3.46655H6.39671V2.18232C6.39671 1.93085 6.48194 1.72729 6.65239 1.57162C6.82285 1.41596 7.04754 1.33813 7.32646 1.33813H10.655C10.9339 1.33813 11.1586 1.41596 11.329 1.57162C11.4995 1.72729 11.5848 1.93085 11.5848 2.18232V3.46655ZM4.20249 18.3835C4.38225 18.5571 4.60539 18.6439 4.87192 18.6439H13.1188C13.3916 18.6439 13.6178 18.5586 13.7976 18.388C13.9773 18.2174 14.0734 17.9973 14.0858 17.7279L14.6995 4.82264H3.26343L3.91427 17.7279C3.92666 17.9913 4.02274 18.2099 4.20249 18.3835Z",fill:"#FF2641"})],-1)]),8,p5)):S("",!0)],8,c5)]))),128))])])])}}},g5=a1(v5,[["__scopeId","data-v-3689e210"]]),w5={class:"w-full h-full rounded-[44em] overflow-hidden bg-[#F2F2F7] dark:bg-black"},x5={class:"w-[85%] h-full flex rounded-[21em] overflow-hidden cursor-pointer anim-hover-1 dark:bg-[#1e1e1e] bg-white"},y5={class:"w-[20%] h-full flex items-center justify-center overflow-hidden"},k5=["src"],_5=["src"],b5={class:"w-[57%] h-full flex flex-col justify-center"},F5={class:"text-[11em] font-['SFPRO'] text-black/70 dark:text-white font-[400] leading-[100%] truncate"},L5={class:"text-[9em] font-['SFPRO'] text-black/70 dark:text-white/50 font-[400] leading-[100%] mt-[0.3em] truncate"},$5={class:"w-[20%] text-black dark:text-white/50 h-full flex gap-[5em] pr-[5em] items-center justify-end"},P5={key:3,class:"w-full h-[50em] absolute bottom-[12em] px-[20em] flex items-center z-[20]"},M5={class:"w-[100%] h-full rounded-full flex justify-between overflow-hidden relative"},S5={class:"h-full rounded-full bg-white dark:bg-[#1E1E1E] flex transition-all duration-300 relative w-[50%]"},H5={class:"absolute inset-0 py-[5em] pl-[5px] pr-[6px] pointer-events-none"},E5={class:"w-full h-full pl-[5em] flex flex-col items-center justify-center rounded-full"},D5={class:"h-[30%]",viewBox:"0 0 24 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},V5=["fill"],Z5=["fill"],j5={class:"w-full h-full flex flex-col items-center justify-center rounded-full"},B5={class:"h-[40%]",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},T5={opacity:"0.7"},I5=["fill"],A5=["fill"],R5={class:"h-full rounded-full w-[50em] bg-white dark:bg-[#1E1E1E] flex items-center justify-between cursor-pointer transition-all duration-300 ease-out absolute right-0"},Q5={__name:"MusicApp",setup(g){const u=Q(),{currentMusic:n,isPlaying:l,currentTime:c,duration:v,progressPercentage:r,volume:_}=B(u);L(!1);const x=q(),{DarkMode:f,networkSignal:y,appConfig:d}=B(x),s=L("browse"),{t:h}=Y(),$=$1(()=>{var p,D,s1;const b=((s1=(D=(p=d.value)==null?void 0:p.TowerConfig)==null?void 0:D.AppRequirements)==null?void 0:s1.music)||1;return y.value>=b});N(()=>{f.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const F=L([{key:"search"},{key:"browse"},{key:"library"},{key:"musicplayer"},{key:"playlist"},{key:"liked"}]),k=L(["browse"]),H=L(null),Z=(b,p=!0)=>{p&&b!==s.value&&k.value.push(s.value),s.value=b},T=()=>{if(k.value.length>0){const b=k.value.pop();s.value=b,(b==="browse"||b==="library")&&(M.value=null)}},A=b=>{H.value=b,s.value="musicplayer"},M=L(null),I=b=>V(this,null,function*(){let p=yield u.GetAlbumSongs(b);M.value=p,k.value.push(s.value),s.value="playlist"}),P=b=>{!M.value||!M.value.album||(b.type==="name"?M.value.album.name=b.value:b.type==="cover"&&(M.value.album.cover=b.value),u.fetchMyPlaylists())},C=b=>V(this,null,function*(){M.value=null,yield u.fetchMyPlaylists()}),E=b=>{!M.value||!M.value.songs||(M.value.songs=M.value.songs.filter(p=>p.id!==b))},G=b=>{!M.value||!M.value.songs||M.value.songs.length===0||(u.setPlaylist(M.value.songs,b),Z("musicplayer"))},l1=b=>{const p=u.ScrollPage.likedsongs.loadedData;!p||p.length===0||(u.setPlaylist(p,b),Z("musicplayer"))};return o1(()=>V(this,null,function*(){yield u.fetchPlaylists(),yield u.fetchMyPlaylists(),yield u.fetchLikedMusic()})),(b,p)=>(o(),a("div",w5,[$.value?(o(),U(U1,{key:1,"current-key":s.value,items:F.value,duration:300,easing:"ease-in-out"},{browse:X(()=>[z(d2,{show:s.value==="browse",onSelectedAlbumID:I},null,8,["show"])]),library:X(()=>[z(X3,{show:s.value==="library",onSelectedAlbumID:I,onChangePage:Z},null,8,["show"])]),playlist:X(()=>[z(g5,{show:s.value==="playlist",playlistData:M.value,onGoback:T,"onUpdate:playlist":P,"onDelete:playlist":C,"onDelete:song":E,"onPlay:song":G},null,8,["show","playlistData"])]),musicplayer:X(()=>[z(_3,{show:s.value==="musicplayer",onChangepage:Z,onGoback:T,videoData:H.value},null,8,["show","videoData"])]),search:X(()=>[z(R6,{show:s.value==="search",onGoback:T,onVideoDataFetched:A},null,8,["show"])]),liked:X(()=>[z(y6,{show:s.value==="liked",onGoback:T,"onPlay:song":l1,"onPlay:all":p[0]||(p[0]=D=>Z("musicplayer"))},null,8,["show"])]),_:1},8,["current-key","items"])):(o(),U(G1,{key:0})),t(n)&&t(n).videoId&&s.value!=="musicplayer"&&s.value!=="playlist"&&s.value!=="liked"&&s.value!=="search"?(o(),a("div",{key:2,onClick:p[4]||(p[4]=D=>Z("musicplayer")),class:e1(["w-full h-[50em] absolute z-[50] flex items-center justify-center","bottom-[75em]"])},[e("div",x5,[e("div",y5,[e("img",{src:t(n).thumbnail,class:"h-[70%] w-[65%] rounded-[12em] z-10 object-cover object-center",alt:""},null,8,k5),e("img",{src:t(n).thumbnail,class:"h-[65%] absolute z-1 blur-[30px] opacity-60 rounded-[12em] object-cover object-center",alt:""},null,8,_5)]),e("div",b5,[e("p",F5,m(t(n).title),1),e("p",L5,m(t(n).author),1)]),e("div",$5,[t(l)?S("",!0):(o(),a("svg",{key:0,class:"h-[27%] mr-[3em] cursor-pointer anim-hover-1",onClick:p[1]||(p[1]=K((...D)=>t(u).togglePlayPause&&t(u).togglePlayPause(...D),["stop"])),viewBox:"0 0 16 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p[8]||(p[8]=[e("path",{d:"M9.9405 3.33706C11.5735 4.26474 12.8567 4.99375 13.7709 5.66154C14.6913 6.33392 15.3721 7.03666 15.6159 7.96326C15.7947 8.64266 15.7947 9.35746 15.6159 10.0369C15.3721 10.9635 14.6913 11.6662 13.7709 12.3386C12.8567 13.0064 11.5735 13.7354 9.9406 14.6631C8.3632 15.5592 7.033 16.3149 6.0232 16.7445C5.0053 17.1774 4.07729 17.3969 3.17536 17.1413C2.51252 16.9534 1.90941 16.5969 1.42356 16.1067C0.76419 15.4415 0.49951 14.522 0.37429 13.4155C0.24998 12.317 0.24999 10.8791 0.25 9.05016V8.94996C0.24999 7.12106 0.24998 5.68315 0.37429 4.5847C0.49951 3.47816 0.76419 2.55867 1.42356 1.89341C1.90941 1.40323 2.51252 1.04672 3.17536 0.858893C4.07729 0.603313 5.0053 0.822753 6.0232 1.25571C7.033 1.68522 8.3632 2.4409 9.9405 3.33706Z",fill:"currentColor"},null,-1)]))),t(l)?(o(),a("svg",{key:1,class:"h-[33%] mr-[3em] cursor-pointer anim-hover-1",onClick:p[2]||(p[2]=K((...D)=>t(u).togglePlayPause&&t(u).togglePlayPause(...D),["stop"])),viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p[9]||(p[9]=[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.25 5C3.25 4.0335 4.0335 3.25 5 3.25H9C9.9665 3.25 10.75 4.0335 10.75 5V19C10.75 19.9665 9.9665 20.75 9 20.75H5C4.0335 20.75 3.25 19.9665 3.25 19V5Z",fill:"currentColor"},null,-1),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.25 5C13.25 4.0335 14.0335 3.25 15 3.25H19C19.9665 3.25 20.75 4.0335 20.75 5V19C20.75 19.9665 19.9665 20.75 19 20.75H15C14.0335 20.75 13.25 19.9665 13.25 19V5Z",fill:"currentColor"},null,-1)]))):S("",!0),(o(),a("svg",{class:"h-[25%] cursor-pointer anim-hover-1",onClick:p[3]||(p[3]=K((...D)=>t(u).playNext&&t(u).playNext(...D),["stop"])),viewBox:"0 0 22 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},p[10]||(p[10]=[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.4441 4.38142C19.9556 3.95369 19.292 3.47444 18.4653 2.87737C17.3305 2.0578 16.3689 1.36329 15.6346 0.932655C14.9017 0.502845 14.2035 0.209165 13.4839 0.254635C12.5365 0.314505 11.6545 0.759895 11.0467 1.48773C10.5842 2.04155 10.4124 2.77819 10.3313 3.6202C10.3125 3.81523 10.2981 4.02401 10.287 4.24699C9.81656 3.8533 9.20646 3.4127 8.46526 2.87737C7.33051 2.0578 6.3689 1.36329 5.63459 0.932655C4.90167 0.502845 4.20348 0.209165 3.4839 0.254635C2.53643 0.314505 1.65444 0.759895 1.04665 1.48773C0.58416 2.04155 0.41235 2.77819 0.33124 3.6202C0.24999 4.46375 0.24999 5.56472 0.25 6.95762V7.04232C0.24999 8.43521 0.24999 9.53621 0.33124 10.3798C0.41235 11.2218 0.58416 11.9584 1.04665 12.5123C1.65444 13.2401 2.53643 13.6855 3.4839 13.7453C4.20348 13.7908 4.90167 13.4971 5.63459 13.0673C6.36888 12.6367 7.33048 11.9422 8.4652 11.1227C9.20639 10.5874 9.81656 10.1467 10.287 9.75301C10.2981 9.97601 10.3125 10.1848 10.3313 10.3798C10.4124 11.2218 10.5842 11.9584 11.0467 12.5123C11.6545 13.2401 12.5365 13.6855 13.4839 13.7453C14.2035 13.7908 14.9017 13.4971 15.6346 13.0673C16.3689 12.6367 17.3305 11.9422 18.4653 11.1227C19.292 10.5256 19.9556 10.0463 20.4441 9.61862C20.942 9.18262 21.3362 8.73552 21.5413 8.17592C21.8196 7.41642 21.8196 6.58362 21.5413 5.82412C21.3362 5.26452 20.942 4.81736 20.4441 4.38142Z",fill:"currentColor"},null,-1)])))])])])):S("",!0),s.value!=="search"&&s.value!=="musicplayer"&&s.value!=="playlist"&&s.value!=="liked"?(o(),a("div",P5,[e("div",M5,[e("div",S5,[e("div",H5,[e("div",{class:"h-full w-[50%] bg-black/5 dark:bg-white/5 rounded-full transition-transform duration-250 ease-in-out",style:n1({transform:s.value==="browse"?"translateX(3%)":s.value==="library"?"translateX(99%)":"translateX(0%)"})},null,4)]),e("div",{class:"w-[50%] h-full flex py-[5em] cursor-pointer relative z-10",onClick:p[5]||(p[5]=D=>s.value="browse")},[e("div",E5,[(o(),a("svg",D5,[e("path",{d:"M3.19594 18H20.8041C21.8762 18 22.6769 17.7276 23.2061 17.1827C23.7354 16.6379 24 15.8207 24 14.7311V8.48855C24 8.17221 23.983 7.8998 23.9491 7.67133C23.9152 7.44286 23.8559 7.23548 23.771 7.04919C23.6862 6.8629 23.5691 6.67485 23.4199 6.48504L19.9085 1.98242C19.5081 1.47627 19.1569 1.07908 18.855 0.790859C18.553 0.502634 18.2154 0.298769 17.8422 0.179262C17.469 0.0597538 16.9805 0 16.3766 0H7.62342C7.01952 0 6.53267 0.0597538 6.16287 0.179262C5.79306 0.298769 5.45548 0.502634 5.15014 0.790859C4.84479 1.07908 4.49534 1.47627 4.10179 1.98242L0.580154 6.48504C0.430875 6.67485 0.313826 6.8629 0.229009 7.04919C0.14419 7.23548 0.0848178 7.44286 0.0508907 7.67133C0.0169636 7.8998 0 8.17221 0 8.48855V14.7311C0 15.8207 0.266328 16.6379 0.798984 17.1827C1.33164 17.7276 2.13062 18 3.19594 18ZM3.21629 16.3023C2.70739 16.3023 2.31723 16.1634 2.0458 15.8857C1.77439 15.608 1.63868 15.195 1.63868 14.6467V9.3954H8.09162C8.17304 10.0562 8.39357 10.6449 8.7532 11.1616C9.11283 11.6783 9.57254 12.0843 10.1323 12.3796C10.6921 12.6748 11.3147 12.8224 12.0001 12.8224C12.6922 12.8224 13.3181 12.6731 13.8779 12.3743C14.4377 12.0756 14.8957 11.6678 15.2519 11.1511C15.6082 10.6344 15.827 10.0492 15.9085 9.3954H22.3614V14.6467C22.3614 15.195 22.224 15.608 21.9492 15.8857C21.6744 16.1634 21.2859 16.3023 20.7837 16.3023H3.21629ZM12.0001 11.2618C11.5183 11.2618 11.1009 11.137 10.7481 10.8874C10.3953 10.6379 10.1222 10.3198 9.92877 9.93319C9.73539 9.54655 9.6387 9.14936 9.6387 8.74162V8.71C9.6387 8.49207 9.57423 8.29523 9.44531 8.11948C9.31639 7.94374 9.11961 7.85586 8.85497 7.85586H2.14759C1.97795 7.85586 1.87448 7.79611 1.83716 7.67661C1.79983 7.5571 1.82528 7.4411 1.91349 7.32863L5.68957 2.39367C5.94064 2.06326 6.21375 1.82776 6.50892 1.68716C6.80408 1.54657 7.13487 1.47627 7.50129 1.47627H16.4988C16.872 1.47627 17.2044 1.54657 17.4962 1.68716C17.788 1.82776 18.0594 2.06326 18.3105 2.39367L22.0968 7.32863C22.1782 7.4411 22.2002 7.5571 22.1628 7.67661C22.1255 7.79611 22.0255 7.85586 21.8627 7.85586H15.145C14.8804 7.85586 14.6854 7.94374 14.5598 8.11948C14.4343 8.29523 14.3716 8.49207 14.3716 8.71V8.74162C14.3716 9.14936 14.2732 9.54655 14.0764 9.93319C13.8796 10.3198 13.6048 10.6379 13.2519 10.8874C12.8991 11.137 12.4818 11.2618 12.0001 11.2618ZM16.2748 3.02636H7.72521C7.5895 3.02636 7.47415 3.07556 7.37915 3.17398C7.28415 3.27239 7.23666 3.39191 7.23666 3.53251C7.23666 3.6731 7.28415 3.79261 7.37915 3.89103C7.47415 3.98945 7.5895 4.03866 7.72521 4.03866H16.2748C16.4173 4.03866 16.5344 3.98945 16.6259 3.89103C16.7176 3.79261 16.7634 3.6731 16.7634 3.53251C16.7634 3.39191 16.7176 3.27239 16.6259 3.17398C16.5344 3.07556 16.4173 3.02636 16.2748 3.02636ZM17.6286 5.40948H6.37151C6.22902 5.40948 6.10858 5.46572 6.01019 5.5782C5.9118 5.69067 5.86261 5.81721 5.86261 5.9578C5.86261 6.0984 5.9118 6.22142 6.01019 6.32688C6.10858 6.43232 6.22902 6.48504 6.37151 6.48504H17.6286C17.771 6.48504 17.8914 6.43232 17.9898 6.32688C18.0882 6.22142 18.1374 6.0984 18.1374 5.9578C18.1374 5.81721 18.0882 5.69067 17.9898 5.5782C17.8914 5.46572 17.771 5.40948 17.6286 5.40948Z",fill:t(f)?s.value=="browse"?"#FF2641":"#bbbbbb":s.value=="browse"?"#FF2641":"#4d4d4d"},null,8,V5),e("path",{d:"M3.21629 16.3023C2.70739 16.3023 2.31723 16.1634 2.0458 15.8857C1.77439 15.608 1.63868 15.195 1.63868 14.6467V9.3954H8.09162C8.17304 10.0562 8.39357 10.6449 8.7532 11.1616C9.11283 11.6783 9.57254 12.0843 10.1323 12.3796C10.6921 12.6748 11.3147 12.8224 12.0001 12.8224C12.6922 12.8224 13.3181 12.6731 13.8779 12.3743C14.4377 12.0756 14.8957 11.6678 15.2519 11.1511C15.6082 10.6344 15.827 10.0492 15.9085 9.3954H22.3614V14.6467C22.3614 15.195 22.224 15.608 21.9492 15.8857C21.6744 16.1634 21.2859 16.3023 20.7837 16.3023H3.21629Z",fill:t(f)?s.value=="browse"?"#FF2641":"#bbbbbb":s.value=="browse"?"#FF2641":"#4d4d4d"},null,8,Z5)])),e("p",{class:e1([s.value=="browse"?"!text-[#FF2641]":"","text-[7.5em] font-['SFPRO'] text-black/70 dark:text-white/70 font-[400] leading-[100%] mt-[0.8em] fixtext"])},m(t(h)("musicApp.browse")),3)])]),e("div",{class:"w-[50%] h-full flex py-[5em] pr-[1em] cursor-pointer relative z-10",onClick:p[6]||(p[6]=D=>s.value="library")},[e("div",j5,[(o(),a("svg",B5,[e("g",T5,[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M17.4902 6.68918C17.5238 6.13792 17.9979 5.71828 18.5492 5.75188C19.9303 5.83608 21.1061 6.07333 21.9931 6.96031C22.6919 7.6591 22.9852 8.53422 23.1206 9.54142C23.2501 10.5045 23.25 11.724 23.25 13.2148V15.2387C23.25 16.7294 23.2501 17.9489 23.1206 18.912C22.9852 19.9192 22.6919 20.7943 21.9931 21.4931C21.2943 22.1919 20.4192 22.4852 19.412 22.6206C18.4489 22.7501 17.2294 22.7501 15.7386 22.7501H13.7147C12.224 22.7501 11.0045 22.7501 10.0414 22.6206C9.03421 22.4852 8.1591 22.1919 7.46031 21.4931C6.57333 20.6062 6.33608 19.4304 6.25189 18.0493C6.21828 17.498 6.63792 17.0239 7.18918 16.9903C7.74044 16.9567 8.21457 17.3763 8.24818 17.9276C8.32674 19.2162 8.53608 19.7405 8.87452 20.0789C9.13977 20.3442 9.52249 20.5329 10.3079 20.6385C11.1221 20.7479 12.2064 20.7501 13.7863 20.7501H15.6671C17.247 20.7501 18.3313 20.7479 19.1455 20.6385C19.9309 20.5329 20.3136 20.3442 20.5788 20.0789C20.8441 19.8137 21.0328 19.431 21.1384 18.6455C21.2479 17.8313 21.25 16.747 21.25 15.1672V13.2863C21.25 11.7064 21.2479 10.6221 21.1384 9.80791C21.0328 9.02249 20.8441 8.63978 20.5788 8.37453C20.2404 8.03609 19.7161 7.82674 18.4275 7.74818C17.8762 7.71457 17.4566 7.24044 17.4902 6.68918Z",fill:t(f)?s.value=="library"?"#FF2641":"#bbbbbb":s.value=="library"?"#FF2641":"#4d4d4d"},null,8,I5),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15.4404 1.38483C14.4373 1.24997 13.1583 1.24998 11.5558 1.25H9.44425C7.84166 1.24998 6.5627 1.24997 5.55961 1.38483C4.52335 1.52415 3.66994 1.81966 2.9948 2.4948C2.31966 3.16994 2.02415 4.02335 1.88483 5.05961C1.74997 6.0627 1.74998 7.34166 1.75 8.94425V11.0557C1.74998 12.6582 1.74997 13.9373 1.88483 14.9404C2.02415 15.9767 2.31966 16.8301 2.9948 17.5052C3.66994 18.1803 4.52335 18.4758 5.55961 18.6152C6.5627 18.75 7.84166 18.75 9.44426 18.75H11.5557C13.1583 18.75 14.4373 18.75 15.4404 18.6152C16.4767 18.4758 17.3301 18.1803 18.0052 17.5052C18.6803 16.8301 18.9758 15.9767 19.1152 14.9404C19.25 13.9373 19.25 12.6583 19.25 11.0557V8.94426C19.25 7.34166 19.25 6.0627 19.1152 5.05961C18.9758 4.02335 18.6803 3.16994 18.0052 2.4948C17.3301 1.81966 16.4767 1.52415 15.4404 1.38483ZM12.1556 5.63584C11.9896 5.33709 11.6427 5.18832 11.3119 5.27405C10.981 5.35978 10.75 5.65831 10.75 6.00007V9.54992C10.375 9.35821 9.95011 9.25007 9.5 9.25007C7.98122 9.25007 6.75 10.4813 6.75 12.0001C6.75 13.5189 7.98122 14.7501 9.5 14.7501C11.0188 14.7501 12.25 13.5189 12.25 12.0001V8.66748C12.5473 8.8788 12.9099 9.04691 13.3529 9.13551C13.7591 9.21674 14.1542 8.95333 14.2354 8.54716C14.3167 8.14099 14.0533 7.74587 13.6471 7.66463C13.1341 7.56204 12.8485 7.25826 12.645 6.8769C12.5391 6.67847 12.4618 6.46875 12.3928 6.26165C12.3814 6.2275 12.3685 6.18819 12.3553 6.14783C12.3339 6.08234 12.3115 6.0138 12.2932 5.96044C12.2634 5.87417 12.2184 5.74876 12.1556 5.63584Z",fill:t(f)?s.value=="library"?"#FF2641":"#bbbbbb":s.value=="library"?"#FF2641":"#4d4d4d"},null,8,A5)])])),e("p",{class:e1([s.value=="library"?"!text-[#FF2641]":"","text-[7.5em] font-['SFPRO'] text-black/70 dark:text-white/70 font-[400] leading-[100%] mt-[0.8em] fixtext"])},m(t(h)("musicApp.library")),3)])])]),e("div",R5,[e("div",{onClick:p[7]||(p[7]=D=>Z("search")),class:"min-w-[50em] w-[50em] anim-hover-1 h-full rounded-full flex items-center justify-center relative"},p[11]||(p[11]=[e("svg",{class:"h-[40%] text-black dark:text-white",viewBox:"0 0 30 30",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.9998 0.667969C7.08376 0.667969 0.666504 7.08522 0.666504 15.0013C0.666504 22.9174 7.08376 29.3346 14.9998 29.3346C22.916 29.3346 29.3332 22.9174 29.3332 15.0013C29.3332 7.08522 22.916 0.667969 14.9998 0.667969ZM13.8332 10.5243L19.6034 13.7653C20.5764 14.3118 20.5764 15.6908 19.6034 16.2373L13.8332 19.4784C12.8677 20.0206 11.6665 19.3353 11.6665 18.2424V11.7602C11.6665 10.6672 12.8677 9.98202 13.8332 10.5243Z",fill:"currentColor"})],-1)]))])])])):S("",!0)]))}};export{Q5 as default};
|