https://faptap.net/assets/PlaylistsList.vue_vue_type_script_setup_true_lang.dcc03c1b.js

1import{d as ve,c as n,v as t,f as r,i as s,j as u,$ as Z,t as $,h as L,y as de,g as f,x as d,s as Xe,u as Ve,G as Be,a0 as Ze,n as g,k as re,l as c,m as S,b as x,L as el,K as ll,w as R,F as ce,_ as E,a1 as tl,z as al,M as sl,N as we,a as ke,a2 as il,R as K,O as Pe,P as $e,Q as ze,a3 as Ce}from"./index.16ba4ea0.js";import{_ as nl}from"./Notfound.vue_vue_type_script_setup_true_lang.b9e0406b.js";import{_ as ul}from"./Pagination.vue_vue_type_script_setup_true_lang.8b7ec3c5.js";import{_ as ol}from"./CreatePlaylistDialog.vue_vue_type_script_setup_true_lang.88885215.js";const rl={class:"w-full h-full bg-zinc-900 overflow-hidden"},cl={key:0,class:"flex w-full h-full"},dl={class:"w-2/3 h-full overflow-hidden flex-shrink-0 border-r border-zinc-900/60"},vl={class:"w-1/3 h-full flex flex-col flex-shrink-0"},fl={class:"h-1/3 overflow-hidden bg-zinc-800/90 flex flex-col items-center justify-center text-center border-b border-zinc-900/60"},yl={class:"text-white font-bold text-sm leading-none"},ml={class:"h-1/3 overflow-hidden border-b border-zinc-900/60 bg-zinc-800"},pl={key:1,class:"w-full h-full bg-zinc-800 flex items-center justify-center"},gl={class:"h-1/3 overflow-hidden bg-zinc-800"},hl={key:1,class:"w-full h-full bg-zinc-800 flex items-center justify-center"},xl={key:1,class:"w-full h-full"},bl=ve({__name:"PlaylistCollage",props:{thumbnails:{default:()=>[]},videos:{default:()=>[]},alt:{default:"Playlist thumbnail"},itemsCount:{default:0}},setup(a){const j=a,i=n(()=>j.videos&&j.videos.length>0?j.videos.slice().sort((y,F)=>(F.views||0)-(y.views||0)).map(y=>y.thumbnail_url).filter(y=>!!y):j.thumbnails.filter(y=>!!y));return(y,F)=>(t(),r("div",rl,[i.value.length>=1&&a.itemsCount>0?(t(),r("div",cl,[s("div",dl,[u(Z,{src:i.value[0],alt:a.alt,class:"w-full h-full object-cover"},null,8,["src","alt"])]),s("div",vl,[s("div",fl,[s("span",yl,$(L(de)(a.itemsCount)),1),F[0]||(F[0]=s("span",{class:"text-zinc-400 text-[10px] uppercase font-medium tracking-wide mt-0.5"},"videos",-1))]),s("div",ml,[i.value.length>1?(t(),f(Z,{key:0,src:i.value[1],alt:a.alt,class:"w-full h-full object-cover"},null,8,["src","alt"])):(t(),r("div",pl,[u(d,{name:"video",class:"w-4 h-4 text-zinc-600"})]))]),s("div",gl,[i.value.length>2?(t(),f(Z,{key:0,src:i.value[2],alt:a.alt,class:"w-full h-full object-cover"},null,8,["src","alt"])):(t(),r("div",hl,[u(d,{name:"video",class:"w-4 h-4 text-zinc-600"})]))])])])):(t(),r("div",xl,[u(Z,{src:i.value[0]||"/playlist_placeholder.webp",class:"w-full h-full object-cover",alt:a.alt},null,8,["src","alt"])]))]))}}),wl={key:0,class:"text-white overflow-hidden group"},kl={key:0,class:"absolute inset-0 bg-black/70 opacity-0 group-hover:opacity-100 transition-all duration-300 flex flex-col items-center justify-center gap-4 z-20 backdrop-blur-[2px]"},Pl={key:1,class:"absolute top-1.5 left-1.5 bg-black/90 rounded px-2 backdrop-blur py-0.5 font-medium text-sm lg:text-xs flex items-center gap-1 z-30"},$l={key:2,class:"absolute top-1.5 right-1.5 opacity-0 group-hover:opacity-100 transition-opacity z-30"},zl={class:"flex gap-1.5 text-zinc-400 md:text-sm"},Cl={class:"flex-1 justify-end shrink-0 flex gap-1.5"},Vl={class:"flex gap-x-0.5 items-center"},Bl={class:"flex gap-x-0.5 items-center"},Fl={class:"flex gap-x-0.5 items-center"},_l=["title"],Ll=ve({__name:"PlaylistCard",props:{playlist:{}},emits:["edit"],setup(a){const j=a,i=Xe(),y=Ve(),{isMobile:F}=Be(),w=n(()=>{var z;return((z=y.user)==null?void 0:z.id)===j.playlist.user.id});return(z,v)=>{const T=Ze("router-link");return a.playlist?(t(),r("div",wl,[s("div",{onClick:v[3]||(v[3]=A=>a.playlist.first_video_id?L(i).push(`/v/${a.playlist.first_video_id}?playlist=${a.playlist.id}`):L(i).push(`/playlist/${a.playlist.id}`)),class:"block aspect-video w-full bg-zinc-800 relative transition-all overflow-hidden lg:rounded-md group-hover:bg-zinc-750 cursor-pointer"}

1,[u(bl,{thumbnails:a.playlist.thumbnails||[a.playlist.thumbnail_url],"items-count":a.playlist.video_count,alt:a.playlist.name,class:"w-full h-full object-cover"},null,8,["thumbnails","items-count","alt"]),L(F)?c("",!0):(t(),r("div",kl,[a.playlist.first_video_id?(t(),f(T,{key:0,to:`/v/${a.playlist.first_video_id}?playlist=${a.playlist.id}`,onClick:v[0]||(v[0]=re(()=>{},["stop"])),class:"flex items-center justify-center gap-2.5 bg-blue-600 hover:bg-blue-500 text-white w-[170px] py-2.5 rounded-full transition-all duration-200 transform hover:scale-105 active:scale-95 font-bold text-sm tracking-wide shadow-lg shadow-blue-900/20 group/play"},{default:g(()=>[u(d,{name:"play",class:"w-4 h-4"}),v[5]||(v[5]=s("span",null,"PLAY ALL",-1))]),_:1},8,["to"])):c("",!0),u(T,{to:`/playlist/${a.playlist.id}`,onClick:v[1]||(v[1]=re(()=>{},["stop"])),class:"flex items-center justify-center gap-2.5 bg-zinc-100/10 hover:bg-zinc-100/20 border border-white/10 text-zinc-100 w-[170px] py-2.5 rounded-full transition-all duration-200 transform hover:scale-105 active:scale-95 font-bold text-sm tracking-wide backdrop-blur-md"},{default:g(()=>[u(d,{name:"playlist",class:"w-4 h-4"}),v[6]||(v[6]=s("span",null,"VIEW PLAYLIST",-1))]),_:1},8,["to"])])),a.playlist.privacy!==0&&w.value?(t(),r("div",Pl,[u(d,{name:a.playlist.privacy===1?"lock":a.playlist.privacy===2?"link":"globe",class:"w-3.5 h-3.5"},null,8,["name"]),s("span",null,$(a.playlist.privacy===1?"Private":a.playlist.privacy===2?"Unlisted":"Public"),1)])):c("",!0),w.value?(t(),r("div",$l,[s("button",{onClick:v[2]||(v[2]=re(A=>z.$emit("edit",a.playlist),["stop"])),class:"bg-black/90 rounded p-1.5 backdrop-blur hover:bg-zinc-700 transition-colors"},[u(d,{name:"edit",class:"w-4 h-4"})])])):c("",!0)]),s("div",{class:"py-1 px-2 md:px-0",onClick:v[4]||(v[4]=A=>L(i).push(`/playlist/${a.playlist.id}`))},[s("div",zl,[u(T,{to:`/u/${a.playlist.user.username}`,class:"underline overflow-hidden overflow-ellipsis"},{default:g(()=>[S($(a.playlist.user.username),1)]),_:1},8,["to"]),s("div",Cl,[s("span",Vl,[u(d,{name:"eye",class:"h-4 w-4"}),S(" "+$(L(de)(a.playlist.views)),1)]),s("span",Bl,[u(d,{name:"heart-outline",class:"h-4 w-4"}),S(" "+$(L(de)(a.playlist.likes)),1)]),s("span",Fl,[u(d,{name:"video",class:"h-4 w-4"}),S(" "+$(a.playlist.video_count),1)])])]),s("div",{class:"line-clamp-1 text-lg md:text-base font-semibold leading-tight group-hover:text-blue-400 transition-colors",title:a.playlist.name},$(a.playlist.name),9,_l)])])):c("",!0)}}}),Sl={name:"Alphabetical",views:"Popular",created:"Newest",liked:"Most Liked",updated:"Recently Updated"},jl={key:0,class:"flex flex-col sm:flex-row justify-between items-stretch sm:items-center gap-3 mb-4"},Al={class:"flex items-center"},Ml={key:0,class:"text-xl lg:text-2xl !leading-none text-white px-2 lg:px-0"},Il={key:1,class:"text-xl lg:text-2xl !leading-none text-white px-2 lg:px-0"},Tl={key:1,class:"flex items-center gap-3 px-3 py-1 mb-2 rounded-md bg-zinc-800 border-transparent w-full"},Ul={key:2,class:"mb-4"},El={key:0,class:"relative"},Nl={class:"flex justify-between items-center"},Dl={class:"flex justify-between items-center"},Ol={class:"flex justify-between items-center"},Rl={class:"flex justify-between items-center"},Kl={class:"flex justify-between items-center"},Ql=["checked"],Jl=["checked"],Yl={key:3,class:"inline-flex items-center bg-zinc-800 text-md mt-2 gap-2 px-3 py-1 mb-4 rounded-md"},ql={key:5,class:"text-center py-20 bg-zinc-900/50 rounded-lg border border-zinc-800"},Gl={class:"text-zinc-400 mb-6"},Wl={key:6,class:"flex flex-col items-center"},Hl={key:7,class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-4"},ee=20,at=ve({__name:"PlaylistsList",props:{playlists:{default:()=>[]},loading:{type:Boolean,default:!1},error:{default:null},hasMore:{type:Boolean},emptyMessage:{default:"Start creating playlists to organize your favorite videos"},showCreateButton:{type:Boolean,default:!0},activeFilters:{type:Boolean,default:!1},showFilters:{type:Boolean,default:!1},orderBy:{default:"views"},ascending:{type:Boolean,default:!1},orderFilters:{default:()=>({})},isAuthorized:{type:Boolean,default:!1},showPrivacy:{type:Boolean,default:!1},privacyFilter:{default:null},privacyLabels:{default:()=>({})},showMyPlaylists:{type:Boolean,default:!1},myPlaylists:{type:Boolean,default:!1},showLiked:{type:Boolean,default:!1},likedPlaylists:{type:Boolean,default:!1},ContextPage:{default:""},contextPage:{default:""},userId:{default:""},headingTag:{default:"h1"}},emits:["select-order","select-privacy","toggle-my-playlists","toggle-liked-playlists","retry","create","edit"],setup(a,{emit:j}){const i=a,y=j,{isMobile:F}=Be(),w=Ve(),z=x(!1),v=x(!1),T=n(()=>i.ContextPage||i.contextPage||""),A=n(()=>T.value==="User"),_=n(()=>T.value==="Playlists"),N=n(()=>A.value&&!!i.userId),o=n(()=>_.value),k=n(()=>N.value||o.value),M=x([]),U=x(!0),D=x(null),P=x("views"),C=x(!1),m=x(!1),le=x(""),I=x(1),te=x(0),p=x(null),h=x(!1),Q=x(!1),ae=x(null),se=x(!1),J=n(()=>{var e;return k.value?P.value:(e=i.orderBy)!=null?e:"views"}),fe=n(()=>{var e;return k.value?C.value:(e=i.ascending)!=null?e:!1}),ie=n(()=>{var e;return k.value?Sl:(e=i.orderFilters)!=null?e:{}}),Fe=n(()=>{var e;return o.value?{0:"Public",1:"Private",2:"Unlisted"}:(e=i.privacyLabels)!=null?e:{}}),O=n(()=>{var e;return k.value?w.isAuthorized:(e=i.isAuthorized)!=null?e:!1}),Y=n(()=>{var e;return k.value?M.value:(e=i.playlists)!=null?e:[]}),ne=n(()=>{var e;return k.value?U.value:(e=i.loading)!=null?e:!1}),ye=n(()=>{var e;return k.value?D.value:(e=i.error)!=null?e:null}),_e=n(()=>{var e;return o.value?p.value!==null||h.value===!0||m.value===!0:N.value?m.value:(e=i.activeFilters)!=null?e:!1}),Le=n(()=>{var e;return k.value?!0:(e=i.showFilters)!=null?e:!1}),Se=n(()=>{var e;return _.value?!0:A.value?!1:(e=i.showPrivacy)!=null?e:!1}),je=n(()=>{var e;return _.value?!0:A.value?!1:(e=i.showMyPlaylists)!=null?e:!1}),Ae=n(()=>{var e;return _.value||A.value?!0:(e=i.showLiked)!=null?e:!1}),Me=n(()=>{var e;return k.value?m.value:(e=i.likedPlaylists)!=null?e:!1}),V=n(()=>{var e;return o.value?p.value:(e=i.privacyFilter)!=null?e:null}),Ie=n(()=>{var e;return o.value?h.value:(e=i.myPlaylists)!=null?e:!1}),q=n({get:()=>o.value?le.value:"",set:e=>{o.value&&(le.value=e)}}),Te=n(()=>o.value?I.value:1),Ue=n(()=>o.value?te.value:0),Ee=n(()=>{var e;return _.value?!0:A.value?!1:(e=i.showCreateButton)!=null?e:!0}),Ne=n(()=>o.value?Q.value:!1),De=n(()=>o.value?ae.value:null),me=n(()=>o.value?te.value>ee&&!U.value:!1),Oe=n(()=>_.value?ne.value&&Y.value.length===0:!1),Re=e=>{k.value?P.value===e?C.value=!C.value:(P.value=e,C.value=e==="name"):y("select-order",e),z.value=!1},G=e=>{o.value?(p.value=e,(e===1||e===2)&&(h.value=!0)):y("select-privacy",e),v.value=!1},Ke=()=>{if(o.value){if(!w.isAuthorized)return;h.value=!h.value,!h.value&&(p.value===1||p.value===2)&&(p.value=null)}else y("toggle-my-playlists")}

1,Qe=()=>{if(k.value){if(!w.isAuthorized)return;m.value=!m.value}else y("toggle-liked-playlists")},pe=async()=>{if(!(!N.value||!i.userId)){U.value=!0,D.value=null;try{const e=await ke.playlists.getPlaylists({limit:ee,page:0,userID:i.userId,privacy:0,orderBy:P.value,asc:C.value,likedBy:m.value?"me":void 0});e&&Array.isArray(e.playlists)?M.value=e.playlists:M.value=[]}catch(e){D.value=e instanceof Error?e.message:"Failed to load playlists",M.value=[]}finally{U.value=!1}}};let ue=!1;const W=()=>{ue||!o.value||(ue=!0,il(()=>{ue=!1,H()}))},Je=()=>{if(!o.value)return;const e=localStorage.getItem("playlistFilters");if(e)try{const l=JSON.parse(e);ie.value[l.orderBy]?P.value=l.orderBy:P.value="views",C.value=l.ascending!==void 0?l.ascending:!1,w.isAuthorized&&se.value?(h.value=l.myPlaylists!==void 0?l.myPlaylists:!1,m.value=l.likedPlaylists!==void 0?l.likedPlaylists:!1,p.value=l.privacy!==void 0?l.privacy:null):se.value&&!w.isAuthorized?(h.value=!1,m.value=!1,p.value=null):(h.value=l.myPlaylists!==void 0?l.myPlaylists:!1,m.value=l.likedPlaylists!==void 0?l.likedPlaylists:!1,p.value=l.privacy!==void 0?l.privacy:null)}catch(l){console.error("Failed to parse playlist filters from localStorage:",l)}},oe=()=>{if(!o.value)return;const e={orderBy:P.value,ascending:C.value,myPlaylists:h.value,likedPlaylists:m.value,privacy:p.value};localStorage.setItem("playlistFilters",JSON.stringify(e))},H=async()=>{var e;if(!!o.value){U.value=!0,D.value=null;try{const l=await ke.playlists.getPlaylists({limit:ee,page:I.value-1,query:le.value||void 0,orderBy:P.value,asc:C.value,liked:P.value==="liked",userID:h.value?(e=w.user)==null?void 0:e.id:void 0,privacy:p.value!==null?p.value:void 0,likedBy:m.value?"me":void 0});M.value=l.playlists,te.value=l.total||0}catch(l){console.error("Error fetching playlists:",l),D.value=l instanceof Error?l.message:"Failed to load playlists"}finally{U.value=!1}}},ge=()=>{!o.value||(I.value=1,H())},Ye=e=>{!o.value||(I.value=e,H(),window.scrollTo({top:0,behavior:"smooth"}))},qe=e=>{o.value?(ae.value=e,Q.value=!0):y("edit",e)},Ge=()=>{o.value?Q.value=!0:y("create")},he=()=>{Q.value=!1,ae.value=null},We=e=>{he();const l=M.value.findIndex(B=>B.id===e.id);l!==-1?M.value[l]=e:M.value.unshift(e)},xe=()=>{!o.value||(se.value=!0,I.value=1,Je(),W())};el(()=>{xe()}),ll(()=>{xe()}),R([()=>i.userId,P,C,m],()=>{N.value&&pe()},{immediate:!0}),R([P,C,p],()=>{!o.value||(oe(),I.value=1,W())}),R(m,()=>{if(!!o.value){if(m.value&&!w.isAuthorized){m.value=!1;return}oe(),I.value=1,W()}}),R(h,()=>{if(!!o.value){if(h.value&&!w.isAuthorized){h.value=!1;return}(p.value===1||p.value===2)&&(h.value||(p.value=null)),oe(),I.value=1,W()}}),R(()=>O.value,e=>{!e&&m.value&&(m.value=!1),!e&&o.value&&(h.value=!1,p.value=null)});const He=()=>{N.value?pe():o.value?H():y("retry")};return(e,l)=>(t(),r("div",null,[Oe.value?(t(),f(Ce,{key:0})):(t(),r(ce,{key:1},[_.value?(t(),r("div",jl,[s("div",Al,[a.headingTag==="h2"?(t(),r("h2",Ml,"Top-Rated Community Playlists")):(t(),r("h1",Il,"Top-Rated Community Playlists"))]),Ee.value&&O.value?(t(),f(E,{key:0,theme:"blue",onClick:Ge,class:"flex gap-x-1.5 items-center justify-center w-full sm:w-auto self-start sm:self-auto px-4 py-2"},{default:g(()=>[u(d,{name:"plus",class:"w-5 h-5"}),l[10]||(l[10]=s("span",null,"Playlist",-1))]),_:1})):c("",!0)])):c("",!0),_.value?(t(),r("div",Tl,[u(d,{name:"search",class:"h-6 w-6 text-zinc-300"}),u(al,{modelValue:q.value,"onUpdate:modelValue":l[0]||(l[0]=B=>q.value=B),onKeyup:tl(ge,["enter"]),placeholder:"Search playlists...",class:"flex-1 bg-transparent focus-visible:outline-none text-white !p-0 border-none ring-0 shadow-none placeholder-zinc-500"},null,8,["modelValue"]),q.value?(t(),r("button",{key:0,onClick:l[1]||(l[1]=B=>{q.value="",ge()}),class:"text-zinc-500 hover:text-white transition-colors"},[u(d,{name:"close",class:"w-5 h-5"})])):c("",!0)])):c("",!0),Le.value?(t(),r("div",Ul,[u(sl,{gap:"gap-1.5"},{default:g(()=>{var B,be;return[u(E,{ref:"order",onClick:l[2]||(l[2]=b=>z.value=!z.value),theme:J.value!=="views"?"blue":void 0,class:"flex items-center gap-1"},{default:g(()=>[u(d,{name:fe.value?"sort-ascending":"sort-descending",class:"h-5 w-5"},null,8,["name"]),S(" "+$(ie.value[J.value]||"Sort By"),1)]),_:1},8,["theme"]),Se.value&&O.value?(t(),r("div",El,[u(E,{ref:"privacy",onClick:l[3]||(l[3]=b=>v.value=!v.value),theme:V.value!==null?"blue":void 0,class:"flex items-center gap-1"},{default:g(()=>{var b;return[u(d,{name:"lock",class:"h-4 w-4"}),S(" "+$(Fe.value[(b=V.value)!=null?b:-1]||"Visibility"),1)]}),_:1}

1,8,["theme"]),(t(),f(Pe(L(F)?$e:ze),{modelValue:v.value,"onUpdate:modelValue":l[8]||(l[8]=b=>v.value=b),placement:"bottom",target:(B=e.$refs.privacy)==null?void 0:B.$el,class:"text-white text-sm py-1 w-44",offset:8},{default:g(()=>[u(K,{active:V.value===null,onClick:l[4]||(l[4]=b=>G(null))},{default:g(()=>[s("div",Nl,[l[11]||(l[11]=s("span",null,"All",-1)),V.value===null?(t(),f(d,{key:0,name:"check",class:"h-4 w-4"})):c("",!0)])]),_:1},8,["active"]),u(K,{active:V.value===0,onClick:l[5]||(l[5]=b=>G(0))},{default:g(()=>[s("div",Dl,[l[12]||(l[12]=s("span",null,"Public",-1)),V.value===0?(t(),f(d,{key:0,name:"check",class:"h-4 w-4"})):c("",!0)])]),_:1},8,["active"]),u(K,{active:V.value===1,onClick:l[6]||(l[6]=b=>G(1))},{default:g(()=>[s("div",Ol,[l[13]||(l[13]=s("span",null,"Private",-1)),V.value===1?(t(),f(d,{key:0,name:"check",class:"h-4 w-4"})):c("",!0)])]),_:1},8,["active"]),u(K,{active:V.value===2,onClick:l[7]||(l[7]=b=>G(2))},{default:g(()=>[s("div",Rl,[l[14]||(l[14]=s("span",null,"Unlisted",-1)),V.value===2?(t(),f(d,{key:0,name:"check",class:"h-4 w-4"})):c("",!0)])]),_:1},8,["active"])]),_:1},8,["modelValue","target"]))])):c("",!0),(t(),f(Pe(L(F)?$e:ze),{modelValue:z.value,"onUpdate:modelValue":l[9]||(l[9]=b=>z.value=b),placement:"bottom",target:(be=e.$refs.order)==null?void 0:be.$el,class:"text-white text-sm py-1 w-44",offset:8},{default:g(()=>[(t(!0),r(ce,null,we(ie.value,(b,X)=>(t(),f(K,{key:X,active:X===J.value,onClick:Xl=>Re(X)},{default:g(()=>[s("div",Kl,[s("span",null,$(b),1),J.value===X?(t(),f(d,{key:0,name:fe.value?"sort-ascending":"sort-descending",class:"h-5 w-5"},null,8,["name"])):c("",!0)])]),_:2},1032,["active","onClick"]))),128))]),_:1},8,["modelValue","target"])),je.value&&O.value?(t(),f(E,{key:1,class:"flex items-center gap-1",onClick:Ke},{default:g(()=>[s("input",{type:"checkbox",checked:Ie.value,class:"cursor-pointer"},null,8,Ql),l[15]||(l[15]=S(" My Playlists ",-1))]),_:1})):c("",!0),Ae.value&&O.value?(t(),f(E,{key:2,class:"flex items-center gap-1",onClick:Qe},{default:g(()=>[s("input",{type:"checkbox",checked:Me.value,class:"cursor-pointer"},null,8,Jl),l[16]||(l[16]=S(" Liked ",-1))]),_:1})):c("",!0)]}),_:1})])):c("",!0),_e.value&&!ne.value?(t(),r("div",Yl,[u(d,{name:"danger",class:"h-4 w-4 text-yellow-700"}),l[17]||(l[17]=s("span",{class:"text-zinc-200"},"Some playlist might be hidden due to your filter",-1))])):c("",!0),ne.value&&Y.value.length===0?(t(),f(Ce,{key:4})):ye.value?(t(),r("div",ql,[u(d,{name:"alert-circle",class:"w-16 h-16 mx-auto mb-4 text-red-500 opacity-50"}),l[19]||(l[19]=s("p",{class:"text-xl font-semibold mb-2"},"Failed to load playlists",-1)),s("p",Gl,$(ye.value),1),u(E,{theme:"blue",onClick:He},{default:g(()=>[...l[18]||(l[18]=[S(" Try Again ",-1)])]),_:1})])):Y.value.length===0?(t(),r("div",Wl,[u(nl,{title:"No playlists found",message:a.emptyMessage},null,8,["message"])])):(t(),r("div",Hl,[(t(!0),r(ce,null,we(Y.value,B=>(t(),f(Ll,{key:B.id,playlist:B,onEdit:qe},null,8,["playlist"]))),128))])),me.value?(t(),f(ul,{key:8,"current-page":Te.value,total:Ue.value,limit:ee,show:me.value,"onUpdate:currentPage":Ye},null,8,["current-page","total","show"])):c("",!0),_.value?(t(),f(ol,{key:9,"is-open":Ne.value,playlist:De.value,onClose:he,onSuccess:We},null,8,["is-open","playlist"])):c("",!0)],64))]))}});export{at as _};