@aotearoan/neon/dist/components/presentation/tabs/NeonTabs.cjs.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

"use strict";const o=require("vue"),s=require("../../../model/common/color/NeonFunctionalColor.cjs.js"),a=require("../../../model/common/size/NeonSize.cjs.js"),c=require("../icon/NeonIcon.vue.cjs.js"),d=require("../../navigation/link/NeonLink.vue.cjs.js"),m=require("../../layout/swiper/NeonSwiper.vue.cjs.js"),f=o.defineComponent({name:"NeonTabs",components:{NeonIcon:c,NeonLink:d,NeonSwiper:m},props:{tabs:{type:Array,required:!0},modelValue:{type:String,required:!0},color:{type:String,default:s.NeonFunctionalColor.Primary},size:{type:String,default:a.NeonSize.Medium},underline:{type:Boolean,default:!0},fullWidthMobile:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(n,{emit:u}){const i=o.ref([]),l=(t,e=!1)=>{if(e){const r=document.getElementById(`${t}ButtonContainer`);r&&r.focus()}u("update:modelValue",t)};return o.onMounted(()=>{const t=n.tabs.findIndex(e=>e.key===n.modelValue);if(t>=0){const e=document.getElementById(`${n.tabs[t].key}Button`);e&&e.scrollIntoView({block:"nearest",inline:"nearest"})}}),{onClick:l,menuItem:i}}});module.exports=f;
//# sourceMappingURL=NeonTabs.cjs.js.map