1 line
10 KiB
JavaScript
1 line
10 KiB
JavaScript
import{$n as e,D as t,E as n,Ht as r,On as i,Tn as a,Ut as o,Yt as s,Zn as c,b as l,ct as u,er as d,et as f,ft as p,g as m,k as h,mt as g,qt as _,tr as v,v as y,vn as b,xn as x,xt as S,y as C,z as w}from"./runtime-core.esm-bundler-DkysjgTd.js";import{C as T,S as E,w as D}from"./runtime-dom.esm-bundler-CirRHyjC.js";import{t as O}from"./objectSpread2-BmonrgTA.js";import{t as k}from"./cn-BpFrWzX2.js";import{g as A,s as j}from"./dist-DUuDCbWu.js";import{b as M}from"./dist-D5mNzO5q.js";import{D as ee,i as te,r as N}from"./icon-button-ShH4zO6U.js";import{c as P,f as F,i as I,o as L}from"./VisuallyHiddenInput-CDz4_yZw.js";import{t as R}from"./Primitive-Bi_oIzTM.js";var[z,B]=F(`AvatarRoot`),V=h({__name:`AvatarRoot`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`span`}},setup(e){return P(),B({imageLoadingStatus:b(`idle`)}),(e,t)=>(g(),y(i(R),{"as-child":e.asChild,as:e.as},{default:_(()=>[S(e.$slots,`default`)]),_:3},8,[`as-child`,`as`]))}}),H=h({__name:`AvatarFallback`,props:{delayMs:{type:Number,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`span`}},setup(e){let t=e,n=z();P();let r=b(t.delayMs===void 0);return o(e=>{if(t.delayMs&&j){let n=window.setTimeout(()=>{r.value=!0},t.delayMs);e(()=>{window.clearTimeout(n)})}}),(e,t)=>r.value&&i(n).imageLoadingStatus.value!==`loaded`?(g(),y(i(R),{key:0,"as-child":e.asChild,as:e.as},{default:_(()=>[S(e.$slots,`default`)]),_:3},8,[`as-child`,`as`])):C(`v-if`,!0)}});function U(e,t){return e?t?(e.src!==t&&(e.src=t),e.complete&&e.naturalWidth>0?`loaded`:`loading`):`error`:`idle`}function W(e,{referrerPolicy:t,crossOrigin:n}={}){let r=b(!1),i=b(null),a=m(()=>r.value?(!i.value&&j&&(i.value=new window.Image),i.value):null),s=b(U(a.value,e.value)),c=e=>()=>{r.value&&(s.value=e)};return u(()=>{r.value=!0,o(r=>{let i=a.value;if(!i)return;s.value=U(i,e.value);let o=c(`loaded`),l=c(`error`);i.addEventListener(`load`,o),i.addEventListener(`error`,l),t!=null&&t.value&&(i.referrerPolicy=t.value),typeof(n==null?void 0:n.value)==`string`&&(i.crossOrigin=n.value),r(()=>{i.removeEventListener(`load`,o),i.removeEventListener(`error`,l)})})}),p(()=>{r.value=!1}),s}var G=h({__name:`AvatarImage`,props:{src:{type:String,required:!0},referrerPolicy:{type:null,required:!1},crossOrigin:{type:null,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`img`}},emits:[`loadingStatusChange`],setup(e,{emit:t}){let n=e,o=t,{src:c,referrerPolicy:l,crossOrigin:u}=a(n);P();let d=z(),f=W(c,{referrerPolicy:l,crossOrigin:u});return r(f,e=>{o(`loadingStatusChange`,e),e!==`idle`&&(d.imageLoadingStatus.value=e)},{immediate:!0}),(e,t)=>s((g(),y(i(R),{role:`img`,"as-child":e.asChild,as:e.as,src:i(c),referrerpolicy:i(l),crossorigin:i(u)},{default:_(()=>[S(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`src`,`referrerpolicy`,`crossorigin`])),[[E,i(f)===`loaded`]])}}),K=h({__name:`BaseSeparator`,props:{orientation:{type:String,required:!1,default:`horizontal`},decorative:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let t=e,n=[`horizontal`,`vertical`];function r(e){return n.includes(e)}let a=m(()=>r(t.orientation)?t.orientation:`horizontal`),o=m(()=>a.value===`vertical`?t.orientation:void 0),s=m(()=>t.decorative?{role:`none`}:{"aria-orientation":o.value,role:`separator`});return(e,t)=>(g(),y(i(R),f({as:e.as,"as-child":e.asChild,"data-orientation":a.value},s.value),{default:_(()=>[S(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-orientation`]))}}),q=h({__name:`Separator`,props:{orientation:{type:String,required:!1,default:`horizontal`},decorative:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t){let n=t;return(t,r)=>(g(),y(K,e(w(n)),{default:_(()=>[S(t.$slots,`default`)]),_:3},16))}}),[J,Y]=F(`TabsRoot`),X=h({__name:`TabsRoot`,props:{defaultValue:{type:null,required:!1},orientation:{type:String,required:!1,default:`horizontal`},dir:{type:String,required:!1},activationMode:{type:String,required:!1,default:`automatic`},modelValue:{type:null,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},emits:[`update:modelValue`],setup(e,{emit:t}){let n=e,r=t,{orientation:o,unmountOnHide:s,dir:c}=a(n),l=ee(c);P();let u=M(n,`modelValue`,r,{defaultValue:n.defaultValue,passive:n.modelValue===void 0}),d=b(),f=x(new Set);return Y({modelValue:u,changeModelValue:e=>{u.value=e},orientation:o,dir:l,unmountOnHide:s,activationMode:n.activationMode,baseId:I(void 0,`reka-tabs`),tabsList:d,contentIds:f,registerContent:e=>{f.value=new Set([...f.value,e])},unregisterContent:e=>{let t=new Set(f.value);t.delete(e),f.value=t}}),(e,t)=>(g(),y(i(R),{dir:i(l),"data-orientation":i(o),"as-child":e.asChild,as:e.as},{default:_(()=>[S(e.$slots,`default`,{modelValue:i(u)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function Z(e,t){return`${e}-trigger-${t}`}function Q(e,t){return`${e}-content-${t}`}var ne=h({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:n}=a(e),{forwardRef:r,currentElement:o}=P(),s=J();return s.tabsList=o,(e,a)=>(g(),y(i(te),{"as-child":``,orientation:i(s).orientation.value,dir:i(s).dir.value,loop:i(n)},{default:_(()=>[t(i(R),{ref:i(r),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":i(s).orientation.value},{default:_(()=>[S(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),re=h({__name:`TabsTrigger`,props:{value:{type:[String,Number],required:!0},disabled:{type:Boolean,required:!1,default:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`button`}},setup(e){let n=e,{forwardRef:r}=P(),a=J(),o=m(()=>Z(a.baseId,n.value)),s=m(()=>a.contentIds.value.has(n.value)?Q(a.baseId,n.value):void 0),c=m(()=>n.value===a.modelValue.value);return(e,n)=>(g(),y(i(N),{"as-child":``,focusable:!e.disabled,active:c.value},{default:_(()=>[t(i(R),{id:o.value,ref:i(r),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":c.value?`true`:`false`,"aria-controls":s.value,"data-state":c.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":i(a).orientation.value,onMousedown:n[0]||(n[0]=D(t=>{!e.disabled&&t.ctrlKey===!1?i(a).changeModelValue(e.value):t.preventDefault()},[`left`])),onKeydown:n[1]||(n[1]=T(t=>i(a).changeModelValue(e.value),[`enter`,`space`])),onFocus:n[2]||(n[2]=()=>{let t=i(a).activationMode!==`manual`;!c.value&&!e.disabled&&t&&i(a).changeModelValue(e.value)})},{default:_(()=>[S(e.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}}),ie=h({__name:`Avatar`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e;return(e,n)=>(g(),y(i(V),{"data-slot":`avatar`,class:c(i(k)(`relative flex size-8 shrink-0 overflow-hidden rounded-full`,t.class))},{default:_(()=>[S(e.$slots,`default`)]),_:3},8,[`class`]))}}),ae=h({__name:`AvatarFallback`,props:{delayMs:{},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e,n=A(t,`class`);return(e,r)=>(g(),y(i(H),f({"data-slot":`avatar-fallback`},i(n),{class:i(k)(`bg-muted flex size-full items-center justify-center rounded-full`,t.class)}),{default:_(()=>[S(e.$slots,`default`)]),_:3},16,[`class`]))}}),oe=h({__name:`AvatarImage`,props:{src:{},referrerPolicy:{},crossOrigin:{},asChild:{type:Boolean},as:{}},setup(e){let t=e;return(e,n)=>(g(),y(i(G),f({"data-slot":`avatar-image`},t,{class:`aspect-square size-full`}),{default:_(()=>[S(e.$slots,`default`)]),_:3},16))}}),$=h({__name:`Separator`,props:{orientation:{default:`horizontal`},decorative:{type:Boolean,default:!0},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e,n=A(t,`class`);return(e,r)=>(g(),y(i(q),f({"data-slot":`separator`},i(n),{class:i(k)(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,t.class)}),null,16,[`class`]))}}),se=h({__name:`Tabs`,props:{defaultValue:{},orientation:{},dir:{},activationMode:{},modelValue:{},unmountOnHide:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},emits:[`update:modelValue`],setup(t,{emit:n}){let r=t,a=n,o=A(r,`class`),s=L(o,a);return(t,n)=>(g(),y(i(X),f({"data-slot":`tabs`},i(s),{class:i(k)(`flex flex-col gap-2`,r.class)}),{default:_(n=>[S(t.$slots,`default`,e(w(n)))]),_:3},16,[`class`]))}}),ce=h({__name:`TabsList`,props:{loop:{type:Boolean},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(e){let t=e,n=A(t,`class`);return(e,r)=>(g(),y(i(ne),f({"data-slot":`tabs-list`},i(n),{class:i(k)(`bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-md p-1`,t.class)}),{default:_(()=>[S(e.$slots,`default`)]),_:3},16,[`class`]))}}),le=h(O(O({},{inheritAttrs:!1}),{},{__name:`avatar`,props:{alt:{default:`avatar`},class:{type:[Array,Boolean,null,Object,String]},dot:{type:Boolean,default:!1},dotClass:{type:[Array,Boolean,null,Object,String],default:`bg-green-500`},fit:{default:`cover`},size:{},delayMs:{},asChild:{type:Boolean},as:{default:`button`},src:{},referrerPolicy:{},crossOrigin:{}},setup(e){let r=e,a=m(()=>{let{fit:e}=r;return e?{objectFit:e}:{}}),o=m(()=>r.alt.slice(-2).toUpperCase()),s=m(()=>r.size!==void 0&&r.size>0?{height:`${r.size}px`,width:`${r.size}px`}:{});return(u,f)=>(g(),l(`div`,{class:c([r.class,`relative flex shrink-0 items-center`]),style:d(s.value)},[t(i(ie),{class:c([r.class,`size-full`])},{default:_(()=>[t(i(oe),{alt:e.alt,src:e.src,style:d(a.value)},null,8,[`alt`,`src`,`style`]),t(i(ae),null,{default:_(()=>[n(v(o.value),1)]),_:1})]),_:1},8,[`class`]),e.dot?(g(),l(`span`,{key:0,class:c([e.dotClass,`border-background absolute right-0 bottom-0 size-3 rounded-full border-2`])},null,2)):C(``,!0)],6))}}));export{re as a,J as c,$ as i,ce as n,Q as o,se as r,Z as s,le as t}; |