1import{a3 as u,C as E,E as D,n as L,D as P}from"./CvIgG0IU.js";import{a as y,c as z,z as V,G as t,A as s,N as e,O as d,L as b,M as v,P as h,J as g,u as a,Z as N,H as I,I as M,Q as k,E as T,T as O,n as F}from"./UyG2YB3t.js";const G={class:"flexible-block block-tabs"},H={class:"block-tabs__wrapper"},J={class:"block-tabs__header"},Q=["onClick"],W={class:"block-tabs__tab"},Z={class:"block-tabs__tab-left"},j={class:"block-tabs__tab-left-content"},q={key:0,class:"block-tabs__tab-title"},K={class:"block-tabs__tab-left-links"},U={class:"block-tabs__tab-right"},et={__name:"BlockTabs",props:{title:String,subtitle:String,tabs:Array},setup(n){const w=n,o=y(0),f=y(-1),{el:m}=u({className:"appear-line-reveal",duration:1500}),{el:S}=u({className:"appear-simple-reveal",duration:1500}),{el:C}=u({className:"appear-nav-reveal",duration:1500}),{el:R}=u({className:"appear-slide-reveal",duration:1500}),x=r=>{f.value=r<o.value?-1:1,F(()=>{o.value=r})},B=()=>{const r=m.value;E(r,"lines").then(_=>{_.forEach(c=>{c.style.setProperty("--transitionDelay",`${_.indexOf(c)*.1+.1}s`),c.classList.add("line")})})},l=z(()=>w.tabs[o.value]);return V(()=>{B()}),(r,$)=>{const _=D,c=L,A=P;return t(),s("div",G,[e("div",H,[e("div",J,[n.subtitle?(t(),s("h4",{key:0,ref_key:"appearSubtitleRef",ref:S,class:"block-tabs__subtitle"},d(n.subtitle),513)):b("",!0),n.title?(t(),s("h2",{key:1,ref_key:"appearTitleRef",ref:m,class:"block-tabs__title"},d(n.title),513)):b("",!0)]),e("div",{class:"block-tabs__nav",ref_key:"appearNavRef",ref:C},[(t(!0),s(v,null,h(n.tabs,(p,i)=>(t(),s("button",{key:i+"tab-btn",class:g({isActive:a(o)==i}),onClick:X=>x(i),style:N({"--transitionDelay":`${i*.12}s`})},[e("span",null,d(p.title),1)],14,Q))),128))],512),e("div",{class:"block-tabs__container",ref_key:"appearSlideRef",ref:R},[I(O,{name:"block-tabs__tab-transition",mode:"out-in"},{default:M(()=>[(t(),s("div",{class:g(["block-tabs__tab-wrapper",{visible:!0}]),key:a(o)+"tab-btn",style:N({"--direction":a(f)})},[e("div",W,[e("div",Z,[e("div",j,[a(l).title?(t(),s("h2",q,d(a(l).title),1)):b("",!0),a(l).description?(t(),k(_,{key:1,wysiwyg:a(l).description},null,8,["wysiwyg"])):b("",!0)]),e("div",K,[(t(!0),s(v,null,h(a(l).links,(p,i)=>(t(),k(c,T({key:"tabs"+i,ref_for:!0},p,{linkStyle:"btn-primary",trackingContext:"block tabs"}),null,16))),128))])]),e("div",U,[a(l).image?(t(),k(A,T({key:0},a(l).image,{half:!0,showCopyright:!0,showLegend:!0}),null,16)):b("",!0)])])],4))]),_:1})],512)])])}}};export{et as default};
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.