1 line
2.5 KiB
JavaScript
1 line
2.5 KiB
JavaScript
import{At as e,C as t,D as n,Dt as r,E as i,G as a,H as o,K as s,S as c,T as l,Tt as u,W as d,b as f,h as p,it as m,q as h,w as g,x as _}from"./iconify-DYZHDLa8.js";import{t as v}from"./chevrons-up-down-kQRjQJq9.js";import{i as y}from"./vue-vendor-DjtlKxRy.js";import{J as b}from"./index-Uji7rFqr.js";import{n as x}from"./button-BuRmTYve.js";import{i as S,n as C,r as w,t as T}from"./DropdownMenuTrigger-GJTdpRDr.js";var E={class:`text-2xl font-bold`},D={key:0,class:`text-muted-foreground`},O={class:`flex items-center gap-2 flex-wrap`},k=n({__name:`basic-header`,props:{title:{},description:{},sticky:{type:Boolean}},setup(n){return(i,s)=>(o(),g(`header`,{class:r(u(b)(`flex flex-col md:flex-row gap-2 justify-between py-2`,n.sticky?`sticky top-0 z-40 bg-background`:``))},[_(`main`,null,[_(`h1`,E,e(n.title),1),n.description?(o(),g(`p`,D,e(n.description),1)):t(``,!0)]),_(`aside`,O,[a(i.$slots,`actions`)])],2))}}),A={class:`py-4`},j=n({__name:`basic-page`,props:{title:{},description:{},sticky:{type:Boolean}},setup(e){return(t,n)=>(o(),g(`main`,null,[i(k,{title:e.title,description:e.description,sticky:e.sticky},{actions:m(()=>[a(t.$slots,`actions`)]),_:3},8,[`title`,`description`,`sticky`]),_(`main`,A,[a(t.$slots,`default`)])]))}}),M={class:`flex flex-col gap-2`},N=`text-primary font-semibold bg-primary/5`,P=n({__name:`two-col-aside`,props:{nav:{}},setup(t){let n=t,a=y(),b=f(()=>a.path),E=f(()=>n.nav.find(e=>e.url===b.value));return(t,a)=>{let f=s(`router-link`),y=x,D=T,O=C,k=w,A=S;return o(),g(`nav`,M,[(o(!0),g(p,null,d(n.nav,t=>(o(),c(f,{key:t.url,to:t.url,class:r([`items-center hidden px-2 py-1 rounded-md lg:flex hover:bg-primary/5`,t.url===u(b)?N:``])},{default:m(()=>[(o(),c(h(t.icon),{class:`size-4 mr-1`})),_(`span`,null,e(t.title),1)]),_:2},1032,[`to`,`class`]))),128)),i(A,{class:`lg:hidden`},{default:m(()=>[i(D,{"as-child":``},{default:m(()=>[i(y,{variant:`outline`,class:`w-48 lg:hidden`},{default:m(()=>[(o(),c(h(u(E)?.icon),{class:`size-4 mr-1`})),_(`span`,null,e(u(E)?.title),1),i(u(v),{class:`size-4 ml-auto`})]),_:1})]),_:1}),i(k,{class:`w-48`,align:`start`},{default:m(()=>[(o(!0),g(p,null,d(n.nav,n=>(o(),c(O,{key:n.url,onClick:e=>t.$router.push(n.url)},{default:m(()=>[(o(),c(h(n.icon),{class:`size-4 mr-1`})),l(` `+e(n.title),1)]),_:2},1032,[`onClick`]))),128))]),_:1})]),_:1})])}}}),F=n({__name:`two-col`,setup(e){return(e,t)=>(o(),g(`div`,{class:r(u(b)(`grid grid-cols-1 lg:grid-cols-[200px_1fr] gap-4 w-full`))},[_(`aside`,null,[a(e.$slots,`aside`)]),_(`section`,null,[a(e.$slots,`default`)])],2))}});export{P as n,j as r,F as t}; |