(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-common"],{"13ee":function(e,t,n){"use strict";var o={computed:{isMobile:function(){try{return document.createEvent("TouchEvent"),!0}catch(e){return!1}}},created:function(){this.setInternalWidth(),window.addEventListener("resize",this.setInternalWidth)},destroyed:function(){window.removeEventListener("resize",this.setInternalWidth)}};t["a"]=o},"50ab":function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var o=n("cec7"),i=n("873f"),r=(n("56d5"),function(){function e(t,n){Object(o["a"])(this,e),this.name=t,this.code=n}return Object(i["a"])(e,[{key:"equals",value:function(e){return this.name===e.name&&this.code===e.code}}]),e}())},5603:function(e,t,n){"use strict";n.d(t,"w",(function(){return r})),n.d(t,"x",(function(){return a})),n.d(t,"j",(function(){return l})),n.d(t,"o",(function(){return d})),n.d(t,"q",(function(){return u})),n.d(t,"v",(function(){return h})),n.d(t,"t",(function(){return p})),n.d(t,"s",(function(){return m})),n.d(t,"i",(function(){return g})),n.d(t,"h",(function(){return f})),n.d(t,"b",(function(){return v})),n.d(t,"a",(function(){return b})),n.d(t,"c",(function(){return w})),n.d(t,"g",(function(){return y})),n.d(t,"p",(function(){return S})),n.d(t,"k",(function(){return C})),n.d(t,"u",(function(){return k})),n.d(t,"e",(function(){return x})),n.d(t,"f",(function(){return I})),n.d(t,"l",(function(){return O})),n.d(t,"m",(function(){return A})),n.d(t,"n",(function(){return T})),n.d(t,"d",(function(){return L})),n.d(t,"r",(function(){return E}));var o=n("3076"),i=n("aee2"),r=(n("8db1"),function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(t){var n;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:n=window["dataLayer"],n&&n.push(t);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()),a=function(){var e=Object(i["a"])(regeneratorRuntime.mark((function e(t,n,i){var a;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:a={ecommerce:Object(o["a"])({},t)},r(n?Object.assign(a,{event:n,eventLabel:i}):a);case 2:case"end":return e.stop()}}),e)})));return function(t,n,o){return e.apply(this,arguments)}}(),c="GAevent",s="BYO",l=function(e,t){r({event:c,eventCategory:s,eventAction:"Configuration Started",eventLabel:"Configuration Started - ConfigId Set",configureId:e,modelName:t})},d=function(e,t){r({event:c,eventCategory:s,eventAction:"Print BYO Car",eventLabel:"Print Summary Button Clicked",configureId:e,skuId:t})},u=function(e,t){r({event:c,eventCategory:s,eventAction:"Start Again",eventLabel:"Start Again Button Clicked",configureId:e,modelName:t})},h=function(e,t){r({event:c,eventCategory:s,eventAction:"View Build Summary",eventLabel:"View Build Summary Button Clicked",configureId:e,skuId:t})},p=function(e,t){r({event:c,eventCategory:s,eventAction:"Summary Change Colour",eventLabel:"Summary Change Colour Button Clicked",configureId:e,skuId:t})},m=function(e,t){r({event:c,eventCategory:s,eventAction:"Summary Change Accessories",eventLabel:"Summary Change Accessories Button Clicked",configureId:e,skuId:t})},g=function(e){r({event:c,eventCategory:s,eventAction:"Select Model",eventLabel:"Select Model Button Clicked",modelName:e})},f=function(e){r({event:c,eventCategory:s,eventAction:"Next Step",eventLabel:"Next Step Button Clicked",modelType:e})},v=function(e,t,n){r({event:c,eventCategory:s,eventAction:"BYO Colour Change",eventLabel:"BYO Colour Swatches Clicked",skuId:t,configureId:e,color:n})},b=function(e,t,n,o){r({event:c,eventCategory:s,eventAction:"Accessory Added",eventLabel:"Accessory Added",skuId:t,configureId:e,accessoryLabel:n,accessoryType:o})},w=function(e,t,n,o){r({event:c,eventCategory:s,eventAction:"Accessory Removed",eventLabel:"Accessory Removed",skuId:t,configureId:e,accessoryLabel:n,accessoryType:o})},y=function(e,t,n,o){r({event:c,eventCategory:s,eventAction:"Change Selection",eventLabel:"Change Selection Button Clicked",configureId:e,selection:t,question:n,step:o})},S=function(e,t){r({event:c,eventCategory:s,eventAction:"Send To Store",eventLabel:"Send To Store Button Clicked",configureId:e,skuId:t})},C=function(e,t){r({event:c,eventCategory:s,eventAction:"Email Summary",eventLabel:"Email Summary Button Clicked",configureId:e,skuId:t})},k=function(e,t){r({event:c,eventCategory:s,eventAction:"Test Drive",eventLabel:"Test Drive Button Clicked",configureId:e,skuId:t})},x=function(e,t){r({event:c,eventCategory:s,eventAction:"Calculate Finance",eventLabel:"Calculate Finance Button Clicked",configureId:e,skuId:t})},I=function(e,t){r({event:c,eventCategory:s,eventAction:"Calculate Payments",eventLabel:"Calculate Payments Button Clicked",configureId:e,skuId:t})},O=function(e,t){r({event:c,eventCategory:s,eventAction:"Finance Email Store",eventLabel:"Finance Email Store Button Clicked",configureId:e,skuId:t})},A=function(e,t){r({event:c,eventCategory:s,eventAction:"Finance Email Summary",eventLabel:"Finance Email Summary Button Clicked",configureId:e,skuId:t})},T=function(e,t,n){var o="Finance Contact Store";t||(o="Finance Email Summary"),r({event:c,eventCategory:s,eventAction:o,eventLabel:"".concat(o," Button Clicked"),configureId:e,skuId:n})},L=function(e,t){r({event:c,eventCategory:s,eventAction:"View Vehicle Specs",eventLabel:"View Vehicle Specs Clicked",skuId:t,configureId:e})},E=function(e,t,n){var o="";switch(t){case"sendDealer":o="Send To Store Submit";break;case"sendUser":o="Email Summary Submit";break;case"testDrive":o="Test Drive Submit";break}r({event:c,eventCategory:s,eventAction:o,eventLabel:"".concat(o," Clicked"),configureId:e,skuId:n})}},"5a53":function(e,t,n){"use strict";n("509c"),n("0754"),n("a7bb"),n("46a2"),n("8252");var o=n("6a20"),i=n("b91a"),r=n.n(i),a=Object.freeze({hover:"hover",clickToOpen:"clickToOpen",clickToToggle:"clickToToggle",click:"click",focus:"focus"}),c=Object.values(a),s=o["default"].extend({name:"tooltip",template:n("967c"),components:{popper:r.a},props:{message:{type:String,required:!1},placement:{type:String,default:"top"},disabled:{type:Boolean,default:!1},trigger:{type:String,default:a.click,validator:function(e){return c.includes(e)}},specifiedZIndex:{type:Number,default:2e5}},mounted:function(){var e=this;this.preloading=!1,setTimeout((function(){return e.preloadingStyleObject={visibility:void 0}}),250)},data:function(){return{popperOptions:{placement:this.placement,modifiers:{flip:{enabled:!1},hide:{enabled:!1},preventOverflow:{enabled:!1}}},preloading:!0,preloadingStyleObject:{visibility:"hidden"},zIndexStyleObject:{zIndex:this.specifiedZIndex}}}});t["a"]=s},"6bea":function(e,t){var n='<div class="back-to-top-component"> <span @click="scrollToTop" :class="{ backToTopVisible: !atTop }" :style="{ bottom: bottomPos + \'px\' }"></span> </div> ';e.exports=n},8347:function(e,t,n){"use strict";var o=n("b493"),i=n("5a53"),r=n("13ee"),a=n("c90b"),c={name:"color-swatches",template:n("c8a4"),mixins:[r["a"],a["a"]],components:{slider:o["a"],tooltip:i["a"]},props:{colors:{type:Array,required:!0},selectedColorCode:{type:String,required:!0},centered:{type:Boolean,required:!1,default:!1},tooltipTrigger:{type:String,required:!1},useSlider:{type:Boolean,required:!0}},data:function(){return{widthStyleObject:{width:"100%"},preloadingStyleObject:{opacity:"0"}}},computed:{alignment:function(){return this.centered?"center":"left"}},methods:{isSelected:function(e){return e.code===this.selectedColorCode},setInternalWidth:function(){var e=50*this.colors.length+15*this.colors.length;this.widthStyleObject.width="".concat(e,"px")},handleColorSelected:function(e,t){this.$emit("color-selected",e,t)}},mounted:function(){var e=this;if(this.useSlider){var t=this.$refs.slider;this.$nextTick(t.init)}setTimeout((function(){return e.preloadingStyleObject={opacity:"1"}}),250)}};t["a"]=c},"967c":function(e,t){var n='<popper v-cloak :trigger="trigger" :options="popperOptions" :append-to-body="true" :disabled="disabled" :force-show="preloading"> <div class="tex tooltip-component__popper" :style="[preloadingStyleObject, zIndexStyleObject]"> <div> {{ message }} </div> </div> <span slot="reference"> <slot>Tooltip Reference</slot> </span> </popper> ';e.exports=n},"97b7":function(e,t,n){"use strict";var o=n("6a20"),i=n("6972"),r=n.n(i),a=o["default"].extend({name:"back-to-top",template:n("6bea"),props:{},data:function(){return{atTop:!0,bottomPos:10,observer:null}},methods:{scrollToTop:function(){$("html, body").animate({scrollTop:0},500)},footerHeightLimit:function(){var e=document.documentElement.scrollTop,t=window.scrollY,n=0;e?(n=e,t&&t>n&&(n=t)):t&&(n=t);var o=document.body.scrollHeight-window.innerHeight-n,i=this.getFooterElementHeight(),r=i-o+10;this.bottomPos=r>10?r:10},getFooterElementHeight:function(){var e=document.getElementById("footer");return e?e.clientHeight:0}},mounted:function(){var e=this;window.addEventListener("scroll",r()((function(){var t=window.scrollY||window.pageYOffset;e.atTop=0===t}),250,!1)),window.addEventListener("scroll",this.footerHeightLimit),this.observer=new MutationObserver((function(){e.footerHeightLimit()})),this.observer.observe(document.documentElement,{childList:!0,subtree:!0})},beforeDestroy:function(){this.observer.disconnect()}});t["a"]=a},b493:function(e,t,n){"use strict";var o=n("f2f4"),i=n("873f"),r=n("cec7"),a=(n("8252"),n("8af8"),n("229d")),c=n.n(a),s=n("84d8"),l=["light","dark","grey"],d=function(){function e(){Object(r["a"])(this,e)}return Object(i["a"])(e,null,[{key:"parseBreakpointEnablePair",value:function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=null,o=0;o<e.length;o++){var i=e[o];matchMedia("screen and (min-width: ".concat(i.breakpoint,"px)")).matches&&(n=Object.prototype.hasOwnProperty.call(i,"display")?i.display:t)}return n}}]),e}(),u={name:"slider",template:n("d0a1"),props:{alignment:{type:String,default:"left"},shadowShade:{type:String,default:"none"},lazyload:{type:Number,default:5},alwaysDraggable:{type:Boolean,required:!1},itemCount:{type:Number,required:!1},onStaticClick:{type:Function,required:!1},onSlideSelected:{type:Function,required:!1},sliderOptions:{type:Object,required:!1}},computed:{overflowStyleObject:function(){return{"is-overflowing":this.options.draggable,"light-shadow":this.shadowShade===l[0],"dark-shadow":this.shadowShade===l[1],"grey-shadow":this.shadowShade===l[2],"position-start":this.posStart,"position-end":this.posEnd,"is-dragging":this.dragging}}},watch:{alignment:function(e){this.$data.options.cellAlign=e,this.newSlider()}},data:function(){return{slider:!1,posStart:!0,posEnd:!1,dragging:!1,options:{cellAlign:this.alignment,cellSelector:".slide",contain:!0,pageDots:!1,prevNextButtons:!1,freeScroll:!1,lazyload:this.lazyload,bgLazyLoad:this.lazyload,draggable:!1,groupCells:!1}}},methods:{overflowCheck:function(){var e,t=0,n=Object(o["a"])(this.$el.querySelectorAll(".slide"));try{for(n.s();!(e=n.n()).done;){var i=e.value,r=getComputedStyle(i),a=i.clientWidth+parseFloat(r.getPropertyValue("margin-left"))+parseFloat(r.getPropertyValue("margin-right"));t+=a}}catch(c){n.e(c)}finally{n.f()}return this.$el.clientWidth<t},handleWindowResize:function(){var e=this.alwaysDraggable||this.overflowCheck();e&&!this.options.draggable?this.options.draggable=!0:!e&&this.options.draggable&&(this.options.draggable=!1),this.newSlider(),this.$emit("slider-size-changed",this.slider.size.width),this.emitIndexChanged()},init:function(){var e=window["_"];this.options.draggable=this.alwaysDraggable||this.overflowCheck(),window.addEventListener("resize",e.throttle(this.handleWindowResize,333,{leading:!1})),this.newSlider(),this.$emit("slider-size-changed",this.slider.size.width),this.emitIndexChanged()},newSlider:function(){var e=this;if(this.slider&&this.slider.destroy(),this.sliderOptions){var t=this.sliderOptions;t.displayArrowsAt&&(this.options.prevNextButtons=!!this.overflowCheck()&&d.parseBreakpointEnablePair(t.displayArrowsAt,!0)),t.groupCellsAt&&(this.options.groupCells=d.parseBreakpointEnablePair(t.groupCellsAt,this.options.groupCells)),t.pageDots&&(this.options.pageDots=this.calculatePageDots()),Object.prototype.hasOwnProperty.call(t,"groupCellsAt")&&(this.options.freeScroll=!1),t.alignAt&&(this.options.cellAlign=d.parseBreakpointEnablePair(t.alignAt,this.options.cellAlign))}this.slider=new c.a(this.$el,this.options),this.slider.on("scroll",this.handleDragMove),this.slider.on("staticClick",this.handleStaticClick),this.slider.on("select",this.handleSlideSelected),this.slider.on("dragStart",(function(){e.dragging=!0})),this.slider.on("dragEnd",(function(){e.dragging=!1,e.emitIndexChanged()}))},handleDragMove:function(e){e<=0&&!this.posStart?this.posStart=!0:e>=1&&!this.posEnd?this.posEnd=!0:e>0&&this.posStart?this.posStart=!1:e<1&&this.posEnd&&(this.posEnd=!1),this.emitIndexChanged()},handleStaticClick:function(e,t,n){this.onStaticClick&&this.onStaticClick(e,t,n)},handleSlideSelected:function(){this.onSlideSelected&&this.onSlideSelected(this.slider.selectedIndex)},calculatePageDots:function(){return!(this.itemCount>12&&!matchMedia("screen and (min-width: 1600px)").matches)&&!(this.itemCount<5&&matchMedia("screen and (min-width: 1600px)").matches||this.itemCount<3&&matchMedia("screen and (min-width: 768px)").matches||this.itemCount<2&&matchMedia("screen and (max-width: 767px)").matches)},emitIndexChanged:function(){Object(s["isNumber"])(this.slider.selectedIndex)&&this.$emit("index-changed",{total:this.slider.slides.length,index:this.slider.selectedIndex})}},mounted:function(){this.init()},beforeDestroy:function(){window.removeEventListener("resize",this.handleWindowResize)}};t["a"]=u},c8a4:function(e,t){var n='<div class="color-swatches-component" :class="{ \'using-slider\': useSlider }" :style="[widthStyleObject, preloadingStyleObject]"> <ul v-if="useSlider" class="color-swatches-component__list"> <slider :alignment="alignment" ref="slider"> <li class="color-swatches-component__list-item slide" v-for="color in colors" role="listitem"> <tooltip v-if="isMobile" :message="color.name" placement="bottom" :disabled="isMobile && !isSelected(color)" :trigger="tooltipTrigger"> <button class="color-swatches-component__swatch" :class="{ \'color-swatches-component__swatch--active\': isSelected(color) }" :style="{ backgroundColor: color.code }" @click="handleColorSelected(color, $event)" :aria-label="color.name || color.code" role="checkbox" :aria-checked="JSON.stringify(isSelected(color))"></button> </tooltip> <tooltip v-else :message="color.name" placement="below" :disabled="isMobile && !isSelected(color)" :trigger="tooltipTrigger"> <button class="color-swatches-component__swatch" :class="{ \'color-swatches-component__swatch--active\': isSelected(color) }" :style="{ backgroundColor: color.code }" @click="handleColorSelected(color, $event)" :aria-label="color.name || color.code" role="checkbox" :aria-checked="JSON.stringify(isSelected(color))"></button> </tooltip> </li> </slider> </ul> <ul v-else class="color-swatches-component__list"> <li class="color-swatches-component__list-item" v-for="color in colors" role="listitem"> <tooltip v-if="isMobile" :message="color.name" placement="bottom" :disabled="color.name && isMobile && !isSelected(color)" :trigger="tooltipTrigger"> <button class="color-swatches-component__swatch" :class="{ \'color-swatches-component__swatch--active\': isSelected(color) }" :style="{ backgroundColor: color.code }" @click="handleColorSelected(color, $event)" :aria-label="color.name || color.code" role="checkbox" :aria-checked="JSON.stringify(isSelected(color))"></button> </tooltip> <tooltip v-else :message="color.name" placement="below" :disabled="color.name && isMobile && !isSelected(color)" :trigger="tooltipTrigger"> <button class="color-swatches-component__swatch" :class="{ \'color-swatches-component__swatch--active\': isSelected(color) }" :style="{ backgroundColor: color.code }" @click="handleColorSelected(color, $event)" :aria-label="color.name || color.code" role="checkbox" :aria-checked="JSON.stringify(isSelected(color))"></button> </tooltip> </li> </ul> </div> ';e.exports=n},c90b:function(e,t,n){"use strict";var o=n("6a20"),i=n("6972"),r=n.n(i),a=o["default"].extend({mounted:function(){var e=this;window.addEventListener("resize",r()((function(){return e.setWidth(window.innerWidth)}),250,!1),{passive:!0})},destroyed:function(){var e=this;window.removeEventListener("resize",r()((function(){return e.setWidth(window.innerWidth)}),250,!1))},computed:{breakpoints:function(){return{twoColumnCompare:568,medium:768,hideBurger:1024,large:1366,xl:1600}}},methods:{setWidth:function(e){this.width=e},isWindowLessThan:function(e){return window.matchMedia("screen and (max-width: ".concat(e-1,"px)")).matches},isWindowLessThanOrEqualTo:function(e){return window.matchMedia("screen and (max-width: ".concat(e,"px)")).matches},isWindowGreaterThanOrEqualTo:function(e){return window.matchMedia("screen and (min-width: ".concat(e,"px)")).matches},isWindowGreaterThan:function(e){return window.matchMedia("screen and (min-width: ".concat(e+1,"px)")).matches}},data:function(){return{width:window.innerWidth}}});t["a"]=a},d0a1:function(e,t){var n='<div class="slider" :class="overflowStyleObject"> <slot/> </div> ';e.exports=n},ddc8:function(e,t,n){"use strict";n.d(t,"a",(function(){return p}));var o=n("0139"),i="This field is required.",r="Please enter a valid email address.",a="Please enter a valid date.",c="Please use letters and less than 40 characters",s="Please use letters and less than 80 characters",l="Please check email address is correct",d="Make sure your mobile number starts with a 3 number prefix then 6 to 8 numbers e.g. 021 123 45678",u="Please use letters and less than 350 characters",h={en:{messages:{required:function(){return i},email:function(){return r},date_format:function(){return a}},custom:{firstName:{max:c,regex:c},lastName:{max:s,regex:s},emailAddress:{min:l,max:l,regex:l},Phone:{min:d,max:d,regex:d},EnquiryMessage:{max:u,regex:u}}}},p=function(){o["c"].localize(h)}}}]);;