1import{D as e,Ht as t,On as n,Tn as r,Wt as i,ct as a,et as o,g as s,it as c,k as l,mt as u,qt as d,tr as f,v as p,vn as m,xn as h,xt as g,y as _}from"./CrzdsfCC.js";import{C as v,w as y}from"./DAsAa_tn.js";import{t as b}from"./cBkslAlP.js";import{h as x}from"./Dq_nRP9S.js";import{C as S,O as C,v as w}from"./AOjdaKbT.js";import{t as T}from"./DvqH2sPM.js";import{t as E}from"./DQOwoDDP.js";import{t as D}from"./CEyf8VOC.js";import{t as O}from"./B64_52gN.js";import{t as k}from"./YqBQ3Xhs.js";import{t as A}from"./Buun87wE.js";var[j,M]=x(`TabsRoot`),N=l({__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 i=e,a=t,{orientation:o,unmountOnHide:s,dir:c}=r(i),l=E(c);D();let f=C(i,`modelValue`,a,{defaultValue:i.defaultValue,passive:i.modelValue===void 0}),_=m(),v=h(new Set);return M({modelValue:f,changeModelValue:e=>{f.value=e},orientation:o,dir:l,unmountOnHide:s,activationMode:i.activationMode,baseId:b(void 0,`reka-tabs`),tabsList:_,contentIds:v,registerContent:e=>{v.value=new Set([...v.value,e])},unregisterContent:e=>{let t=new Set(v.value);t.delete(e),v.value=t}}),(e,t)=>(u(),p(n(T),{dir:n(l),"data-orientation":n(o),"as-child":e.asChild,as:e.as},{default:d(()=>[g(e.$slots,`default`,{modelValue:n(f)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function P(e,t){return`${e}-trigger-${t}`}function F(e,t){return`${e}-content-${t}`}var I=l({__name:`TabsContent`,props:{value:{type:[String,Number],required:!0},forceMount:{type:Boolean,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t){let r=t,{forwardRef:i}=D(),o=j(),l=s(()=>P(o.baseId,r.value)),h=s(()=>F(o.baseId,r.value)),v=s(()=>r.value===o.modelValue.value),y=m(v.value);return a(()=>{o.registerContent(r.value),requestAnimationFrame(()=>{y.value=!1})}),c(()=>{o.unregisterContent(r.value)}),(t,r)=>(u(),p(n(O),{present:t.forceMount||v.value,"force-mount":``},{default:d(({present:r})=>[e(n(T),{id:h.value,ref:n(i),"as-child":t.asChild,as:t.as,role:`tabpanel`,"data-state":v.value?`active`:`inactive`,"data-orientation":n(o).orientation.value,"aria-labelledby":l.value,hidden:!r,tabindex:`0`,style:f({animationDuration:y.value?`0s`:void 0})},{default:d(()=>[!n(o).unmountOnHide.value||r?g(t.$slots,`default`,{key:0}):_(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),L=l({__name:`TabsIndicator`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e,{expose:r}){let a=e,c=j();r({updateIndicatorStyle:v}),D();let l=w(),f=m({size:null,thickness:null,position:null}),h=m([]);t(()=>[c.modelValue.value,c?.dir.value],()=>{v()},{immediate:!0,flush:`post`}),i(()=>{h.value=Array.from(c.tabsList.value?.querySelectorAll(`[role="tab"]`)||[])}),S(s(()=>[c.tabsList.value,...h.value]),v);function v(){let e=c.tabsList.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(c.orientation.value===`horizontal`?f.value={size:e.offsetWidth,thickness:e.offsetHeight,position:e.offsetLeft}:f.value={size:e.offsetHeight,thickness:e.offsetWidth,position:e.offsetTop})}return(e,t)=>n(l)&&typeof f.value.size==`number`?(u(),p(n(T),o({key:0},a,{style:{"--reka-tabs-indicator-size":`${f.value.size}px`,"--reka-tabs-indicator-thickness":`${f.value.thickness}px`,"--reka-tabs-indicator-position":`${f.value.position}px`}}),{default:d(()=>[g(e.$slots,`default`)]),_:3},16,[`style`])):_(`v-if`,!0)}}),R=l({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(t){let{loop:i}=r(t),{forwardRef:a,currentElement:o}=D(),s=j();return s.tabsList=o,(t,r)=>(u(),p(n(k),{"as-child":``,orientation:n(s).orientation.value,dir:n(s).dir.value,loop:n(i)},{default:d(()=>[e(n(T),{ref:n(a),role:`tablist`,"as-child":t.asChild,as:t.as,"aria-orientation":n(s).orientation.value},{default:d(()=>[g(t.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),z=l({__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(t){let r=t,{forwardRef:i}=D(),a=j(),o=s(()=>P(a.baseId,r.value)),c=s(()=>a.contentIds.value.has(r.value)?F(a.baseId,r.value):void 0),l=s(()=>r.value===a.modelValue.value);return(t,r)=>(u(),p(n(A),{"as-child":``,focusable:!t.disabled,active:l.value},{default:d(()=>[e(n(T),{id:o.value,ref:n(i),role:`tab`,type:t.as===`button`?`button`:void 0,as:t.as,"as-child":t.asChild,"aria-selected":l.value?`true`:`false`,"aria-controls":c.value,"data-state":l.value?`active`:`inactive`,disabled:t.disabled,"data-disabled":t.disabled?``:void 0,"data-orientation":n(a).orientation.value,onMousedown:r[0]||=y(e=>{!t.disabled&&e.ctrlKey===!1?n(a).changeModelValue(t.value):e.preventDefault()},[`left`]),onKeydown:r[1]||=v(e=>n(a).changeModelValue(t.value),[`enter`,`space`]),onFocus:r[2]||=()=>{let e=n(a).activationMode!==`manual`;!l.value&&!t.disabled&&e&&n(a).changeModelValue(t.value)}},{default:d(()=>[g(t.$slots,`default`)]),_:3},8,[`id`,`type`,`as`,`as-child`,`aria-selected`,`aria-controls`,`data-state`,`disabled`,`data-disabled`,`data-orientation`])]),_:3},8,[`focusable`,`active`]))}});
1export{N as a,I as i,R as n,L as r,z as t}; 2//# sourceMappingURL=D6l74e18.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.