| import{B as e,C as t,Ct as n,S as r,St as i,T as a,Z as o,_ as s,b as c,dt as l,et as u,g as d,m as f,yt as p}from"../modules/shiki-CRDHBXw7.js";import{$ as m,W as h,t as g,u as _}from"../useNav-0H1CZeft.js";import{g as v}from"../modules/vue-jGGq3ahv.js";import{h as y,o as b}from"../index-BRVUm3_6.js";import{t as x}from"./IconButton-BiAlWjlk.js";import{t as S}from"./Modal-DRjfPn8c.js";import{n as C,t as w}from"./NoteDisplay-C3x6Bkvc.js";import{r as T,t as E}from"./TimerBar-DXeFq3ot.js";var D={class:`flex my-1`},O={class:`h-full flex flex-col`},k={class:`flex-none border-t border-main`,px3:``,py2:``},A={class:`flex-none border-t border-main`},j={class:`flex gap-1 items-center px-6 py-3`},M={key:0,class:`i-carbon:minimize`},N={key:1,class:`i-carbon:maximize`},P={class:`px2 my-auto`},F={class:`text-lg`},I={class:`opacity-50 text-sm`},L=a({__name:`notes`,setup(a){y({title:`Notes - ${m}`});let{slides:L,total:R}=g(),{isFullscreen:z,toggle:B}=_,V=l(),H=v(`slidev-notes-font-size`,18),U=d(()=>b.page),W=l(!1),G=d(()=>L.value.find(e=>e.no===U.value));o(U,()=>{V.value?.scrollTo({left:0,top:0,behavior:`smooth`}),window.scrollTo({left:0,top:0,behavior:`smooth`})});function K(){H.value+=1}function q(){--H.value}let J=d(()=>{let e=b.clicks,t=b.clicksTotal;return h(l(e),void 0,t)});return(a,o)=>(e(),c(f,null,[t(S,{modelValue:W.value,"onUpdate:modelValue":o[1]||=e=>W.value=e,class:`px-6 py-4 flex flex-col gap-2`},{default:u(()=>[o[3]||=s(`div`,{class:`flex gap-2 text-xl`},[s(`div`,{class:`i-carbon:information my-auto`}),r(` Help `)],-1),o[4]||=s(`div`,{class:`prose dark:prose-invert`},[s(`p`,null,`This is the hands-free live notes viewer.`),s(`p`,null,`It's designed to be used in a separate view or device. The progress is controlled by and auto synced with the main presenter or slide.`)],-1),s(`div`,D,[s(`button`,{class:`slidev-form-button`,onClick:o[0]||=e=>W.value=!1},` Close `)])]),_:1},8,[`modelValue`]),s(`div`,O,[t(T,{"clicks-context":J.value,current:U.value},null,8,[`clicks-context`,`current`]),t(E),s(`div`,{ref_key:`scroller`,ref:V,class:`px-5 py-3 flex-auto h-full overflow-auto`,style:i({fontSize:`${p(H)}px`})},[t(w,{note:G.value?.meta.slide.note,"note-html":G.value?.meta.slide.noteHTML,placeholder:`No notes for Slide ${U.value}.`,"clicks-context":J.value,"auto-scroll":!0},null,8,[`note`,`note-html`,`placeholder`,`clicks-context`])],4),s(`div`,k,[t(C,{"clicks-context":J.value,readonly:``},null,8,[`clicks-context`])]),s(`div`,A,[s(`div`,j,[t(x,{title:p(z)?`Close fullscreen`:`Enter fullscreen`,onClick:p(B)},{default:u(()=>[p(z)?(e(),c(`div`,M)):(e(),c(`div`,N))]),_:1},8,[`title`,`onClick`]),t(x,{title:`Increase font size`,onClick:K},{default:u(()=>[...o[5]||=[s(`div`,{class:`i-carbon:zoom-in`},null,-1)]]),_:1}),t(x,{title:`Decrease font size`,onClick:q},{default:u(()=>[...o[6]||=[s(`div`,{class:`i-carbon:zoom-out`},null,-1)]]),_:1}),t(x,{title:`Edit notes`,to:`/notes-edit`,target:`_blank`},{default:u(()=>[...o[7]||=[s(`div`,{class:`i-carbon:edit`},null,-1)]]),_:1}),t(x,{title:`Help`,class:`rounded-full`,onClick:o[2]||=e=>W.value=!0},{default:u(()=>[...o[8]||=[s(`div`,{class:`i-carbon:help`},null,-1)]]),_:1}),o[9]||=s(`div`,{class:`flex-auto`},null,-1),s(`div`,P,[s(`span`,F,n(U.value),1),s(`span`,I,` / `+n(p(R)),1)])])])])],64))}});export{L as default}; |