https://www.ogj.com/_nuxt/Slideover-DfdHujwB.mjs

1import{A as e,D as t,E as n,H as r,Ln as i,N as a,O as o,Ot as s,P as c,Pt as l,R as u,Zt as d,ht as f,it as p,jn as m,k as h,kn as g,lt as _,q as v,qt as y,un as b,yt as x}from"./vue.runtime.esm-bundler-DK-ieOMu.mjs";import{o as S}from"./is-equal-CdQM1mL-.mjs";import{a as C,i as w,o as T,t as E,z as D}from"./useFieldGroup-BjrnXgPF.mjs";import{c as O,n as k}from"./usePortal-BXyysH4I.mjs";import{t as A}from"./overlay-dQky26Og.mjs";import{a as j,c as M,i as N,n as P,o as F,r as I,s as L,t as R}from"./DialogTrigger-l0yKfKr-.mjs";import{t as z}from"./Button-CHLYEPlz.mjs";import{n as B}from"./useLocale-hvizExQD.mjs";var V={slots:{overlay:`fixed inset-0 bg-elevated/75`,content:`fixed bg-default divide-y divide-default sm:ring ring-default sm:shadow-lg flex flex-col focus:outline-none`,header:`flex items-center gap-1.5 p-4 sm:px-6 min-h-(--ui-header-height)`,wrapper:``,body:`flex-1 overflow-y-auto p-4 sm:p-6`,footer:`flex items-center gap-1.5 p-4 sm:px-6`,title:`text-highlighted font-semibold`,description:`mt-1 text-muted text-sm`,close:`absolute top-4 end-4`},variants:{side:{top:{content:``},right:{content:`max-w-md`},bottom:{content:``},left:{content:`max-w-md`}},inset:{true:{content:`rounded-lg`}},transition:{true:{overlay:`data-[state=open]:animate-[fade-in_200ms_var(--ease-out)] data-[state=closed]:animate-[fade-out_200ms_var(--ease-out)]`}}},compoundVariants:[{side:`top`,inset:!0,class:{content:`max-h-[calc(100%-2rem)] inset-x-4 top-4`}},{side:`top`,inset:!1,class:{content:`max-h-full inset-x-0 top-0`}},{side:`right`,inset:!0,class:{content:`w-[calc(100%-2rem)] inset-y-4 right-4`}},{side:`right`,inset:!1,class:{content:`w-full inset-y-0 right-0`}},{side:`bottom`,inset:!0,class:{content:`max-h-[calc(100%-2rem)] inset-x-4 bottom-4`}},{side:`bottom`,inset:!1,class:{content:`max-h-full inset-x-0 bottom-0`}},{side:`left`,inset:!0,class:{content:`w-[calc(100%-2rem)] inset-y-4 left-4`}},{side:`left`,inset:!1,class:{content:`w-full inset-y-0 left-0`}},{transition:!0,side:`top`,class:{content:`data-[state=open]:animate-[slide-in-from-top_200ms_var(--ease-out)] data-[state=closed]:animate-[slide-out-to-top_200ms_var(--ease-out)]`}},{transition:!0,side:`right`,class:{content:`data-[state=open]:animate-[slide-in-from-right_200ms_var(--ease-out)] data-[state=closed]:animate-[slide-out-to-right_200ms_var(--ease-out)]`}},{transition:!0,side:`bottom`,class:{content:`data-[state=open]:animate-[slide-in-from-bottom_200ms_var(--ease-out)] data-[state=closed]:animate-[slide-out-to-bottom_200ms_var(--ease-out)]`}},{transition:!0,side:`left`,class:{content:`data-[state=open]:animate-[slide-in-from-left_200ms_var(--ease-out)] data-[state=closed]:animate-[slide-out-to-left_200ms_var(--ease-out)]`}}]};r(),l(),b();var H={__name:`USlideover`,props:{title:{type:String,required:!1},description:{type:String,required:!1},content:{type:Object,required:!1},overlay:{type:Boolean,required:!1,default:!0},transition:{type:Boolean,required:!1,default:!0},side:{type:null,required:!1,default:`right`},inset:{type:Boolean,required:!1},portal:{type:[Boolean,String],required:!1,skipCheck:!0,default:!0},close:{type:[Boolean,Object],required:!1,default:!0},closeIcon:{type:null,required:!1},dismissible:{type:Boolean,required:!1,default:!0},class:{type:null,required:!1},ui:{type:Object,required:!1},open:{type:Boolean,required:!1},defaultOpen:{type:Boolean,required:!1},modal:{type:Boolean,required:!1,default:!0},unmountOnHide:{type:Boolean,required:!1}},emits:[`leave`,`after:leave`,`enter`,`after:enter`,`close:prevent`,`update:open`],setup(r,{emit:l}){let b=r,H=l,U=x(),W=T(`slideover`,b),{t:G}=B(),K=S(),q=C(D(W,`open`,`defaultOpen`,`modal`,`unmountOnHide`),H),J=k(y(()=>W.portal)),Y=y(()=>W.content),X=n(()=>W.dismissible?{pointerDownOutside:A}:[`interactOutside`,`escapeKeyDown`].reduce((e,t)=>(e[t]=e=>{e.preventDefault(),H(`close:prevent`)},e),{})),Z=n(()=>w({extend:V,...K.ui?.slideover||{}})({transition:W.transition,side:W.side,inset:W.inset}));return(n,r)=>(p(),o(d(M),m(u(d(q))),{default:s(({open:l,close:u})=>[U.default?(p(),o(d(R),{key:0,"as-child":``,class:g(d(W).class)},{default:s(()=>[_(n.$slots,`default`,{open:l})]),_:2},1032,[`class`])):h(``,!0),c(d(I),v(d(J),{"force-mount":d(J).disabled&&d(W).unmountOnHide===!1||void 0}),{default:s(()=>[c(d(E),null,{default:s(()=>[d(W).overlay?(p(),o(d(N),{key:0,"data-slot":`overlay`,class:g(Z.value.overlay({class:d(W).ui?.overlay}))},null,8,[`class`])):h(``,!0),c(d(F),v({"data-side":d(W).side,"data-slot":`content`,class:Z.value.content({class:[!U.default&&d(W).class,d(W).ui?.content]}

1)},Y.value,{onEnter:r[0]||=e=>H(`enter`),onAfterEnter:r[1]||=e=>H(`after:enter`),onLeave:r[2]||=e=>H(`leave`),onAfterLeave:r[3]||=e=>H(`after:leave`)},f(X.value)),{default:s(()=>[!d(W).title&&!U.title||!d(W).description&&!U.description||U.content?(p(),o(d(O),{key:0},{default:s(()=>[!d(W).title&&!U.title?(p(),o(d(P),{key:0})):U.content?(p(),o(d(P),{key:1},{default:s(()=>[_(n.$slots,`title`,{},()=>[a(i(d(W).title),1)])]),_:3})):h(``,!0),!d(W).description&&!U.description?(p(),o(d(j),{key:2})):U.content?(p(),o(d(j),{key:3},{default:s(()=>[_(n.$slots,`description`,{},()=>[a(i(d(W).description),1)])]),_:3})):h(``,!0)]),_:3})):h(``,!0),_(n.$slots,`content`,{close:u},()=>[U.header||d(W).title||U.title||d(W).description||U.description||d(W).close||U.close?(p(),e(`div`,{key:0,"data-slot":`header`,class:g(Z.value.header({class:d(W).ui?.header}))},[_(n.$slots,`header`,{close:u},()=>[d(W).title||U.title||d(W).description||U.description?(p(),e(`div`,{key:0,"data-slot":`wrapper`,class:g(Z.value.wrapper({class:d(W).ui?.wrapper}))},[d(W).title||U.title?(p(),o(d(P),{key:0,"data-slot":`title`,class:g(Z.value.title({class:d(W).ui?.title}))},{default:s(()=>[_(n.$slots,`title`,{},()=>[a(i(d(W).title),1)])]),_:3},8,[`class`])):h(``,!0),d(W).description||U.description?(p(),o(d(j),{key:1,"data-slot":`description`,class:g(Z.value.description({class:d(W).ui?.description}))},{default:s(()=>[_(n.$slots,`description`,{},()=>[a(i(d(W).description),1)])]),_:3},8,[`class`])):h(``,!0)],2)):h(``,!0),_(n.$slots,`actions`),d(W).close||U.close?(p(),o(d(L),{key:1,"as-child":``},{default:s(()=>[_(n.$slots,`close`,{ui:Z.value},()=>[d(W).close?(p(),o(z,v({key:0,icon:d(W).closeIcon||d(K).ui.icons.close,color:`neutral`,variant:`ghost`,"aria-label":d(G)(`slideover.close`)},typeof d(W).close==`object`?d(W).close:{},{"data-slot":`close`,class:Z.value.close({class:d(W).ui?.close})}),null,16,[`icon`,`aria-label`,`class`])):h(``,!0)])]),_:2},1024)):h(``,!0)])],2)):h(``,!0),t(`div`,{"data-slot":`body`,class:g(Z.value.body({class:d(W).ui?.body}))},[_(n.$slots,`body`,{close:u})],2),U.footer?(p(),e(`div`,{key:1,"data-slot":`footer`,class:g(Z.value.footer({class:d(W).ui?.footer}))},[_(n.$slots,`footer`,{close:u})],2)):h(``,!0)])]),_:2},1040,[`data-side`,`class`])]),_:2},1024)]),_:2},1040,[`force-mount`])]),_:3},16))}};export{H as t};