https://nuxt.com/_nuxt/D45ayIqT.js

1import{$ as e,D as t,E as n,Ft as r,Ht as i,Lt as a,On as o,Qn as s,_ as c,b as l,er as u,et as d,g as f,mt as p,nr as m,o as h,qt as g,v as _,wn as v,xt as y,y as b,z as x}from"./DBq4UlV4.js";import{f as S}from"./fOwmonzH.js";import{t as C}from"./BW3xJdEx.js";import{r as w}from"./8gQk64We.js";import{c as T,i as E,t as D}from"./Cu8r2V2U.js";import{y as O}from"./CFwRPQMO.js";import{t as k}from"./3Zght8JY.js";import{t as A}from"./23EHjX0X.js";import{t as j}from"./BiYzl5Mm.js";import{t as M}from"./CFodW1Jy.js";import{n as N}from"./D5ofAnYK.js";import{t as P}from"./Cqt51x2A.js";import{t as F}from"./C0ID_UnG.js";import{t as I}from"./DSZMa1Y_.js";import{n as L}from"./Y_x4mauE.js";import{t as R}from"./Cd3GkkYe.js";import{t as z}from"./nyLXqBl1.js";import{t as B}from"./BKXffMFP.js";import{t as V}from"./BUzBlb9C.js";var H=Object.assign({inheritAttrs:!1},{__name:`UColorModeButton`,props:{color:{type:null,required:!1,default:`neutral`},variant:{type:null,required:!1,default:`ghost`},label:{type:String,required:!1},activeColor:{type:null,required:!1},activeVariant:{type:null,required:!1},size:{type:null,required:!1},square:{type:Boolean,required:!1},block:{type:Boolean,required:!1},loadingAuto:{type:Boolean,required:!1},onClick:{type:[Function,Array],required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},leading:{type:Boolean,required:!1},leadingIcon:{type:null,required:!1},trailing:{type:Boolean,required:!1},trailingIcon:{type:null,required:!1},loading:{type:Boolean,required:!1},loadingIcon:{type:null,required:!1},as:{type:null,required:!1},type:{type:null,required:!1},disabled:{type:Boolean,required:!1},exactActiveClass:{type:String,required:!1},viewTransition:{type:Boolean,required:!1}},setup(e){let n=E(`button`,e),{t:r}=L(),i=I(),a=w(),c=F(),l=j(O(n,`icon`)),u=f({get(){return i.value===`dark`},set(e){i.preference=e?`dark`:`light`}});return(e,i)=>(p(),_(N,d({...o(l),"aria-label":u.value?o(r)(`colorMode.switchToLight`):o(r)(`colorMode.switchToDark`),...e.$attrs},{onClick:i[0]||=e=>u.value=!u.value}),{leading:g(({ui:e})=>[t(P,{class:s(e.leadingIcon({class:[o(n).ui?.leadingIcon,o(c)(`hidden dark:inline-block`)]})),name:o(a).ui.icons.dark},null,8,[`class`,`name`]),t(P,{class:s(e.leadingIcon({class:[o(n).ui?.leadingIcon,o(c)(`dark:hidden`)]})),name:o(a).ui.icons.light},null,8,[`class`,`name`])]),_:1},16))}}),U={slots:{root:`bg-default/75 backdrop-blur-sm border-b border-default h-(--ui-header-height) sticky top-0 z-50`,container:`flex items-center justify-between gap-3 h-full`,left:`lg:flex-1 flex items-center gap-1.5`,center:`hidden lg:flex`,right:`flex items-center justify-end lg:flex-1 gap-1.5`,title:`shrink-0 font-bold text-xl text-highlighted flex items-end gap-1.5`,toggle:`lg:hidden`,content:`lg:hidden`,overlay:`lg:hidden`,header:`px-4 sm:px-6 h-(--ui-header-height) shrink-0 flex items-center justify-between gap-3`,body:`p-4 sm:p-6 overflow-y-auto`},variants:{toggleSide:{left:{toggle:`-ms-1.5`},right:{toggle:`-me-1.5`}}}},W=Object.assign({inheritAttrs:!1},{__name:`UHeader`,props:e({as:{type:null,required:!1,default:`header`},title:{type:String,required:!1,default:`Nuxt UI`},to:{type:String,required:!1,default:`/`},mode:{type:null,required:!1,default:`modal`},menu:{type:null,required:!1},toggle:{type:[Boolean,Object],required:!1,default:!0},toggleSide:{type:String,required:!1,default:`right`},autoClose:{type:Boolean,required:!1,default:!0},class:{type:null,required:!1},ui:{type:Object,required:!1}},{open:{type:Boolean,default:!1},openModifiers:{}}),emits:[`update:open`],setup(e){let O=e,j=a(),P=E(`header`,O),F=r(e,`open`,{type:Boolean,default:!1}),I=S(),{t:H}=L(),W=w(),[G,K]=k(),[q,J]=k(),[Y,X]=k(),Z=f(()=>(j.title&&T(j.title())||P.title||`Nuxt UI`).trim());i(()=>I.fullPath,()=>{P.autoClose&&(F.value=!1)});let Q=f(()=>D({extend:U,...W.ui?.header||{}})()),ee=f(()=>({slideover:B,modal:R,drawer:V})[P.mode]),te=v(()=>C(P.menu,{},P.mode===`modal`?{fullscreen:!0,transition:!1}:{}));function $(){F.value=!F.value}return(e,r)=>(p(),l(h,null,[t(o(Y),null,{default:g(()=>[y(e.$slots,`toggle`,{open:F.value,toggle:$,ui:Q.value},()=>[o(P).toggle?(p(),_(N,d({key:0,color:`neutral`,variant:`ghost`,"aria-label":F.value?o(H)(`header.close`):o(H)(`header.open`),icon:F.value?o(W).ui.icons.close:o(W).ui.icons.menu},typeof o(P).toggle==`object`?o(P).toggle:{},{"data-slot":`toggle`,class:Q.value.toggle({class:o(P).ui?.toggle,toggleSide:o(P).toggleSide}),onClick:$}),null,16,[`aria-label`,`icon`,`class`])):b(``,!0)])]),_:3}),t(o(G),null,{default:g(()=>

1[c(`div`,{"data-slot":`left`,class:s(Q.value.left({class:o(P).ui?.left}))},[o(P).toggleSide===`left`?(p(),_(o(X),{key:0})):b(``,!0),y(e.$slots,`left`,{},()=>[t(M,{to:o(P).to,"aria-label":Z.value,"data-slot":`title`,class:s(Q.value.title({class:o(P).ui?.title}))},{default:g(()=>[y(e.$slots,`title`,{},()=>[n(m(o(P).title),1)])]),_:3},8,[`to`,`aria-label`,`class`])])],2)]),_:3}),t(o(q),null,{default:g(()=>[c(`div`,{"data-slot":`right`,class:s(Q.value.right({class:o(P).ui?.right}))},[y(e.$slots,`right`),o(P).toggleSide===`right`?(p(),_(o(X),{key:0})):b(``,!0)],2)]),_:3}),t(o(A),d({as:o(P).as,"data-slot":`root`},e.$attrs,{class:Q.value.root({class:[o(P).ui?.root,o(P).class]})}),{default:g(()=>[y(e.$slots,`top`),t(z,{"data-slot":`container`,class:s(Q.value.container({class:o(P).ui?.container}))},{default:g(()=>[t(o(K)),c(`div`,{"data-slot":`center`,class:s(Q.value.center({class:o(P).ui?.center}))},[y(e.$slots,`default`)],2),t(o(J))]),_:3},8,[`class`]),y(e.$slots,`bottom`)]),_:3},16,[`as`,`class`]),t(o(ee),d({open:F.value,"onUpdate:open":r[0]||=e=>F.value=e,title:o(H)(`header.title`),description:o(H)(`header.description`)},te.value,{ui:{overlay:Q.value.overlay({class:o(P).ui?.overlay}),content:Q.value.content({class:o(P).ui?.content})}}),{content:g(n=>[y(e.$slots,`content`,u(x(n)),()=>[o(P).mode===`drawer`?b(``,!0):(p(),l(`div`,{key:0,"data-slot":`header`,class:s(Q.value.header({class:o(P).ui?.header}))},[t(o(K)),t(o(J))],2)),c(`div`,{"data-slot":`body`,class:s(Q.value.body({class:o(P).ui?.body}))},[y(e.$slots,`body`)],2)])]),_:3},16,[`open`,`title`,`description`,`ui`])],64))}}

1),G={slots:{root:``,top:`py-8 lg:py-12`,bottom:`py-8 lg:py-12`,container:`py-8 lg:py-4 lg:flex lg:items-center lg:justify-between lg:gap-x-3`,left:`flex items-center justify-center lg:justify-start lg:flex-1 gap-x-1.5 mt-3 lg:mt-0 lg:order-1`,center:`mt-3 lg:mt-0 lg:order-2 flex items-center justify-center`,right:`lg:flex-1 flex items-center justify-center lg:justify-end gap-x-1.5 lg:order-3`}},K={__name:`UFooter`,props:{as:{type:null,required:!1,default:`footer`},class:{type:null,required:!1},ui:{type:Object,required:!1}},setup(e){let n=e,r=a(),i=E(`footer`,n),u=w(),d=f(()=>D({extend:G,...u.ui?.footer||{}})());return(e,n)=>(p(),_(o(A),{as:o(i).as,"data-slot":`root`,class:s(d.value.root({class:[o(i).ui?.root,o(i).class]}))},{default:g(()=>[r.top?(p(),l(`div`,{key:0,"data-slot":`top`,class:s(d.value.top({class:o(i).ui?.top}))},[y(e.$slots,`top`)],2)):b(``,!0),t(z,{"data-slot":`container`,class:s(d.value.container({class:o(i).ui?.container}))},{default:g(()=>[c(`div`,{"data-slot":`right`,class:s(d.value.right({class:o(i).ui?.right}))},[y(e.$slots,`right`)],2),c(`div`,{"data-slot":`center`,class:s(d.value.center({class:o(i).ui?.center}))},[y(e.$slots,`default`)],2),c(`div`,{"data-slot":`left`,class:s(d.value.left({class:o(i).ui?.left}))},[y(e.$slots,`left`)],2)]),_:3},8,[`class`]),r.bottom?(p(),l(`div`,{key:1,"data-slot":`bottom`,class:s(d.value.bottom({class:o(i).ui?.bottom}))},[y(e.$slots,`bottom`)],2)):b(``,!0)]),_:3},8,[`as`,`class`]))}};export{W as n,H as r,K as t};
2//# sourceMappingURL=D45ayIqT.js.map