https://www.pagani.co.nz/generic/packages/pagebuilder/pagebuilder.626.3ff5ac178a7952c7.js

1"use strict";(self["webpackChunk_blackpepper_page"]=self["webpackChunk_blackpepper_page"]||[]).push([[626],{1096:function(t,i,e){e.d(i,{A:function(){return l}});var a=function(){var t=this,i=t._self._c;return i("div",{class:"ps-builder-item ps-builder-item--"+t.type},[i("div",{staticClass:"ps-builder-item__inner"},[t._t("default",function(){return[t._v("This is the content")]})],2)])},s=[],o={props:{type:{type:String}}},d=o,n=e(4521),r=(0,n.A)(d,a,s,!1,null,null,null),l=r.exports},4427:function(t,i,e){e.d(i,{A:function(){return l}});var a=function(){var t=this,i=t._self._c;return i("div",{staticClass:"ps-builder-item__media ps-builder-media",class:t.mediaClasses},[t.hasVideo?i("div",{class:["ps-builder-video",{paused:!t.isVideoPlaying&&!t.hasVideoAutoplay}]},[i("video",{ref:"video",attrs:{src:`${t.currentVideoSrc}#t=0.001`,loop:t.hasVideoLoop,playsinline:"",width:t.currentVideoWidth,height:t.currentVideoHeight,preload:t.isVideoPreloaded?"metadata":"none"},domProps:{muted:t.isVideoMuted},on:{ended:function(i){return t.endVideo()}}}),t.hasVideoAutoplay?t._e():i("button",{staticClass:"ps-builder-button ps-builder-button--play",attrs:{type:"button"},on:{click:function(i){return t.togglePlayingVideo()}}},[t.isVideoPlaying?i("i",{staticClass:"icon-pause"}):i("i",{staticClass:"icon-play"})]),t.hasVideoAutoplay?t._e():i("button",{staticClass:"ps-builder-button ps-builder-button--mute",attrs:{type:"button"},on:{click:function(i){return t.toggleMutingVideo()}}},[t.isVideoMuted?i("i",{staticClass:"icon-volume-slash"}):i("i",{staticClass:"icon-volume"})])]):t.hasImage?i("div",{staticClass:"ps-builder-image",style:`--aspect-width: ${t.currentImageWidth}; --aspect-height: ${t.currentImageHeight};`},[i("picture",[i("source",{attrs:{srcset:t.isFirstRow?t.srcset:void 0,"data-srcset":t.isFirstRow?void 0:t.srcset,media:"(min-width: 751px)"}}),void 0!==t.item.data.imagemobile&&null!==t.item.data.imagemobile&&0!==Object.keys(t.item.data.imagemobile).length?i("source",{attrs:{srcset:t.isFirstRow?t.srcsetMobile:void 0,"data-srcset":t.isFirstRow?void 0:t.srcsetMobile,media:"(max-width: 750px)"}}):t._e(),i("img",{staticClass:"lazyload",attrs:{src:t.isFirstRow?t.item.data.image.srcpath:t.placeholderSvg,"data-src":t.isFirstRow?void 0:t.item.data.image.srcpath,"data-srcset":t.isFirstRow?void 0:t.srcset,srcset:t.isFirstRow?t.srcset:void 0,width:t.currentImageWidth,height:t.currentImageHeight,"data-sizes":"auto",alt:t.item.data.alttext||"Banner Image",fetchpriority:t.isFirstRow?"high":void 0}})])]):i("div",{staticClass:"ps-builder-no-image"}),null!==t.item.data.imagehotlinks?t._l(t.item.data.imagehotlinks,function(e,a){return i("a",{key:t.item.contentrowitemid+"-hotlink-"+a,staticClass:"ps-builder-hotlink ps-builder-hotlink--desktop",style:t.hotlinkStyle(e.width,e.height,e.top,e.left),attrs:{href:e.link,target:!!e.newtab&&"_blank",rel:!!e.newtab&&"noopener noreferrer"}})}):t._e(),null!==t.item.data.imagemobilehotlinks?t._l(t.item.data.imagemobilehotlinks,function(e,a){return i("a",{key:t.item.contentrowitemid+"-mobilehotlink-"+a,staticClass:"ps-builder-hotlink ps-builder-hotlink--mobile",style:t.hotlinkStyle(e.width,e.height,e.top,e.left),attrs:{href:e.link,target:!!e.newtab&&"_blank",rel:!!e.newtab&&"noopener noreferrer"}})}):t._e()],2)},s=[],o={inject:{index:{default:0}},props:{item:{type:Object,default:()=>({})},row:{type:Object,default:()=>({})},dimensions:{type:Array,default:()=>[375,750,1500,3900]}},data(){return{isVideoMuted:!0,isVideoPlaying:!1,isVideoPreloaded:!1,isMobile:!1}},computed:{placeholderSvg(){const{width:t,height:i}=this.item.data.image;return`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='${t}' height='${i}'%3E%3C/svg%3E`},srcset(){let t="";if(this.dimensions&&this.dimensions.length)for(let i=0;i<this.dimensions.length;i+=1)i<this.dimensions.length-1?t+=`${this.item.data.image.srcpath}?optimize=high&width=${this.dimensions[i]} ${this.dimensions[i]}w, `:t+=`${this.item.data.image.srcpath}?optimize=high&width=${this.dimensions[i]} ${this.dimensions[i]}w`;return t},srcsetMobile(){let t="";if(this.dimensions&&this.dimensions.length)for(let i=0;i<this.dimensions.length;i+=1)i<this.dimensions.length-1?t+=`${this.item.data.imagemobile.srcpath}?optimize=high&width=${this.dimensions[i]} ${this.dimensions[i]}w, `:t+=`${this.item.data.imagemobile.srcpath}?optimize=high&width=${this.dimensions[i]} ${this.dimensions[i]}w`;return t},hasImage(){if("image"!==this.item.data.media)return!1;const t=this.item.data?.image&&Object.keys(this.item.data.image).length>0,i=["mobile","tablet"].some(t=>this.row.data?.mediums?.includes(t)),e=i&&this.item?.data?.imagemobile&&Object.keys(this.item.data.imagemobile).length>0;return t||e},hasVideo(){return"video"===this.item.data.media&&(void 0!==this.item.data.video?.srcpath||void 0!==this.item.data.videomobile?.srcpath)},hasMobileVideo(){return void 0!==this.item.data?.videomobile?.srcpath},currentVideoSrc(){return this.isMobile&&this.hasMobileVideo?this.item.data.videomobile?.srcpath:this.item.data.video?.srcpath??""},currentVideoWidth(){return this.isMobile&&this.hasMobileVideo?this.item.data.videomobile?.width:this.item.data.video?.width??null},currentVideoHeight(){return this.isMobile&&this.hasMobileVideo?this.item.data.videomobile?.height:this.item.data.video?.height??null},hasVideoLoop(){return this.isMobile&&this.hasMobileVideo&&"undefined"!==typeof this.item.data.videoloopmobile?this.item.data.videoloopmobile:"undefined"===typeof this.item.data.videoloop||this.item.data.videoloop},hasVideoAutoplay(){return this.isMobile&&this.hasMobileVideo&&"undefined"!==typeof this.item?.data?.videoautoplaymobile?this.item.data.videoautoplaymobile:"undefined"===typeof this.item?.data?.videoautoplay||this.item.data.videoautoplay},mediaClasses(){return{"ps-builder-media--video":this.hasVideo,"ps-builder-media--image":this.hasImage,"ps-builder-media--none":!this.hasVideo&&!this.hasImage,"ps-builder-media--vertical":this.isVerticalImage}},isVerticalImage(){const t=this.currentImageWidth,i=this.currentImageHeight;return null!==t&&void 0!==t&&null!==i&&void 0!==i&&Number(i)>Number(t)},currentImageWidth(){return this.isMobile&&this.item.data.imagemobile&&Object.keys(this.item.data.imagemobile).length>0?this.item.data.imagemobile.width:this.item.data.image?.width??null},currentImageHeight(){return this.isMobile&&this.item.data.imagemobile&&Object.keys(this.item.data.imagemobile).length>0?this.item.data.imagemobile.height:this.item.data.image?.height??null},isFirstRow(){return 0===this.index}},mounted(){this.$nextTick(()=>

1{if(this.mediaQuery=window.matchMedia("(max-width: 750px)"),this.mediaQuery.addListener(this.handleMobileCheck),this.handleMobileCheck(this.mediaQuery),this.hasVideo){const t={root:null,rootMargin:"0px",threshold:0},i=new IntersectionObserver(this.videoCallback,t);i.observe(this.$refs.video)}})},methods:{hotlinkStyle(t,i,e,a){return`width: ${t}%; height: ${i}%; top: ${e}%; left: ${a}%`},handleMobileCheck(t){this.isMobile=t.matches},videoCallback(t){t.forEach(t=>{t.isIntersecting?(this.isVideoPreloaded=!0,this.hasVideoAutoplay&&(this.isVideoPlaying=!0,t.target.play())):(this.isVideoPlaying=!1,t.target.pause())})},togglePlayingVideo(){const t=this.$refs.video;this.isVideoPlaying?(this.isVideoPlaying=!1,t.pause()):(this.isVideoPlaying=!0,this.isVideoMuted=!1,t.play())},toggleMutingVideo(){this.isVideoMuted=!this.isVideoMuted},endVideo(){this.hasVideoLoop||(this.isVideoPlaying=!1)}}},d=o,n=e(4521),r=(0,n.A)(d,a,s,!1,null,null,null),l=r.exports},626:function(t,i,e){e.r(i),e.d(i,{default:function(){return m}});var a=function(){var t=this,i=t._self._c;return i("div",{staticClass:"ps-builder-inner"},t._l(t.row.items,function(e){return i("ps-page-builder-item",{directives:[{name:"track-impression",rawName:"v-track-impression.immediate",value:void 0!==e.tracking&&{name:"pagebuilderImpression",gadata:e.tracking},expression:"item.tracking !== undefined && {name: 'pagebuilderImpression', gadata: item.tracking}",modifiers:{immediate:!0}}],key:e.contentrowitemid,class:["text"===e.data.type?"u-halign-"+e.data.halign:""],attrs:{type:e.data.type,"data-row-item-id":e.contentrowitemid}},[i("div",{staticClass:"ps-builder-item__content-inner",class:["text"===e.data.type?"u-content-align-"+e.data.textalign:"","text"===e.data.type?"u-halign-"+e.data.halign:"","text"===e.data.type?"u-valign-"+e.data.valign:""]},["banner"===e.data.type?[i("ps-page-builder-media",{attrs:{item:e,row:t.row,dimensions:[600,800,1200,1600]}})]:"text"===e.data.type?[i(e.data.headingtag||"h2",{tag:"component",class:["ps-builder-title",t.headingStyleClass(e.data.headingsize)],style:t.textStyle(e.data.titletextcolour),domProps:{innerHTML:t._s(t.textFormat(e.data.title))}}),i("div",{staticClass:"ps-builder-description",style:t.textStyle(e.data.descriptiontextcolour),domProps:{innerHTML:t._s(t.textFormat(e.data.description))}}),e.data.addbutton?i("a",{class:["s-button--"+e.data.buttonclass,"s-button ps-builder-button"],attrs:{href:e.data.buttonurl,target:!!e.data.urlmode&&"_blank",rel:!!e.data.urlmode&&"noopener noreferrer"},domProps:{innerHTML:t._s(t.textFormat(e.data.buttontxt))},on:{click:function(i){return t.trackClick(e.tracking)}}}):t._e()]:t._e()],2)])}),1)},s=[],o=e(1096),d=e(4427),n={components:{PsPageBuilderItem:o.A,PsPageBuilderMedia:d.A},props:{row:{type:Object}},methods:{textStyle(t){return`color: ${t}`},textFormat(t){return t.replace(/\n/g,"<br>")},headingStyleClass(t){const i={h1:"s-heading-1",h2:"s-heading-2",h3:"s-heading-3",h4:"s-heading-4",h5:"s-heading-5",h6:"s-heading-6"};return i[t]||t},trackClick(t){void 0!==t&&(window.codyAnalytics?window.codyAnalytics.track("pagebuilderClick",t):$(document).trigger("psevent",["pagebuilderClick",t]))}}},r=n,l=e(4521),h=(0,l.A)(r,a,s,!1,null,null,null),m=h.exports}}]);