https://openaid.se/_nuxt/DzIVYdKu.js

1import{Bt as e,C as t,D as n,E as r,Et as i,Ft as a,G as o,I as s,J as c,L as l,Mt as u,Q as d,S as f,V as p,Vt as m,Z as h,b as g,d as _,et as v,it as y,k as b,kt as x,p as S,pt as C,u as w,x as T,y as E}from"./Cbx98PyP.js";import{n as D}from"./B7O4C3bS.js";import{D as O,G as k,a as A,i as j,n as M,o as N}from"./CCnRdzQo.js";import{n as P,t as F}from"./Bu2cUgWD.js";import{I}from"#entry";var[L,R]=k(`TabsRoot`),z=b({__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:l}=u(n),f=I(l);N();let p=O(n,`modelValue`,r,{defaultValue:n.defaultValue,passive:n.modelValue===void 0}),m=i(),h=x(new Set);return R({modelValue:p,changeModelValue:e=>{p.value=e},orientation:o,dir:f,unmountOnHide:s,activationMode:n.activationMode,baseId:A(void 0,`reka-tabs`),tabsList:m,contentIds:h,registerContent:e=>{h.value=new Set([...h.value,e])},unregisterContent:e=>{let t=new Set(h.value);t.delete(e),h.value=t}}),(e,t)=>(c(),T(a(M),{dir:a(f),"data-orientation":a(o),"as-child":e.asChild,as:e.as},{default:C(()=>[d(e.$slots,`default`,{modelValue:a(p)})]),_:3},8,[`dir`,`data-orientation`,`as-child`,`as`]))}});function B(e,t){return`${e}-trigger-${t}`}function V(e,t){return`${e}-content-${t}`}var H=b({__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:s}=N(),l=L(),u=E(()=>B(l.baseId,r.value)),m=E(()=>V(l.baseId,r.value)),h=E(()=>r.value===l.modelValue.value),g=i(h.value);return o(()=>{l.registerContent(r.value),requestAnimationFrame(()=>{g.value=!1})}),p(()=>{l.unregisterContent(r.value)}),(t,r)=>(c(),T(a(j),{present:t.forceMount||h.value,"force-mount":``},{default:C(({present:r})=>[n(a(M),{id:m.value,ref:a(s),"as-child":t.asChild,as:t.as,role:`tabpanel`,"data-state":h.value?`active`:`inactive`,"data-orientation":a(l).orientation.value,"aria-labelledby":u.value,hidden:!r,tabindex:`0`,style:e({animationDuration:g.value?`0s`:void 0})},{default:C(()=>[!a(l).unmountOnHide.value||r?d(t.$slots,`default`,{key:0}):f(`v-if`,!0)]),_:2},1032,[`id`,`as-child`,`as`,`data-state`,`data-orientation`,`aria-labelledby`,`hidden`,`style`])]),_:3},8,[`present`]))}}),U=b({__name:`TabsList`,props:{loop:{type:Boolean,required:!1,default:!0},asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(e){let{loop:t}=u(e),{forwardRef:r,currentElement:i}=N(),o=L();return o.tabsList=i,(e,i)=>(c(),T(a(P),{"as-child":``,orientation:a(o).orientation.value,dir:a(o).dir.value,loop:a(t)},{default:C(()=>[n(a(M),{ref:a(r),role:`tablist`,"as-child":e.asChild,as:e.as,"aria-orientation":a(o).orientation.value},{default:C(()=>[d(e.$slots,`default`)]),_:3},8,[`as-child`,`as`,`aria-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}}),W=b({__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 t=e,{forwardRef:r}=N(),i=L(),o=E(()=>B(i.baseId,t.value)),s=E(()=>i.contentIds.value.has(t.value)?V(i.baseId,t.value):void 0),l=E(()=>t.value===i.modelValue.value);return(e,t)=>(c(),T(a(F),{"as-child":``,focusable:!e.disabled,active:l.value},{default:C(()=>[n(a(M),{id:o.value,ref:a(r),role:`tab`,type:e.as===`button`?`button`:void 0,as:e.as,"as-child":e.asChild,"aria-selected":l.value?`true`:`false`,"aria-controls":s.value,"data-state":l.value?`active`:`inactive`,disabled:e.disabled,"data-disabled":e.disabled?``:void 0,"data-orientation":a(i).orientation.value,onMousedown:t[0]||=_(t=>{!e.disabled&&t.ctrlKey===!1?a(i).changeModelValue(e.value):t.preventDefault()},[`left`]),onKeydown:t[1]||=w(t=>a(i).changeModelValue(e.value),[`enter`,`space`]),onFocus:t[2]||=()=>{let t=a(i).activationMode!==`manual`;!l.value&&!e.disabled&&t&&a(i).changeModelValue(e.value)}},{default:C(()=>[d(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`]))}}),G={class:`tab-panel`},K=Object.assign(D(b({__name:`CategoryTabs`,props:s({panels:{}}

1,{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let i=e,o=y(e,`modelValue`);return(e,s)=>(c(),T(a(z),{modelValue:o.value,"onUpdate:modelValue":s[0]||=e=>o.value=e},{default:C(()=>[n(a(U),l({class:`tabs-menu`},e.$attrs,{"data-introduction-id":`element-comparison-filter-modal-trigger`}),{default:C(()=>[(c(!0),t(S,null,h(i.panels,e=>(c(),T(a(W),{key:e.name,value:e.name,class:`tab-trigger`},{default:C(()=>[e.icon?(c(),T(v(e.icon),{key:0,class:`tab-icon`})):f(``,!0),r(` `+m(e.label),1)]),_:2},1032,[`value`]))),128))]),_:1},16),(c(!0),t(S,null,h(i.panels,t=>(c(),T(a(H),{key:t.name,value:t.name},{default:C(()=>[g(`div`,G,[d(e.$slots,t.name,{item:t},void 0,!0)])]),_:2},1032,[`value`]))),128))]),_:3},8,[`modelValue`]))}}),[[`__scopeId`,`data-v-def8711c`]]),{__name:`CategoryTabs`});export{K as t};