radix-vue
Version:
Vue port for Radix UI Primitives.
29 lines (20 loc) • 273 kB
JavaScript
(function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@floating-ui/vue")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/vue"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y["radix-vue"]={},y.Vue,y["@floating-ui/vue"]))})(this,function(y,e,Z){"use strict";function I(n,o){const t=typeof n=="string"&&!o?`${n}Context`:o,a=Symbol(t);return[i=>{const s=e.inject(a,i);if(s||s===null)return s;throw new Error(`Injection \`${a.toString()}\` not found. Component must be used within ${Array.isArray(n)?`one of the following components: ${n.join(", ")}`:`\`${n}\``}`)},i=>(e.provide(a,i),i)]}function yt(n,o,t){const a=t.originalEvent.target,r=new CustomEvent(n,{bubbles:!1,cancelable:!0,detail:t});o&&a.addEventListener(n,o,{once:!0}),a.dispatchEvent(r)}function Gn(n,o){var t;const a=e.shallowRef();return e.watchEffect(()=>{a.value=n()},{...o,flush:(t=o==null?void 0:o.flush)!=null?t:"sync"}),e.readonly(a)}function bt(n,o){let t,a,r;const l=e.ref(!0),i=()=>{l.value=!0,r()};e.watch(n,i,{flush:"sync"});const s=typeof o=="function"?o:o.get,d=typeof o=="function"?void 0:o.set,c=e.customRef((p,u)=>(a=p,r=u,{get(){return l.value&&(t=s(),l.value=!1),a(),t},set(f){d==null||d(f)}}));return Object.isExtensible(c)&&(c.trigger=i),c}function $e(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function ze(n){let o=!1,t;const a=e.effectScope(!0);return(...r)=>(o||(t=a.run(()=>n(...r)),o=!0),t)}function X(n){return typeof n=="function"?n():e.unref(n)}const te=typeof window<"u"&&typeof document<"u",Yn=n=>typeof n<"u",Xn=Object.prototype.toString,Jn=n=>Xn.call(n)==="[object Object]",_o=(n,o,t)=>Math.min(t,Math.max(o,n)),Te=()=>{};function Zn(n,o){function t(...a){return new Promise((r,l)=>{Promise.resolve(n(()=>o.apply(this,a),{fn:o,thisArg:this,args:a})).then(r).catch(l)})}return t}function Qn(n,o={}){let t,a,r=Te;const l=s=>{clearTimeout(s),r(),r=Te};return s=>{const d=X(n),c=X(o.maxWait);return t&&l(t),d<=0||c!==void 0&&c<=0?(a&&(l(a),a=null),Promise.resolve(s())):new Promise((p,u)=>{r=o.rejectOnCancel?u:p,c&&!a&&(a=setTimeout(()=>{t&&l(t),a=null,p(s())},c)),t=setTimeout(()=>{a&&l(a),a=null,p(s())},d)})}}function vn(...n){if(n.length!==1)return e.toRef(...n);const o=n[0];return typeof o=="function"?e.readonly(e.customRef(()=>({get:o,set:Te}))):e.ref(o)}function wt(n,o=1e4){return e.customRef((t,a)=>{let r=X(n),l;const i=()=>setTimeout(()=>{r=X(n),a()},X(o));return $e(()=>{clearTimeout(l)}),{get(){return t(),r},set(s){r=s,a(),clearTimeout(l),l=i()}}})}function Bt(n,o=200,t={}){return Zn(Qn(o,t),n)}function _t(n,o,t={}){const{immediate:a=!0}=t,r=e.ref(!1);let l=null;function i(){l&&(clearTimeout(l),l=null)}function s(){r.value=!1,i()}function d(...c){i(),r.value=!0,l=setTimeout(()=>{r.value=!1,l=null,n(...c)},X(o))}return a&&(r.value=!0,te&&d()),$e(s),{isPending:e.readonly(r),start:d,stop:s}}function ea(n=1e3,o={}){const{controls:t=!1,callback:a}=o,r=_t(a??Te,n,o),l=e.computed(()=>!r.isPending.value);return t?{ready:l,...r}:l}function ta(n,o,t){const a=e.watch(n,(...r)=>(e.nextTick(()=>a()),o(...r)),t)}function U(n){var o;const t=X(n);return(o=t==null?void 0:t.$el)!=null?o:t}const De=te?window:void 0;function de(...n){let o,t,a,r;if(typeof n[0]=="string"||Array.isArray(n[0])?([t,a,r]=n,o=De):[o,t,a,r]=n,!o)return Te;Array.isArray(t)||(t=[t]),Array.isArray(a)||(a=[a]);const l=[],i=()=>{l.forEach(p=>p()),l.length=0},s=(p,u,f,m)=>(p.addEventListener(u,f,m),()=>p.removeEventListener(u,f,m)),d=e.watch(()=>[U(o),X(r)],([p,u])=>{if(i(),!p)return;const f=Jn(u)?{...u}:u;l.push(...t.flatMap(m=>a.map(h=>s(p,m,h,f))))},{immediate:!0,flush:"post"}),c=()=>{d(),i()};return $e(c),c}function oa(n){return typeof n=="function"?n:typeof n=="string"?o=>o.key===n:Array.isArray(n)?o=>n.includes(o.key):()=>!0}function kt(...n){let o,t,a={};n.length===3?(o=n[0],t=n[1],a=n[2]):n.length===2?typeof n[1]=="object"?(o=!0,t=n[0],a=n[1]):(o=n[0],t=n[1]):(o=!0,t=n[0]);const{target:r=De,eventName:l="keydown",passive:i=!1,dedupe:s=!1}=a,d=oa(o);return de(r,l,p=>{p.repeat&&X(s)||d(p)&&t(p)},i)}function na(n={}){var o;const{window:t=De,deep:a=!0}=n,r=(o=n.document)!=null?o:t==null?void 0:t.document,l=()=>{var s;let d=r==null?void 0:r.activeElement;if(a)for(;d!=null&&d.shadowRoot;)d=(s=d==null?void 0:d.shadowRoot)==null?void 0:s.activeElement;return d},i=bt(()=>null,()=>l());return t&&(de(t,"blur",s=>{s.relatedTarget===null&&i.trigger()},!0),de(t,"focus",i.trigger,!0)),i}function He(){const n=e.ref(!1);return e.getCurrentInstance()&&e.onMounted(()=>{n.value=!0}),n}function aa(n){const o=He();return e.computed(()=>(o.value,!!n()))}function ra(n,o={}){const{immediate:t=!0,fpsLimit:a=void 0,window:r=De}=o,l=e.ref(!1),i=a?1e3/a:null;let s=0,d=null;function c(f){if(!l.value||!r)return;const m=f-(s||f);if(i&&m<i){d=r.requestAnimationFrame(c);return}n({delta:m,timestamp:f}),s=f,d=r.requestAnimationFrame(c)}function p(){!l.value&&r&&(l.value=!0,d=r.requestAnimationFrame(c))}function u(){l.value=!1,d!=null&&r&&(r.cancelAnimationFrame(d),d=null)}return t&&p(),$e(u),{isActive:e.readonly(l),pause:u,resume:p}}function la(n){return JSON.parse(JSON.stringify(n))}function Q(n,o,t={}){const{window:a=De,...r}=t;let l;const i=aa(()=>a&&"ResizeObserver"in a),s=()=>{l&&(l.disconnect(),l=void 0)},d=e.computed(()=>Array.isArray(n)?n.map(u=>U(u)):[U(n)]),c=e.watch(d,u=>{if(s(),i.value&&a){l=new ResizeObserver(o);for(const f of u)f&&l.observe(f,r)}},{immediate:!0,flush:"post",deep:!0}),p=()=>{s(),c()};return $e(p),{isSupported:i,stop:p}}function ia(n,o={}){const t=na(o),a=e.computed(()=>U(n));return{focused:e.computed(()=>a.value&&t.value?a.value.contains(t.value):!1)}}function sa(n,o){const t=e.shallowRef(o);return e.watch(vn(n),(a,r)=>{t.value=r},{flush:"sync"}),e.readonly(t)}function R(n,o,t,a={}){var r,l,i;const{clone:s=!1,passive:d=!1,eventName:c,deep:p=!1,defaultValue:u,shouldEmit:f}=a,m=e.getCurrentInstance(),h=t||(m==null?void 0:m.emit)||((r=m==null?void 0:m.$emit)==null?void 0:r.bind(m))||((i=(l=m==null?void 0:m.proxy)==null?void 0:l.$emit)==null?void 0:i.bind(m==null?void 0:m.proxy));let C=c;o||(o="modelValue"),C=C||`update:${o.toString()}`;const B=w=>s?typeof s=="function"?s(w):la(w):w,g=()=>Yn(n[o])?B(n[o]):u,b=w=>{f?f(w)&&h(C,w):h(C,w)};if(d){const w=g(),_=e.ref(w);let x=!1;return e.watch(()=>n[o],P=>{x||(x=!0,_.value=B(P),e.nextTick(()=>x=!1))}),e.watch(_,P=>{!x&&(P!==n[o]||p)&&b(P)},{deep:p}),_}else return e.computed({get(){return g()},set(w){b(w)}})}function We(n){return n?n.flatMap(o=>o.type===e.Fragment?We(o.children):[o]):[]}function we(n,o,t,a={}){if(!o)return null;const{arrowKeyOptions:r="both",attributeName:l="data-radix-vue-collection-item",itemsArray:i=[],loop:s=!0,dir:d="ltr",preventScroll:c=!0,focus:p=!1}=a,[u,f,m,h,C,B]=[n.key==="ArrowRight",n.key==="ArrowLeft",n.key==="ArrowUp",n.key==="ArrowDown",n.key==="Home",n.key==="End"],g=m||h,b=u||f;if(!C&&!B&&(!g&&!b||r==="vertical"&&b||r==="horizontal"&&g))return null;const w=t?Array.from(t.querySelectorAll(`[${l}]`)):i;if(!w.length)return null;c&&n.preventDefault();let _=null;return b||g?_=ko(w,o,{goForward:g?h:d==="ltr"?u:f,loop:s}):C?_=w.at(0)||null:B&&(_=w.at(-1)||null),p&&(_==null||_.focus()),_}function ko(n,o,{goForward:t,loop:a},r=n.length){if(--r===0)return null;const l=n.indexOf(o),i=t?l+1:l-1;if(!a&&(i<0||i>=n.length))return null;const s=(i+n.length)%n.length,d=n[s];return d?d.hasAttribute("disabled")&&d.getAttribute("disabled")!=="false"?ko(n,d,{goForward:t,loop:a},r):d:null}function St(n){return n!==null&&typeof n=="object"}function xt(n,o,t=".",a){if(!St(o))return xt(n,{},t,a);const r=Object.assign({},o);for(const l in n){if(l==="__proto__"||l==="constructor")continue;const i=n[l];i!=null&&(a&&a(r,l,i,t)||(Array.isArray(i)&&Array.isArray(r[l])?r[l]=[...i,...r[l]]:St(i)&&St(r[l])?r[l]=xt(i,r[l],(t?`${t}.`:"")+l.toString(),a):r[l]=i))}return r}function da(n){return(...o)=>o.reduce((t,a)=>xt(t,a,"",n),{})}const ca=da(),[So,pa]=I("ConfigProvider"),ua=e.defineComponent({__name:"ConfigProvider",props:{dir:{default:"ltr"},scrollBody:{type:[Boolean,Object],default:!0}},setup(n){const o=n,{dir:t,scrollBody:a}=e.toRefs(o);return pa({dir:t,scrollBody:a}),(r,l)=>e.renderSlot(r.$slots,"default")}}),fa=ze(()=>e.ref()),ma=ze(()=>e.ref(0));function Oe(n){const o=So({scrollBody:e.ref(!0)}),t=ma(),a=fa(),r=e.ref(n),l=()=>{document.body.style.paddingRight="",document.body.style.marginRight="",document.body.style.pointerEvents="",document.body.style.removeProperty("--scrollbar-width"),document.body.style.overflow=a.value??"",a.value=void 0};return n&&t.value++,e.watch(r,i=>{var s;if(te&&i){a.value===void 0&&(a.value=document.body.style.overflow);const d=window.innerWidth-document.documentElement.clientWidth,c={padding:d,margin:0},p=(s=o.scrollBody)!=null&&s.value?typeof o.scrollBody.value=="object"?ca({padding:o.scrollBody.value.padding===!0?d:o.scrollBody.value.padding,margin:o.scrollBody.value.margin===!0?d:o.scrollBody.value.margin},c):c:{padding:0,margin:0};d>0&&(document.body.style.paddingRight=`${p.padding}px`,document.body.style.marginRight=`${p.margin}px`,document.body.style.setProperty("--scrollbar-width",`${d}px`),document.body.style.overflow="hidden"),e.nextTick(()=>{document.body.style.pointerEvents="none",document.body.style.overflow="hidden"})}},{immediate:!0}),e.onBeforeUnmount(()=>{n&&t.value--,t.value===0&&l()}),r}const ha="data-radix-vue-collection-item";function z(n,o=ha){const t=n??Symbol();return{createCollection:l=>{const i=e.ref([]);function s(){const d=U(l);return d?i.value=Array.from(d.querySelectorAll(`[${o}]:not([data-disabled=true])`)):i.value=[]}return e.onBeforeUpdate(()=>{i.value=[]}),e.onMounted(s),e.onUpdated(s),e.watch(()=>l==null?void 0:l.value,s,{immediate:!0}),e.provide(t,i),i},injectCollection:()=>e.inject(t,e.ref([]))}}function j(n){const o=So({dir:e.ref("ltr")});return e.computed(()=>{var t;return(n==null?void 0:n.value)||((t=o.dir)==null?void 0:t.value)||"ltr"})}function H(n){const o=e.getCurrentInstance(),t=o==null?void 0:o.type.emits,a={};return t!=null&&t.length||console.warn(`No emitted event found. Please check component: ${o==null?void 0:o.type.__name}`),t==null||t.forEach(r=>{a[e.toHandlerKey(e.camelize(r))]=(...l)=>n(r,...l)}),a}let Pt=0;function Et(){e.watchEffect(n=>{if(!te)return;const o=document.querySelectorAll("[data-radix-focus-guard]");document.body.insertAdjacentElement("afterbegin",o[0]??xo()),document.body.insertAdjacentElement("beforeend",o[1]??xo()),Pt++,n(()=>{Pt===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),Pt--})})}function xo(){const n=document.createElement("span");return n.setAttribute("data-radix-focus-guard",""),n.tabIndex=0,n.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",n}function ce(n){return e.computed(()=>{var o;return X(n)?!!((o=U(n))!=null&&o.closest("form")):!0})}function Ie(n){const o=e.getCurrentInstance(),t=Object.keys((o==null?void 0:o.type.props)??{}).reduce((a,r)=>{const l=(o==null?void 0:o.type.props[r]).default;return l!==void 0&&(a[r]=l),a},{});return bt(()=>({...n}),()=>{const a={},r=(o==null?void 0:o.vnode.props)??{};return Object.keys(r).forEach(l=>{a[e.camelize(l)]=r[l]}),Object.keys({...t,...a}).reduce((l,i)=>(n[i]!==void 0&&(l[i]=n[i]),l),{})})}function W(n,o){const t=Ie(n),a=o?H(o):{};return e.computed(()=>({...t.value,...a}))}function J(){const n=e.getCurrentInstance();function o(t){typeof t=="object"&&(n.exposed=t,n.exposeProxy=t)}return o}var ga=function(n){if(typeof document>"u")return null;var o=Array.isArray(n)?n[0]:n;return o.ownerDocument.body},Be=new WeakMap,je=new WeakMap,Ue={},$t=0,Po=function(n){return n&&(n.host||Po(n.parentNode))},Ca=function(n,o){return o.map(function(t){if(n.contains(t))return t;var a=Po(t);return a&&n.contains(a)?a:(console.error("aria-hidden",t,"in not contained inside",n,". Doing nothing"),null)}).filter(function(t){return!!t})},ya=function(n,o,t,a){var r=Ca(o,Array.isArray(n)?n:[n]);Ue[t]||(Ue[t]=new WeakMap);var l=Ue[t],i=[],s=new Set,d=new Set(r),c=function(u){!u||s.has(u)||(s.add(u),c(u.parentNode))};r.forEach(c);var p=function(u){!u||d.has(u)||Array.prototype.forEach.call(u.children,function(f){if(s.has(f))p(f);else{var m=f.getAttribute(a),h=m!==null&&m!=="false",C=(Be.get(f)||0)+1,B=(l.get(f)||0)+1;Be.set(f,C),l.set(f,B),i.push(f),C===1&&h&&je.set(f,!0),B===1&&f.setAttribute(t,"true"),h||f.setAttribute(a,"true")}})};return p(o),s.clear(),$t++,function(){i.forEach(function(u){var f=Be.get(u)-1,m=l.get(u)-1;Be.set(u,f),l.set(u,m),f||(je.has(u)||u.removeAttribute(a),je.delete(u)),m||u.removeAttribute(t)}),$t--,$t||(Be=new WeakMap,Be=new WeakMap,je=new WeakMap,Ue={})}},ba=function(n,o,t){t===void 0&&(t="data-aria-hidden");var a=Array.from(Array.isArray(n)?n:[n]),r=o||ga(n);return r?(a.push.apply(a,Array.from(r.querySelectorAll("[aria-live]"))),ya(a,r,t,"aria-hidden")):function(){return null}};function Ae(n){let o;e.watch(()=>U(n),t=>{t?o=ba(t):o&&o()}),e.onUnmounted(()=>{o&&o()})}const wa=ze(()=>({count:e.ref(0)}));function N(n){const{count:o}=wa();return n||o.value++,n||`radix-${o.value}`}function Eo(n){const o=e.ref(),t=e.computed(()=>{var r;return((r=o.value)==null?void 0:r.width)??0}),a=e.computed(()=>{var r;return((r=o.value)==null?void 0:r.height)??0});return e.onMounted(()=>{const r=U(n);if(r){o.value={width:r.offsetWidth,height:r.offsetHeight};const l=new ResizeObserver(i=>{if(!Array.isArray(i)||!i.length)return;const s=i[0];let d,c;if("borderBoxSize"in s){const p=s.borderBoxSize,u=Array.isArray(p)?p[0]:p;d=u.inlineSize,c=u.blockSize}else d=r.offsetWidth,c=r.offsetHeight;o.value={width:d,height:c}});return l.observe(r,{box:"border-box"}),()=>l.unobserve(r)}else o.value=void 0}),{width:t,height:a}}function Tt(n,o){const t=e.ref(n);function a(l){return o[t.value][l]??t.value}return{state:t,dispatch:l=>{t.value=a(l)}}}function Dt(n){const o=wt("",1e3);return{search:o,handleTypeaheadSearch:r=>{var u,f;o.value=o.value+r;const l=n.value,i=document.activeElement,s=((f=(u=l.find(m=>m===i))==null?void 0:u.textContent)==null?void 0:f.trim())??"",d=l.map(m=>{var h;return((h=m.textContent)==null?void 0:h.trim())??""}),c=Ba(d,o.value,s),p=l.find(m=>{var h;return((h=m.textContent)==null?void 0:h.trim())===c});p&&p.focus()},resetTypeahead:()=>{o.value=""}}}function Ot(n,o){return n.map((t,a)=>n[(o+a)%n.length])}function Ba(n,o,t){const r=o.length>1&&Array.from(o).every(c=>c===o[0])?o[0]:o,l=t?n.indexOf(t):-1;let i=Ot(n,Math.max(l,0));r.length===1&&(i=i.filter(c=>c!==t));const d=i.find(c=>c.toLowerCase().startsWith(r.toLowerCase()));return d!==t?d:void 0}function _a(n,o){return{inheritAttrs:!1,name:`${n.__name??""}Wrapper`,setup(t,a){return()=>{const r=typeof(o==null?void 0:o.props)=="function"?o==null?void 0:o.props(a.attrs):o==null?void 0:o.props,l=J(),i=e.mergeProps(r,a.attrs);return e.h(n,{...i,ref:l},a.slots)}}}}const qe=e.defineComponent({name:"PrimitiveSlot",inheritAttrs:!1,setup(n,{attrs:o,slots:t}){return()=>{var i,s;if(!t.default)return null;const a=We(t.default()),[r,...l]=a;if(Object.keys(o).length>0){(i=r.props)==null||delete i.ref;const d=e.mergeProps(o,r.props??{});o.class&&((s=r.props)!=null&&s.class)&&delete r.props.class;const c=e.cloneVNode(r,d);for(const p in d)p.startsWith("on")&&(c.props||(c.props={}),c.props[p]=d[p]);return a.length===1?c:[c,...l]}return a}}}),k=e.defineComponent({name:"Primitive",inheritAttrs:!1,props:{asChild:{type:Boolean,default:!1},as:{type:[String,Object],default:"div"}},setup(n,{attrs:o,slots:t}){return(n.asChild?"template":n.as)!=="template"?()=>e.h(n.as,o,{default:t.default}):()=>e.h(qe,o,{default:t.default})}});function $(){const n=e.ref(),o=e.computed(()=>{var t,a;return["#text","#comment"].includes((t=n.value)==null?void 0:t.$el.nodeName)?(a=n.value)==null?void 0:a.$el.nextElementSibling:U(n)});return{primitiveElement:n,currentElement:o}}const[$o,ka]=I("CollapsibleRoot"),To=e.defineComponent({__name:"CollapsibleRoot",props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:["update:open"],setup(n,{expose:o,emit:t}){const a=n,l=R(a,"open",t,{defaultValue:a.defaultOpen,passive:a.open===void 0}),i=R(a,"disabled");return ka({contentId:N(),disabled:i,open:l,onOpenToggle:()=>{l.value=!l.value}}),o({open:l}),(s,d)=>(e.openBlock(),e.createBlock(e.unref(k),{as:s.as,"as-child":a.asChild,"data-state":a.open?"open":"closed","data-disabled":a.disabled?"":void 0},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{open:e.unref(l)})]),_:3},8,["as","as-child","data-state","data-disabled"]))}}),Do=e.defineComponent({__name:"CollapsibleTrigger",props:{asChild:{type:Boolean},as:{default:"button"}},setup(n){const o=n,t=$o();return(a,r)=>{var l,i;return e.openBlock(),e.createBlock(e.unref(k),{type:a.as==="button"?"button":void 0,as:a.as,"as-child":o.asChild,"aria-controls":e.unref(t).contentId,"aria-expanded":e.unref(t).open.value,"data-state":e.unref(t).open.value?"open":"closed","data-disabled":(l=e.unref(t).disabled)!=null&&l.value?"":void 0,disabled:(i=e.unref(t).disabled)==null?void 0:i.value,onClick:e.unref(t).onOpenToggle},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["type","as","as-child","aria-controls","aria-expanded","data-state","data-disabled","disabled","onClick"])}}});function Sa(n,o){const t=e.ref({}),a=e.ref("none"),r=n.value?"mounted":"unmounted",{state:l,dispatch:i}=Tt(r,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});e.watch(n,async(f,m)=>{var C;const h=m!==f;if(await e.nextTick(),h){const B=a.value,g=Ge(o.value);f?i("MOUNT"):g==="none"||((C=t.value)==null?void 0:C.display)==="none"?i("UNMOUNT"):i(m&&B!==g?"ANIMATION_OUT":"UNMOUNT")}},{immediate:!0});const s=f=>{const m=Ge(o.value),h=m.includes(f.animationName);f.target===o.value&&h&&i("ANIMATION_END"),f.target===o.value&&m==="none"&&i("ANIMATION_END")},d=f=>{f.target===o.value&&(a.value=Ge(o.value))},c=e.watch(o,(f,m)=>{f?(t.value=getComputedStyle(f),f.addEventListener("animationstart",d),f.addEventListener("animationcancel",s),f.addEventListener("animationend",s)):(i("ANIMATION_END"),m==null||m.removeEventListener("animationstart",d),m==null||m.removeEventListener("animationcancel",s),m==null||m.removeEventListener("animationend",s))},{immediate:!0}),p=e.watch(l,()=>{const f=Ge(o.value);a.value=l.value==="mounted"?f:"none"});return e.onUnmounted(()=>{c(),p()}),{isPresent:e.computed(()=>["mounted","unmountSuspended"].includes(l.value))}}function Ge(n){return n&&getComputedStyle(n).animationName||"none"}const K=e.defineComponent({name:"Presence",props:{present:{type:Boolean,required:!0},forceMount:{type:Boolean}},slots:{},setup(n,{slots:o,expose:t}){var c;const{present:a,forceMount:r}=e.toRefs(n),l=e.ref(),{isPresent:i}=Sa(a,l);t({present:i});let s=o.default({present:i});s=We(s||[]);const d=e.getCurrentInstance();if(s&&(s==null?void 0:s.length)>1){const p=(c=d==null?void 0:d.parent)!=null&&c.type.name?`<${d.parent.type.name} />`:"component";throw new Error([`Detected an invalid children for \`${p}\` for \`Presence\` component.`,"","Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.","You can apply a few solutions:",["Provide a single child element so that `presence` directive attach correctly.rv","Ensure the first child is an actual element instead of a raw text node or comment node."].map(u=>` - ${u}`).join(`
`)].join(`
`))}return()=>r.value||a.value||i.value?e.h(o.default({present:i})[0],{ref:p=>{const u=U(p);return typeof(u==null?void 0:u.hasAttribute)>"u"||(u!=null&&u.hasAttribute("data-radix-popper-content-wrapper")?l.value=u.firstChild:l.value=u),u}}):null}}),Oo=e.defineComponent({inheritAttrs:!1,__name:"CollapsibleContent",props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(n){const o=n,t=$o(),a=e.ref(),{primitiveElement:r,currentElement:l}=$(),i=e.ref(0),s=e.ref(0),d=e.computed(()=>t.open.value),c=e.ref(d.value),p=e.ref();return e.watch(()=>{var u;return[d.value,(u=a.value)==null?void 0:u.present]},async()=>{await e.nextTick();const u=l.value;if(!u)return;p.value=p.value||{transitionDuration:u.style.transitionDuration,animationName:u.style.animationName},u.style.transitionDuration="0s",u.style.animationName="none";const f=u.getBoundingClientRect();s.value=f.height,i.value=f.width,c.value||(u.style.transitionDuration=p.value.transitionDuration,u.style.animationName=p.value.animationName)},{immediate:!0}),e.onMounted(()=>{requestAnimationFrame(()=>{c.value=!1})}),(u,f)=>(e.openBlock(),e.createBlock(e.unref(K),{ref_key:"presentRef",ref:a,present:u.forceMount||e.unref(t).open.value,"force-mount":!0},{default:e.withCtx(()=>{var m,h;return[e.createVNode(e.unref(k),e.mergeProps(u.$attrs,{id:e.unref(t).contentId,ref_key:"primitiveElement",ref:r,"as-child":o.asChild,as:u.as,"data-state":e.unref(t).open.value?"open":"closed","data-disabled":(m=e.unref(t).disabled)!=null&&m.value?"true":void 0,hidden:!((h=a.value)!=null&&h.present),style:{"--radix-collapsible-content-height":`${s.value}px`,"--radix-collapsible-content-width":`${i.value}px`}}),{default:e.withCtx(()=>{var C;return[(C=a.value)!=null&&C.present?e.renderSlot(u.$slots,"default",{key:0}):e.createCommentVNode("",!0)]}),_:3},16,["id","as-child","as","data-state","data-disabled","hidden","style"])]}),_:3},8,["present"]))}});function xa(n,o){if(n==="single"){if(Array.isArray(o)){console.error(`Invalid prop \`value\` of value \`${o}\` supplied to \`AccordionRoot\`, which type is \`single\`. The \`value\` prop must be:
- a string
- \`undefined\`
If you want to use multiple values, use the \`AccordionRoot\` with type \`multiple\`.
Defaulting to \`undefined\`.`);return}}else if(n==="multiple"&&(typeof o=="string"||typeof o>"u"))return console.error(`Invalid prop \`value\` of value \`${o}\` supplied to \`AccordionRoot\`, which type is \`multiple\`. The \`value\` prop must be:
- an array of strings
- empty array (\`[]\`)
If you want to use just one value, use the \`AccordionRoot\` with type \`single\`.
Defaulting to empty array (\`[]\`).`),[];return o}function Pa({type:n,defaultValue:o}){if(n==="multiple")return Array.isArray(o)?o:o===void 0?[]:(console.error(`Invalid prop \`defaultValue\` of value \`${o}\` supplied to \`AccordionRoot\`, which type is \`multiple\`. The \`defaultValue\` prop must be:
- an array of strings
- empty array (\`[]\`)
If you want to use just one value, use the \`AccordionRoot\` with type \`single\`.
Defaulting to empty array (\`[]\`).`),[]);if(n==="single"){if(typeof o=="string")return o;if(o===void 0)return;console.error(`Invalid prop \`defaultValue\` of value \`${o}\` supplied to \`AccordionRoot\`, which type is \`single\`. The \`defaultValue\` prop must be:
- a string
- \`undefined\`
Defaulting to \`undefined\`.`);return}}function Io(n,o){const t=R(n,"modelValue",o,{defaultValue:Pa(n),passive:n.modelValue===void 0});e.watch(()=>[n.type,n.modelValue],()=>{const r=xa(n.type,t.value);t.value!==r&&(t.value=r)},{immediate:!0});function a(r){if(n.type==="single")t.value=r===t.value?void 0:r;else{const l=t.value||[];if(l.includes(r)){const i=l.findIndex(s=>s===r);l.splice(i,1)}else l.push(r);t.value=l,o("update:modelValue",t.value)}}return{modelValue:t,changeModelValue:a}}const[Ye,Ea]=I("AccordionRoot"),$a=e.defineComponent({__name:"AccordionRoot",props:{type:{},modelValue:{},defaultValue:{},collapsible:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dir:{},orientation:{default:"vertical"},asChild:{type:Boolean,default:!1},as:{}},emits:["update:modelValue"],setup(n,{expose:o,emit:t}){const a=n,r=t,{dir:l,disabled:i}=e.toRefs(a),s=j(l),{modelValue:d,changeModelValue:c}=Io(a,r),{primitiveElement:p,currentElement:u}=$();return Ea({disabled:i,direction:s,orientation:a.orientation,parentElement:u,isSingle:e.computed(()=>a.type==="single"),collapsible:a.collapsible,modelValue:d,changeModelValue:c}),o({modelValue:d}),(f,m)=>(e.openBlock(),e.createBlock(e.unref(k),{ref_key:"primitiveElement",ref:p,"as-child":f.asChild,as:f.as},{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default",{modelValue:e.unref(d)})]),_:3},8,["as-child","as"]))}}),[It,Ta]=I("AccordionItem"),Da=e.defineComponent({__name:"AccordionItem",props:{disabled:{type:Boolean},value:{},asChild:{type:Boolean},as:{}},setup(n,{expose:o}){const t=n,a=Ye(),r=e.computed(()=>a.isSingle.value?t.value===a.modelValue.value:Array.isArray(a.modelValue.value)&&a.modelValue.value.includes(t.value)),l=e.computed(()=>a.disabled.value||t.disabled||a.isSingle.value&&r.value&&!a.collapsible),i=e.computed(()=>l.value?"":void 0),s=e.computed(()=>r.value?"open":"closed"),{primitiveElement:d,currentElement:c}=$();Ta({open:r,dataState:s,disabled:l,dataDisabled:i,triggerId:N(),primitiveElement:d,currentElement:c,value:e.computed(()=>t.value)});function p(u){we(u,c.value,a.parentElement.value,{arrowKeyOptions:a.orientation,dir:a.direction.value,focus:!0})}return o({open:r}),(u,f)=>(e.openBlock(),e.createBlock(e.unref(To),{"data-orientation":e.unref(a).orientation,"data-disabled":i.value,"data-state":s.value,disabled:l.value,open:r.value,"as-child":t.asChild,onKeydown:e.withKeys(p,["up","down","left","right","home","end"])},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default",{open:r.value})]),_:3},8,["data-orientation","data-disabled","data-state","disabled","open","as-child","onKeydown"]))}}),Oa=e.defineComponent({__name:"AccordionContent",props:{asChild:{type:Boolean},as:{}},setup(n){const o=n,t=Ye(),a=It();return(r,l)=>(e.openBlock(),e.createBlock(e.unref(Oo),{id:e.unref(a).triggerId,role:"region",open:e.unref(a).open.value,hidden:!e.unref(a).open.value,"as-child":o.asChild,"aria-labelledby":e.unref(a).triggerId,"data-state":e.unref(a).dataState.value,"data-disabled":e.unref(a).dataDisabled.value,"data-orientation":e.unref(t).orientation,style:{"--radix-accordion-content-width":"var(--radix-collapsible-content-width)","--radix-accordion-content-height":"var(--radix-collapsible-content-height)"}},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["id","open","hidden","as-child","aria-labelledby","data-state","data-disabled","data-orientation"]))}}),Ia=e.defineComponent({__name:"AccordionHeader",props:{asChild:{type:Boolean},as:{default:"h3"}},setup(n){const o=n,t=Ye(),a=It();return(r,l)=>(e.openBlock(),e.createBlock(e.unref(k),{as:o.as,"as-child":o.asChild,"data-orientation":e.unref(t).orientation,"data-state":e.unref(a).dataState.value,"data-disabled":e.unref(a).dataDisabled.value},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["as","as-child","data-orientation","data-state","data-disabled"]))}}),Aa=e.defineComponent({__name:"AccordionTrigger",props:{asChild:{type:Boolean},as:{}},setup(n){const o=n,t=Ye(),a=It();function r(){a.disabled.value||t.changeModelValue(a.value.value)}return(l,i)=>(e.openBlock(),e.createBlock(e.unref(Do),{id:e.unref(a).triggerId,ref:e.unref(a).primitiveElement,"data-radix-vue-collection-item":"",as:o.as,"as-child":o.asChild,"aria-controls":e.unref(a).triggerId,"aria-disabled":e.unref(a).disabled.value||void 0,"aria-expanded":e.unref(a).open.value||!1,"data-disabled":e.unref(a).dataDisabled.value,"data-orientation":e.unref(t).orientation,"data-state":e.unref(a).dataState.value,disabled:e.unref(a).disabled.value,onClick:r},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},8,["id","as","as-child","aria-controls","aria-disabled","aria-expanded","data-disabled","data-orientation","data-state","disabled"]))}}),[G,Ma]=I("DialogRoot"),Ao=e.defineComponent({__name:"DialogRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:["update:open"],setup(n,{emit:o}){const t=n,r=R(t,"open",o,{defaultValue:t.defaultOpen,passive:t.open===void 0}),l=e.ref(),i=e.ref(),{modal:s}=e.toRefs(t);return Ma({open:r,modal:s,openModal:()=>{r.value=!0},onOpenChange:d=>{r.value=d},onOpenToggle:()=>{r.value=!r.value},contentId:N(),titleId:N(),descriptionId:N(),triggerElement:l,contentElement:i}),(d,c)=>e.renderSlot(d.$slots,"default")}}),Mo=e.defineComponent({__name:"DialogTrigger",props:{asChild:{type:Boolean},as:{default:"button"}},setup(n){const o=n,t=G(),{primitiveElement:a,currentElement:r}=$();return e.onMounted(()=>{t.triggerElement=r}),(l,i)=>(e.openBlock(),e.createBlock(e.unref(k),e.mergeProps({ref_key:"primitiveElement",ref:a},o,{type:l.as==="button"?"button":void 0,"aria-haspopup":"dialog","aria-expanded":e.unref(t).open.value||!1,"aria-controls":e.unref(t).contentId,"data-state":e.unref(t).open.value?"open":"closed",onClick:e.unref(t).onOpenToggle}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16,["type","aria-expanded","aria-controls","data-state","onClick"]))}}),oe=e.defineComponent({__name:"Teleport",props:{to:{default:"body"},disabled:{type:Boolean},forceMount:{type:Boolean}},setup(n){const o=He();return(t,a)=>e.unref(o)||t.forceMount?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:t.to,disabled:t.disabled},[e.renderSlot(t.$slots,"default")],8,["to","disabled"])):e.createCommentVNode("",!0)}}),Ra=e.defineComponent({__name:"DialogPortal",props:{to:{},disabled:{type:Boolean},forceMount:{type:Boolean}},setup(n){const o=n;return(t,a)=>(e.openBlock(),e.createBlock(e.unref(oe),e.normalizeProps(e.guardReactiveProps(o)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}}),Va="dismissableLayer.pointerDownOutside",Fa="dismissableLayer.focusOutside";function Ro(n,o){const t=o.closest("[data-dismissable-layer]"),a=n.querySelector("[data-dismissable-layer]"),r=Array.from(n.ownerDocument.querySelectorAll("[data-dismissable-layer]"));return!!(t&&a===t||r.indexOf(a)<r.indexOf(t))}function Na(n,o){var l;const t=((l=o==null?void 0:o.value)==null?void 0:l.ownerDocument)??(globalThis==null?void 0:globalThis.document),a=e.ref(!1),r=e.ref(()=>{});return e.watchEffect(i=>{if(!te)return;const s=async c=>{if(o!=null&&o.value){if(Ro(o.value,c.target)){a.value=!1;return}if(c.target&&!a.value){let p=function(){yt(Va,n,u)};const u={originalEvent:c};c.pointerType==="touch"?(t.removeEventListener("click",r.value),r.value=p,t.addEventListener("click",r.value,{once:!0})):p()}else t.removeEventListener("click",r.value);a.value=!1}},d=window.setTimeout(()=>{t.addEventListener("pointerdown",s)},0);i(()=>{window.clearTimeout(d),t.removeEventListener("pointerdown",s),t.removeEventListener("click",r.value)})}),{onPointerDownCapture:()=>a.value=!0}}function La(n,o){var r;const t=((r=o==null?void 0:o.value)==null?void 0:r.ownerDocument)??(globalThis==null?void 0:globalThis.document),a=e.ref(!1);return e.watchEffect(l=>{if(!te)return;const i=async s=>{o!=null&&o.value&&(await e.nextTick(),!Ro(o.value,s.target)&&s.target&&!a.value&&yt(Fa,n,{originalEvent:s}))};t.addEventListener("focusin",i),l(()=>t.removeEventListener("focusin",i))}),{onFocusCapture:()=>a.value=!0,onBlurCapture:()=>a.value=!1}}const Y=e.reactive({layersRoot:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),ne=e.defineComponent({__name:"DismissableLayer",props:{disableOutsidePointerEvents:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","dismiss"],setup(n,{emit:o}){const t=n,a=o,{primitiveElement:r,currentElement:l}=$(),i=e.computed(()=>{var h;return((h=l.value)==null?void 0:h.ownerDocument)??globalThis.document}),s=e.computed(()=>Y.layersRoot),d=e.computed(()=>l.value?Array.from(s.value).indexOf(l.value):-1),c=e.computed(()=>Y.layersWithOutsidePointerEventsDisabled.size>0),p=e.computed(()=>{const h=Array.from(s.value),[C]=[...Y.layersWithOutsidePointerEventsDisabled].slice(-1),B=h.indexOf(C);return d.value>=B}),u=Na(async h=>{const C=[...Y.branches].some(B=>B.contains(h.target));!p.value||C||(a("pointerDownOutside",h),a("interactOutside",h),await e.nextTick(),h.defaultPrevented||a("dismiss"))},l),f=La(h=>{[...Y.branches].some(B=>B.contains(h.target))||(a("focusOutside",h),a("interactOutside",h),h.defaultPrevented||a("dismiss"))},l);kt("Escape",h=>{d.value===s.value.size-1&&(a("escapeKeyDown",h),h.defaultPrevented||a("dismiss"))});let m;return e.watchEffect(h=>{l.value&&(t.disableOutsidePointerEvents&&(Y.layersWithOutsidePointerEventsDisabled.size===0&&(m=i.value.body.style.pointerEvents,i.value.body.style.pointerEvents="none"),Y.layersWithOutsidePointerEventsDisabled.add(l.value)),s.value.add(l.value),h(()=>{t.disableOutsidePointerEvents&&Y.layersWithOutsidePointerEventsDisabled.size===1&&(i.value.body.style.pointerEvents=m)}))}),e.watchEffect(h=>{h(()=>{l.value&&(s.value.delete(l.value),Y.layersWithOutsidePointerEventsDisabled.delete(l.value))})}),(h,C)=>(e.openBlock(),e.createBlock(e.unref(k),{ref_key:"primitiveElement",ref:r,"as-child":h.asChild,as:h.as,"data-dismissable-layer":"",style:e.normalizeStyle({pointerEvents:c.value?p.value?"auto":"none":void 0}),onFocusCapture:e.unref(f).onFocusCapture,onBlurCapture:e.unref(f).onBlurCapture,onPointerdownCapture:e.unref(u).onPointerDownCapture},{default:e.withCtx(()=>[e.renderSlot(h.$slots,"default")]),_:3},8,["as-child","as","style","onFocusCapture","onBlurCapture","onPointerdownCapture"]))}}),Ka=e.defineComponent({__name:"DismissableLayerBranch",props:{asChild:{type:Boolean},as:{}},setup(n){const o=n,{primitiveElement:t,currentElement:a}=$();return e.onMounted(()=>{Y.branches.add(a.value)}),e.onUnmounted(()=>{Y.branches.delete(a.value)}),(r,l)=>(e.openBlock(),e.createBlock(e.unref(k),e.mergeProps({ref_key:"primitiveElement",ref:t},o),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16))}}),At="focusScope.autoFocusOnMount",Mt="focusScope.autoFocusOnUnmount",Vo={bubbles:!1,cancelable:!0};function Xe(n,{select:o=!1}={}){const t=document.activeElement;for(const a of n)if(ae(a,{select:o}),document.activeElement!==t)return!0}function za(n){const o=Rt(n),t=Fo(o,n),a=Fo(o.reverse(),n);return[t,a]}function Rt(n){const o=[],t=document.createTreeWalker(n,NodeFilter.SHOW_ELEMENT,{acceptNode:a=>{const r=a.tagName==="INPUT"&&a.type==="hidden";return a.disabled||a.hidden||r?NodeFilter.FILTER_SKIP:a.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;t.nextNode();)o.push(t.currentNode);return o}function Fo(n,o){for(const t of n)if(!Ha(t,{upTo:o}))return t}function Ha(n,{upTo:o}){if(getComputedStyle(n).visibility==="hidden")return!0;for(;n;){if(o!==void 0&&n===o)return!1;if(getComputedStyle(n).display==="none")return!0;n=n.parentElement}return!1}function Wa(n){return n instanceof HTMLInputElement&&"select"in n}function ae(n,{select:o=!1}={}){if(n&&n.focus){const t=document.activeElement;n.focus({preventScroll:!0}),n!==t&&Wa(n)&&o&&n.select()}}const ja=ze(()=>e.ref([]));function Ua(){const n=ja();return{add(o){const t=n.value[0];o!==t&&(t==null||t.pause()),n.value=No(n.value,o),n.value.unshift(o)},remove(o){var t;n.value=No(n.value,o),(t=n.value[0])==null||t.resume()}}}function No(n,o){const t=[...n],a=t.indexOf(o);return a!==-1&&t.splice(a,1),t}function qa(n){return n.filter(o=>o.tagName!=="A")}const Je=e.defineComponent({__name:"FocusScope",props:{loop:{type:Boolean,default:!1},trapped:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:["mountAutoFocus","unmountAutoFocus"],setup(n,{emit:o}){const t=n,a=o,{primitiveElement:r,currentElement:l}=$(),i=e.ref(null),s=Ua(),d=e.reactive({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}});e.watchEffect(p=>{if(!te)return;const u=l.value;if(!t.trapped)return;function f(B){if(d.paused||!u)return;const g=B.target;u.contains(g)?i.value=g:ae(i.value,{select:!0})}function m(B){if(d.paused||!u)return;const g=B.relatedTarget;g!==null&&(u.contains(g)||ae(i.value,{select:!0}))}function h(B){u.contains(i.value)||ae(u)}document.addEventListener("focusin",f),document.addEventListener("focusout",m);const C=new MutationObserver(h);u&&C.observe(u,{childList:!0,subtree:!0}),p(()=>{document.removeEventListener("focusin",f),document.removeEventListener("focusout",m),C.disconnect()})}),e.watchEffect(async p=>{const u=l.value;if(await e.nextTick(),!u)return;s.add(d);const f=document.activeElement;if(!u.contains(f)){const h=new CustomEvent(At,Vo);u.addEventListener(At,C=>a("mountAutoFocus",C)),u.dispatchEvent(h),h.defaultPrevented||(Xe(qa(Rt(u)),{select:!0}),document.activeElement===f&&ae(u))}p(()=>{u.removeEventListener(At,B=>a("mountAutoFocus",B));const h=new CustomEvent(Mt,Vo),C=B=>{a("unmountAutoFocus",B)};u.addEventListener(Mt,C),u.dispatchEvent(h),setTimeout(()=>{h.defaultPrevented||ae(f??document.body,{select:!0}),u.removeEventListener(Mt,C),s.remove(d)},0)})});function c(p){if(!t.loop&&!t.trapped||d.paused)return;const u=p.key==="Tab"&&!p.altKey&&!p.ctrlKey&&!p.metaKey,f=document.activeElement;if(u&&f){const m=p.currentTarget,[h,C]=za(m);h&&C?!p.shiftKey&&f===C?(p.preventDefault(),t.loop&&ae(h,{select:!0})):p.shiftKey&&f===h&&(p.preventDefault(),t.loop&&ae(C,{select:!0})):f===m&&p.preventDefault()}}return(p,u)=>(e.openBlock(),e.createBlock(e.unref(k),{ref_key:"primitiveElement",ref:r,tabindex:"-1","as-child":t.asChild,as:t.as,onKeydown:c},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},8,["as-child","as"]))}}),Ga="menu.itemSelect",Vt=["Enter"," "],Ya=["ArrowDown","PageUp","Home"],Lo=["ArrowUp","PageDown","End"],Xa=[...Ya,...Lo],Ja={ltr:[...Vt,"ArrowRight"],rtl:[...Vt,"ArrowLeft"]},Za={ltr:["ArrowLeft"],rtl:["ArrowRight"]};function Ft(n){return n?"open":"closed"}function Ze(n){return n==="indeterminate"}function Nt(n){return Ze(n)?"indeterminate":n?"checked":"unchecked"}function Lt(n){const o=document.activeElement;for(const t of n)if(t===o||(t.focus(),document.activeElement!==o))return}function Qa(n,o){const{x:t,y:a}=n;let r=!1;for(let l=0,i=o.length-1;l<o.length;i=l++){const s=o[l].x,d=o[l].y,c=o[i].x,p=o[i].y;d>a!=p>a&&t<(c-s)*(a-d)/(p-d)+s&&(r=!r)}return r}function va(n,o){if(!o)return!1;const t={x:n.clientX,y:n.clientY};return Qa(t,o)}function Me(n){return n.pointerType==="mouse"}function er(){const n="DialogContent",o="DialogTitle",t=G(),a=`Warning: \`${n}\` requires a \`${o}\` for the component to be accessible for screen reader users.
If you want to hide the \`${o}\`, you can wrap it with our VisuallyHidden component.
For more information, see https://www.radix-vue.com/components/dialog.html#title;`,r=`Warning: Missing \`Description\` or \`aria-describedby="undefined"\` for ${n}.`;e.onMounted(()=>{var s;document.getElementById(t.titleId)||console.warn(a);const i=(s=t.contentElement.value)==null?void 0:s.getAttribute("aria-describedby");t.descriptionId&&i&&(document.getElementById(t.descriptionId)||console.warn(r))})}const Ko=e.defineComponent({__name:"DialogContentImpl",props:{forceMount:{type:Boolean},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","dismiss","openAutoFocus","closeAutoFocus"],setup(n,{emit:o}){const t=n,a=o,r=G(),{primitiveElement:l,currentElement:i}=$();return e.onMounted(()=>{r.contentElement=i}),process.env.NODE_ENV!=="production"&&er(),(s,d)=>(e.openBlock(),e.createBlock(e.unref(Je),{"as-child":"",loop:"",trapped:t.trapFocus,onMountAutoFocus:d[5]||(d[5]=c=>a("openAutoFocus",c)),onUnmountAutoFocus:d[6]||(d[6]=c=>a("closeAutoFocus",c))},{default:e.withCtx(()=>[e.createVNode(e.unref(ne),e.mergeProps({id:e.unref(r).contentId,ref_key:"primitiveElement",ref:l,as:s.as,"as-child":s.asChild,"disable-outside-pointer-events":s.disableOutsidePointerEvents,role:"dialog","aria-describedby":e.unref(r).descriptionId,"aria-labelledby":e.unref(r).titleId,"data-state":e.unref(Ft)(e.unref(r).open.value)},s.$attrs,{onDismiss:d[0]||(d[0]=c=>e.unref(r).onOpenChange(!1)),onEscapeKeyDown:d[1]||(d[1]=c=>a("escapeKeyDown",c)),onFocusOutside:d[2]||(d[2]=c=>a("focusOutside",c)),onInteractOutside:d[3]||(d[3]=c=>a("interactOutside",c)),onPointerDownOutside:d[4]||(d[4]=c=>a("pointerDownOutside",c))}),{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},16,["id","as","as-child","disable-outside-pointer-events","aria-describedby","aria-labelledby","data-state"])]),_:3},8,["trapped"]))}}),tr=e.defineComponent({__name:"DialogContentModal",props:{forceMount:{type:Boolean},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","dismiss","openAutoFocus","closeAutoFocus"],setup(n,{emit:o}){const t=n,a=o,r=G(),l=H(a),{primitiveElement:i,currentElement:s}=$();return Ae(s),(d,c)=>(e.openBlock(),e.createBlock(Ko,e.mergeProps({ref_key:"primitiveElement",ref:i},{...t,...e.unref(l)},{"trap-focus":e.unref(r).open.value,"disable-outside-pointer-events":!0,onCloseAutoFocus:c[0]||(c[0]=p=>{var u;a("closeAutoFocus",p),p.defaultPrevented||(p.preventDefault(),(u=e.unref(r).triggerElement.value)==null||u.focus())}),onPointerDownOutside:c[1]||(c[1]=p=>{const u=p.detail.originalEvent,f=u.button===0&&u.ctrlKey===!0;(u.button===2||f)&&p.preventDefault()}),onFocusOutside:c[2]||(c[2]=p=>{p.preventDefault()}),onOpenAutoFocus:c[3]||(c[3]=p=>a("openAutoFocus",p))}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:3},16,["trap-focus"]))}}),or=e.defineComponent({__name:"DialogContentNonModal",props:{forceMount:{type:Boolean},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","dismiss","openAutoFocus","closeAutoFocus"],setup(n,{emit:o}){const t=n,a=o,r=H(a),l=G(),i=e.ref(!1),s=e.ref(!1);return(d,c)=>(e.openBlock(),e.createBlock(Ko,e.mergeProps({...t,...e.unref(r)},{"trap-focus":!1,"disable-outside-pointer-events":!1,onCloseAutoFocus:c[0]||(c[0]=p=>{var u;a("closeAutoFocus",p),p.defaultPrevented||(i.value||(u=e.unref(l).triggerElement.value)==null||u.focus(),p.preventDefault()),i.value=!1,s.value=!1}),onInteractOutside:c[1]||(c[1]=p=>{var m;p.defaultPrevented||(i.value=!0,p.detail.originalEvent.type==="pointerdown"&&(s.value=!0));const u=p.target;((m=e.unref(l).triggerElement.value)==null?void 0:m.contains(u))&&p.preventDefault(),p.detail.originalEvent.type==="focusin"&&s.value&&p.preventDefault()})}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default")]),_:3},16))}}),zo=e.defineComponent({__name:"DialogContent",props:{forceMount:{type:Boolean},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","dismiss","openAutoFocus","closeAutoFocus"],setup(n,{emit:o}){const t=n,a=o,r=G(),l=H(a);return(i,s)=>(e.openBlock(),e.createBlock(e.unref(K),{present:i.forceMount||e.unref(r).open.value},{default:e.withCtx(()=>[e.unref(r).modal.value?(e.openBlock(),e.createBlock(tr,e.mergeProps({key:0},{...t,...e.unref(l),...i.$attrs},{onOpenAutoFocus:s[0]||(s[0]=d=>a("openAutoFocus",d))}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},16)):(e.openBlock(),e.createBlock(or,e.normalizeProps(e.mergeProps({key:1},{...t,...e.unref(l),...i.$attrs})),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},16))]),_:3},8,["present"]))}}),nr=e.defineComponent({__name:"DialogOverlayImpl",props:{asChild:{type:Boolean},as:{}},setup(n){const o=G();return Oe(!0),(t,a)=>(e.openBlock(),e.createBlock(e.unref(k),{as:t.as,"as-child":t.asChild,"data-state":e.unref(o).open.value?"open":"closed",style:{"pointer-events":"auto"}},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["as","as-child","data-state"]))}}),Ho=e.defineComponent({__name:"DialogOverlay",props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(n){const o=G();return(t,a)=>{var r;return(r=e.unref(o))!=null&&r.modal.value?(e.openBlock(),e.createBlock(e.unref(K),{key:0,present:t.forceMount||e.unref(o).open.value},{default:e.withCtx(()=>[e.createVNode(nr,e.mergeProps({as:t.as,"as-child":t.asChild},t.$attrs),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["as","as-child"])]),_:3},8,["present"])):e.createCommentVNode("",!0)}}}),Kt=e.defineComponent({__name:"DialogClose",props:{asChild:{type:Boolean},as:{default:"button"}},setup(n){const o=n,t=G();return(a,r)=>(e.openBlock(),e.createBlock(e.unref(k),e.mergeProps(o,{type:a.as==="button"?"button":void 0,onClick:r[0]||(r[0]=l=>e.unref(t).onOpenChange(!1))}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["type"]))}}),Wo=e.defineComponent({__name:"DialogTitle",props:{asChild:{type:Boolean},as:{default:"h2"}},setup(n){const o=n,t=G();return(a,r)=>(e.openBlock(),e.createBlock(e.unref(k),e.mergeProps(o,{id:e.unref(t).titleId}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["id"]))}}),jo=e.defineComponent({__name:"DialogDescription",props:{asChild:{type:Boolean},as:{default:"p"}},setup(n){const o=n,t=G();return(a,r)=>(e.openBlock(),e.createBlock(e.unref(k),e.mergeProps(o,{id:e.unref(t).descriptionId}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},16,["id"]))}}),ar=e.defineComponent({__name:"AlertDialogRoot",props:{open:{type:Boolean},defaultOpen:{type:Boolean}},emits:["update:open"],setup(n,{emit:o}){const r=W(n,o);return(l,i)=>(e.openBlock(),e.createBlock(e.unref(Ao),e.mergeProps(e.unref(r),{modal:!0}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16))}}),rr=e.defineComponent({__name:"AlertDialogTrigger",props:{asChild:{type:Boolean},as:{}},setup(n){const o=n;return(t,a)=>(e.openBlock(),e.createBlock(e.unref(Mo),e.normalizeProps(e.guardReactiveProps(o)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}}),lr=e.defineComponent({__name:"AlertDialogPortal",props:{to:{},disabled:{type:Boolean},forceMount:{type:Boolean}},setup(n){const o=n;return(t,a)=>(e.openBlock(),e.createBlock(e.unref(oe),e.normalizeProps(e.guardReactiveProps(o)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}}),[ir,sr]=I("AlertDialogContent"),dr=e.defineComponent({__name:"AlertDialogContent",props:{forceMount:{type:Boolean},trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{}},emits:["escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","dismiss","openAutoFocus","closeAutoFocus"],setup(n,{emit:o}){const t=n,r=H(o),l=e.ref();return sr({onCancelElementChange:i=>{l.value=i}}),(i,s)=>(e.openBlock(),e.createBlock(e.unref(zo),e.mergeProps({...t,...e.unref(r)},{role:"alertdialog",onPointerDownOutside:s[0]||(s[0]=e.withModifiers(()=>{},["prevent"])),onInteractOutside:s[1]||(s[1]=e.withModifiers(()=>{},["prevent"])),onOpenAutoFocus:s[2]||(s[2]=()=>{e.nextTick(()=>{var d;(d=l.value)==null||d.focus({preventScroll:!0})})})}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},16))}}),cr=e.defineComponent({__name:"AlertDialogOverlay",props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(n){const o=n;return(t,a)=>(e.openBlock(),e.createBlock(e.unref(Ho),e.normalizeProps(e.guardReactiveProps(o)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}}),pr=e.defineComponent({__name:"AlertDialogCancel",props:{asChild:{type:Boolean},as:{}},setup(n){const o=n,t=ir(),{primitiveElement:a,currentElement:r}=$();return e.onMounted(()=>{t.onCancelElementChange(r.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.unref(Kt),e.mergeProps(o,{ref_key:"primitiveElement",ref:a}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16))}}),ur=e.defineComponent({__name:"AlertDialogTitle",props:{asChild:{type:Boolean},as:{}},setup(n){const o=n;return(t,a)=>(e.openBlock(),e.createBlock(e.unref(Wo),e.normalizeProps(e.guardReactiveProps(o)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}}),fr=e.defineComponent({__name:"AlertDialogDescription",props:{asChild:{type:Boolean},as:{}},setup(n){const o=n;return(t,a)=>(e.openBlock(),e.createBlock(e.unref(jo),e.normalizeProps(e.guardReactiveProps(o)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}}),mr=e.defineComponent({__name:"AlertDialogAction",props:{asChild:{type:Boolean},as:{}},setup(n){const o=n;return(t,a)=>(e.openBlock(),e.createBlock(e.unref(Kt),e.normalizeProps(e.guardReactiveProps(o)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}}),hr=e.defineComponent({inheritAttrs:!1,__name:"AspectRatio",props:{ratio:{default:1},asChild:{type:Boolean},as:{}},setup(n){const o=n,t=e.computed(()=>1/o.ratio*100);return(a,r)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`position: relative; width: 100%; padding-bottom: ${t.value}%`),"data-radix-aspect-ratio-wrapper":""},[e.createVNode(e.unref(k),e.mergeProps({"as-child":a.asChild,as:a.as,style:{position:"absolute",inset:"0px"}},a.$attrs),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{aspect:t.value})]),_:3},16,["as-child","as"])],4))}}),[Uo,gr]=I("AvatarRoot"),Cr=e.defineComponent({__name:"AvatarRoot",props:{asChild:{type:Boolean},as:{default:"span"}},setup(n){const o=n;return gr({imageLoadingStatus:e.ref("loading")}),(t,a)=>(e.openBlock(),e.createBlock(e.unref(k),{as:t.as,"as-child":o.asChild},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["as","as-child"]))}});function yr(n){const o=e.ref("idle"),t=e.ref(!1),a=r=>()=>{t.value&&(o.value=r)};return e.onMounted(()=>{t.value=!0,e.watch(n,r=>{if(!r)o.value="error";else{const l=new window.Image;o.value="loading",l.onload=a("loaded"),l.onerror=a("error"),l.src=r}},{immediate:!0})}),e.onUnmounted(()=>{t.value=!1}),o}const br=e.defineComponent({__name:"AvatarImage",props:{src:{},asChild:{type:Boolean},as:{default:"img"}},emits:["loadingStatusChange"],setup(n,{emit:o}){const t=n,a=o,{src:r}=e.toRefs(t),l=Uo(),i=yr(r);return e.watch(i,s=>{a("loadingStatusChange",s),s!=="idle"&&(l.imageLoadingStatus.value=s)},{immediate:!0}),(s,d)=>e.unref(i)==="loaded"?(e.openBlock(),e.createBlock(e.u