import{d as k,ak as D,p as u,ay as I,o as T,G as B,q as L,e as s,f as t,g as n,j as f,bc as x,n as d,F as A,r as M,i as V,w as z,s as E,k as R,t as W,X as v,h as b,W as j,M as F,m as $,a5 as p,cy as q}from"./index-bWjSJxiX.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},r=new o.Error().stack;r&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[r]="78f16311-200a-416b-a43a-da9195ae0e0d",o._sentryDebugIdIdentifier="sentry-dbid-78f16311-200a-416b-a43a-da9195ae0e0d")}catch{}})();const G={class:"scroll"},O={class:"-mb-px flex space-x-8"},X={class:"tabs__inner"},m={key:0,class:"tabs__item-notif"},H=k({__name:"TabNavigation.v2",props:{navigation:{},expanded:{type:Boolean},choseActive:{type:Boolean}},emits:["select"],setup(o,{emit:r}){const e=o,g=r,_=D(),l=u(null),h=u(!0),w=u(!1);I(window,"resize",i);function i(){F(()=>{if(!l.value)return null;h.value=l.value.scrollWidth-l.value.clientWidth!==l.value.scrollLeft,w.value=l.value.scrollLeft!==0})}T(()=>{i()}),B([_,e.navigation],()=>{i()},{deep:!0});const N=(c,y)=>{g("select",{tab:c,index:y})};return(c,y)=>{const C=L("placeholder");return s(),t("div",G,[n("div",{class:d(["scroll__arrow-nav scroll__arrow-nav--left",{"scroll__arrow-nav--show":w.value}])},[f(x,{name:"chevron_left",class:"title-3"})],2),n("div",{class:d(["scroll__arrow-nav scroll__arrow-nav--right",{"scroll__arrow-nav--show":h.value}])},[f(x,{name:"chevron_right",class:"title-3"})],2),n("div",{ref_key:"scrollContainer",ref:l,class:"tabs pr-8",onScroll:i},[n("nav",O,[(s(!0),t(A,null,M(c.navigation,(a,S)=>(s(),V(j(a!=null&&a.route?"RouterLink":"div"),{key:a.label,to:a==null?void 0:a.route,class:d(["tabs__item",{"tabs__item--expanded":c.expanded,"tabs__item--active":c.choseActive?a==null?void 0:a.active:a!=null&&a.route?b(_).name===a.route.name:a==null?void 0:a.active,"tabs__item--active--mondrian":c.choseActive?a==null?void 0:a.active:a!=null&&a.route?b(_).name===a.route.name:a==null?void 0:a.active}]),"data-important":a.label,onClick:ea=>N(a,S)},{default:z(()=>[E((s(),t("span",X,[R(W(a.label),1)])),[[C,!!a.loading]]),a.hasNotification?(s(),t("span",m)):v("",!0)]),_:2},1032,["to","class","data-important","onClick"]))),128))])],544)])}}}),J=$(H,[["__scopeId","data-v-2cad5a27"]]),K={class:"sm:items-top grid grid-cols-1 items-start gap-x-8 gap-y-2 @sm:grid-cols-1 @sm:justify-between @xl:flex @xl:grid-cols-3 @xl:flex-row @xl:items-center"},P={class:"flex flex-col"},Q={class:"font-semibold m-0 text-xs text-gray-300"},U={key:0,class:"truncate text-base text-gray-900"},Y={key:0,class:"subnav__tabs order-3 mt-2 w-full self-end overflow-scroll @sm:col-span-2 @xl:order-2 @xl:col-span-1 @xl:mt-4"},Z={key:1,class:"order-2 @xl:order-3"},aa=k({__name:"SubNavigationTemplate",props:{navigation:{}},setup(o){const{isOpened:r}=q();return(e,g)=>(s(),t("div",{class:d(["subnav border-b border-gray-200 bg-white px-4 pt-2 @container sm:px-6 lg:px-8",{"sticky top-0 z-50":!b(r)}])},[n("div",K,[n("div",P,[n("h1",Q,[p(e.$slots,"context",{},void 0,!0)]),e.$slots.label?(s(),t("p",U,[p(e.$slots,"label",{},void 0,!0)])):v("",!0)]),e.navigation?(s(),t("div",Y,[f(J,{navigation:e.navigation},null,8,["navigation"])])):v("",!0),e.$slots.action?(s(),t("div",Z,[p(e.$slots,"action",{},void 0,!0)])):v("",!0)])],2))}}),oa=$(aa,[["__scopeId","data-v-ca3b17cf"]]);export{oa as S}; //# sourceMappingURL=SubNavigationTemplate-COLkerGo.js.map