"use strict";(self.webpackChunkUmbracoVuePrototype=self.webpackChunkUmbracoVuePrototype||[]).push([[4729],{1495:(o,n,a)=>{a.d(n,{Z:()=>l});var t=a(7537),e=a.n(t),r=a(3645),i=a.n(r)()(e());i.push([o.id,".navbar-mobile[data-v-72b74591]{position:relative;min-height:50px;width:100%;background:var(--background-colour);z-index:10;box-shadow:0 0 5px 0 rgba(0,0,0,.54)}.navbar-mobile.nav-fixed-top[data-v-72b74591]{position:fixed}.navbar-mobile .navbar-container[data-v-72b74591]{position:relative;height:var(--module-height)}.navbar-mobile .navbar-header[data-v-72b74591]{z-index:1;padding-left:15px;background-color:rgba(0,0,0,0);box-sizing:content-box;min-height:50px;height:100%}.navbar-mobile .navbar-header .navbar-toggle[data-v-72b74591]{background-color:var(--hamburger-background);margin:0 0 0 0;right:0;position:absolute;top:50%;transform:translate(0%, -50%);display:block}.navbar-mobile .navbar-header .navbar-toggle .icon-bar[data-v-72b74591]{background:var(--hamburger-icon-colour)}.navbar-mobile .navbar-nav[data-v-72b74591]{margin:7.5px 0px;float:initial}.navbar-mobile .navbar-collapse[data-v-72b74591]{border-top:1px solid var(--divider-colour);padding-right:0px;padding-left:0px}.navbar-mobile #basic-mobile-navbar[data-v-72b74591]{position:fixed;width:100%;background:var(--background-colour);box-shadow:0 2px 3px 0px rgba(0,0,0,.2)}.navbar-mobile #basic-mobile-navbar.navbar-collapse.collapse[data-v-72b74591]{display:none !important}.navbar-mobile #basic-mobile-navbar.navbar-collapse.collapse.in[data-v-72b74591]{display:block !important}.navbar-mobile .navbar-brand[data-v-72b74591]{padding:5px 10px 5px 0;position:absolute;height:1px;left:0;top:50%;transform:translate(0%, -50%)}.navbar-mobile .navbar-brand .navbar-logo[data-v-72b74591]{transform:translate(0%, -50%);position:absolute}.navbar-mobile .navbutton[data-v-72b74591]{float:initial}.navbar-mobile .navbutton a[data-v-72b74591]{padding:15px 0px}.navbar-mobile .navbutton a .dropdown-triangle[data-v-72b74591]{padding-left:5px;font-size:15px}.navbar-mobile .navbutton a[data-v-72b74591]:hover{background-color:var(--background-hover-colour) !important;color:var(--nav-text-hover-colour) !important}.navbar-mobile .navbutton .collapsed .point-up[data-v-72b74591]{display:none}.navbar-mobile .navbutton .collapsed .point-down[data-v-72b74591]{display:inline-block}.navbar-mobile .navbutton .point-up[data-v-72b74591]{display:inline-block;font-size:16px}.navbar-mobile .navbutton .point-down[data-v-72b74591]{display:none;font-size:16px}.navbar-mobile .navbutton .dropdown-content[data-v-72b74591]{border-top:none;margin:0px;padding:0px;background-color:var(--background-dropdown-colour);line-height:0px}.navbar-mobile .navbutton .dropdown-content li a[data-v-72b74591]{display:block;text-decoration:none;padding:15px 0px;width:100%;color:var(--nav-dropdown-text-colour) !important}.navbar-mobile .navbutton .dropdown-content li a[data-v-72b74591]:hover{background-color:var(--background-dropdown-hover-colour) !important;color:var(--nav-dropdown-text-hover-colour) !important}.navbar-mobile .header-contact[data-v-72b74591]{margin-bottom:20px;padding-top:10px;border-top:1px solid var(--divider-colour)}.navbar-mobile .header-contact .phone-link[data-v-72b74591]{text-decoration:none}.navbar-mobile .header-contact .phone-link .phone-number[data-v-72b74591]:hover{color:var(--phone-number-hover-colour) !important}.navbar-mobile .header-contact .custom-phone-number[data-v-72b74591]{margin-bottom:var(--distance-between-numbers)}.navbar-mobile .header-contact .custom-phone-number h3[data-v-72b74591]{margin:0px 0px 7px 0px}.navbar-mobile .header-contact .custom-phone-number[data-v-72b74591]:last-of-type{margin-bottom:0px}.navbar-mobile .header-contact .h1-default[data-v-72b74591]{margin:0}","",{version:3,sources:["webpack://./Scripts/src/vue-components/_navbars/mobile/basic/style.scss"],names:[],mappings:"AAAA,gCACE,iBAAA,CACA,eAAA,CACA,UAAA,CACA,mCAAA,CACA,UAAA,CACA,oCAAA,CAEA,8CACE,cAAA,CAGF,kDACE,iBAAA,CACA,2BAAA,CAGF,+CACE,SAAA,CACA,iBAAA,CACA,8BAAA,CACA,sBAAA,CACA,eAAA,CACA,WAAA,CAEA,8DACE,4CAAA,CACA,cAAA,CACA,OAAA,CACA,iBAAA,CACA,OAAA,CACA,6BAAA,CACA,aAAA,CACA,wEACE,uCAAA,CAKN,4CACE,gBAAA,CACA,aAAA,CAGF,iDACE,0CAAA,CACA,iBAAA,CACA,gBAAA,CAGF,qDACE,cAAA,CACA,UAAA,CACA,mCAAA,CACA,uCAAA,CAEA,8EACE,uBAAA,CACA,iFACE,wBAAA,CAKN,8CACE,sBAAA,CACA,iBAAA,CACA,UAAA,CACA,MAAA,CACA,OAAA,CACA,6BAAA,CAEA,2DACE,6BAAA,CACA,iBAAA,CAIJ,2CACE,aAAA,CACA,6CACE,gBAAA,CAEA,gEACE,gBAAA,CACA,cAAA,CAGJ,mDACE,0DAAA,CACA,6CAAA,CAIA,gEACE,YAAA,CAGF,kEACE,oBAAA,CAIJ,qDACE,oBAAA,CACA,cAAA,CAGF,uDACE,YAAA,CACA,cAAA,CAGF,6DACE,eAAA,CACA,UAAA,CACA,WAAA,CACA,kDAAA,CACA,eAAA,CAEA,kEACE,aAAA,CACA,oBAAA,CACA,gBAAA,CACA,UAAA,CACA,gDAAA,CAGF,wEACE,mEAAA,CACA,sDAAA,CAKN,gDACE,kBAAA,CACA,gBAAA,CACA,0CAAA,CAEA,4DACE,oBAAA,CACA,gFACE,iDAAA,CAGJ,qEACE,6CAAA,CACA,wEACE,sBAAA,CAGJ,kFACE,iBAAA,CAGF,4DACE,QAAA",sourcesContent:[".navbar-mobile {\r\n  position: relative;\r\n  min-height: 50px;\r\n  width: 100%;\r\n  background: var(--background-colour);\r\n  z-index: 10;\r\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.54);\r\n\r\n  &.nav-fixed-top {\r\n    position: fixed;\r\n  }\r\n\r\n  .navbar-container {\r\n    position: relative;\r\n    height: var(--module-height);\r\n  }\r\n\r\n  .navbar-header {\r\n    z-index: 1;\r\n    padding-left: 15px;\r\n    background-color: transparent;\r\n    box-sizing: content-box;\r\n    min-height: 50px;\r\n    height: 100%;\r\n\r\n    .navbar-toggle {\r\n      background-color: var(--hamburger-background);\r\n      margin: 0 0 0 0;\r\n      right: 0;\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translate(0%, -50%);\r\n      display: block;\r\n      .icon-bar {\r\n        background: var(--hamburger-icon-colour);\r\n      }\r\n    }\r\n  }\r\n\r\n  .navbar-nav {\r\n    margin: 7.5px 0px;\r\n    float: initial;\r\n  }\r\n\r\n  .navbar-collapse {\r\n    border-top: 1px solid var(--divider-colour);\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n  }\r\n\r\n  #basic-mobile-navbar {\r\n    position: fixed;\r\n    width: 100%;\r\n    background: var(--background-colour);\r\n    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.2);\r\n    // this css overwrites bootstrap settings.\r\n    &.navbar-collapse.collapse {\r\n      display: none!important;\r\n      &.in {\r\n        display: block !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  .navbar-brand {\r\n    padding: 5px 10px 5px 0;\r\n    position: absolute;\r\n    height: 1px;\r\n    left: 0;\r\n    top: 50%;\r\n    transform: translate(0%, -50%);\r\n\r\n    .navbar-logo {\r\n      transform: translate(0%, -50%);\r\n      position: absolute;\r\n    }\r\n  }\r\n\r\n  .navbutton {\r\n    float: initial;\r\n    a {\r\n      padding: 15px 0px;\r\n\r\n      .dropdown-triangle {\r\n        padding-left: 5px;\r\n        font-size: 15px;\r\n      }\r\n    }\r\n    a:hover {\r\n      background-color: var(--background-hover-colour) !important;\r\n      color: var(--nav-text-hover-colour) !important;\r\n    }\r\n\r\n    .collapsed {\r\n      .point-up {\r\n        display: none;\r\n      }\r\n\r\n      .point-down {\r\n        display: inline-block;\r\n      }\r\n    }\r\n\r\n    .point-up {\r\n      display: inline-block;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .point-down {\r\n      display: none;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .dropdown-content {\r\n      border-top: none;\r\n      margin: 0px;\r\n      padding: 0px;\r\n      background-color: var(--background-dropdown-colour);\r\n      line-height: 0px;\r\n\r\n      li a {\r\n        display: block;\r\n        text-decoration: none;\r\n        padding: 15px 0px;\r\n        width: 100%;\r\n        color: var(--nav-dropdown-text-colour) !important;\r\n      }\r\n\r\n      li a:hover {\r\n        background-color: var(--background-dropdown-hover-colour) !important;\r\n        color: var(--nav-dropdown-text-hover-colour) !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  .header-contact {\r\n    margin-bottom: 20px;\r\n    padding-top: 10px;\r\n    border-top: 1px solid var(--divider-colour);\r\n\r\n    .phone-link {\r\n      text-decoration: none;\r\n      .phone-number:hover {\r\n        color: var(--phone-number-hover-colour) !important;\r\n      }\r\n    }\r\n    .custom-phone-number {\r\n      margin-bottom: var(--distance-between-numbers);\r\n      h3 {\r\n        margin: 0px 0px 7px 0px;\r\n      }\r\n    }\r\n    .custom-phone-number:last-of-type {\r\n      margin-bottom: 0px;\r\n    }\r\n\r\n    .h1-default {\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n"],sourceRoot:""}]);const l=i},4729:(o,n,a)=>{a.r(n),a.d(n,{default:()=>W});var t=a(6252),e=a(3577);const r=o=>((0,t.dD)("data-v-72b74591"),o=o(),(0,t.Cn)(),o),i={class:"navbar-header"},l={class:"navbar-brand",href:"/"},d=["src"],s=(0,t.uE)('<button id="basic-navbar-mobile-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#basic-mobile-navbar" aria-expanded="false" aria-controls="navbar" data-v-72b74591><span class="sr-only" data-v-72b74591>Toggle navigation</span><span class="icon-bar" data-v-72b74591></span><span class="icon-bar" data-v-72b74591></span><span class="icon-bar" data-v-72b74591></span></button>',1),p={id:"basic-mobile-navbar",class:"collapse navbar-collapse text-center navbar-top-border-color"},A={class:"mainnav"},c={class:"nav navbar-nav websitenavbar"},b=["href"],h=r((()=>(0,t._)("span",{class:"dropdown-triangle point-down glyphicon glyphicon-triangle-bottom"},null,-1))),u=r((()=>(0,t._)("span",{class:"dropdown-triangle point-up glyphicon glyphicon-triangle-top"},null,-1))),m=["href","target"],v=["id"],g=["href","target"],C={key:0,class:"header-contact"},x={key:0},f=["href"],y=r((()=>(0,t._)("i",{class:"fa fa-phone","aria-hidden":"true"},null,-1))),w={key:1,class:"custom-phone-number-container"},k=["href"],M=r((()=>(0,t._)("i",{class:"fa fa-phone","aria-hidden":"true"},null,-1)));var B=a(196),S=a(4437),D=a(8159),E=a(5129),G=a(7992),N=a(1673),z=a(8761);const P=(0,t.aZ)({mixins:[D.Z],data:()=>({componentModel:{},dropdownButtonFontStyle:{},dropdownButtonStyle:{},leftRightMargin:{},logoUrl:"",moduleStyle:{},moduleStyleVariables:{},officeNameStyle:{},navButtonStyle:{},navModel:[],phoneNumber:"",phoneNumberDisplay:"",phoneNumberStyle:{},imageStyle:{},isHeaderAffix:!1,isDisplayPhone:!1,isDisplayPhoneCustom:!1,phoneNumberList:[]}),computed:{affixClass:function(){return this.isHeaderAffix?"nav-fixed-top":"nav-top"}},beforeUnmount:function(){window.removeEventListener("scroll",this.handleScroll)},mounted(){const o=this.$el.parentElement.getAttribute("navigationmodel");null!==o&&(this.navModel=JSON.parse(o)),this.manageModuleStyle(),this.addMobileClass(),this.getLogoUrl(),this.getPhoneNumber(),this.managePhoneNumberStyle(),this.manageNavButtonStyle(),this.manageDropdownButtonStyle(),this.manageGlobalVariables(),this.setImageHeight(),this.initiateScrollListener()},methods:{addMobileClass:function(){this.$el.closest(".grid-row-container").classList.add("mobile-navbar-display")},getPhoneNumber:function(){this.phoneNumberDisplay=(0,B.T)().get("companyNumber",""),this.phoneNumber=this.phoneNumberDisplay.replace(/\D/g,"")},getLogoUrl:function(){try{this.logoUrl=this.componentModel.image.resizedImage.Path}catch(o){try{this.logoUrl=this.componentModel.image.url}catch(o){this.logoUrl=""}}},manageDropdownButtonStyle:function(){this.componentModel.navDropdown||(this.componentModel.navDropdown={}),this.dropdownButtonStyle={"--background-dropdown-colour":(0,S.G)().colour(this.componentModel.navDropdown.backgroundColour,"var(--secondary-colour)"),"--background-dropdown-hover-colour":(0,S.G)().colour(this.componentModel.navDropdown.backgroundHoverColour,"var(--primary-colour)"),"--nav-dropdown-text-colour":(0,S.G)().colour(this.componentModel.navDropdown.colour,"var(--a-colour)"),"--nav-dropdown-text-hover-colour":(0,S.G)().colour(this.componentModel.navDropdown.hoverColour,"var(--a-hover-colour)"),"text-align":(0,S.G)().string(this.componentModel.navDropdownJustify,"center")};const o=new G.v(this.componentModel.navDropdown,{fontFamily:"inherit",fontSize:"var(--h2-font-size)",fontWeight:"100",textShadow:"none"});this.dropdownButtonFontStyle=o.getStyle()},manageModuleStyle:function(){this.componentModel.modulePadding||(this.componentModel.modulePadding={}),this.moduleStyle={height:this.componentModel.moduleHeight?(0,S.G)().size(this.componentModel.moduleHeight,"80px"):"80px",marginBottom:this.componentModel.modulePadding.bottom?(0,S.G)().size(this.componentModel.modulePadding.bottom,"0px"):"0px,",marginLeft:this.componentModel.modulePadding.left?(0,S.G)().size(this.componentModel.modulePadding.left,"30px"):"0px,",marginRight:this.componentModel.modulePadding.right?(0,S.G)().size(this.componentModel.modulePadding.right,"30px"):"0px,",marginTop:this.componentModel.modulePadding.top?(0,S.G)().size(this.componentModel.modulePadding.top,"0px"):"0px,"},this.leftRightMargin={paddingLeft:this.componentModel.modulePadding.left?(0,S.G)().size(this.componentModel.modulePadding.left,"30px"):"0px,",paddingRight:this.componentModel.modulePadding.right?(0,S.G)().size(this.componentModel.modulePadding.right,"30px"):"0px,"}},manageNavButtonStyle:function(){this.componentModel.navButton||(this.componentModel.navButton={});const o=new G.v(this.componentModel.navButton,{backgroundColor:"var(--primary-colour)",color:"var(--a-colour)",fontFamily:"inherit",fontSize:"var(--h2-font-size)",fontWeight:"var(--h2-font-weight)",textShadow:"none"});this.navButtonStyle=o.getStyle(),this.navButtonStyle["--background-hover-colour"]=(0,S.G)().colour(this.componentModel.navButton.backgroundHoverColour,"var(--secondary-colour)"),this.navButtonStyle["--nav-text-hover-colour"]=(0,S.G)().colour(this.componentModel.navButton.hoverColour,"var(--a-hover-colour)"),this.navButtonStyle["text-align"]=(0,S.G)().string(this.componentModel.navButtonJustify,"center")},manageGlobalVariables:function(){this.componentModel.hamburgerButton||(this.componentModel.hamburgerButton={}),this.moduleStyleVariables={"--background-colour":this.componentModel.navButton.backgroundColour?(0,S.G)().colour(this.componentModel.navButton.backgroundColour,"var(--primary-colour)"):"var(--primary-colour)","--divider-colour":this.componentModel.divider?(0,S.G)().colour(this.componentModel.divider,"rgb(124, 123, 123)"):"rgb(124, 123, 123)","--hamburger-background":this.componentModel.hamburgerButton.colour?(0,S.G)().colour(this.componentModel.hamburgerButton.colour,"var(--button-background-colour)"):"var(--button-background-colour)","--hamburger-icon-colour":this.componentModel.hamburgerButton.iconColour?(0,S.G)().colour(this.componentModel.hamburgerButton.iconColour,"var(--button-text-colour)"):"var(--button-text-colour)","--distance-between-numbers":this.componentModel.distanceBetween?(0,S.G)().size(this.componentModel.distanceBetween,"10px"):"10px"}},managePhoneNumberStyle:function(){this.componentModel.phoneFont||(this.componentModel.phoneFont={}),this.isDisplayPhone=(0,S.G)().boolean(this.componentModel.isDisplayPhone,!0),this.isDisplayPhoneCustom=(0,S.G)().boolean(this.componentModel.isDisplayPhoneCustom,!1);try{this.componentModel.phoneNumberList.forEach((o=>{this.phoneNumberList.push(new N.F(o))}))}catch(o){this.phoneNumberList=[]}let o=new z.n(this.componentModel.officeNameFont,{fontFamily:"inherit",fontSize:"inherit",fontWeight:"inherit",textShadow:"none",colour:"var(--h1-colour)"});this.officeNameStyle=o.getStyle();const n=new E.v(this.componentModel.phoneFont,{colour:"var(--a-colour)",fontFamily:"inherit",fontSize:"var(--h1-font-size)",fontWeight:"var(--h1-font-weight)",textShadow:"none"});this.phoneNumberStyle=n.getStyle(),this.phoneNumberStyle["--phone-number-hover-colour"]=(0,S.G)().colour(this.componentModel.phoneFont.hoverColour,"var(--a-hover-colour)")},setImageHeight(){try{let o=(0,S.G)().number(this.componentModel.image.fixedHeight,70);this.imageStyle.height=o+"px"}catch(o){this.imageStyle.height="70px"}},initiateScrollListener(){window.addEventListener("scroll",this.handleScroll),this.handleScroll()},handleScroll(){window.scrollY>10?this.isHeaderAffix=!0:this.isHeaderAffix=!1}}});var F=a(3379),_=a.n(F),U=a(7795),L=a.n(U),H=a(569),j=a.n(H),I=a(3565),J=a.n(I),R=a(9216),Z=a.n(R),V=a(4589),q=a.n(V),K=a(1495),T={};T.styleTagTransform=q(),T.setAttributes=J(),T.insert=j().bind(null,"head"),T.domAPI=L(),T.insertStyleElement=Z();_()(K.Z,T);K.Z&&K.Z.locals&&K.Z.locals;const W=(0,a(3744).Z)(P,[["render",function(o,n,a,r,B,S){return(0,t.wg)(),(0,t.iD)("nav",{class:(0,e.C_)(["navbar-mobile",o.affixClass]),style:(0,e.j5)(o.moduleStyleVariables)},[(0,t._)("div",{class:"navbar-container",style:(0,e.j5)(o.moduleStyle)},[(0,t._)("div",i,[(0,t._)("a",l,[(0,t._)("img",{style:(0,e.j5)(o.imageStyle),class:"navbar-logo",src:o.logoUrl},null,12,d)]),s])],4),(0,t._)("div",p,[(0,t._)("div",A,[(0,t._)("ul",c,[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(o.navModel,((n,a)=>((0,t.wg)(),(0,t.iD)("li",{key:n,class:"navbutton"},[n[2].length>0?((0,t.wg)(),(0,t.iD)("a",{key:0,"data-toggle":"collapse",href:"#basic-mobile-collapse-"+a.toString(),class:"collapsed",style:(0,e.j5)([o.navButtonStyle,o.leftRightMargin])},[(0,t.Uk)((0,e.zw)(n[0])+" ",1),h,u],12,b)):((0,t.wg)(),(0,t.iD)("a",{key:1,href:n[1],style:(0,e.j5)([o.navButtonStyle,o.leftRightMargin]),"data-toggle":"collapse","data-target":"#basic-mobile-navbar","aria-expanded":"false","aria-controls":"navbar",target:n[3]?"_blank":""},(0,e.zw)(n[0]),13,m)),n[2].length>0?((0,t.wg)(),(0,t.iD)("ul",{key:2,id:"basic-mobile-collapse-"+a.toString(),class:"collapse dropdown-content",style:(0,e.j5)(o.dropdownButtonStyle)},[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(n[2],(n=>((0,t.wg)(),(0,t.iD)("li",{key:n},[(0,t._)("a",{href:n[1],style:(0,e.j5)([o.dropdownButtonFontStyle,o.leftRightMargin]),"data-toggle":"collapse","data-target":"#basic-mobile-navbar","aria-expanded":"false","aria-controls":"navbar",target:n[2]?"_blank":""},(0,e.zw)(n[0]),13,g)])))),128))],12,v)):(0,t.kq)("v-if",!0)])))),128))]),o.isDisplayPhone?((0,t.wg)(),(0,t.iD)("div",C,[o.isDisplayPhoneCustom?((0,t.wg)(),(0,t.iD)("div",w,[((0,t.wg)(!0),(0,t.iD)(t.HY,null,(0,t.Ko)(o.phoneNumberList,(n=>((0,t.wg)(),(0,t.iD)("div",{key:o.phoneNumberList.indexOf(n),class:"custom-phone-number"},[n.officeName.length>0?((0,t.wg)(),(0,t.iD)("h3",{key:0,class:"office-name",style:(0,e.j5)(o.officeNameStyle)},(0,e.zw)(n.officeName),5)):(0,t.kq)("v-if",!0),(0,t._)("a",{class:"phone-link",href:"tel:"+n.phoneNumber},[(0,t._)("div",{style:(0,e.j5)(o.phoneNumberStyle),class:"h1-default phone-number"},[M,(0,t.Uk)((0,e.zw)(n.displayedText),1)],4)],8,k)])))),128))])):((0,t.wg)(),(0,t.iD)("div",x,[(0,t._)("a",{class:"phone-link",href:"tel:"+o.phoneNumber},[(0,t._)("div",{style:(0,e.j5)(o.phoneNumberStyle),class:"h1-default phone-number"},[y,(0,t.Uk)((0,e.zw)(o.phoneNumberDisplay),1)],4)],8,f)]))])):(0,t.kq)("v-if",!0)])])],6)}],["__scopeId","data-v-72b74591"]])}}]);
//# sourceMappingURL=source-maps-1.2/4729.7958d8b33512879a4e60.map