import{B as e,F as t,H as n,I as r,P as i,Q as a,T as o,W as s,X as c,Z as l,st as u,y as d,z as f}from"./vue-quasar-CzR5lecU.js";import{r as p}from"./index-C94eCAzg.js";var m={name:`PinsView`,props:{app:{type:Object,required:!0}},setup(e){return e.app}},h={class:`shelf-section pins-view`},g={class:`section-header`},_={key:0,class:`table-card`},v=[`onClick`,`onKeydown`,`onContextmenu`],y={class:`table-index`},b={class:`table-track`},x={key:1,class:`table-cover table-cover--empty`},S={class:`table-copy`},C={class:`explicit-title`},w={class:`explicit-title__text`},T={class:`table-album`},E={class:`table-time`},D=[`aria-label`,`onClick`],O={key:1,class:`empty-state pins-view__empty`};function k(p,m,k,A,j,M){let N=a(`ExplicitBadge`);return c(),n(`section`,h,[f(`div`,g,[m[1]||=f(`h2`,null,`Pinned songs`,-1),f(`span`,null,u(p.pinnedTracks.length)+` items`,1)]),p.pinnedTracks.length?(c(),n(`div`,_,[(c(!0),n(r,null,l(p.pinnedTracks,(r,a)=>(c(),n(`div`,{key:`pin-${r.id}`,class:`table-row pins-view__row`,role:`button`,tabindex:`0`,onClick:e=>p.playTrack(r,{queueSource:p.pinnedTracks}),onKeydown:[i(t(e=>p.playTrack(r,{queueSource:p.pinnedTracks}),[`prevent`]),[`enter`]),i(t(e=>p.playTrack(r,{queueSource:p.pinnedTracks}),[`prevent`]),[`space`]),e=>p.onSongActionKeydown(e,r)],onContextmenu:e=>p.openSongActionMenu(r,e)},[f(`span`,y,u(a+1),1),f(`span`,b,[r.thumbnail?(c(),e(d,{key:0,src:r.thumbnail,class:`table-cover`},null,8,[`src`])):(c(),n(`span`,x,[s(o,{name:`music_note`})])),f(`span`,S,[f(`strong`,C,[f(`span`,w,u(r.title),1),s(N,{explicit:r.explicit},null,8,[`explicit`])]),f(`small`,null,u(p.itemMeta(r)),1)])]),f(`span`,T,u(r.album||`—`),1),f(`span`,E,u(r.duration||`—`),1),f(`button`,{type:`button`,class:`table-icon-button`,"aria-label":`Unpin ${r.title}`,title:`Unpin`,onClick:t(e=>p.togglePinnedTrack(r),[`stop`]),onKeydown:m[0]||=t(()=>{},[`stop`])},[s(o,{name:`push_pin`})],40,D)],40,v))),128))])):(c(),n(`div`,O,` Right-click any song and choose Pin to keep it here. `))])}var A=p(m,[[`render`,k]]);export{A as default};