https://emy.gr/_nuxt/DHOp7JOb.js

1import{a1 as B,v as N,r as d,o as z,w as D,c as F,d as o,e as i,f as a,a6 as f,F as m,C as w,n as C,g,t as q,U as T,V as S,h as V,I as A}from"./Cf-0Kjro.js";import{u as R}from"./CTG0bT9f.js";const W=["id"],j=["data-tabs-target","aria-label"],L={class:"flex items-center gap-4"},M={class:"flex flex-col text-start"},O={class:"text-sm md:text-base tracking-tight font-medium md:font-semibold"},U=["id"],J={__name:"Tabs",props:{id:{type:String,required:!0},tabsContent:{type:[Array,Object],required:!0},defaultTabId:{type:String,required:!1,default:""},itemName:{type:String,required:!0},label:{type:String,required:!0},structureClasses:{type:String,required:!1,default:""},dynamic:{type:Boolean,required:!1,default:!0}},emits:["update:tab-id"],setup(s,{emit:k}){const{Tabs:_}=R(),I=B(),c=N(),$=k,r=s,b=d([]),h=d([]),v=d([]),y=d(r.defaultTabId);function p(){r.tabsContent.forEach((n,e)=>{v.value.push({id:n.id,triggerEl:b.value.at(e),targetEl:h.value.at(e)})});const t=E(),x={defaultTabId:(t==null?void 0:t.id)||r.defaultTabId||r.tabsContent[0].id,activeClasses:"border-heading border-b-2 font-bold bg-active text-alert_orange",inactiveClasses:"border-transparent",onShow:n=>{const e=n.getActiveTab().id;y.value=e,r.dynamic&&I.push({query:{tab:e}},{scroll:!1}),$("update:tab-id",e)}};new _(v.value,x)}function E(){return r.dynamic&&c.query.tab?r.tabsContent.find(t=>t.id===c.query.tab):!1}return z(()=>p()),D(()=>c.query.tab,t=>{t&&p()}),(t,x)=>{const n=F("inline-svg");return o(),i(m,null,[a("div",{class:C(s.structureClasses)},[f(t.$slots,"content-left"),a("ul",{id:s.id,class:"flex gap-1 font-medium text-center overflow-x-auto",role:"tablist"},[(o(!0),i(m,null,w(s.tabsContent,(e,l)=>(o(),i("li",{key:e.id,role:"presentation",class:"flex-shrink-0"},[a("button",{ref_for:!0,ref:u=>{g(b)[l]=u},type:"button",role:"tab","data-tabs-target":e.id,class:C([e==null?void 0:e.styles,"max-w-[max-content] min-w-[max-content] whitespace-nowrap flex flex-col p-3 md:p-3 text-center uppercase border-b-2 rounded-t-lg focus:bg-active hover:border-heading dark:text-gray-400 dark:hover:text-gray-300 focus:br-bottom focus:br-bottom-base"]),"aria-label":`${s.label} + ' ' +  ${e.id}`},[a("div",L,[a("div",M,[a("span",O,q(e[s.itemName]),1),T(a("span",{class:"text-xs text-heading tracking-tighter font-normal md:font-medium"},q(e.subtitle),513),[[S,e.subtitle]])]),T(V(n,{src:"/icons/solid/status/warning-triangle.svg",alt:`Warning triangle icon ${l}`,style:A(`color: ${e==null?void 0:e.color}`),class:"w-4 h-4 sm:w-6 sm:h-6"},null,8,["alt","style"]),[[S,e.hasWarnings]])])],10,j)]))),128))],8,W),f(t.$slots,"content-right")],2),a("div",{id:s.id+"-content"},[(o(!0),i(m,null,w(s.tabsContent,(e,l)=>(o(),i("div",{key:e.id,ref_for:!0,ref:u=>{g(h)[l]=u},role:"tabpanel"},[f(t.$slots,"tab-content-"+e.id,{selectedTab:g(y)})],512))),128))],8,U)],64)}}};export{J as _};