https://www.chesapeakebay.net/cpresources/10f2ddd2/Tabs.C6uC54U-.js

1import{x as y,a1 as p,au as S,y as $,C as s,L as l,F as _,J as c,V as h,a0 as g,S as m,R as k,Q as L,G as P,H as T}from"./runtime-dom.esm-bundler.CqpSJMCm.js";import{X as w}from"./x-scroll-util.C4EPl81_.js";import{_ as C}from"./_plugin-vue_export-helper.DlAUqK2U.js";const I={class:"tabs"},B=["aria-labelledby"],M=["id","onClick","onKeydown","tabindex","aria-selected","aria-controls"],F=["id","aria-labelledby"],H={class:"tabs__tabPanelContent"},K=["innerHTML"],V={key:0,class:"tabs__tabPanelFigure"},q=["src","width","height","srcset","alt"],A={__name:"Tabs",props:{headingId:{type:String,required:!0},tabs:{type:Array,required:!0},theme:{type:String,default:"default"}},setup(o){const r=o,n=y(0),v=p(),f=S();$(()=>{w()});function i(e){return`${v}__${e}`}function u(e){e>=r.tabs.length&&(e=0),e<0&&(e=r.tabs.length-1),n.value=e,document.getElementById(i("tab-"+e)).focus()}return(e,b)=>(l(),s("div",I,[_("div",{class:c({xScroll:r.theme==="buttons"})},[_("div",{role:"tablist",class:c(["tabs__tabList",[r.theme==="buttons"?"tabs__tabList--buttons xScroll__items":"tabs__tabList--tabs"]]),"aria-labelledby":o.headingId},[(l(!0),s(h,null,g(o.tabs,(a,t)=>(l(),s("button",{id:i("tab-"+t),class:c(["tabs__tab",[{"tabs__tab--active":t===n.value},r.theme==="buttons"?"tabs__tab--buttons":"tabs__tab--tabs"]]),onClick:d=>n.value=t,onKeydown:[m(d=>u(t+1),["right"]),m(d=>u(t-1),["left"]),b[0]||(b[0]=m(d=>u(0),["home"])),b[1]||(b[1]=m(d=>u(o.tabs.length-1),["end"]))],type:"button",role:"tab",tabindex:t===n.value?null:-1,"aria-selected":t===n.value,"aria-controls":i("tabpanel-"+t)},k(a.label),43,M))),256))],10,B)],2),(l(!0),s(h,null,g(o.tabs,(a,t)=>(l(),s("div",{id:i("tabpanel-"+t),class:c(["tabs__tabPanel",{"tabs__tabPanel--closed":t!==n.value}]),role:"tabpanel",tabindex:"0","aria-labelledby":i("tab-"+t)},[_("div",H,["tabPanel-"+t in T(f)?P(e.$slots,"tabPanel-"+t,{key:0},void 0,!0):(l(),s("div",{key:1,innerHTML:a.content},null,8,K))]),a.image?(l(),s("figure",V,[_("img",{src:a.image.src,width:a.image.width,height:a.image.height,srcset:a.image.srcset,class:c(["tabs__tabPanelImg",a.image.class]),alt:a.image.altText},null,10,q)])):L("",!0)],10,F))),256))]))}},z=C(A,[["__scopeId","data-v-09222d35"]]);export{z as default};
2//# sourceMappingURL=Tabs.C6uC54U-.js.map