https://calckeymusic.social/assets/media-list-wVKDaJgU.js

1import{d as S,a as N,c as L,w as T,B as P,j as z,l as g,f as s,q as r,k as M,t as a,u as d,y as o,J as q,K as D,g as p,h as v,I as m,z as f,H as U,G as C}from"./vue-tSx3lnP8.js";import{d as _,ab as j,bi as F,c as w,a as y,b_ as E,aC as G,y as H,_ as V}from"./app-CCl49sF4.js";import{M as J}from"./MkPagination-CAPpZebZ.js";import"./info-DLbPkRH3.js";const K={class:"media"},X={class:"text"},O={class:"wrapper"},Q={style:{display:"block"}},Y={style:{display:"block"}},Z={key:0},x=["poster","aria-label"],ee=["src","type"],te={class:"buttons"},se=["aria-label"],ae=S({__name:"MkNoteMedia",props:{note:{},media:{},loadRawFiles:{type:Boolean}},setup(c){var $,B;const e=c,n=N(!0),i=N(),W=e.loadRawFiles||_.state.loadRawImages?e.media.url:_.state.disableShowingAnimatedImages&&e.media.type.startsWith("image")?j(e.media.thumbnailUrl):e.media.thumbnailUrl,k=L(()=>e.media.type==="video/quicktime"?"video/mp4":e.media.type);let u;e.media.type.startsWith("image")&&(($=e.media.properties)!=null&&$.width)&&((B=e.media.properties)!=null&&B.height)&&(u=e.media.properties.width>e.media.properties.height?"width":"height");function b(){H({type:"info",text:e.media.comment,isPlaintext:!0})}return T(()=>e.media,()=>{n.value=_.state.nsfw==="force"?!0:e.media.isSensitive&&_.state.nsfw!=="ignore"},{deep:!0,immediate:!0}),(t,l)=>{const A=P("MkA"),I=z("tooltip"),R=z("size");return g((s(),r("div",K,[n.value?(s(),r("button",{key:0,class:"hidden",onClick:l[0]||(l[0]=h=>n.value=!1)},[M(F,{hash:t.media.blurhash,title:t.media.comment,alt:t.media.comment},null,8,["hash","title","alt"]),a("div",X,[a("div",O,[a("b",Q,[a("i",{class:d(o(w)("ph-warning"))},null,2),q(" "+D(o(y).ts.sensitive),1)]),a("span",Y,D(o(y).ts.clickToShow),1)])])])):(s(),p(A,{key:1,to:o(G)(t.note)},{default:v(()=>[t.media.type.startsWith("image")?(s(),r("div",Z,[M(F,{hash:t.media.blurhash,src:o(W),alt:t.media.comment,type:t.media.type,cover:!1,"largest-dimension":o(u)},null,8,["hash","src","alt","type","largest-dimension"])])):m("",!0),t.media.type.startsWith("video")?(s(),p(o(E),{key:1,ref_key:"plyr",ref:i,options:{controls:[],disableContextMenu:!1}},{default:v(()=>{var h;return[a("video",{poster:t.media.thumbnailUrl,"aria-label":(h=t.media.comment)!=null?h:void 0,preload:"none",controls:"",playsinline:"",onContextmenu:l[1]||(l[1]=f(()=>{},["stop"]))},[a("source",{src:t.media.url,type:k.value},null,8,ee)],40,x)]}),_:1},512)):m("",!0)]),_:1},8,["to"])),a("div",te,[t.media.comment?g((s(),r("button",{key:0,"aria-label":o(y).ts.alt,class:"_button",onClick:f(b,["stop"])},[a("i",{class:d(o(w)("ph-subtitles"))},null,2)],8,se)),[[I,`${t.media.comment.length>200?t.media.comment.trim().slice(0,200)+"...":t.media.comment.trim()}`,void 0,{noLabel:!0}]]):m("",!0),n.value?m("",!0):g((s(),r("button",{key:1,class:"_button",onClick:l[2]||(l[2]=f(h=>n.value=!0,["stop"]))},[a("i",{class:d(o(w)("ph-eye-slash"))},null,2)])),[[I,o(y).ts.hide]])])])),[[R,{max:[350]}]])}}}),ie=V(ae,[["__scopeId","data-v-b45c1be4"]]),oe=S({__name:"MkNoteMediaList",props:{note:{}},setup(c){return(e,n)=>(s(!0),r(C,null,U(e.note.files,i=>(s(),r(C,null,[i.type.startsWith("video")||i.type.startsWith("image")?(s(),p(ie,{key:i.id,class:d({image:i.type.startsWith("image")}),"data-id":i.id,media:i,note:e.note},null,8,["class","data-id","media","note"])):m("",!0)],64))),256))}}),ne=S({__name:"media-list",props:{user:{}},setup(c){const e=c,n={endpoint:"users/notes",limit:10,params:L(()=>({userId:e.user.id,withFiles:!0}))};return(i,W)=>{const k=P("MkSpacer");return s(),p(k,{"content-max":1100},{default:v(()=>[a("div",{class:d(i.$style.root)},[M(J,{pagination:n},{default:v(({items:u})=>[a("div",{class:d(i.$style.stream)},[(s(!0),r(C,null,U(u,b=>(s(),p(oe,{note:b},null,8,["note"]))),256))],2)]),_:1})],2)]),_:1})}}}),re="_root_k7pkm_1",le="_stream_k7pkm_5",de={root:re,stream:le},me={$style:de},_e=V(ne,[["__cssModules",me]]);export{_e as default};