felicity-lims/felicity/templates/static/assets/FelTabs-d29072e2.js

import{d as b,r as v,D as l,n as f,o as t,c as n,e as y,b as c,F as h,p as g,y as x,t as T,q as k,bY as C,bZ as D,aJ as F,x as w,k as q}from"./index-e48f6898.js";const B={class:"col-span-12"},z={class:"bg-white shadow-md mt-2"},N={class:"-mb-px flex justify-start"},P=["onClick"],S=b({__name:"FelTabs",props:{tabs:{type:Array,required:!0},initialTab:{type:String,required:!1},hideTab:{type:Function,required:!1}},emits:["tab-change"],setup(u,{emit:d}){const s=u,o=v(s.initialTab||s.tabs[0]?.id),r=l(()=>s.tabs.filter(e=>!s.hideTab?.(e))),i=l(()=>r.value.find(e=>e.id===o.value)),p=d,_=e=>{o.value=e,p("tab-change",e)};return(e,V)=>{const m=f("motion-slide-left");return t(),n("section",B,[y((t(),n("nav",z,[c("div",N,[(t(!0),n(h,null,g(r.value,a=>(t(),n("a",{key:a.id,class:x(["no-underline text-gray-500 uppercase tracking-wide font-bold text-xs py-1 px-4","tab hover:bg-sky-600 hover:text-gray-200 cursor-pointer",{"tab-active":o.value===a.id}]),onClick:j=>_(a.id)},T(a.label),11,P))),128))])])),[[m]]),c("div",null,[i.value?(t(),k(F(i.value.component),C(D({key:0},i.value.props||{})),null,16)):w("",!0)])])}}});const E=q(S,[["__scopeId","data-v-38432961"],["__file","/home/aurthurm/Documents/Development/felicity/felicity-lims/webapp/components/ui/tabs/FelTabs.vue"]]);export{E as default};