https://www.bigtenplus.com/_nuxt/CFaJy0QB.js

1import{P as V,Q as D,N as G,o as c,R as m,T as p,U as C,K as e,L as I,F as Q,f as Z,cr as J,b as T,bm as W,Z as S,m as g,bL as X,bp as Y,I as ee,bc as h,at as te,c as k,bb as M,e as ae,_ as se,b2 as $,b1 as L,aT as P}from"./Btd0CN9o.js";import{_ as oe}from"./BfQS6SIH.js";import{a as w,u as le,P as x,c as re}from"./D8HU2-ks.js";import{u as ne}from"./DFNqQDXt.js";import{P as ie}from"./qmQEMnih.js";import{R as ue}from"./BTlmO4bE.js";import{R as de}from"./DYTBPcwM.js";const[B,ce]=re("TabsRoot");var pe=V({__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(u,{emit:l}){const t=u,a=l,{orientation:f,unmountOnHide:i,dir:o}=D(t),s=ne(o);w();const r=G(t,"modelValue",a,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),d=I(),b=Q(new Set);return ce({modelValue:r,changeModelValue:v=>{r.value=v},orientation:f,dir:s,unmountOnHide:i,activationMode:t.activationMode,baseId:le(void 0,"reka-tabs"),tabsList:d,contentIds:b,registerContent:v=>{b.value=new Set([...b.value,v])},unregisterContent:v=>{const y=new Set(b.value);y.delete(v),b.value=y}}),(v,y)=>(c(),m(e(x),{dir:e(s),"data-orientation":e(f),"as-child":v.asChild,as:v.as},{default:p(()=>[C(v.$slots,"default",{modelValue:e(r)})]),_:3},8,["dir","data-orientation","as-child","as"]))}}),fe=pe;function N(u,l){return`${u}-trigger-${l}`}function z(u,l){return`${u}-content-${l}`}var ve=V({__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(u){const l=u,{forwardRef:t}=w(),a=B(),f=g(()=>N(a.baseId,l.value)),i=g(()=>z(a.baseId,l.value)),o=g(()=>l.value===a.modelValue.value),s=I(o.value);return Z(()=>{a.registerContent(l.value),requestAnimationFrame(()=>{s.value=!1})}),J(()=>{a.unregisterContent(l.value)}),(r,d)=>(c(),m(e(ie),{present:r.forceMount||o.value,"force-mount":""},{default:p(({present:b})=>[T(e(x),{id:i.value,ref:e(t),"as-child":r.asChild,as:r.as,role:"tabpanel","data-state":o.value?"active":"inactive","data-orientation":e(a).orientation.value,"aria-labelledby":f.value,hidden:!b,tabindex:"0",style:W({animationDuration:s.value?"0s":void 0})},{default:p(()=>[!e(a).unmountOnHide.value||b?C(r.$slots,"default",{key:0}):S("v-if",!0)]),_:2},1032,["id","as-child","as","data-state","data-orientation","aria-labelledby","hidden","style"])]),_:3},8,["present"]))}}),be=ve,me=V({__name:"TabsList",props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(u){const l=u,{loop:t}=D(l),{forwardRef:a,currentElement:f}=w(),i=B();return i.tabsList=f,(o,s)=>(c(),m(e(ue),{"as-child":"",orientation:e(i).orientation.value,dir:e(i).dir.value,loop:e(t)},{default:p(()=>[T(e(x),{ref:e(a),role:"tablist","as-child":o.asChild,as:o.as,"aria-orientation":e(i).orientation.value},{default:p(()=>[C(o.$slots,"default")]),_:3},8,["as-child","as","aria-orientation"])]),_:3},8,["orientation","dir","loop"]))}}),_e=me,ge=V({__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(u){const l=u,{forwardRef:t}=w(),a=B(),f=g(()=>N(a.baseId,l.value)),i=g(()=>a.contentIds.value.has(l.value)?z(a.baseId,l.value):void 0),o=g(()=>l.value===a.modelValue.value);return(s,r)=>(c(),m(e(de),{"as-child":"",focusable:!s.disabled,active:o.value},{default:p(()=>[T(e(x),{id:f.value,ref:e(t),role:"tab",type:s.as==="button"?"button":void 0,as:s.as,"as-child":s.asChild,"aria-selected":o.value?"true":"false","aria-controls":i.value,"data-state":o.value?"active":"inactive",disabled:s.disabled,"data-disabled":s.disabled?"":void 0,"data-orientation":e(a).orientation.value,onMousedown:r[0]||(r[0]=Y(d=>{!s.disabled&&d.ctrlKey===!1?e(a).changeModelValue(s.value):d.preventDefault()},["left"])),onKeydown:r[1]||(r[1]=X(d=>e(a).changeModelValue(s.value),["enter","space"])),onFocus:r[2]||(r[2]=()=>{const d=e(a).activationMode!=="manual";!o.value&&!s.disabled&&d&&e(a).changeModelValue(s.value)})},{default:p(()=>[C(s.$slots,"default")]),_:3},8,["id","type","as","as-child","aria-selected","aria-controls","data-state","disabled","data-disabled","data-orientation"])]),_:3},8,["focusable","active"]))}}),ye=ge;const he=ee({slots:{rootStyles:["w-full"],tabStyles:["text-white flex items-center justify-center gap-2 whitespace-nowrap rounded-xxs"],tabsStyles:["flex cursor-grab overflow-x-auto scrollbar-none"],tabsIcon:["w-[1rem] h-[1rem] relative fill-Text-Label-inverse"],tabsContent:["overflow-y-auto w-full scrollbar-thin scrollbar-thumb-Backgroun

1d-Neutral scrollbar-track-transparent"]},variants:{type:{filled:{tabStyles:["cursor-pointer","hover:bg-Navigation-tabs-Background-selected","data-[state=active]:bg-Navigation-tabs-Background-selected"]},default:{tabStyles:["cursor-pointer !rounded-none","data-[state=active]:-mb-px data-[state=active]:border-b-2 data-[state=active]:border-Border-Link-active"],tabsStyles:["border-b border-Border-Divider"]}},large:{true:{tabStyles:["h-[3rem] px-2 text-lg"],tabsStyles:["gap-8"]},false:{tabStyles:["h-[2.75rem] px-2 text-[0.875rem] md:text-[1rem]"],tabsStyles:["gap-0 md:gap-1"]}}}}),Te=V({__name:"Tabs",props:{type:{},items:{},large:{type:Boolean},modelValue:{},defaultValue:{},flushEnd:{type:Boolean},testIdPrefix:{}},emits:["update:modelValue"],setup(u,{emit:l}){const t=u,a=l,{type:f="filled",large:i}=t,o=_=>_.value??_.label,s=I(void 0),r=I(!1),d=g({get:()=>{if(t.modelValue!==void 0)return t.modelValue;if(r.value&&s.value!==void 0)return s.value;if(t.defaultValue)return t.defaultValue;if(t.items?.[0])return o(t.items[0])},set:_=>{r.value=!0,s.value=_,a("update:modelValue",_)}}),{rootStyles:b,tabStyles:v,tabsIcon:y,tabsStyles:F,tabsContent:U}=he();return(_,q)=>{const E=ae,R=oe,A=se,K=ye,O=_e,j=be,H=fe;return c(),m(H,{modelValue:e(d),"onUpdate:modelValue":q[0]||(q[0]=n=>te(d)?d.value=n:null),orientation:"horizontal",class:h(e(b)())},{default:p(()=>[T(O,{"aria-label":"tabs example",class:h([[e(F)({type:e(f),large:e(i)}),t.flushEnd&&"max-md:-mr-4 max-md:w-[calc(100%+1rem)]"],"shrink-0"])},{default:p(()=>[(c(!0),k(P,null,M(t.items,n=>(c(),m(K,{key:o(n),class:h(e(v)({type:e(f),large:e(i)})),value:o(n),"data-testid":t.testIdPrefix?`${t.testIdPrefix}-trigger-${o(n)}`:void 0},{default:p(()=>[n.icon?(c(),m(E,{key:0,class:h(e(y)()),name:n.icon,size:"20px",mode:"svg"},null,8,["class","name"])):S("",!0),n.liveBadge?(c(),m(R,{key:1,state:"important",size:"medium",type:"text"})):S("",!0),T(A,{variant:"text",type:e(i)?"label-large":"label-small",typeMd:e(i)?void 0:"label-large"},{default:p(()=>[$(L(n.label),1)]),_:2},1032,["type","typeMd"]),n.badge?(c(),m(R,{key:2,label:n.badge,state:"important",size:"medium",type:"text"},null,8,["label"])):S("",!0)]),_:2},1032,["class","value","data-testid"]))),128))]),_:1},8,["class"]),(c(!0),k(P,null,M(t.items,n=>(c(),m(j,{key:o(n),value:o(n),class:h(e(U)()),"data-testid":t.testIdPrefix?`${t.testIdPrefix}-panel-${o(n)}`:void 0},{default:p(()=>[C(_.$slots,n.value??n.label,{},()=>[$(L(n.content),1)])]),_:2},1032,["value","class","data-testid"]))),128))]),_:3},8,["modelValue","class"])}}}),qe=Object.assign(Te,{__name:"UiDesignTabs"});export{qe as _};