https://www.arcticeagles.no/assets/SyTabs-BBL6tMS5.js

1import{ab as S,T as k,a4 as $,j as L,r as B,bo as T,z as K,C as f,D as b,E as i,aa as c,G as w,H as D,N as M,ag as O,an as z}from"./index-CsosZWcB.js";const A=S({name:"SyTabs",props:{activeTab:{type:String,default:""},tabs:{type:Array,required:!0},alignment:{type:String,default:"center"},isCompactMode:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},customClass:{type:String,default:""}},emits:["update:activeTab","change"],setup(e,{emit:u}){const{activeTab:o}=k(e),y=T(e,u,"activeTab"),p=a=>{var t;return((t=o==null?void 0:o.value)==null?void 0:t.toLowerCase())===a.toLowerCase()},m=a=>{var t;e.isLoading||p(a.type)||(y.value=(t=a==null?void 0:a.type)==null?void 0:t.toLowerCase(),u("change",a))},n=$("headerOffset",0),l=L(()=>{const a=e.tabs.findIndex(t=>t.type.toLowerCase()===o.value.toLowerCase());return a!==-1?a:0}),s=B([]);return{isSelected:p,tabChange:m,headerOffset:n,tabButtons:s,handleKeydown:(a,t)=>{var g,h,C,v;const r=s.value.length;let d=t;switch(a.key){case"ArrowRight":d=(t+1)%r,(g=s.value[d])==null||g.focus();break;case"ArrowLeft":d=(t-1+r)%r,(h=s.value[d])==null||h.focus();break;case"Home":(C=s.value[0])==null||C.focus(),a.preventDefault();break;case"End":(v=s.value[r-1])==null||v.focus(),a.preventDefault();break}},selectedIndex:l}}}),E=["id","aria-selected","tabindex","onClick","onKeydown"],j=["id","aria-labelledby"];function H(e,u,o,y,p,m){return f(),b(w,null,[i("div",{class:c(["tabs-container",[e.customClass,e.isCompactMode?"compact-tabs":"full-width-tabs"]]),style:O(e.headerOffset>0?{marginTop:e.headerOffset+"px"}:{})},[i("ul",{class:c(["main-menu",`text-${e.alignment}`]),role:"tablist"},[(f(!0),b(w,null,D(e.tabs,(n,l)=>(f(),b("li",{key:l,class:c(["inline-block",e.isSelected(n.type)?"selected":"available",e.isCompactMode&&`compact-${e.alignment}-tab-item`]),role:"presentation"},[i("button",{id:`tab-${l}`,ref_for:!0,ref:"tabButtons",type:"button",class:c(["tab-text",e.isCompactMode&&"compact-tab-text"]),"aria-selected":e.isSelected(n.type),role:"tab",tabindex:e.isSelected(n.type)?0:-1,onClick:s=>e.tabChange(n),onKeydown:s=>e.handleKeydown(s,l)},M(n.name),43,E)],2))),128))],2)],6),i("div",{id:`panel-${e.selectedIndex}`,class:"menu-content",role:"tabpanel","aria-labelledby":`tab-${e.selectedIndex}`},[z(e.$slots,"content-container",{},void 0,!0)],8,j)],64)}const q=K(A,[["render",H],["__scopeId","data-v-46ce2970"]]);export{q as S};