"use strict";(()=>{var rt=Object.defineProperty,lt=Object.defineProperties;var ut=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var ct=Object.prototype.hasOwnProperty,vt=Object.prototype.propertyIsEnumerable;var Y=(N,l,t)=>l in N?rt(N,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):N[l]=t,$=(N,l)=>{for(var t in l||(l={}))ct.call(l,t)&&Y(N,t,l[t]);if(X)for(var t of X(l))vt.call(l,t)&&Y(N,t,l[t]);return N},z=(N,l)=>lt(N,ut(l));var Q=(N,l,t)=>new Promise((M,y)=>{var S=u=>{try{_(t.next(u))}catch(I){y(I)}},b=u=>{try{_(t.throw(u))}catch(I){y(I)}},_=u=>u.done?M(u.value):Promise.resolve(u.value).then(S,b);_((t=t.apply(N,l)).next())});(self.webpackChunkecom_website=self.webpackChunkecom_website||[]).push([[73588],{28562:(N,l,t)=>{t.d(l,{H:()=>b,m:()=>_});var M=t(43471);const y="w-background-light",S="w-background-dark";function b(u){return(0,M.fX)(u)?(0,M.cP)(u)?S:y:""}function _(u){return u?S:y}},43598:(N,l,t)=>{t.d(l,{Mg:()=>M,PS:()=>_,Uh:()=>S,VN:()=>b,oM:()=>u,tO:()=>y});const M="desktop",y="footer",S="mobile",b="order-online-mobile",_="dropdown",u="center"},21937:(N,l,t)=>{t.d(l,{WK:()=>_,XO:()=>y,Y8:()=>b});var M=t(32309),y=(u=>(u.DROPDOWN="dropdown",u.MEGAMENU="megamenu",u))(y||{});const S={dropdown:{name:"dropdown"},megamenu:{name:"megamenu",upgradeKey:M.A6}};function b(u){return S[u]}const _="dropdown"},94406:(N,l,t)=>{t.d(l,{A:()=>G});var M=function(){var e=this,v=e._self._c,C=e._self._setupProxy;return v("nav",{staticClass:"w-nav nav--desktop",class:e.themeClass("desktopNav")},[v("ul",{ref:"menu",staticClass:"nav__main",class:e.menuClasses,style:e.menuStyles},[e._l(e.siteNav,function(h,H){return v("text-component-with-maker",e._b({key:H,staticClass:"nav__item",class:[e.themeClass("desktopNavItem"),e.themeClass(e.isActiveTopLevelCategory(h)),e.hiddenClass(h)],nativeOn:{mouseenter:function(P){return e.onMouseEnter(h.children,h)},mouseleave:function(P){return e.onMouseLeave.apply(null,arguments)}}},"text-component-with-maker",e.navItemConfig,!1),[v("w-link",{attrs:{link:h,"allow-nav":""},on:{"router-link:click":function(P){return e.onTopLevelLinkClick(P,h.children,h)}},scopedSlots:e._u([{key:"content",fn:function(){return[e._v(` `+e._s(e.title(h,!0))+` `)]},proxy:!0}],null,!0)}),e._v(" "),e.isUsingDropdownNav&&e.hasChildren(h)?v("dropdown-sub-nav",{staticClass:"dropdown__subnav--wrapper",attrs:{"sub-nav-items":h.children,"nav-item":h,"margin-top":e.subnavSpacing,"subnav-color":e.subnavColor,config:e.config},on:{"router-link:click":e.onRouterLinkClick}}):e._e()],1)}),e._v(" "),v("text-component-with-maker",e._b({directives:[{name:"show",rawName:"v-show",value:e.moreContents.length,expression:"moreContents.length"}],ref:"moreLink",staticClass:"nav__item nav__more-link",class:e.themeClass("desktopNavItem"),nativeOn:{mouseenter:function(h){return e.onMouseEnter(e.moreContents)},mouseleave:function(h){return e.onMouseLeave.apply(null,arguments)}}},"text-component-with-maker",e.navItemConfig,!1),[v("a",{attrs:{href:"#"}},[e._v(e._s(e.moreText))]),e._v(" "),e.isUsingDropdownNav&&e.moreContents.length?v("dropdown-sub-nav",{ref:"moreNav",staticClass:"dropdown__subnav--wrapper",attrs:{"sub-nav-items":e.moreContents,"margin-top":e.subnavSpacing,"subnav-color":e.subnavColor,config:e.config},on:{"router-link:click":e.onRouterLinkClick}}):e._e()],1)],2),e._v(" "),v("pseudo-window",{on:{resize:e.debouncedResizeHandler}})],1)},y=[],S=t(48796),b=t.n(S),_=t(80437),u=t.n(_),I=t(41845),O=t(73293),A=t.n(O),D=t(21937),r=t(45685),s=function(){var e=this,v=e._self._c;return v("div",{ref:"submenu",staticClass:"nav__subnav nav__subnav--dropdown",class:e.themeClass("subnavDropdown"),style:e.dropdownStyles},[v("ul",{class:e.bgClass},e._l(e.subNav,function(C,h){return v("li",{key:h,staticClass:"nav__item"},[e.hasChildren(C)?v("nested-subnav",{attrs:{"nav-item":C,variant:"dropdown"},on:{"router-link:click":e.onRouterLinkClick}}):v("w-link",{attrs:{link:C,"allow-nav":""},on:{"router-link:click":e.onRouterLinkClick},scopedSlots:e._u([{key:"content",fn:function(){return[e._v(` `+e._s(e.title(C))+` `)]},proxy:!0}],null,!0)})],1)}),0)])},c=[],g=t(50204),i=t(10801),a=t(43257),p=t(28562),f=t(8987);const x={name:"DropdownSubNav",components:{NestedSubnav:f.A},extends:r.A,inject:["colorProfile"],props:{subNavItems:{type:Array,default:()=>[]},navItem:{type:Object,default:null},marginTop:{type:Number,default:0}},computed:z($({},(0,g.aH)(i.A,["siteBg","colorMap"])),{subNav(){return this.getAutoLinkNavItems(this.subNavItems,this.navItem)},background(){return(0,a.z5)(this.bgColor)},bgClass(){return(0,p.H)(this.bgColor)},dropdownStyles(){return{marginTop:`${this.marginTop}px`,background:this.bgColor,"--nav-color-link":this.linkColor,"--nav-color-underline":this.linkColor}}})};var E=t(14486),B=(0,E.A)(x,s,c,!1,null,"b46491a4",null);const j=B.exports;var V=t(93854).A;const F=32,L=(0,I.defineComponent)({name:"DesktopNav",components:{DropdownSubNav:j,PseudoWindow:A()},extends:r.A,props:{isOrderOnlineSearchOpen:{type:Boolean,default:!1},isKioskSite:{type:Boolean,default:!1},activeTopLevelCategoryId:{type:String,default:""}},data(){return{timeouts:{},moreContents:[],debouncedResizeHandler:u()(this.onResize,200),subnavSpacing:0,menuReady:!1,moreText:V("elements.navigation.more-menu-item"),shouldResetMoreOnSearchClose:!1}},computed:{menuClasses(){return{ready:this.menuReady,"nav--uppercase":this.uppercase,"is-kiosk-site":this.isKioskSite}},isUsingMegaMenuNav(){return this.navLayout===D.XO.MEGAMENU},isUsingDropdownNav(){return this.navLayout===D.XO.DROPDOWN}},watch:{siteNav(){var o;this.isKioskSite&&(o=this.$refs.moreNav)!==null&&o!==void 0&&o.$el||this.resetMore()},siteTitle(){this.inEditor&&this.resetMore()},siteLogo(){this.inEditor&&this.resetMore()},isOrderOnlineSearchOpen(){this.isOrderOnlineSearchOpen?this.shouldResetMoreOnSearchClose=!0:!this.isOrderOnlineSearchOpen&&this.shouldResetMoreOnSearchClose&&(this.resetMore(),this.shouldResetMoreOnSearchClose=!1)},isAnchored(o){clearTimeout(this.timeouts.anchor),o?this.timeouts.anchor=setTimeout(this.setSubnavSpacing,800):this.timeouts.anchor=setTimeout(this.setSubnavSpacing,0)}},mounted(){this.initMoreMenu()},beforeDestroy(){this.debouncedResizeHandler.cancel(),Object.entries(this.timeouts).forEach(clearTimeout)},methods:{generateMore(){const o=this.$refs.moreLink,e=this.$refs.menu,v=e==null?void 0:e.children;if(v){const C=v[0].offsetTop;let h;Array.from(v).reverse().forEach((H,P)=>{H===o||H===o.$el||H.offsetTop>C&&(h=this.siteNav.length-P,this.addToMore(h))}),this.$nextTick(()=>{o.$el.offsetTop>C&&this.addToMore(h-1)})}this.menuReady=!0,this.setSubnavSpacing()},initMoreMenu(){return Q(this,null,function*(){yield this.$nextTick(),this.generateMore(),this.timeouts.more=setTimeout(this.resetMore,800)})},destroyMore(){this.$refs.menu&&(this.moreContents=[])},addToMore(o){const e=this.siteNav[o];this.moreContents.unshift(e)},resetMore(){this.destroyMore(),this.$nextTick(()=>this.generateMore())},onResize(){this.resetMore()},hiddenClass(o){return this.moreContents.some(e=>b()(e,o))?"hidden":""},setSubnavSpacing(){const o=this.$refs.menu,e=o?o.closest(".w-header"):null;if(e){const v=e.offsetHeight,C=e.getBoundingClientRect().top,h=o.getBoundingClientRect().bottom;this.subnavSpacing=C>0?v+C-h:v-h,this.subnavSpacing>F&&(this.subnavSpacing=F)}},onMouseEnter(){let o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:null;return this.isUsingMegaMenuNav?this.populateMegaMenu(o,e):null},onMouseLeave(){return this.isUsingMegaMenuNav?this.closeMegaMenuWithDelay():null},onTopLevelLinkClick(o){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],v=arguments.length>2&&arguments[2]!==void 0?arguments[2]:null;o&&(this.isUsingMegaMenuNav&&this.toggleMegaMenu(e,v),this.onRouterLinkClick(o))},populateMegaMenu(){let o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:null;this.siteEventBus.$emit("navigation:mega-menu:populate",o,e)},toggleMegaMenu(){let o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:null;this.siteEventBus.$emit("navigation:mega-menu:toggle",o,e)},closeMegaMenuWithDelay(){this.siteEventBus.$emit("navigation:mega-menu:close-with-delay")},isActiveTopLevelCategory(o){const e=(o.id||"").toString();return e&&e===this.activeTopLevelCategoryId?"activeTopLevelCategory":""}}});var T=(0,E.A)(L,M,y,!1,null,"2d0ce059",null);const G=T.exports},45685:(N,l,t)=>{t.d(l,{A:()=>F});var M=t(19935),y=t.n(M),S=t(48761),b=t.n(S),_=t(41845),u=t(76872),I=t(50204),O=t(31623),A=t.n(O),D=t(10801),r=t(43471),s=t(12113),c=t(89758),g=t(21937),i=t(84475),a=t(93854).A;const p={titleDefaultShop:a("elements.navigation.title-default-shop"),titleDefaultHome:a("elements.navigation.title-default-home")},f=30,x=(0,_.defineComponent)({name:"NavBase",inject:["siteEventBus","themeClass","backdrop","colorProfile"],props:{siteNav:{type:Array,default:()=>[]},siteTitle:{type:String,default:""},siteLogo:{type:String,default:""},align:{type:String,default:""},subnavType:{type:String,default:""},subnavColor:{type:String,default:""},uppercase:{type:Boolean,default:!1},navLayout:{type:String,default:g.XO.DROPDOWN},isAnchored:{type:Boolean,default:!1},config:{type:Object,default:()=>({})}},computed:z($($({},(0,u.mapState)(["environment"])),(0,I.aH)(D.A,["colorMap","siteBg"])),{inEditor(){return!this.environment.published},menuStyles(){return{"text-align":this.align,"--nav-color-link":this.linkColor,"--nav-color-underline":this.linkColor}},menuClasses(){return{ready:this.menuReady,"nav--uppercase":this.uppercase}},background(){return this.backdrop()},bgColor(){const{colorMap:m,siteBg:L}=this;return(0,r.Jk)(this.subnavColor,m,{defaultColor:""})||(0,s.wO)(L,m)},linkColor(){const m=this.colorProfile?this.colorProfile().paragraph:"",L=this.config.color||m;return(0,s.IX)(this.background,L,this.colorMap)},navItemConfig(){const m=["normal",...this.config.bold?["bold"]:[],...this.config.italic?["italic"]:[]];return{color:this.linkColor,fontSize:this.config.fontSize||-1,textStyle:c.AA,tag:"li",fontDecorations:m,allCaps:this.config.allCaps}}}),methods:{getAutoLinkMaxData(m){return m===i.YZ?{max:i.Q4,title:a("elements.navigation.auto-link-see-all")}:{max:i.f3,title:a("elements.navigation.auto-link-more")}},getAutoLinkNavItems(){let m=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],L=arguments.length>1&&arguments[1]!==void 0?arguments[1]:null,T=arguments.length>2&&arguments[2]!==void 0?arguments[2]:i.hQ;const U=(arguments.length>3&&arguments[3]!==void 0?arguments[3]:!0)?y()(m):m,o=T+1,e=!!(L!=null&&L.auto_link);let v=e&&!!(L!=null&&L.has_more);if(e){const{max:C}=this.getAutoLinkMaxData(o);m.length>C&&(U.splice(C),v=!0)}return U.forEach(C=>{this.getAutoLinkNavItems(C.children,C,o,!1)}),v&&U.push({link:y()(L.link),type:L.type,title:this.getAutoLinkMaxData(o).title}),U},title(m){let L=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;if(b()(m)||b()(m.type))return"";let T;switch(m.type){case"external":T=m.title;break;case"category":T=m.title||p.titleDefaultShop;break;default:T=m.title||p.titleDefaultHome;break}return L?A()(T,f):T},hasChildren(m){return m&&m.children&&m.children.length},closeSlideout(){this.siteEventBus.$emit("slideout:toggle","close")},onRouterLinkClick(m){this.$emit("router-link:click",m)}}});var E=t(14486),B,j,V=(0,E.A)(x,B,j,!1,null,null,null);const F=V.exports},73588:(N,l,t)=>{t.d(l,{A:()=>ot});var M=function(){var n=this,d=n._self._c;return n.type===n.typeDesktop?d("desktop-nav",{attrs:{config:n.config,"site-nav":n.SITE_NAV,"site-title":n.SITE_TITLE,"site-logo":n.SITE_LOGO,align:n.align,"subnav-type":n.subnavType,"subnav-color":n.subnavColor,uppercase:n.uppercase,"nav-layout":n.navLayout,"is-anchored":n.isAnchored,"active-top-level-category-id":n.activeTopLevelCategoryId},on:{"router-link:click":n.onRouterLinkClick}}):n.type===n.typeFooter?d("footer-nav",{attrs:{"site-nav":n.SITE_NAV,align:n.align,uppercase:n.uppercase}}):n.type===n.typeOrderOnlineMobile?d("order-online-mobile-nav",{attrs:{"site-nav":n.SITE_NAV,"active-top-level-category-id":n.activeTopLevelCategoryId},on:{"router-link:click":n.onRouterLinkClick}}):d("mobile-nav",{attrs:{"site-nav":n.SITE_NAV,align:n.align,uppercase:n.uppercase}})},y=[],S=t(21937),b=t(94406),_=function(){var n=this,d=n._self._c;return d("div",[d("nav",{staticClass:"w-nav nav--mobile"},[d("ul",{staticClass:"nav__main",class:n.menuClasses},[n._l(n.siteNav,function(w,K){return d("li",{key:K,staticClass:"nav__item"},[n.hasChildren(w)?d("nested-subnav",{attrs:{"nav-item":w}}):d("w-link",{attrs:{link:w,"allow-nav":""},nativeOn:{click:function(pt){return n.closeSlideout.apply(null,arguments)}},scopedSlots:n._u([{key:"content",fn:function(){return[n._v(` `+n._s(n.title(w))+` `)]},proxy:!0}],null,!0)})],1)}),n._v(" "),n.hasCustomerAccountsEnabled?d("li",{staticClass:"nav__item"},[d("sign-in-link")],1):n._e(),n._v(" "),n.isCartEnabled?d("li",{staticClass:"nav__item"},[d("cart-link")],1):n._e()],2)])])},u=[],I=t(50204),O=t(76872),A=t(44855),D=function(){var n=this,d=n._self._c;return d("div",{staticClass:"sign-in-link",on:{click:n.handleSignInClicked}},[d("m-text-button",{attrs:{size:"large"}},[d("m-icon",{attrs:{size:"medium",name:"user"}}),n._v(` `+n._s(n.linkLabel)+` `)],1)],1)},r=[],s=t(11350),c=t(68140),g=t(93854).A;const i={signIn:g("customer-accounts.nav.sign-in"),account:g("customer-accounts.nav.account")},p={name:"SignInLink",components:{MTextButton:s.MTextButton,MIcon:c.MIcon},inject:["siteEventBus"],data(){return{translations:i}},computed:z($({},(0,I.aH)(A.A,["isLoggedIn"])),{linkLabel(){return this.isLoggedIn?this.translations.account:this.translations.signIn}}),methods:{handleSignInClicked(){this.siteEventBus.$emit("customer-account:open"),this.siteEventBus.$emit("slideout:toggle","close")}}};var f=t(14486),R=(0,f.A)(p,D,r,!1,null,"5b6eb433",null);const x=R.exports;var E=function(){var n=this,d=n._self._c;return d("div",{staticClass:"cart-link",on:{click:n.handleCartClicked}},[d("m-text-button",{attrs:{size:"large"}},[n._v(` `+n._s(n.translations.cartText)+" ("+n._s(n.itemCount)+`) `)])],1)},B=[],j=t(20962),V=t(89544),F=t(93854).A;const m={cartText:F("elements.navigation.cart-link")},T={name:"CartLink",components:{MTextButton:s.MTextButton},inject:["siteEventBus"],data(){return{translations:m}},computed:z($($({},(0,I.aH)(V.A,["currentOrderItemCount"])),(0,O.mapGetters)(j.EO,["currentCartCount","shouldShowMiniCart"])),{itemCount(){var k;return(k=this.currentOrderItemCount||this.currentCartCount)!==null&&k!==void 0?k:0}}),methods:{handleCartClicked(){this.shouldShowMiniCart?(this.siteEventBus.$emit("cart:open"),this.siteEventBus.$emit("slideout:toggle","close")):this.siteEventBus.$emit("slideout:toggle","cart")}}};var G=(0,f.A)(T,E,B,!1,null,"25d6d9ea",null);const U=G.exports;var o=t(22635),e=t(98815),v=t(8987),C=t(45685);const H={name:"MobileNav",components:{NestedSubnav:v.A,SignInLink:x,CartLink:U},extends:C.A,computed:z($($({},(0,I.aH)(A.A,["hasCustomerAccountsEnabled"])),(0,O.mapGetters)(["getDatasource"])),{SITE_HEADER(){return this.getDatasource("SITE_HEADER")},isCartEnabled(){var k;const n=((k=this.SITE_HEADER.elements)===null||k===void 0||(k=k.find(d=>d.purpose===o.ih))===null||k===void 0?void 0:k.properties)||{};return e.pl.includes(this.SITE_HEADER.layout)&&!n.hidden},hasSubnav(){let k=!1;return this.siteNav.forEach(n=>{this.hasChildren(n)&&(k=!0)}),k},menuClasses(){return{"nav--has-subnav":this.hasSubnav,"nav--uppercase":this.uppercase}}})};var P=(0,f.A)(H,_,u,!1,null,"53e2d1eb",null);const J=P.exports;var Z=function(){var n=this,d=n._self._c;return d("nav",{staticClass:"w-nav nav--footer",class:n.themeClass("footerNav")},[d("ul",{ref:"menu",staticClass:"nav__main",class:n.menuClasses,style:n.menuStyles},n._l(n.siteNav,function(w,K){return d("text-component-with-maker",n._b({key:K,staticClass:"nav__item",class:n.themeClass("footerNavItem")},"text-component-with-maker",n.navItemConfig,!1),[d("w-link",{attrs:{link:w,"allow-nav":""},scopedSlots:n._u([{key:"content",fn:function(){return[n._v(` `+n._s(n.title(w,!0))+` `)]},proxy:!0}],null,!0)})],1)}),1)])},q=[];const tt={name:"FooterNav",extends:C.A};var et=(0,f.A)(tt,Z,q,!1,null,"6dd1f078",null);const nt=et.exports;var st=t(39168),W=t(43598);const at={name:"NavigationElement",components:{DesktopNav:b.A,MobileNav:J,FooterNav:nt,OrderOnlineMobileNav:st.A},props:{SITE_NAV:{type:Array,default:()=>[]},SITE_TITLE:{type:String,default:""},SITE_LOGO:{type:String,default:""},type:{type:String,default:W.Mg},align:{type:String,default:W.oM},config:{type:Object,default:()=>({})},subnavType:{type:String,default:W.PS},subnavColor:{type:String,default:""},uppercase:{type:Boolean,default:!1},navLayout:{type:String,default:S.XO.DROPDOWN},isAnchored:{type:Boolean,default:!1},activeTopLevelCategoryId:{type:String,default:""}},data(){return{typeDesktop:W.Mg,typeFooter:W.tO,typeOrderOnlineMobile:W.VN}},methods:{onRouterLinkClick(k){this.$emit("router-link:click",k)}}};var it=(0,f.A)(at,M,y,!1,null,null,null);const ot=it.exports},8987:(N,l,t)=>{t.d(l,{A:()=>D});var M=function(){var s=this,c=s._self._c;return c("div",{staticClass:"subnav__nested",class:s.variant,style:s.styles},[c("div",{staticClass:"parent-link-wrapper"},[c("w-link",{staticClass:"parent-link",attrs:{link:s.navItem,"allow-nav":""},on:{"router-link:click":s.onRouterLinkClick},nativeOn:{click:function(g){return s.handleClick.apply(null,arguments)}},scopedSlots:s._u([{key:"content",fn:function(){return[s._v(` `+s._s(s.title(s.navItem))+` `)]},proxy:!0}])}),s._v(" "),c("span",{staticClass:"subnav-icon",on:{click:s.toggleNestedMenu}},[s.nestedMenuExpanded?c("m-icon",{attrs:{name:"chevron-up"}}):c("m-icon",{attrs:{name:"chevron-down"}})],1)],1),s._v(" "),c("ul",{ref:"nestedMenu",staticClass:"nested-menu"},s._l(s.navItem.children,function(g,i){return c("li",{key:i,staticClass:"nav__item"},[s.hasChildren(g)?c("nested-subnav",{attrs:{"nav-item":g,variant:s.variant,depth:s.depth+1},on:{"router-link:click":s.onRouterLinkClick}}):c("w-link",{attrs:{link:g,"allow-nav":""},on:{"router-link:click":s.onRouterLinkClick},nativeOn:{click:function(a){return s.handleClick.apply(null,arguments)}},scopedSlots:s._u([{key:"content",fn:function(){return[s._v(` `+s._s(s.title(g))+` `)]},proxy:!0}],null,!0)})],1)}),0)])},y=[],S=t(68140),b=t(84475),_=t(45685);const I={name:"NestedSubnav",components:{MIcon:S.MIcon},extends:_.A,props:{navItem:{type:Object,default:()=>({})},variant:{type:String,default:"mobile"},depth:{type:Number,default:b.hQ}},data(){return{nestedMenuExpanded:!1}},computed:{styles(){return{"--depth":this.depth}}},methods:{toggleNestedMenu(){const r=this.$refs.nestedMenu,s=8;if(this.nestedMenuExpanded)r.style.maxHeight!=null&&this.removeMenuHeightFromParents(this.$parent,parseInt(r.style.maxHeight,10)),r.style.maxHeight="0";else{const c=r.children.length*(r.children[0].clientHeight+s);this.addMenuHeightToParents(this.$parent,c),r.style.maxHeight=`${c}px`}this.nestedMenuExpanded=!this.nestedMenuExpanded},removeMenuHeightFromParents(r,s){var c,g,i;const a=r==null||(c=r.$refs)===null||c===void 0?void 0:c.nestedMenu,p=a==null||(g=a.style)===null||g===void 0?void 0:g.maxHeight;p!=null&&(a.style.maxHeight=`${parseInt(p,10)-s}px`),r!=null&&(i=r.$parent)!==null&&i!==void 0&&(i=i.$refs)!==null&&i!==void 0&&i.nestedMenu&&this.removeMenuHeightFromParents(r.$parent,s)},addMenuHeightToParents(r,s){var c,g,i;const a=r==null||(c=r.$refs)===null||c===void 0?void 0:c.nestedMenu,p=a==null||(g=a.style)===null||g===void 0?void 0:g.maxHeight;p!=null&&(a.style.maxHeight=`${parseInt(p,10)+s}px`),r!=null&&(i=r.$parent)!==null&&i!==void 0&&(i=i.$refs)!==null&&i!==void 0&&i.nestedMenu&&this.addMenuHeightToParents(r.$parent,s)},handleClick(){this.variant==="mobile"&&this.closeSlideout()}}};var O=t(14486),A=(0,O.A)(I,M,y,!1,null,"498fae03",null);const D=A.exports},39168:(N,l,t)=>{t.d(l,{A:()=>g});var M=function(){var a=this,p=a._self._c;return p("div",{staticClass:"order-online-mobile",class:a.mobileClasses,style:a.mobileStyles},[p("nav",{ref:"scroll",staticClass:"w-nav nav--order-online-mobile",class:a.themeClass("orderOnlineMobileNav")},[p("ul",{staticClass:"nav__main",class:a.menuClasses,style:a.menuStyles},a._l(a.siteNav,function(f,R){return p("text-component-with-maker",a._b({key:R,ref:`navItem${f.id}`,refInFor:!0,staticClass:"nav__item"},"text-component-with-maker",a.navItemConfig,!1),[p("w-link",{staticClass:"nav-link",class:a.activeClass(f),attrs:{link:f,"allow-nav":""},on:{"router-link:click":a.onRouterLinkClick},scopedSlots:a._u([{key:"content",fn:function(){return[a._v(` `+a._s(a.title(f))+` `)]},proxy:!0}],null,!0)})],1)}),1)])])},y=[],S=t(80437),b=t.n(S),_=t(20126),u=t(45685);const I="underline",O="pill",A="scale3d(0, 0, 0)",r={name:"OrderOnlineMobileNav",extends:u.A,props:{variant:{type:String,default:I},activeTopLevelCategoryId:{type:String,default:""}},data(){return{activeNavStyle:A,namedSections:[_.Mf,_.$0,_.ED],debouncedAnimateUnderline:b()(this.animateUnderline,100)}},computed:{allSections(){let i=[];return this.siteNav.forEach(a=>{if(i.push(a.id),a.children){const p=a.children.map(f=>f.id);i=i.concat(p)}}),i},topLevelNavLinks(){return this.siteNav.map(i=>i.id)},mobileStyles(){return{"--active-nav":this.activeNavStyle}},mobileClasses(){return{"nav--order-online-mobile__pills":this.isPillVariant}},isUnderlineVariant(){return this.variant===I},isPillVariant(){return this.variant===O}},watch:{activeTopLevelCategoryId:{handler(i){this.isUnderlineVariant&&this.debouncedAnimateUnderline(i)},immediate:!0}},beforeDestroy(){clearTimeout(this.animateTimeout),this.debouncedAnimateUnderline.cancel()},methods:{activeClass(i){return this.activeTopLevelCategoryId===i.id?"active-nav-item":""},animateUnderline(i){var a;const p=(a=this.$refs[`navItem${i}`])===null||a===void 0?void 0:a[0],f=this.$refs.scroll,R=16;if(!p){this.activeNavStyle=A;return}if(f){const x=p.$el.offsetWidth,E=p.$el.offsetLeft;E+x-f.scrollLeft>window.innerWidth&&(f.scrollLeft=E-window.innerWidth+x+R),E{const B=-(window.innerWidth-x)/2+E,j=x/window.innerWidth;this.activeNavStyle=`translate3d(${B}px, 0, 0) scale3d(${j}, 1, 1)`},150)}}}};var s=t(14486),c=(0,s.A)(r,M,y,!1,null,"c335aafa",null);const g=c.exports}}]);})();