1 line
2.5 KiB
JavaScript
1 line
2.5 KiB
JavaScript
import{Ct as e,D as t,Ot as n,S as r,V as i,_ as a,b as o,d as s,nt as c,v as l,w as u,x as d,z as f}from"./vue.runtime.esm-bundler-DQjudA8G.js";import{n as p}from"./lib-Cz3jviUu.js";import{c as m,f as h,p as g}from"./index-CcML0o3b.js";import"./Teleport-CLYBkdRb.js";import{t as _}from"./Checkbox-DtKJOwrj.js";import{t as v}from"./Separator-5drwYWrN.js";import{t as y}from"./Button-2mdP_ygs.js";import{i as b,n as x,o as S,r as C,s as w,t as T,u as E}from"./FormMessage-DO2c5bWz.js";import{t as D}from"./FormDescription-DwQJgDgd.js";import"./global-layout-BuXj6D-T.js";import{t as O}from"./settings-layout-DVMhlnCW.js";var k=h({items:m(g()).refine(e=>e.some(e=>e),{error:`You have to select at least one item.`})}),A={class:`mb-4`},j={class:`flex justify-start mt-4`},M=u({__name:`display-form`,setup(u){let m=[{id:`recents`,label:`Recents`},{id:`home`,label:`Home`},{id:`applications`,label:`Applications`},{id:`desktop`,label:`Desktop`},{id:`downloads`,label:`Downloads`},{id:`documents`,label:`Documents`}],{handleSubmit:h}=E({validationSchema:S(k),initialValues:{items:[`recents`,`home`]}}),g=h(e=>{p(`You submitted the following values:`,{description:t(`pre`,{class:`mt-2 w-[340px] rounded-md bg-slate-950 p-4`},t(`code`,{class:`text-white`},JSON.stringify(e,null,2)))})});return(t,u)=>(f(),o(s,null,[u[4]||=a(`div`,null,[a(`h3`,{class:`text-lg font-medium`},` Display `),a(`p`,{class:`text-sm text-muted-foreground`},` Turn items on or off to control what's displayed in the app. `)],-1),r(e(v),{class:`my-4`}),a(`form`,{onSubmit:u[0]||=(...t)=>e(g)&&e(g)(...t)},[r(e(w),{name:`items`},{default:c(()=>[r(e(C),null,{default:c(()=>[a(`div`,A,[r(e(x),{class:`text-base`},{default:c(()=>[...u[1]||=[d(` Sidebar `,-1)]]),_:1}),r(e(D),null,{default:c(()=>[...u[2]||=[d(` Select the items you want to display in the sidebar. `,-1)]]),_:1})]),(f(),o(s,null,i(m,t=>r(e(w),{key:t.id,name:`items`},{default:c(({value:i,handleChange:a})=>[(f(),l(e(C),{key:t.id,class:`flex flex-row items-start space-x-3 space-y-0`},{default:c(()=>[r(e(b),null,{default:c(()=>[r(e(_),{"model-value":i.includes(t.id),"onUpdate:modelValue":e=>{Array.isArray(i)&&a(e?[...i,t.id]:i.filter(e=>e!==t.id))}},null,8,[`model-value`,`onUpdate:modelValue`])]),_:2},1024),r(e(x),{class:`font-normal`},{default:c(()=>[d(n(t.label),1)]),_:2},1024)]),_:2},1024))]),_:2},1024)),64)),r(e(T))]),_:1})]),_:1}),a(`div`,j,[r(e(y),{type:`submit`},{default:c(()=>[...u[3]||=[d(` Update display `,-1)]]),_:1})])],32)],64))}}),N=u({__name:`display`,setup(e){return(e,t)=>(f(),l(O,null,{default:c(()=>[r(M)]),_:1}))}});export{N as default}; |