https://distilleriesduquebec.com/_nuxt/C7HATaHf.js

1import K from"./DQdKQfXu.js";import O from"./CNBuAWQm.js";import R from"./DNFMX6Sd.js";import{A as f,N as M,a as o,o as t,B as w,d,I as _,t as v,F as h,C as p,M as x,b as k,f as U,g as W,E as q,c as g,L as G,ah as J,U as E,$ as Q,D as X}from"./M11_3F0Z.js";import"./BeBoftVk.js";const Y={class:"flexible-block BlockTabs"},Z={class:"wrapper"},j={class:"BlockTabs__header"},ee={key:0,class:"BlockTabs__title"},te=["aria-labelledby"],ae=["id","tabindex","aria-selected","aria-controls","onClick"],se={class:"Button__inner"},le={class:"container"},oe=["id","aria-labelledby"],ne={class:"BlockTabs__tab__content"},re={key:0,class:"BlockTabs__tab__surtitle"},ce={key:1,class:"BlockTabs__tab__title"},ie={key:0,class:"BlockTabs__tab__logos"},_e={class:"BlockTabs__tab__logos__title"},fe={__name:"BlockTabs",props:{title:{type:String,default:null},tabs:{type:Array,default:()=>[]}},setup(u){const $=Q(),C=u,a=f(null),r=f(null),c=f(0),y=f(-1),A=()=>{r.value&&(r.value.style.height=r.value.offsetHeight+"px")},L=e=>{E(()=>{if(r.value&&e){const s=e.scrollHeight;r.value.style.height=s+"px"}})},N=()=>{r.value&&(r.value.style.height="")},D=(e,s)=>{y.value=e<c.value?-1:1,E(()=>{c.value=e,$({event:"click_tab",click_url:void 0,click_text:s,cta_context:"tab"})})},T=e=>c.value==e,F=M(()=>C.tabs[c.value]),b=e=>{e?.focus()},P=e=>{let s;e===a.value?.[0]?b(a.value?.[a.value?.length-1]):(s=a.value?.indexOf(e),b(a.value?.[s-1]))},H=e=>{let s;e===a.value?.[a.value?.length-1]?b(a.value?.[0]):(s=a.value?.indexOf(e),b(a.value?.[s+1]))},I=e=>{const s=e.currentTarget;let i=!1;switch(e.key){case"ArrowLeft":P(s),i=!0;break;case"ArrowRight":H(s),i=!0;break;case"Home":b(a.value?.[0]),i=!0;break;case"End":b(a.value?.[a.value?.length-1]),i=!0;break}i&&(e.stopPropagation(),e.preventDefault())};return(e,s)=>{const i=K,S=O,V=R,m=X("appear");return t(),o("div",Y,[w((t(),o("div",Z,[d("div",j,[u.title?(t(),o("h2",ee,v(u.title),1)):_("",!0)]),u.tabs.length>1?(t(),o("div",{key:0,class:"BlockTabs__nav",role:"tablist","aria-labelledby":`tab-list-${u.title}`},[(t(!0),o(h,null,p(u.tabs,(l,n)=>(t(),o("button",{id:`tab-panel-button-${n}`,ref_for:!0,ref_key:"tabButtonsEl",ref:a,key:n+"tab-btn",class:x([{isActive:k(c)==n},"Button btn-primary"]),tabindex:T(n)?0:-1,role:"tab","aria-selected":T(n),"aria-controls":`tab-panel-${n}`,onClick:B=>D(n,l.tabTitle),onKeydown:I},[d("span",se,v(l.tabTitle),1)],42,ae))),128))],8,te)):_("",!0)])),[[m,{name:"appear-translate-in-stagger",target:"child"}]]),d("div",le,[d("div",{ref_key:"containerEl",ref:r,class:"BlockTabs__container"},[U(J,{name:"BlockTabs__tab-transition",onBeforeLeave:A,onEnter:L,onAfterEnter:N},{default:W(()=>[(t(),o("div",{id:`tab-panel-${k(c)}`,key:k(c)+"tab-btn",class:x(["BlockTabs__tab-wrapper",{visible:!0}]),style:q({"--direction":k(y)}),role:"tabpanel","aria-labelledby":`tab-panel-button-${k(c)}`},[(t(!0),o(h,null,p(k(F).tabsItemRepeater,(l,n)=>w((t(),o("div",{key:n+"tab-item",class:"BlockTabs__tab"},[d("div",ne,[l.surtitle?(t(),o("p",re,v(l.surtitle),1)):_("",!0),l.title?(t(),o("h3",ce,v(l.title),1)):_("",!0),l.description?(t(),g(i,{key:2,wysiwyg:l.description},null,8,["wysiwyg"])):_("",!0),l.links?.length?(t(),g(S,{key:3,links:l.links,align:"left"},null,8,["links"])):_("",!0)]),l.logos?.length?(t(),o("div",ie,[d("p",_e,v(e.$translate("tabs_presented_by_label")),1),(t(!0),o(h,null,p(l.logos,(B,z)=>(t(),g(V,G({key:"BlockTabs-logo-"+n+"-"+z},{ref_for:!0},B,{third:!0,showCopyright:!1,showLegend:!1,class:"BlockTabs__tab__logo"}),null,16))),128))])):_("",!0)])),[[m,{name:"appear-unmask-down"}]])),128))],12,oe))]),_:1})],512)])])}}};export{fe as default};