1 line
32 KiB
JavaScript
1 line
32 KiB
JavaScript
import{$ as e,Ct as t,Dt as n,E as r,Et as i,F as a,H as o,I as s,L as c,N as l,P as u,Q as d,S as f,T as p,Tt as m,W as h,Y as g,_,b as v,bt as y,g as b,l as x,mt as S,nt as C,v as w,w as T,z as E}from"./vue.runtime.esm-bundler-DQjudA8G.js";import{t as D}from"./utils-BB02OBq2.js";import{S as O,u as k,y as A}from"./dist-t_U6YImb.js";import{t as j}from"./createContext-BefgL9WT.js";import{t as M}from"./useForwardPropsEmits-ixfQllIc.js";import{t as N}from"./useForwardProps-B-1JXcFn.js";import{i as P,n as ee,r as F,t as I}from"./DialogTitle-C0_ATj0B.js";import{a as L,i as te,n as ne,o as R,r as re,t as ie}from"./DialogContent-BgxXKbvY.js";import{n as ae,t as z}from"./DialogDescription-BubwK6c2.js";import{n as oe,t as se}from"./DialogTrigger-B1p_n6lc.js";import{t as B}from"./DialogFooter-k3s4IxA-.js";var V=T({__name:`DialogClose`,props:{asChild:{type:Boolean},as:{}},setup(e){let n=e;return(e,r)=>(E(),w(t(R),l({"data-slot":`dialog-close`},n),{default:C(()=>[o(e.$slots,`default`)]),_:3},16))}});(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.nonce=document.head.querySelector(`meta[property=csp-nonce]`)?.content,e.appendChild(document.createTextNode(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32,.72,0,1);animation-duration:.5s;animation-timing-function:cubic-bezier(.32,.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform, 100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform, 100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform, 100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform, 100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top],[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height, 0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left],[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height, 0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(.32,.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32,.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true]):after{content:"";position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]:after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]:after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]:after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]:after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not([data-state=closed]){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:hover,[data-vaul-handle]:active{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover: hover) and (pointer: fine){[data-vaul-drawer]{-webkit-user-select:none;user-select:none}}@media (pointer: fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{0%{transform:translate3d(0,var(--initial-transform, 100%),0)}to{transform:translateZ(0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform, 100%),0)}}@keyframes slideFromTop{0%{transform:translate3d(0,calc(var(--initial-transform, 100%) * -1),0)}to{transform:translateZ(0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform, 100%) * -1),0)}}@keyframes slideFromLeft{0%{transform:translate3d(calc(var(--initial-transform, 100%) * -1),0,0)}to{transform:translateZ(0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform, 100%) * -1),0,0)}}@keyframes slideFromRight{0%{transform:translate3d(var(--initial-transform, 100%),0,0)}to{transform:translateZ(0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform, 100%),0,0)}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();var ce=typeof window<`u`&&typeof document<`u`;typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;var H=e=>typeof e<`u`;function le(e){return JSON.parse(JSON.stringify(e))}function U(e,t,n,r={}){let{clone:i=!1,passive:a=!1,eventName:o,deep:s=!1,defaultValue:c,shouldEmit:l}=r,f=p(),m=n||f?.emit||(f?.$emit)?.bind(f)||(f?.proxy?.$emit)?.bind(f?.proxy),h=o;t||=`modelValue`,h||=`update:${t.toString()}`;let g=e=>i?typeof i==`function`?i(e):le(e):e,_=()=>H(e[t])?g(e[t]):c,v=e=>{l?l(e)&&m(h,e):m(h,e)};if(a){let n=S(_()),r=!1;return d(()=>e[t],e=>{r||(r=!0,n.value=g(e),u(()=>r=!1))}),d(n,n=>{!r&&(n!==e[t]||s)&&v(n)},{deep:s}),n}else return b({get(){return _()},set(e){v(e)}})}var[W,ue]=j(`DrawerRoot`),G=new WeakMap;function K(e,t,n=!1){if(!e||!(e instanceof HTMLElement)||!t)return;let r={};Object.entries(t).forEach(([t,n])=>{if(t.startsWith(`--`)){e.style.setProperty(t,n);return}r[t]=e.style[t],e.style[t]=n}),!n&&G.set(e,r)}function de(e,t){if(!e||!(e instanceof HTMLElement))return;let n=G.get(e);n&&Object.entries(n).forEach(([t,n])=>{e.style[t]=n})}function q(e,t){let n=window.getComputedStyle(e),r=n.transform||n.webkitTransform||n.mozTransform,i=r.match(/^matrix3d\((.+)\)$/);return i?Number.parseFloat(i[1].split(`, `)[J(t)?13:12]):(i=r.match(/^matrix\((.+)\)$/),i?Number.parseFloat(i[1].split(`, `)[J(t)?5:4]):null)}function fe(e){return 8*(Math.log(e+1)-2)}function J(e){switch(e){case`top`:case`bottom`:return!0;case`left`:case`right`:return!1;default:return e}}function Y(e,t){if(!e)return()=>{};let n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}var X={DURATION:.5,EASE:[.32,.72,0,1]},pe=.4,me=.25,he=100,ge=8,Z=16,_e=26,ve=`vaul-dragging`;function ye({activeSnapPoint:e,snapPoints:t,drawerRef:n,overlayRef:r,fadeFromIndex:i,onSnapPointChange:o,direction:c}){let l=S(typeof window<`u`?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);function f(){l.value={innerWidth:window.innerWidth,innerHeight:window.innerHeight}}s(()=>{typeof window<`u`&&window.addEventListener(`resize`,f)}),a(()=>{typeof window<`u`&&window.removeEventListener(`resize`,f)});let p=b(()=>(t.value&&e.value===t.value[t.value.length-1])??null),m=b(()=>t.value&&t.value.length>0&&(i?.value||i?.value===0)&&!Number.isNaN(i?.value)&&t.value[i?.value??-1]===e.value||!t.value),h=b(()=>t.value?.findIndex(t=>t===e.value)??null),g=b(()=>t.value?.map(e=>{let t=typeof e==`string`,n=0;if(t&&(n=Number.parseInt(e,10)),J(c.value)){let r=t?n:l.value?e*l.value.innerHeight:0;return l.value?c.value===`bottom`?l.value.innerHeight-r:-l.value.innerHeight+r:r}let r=t?n:l.value?e*l.value.innerWidth:0;return l.value?c.value===`right`?l.value.innerWidth-r:-l.value.innerWidth+r:r})??[]),_=b(()=>h.value===null?null:g.value?.[h.value]),v=a=>{let s=g.value?.findIndex(e=>e===a)??null;u(()=>{o(s,g.value),K(n.value?.$el,{transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,transform:J(c.value)?`translate3d(0, ${a}px, 0)`:`translate3d(${a}px, 0, 0)`})}),g.value&&s!==g.value.length-1&&s!==i?.value?K(r.value?.$el,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,opacity:`0`}):K(r.value?.$el,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,opacity:`1`}),e.value=s===null?null:t.value?.[s]??null};d([e,g,t],()=>{if(e.value){let n=t.value?.findIndex(t=>t===e.value)??-1;g.value&&n!==-1&&typeof g.value[n]==`number`&&v(g.value[n])}},{immediate:!0});function y({draggedDistance:e,closeDrawer:n,velocity:a,dismissible:o}){if(i.value===void 0)return;let s=c.value===`bottom`||c.value===`right`?(_.value??0)-e:(_.value??0)+e,l=h.value===i.value-1,u=h.value===0,d=e>0;if(l&&K(r.value?.$el,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`}),a>2&&!d){o?n():v(g.value[0]);return}if(a>2&&d&&g&&t.value){v(g.value[t.value.length-1]);return}let f=g.value?.reduce((e,t)=>typeof e!=`number`||typeof t!=`number`?e:Math.abs(t-s)<Math.abs(e-s)?t:e),m=J(c.value)?window.innerHeight:window.innerWidth;if(a>pe&&Math.abs(e)<m*.4){let e=d?1:-1;if(e>0&&p){v(g.value[(t.value?.length??0)-1]);return}if(u&&e<0&&o&&n(),h.value===null)return;v(g.value[h.value+e]);return}v(f)}function x({draggedDistance:e}){if(_.value===null)return;let t=c.value===`bottom`||c.value===`right`?_.value-e:_.value+e;(c.value===`bottom`||c.value===`right`)&&t<g.value[g.value.length-1]||(c.value===`top`||c.value===`left`)&&t>g.value[g.value.length-1]||K(n.value?.$el,{transform:J(c.value)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})}function C(e,n){if(!t.value||typeof h.value!=`number`||!g.value||i.value===void 0)return null;let r=h.value===i.value-1;if(h.value>=i.value&&n)return 0;if(r&&!n)return 1;if(!m.value&&!r)return null;let a=r?h.value+1:h.value-1,o=r?g.value[a]-g.value[a-1]:g.value[a+1]-g.value[a],s=e/Math.abs(o);return r?1-s:s}return{isLastSnapPoint:p,shouldFade:m,getPercentageDragged:C,activeSnapPointIndex:h,onRelease:y,onDrag:x,snapPointsOffset:g}}function be(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}var Q=null;function xe(e){let{isOpen:t,modal:n,nested:r,hasBeenOpened:i,preventScrollRestoration:a,noBodyStyles:o}=e,l=S(typeof window<`u`?window.location.href:``),u=S(0);function f(){if(be()&&Q===null&&t.value&&!o.value){Q={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height};let{scrollX:e,innerHeight:t}=window;document.body.style.setProperty(`position`,`fixed`,`important`),Object.assign(document.body.style,{top:`${-u.value}px`,left:`${-e}px`,right:`0px`,height:`auto`}),setTimeout(()=>{requestAnimationFrame(()=>{let e=t-window.innerHeight;e&&u.value>=t&&(document.body.style.top=`-${u.value+e}px`)})},300)}}function p(){if(be()&&Q!==null&&!o.value){let e=-Number.parseInt(document.body.style.top,10),t=-Number.parseInt(document.body.style.left,10);Object.assign(document.body.style,Q),window.requestAnimationFrame(()=>{if(a.value&&l.value!==window.location.href){l.value=window.location.href;return}window.scrollTo(t,e)}),Q=null}}return s(()=>{function e(){u.value=window.scrollY}e(),window.addEventListener(`scroll`,e),c(()=>{window.removeEventListener(`scroll`,e)})}),d([t,i,l],()=>{r.value||!i.value||(t.value?(window.matchMedia(`(display-mode: standalone)`).matches||f(),n.value||setTimeout(()=>{p()},500)):p())}),{restorePositionSetting:p}}function Se(e,t){return e&&e.value?e:t}function Ce(t){let{emitDrag:n,emitRelease:r,emitClose:i,emitOpenChange:a,open:o,dismissible:s,nested:c,modal:l,shouldScaleBackground:u,setBackgroundColorOnScale:f,scrollLockTimeout:p,closeThreshold:m,activeSnapPoint:h,fadeFromIndex:g,direction:_,noBodyStyles:v,handleOnly:y,preventScrollRestoration:x}=t,C=S(o.value??!1),w=S(!1),T=S(!1),E=S(!1),D=S(null),O=S(null),k=S(null),A=S(null),j=S(null),M=S(!1),N=S(null),P=S(0),ee=S(!1);S(0);let F=S(null);S(0);let I=b(()=>F.value?.$el.getBoundingClientRect().height||0),L=Se(t.snapPoints,S(void 0)),te=b(()=>L&&(L.value?.length??0)>0),ne=S(null),{activeSnapPointIndex:R,onRelease:re,snapPointsOffset:ie,onDrag:ae,shouldFade:z,getPercentageDragged:oe}=ye({snapPoints:L,activeSnapPoint:h,drawerRef:F,fadeFromIndex:g,overlayRef:D,onSnapPointChange:se,direction:_});function se(e,t){L.value&&e===t.length-1&&(O.value=new Date)}xe({isOpen:C,modal:l,nested:c,hasBeenOpened:w,noBodyStyles:v,preventScrollRestoration:x});function B(){return(window.innerWidth-_e)/window.innerWidth}function V(e,t){if(!e)return!1;let n=e,r=window.getSelection()?.toString(),i=F.value?q(F.value.$el,_.value):null,a=new Date;if(n.hasAttribute(`data-vaul-no-drag`)||n.closest(`[data-vaul-no-drag]`))return!1;if(_.value===`right`||_.value===`left`)return!0;if(O.value&&a.getTime()-O.value.getTime()<500)return!1;if(i!==null&&(_.value===`bottom`?i>0:i<0))return!0;if(r&&r.length>0)return!1;if(j.value&&a.getTime()-j.value.getTime()<p.value&&i===0||t)return j.value=a,!1;for(;n;){if(n.scrollHeight>n.clientHeight){if(n.scrollTop!==0)return j.value=new Date,!1;if(n.getAttribute(`role`)===`dialog`)return!0}n=n.parentNode}return!0}function H(e){!s.value&&!L.value||F.value&&!F.value.$el.contains(e.target)||(T.value=!0,k.value=new Date,e.target.setPointerCapture(e.pointerId),P.value=J(_.value)?e.clientY:e.clientX)}function le(e){var t;if(F.value&&T.value){let r=_.value===`bottom`||_.value===`right`?1:-1,i=(P.value-(J(_.value)?e.clientY:e.clientX))*r,a=i>0,o=L.value&&!s.value&&!a;if(o&&R.value===0)return;let c=Math.abs(i),l=document.querySelector(`[data-vaul-drawer-wrapper]`)||document.querySelector(`[vaul-drawer-wrapper]`),d=c/I.value,f=oe(c,a);if(f!==null&&(d=f),o&&d>=1||!M.value&&!V(e.target,a))return;if((t=F?.value)==null||t.$el.classList.add(ve),M.value=!0,K(F.value?.$el,{transition:`none`}),K(D.value?.$el,{transition:`none`}),L.value&&ae({draggedDistance:i}),a&&!L.value){let e=fe(i),t=Math.min(e*-1,0)*r;K(F.value?.$el,{transform:J(_.value)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`});return}let p=1-d;if((z.value||g.value&&R.value===g.value-1)&&(n(d),K(D.value?.$el,{opacity:`${p}`,transition:`none`},!0)),l&&D.value&&u.value){let e=Math.min(B()+d*(1-B()),1),t=8-d*8,n=Math.max(0,14-d*14);K(l,{borderRadius:`${t}px`,transform:J(_.value)?`scale(${e}) translate3d(0, ${n}px, 0)`:`scale(${e}) translate3d(${n}px, 0, 0)`,transition:`none`},!0)}if(!L.value){let e=c*r;K(F.value?.$el,{transform:J(_.value)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})}}}function U(){if(!F.value)return;let e=document.querySelector(`[data-vaul-drawer-wrapper]`)||document.querySelector(`[vaul-drawer-wrapper]`),t=q(F.value.$el,_.value);K(F.value.$el,{transform:`translate3d(0, 0, 0)`,transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`}),K(D.value?.$el,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,opacity:`1`}),u.value&&t&&t>0&&C.value&&K(e,{borderRadius:`${ge}px`,overflow:`hidden`,...J(_.value)?{transform:`scale(${B()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:`top`}:{transform:`scale(${B()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:`left`},transitionProperty:`transform, border-radius`,transitionDuration:`${X.DURATION}s`,transitionTimingFunction:`cubic-bezier(${X.EASE.join(`,`)})`},!0)}function W(e){F.value&&(i(),e||(C.value=!1),window.setTimeout(()=>{L.value&&(h.value=L.value[0])},X.DURATION*1e3))}e(()=>{if(!C.value&&u.value&&ce){let e=setTimeout(()=>{de(document.body)},200);return()=>clearTimeout(e)}}),d(o,()=>{C.value=o.value,o.value||W()});function ue(e){if(!T.value||!F.value)return;F.value.$el.classList.remove(ve),M.value=!1,T.value=!1,A.value=new Date;let t=q(F.value.$el,_.value);if(!V(e.target,!1)||!t||Number.isNaN(t)||k.value===null)return;let n=A.value.getTime()-k.value.getTime(),i=P.value-(J(_.value)?e.clientY:e.clientX),a=Math.abs(i)/n;if(a>.05&&(E.value=!0,window.setTimeout(()=>{E.value=!1},200)),L.value){re({draggedDistance:i*(_.value===`bottom`||_.value===`right`?1:-1),closeDrawer:W,velocity:a,dismissible:s.value}),r(!0);return}if(_.value===`bottom`||_.value===`right`?i>0:i<0){U(),r(!0);return}if(a>pe){W(),r(!1);return}if(t>=Math.min(F.value.$el.getBoundingClientRect().height??0,window.innerHeight)*m.value){W(),r(!1);return}r(!0),U()}d(C,e=>{e&&(O.value=new Date),a(e)},{immediate:!0});function G(e){var t;let n=e?(window.innerWidth-Z)/window.innerWidth:1,r=e?-16:0;N.value&&window.clearTimeout(N.value),K(F.value?.$el,{transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,transform:`scale(${n}) translate3d(0, ${r}px, 0)`}),!e&&(t=F.value)!=null&&t.$el&&(N.value=window.setTimeout(()=>{let e=q(F.value?.$el,_.value);K(F.value?.$el,{transition:`none`,transform:J(_.value)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))}function Y(e){if(e<0)return;let t=J(_.value)?window.innerHeight:window.innerWidth,n=(t-Z)/t,r=n+e*(1-n),i=-16+e*Z;K(F.value?.$el,{transform:J(_.value)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`,transition:`none`})}function me(e){let t=J(_.value)?window.innerHeight:window.innerWidth,n=e?(t-Z)/t:1,r=e?-16:0;e&&K(F.value?.$el,{transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,transform:J(_.value)?`scale(${n}) translate3d(0, ${r}px, 0)`:`scale(${n}) translate3d(${r}px, 0, 0)`})}return{open:o,isOpen:C,modal:l,keyboardIsOpen:ee,hasBeenOpened:w,drawerRef:F,drawerHeightRef:I,overlayRef:D,handleRef:ne,isDragging:T,dragStartTime:k,isAllowedToDrag:M,snapPoints:L,activeSnapPoint:h,hasSnapPoints:te,pointerStart:P,dismissible:s,snapPointsOffset:ie,direction:_,shouldFade:z,fadeFromIndex:g,shouldScaleBackground:u,setBackgroundColorOnScale:f,onPress:H,onDrag:le,onRelease:ue,closeDrawer:W,onNestedDrag:Y,onNestedRelease:me,onNestedOpenChange:G,emitClose:i,emitDrag:n,emitRelease:r,emitOpenChange:a,nested:c,handleOnly:y,noBodyStyles:v}}var we=T({__name:`DrawerRoot`,props:{activeSnapPoint:{default:void 0},closeThreshold:{default:me},shouldScaleBackground:{type:Boolean,default:void 0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{default:he},fixed:{type:Boolean,default:void 0},dismissible:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},nested:{type:Boolean,default:!1},direction:{default:`bottom`},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean,default:!1},preventScrollRestoration:{type:Boolean},snapPoints:{default:void 0},fadeFromIndex:{default:void 0}},emits:[`drag`,`release`,`close`,`update:open`,`update:activeSnapPoint`,`animationEnd`],setup(e,{expose:n,emit:r}){let i=e,a=r;g();let s=b(()=>i.fadeFromIndex??(i.snapPoints&&i.snapPoints.length-1)),c=U(i,`open`,a,{defaultValue:i.defaultOpen,passive:i.open===void 0}),l=U(i,`activeSnapPoint`,a,{passive:i.activeSnapPoint===void 0}),u={emitDrag:e=>a(`drag`,e),emitRelease:e=>a(`release`,e),emitClose:()=>a(`close`),emitOpenChange:e=>{a(`update:open`,e),setTimeout(()=>{a(`animationEnd`,e)},X.DURATION*1e3)}},{closeDrawer:d,hasBeenOpened:f,modal:p,isOpen:m}=ue(Ce({...u,...y(i),activeSnapPoint:l,fadeFromIndex:s,open:c}));function h(e){if(c.value!==void 0){u.emitOpenChange(e);return}m.value=e,e?f.value=!0:d()}return n({open:m}),(e,n)=>(E(),w(t(P),{open:t(m),modal:t(p),"onUpdate:open":h},{default:C(()=>[o(e.$slots,`default`,{open:t(m)})]),_:3},8,[`open`,`modal`]))}});T({__name:`DrawerRootNested`,props:{activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean},setBackgroundColorOnScale:{type:Boolean},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean},modal:{type:Boolean},open:{type:Boolean},defaultOpen:{type:Boolean},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{}},emits:[`drag`,`release`,`close`,`update:open`,`update:activeSnapPoint`,`animationEnd`],setup(e,{emit:n}){let r=e,i=n,{onNestedDrag:a,onNestedOpenChange:s,onNestedRelease:c}=W();function u(){s(!1)}function d(e){a(e)}function f(e){e&&s(e),i(`update:open`,e)}let p=M(r,i);return(e,n)=>(E(),w(we,l(t(p),{nested:``,onClose:u,onDrag:d,onRelease:t(c),"onUpdate:open":f}),{default:C(()=>[o(e.$slots,`default`)]),_:3},16,[`onRelease`]))}});var Te=T({__name:`DrawerOverlay`,setup(e){let{overlayRef:n,hasSnapPoints:r,isOpen:i,shouldFade:a}=W();return(e,o)=>(E(),w(t(te),{ref_key:`overlayRef`,ref:n,"data-vaul-overlay":``,"data-vaul-snap-points":t(i)&&t(r)?`true`:`false`,"data-vaul-snap-points-overlay":t(i)&&t(a)?`true`:`false`},null,8,[`data-vaul-snap-points`,`data-vaul-snap-points-overlay`]))}});function Ee(){let{direction:t,isOpen:n,shouldScaleBackground:r,setBackgroundColorOnScale:i,noBodyStyles:a}=W(),o=S(null),s=S(document.body.style.backgroundColor);function c(){return(window.innerWidth-_e)/window.innerWidth}e(e=>{if(n.value&&r.value){o.value&&clearTimeout(o.value);let n=document.querySelector(`[data-vaul-drawer-wrapper]`)||document.querySelector(`[vaul-drawer-wrapper]`);if(!n)return;i.value&&!a.value&&Y(document.body,{background:`black`}),Y(n,{transformOrigin:J(t.value)?`top`:`left`,transitionProperty:`transform, border-radius`,transitionDuration:`${X.DURATION}s`,transitionTimingFunction:`cubic-bezier(${X.EASE.join(`,`)})`});let r=Y(n,{borderRadius:`${ge}px`,overflow:`hidden`,...J(t.value)?{transform:`scale(${c()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${c()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});e(()=>{r(),o.value=window.setTimeout(()=>{s.value?document.body.style.background=s.value:document.body.style.removeProperty(`background`)},X.DURATION*1e3)})}},{flush:`pre`})}var De=T({__name:`DrawerContent`,setup(r){let{open:i,isOpen:a,snapPointsOffset:s,hasSnapPoints:c,drawerRef:l,onPress:u,onDrag:d,onRelease:f,modal:p,emitOpenChange:m,dismissible:h,keyboardIsOpen:g,closeDrawer:_,direction:v,handleOnly:y}=W();Ee();let T=S(!1),D=b(()=>s.value&&s.value.length>0?`${s.value[0]}px`:`0`);function O(e){if(!p.value||e.defaultPrevented){e.preventDefault();return}g.value&&=!1,h.value?m(!1):e.preventDefault()}function k(e){y.value||u(e)}function A(e){y.value||d(e)}return e(()=>{c.value&&window.requestAnimationFrame(()=>{T.value=!0})}),(e,r)=>(E(),w(t(L),{ref_key:`drawerRef`,ref:l,"data-vaul-drawer":``,"data-vaul-drawer-direction":t(v),"data-vaul-delayed-snap-points":T.value?`true`:`false`,"data-vaul-snap-points":t(a)&&t(c)?`true`:`false`,style:n({"--snap-point-height":D.value}),onPointerdown:k,onPointermove:A,onPointerup:t(f),onPointerDownOutside:O,onOpenAutoFocus:r[0]||=x(()=>{},[`prevent`]),onEscapeKeyDown:r[1]||=e=>{t(h)||e.preventDefault()}},{default:C(()=>[o(e.$slots,`default`)]),_:3},8,[`data-vaul-drawer-direction`,`data-vaul-delayed-snap-points`,`data-vaul-snap-points`,`style`,`onPointerup`]))}}),Oe=[`data-vaul-drawer-visible`],ke={"data-vaul-handle-hitarea":``,"aria-hidden":`true`},Ae=250,je=120;T({__name:`DrawerHandle`,props:{preventCycle:{type:Boolean,default:!1}},setup(e){let n=e,{onPress:r,onDrag:i,handleRef:a,handleOnly:s,isOpen:c,snapPoints:l,activeSnapPoint:u,isDragging:d,dismissible:f,closeDrawer:p}=W(),m=S(null),h=S(!1);function g(){if(h.value){x();return}window.setTimeout(()=>{y()},je)}function y(){if(d.value||n.preventCycle||h.value){x();return}if(x(),!l.value||l.value.length===0){f.value||p();return}let e=u.value===l.value[l.value.length-1];if(e&&f.value){p();return}let t=l.value.findIndex(e=>e===u.value);if(t===-1)return;let r=e?0:t+1;u.value=l.value[r]}function b(){m.value=window.setTimeout(()=>{h.value=!0},Ae)}function x(){m.value&&window.clearTimeout(m.value),h.value=!1}function C(e){s.value&&r(e),b()}function w(e){s.value&&i(e)}return(e,n)=>(E(),v(`div`,{ref_key:`handleRef`,ref:a,"data-vaul-drawer-visible":t(c)?`true`:`false`,"data-vaul-handle":``,"aria-hidden":`true`,onClick:g,onPointercancel:x,onPointerdown:C,onPointermove:w},[_(`span`,ke,[o(e.$slots,`default`)])],40,Oe))}});var Me=T({__name:`Drawer`,props:{activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean,default:!0},setBackgroundColorOnScale:{type:Boolean},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean},modal:{type:Boolean},open:{type:Boolean},defaultOpen:{type:Boolean},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{}},emits:[`drag`,`release`,`close`,`update:open`,`update:activeSnapPoint`,`animationEnd`],setup(e,{emit:n}){let a=M(e,n);return(e,n)=>(E(),w(t(we),l({"data-slot":`drawer`},t(a)),{default:C(t=>[o(e.$slots,`default`,i(r(t)))]),_:3},16))}}),Ne=T({__name:`DrawerClose`,props:{asChild:{type:Boolean},as:{}},setup(e){let n=e;return(e,r)=>(E(),w(t(R),l({"data-slot":`drawer-close`},n),{default:C(()=>[o(e.$slots,`default`)]),_:3},16))}}),Pe=T({__name:`DrawerOverlay`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e,r=O(n,`class`);return(e,i)=>(E(),w(t(Te),l({"data-slot":`drawer-overlay`},t(r),{class:t(D)(`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80`,n.class)}),null,16,[`class`]))}}),Fe=T({inheritAttrs:!1,__name:`DrawerContent`,props:{forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(e,{emit:n}){let r=e,i=M(r,n);return(e,n)=>(E(),w(t(re),null,{default:C(()=>[f(Pe),f(t(De),l({"data-slot":`drawer-content`},{...e.$attrs,...t(i)},{class:t(D)(`group/drawer-content bg-background fixed z-50 flex h-auto flex-col`,`data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg`,`data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg`,`data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:sm:max-w-sm`,`data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:sm:max-w-sm`,r.class)}),{default:C(()=>[n[0]||=_(`div`,{class:`bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block`},null,-1),o(e.$slots,`default`)]),_:3},16,[`class`])]),_:3}))}}),Ie=T({__name:`DrawerDescription`,props:{asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e,r=O(n,`class`);return(e,i)=>(E(),w(t(ae),l({"data-slot":`drawer-description`},t(r),{class:t(D)(`text-muted-foreground text-sm`,n.class)}),{default:C(()=>[o(e.$slots,`default`)]),_:3},16,[`class`]))}}),Le=T({__name:`DrawerFooter`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e;return(e,r)=>(E(),v(`div`,{"data-slot":`drawer-footer`,class:m(t(D)(`mt-auto flex flex-col gap-2 p-4`,n.class))},[o(e.$slots,`default`)],2))}}),Re=T({__name:`DrawerHeader`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e;return(e,r)=>(E(),v(`div`,{"data-slot":`drawer-header`,class:m(t(D)(`flex flex-col gap-1.5 p-4`,n.class))},[o(e.$slots,`default`)],2))}}),ze=T({__name:`DrawerTitle`,props:{asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e,r=O(n,`class`);return(e,i)=>(E(),w(t(F),l({"data-slot":`drawer-title`},t(r),{class:t(D)(`text-foreground font-semibold`,n.class)}),{default:C(()=>[o(e.$slots,`default`)]),_:3},16,[`class`]))}}),Be=T({__name:`DrawerTrigger`,props:{asChild:{type:Boolean},as:{}},setup(e){let n=e;return(e,r)=>(E(),w(t(oe),l({"data-slot":`drawer-trigger`},n),{default:C(()=>[o(e.$slots,`default`)]),_:3},16))}}),Ve=A(()=>{let e=k(`(min-width: 768px)`);return{isDesktop:e,Modal:b(()=>({Root:e.value?ne:Me,Trigger:e.value?se:Be,Content:e.value?ie:Fe,Header:e.value?ee:Re,Title:e.value?I:ze,Description:e.value?z:Ie,Footer:e.value?B:Le,Close:e.value?V:Ne})),contentClass:b(()=>e.value?``:`px-2 pb-8 *:px-4`)}});function $(){return Ve()}var He=T({__name:`Modal`,props:{activeSnapPoint:{},closeThreshold:{},shouldScaleBackground:{type:Boolean},setBackgroundColorOnScale:{type:Boolean},scrollLockTimeout:{},fixed:{type:Boolean},dismissible:{type:Boolean},modal:{type:Boolean},open:{type:Boolean},defaultOpen:{type:Boolean},nested:{type:Boolean},direction:{},noBodyStyles:{type:Boolean},handleOnly:{type:Boolean},preventScrollRestoration:{type:Boolean},snapPoints:{},fadeFromIndex:{}},emits:[`update:open`],setup(e,{emit:n}){let a=M(e,n),{Modal:s}=$();return(e,n)=>(E(),w(h(t(s).Root),i(r(t(a))),{default:C(()=>[o(e.$slots,`default`)]),_:3},16))}}),Ue=T({__name:`ModalClose`,props:{asChild:{type:Boolean},as:{}},setup(e){let n=e,{Modal:a}=$();return(e,s)=>(E(),w(h(t(a).Close),i(r(n)),{default:C(()=>[o(e.$slots,`default`)]),_:3},16))}}),We=T({__name:`ModalContent`,props:{forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(e,{emit:n}){let r=e,i=n,{Modal:a,contentClass:s}=$(),c=M(r,i),u=b(()=>D(s.value,r.class));return(e,n)=>(E(),w(h(t(a).Content),l(t(c),{class:t(u)}),{default:C(()=>[o(e.$slots,`default`)]),_:3},16,[`class`]))}}),Ge=T({__name:`ModalDescription`,props:{asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e,r=N(O(n,`class`)),{Modal:i}=$();return(e,a)=>(E(),w(h(t(i).Description),l(t(r),{class:n.class}),{default:C(()=>[o(e.$slots,`default`)]),_:3},16,[`class`]))}}),Ke=T({__name:`ModalFooter`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e,{Modal:a}=$();return(e,s)=>(E(),w(h(t(a).Footer),i(r(n)),{default:C(()=>[o(e.$slots,`default`)]),_:3},16))}}),qe=T({__name:`ModalHeader`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e,{Modal:a}=$();return(e,s)=>(E(),w(h(t(a).Header),i(r(n)),{default:C(()=>[o(e.$slots,`default`)]),_:3},16))}}),Je=T({__name:`ModalTitle`,props:{asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e,r=N(O(n,`class`)),{Modal:i}=$();return(e,a)=>(E(),w(h(t(i).Title),l(t(r),{class:n.class}),{default:C(()=>[o(e.$slots,`default`)]),_:3},16,[`class`]))}}),Ye=T({__name:`ModalTrigger`,props:{asChild:{type:Boolean},as:{}},setup(e){let n=e,{Modal:a}=$();return(e,s)=>(E(),w(h(t(a).Trigger),i(r(n)),{default:C(()=>[o(e.$slots,`default`)]),_:3},16))}});export{Ge as a,He as c,Ke as i,$ as l,Je as n,We as o,qe as r,Ue as s,Ye as t}; |