1 line
2.5 KiB
JavaScript
1 line
2.5 KiB
JavaScript
import{Ct as e,H as t,Ot as n,S as r,Tt as i,U as a,V as o,W as s,_ as c,b as l,d as u,g as d,nt as f,v as p,w as m,x as h,y as g,z as _}from"./vue.runtime.esm-bundler-DQjudA8G.js";import{t as v}from"./chevrons-up-down-BK2WDZKi.js";import{t as y}from"./utils-BB02OBq2.js";import{R as b}from"./index-CcML0o3b.js";import{i as x,n as S,r as C,t as w}from"./DropdownMenuTrigger-DwFmoisn.js";import{t as T}from"./Button-2mdP_ygs.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=m({__name:`basic-header`,props:{title:{},description:{},sticky:{type:Boolean}},setup(r){return(a,o)=>(_(),l(`header`,{class:i(e(y)(`flex flex-col md:flex-row gap-2 justify-between py-2`,r.sticky?`sticky top-0 z-40 bg-background`:``))},[c(`main`,null,[c(`h1`,E,n(r.title),1),r.description?(_(),l(`p`,D,n(r.description),1)):g(``,!0)]),c(`aside`,O,[t(a.$slots,`actions`)])],2))}}),A={class:`py-4`},j=m({__name:`basic-page`,props:{title:{},description:{},sticky:{type:Boolean}},setup(e){return(n,i)=>(_(),l(`main`,null,[r(k,{title:e.title,description:e.description,sticky:e.sticky},{actions:f(()=>[t(n.$slots,`actions`)]),_:3},8,[`title`,`description`,`sticky`]),c(`main`,A,[t(n.$slots,`default`)])]))}}),M={class:`flex flex-col gap-2`},N=`text-primary font-semibold bg-primary/5`,P=m({__name:`two-col-aside`,props:{nav:{}},setup(t){let m=t,g=b(),y=d(()=>g.path),E=d(()=>m.nav.find(e=>e.url===y.value));return(t,d)=>{let g=a(`router-link`),b=T,D=w,O=S,k=C,A=x;return _(),l(`nav`,M,[(_(!0),l(u,null,o(m.nav,t=>(_(),p(g,{key:t.url,to:t.url,class:i([`items-center hidden px-2 py-1 rounded-md lg:flex hover:bg-primary/5`,t.url===e(y)?N:``])},{default:f(()=>[(_(),p(s(t.icon),{class:`size-4 mr-1`})),c(`span`,null,n(t.title),1)]),_:2},1032,[`to`,`class`]))),128)),r(A,{class:`lg:hidden`},{default:f(()=>[r(D,{"as-child":``},{default:f(()=>[r(b,{variant:`outline`,class:`w-48 lg:hidden`},{default:f(()=>[(_(),p(s(e(E)?.icon),{class:`size-4 mr-1`})),c(`span`,null,n(e(E)?.title),1),r(e(v),{class:`size-4 ml-auto`})]),_:1})]),_:1}),r(k,{class:`w-48`,align:`start`},{default:f(()=>[(_(!0),l(u,null,o(m.nav,e=>(_(),p(O,{key:e.url,onClick:n=>t.$router.push(e.url)},{default:f(()=>[(_(),p(s(e.icon),{class:`size-4 mr-1`})),h(` `+n(e.title),1)]),_:2},1032,[`onClick`]))),128))]),_:1})]),_:1})])}}}),F=m({__name:`two-col`,setup(n){return(n,r)=>(_(),l(`div`,{class:i(e(y)(`grid grid-cols-1 lg:grid-cols-[200px_1fr] gap-4 w-full`))},[c(`aside`,null,[t(n.$slots,`aside`)]),c(`section`,null,[t(n.$slots,`default`)])],2))}});export{P as n,j as r,F as t}; |