https://www.prosoundeffects.com/_nuxt/BfkEmEgC.js

1import{_ as M}from"./DQ6rjXNZ.js";import{i as P,T as $,a as B,b as E,c as H}from"./DrLbX3fN.js";import{u as W,P as j}from"./XXnsvtB-.js";import{j as R,p as L,b7 as N,b8 as A,m as e,o as r,k as n,w as f,l as D,aq as O,a3 as p,a_ as U,r as m,f as u,aV as K,H as X,U as x,ae as I,a2 as G,K as T,a4 as C,a5 as S,W as J,X as Q,ag as V}from"./vz5Qp00s.js";import{R as F}from"./ayn7boYf.js";import Y from"./MVO7nAfJ.js";import{_ as Z}from"./DlAUqK2U.js";import"./DBmBB10D.js";import"./B4Ii8jg2.js";import"./B6JXkth1.js";import"./DvdDGxMa.js";import"./FUKBWQwh.js";import"./B2pYyi06.js";import"./BcBRrp0N.js";import"./iDBqHXW4.js";import"./BXl1l0aC.js";var ee=R({__name:"TabsIndicator",props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1}},setup(d,{expose:l}){const o=d,s=P();l({updateIndicatorStyle:c}),W();const _=U(),i=m({size:null,thickness:null,position:null}),v=m([]);L(()=>[s.modelValue.value,s?.dir.value],()=>{c()},{immediate:!0,flush:"post"}),N(()=>{v.value=Array.from(s.tabsList.value?.querySelectorAll('[role="tab"]')||[])}),A(u(()=>[s.tabsList.value,...v.value]),c);function c(){const t=s.tabsList.value?.querySelector('[role="tab"][data-state="active"]');t&&(s.orientation.value==="horizontal"?i.value={size:t.offsetWidth,thickness:t.offsetHeight,position:t.offsetLeft}:i.value={size:t.offsetHeight,thickness:t.offsetWidth,position:t.offsetTop})}return(t,y)=>e(_)&&typeof i.value.size=="number"?(r(),n(e(j),O({key:0},o,{style:{"--reka-tabs-indicator-size":`${i.value.size}px`,"--reka-tabs-indicator-thickness":`${i.value.thickness}px`,"--reka-tabs-indicator-position":`${i.value.position}px`}}),{default:f(()=>[D(t.$slots,"default")]),_:3},16,["style"])):p("v-if",!0)}}),te=ee;const ae={key:0,class:"grid gap-6 lg:grid-cols-2 lg:items-center lg:gap-24"},oe=R({__name:"TabbedFeatures",props:{blok:{}},setup(d){const l=d,o=u(()=>l.blok?.tabs??[]),s=u(()=>V(l.blok?.headline)),_=u(()=>V(l.blok?.description)),i=u(()=>s.value||_.value),v=u(()=>l.blok?.media_position==="right"?"right":"left"),c=u(()=>`tabbed-features-${l.blok?._uid??""}-headline`),t=m("");K(()=>{o.value.some(h=>h._uid===t.value)||(t.value=o.value[0]?._uid??"")});const y=m(!1),w=m(!1),z=m("forward");return L(t,(h,k)=>{const b=o.value.findIndex(g=>g._uid===k),a=o.value.findIndex(g=>g._uid===h);if(b===-1||a===-1)return;const q=Math.abs(a-b)===o.value.length-1;z.value=(q?a<b:a>b)?"forward":"back",w.value=!0}),X(()=>{y.value=!0}),(h,k)=>{const b=M;return e(i)||e(o).length?(r(),n(b,{key:0,blok:d.blok,bg:"secondary-strength-2","text-color":""},{default:f(()=>[e(i)?(r(),x("div",ae,[e(s)?(r(),n(F,{key:0,id:e(c),doc:d.blok.headline},null,8,["id","doc"])):p("",!0),e(_)?(r(),n(F,{key:1,doc:d.blok.description},null,8,["doc"])):p("",!0)])):p("",!0),e(o).length?(r(),n(e($),{key:1,modelValue:e(t),"onUpdate:modelValue":k[0]||(k[0]=a=>G(t)?t.value=a:null),"unmount-on-hide":!1,class:I(e(i)?"mt-12":"")},{default:f(()=>[T(e(B),{class:"no-scrollbar relative flex gap-8 overflow-x-auto","aria-label":e(s)?void 0:"Features","aria-labelledby":e(s)?e(c):void 0},{default:f(()=>[(r(!0),x(C,null,S(e(o),a=>(r(),n(e(E),{key:a._uid,value:a._uid,class:I(["body-1-s shrink-0 whitespace-nowrap border-b-2 border-transparent pb-1 transition-colors data-[state=active]:text-action-primary-btn-default",e(y)?"":"data-[state=active]:border-action-primary-btn-default"])},{default:f(()=>[J(Q(a.tab_label),1)]),_:2},1032,["value","class"]))),128)),T(e(te),{class:"tabbed-features__indicator pointer-events-none absolute bottom-0 left-0 h-0.5 bg-action-primary-btn-default","aria-hidden":"true"})]),_:1},8,["aria-label","aria-labelledby"]),(r(!0),x(C,null,S(e(o),a=>(r(),n(e(H),{key:a._uid,value:a._uid,class:"tabbed-features__panel mt-8","data-direction":e(w)?e(z):void 0},{default:f(()=>[T(Y,{blok:a,"media-position":e(v)},null,8,["blok","media-position"])]),_:2},1032,["value","data-direction"]))),128))]),_:1},8,["modelValue","class"])):p("",!0)]),_:1},8,["blok"])):p("",!0)}}}),ye=Object.assign(Z(oe,[["__scopeId","data-v-4936762b"]]),{__name:"TabbedFeatures"});export{ye as default};
2//# sourceMappingURL=BfkEmEgC.js.map