C392U5_K.js
6.12 KB
import{T as z,az as A,U as I,V as L,W as U,X as F,aW as H,o,k as i,w as r,g as e,Y as f,x as d,n,f as b,ag as D,ah as $,aY as W,S as B,bb as Y,aO as G,l as v,t as g,c as k,_ as K,e as X,s as P,aL as C,a0 as O}from"./BtEn9SvP.js";import{c as _,d as J,D as M,a as Q,e as w,f as x,g as Z,b as ee}from"./CKCLIpbs.js";import{p as te}from"./3laQJA1P.js";const se={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_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]"}}},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_ease-in-out] data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"}},{transition:!0,side:"right",class:{content:"data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"}},{transition:!0,side:"bottom",class:{content:"data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"}},{transition:!0,side:"left",class:{content:"data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"}}]},ie={__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}},emits:["after:leave","after:enter","close:prevent","update:open"],setup(s,{emit:S}){const a=s,y=S,t=z(),{t:V}=A(),q=I(),u=L("slideover",a),j=U(F(a,"open","defaultOpen","modal"),y),E=H(C(()=>a.portal)),N=C(()=>a.content),R=P(()=>a.dismissible?{pointerDownOutside:te}:["interactOutside","escapeKeyDown"].reduce((m,h)=>(m[h]=p=>{p.preventDefault(),y("close:prevent")},m),{})),c=P(()=>O({extend:O(se),...q.ui?.slideover||{}})({transition:a.transition,side:a.side,inset:a.inset}));return(l,m)=>(o(),i(e(ee),D($(e(j))),{default:r(({open:h,close:p})=>[t.default?(o(),i(e(_),{key:0,"as-child":"",class:f(a.class)},{default:r(()=>[d(l.$slots,"default",{open:h})]),_:2},1032,["class"])):n("",!0),b(e(J),D($(e(E))),{default:r(()=>[b(e(W),null,{default:r(()=>[s.overlay?(o(),i(e(M),{key:0,"data-slot":"overlay",class:f(c.value.overlay({class:e(u)?.overlay}))},null,8,["class"])):n("",!0),b(e(Q),B({"data-side":s.side,"data-slot":"content",class:c.value.content({class:[!t.default&&a.class,e(u)?.content]})},N.value,{onAfterEnter:m[0]||(m[0]=T=>y("after:enter")),onAfterLeave:m[1]||(m[1]=T=>y("after:leave"))},Y(R.value)),{default:r(()=>[!s.title&&!t.title||!s.description&&!t.description||t.content?(o(),i(e(G),{key:0},{default:r(()=>[!s.title&&!t.title?(o(),i(e(w),{key:0})):t.content?(o(),i(e(w),{key:1},{default:r(()=>[d(l.$slots,"title",{},()=>[v(g(s.title),1)])]),_:3})):n("",!0),!s.description&&!t.description?(o(),i(e(x),{key:2})):t.content?(o(),i(e(x),{key:3},{default:r(()=>[d(l.$slots,"description",{},()=>[v(g(s.description),1)])]),_:3})):n("",!0)]),_:3})):n("",!0),d(l.$slots,"content",{close:p},()=>[t.header||s.title||t.title||s.description||t.description||a.close||t.close?(o(),k("div",{key:0,"data-slot":"header",class:f(c.value.header({class:e(u)?.header}))},[d(l.$slots,"header",{close:p},()=>[s.title||t.title||s.description||t.description?(o(),k("div",{key:0,"data-slot":"wrapper",class:f(c.value.wrapper({class:e(u)?.wrapper}))},[s.title||t.title?(o(),i(e(w),{key:0,"data-slot":"title",class:f(c.value.title({class:e(u)?.title}))},{default:r(()=>[d(l.$slots,"title",{},()=>[v(g(s.title),1)])]),_:3},8,["class"])):n("",!0),s.description||t.description?(o(),i(e(x),{key:1,"data-slot":"description",class:f(c.value.description({class:e(u)?.description}))},{default:r(()=>[d(l.$slots,"description",{},()=>[v(g(s.description),1)])]),_:3},8,["class"])):n("",!0)],2)):n("",!0),d(l.$slots,"actions"),a.close||t.close?(o(),i(e(Z),{key:1,"as-child":""},{default:r(()=>[d(l.$slots,"close",{ui:c.value},()=>[a.close?(o(),i(K,B({key:0,icon:s.closeIcon||e(q).ui.icons.close,color:"neutral",variant:"ghost","aria-label":e(V)("slideover.close")},typeof a.close=="object"?a.close:{},{"data-slot":"close",class:c.value.close({class:e(u)?.close})}),null,16,["icon","aria-label","class"])):n("",!0)])]),_:2},1024)):n("",!0)])],2)):n("",!0),X("div",{"data-slot":"body",class:f(c.value.body({class:e(u)?.body}))},[d(l.$slots,"body",{close:p})],2),t.footer?(o(),k("div",{key:1,"data-slot":"footer",class:f(c.value.footer({class:e(u)?.footer}))},[d(l.$slots,"footer",{close:p})],2)):n("",!0)])]),_:2},1040,["data-side","class"])]),_:2},1024)]),_:2},1040)]),_:3},16))}};export{ie as _};