1 line
32 KiB
JavaScript
1 line
32 KiB
JavaScript
import{A as e,C as t,Ct as n,I as r,J as i,K as a,M as o,N as s,P as c,Q as l,S as u,St as d,V as f,Y as p,b as m,g as h,gt as g,h as _,j as v,m as y,s as b,ut as x,v as S,x as C,xt as w,yt as T,z as E}from"./vue.runtime.esm-bundler-DS0mm12S.js";import{t as D}from"./utils-u71wZLxr.js";import{K as O,et as k,rt as A}from"./index-aDrlI3dP.js";import{O as j,_ as M,b as N,y as P}from"./Teleport-CHY6zPT-.js";import{i as ee}from"./button-DQxx5HZh.js";import{t as F}from"./useForwardExpose-DNY3s-e3.js";import{a as I,c as L,d as te,i as ne,l as R,n as re,o as ie,r as ae,s as z,t as oe,u as se}from"./DialogTitle-DW0Sux5Q.js";import{n as B,t as V}from"./DialogDescription-CgtG8TWz.js";import{t as ce}from"./DialogFooter-CfvX5qp7.js";var H=C({__name:`DialogTrigger`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(t){let n=t,i=te(),{forwardRef:a,currentElement:o}=F();return i.contentId||=M(void 0,`reka-dialog-content`),s(()=>{i.triggerElement.value=o.value}),(t,o)=>(r(),h(T(ee),e(n,{ref:T(a),type:t.as===`button`?`button`:void 0,"aria-haspopup":`dialog`,"aria-expanded":T(i).open.value||!1,"aria-controls":T(i).open.value?T(i).contentId:void 0,"data-state":T(i).open.value?`open`:`closed`,onClick:T(i).onOpenToggle}),{default:l(()=>[E(t.$slots,`default`)]),_:3},16,[`type`,`aria-expanded`,`aria-controls`,`data-state`,`onClick`]))}}),U=C({__name:`DialogClose`,props:{asChild:{type:Boolean},as:{}},setup(t){let n=t;return(t,i)=>(r(),h(T(R),e({"data-slot":`dialog-close`},n),{default:l(()=>[E(t.$slots,`default`)]),_:3},16))}}),W=C({__name:`DialogTrigger`,props:{asChild:{type:Boolean},as:{}},setup(t){let n=t;return(t,i)=>(r(),h(T(H),e({"data-slot":`dialog-trigger`},n),{default:l(()=>[E(t.$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 le=typeof window<`u`&&typeof document<`u`;typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;var ue=e=>typeof e<`u`;function de(e){return JSON.parse(JSON.stringify(e))}function G(e,t,n,r={}){let{clone:a=!1,passive:o=!1,eventName:s,deep:c=!1,defaultValue:l,shouldEmit:d}=r,f=u(),p=n||f?.emit||(f?.$emit)?.bind(f)||(f?.proxy?.$emit)?.bind(f?.proxy),m=s;t||=`modelValue`,m||=`update:${t.toString()}`;let h=e=>a?typeof a==`function`?a(e):de(e):e,g=()=>ue(e[t])?h(e[t]):l,_=e=>{d?d(e)&&p(m,e):p(m,e)};if(o){let n=x(g()),r=!1;return i(()=>e[t],e=>{r||(r=!0,n.value=h(e),v(()=>r=!1))}),i(n,n=>{!r&&(n!==e[t]||c)&&_(n)},{deep:c}),n}else return y({get(){return g()},set(e){_(e)}})}var[K,fe]=j(`DrawerRoot`),pe=new WeakMap;function q(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&&pe.set(e,r)}function me(e,t){if(!e||!(e instanceof HTMLElement))return;let n=pe.get(e);n&&Object.entries(n).forEach(([t,n])=>{e.style[t]=n})}function J(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(`, `)[Y(t)?13:12]):(i=r.match(/^matrix\((.+)\)$/),i?Number.parseFloat(i[1].split(`, `)[Y(t)?5:4]):null)}function he(e){return 8*(Math.log(e+1)-2)}function Y(e){switch(e){case`top`:case`bottom`:return!0;case`left`:case`right`:return!1;default:return e}}function ge(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]},_e=.4,ve=.25,ye=100,be=8,Z=16,xe=26,Se=`vaul-dragging`;function Ce({activeSnapPoint:e,snapPoints:t,drawerRef:n,overlayRef:r,fadeFromIndex:a,onSnapPointChange:c,direction:l}){let u=x(typeof window<`u`?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);function d(){u.value={innerWidth:window.innerWidth,innerHeight:window.innerHeight}}s(()=>{typeof window<`u`&&window.addEventListener(`resize`,d)}),o(()=>{typeof window<`u`&&window.removeEventListener(`resize`,d)});let f=y(()=>(t.value&&e.value===t.value[t.value.length-1])??null),p=y(()=>t.value&&t.value.length>0&&(a?.value||a?.value===0)&&!Number.isNaN(a?.value)&&t.value[a?.value??-1]===e.value||!t.value),m=y(()=>t.value?.findIndex(t=>t===e.value)??null),h=y(()=>t.value?.map(e=>{let t=typeof e==`string`,n=0;if(t&&(n=Number.parseInt(e,10)),Y(l.value)){let r=t?n:u.value?e*u.value.innerHeight:0;return u.value?l.value===`bottom`?u.value.innerHeight-r:-u.value.innerHeight+r:r}let r=t?n:u.value?e*u.value.innerWidth:0;return u.value?l.value===`right`?u.value.innerWidth-r:-u.value.innerWidth+r:r})??[]),g=y(()=>m.value===null?null:h.value?.[m.value]),_=i=>{let o=h.value?.findIndex(e=>e===i)??null;v(()=>{c(o,h.value),q(n.value?.$el,{transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,transform:Y(l.value)?`translate3d(0, ${i}px, 0)`:`translate3d(${i}px, 0, 0)`})}),h.value&&o!==h.value.length-1&&o!==a?.value?q(r.value?.$el,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,opacity:`0`}):q(r.value?.$el,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,opacity:`1`}),e.value=o===null?null:t.value?.[o]??null};i([e,h,t],()=>{if(e.value){let n=t.value?.findIndex(t=>t===e.value)??-1;h.value&&n!==-1&&typeof h.value[n]==`number`&&_(h.value[n])}},{immediate:!0});function b({draggedDistance:e,closeDrawer:n,velocity:i,dismissible:o}){if(a.value===void 0)return;let s=l.value===`bottom`||l.value===`right`?(g.value??0)-e:(g.value??0)+e,c=m.value===a.value-1,u=m.value===0,d=e>0;if(c&&q(r.value?.$el,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`}),i>2&&!d){o?n():_(h.value[0]);return}if(i>2&&d&&h&&t.value){_(h.value[t.value.length-1]);return}let p=h.value?.reduce((e,t)=>typeof e!=`number`||typeof t!=`number`?e:Math.abs(t-s)<Math.abs(e-s)?t:e),v=Y(l.value)?window.innerHeight:window.innerWidth;if(i>_e&&Math.abs(e)<v*.4){let e=d?1:-1;if(e>0&&f){_(h.value[(t.value?.length??0)-1]);return}if(u&&e<0&&o&&n(),m.value===null)return;_(h.value[m.value+e]);return}_(p)}function S({draggedDistance:e}){if(g.value===null)return;let t=l.value===`bottom`||l.value===`right`?g.value-e:g.value+e;(l.value===`bottom`||l.value===`right`)&&t<h.value[h.value.length-1]||(l.value===`top`||l.value===`left`)&&t>h.value[h.value.length-1]||q(n.value?.$el,{transform:Y(l.value)?`translate3d(0, ${t}px, 0)`:`translate3d(${t}px, 0, 0)`})}function C(e,n){if(!t.value||typeof m.value!=`number`||!h.value||a.value===void 0)return null;let r=m.value===a.value-1;if(m.value>=a.value&&n)return 0;if(r&&!n)return 1;if(!p.value&&!r)return null;let i=r?m.value+1:m.value-1,o=r?h.value[i]-h.value[i-1]:h.value[i+1]-h.value[i],s=e/Math.abs(o);return r?1-s:s}return{isLastSnapPoint:f,shouldFade:p,getPercentageDragged:C,activeSnapPointIndex:m,onRelease:b,onDrag:S,snapPointsOffset:h}}function we(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}var Q=null;function Te(e){let{isOpen:t,modal:n,nested:r,hasBeenOpened:a,preventScrollRestoration:o,noBodyStyles:l}=e,u=x(typeof window<`u`?window.location.href:``),d=x(0);function f(){if(we()&&Q===null&&t.value&&!l.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:`${-d.value}px`,left:`${-e}px`,right:`0px`,height:`auto`}),setTimeout(()=>{requestAnimationFrame(()=>{let e=t-window.innerHeight;e&&d.value>=t&&(document.body.style.top=`-${d.value+e}px`)})},300)}}function p(){if(we()&&Q!==null&&!l.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(o.value&&u.value!==window.location.href){u.value=window.location.href;return}window.scrollTo(t,e)}),Q=null}}return s(()=>{function e(){d.value=window.scrollY}e(),window.addEventListener(`scroll`,e),c(()=>{window.removeEventListener(`scroll`,e)})}),i([t,a,u],()=>{r.value||!a.value||(t.value?(window.matchMedia(`(display-mode: standalone)`).matches||f(),n.value||setTimeout(()=>{p()},500)):p())}),{restorePositionSetting:p}}function Ee(e,t){return e&&e.value?e:t}function De(e){let{emitDrag:t,emitRelease:n,emitClose:r,emitOpenChange:a,open:o,dismissible:s,nested:c,modal:l,shouldScaleBackground:u,setBackgroundColorOnScale:d,scrollLockTimeout:f,closeThreshold:m,activeSnapPoint:h,fadeFromIndex:g,direction:_,noBodyStyles:v,handleOnly:b,preventScrollRestoration:S}=e,C=x(o.value??!1),w=x(!1),T=x(!1),E=x(!1),D=x(null),O=x(null),k=x(null),A=x(null),j=x(null),M=x(!1),N=x(null),P=x(0),ee=x(!1);x(0);let F=x(null);x(0);let I=y(()=>F.value?.$el.getBoundingClientRect().height||0),L=Ee(e.snapPoints,x(void 0)),te=y(()=>L&&(L.value?.length??0)>0),ne=x(null),{activeSnapPointIndex:R,onRelease:re,snapPointsOffset:ie,onDrag:ae,shouldFade:z,getPercentageDragged:oe}=Ce({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)}Te({isOpen:C,modal:l,nested:c,hasBeenOpened:w,noBodyStyles:v,preventScrollRestoration:S});function B(){return(window.innerWidth-xe)/window.innerWidth}function V(e,t){if(!e)return!1;let n=e,r=window.getSelection()?.toString(),i=F.value?J(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()<f.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 ce(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=Y(_.value)?e.clientY:e.clientX)}function H(e){var n;if(F.value&&T.value){let r=_.value===`bottom`||_.value===`right`?1:-1,i=(P.value-(Y(_.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((n=F?.value)==null||n.$el.classList.add(Se),M.value=!0,q(F.value?.$el,{transition:`none`}),q(D.value?.$el,{transition:`none`}),L.value&&ae({draggedDistance:i}),a&&!L.value){let e=he(i),t=Math.min(e*-1,0)*r;q(F.value?.$el,{transform:Y(_.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)&&(t(d),q(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);q(l,{borderRadius:`${t}px`,transform:Y(_.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;q(F.value?.$el,{transform:Y(_.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=J(F.value.$el,_.value);q(F.value.$el,{transform:`translate3d(0, 0, 0)`,transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`}),q(D.value?.$el,{transition:`opacity ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,opacity:`1`}),u.value&&t&&t>0&&C.value&&q(e,{borderRadius:`${be}px`,overflow:`hidden`,...Y(_.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&&(r(),e||(C.value=!1),window.setTimeout(()=>{L.value&&(h.value=L.value[0])},X.DURATION*1e3))}p(()=>{if(!C.value&&u.value&&le){let e=setTimeout(()=>{me(document.body)},200);return()=>clearTimeout(e)}}),i(o,()=>{C.value=o.value,o.value||W()});function ue(e){if(!T.value||!F.value)return;F.value.$el.classList.remove(Se),M.value=!1,T.value=!1,A.value=new Date;let t=J(F.value.$el,_.value);if(!V(e.target,!1)||!t||Number.isNaN(t)||k.value===null)return;let r=A.value.getTime()-k.value.getTime(),i=P.value-(Y(_.value)?e.clientY:e.clientX),a=Math.abs(i)/r;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}),n(!0);return}if(_.value===`bottom`||_.value===`right`?i>0:i<0){U(),n(!0);return}if(a>_e){W(),n(!1);return}if(t>=Math.min(F.value.$el.getBoundingClientRect().height??0,window.innerHeight)*m.value){W(),n(!1);return}n(!0),U()}i(C,e=>{e&&(O.value=new Date),a(e)},{immediate:!0});function de(e){var t;let n=e?(window.innerWidth-Z)/window.innerWidth:1,r=e?-16:0;N.value&&window.clearTimeout(N.value),q(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=J(F.value?.$el,_.value);q(F.value?.$el,{transition:`none`,transform:Y(_.value)?`translate3d(0, ${e}px, 0)`:`translate3d(${e}px, 0, 0)`})},500))}function G(e){if(e<0)return;let t=Y(_.value)?window.innerHeight:window.innerWidth,n=(t-Z)/t,r=n+e*(1-n),i=-16+e*Z;q(F.value?.$el,{transform:Y(_.value)?`scale(${r}) translate3d(0, ${i}px, 0)`:`scale(${r}) translate3d(${i}px, 0, 0)`,transition:`none`})}function K(e){let t=Y(_.value)?window.innerHeight:window.innerWidth,n=e?(t-Z)/t:1,r=e?-16:0;e&&q(F.value?.$el,{transition:`transform ${X.DURATION}s cubic-bezier(${X.EASE.join(`,`)})`,transform:Y(_.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:d,onPress:ce,onDrag:H,onRelease:ue,closeDrawer:W,onNestedDrag:G,onNestedRelease:K,onNestedOpenChange:de,emitClose:r,emitDrag:t,emitRelease:n,emitOpenChange:a,nested:c,handleOnly:b,noBodyStyles:v}}var Oe=C({__name:`DrawerRoot`,props:{activeSnapPoint:{default:void 0},closeThreshold:{default:ve},shouldScaleBackground:{type:Boolean,default:void 0},setBackgroundColorOnScale:{type:Boolean,default:!0},scrollLockTimeout:{default:ye},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:t,emit:n}){let i=e,o=n;a();let s=y(()=>i.fadeFromIndex??(i.snapPoints&&i.snapPoints.length-1)),c=G(i,`open`,o,{defaultValue:i.defaultOpen,passive:i.open===void 0}),u=G(i,`activeSnapPoint`,o,{passive:i.activeSnapPoint===void 0}),d={emitDrag:e=>o(`drag`,e),emitRelease:e=>o(`release`,e),emitClose:()=>o(`close`),emitOpenChange:e=>{o(`update:open`,e),setTimeout(()=>{o(`animationEnd`,e)},X.DURATION*1e3)}},{closeDrawer:f,hasBeenOpened:p,modal:m,isOpen:_}=fe(De({...d,...g(i),activeSnapPoint:u,fadeFromIndex:s,open:c}));function v(e){if(c.value!==void 0){d.emitOpenChange(e);return}_.value=e,e?p.value=!0:f()}return t({open:_}),(e,t)=>(r(),h(T(se),{open:T(_),modal:T(m),"onUpdate:open":v},{default:l(()=>[E(e.$slots,`default`,{open:T(_)})]),_:3},8,[`open`,`modal`]))}});C({__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(t,{emit:n}){let i=t,a=n,{onNestedDrag:o,onNestedOpenChange:s,onNestedRelease:c}=K();function u(){s(!1)}function d(e){o(e)}function f(e){e&&s(e),a(`update:open`,e)}let p=P(i,a);return(t,n)=>(r(),h(Oe,e(T(p),{nested:``,onClose:u,onDrag:d,onRelease:T(c),"onUpdate:open":f}),{default:l(()=>[E(t.$slots,`default`)]),_:3},16,[`onRelease`]))}});var ke=C({__name:`DrawerOverlay`,setup(e){let{overlayRef:t,hasSnapPoints:n,isOpen:i,shouldFade:a}=K();return(e,o)=>(r(),h(T(z),{ref_key:`overlayRef`,ref:t,"data-vaul-overlay":``,"data-vaul-snap-points":T(i)&&T(n)?`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 Ae(){let{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:r,noBodyStyles:i}=K(),a=x(null),o=x(document.body.style.backgroundColor);function s(){return(window.innerWidth-xe)/window.innerWidth}p(c=>{if(t.value&&n.value){a.value&&clearTimeout(a.value);let t=document.querySelector(`[data-vaul-drawer-wrapper]`)||document.querySelector(`[vaul-drawer-wrapper]`);if(!t)return;r.value&&!i.value&&ge(document.body,{background:`black`}),ge(t,{transformOrigin:Y(e.value)?`top`:`left`,transitionProperty:`transform, border-radius`,transitionDuration:`${X.DURATION}s`,transitionTimingFunction:`cubic-bezier(${X.EASE.join(`,`)})`});let n=ge(t,{borderRadius:`${be}px`,overflow:`hidden`,...Y(e.value)?{transform:`scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});c(()=>{n(),a.value=window.setTimeout(()=>{o.value?document.body.style.background=o.value:document.body.style.removeProperty(`background`)},X.DURATION*1e3)})}},{flush:`pre`})}var je=C({__name:`DrawerContent`,setup(e){let{open:t,isOpen:i,snapPointsOffset:a,hasSnapPoints:o,drawerRef:s,onPress:c,onDrag:u,onRelease:d,modal:f,emitOpenChange:m,dismissible:g,keyboardIsOpen:_,closeDrawer:v,direction:S,handleOnly:C}=K();Ae();let w=x(!1),D=y(()=>a.value&&a.value.length>0?`${a.value[0]}px`:`0`);function O(e){if(!f.value||e.defaultPrevented){e.preventDefault();return}_.value&&=!1,g.value?m(!1):e.preventDefault()}function k(e){C.value||c(e)}function A(e){C.value||u(e)}return p(()=>{o.value&&window.requestAnimationFrame(()=>{w.value=!0})}),(e,t)=>(r(),h(T(L),{ref_key:`drawerRef`,ref:s,"data-vaul-drawer":``,"data-vaul-drawer-direction":T(S),"data-vaul-delayed-snap-points":w.value?`true`:`false`,"data-vaul-snap-points":T(i)&&T(o)?`true`:`false`,style:n({"--snap-point-height":D.value}),onPointerdown:k,onPointermove:A,onPointerup:T(d),onPointerDownOutside:O,onOpenAutoFocus:t[0]||=b(()=>{},[`prevent`]),onEscapeKeyDown:t[1]||=e=>{T(g)||e.preventDefault()}},{default:l(()=>[E(e.$slots,`default`)]),_:3},8,[`data-vaul-drawer-direction`,`data-vaul-delayed-snap-points`,`data-vaul-snap-points`,`style`,`onPointerup`]))}}),Me=[`data-vaul-drawer-visible`],Ne={"data-vaul-handle-hitarea":``,"aria-hidden":`true`},Pe=250,Fe=120;C({__name:`DrawerHandle`,props:{preventCycle:{type:Boolean,default:!1}},setup(e){let t=e,{onPress:n,onDrag:i,handleRef:a,handleOnly:o,isOpen:s,snapPoints:c,activeSnapPoint:l,isDragging:u,dismissible:d,closeDrawer:f}=K(),p=x(null),m=x(!1);function h(){if(m.value){y();return}window.setTimeout(()=>{g()},Fe)}function g(){if(u.value||t.preventCycle||m.value){y();return}if(y(),!c.value||c.value.length===0){d.value||f();return}let e=l.value===c.value[c.value.length-1];if(e&&d.value){f();return}let n=c.value.findIndex(e=>e===l.value);if(n===-1)return;let r=e?0:n+1;l.value=c.value[r]}function v(){p.value=window.setTimeout(()=>{m.value=!0},Pe)}function y(){p.value&&window.clearTimeout(p.value),m.value=!1}function b(e){o.value&&n(e),v()}function C(e){o.value&&i(e)}return(e,t)=>(r(),S(`div`,{ref_key:`handleRef`,ref:a,"data-vaul-drawer-visible":T(s)?`true`:`false`,"data-vaul-handle":``,"aria-hidden":`true`,onClick:h,onPointercancel:y,onPointerdown:b,onPointermove:C},[_(`span`,Ne,[E(e.$slots,`default`)])],40,Me))}});var Ie=C({__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(n,{emit:i}){let a=P(n,i);return(n,i)=>(r(),h(T(Oe),e({"data-slot":`drawer`},T(a)),{default:l(e=>[E(n.$slots,`default`,d(t(e)))]),_:3},16))}}),Le=C({__name:`DrawerClose`,props:{asChild:{type:Boolean},as:{}},setup(t){let n=t;return(t,i)=>(r(),h(T(R),e({"data-slot":`drawer-close`},n),{default:l(()=>[E(t.$slots,`default`)]),_:3},16))}}),Re=C({__name:`DrawerOverlay`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(t){let n=t,i=A(n,`class`);return(t,a)=>(r(),h(T(ke),e({"data-slot":`drawer-overlay`},T(i),{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`]))}}),ze=C({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(t,{emit:n}){let i=t,a=P(i,n);return(t,n)=>(r(),h(T(ie),null,{default:l(()=>[m(Re),m(T(je),e({"data-slot":`drawer-content`},{...t.$attrs,...T(a)},{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`,i.class)}),{default:l(()=>[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),E(t.$slots,`default`)]),_:3},16,[`class`])]),_:3}))}}),Be=C({__name:`DrawerDescription`,props:{asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(t){let n=t,i=A(n,`class`);return(t,a)=>(r(),h(T(B),e({"data-slot":`drawer-description`},T(i),{class:T(D)(`text-muted-foreground text-sm`,n.class)}),{default:l(()=>[E(t.$slots,`default`)]),_:3},16,[`class`]))}}),Ve=C({__name:`DrawerFooter`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,n)=>(r(),S(`div`,{"data-slot":`drawer-footer`,class:w(T(D)(`mt-auto flex flex-col gap-2 p-4`,t.class))},[E(e.$slots,`default`)],2))}}),He=C({__name:`DrawerHeader`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,n)=>(r(),S(`div`,{"data-slot":`drawer-header`,class:w(T(D)(`flex flex-col gap-1.5 p-4`,t.class))},[E(e.$slots,`default`)],2))}}),Ue=C({__name:`DrawerTitle`,props:{asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(t){let n=t,i=A(n,`class`);return(t,a)=>(r(),h(T(I),e({"data-slot":`drawer-title`},T(i),{class:T(D)(`text-foreground font-semibold`,n.class)}),{default:l(()=>[E(t.$slots,`default`)]),_:3},16,[`class`]))}}),We=C({__name:`DrawerTrigger`,props:{asChild:{type:Boolean},as:{}},setup(t){let n=t;return(t,i)=>(r(),h(T(H),e({"data-slot":`drawer-trigger`},n),{default:l(()=>[E(t.$slots,`default`)]),_:3},16))}}),Ge=k(()=>{let e=O(`(min-width: 768px)`);return{isDesktop:e,Modal:y(()=>({Root:e.value?ne:Ie,Trigger:e.value?W:We,Content:e.value?ae:ze,Header:e.value?re:He,Title:e.value?oe:Ue,Description:e.value?V:Be,Footer:e.value?ce:Ve,Close:e.value?U:Le})),contentClass:y(()=>e.value?``:`px-2 pb-8 *:px-4`)}});function $(){return Ge()}var Ke=C({__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 i=P(e,n),{Modal:a}=$();return(e,n)=>(r(),h(f(T(a).Root),d(t(T(i))),{default:l(()=>[E(e.$slots,`default`)]),_:3},16))}}),qe=C({__name:`ModalClose`,props:{asChild:{type:Boolean},as:{}},setup(e){let n=e,{Modal:i}=$();return(e,a)=>(r(),h(f(T(i).Close),d(t(n)),{default:l(()=>[E(e.$slots,`default`)]),_:3},16))}}),Je=C({__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(t,{emit:n}){let i=t,a=n,{Modal:o,contentClass:s}=$(),c=P(i,a),u=y(()=>D(s.value,i.class));return(t,n)=>(r(),h(f(T(o).Content),e(T(c),{class:T(u)}),{default:l(()=>[E(t.$slots,`default`)]),_:3},16,[`class`]))}}),Ye=C({__name:`ModalDescription`,props:{asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(t){let n=t,i=N(A(n,`class`)),{Modal:a}=$();return(t,o)=>(r(),h(f(T(a).Description),e(T(i),{class:n.class}),{default:l(()=>[E(t.$slots,`default`)]),_:3},16,[`class`]))}}),Xe=C({__name:`ModalFooter`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e,{Modal:i}=$();return(e,a)=>(r(),h(f(T(i).Footer),d(t(n)),{default:l(()=>[E(e.$slots,`default`)]),_:3},16))}}),Ze=C({__name:`ModalHeader`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let n=e,{Modal:i}=$();return(e,a)=>(r(),h(f(T(i).Header),d(t(n)),{default:l(()=>[E(e.$slots,`default`)]),_:3},16))}}),Qe=C({__name:`ModalTitle`,props:{asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(t){let n=t,i=N(A(n,`class`)),{Modal:a}=$();return(t,o)=>(r(),h(f(T(a).Title),e(T(i),{class:n.class}),{default:l(()=>[E(t.$slots,`default`)]),_:3},16,[`class`]))}}),$e=C({__name:`ModalTrigger`,props:{asChild:{type:Boolean},as:{}},setup(e){let n=e,{Modal:i}=$();return(e,a)=>(r(),h(f(T(i).Trigger),d(t(n)),{default:l(()=>[E(e.$slots,`default`)]),_:3},16))}});export{Ye as a,Ke as c,Xe as i,$ as l,Qe as n,Je as o,Ze as r,qe as s,$e as t}; |