import{Ct as e,E as t,Mt as n,W as r,X as i,_ as a,c as o,dt as s,h as c,v as l,w as u}from"./vendor/json-editor-vue-ddj4xtqm.js";import{$ as d,Bn as f,k as p}from"#entry";var m={key:0,border:`l base`,class:`prose`,pos:`fixed bottom-0 right-0 top-0`,"z-200":``,"h-full":``,"w-150":``,"overflow-auto":``,"bg-base":``,px8:``,py4:``},h=t({__name:`HelpFab`,setup(t){let h=e(!1),{showHelpButtons:g}=d(`ui`);return(e,t)=>{let d=p;return n(g)?(r(),l(o,{key:0},[c(`button`,{pos:`absolute bottom-5 right-5`,border:`~ base rounded-full `,flex:`~ items-center justify-center`,"z-110":``,"h-11":``,"w-11":``,"backdrop-blur-8":``,bg:`bg-base op50!`,"light:shadow":``,hover:`bg-active`,title:`Help`,onClick:t[0]||=e=>h.value=!h.value},[...t[3]||=[c(`div`,{"i-ri:question-mark":``},null,-1)]]),u(f,{name:`fade-in`},{default:s(()=>[h.value?(r(),l(`div`,{key:0,class:`fixed bottom-0 left-0 right-0 top-0 z-100`,"bg-black:20":``,"backdrop-blur-2":``,onClick:t[1]||=e=>h.value=!1})):a(``,!0)]),_:1}),u(f,{name:`slide-in`},{default:s(()=>[h.value?(r(),l(`div`,m,[i(e.$slots,`default`),u(d,{icon:`carbon-close`,pos:`absolute top-3 right-3`,"rounded-full":``,"text-xl":``,border:!1,onClick:t[2]||=e=>h.value=!1})])):a(``,!0)]),_:3})],64)):a(``,!0)}}}),g=Object.assign(h,{__name:`HelpFab`});export{g as t};