1import{i as p}from"./selectolddesign.2026.09.23.js";import{E as x}from"./mobilenavigation.2026.09.23.js";import{r as v,c as l,o,b as i,f as u,F as m,i as b,k as y,n as f,t as h,x as _}from"../app.2026.09.23.js";import{_ as k}from"./_plugin-vue_export-helper.2026.09.23.js";import"./linkicon.2026.09.23.js";import"./searchinput.2026.09.23.js";import"./index.2026.09.23.js";import"./clickoutside.2026.09.23.js";import"./cross-black.2026.09.23.js";import"./logo-orange.2026.09.23.js";import"./logoutbutton.2026.09.23.js";import"./apiurl.2026.09.23.js";import"./utils.2026.09.23.js";import"./index.2026.09.232.js";import"./fetch.2026.09.23.js";import"./_commonjshelpers.2026.09.23.js";import"./constants.2026.09.23.js";const w={name:"EllevioWebTabs",components:{EllevioWebBadge:x},props:{tabNames:{type:Array,default:()=>[]},activeTabIndexes:{type:Array,default:()=>[]},selectedIndex:{type:Number,default:0},tabpanelId:{type:String,default:""}},computed:{tabs(){return this.tabNames.length>0&&this.tabNames[0].name?this.activeTabIndexes.map(e=>({...this.tabNames[e],index:e})):this.activeTabIndexes.map(e=>({name:this.tabNames[e],index:e}))},tabsMobile(){return this.activeTabIndexes.map(e=>this.tabNames[e])}},mounted(){p(document.getElementById("tabsSelect"))},methods:{onClick(e){this.$emit("change-view",e)},onChange(e){const t=e.target.options[e.target.selectedIndex];this.$emit("change-view",{index:t.value,originalIndex:t.getAttribute("original")})},onKeydown(e,t){if(e.key==="ArrowRight"){const s=this.$refs.tabButtons,c=(t+1)%this.tabs.length;s[c].focus(),e.preventDefault()}else if(e.key==="ArrowLeft"){const s=this.$refs.tabButtons,c=(t-1+this.tabs.length)%this.tabs.length;s[c].focus(),e.preventDefault()}else(e.key==="Enter"||e.key===" ")&&(this.$emit("change-view",{index:t,originalIndex:this.tabs[t].index}),e.preventDefault())}},watch:{selectedIndex(e){this.$nextTick(()=>{const t=this.$refs.tabButtons;t&&t[e]&&t[e].focus()})}}},I={class:"sm-rem:bg-white sm-rem:pt-3.5 sm-rem:pb-4 sm-rem:px-6 my-pages-content-card"},B={key:0,class:"justify-center hidden bg-gray-ultralight sm-rem:flex","data-testid":"tabs",role:"tablist"},C=["onClick","onKeydown","aria-selected","aria-controls","tabindex","data-testid"],N={class:"flex flex-col sm-rem:hidden"},T=["value","original","selected"];function E(e,t,s,c,S,r){const g=v("ellevio-web-badge");return o(),l("div",I,[t[1]||(t[1]=i("h2",{class:"text-lg"},"Visa",-1)),s.activeTabIndexes.length>0?(o(),l("ul",B,[(o(!0),l(m,null,b(r.tabs,(n,a)=>(o(),l("li",{key:a,class:"relative flex justify-center flex-1"},[i("button",{ref_for:!0,ref:"tabButtons",class:f(["flex items-center justify-center flex-grow p-2 text-xl text-center group focus:outline-black-small focus:!outline-black",a===s.selectedIndex?"bg-green-dark text-white font-futuraEfDemiBold":""]),onClick:_(d=>r.onClick({index:a,originalIndex:n.index}),["prevent"]),onKeydown:d=>r.onKeydown(d,a),role:"tab","aria-selected":a===s.selectedIndex,"aria-controls":s.tabpanelId,tabindex:a===s.selectedIndex?0:-1,"data-testid":`tabButton${a}`},[i("span",{class:f(["group-hover:underline",a===s.selectedIndex?"underline":""])},h(n.name),3),n.showBadge?(o(),y(g,{key:0,count:n.count,showCount:n.showCount,"screen-reader-text":n.badgeScreenReaderText},null,8,["count","showCount","screen-reader-text"])):u("",!0)],42,C)]))),128))])):u("",!0),i("div",N,[i("select",{id:"tabsSelect",onChange:t[0]||(t[0]=(...n)=>r.onChange&&r.onChange(...n))},[(o(!0),l(m,null,b(r.tabs,(n,a)=>(o(),l("option",{key:a,value:a,original:n.index,selected:a===s.selectedIndex},h(n.name),9,T))),128))],32)])])}const Q=k(w,[["render",E],["__scopeId","data-v-646feb19"]]);export{Q as default}; 2//# sourceMappingURL=tabs.2026.09.23.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.