import{o as a,c as i,F as o,i as m,n as u,e as _,t as b,f as d,_ as f}from"./index.js";const v=["onClick"],h=["src"];function g(e,n,t,I,r,s){return a(),i("div",{class:u(["tab-buttons",{"tab-buttons_mobile":t.isMobile,"tab-buttons_with-hover":!t.isMobile}]),ref:"container"},[(a(!0),i(o,null,m(t.data,(l,c)=>(a(),i(o,null,[t.hiddenItems.includes(c)?d("",!0):(a(),i("div",{key:0,class:u(["tab-button",{activeButton:c==r.activeElement&&r.active,clickable:t.clickable}]),onClick:B=>s.select(c,!0)},[_(b(s.isImage(l)?"":l),1),s.isImage(l)?(a(),i("img",{key:0,src:s.getImageSrc(l)},null,8,h)):d("",!0)],10,v))],64))),256))],2)}const k={props:{data:{default:[]},hiddenItems:{default:[]},controllable:{default:!0},controllableIndex:{require:!0},isActive:{default:!1},tab:{default:0},clickable:{default:!0},isMobile:{default:!1}},data(){return{active:!1,activeElement:0}},created(){this.active=this.isActive,this.activeElement=this.tab},methods:{isImage(e){return e.split(":")[0]=="image"},getImageSrc(e){return e.split("image:").join("")},setActive(e){this.clickable&&(this.active=e)},select(e,n=!1){this.clickable&&(n&&window.setActiveControllableComponent(this),this.activeElement=e,this.$emit("changeButton",e))}}},y=f(k,[["render",g],["__scopeId","data-v-b418e66f"]]);export{y as T};
