https://www.quickline.ch/_nuxt/BMJrQvbp.js

1import{u as L,_ as oe,a as re,b as ae}from"./BGbY09bP.js";import{d as q,a4 as se,q as j,o as e,h as t,a1 as S,a2 as $,c as H,w as R,n as A,t as E,g as n,a0 as le,Z as w,e as d,i as h,al as x,Y,$ as D,B as C,k as I,s as G,m as k,a7 as U,ap as F,E as Q,G as z,p as Z,r as T,am as J,b8 as K,j as ie,bs as X,W as ce,b as ue,aE as me,z as de,a6 as _e}from"./CKJ7jd8U.js";import{_ as P}from"./Do2sL582.js";import"./CMvoyMVB.js";import"./C0XVKAHM.js";import"./DHUQomgi.js";const ve=["aria-label"],he={key:0,class:"c-header-primary__nav-list"},ye=["onClick"],be=q({__name:"ql-header-primary",props:{menuIsClosed:{type:Boolean},navItems:{}},emits:["toggle-menu"],setup(a,{expose:y}){const s=se(),c=L(),b=j(),r=C(()=>c.activeCategory),u=()=>{c.closeMenu(),c.closeSubMenu()},_=l=>{const p=b.fullPath,o=l.categoryName.toLowerCase();return l.categoryName===r.value?.categoryName||p===`/${o}`||p.startsWith(`/${o}/`)},m=l=>l?.linktype==="url"?l.url:l?.cached_url==="home"?s("/"):s(`/${l?.cached_url}`),v=x("primaryNavElement");return y({focusFirstPrimaryNavItem:()=>{Y(()=>{v.value?.length&&v.value[0]&&v.value[0].focus()})}}),(l,p)=>{const o=D;return e(),t("nav",{class:w(["c-header-primary",{"c-header-primary--closed":a.menuIsClosed}]),"aria-label":l.$t("navigation.headerPrimary")},[a.navItems&&a.navItems?.length>0?(e(),t("ul",he,[(e(!0),t(S,null,$(a.navItems,i=>(e(),t("li",{key:i.label},[i.component==="navigation-entry"?(e(),H(n(le),{key:0,ref_for:!0,ref_key:"primaryNavElement",ref:v,to:m(i.link),class:"c-header-primary__nav-link underline-transition",onClick:u},{default:R(()=>[A(E(i.label),1)]),_:2},1032,["to"])):(e(),t("button",{key:1,ref_for:!0,ref_key:"primaryNavElement",ref:v,class:w(["c-header-primary__nav-category u-unstyled-button underline-transition",{"c-header-primary__nav-category--active":i.component==="navigation-category"&&_(i)}]),type:"button",onClick:f=>l.$emit("toggle-menu",i)},[A(E(i.categoryName)+" ",1),d(o,{name:"ql:arrow-right"})],10,ye))]))),128))])):h("",!0)],10,ve)}}}),pe=Object.assign(I(be,[["__scopeId","data-v-279bf37b"]]),{__name:"QlHeaderPrimary"}),ge={key:0,class:"c-header-primary-sub",role:"dialog","aria-labelledby":"submenu-title","aria-modal":"true"},ke={class:"c-header-primary-sub__menu-container"},fe=["aria-label"],Ce={id:"submenu-title",class:"c-header-primary-sub__menu-title"},Me={class:"c-header-primary-sub__menu-content"},Se={key:0,class:"c-header-primary-sub__menu-main-columns"},$e={key:0,class:"c-header-primary-sub__menu-subtitle"},Ee={key:1,class:"c-header-primary-sub__menu-extra-columns"},Ne={key:0,class:"c-header-primary-sub__menu-subtitle"},we={key:0,class:"c-header-primary-sub__menu-title c-header-primary-sub__menu-title--second"},qe={key:1,class:"c-header-primary-sub__menu-content"},Ie={key:0,class:"c-header-primary-sub__menu-main-columns"},xe={key:0,class:"c-header-primary-sub__menu-subtitle"},Pe={key:1,class:"c-header-primary-sub__menu-extra-columns"},Be={key:0,class:"c-header-primary-sub__menu-subtitle"},Te=q({__name:"ql-header-primary-sub",props:{menuIsClosed:{type:Boolean},columnWidths:{}},emits:["return-to-primary"],setup(a,{expose:y}){const{convertMultilinkToRouteLocation:s}=G(),c=L(),b=C(()=>c.subMenuIsOpen),r=C(()=>c.activeCategory),u=C(()=>!!r.value?.hasCombinedMenu),_=x("subMenuLinks"),m=()=>{c.closeMenu()};return y({focusSubMenu:()=>{Y(()=>{_.value?.length&&_.value[0]&&_.value[0].$el.getElementsByTagName("a")[0].focus()})}}),(M,l)=>{const p=D;return n(b)&&n(r)?(e(),t("div",ge,[k("div",ke,[k("button",{class:"c-header-primary-sub__menu-back u-unstyled-button",onClick:l[0]||(l[0]=o=>M.$emit("return-to-primary"))},[d(p,{name:"ql:arrow-left"}),k("span",null,E(M.$t("menu.back")),1)]),k("nav",{"aria-label":M.$t("navigation.headerPrimarySub")},[k("h2",Ce,E(n(u)?n(r).firstCategoryTitle:n(r).categoryName),1),k("div",Me,[n(r).mainColumns?.length?(e(),t("div",Se,[(e(!0),t(S,null,$(n(r).mainColumns,(o,i)=>(e(),t("div",{key:o._uid,class:"c-header-primary-sub__menu-column",style:U({"min-width":`${a.columnWidths[i]}px`})},[o.title?(e(),t("h3",$e,E(o.title),1)):h("",!0),k("ul",null,[(e(!0),t(S,null,$(o.entries,f=>(e(),t("li",{key:f._uid},[d(P,{ref_for:!0,ref_key:"subMenuLinks",ref:_,label:f.label,to:f.link?n(s)(f.link):void 0,theme:"dark",onClick:m},null,8,["label","to"])]))),128))])],4))),128))])):h("",!0),n(r).extraColumns?.length?(e(),t("div",Ee,[(e(!0),t(S,null,$(n(r).extraColumns,o=>(e(),t("div",{key:o._uid,class:"c-header-primary-sub__menu-column c-header-primary-sub__menu-column--extra"},[o.title?(e(),t("h3",Ne,E(o.title),1)):h("",!0),k("ul",null,[(e(!0),t(S,null,$(o.entries,i=>(e(),t("li",{key:i._uid},[d(P,{class:"c-header-primary-sub__menu-extra-link",label:i.label,to:i.link?n(s)(i.link):void 0,theme:"dark",simple:"",onClick:m},null,8,["label","to"])]))),128))])]))),128))])):h("",!0)]),n(u)&&n(r).secondCategoryTitle?(e(),t("h2",we,E(n(r).secondCategoryTitle),1)):h("",!0),n(u)?(e(),t("div",qe,[n(r).secondMainColumns?.length?(e(),t("div",Ie,[(e(!0),t(S,null,$(n(r).secondMainColumns,(o,i)=>(e(),t("div",{key:o._uid,class:"c-header-primary-sub__menu-column",style:U({"min-width":`${a.columnWidths[i]}px`})},[o.title?(e(),t("h3",xe,E(o.title),1)):h("",!0),k("ul",null,[(e(!0),t(S,null,$(o.entries,f=>(e(),t("li",{key:f._uid},[d(P,{ref_for:!0,ref_key:"subMenuLinks",ref:_,label:f.label,to:f.link?n(s)(f.link):void 0,theme:"dark",onClick:m},null,8,["label","to"])]))),128))])],4))),128))])):h("",!0),n(r).secondExtraColumns?.length?(e(),t("div",Pe,[(e(!0),t(S,null,$(n(r).secondExtraColumns,o=>(e(),t("div",{key:o._uid,class:"c-header-primary-sub__menu-column c-header-primary-sub__menu-column--extra"},[o.title?(e(),t("h3",Be,E(o.title),1)):h("",!0),k("ul",null,[(e(!0),t(S,null,$(o.entries,i=>(e(),t("li",{key:i._uid},[d(P,{class:"c-header-primary-sub__menu-extra-link",label:i.label,to:i.link?n(s)(i.link):void 0,theme:"dark",simple:"",onClick:m},null,8,["label","to"])]))),128))])]))),128))])):h("",!0)])):h("",!0)],8,fe)])])):h("",!0)}}}),We=Object.assign(I(Te,[["__scopeId","data-v-4e0f8446"]]),{__name:"QlHeaderPrimarySub"}),Oe=["aria-label"],Le={class:"c-header-secondary__list"},Qe={key:0},je=q({__name:"ql-header-secondary",props:{menuIsClosed:{type:Boolean},secondaryNavItems:{default:()=>[]},currentEnvironment:{default:()=>{}}},emits:["toggleMenu"],setup(a){const{convertMultilinkToRouteLocation:y}=G(),s=Z(),c=F(),{width:b}=K(),r=T(!1),u=()=>b.value<=960,_=C(()=>a.currentEnvironment?.environmentSlug!=="/"),m=C(()=>

1a.currentEnvironment?.environmentSlug==="/"&&c.amountCartItems>0);return Q(()=>{r.value=u()}),z(b,()=>{r.value=u()}),(v,M)=>{const l=P,p=J;return e(),t("nav",{class:w(["c-header-secondary",{"c-header-secondary--closed":a.menuIsClosed,"c-header-secondary--large-padding":n(_)}]),"aria-label":v.$t("navigation.headerSecondary")},[k("ul",Le,[(e(!0),t(S,null,$(a.secondaryNavItems,o=>(e(),t("li",{key:o.label},[d(l,{to:o.link?n(y)(o.link):void 0,label:o.label,theme:"dark",simple:!n(r),onClick:i=>v.$emit("toggleMenu",o)},null,8,["to","label","simple","onClick"])]))),128)),d(p,{"fallback-tag":"li"},{default:R(()=>[n(m)?(e(),t("li",Qe,[d(l,{label:"myQuickline",to:n(s).public.quicklineCockpitUrl,theme:"dark",simple:!n(r)},null,8,["to","simple"])])):h("",!0)]),_:1})])],10,Oe)}}}),He=Object.assign(I(je,[["__scopeId","data-v-1b199084"]]),{__name:"QlHeaderSecondary"}),Re={class:"c-header-side__container"},Fe={key:0,class:"c-header-side__cart-item"},ze={key:1},Ve=q({__name:"ql-header-side",props:{menuIsClosed:{type:Boolean},currentEnvironment:{default:()=>{}}},setup(a){const y=F(),s=L(),c=Z(),b=()=>{s.closeMenu()},r=C(()=>a.currentEnvironment?.environmentSlug==="/"&&y.amountCartItems>0),u=C(()=>a.currentEnvironment?.environmentSlug==="/"&&y.amountCartItems===0),{width:_}=K(),m=T(!1),v=()=>_.value<=960;return Q(()=>{m.value=v()}),z(_,()=>{m.value=v()}),(M,l)=>{const p=oe,o=ie,i=J;return e(),t("div",{class:w(["c-header-side",{"c-header-side--closed":a.menuIsClosed}])},[k("ul",Re,[d(i,{"fallback-tag":"li"},{default:R(()=>[n(r)&&!n(m)?(e(),t("li",Fe,[d(p)])):h("",!0),n(u)?(e(),t("li",ze,[d(o,{label:"myQuickline",to:n(c).public.quicklineCockpitUrl,"button-style":"primary",theme:"dark","icon-left":"ql:user","always-small":"",class:"c-header-side__my-quickline-button",onClick:b},null,8,["to"])])):h("",!0)]),_:1})])],2)}}}),Ae=Object.assign(I(Ve,[["__scopeId","data-v-2a464fdd"]]),{__name:"QlHeaderSide"}),Ue=q({__name:"ql-header-environment",props:{menuIsClosed:{type:Boolean},environments:{},currentEnvironmentSlug:{}},emits:["environment-clicked"],setup(a){const y=s=>a.currentEnvironmentSlug===s.environmentSlug?!0:!a.environments.find(c=>c.environmentSlug===a.currentEnvironmentSlug)&&s.environmentSlug==="/";return(s,c)=>{const b=P;return e(),t("ul",{class:w(["c-header-environment",{"c-header-environment--closed":a.menuIsClosed}])},[(e(!0),t(S,null,$(a.environments,(r,u)=>(e(),t("li",{key:u},[d(b,{class:w(["c-header-environment__button",{"c-header-environment__button--active":y(r)}]),label:r.environmentName,theme:"dark",simple:"",to:`/${r.environmentSlug==="/"?"":r.environmentSlug}`,onClick:c[0]||(c[0]=_=>s.$emit("environment-clicked"))},null,8,["class","label","to"])]))),128))],2)}}}),Ye=Object.assign(I(Ue,[["__scopeId","data-v-ada5bb63"]]),{__name:"QlHeaderEnvironment"}),De=q({__name:"ql-header",props:{currentEnvironment:{default:()=>{}},environmentSlug:{}},setup(a){const y=T(!1),s=L(),c=C(()=>s.menuIsOpen),b=C(()=>s.subMenuIsOpen),r=X("storyblokConfig"),u=T([]),_=()=>{if(a.currentEnvironment?.primaryNavigation?.length){for(const g of a.currentEnvironment.primaryNavigation)if(g.component==="navigation-category"&&g.mainColumns)for(let N=0;N<g.mainColumns?.length;N++){const W=g.mainColumns[N];if(W)for(const O of W.entries){const B=u.value[N];u.value[N]=B&&B>O.label.length?B:O.label.length}}}u.value=u.value.map(g=>g*10)},m=x("headerPrimary"),v=x("headerSubMenuComponent"),M=()=>{s.menuIsOpen?s.closeMenu():s.openMenu(),m.value?.focusFirstPrimaryNavItem()},l=()=>{s.closeSubMenu(),m.value?.focusFirstPrimaryNavItem()},p=g=>{s.subMenuIsOpen&&s.activeCategory?.categoryName===g.categoryName?s.closeSubMenu():(s.openSubMenu(),s.setActiveCategory(g),v.value?.focusSubMenu())},o=()=>{s.closeMenu(),s.closeSubMenu()},i=x("headerNavigation"),f=x("headerBackdrop"),V=g=>{(g.target===i.value||g.composedPath().includes(i.value))&&g.target!==f.value||o()};return Q(()=>{window.onscroll=()=>y.value=window.scrollY>120,window.addEventListener("click",V),_()}),ce(()=>{window.removeEventListener("click",V)}),(g,N)=>{const W=re,O=pe,B=We,ee=He,ne=Ae,te=Ye;return e(),t("header",{ref_key:"headerNavigation",ref:i,class:w(["c-header",{"c-header--hide-top-navigation":n(y),"c-header--no-scroll":n(b),"c-header--closed":!n(c)}])},[d(W,{"current-environment":a.currentEnvironment,onToggleMobileMenu:M},null,8,["current-environment"]),d(O,{ref_key:"headerPrimary",ref:m,"menu-is-closed":!n(c),"nav-items":a.currentEnvironment?.primaryNavigation,onToggleMenu:p},null,8,["menu-is-closed","nav-items"]),d(B,{ref_key:"headerSubMenuComponent",ref:v,"menu-is-closed":!n(c),"column-widths":n(u),onReturnToPrimary:l},null,8,["menu-is-closed","column-widths"]),d(ee,{"menu-is-closed":!n(c),"secondary-nav-items":a.currentEnvironment?.secondaryNavigation,"current-environment":a.currentEnvironment,onToggleMenu:o},null,8,["menu-is-closed","secondary-nav-items","current-environment"]),d(ne,{"menu-is-closed":!n(c),"current-environment":a.currentEnvironment},null,8,["menu-is-closed","current-environment"]),d(te,{"menu-is-closed":!n(c),environments:n(r).environments||[],"current-environment-slug":a.environmentSlug,onEnvironmentClicked:o},null,8,["menu-is-closed","environments","current-environment-slug"]),N[0]||(N[0]=k("div",{class:"c-header__empty-cell"},null,-1)),n(b)?(e(),t("div",{key:0,ref_key:"headerBackdrop",ref:f,class:"c-header__backdrop"},null,512)):h("",!0)],2)}}}),Ge=Object.assign(I(De,[["__scopeId","data-v-b4ba5c63"]]),{__name:"QlHeader"}),Ze={class:"l-default"},Je={class:"l-default__main"},Ke=q({__name:"default",setup(a){const{t:y}=ue(),{query:s}=j(),c=F(),b=me(),r=j(),u=X("storyblokConfig"),_=l=>l.includes("/")?l.split("/")[1]:"",m=T(_(r.path));de({title:y("title"),htmlAttrs:{lang:"de"}});const v=C(()=>b.isEmbed);z(r,()=>{m.value=_(r.path)},{deep:!0});const M=C(()=>u.value.environments?.find(l=>l.environmentSlug===m.value)||u.value.environments?.find(l=>l.environmentSlug==="/"));return Q(async()=>{const l=document.querySelector("html");if(l){const p=window.innerWidth-l.clientWidth;l.style.cssText+=`--ql-length-scroll-bar: ${p}px`}s.embed!==void 0&&c.cart.size>

10&&c.clearCart()}),(l,p)=>{const o=Ge,i=ae;return e(),t("div",Ze,[n(v)?h("",!0):(e(),H(o,{key:0,"current-environment":n(M),"environment-slug":n(m)},null,8,["current-environment","environment-slug"])),k("main",Je,[_e(l.$slots,"default",{},void 0,!0)]),n(v)?h("",!0):(e(),H(i,{key:1,"current-environment":n(M)},null,8,["current-environment"]))])}}}),an=I(Ke,[["__scopeId","data-v-3e5cabe7"]]);export{an as default};