https://bondisands.com.au/cdn/shop/t/791/assets/sections.hero-bann…?v=101159240351595333611789690494

1!function(){"use strict";var t,e={4770(t,e,i){var s=i(2294);const o="is-prev-active",n="is-next-active",r="is-active",a="is-initialized",l="is-visible",h="keen-slider",d="is-variable-width",c="keen-slider__slide",u="--carousel-progress",p={autoplay:!1,autoplaySpeed:10,controls:!0,refreshOnImageLoad:!0};class v{slides=[];slider=null;buttonsNext=[];buttonsPrev=[];dots=[];progress=[];loadListening=[];refreshInterval=null;links=[];activeSlideIndex=0;refreshTimer=null;isSliding=!1;pendingRefresh=!1;constructor(t,e=p){this.container=t,this.options={...p,...e},t.childNodes.forEach(t=>{if(void 0===t.classList)return;let i=t;this.slides.push(i),e.clickToSlide&&i.addEventListener("click",this.onSlideClick)}),this.observer=new IntersectionObserver(this.onInteractionObserved),this.observer.observe(t),window.addEventListener("resize",this.onWindowResize),document.addEventListener("DOMContentLoaded",this.onDOMContentLoaded),document.addEventListener("load",this.onDOMLoaded),this.options.refreshOnImageLoad&&this.container.querySelectorAll("img").forEach(t=>{t.complete||(this.loadListening.push(t),t.addEventListener("load",this.onImageLoaded))}),this.rebuild()}

1updateClasses(){if(!this.slider)return void requestAnimationFrame(()=>{this.slider||(this.container.classList.remove(a,h,d),this.slides.forEach(t=>{t.classList.remove(c),t.removeAttribute("style")}))});this.container.classList.add(h),this.slides.forEach(t=>t.classList.add(c)),this.options.variableWidth&&this.container.classList.add(d);const t=this.slider.details();let e=t.relativeSlide;this.links.forEach(t=>{t.slider&&(e=Math.max(e,t.slider.details().relativeSlide))});const i=t.size,s=this.slides[e];let l=e+1,p=e-1;this.options.loop&&l>=i&&(l=0),this.options.loop&&p<0&&(p=i-1);let v=this.slides[l],m=this.slides[p];this.slides.forEach(t=>{t.classList.remove(r,n,o)}),s?.classList.add(r),v?.classList.add(n),m?.classList.add(o),this.buttonsNext.forEach(t=>{t.classList.remove(r),v&&t.classList.add(r)}),this.buttonsPrev.forEach(t=>{t.classList.remove(r),m&&t.classList.add(r)}),this.dots.forEach(t=>t.setDot(e));const f=(e+1)/i*100;this.progress.forEach(t=>{t.style.setProperty(u,`${f}%`)})}updateVisible(){if(!this.options.addVisible)return;const t=this.container.getBoundingClientRect();this.slides.forEach(e=>{const i=e.getBoundingClientRect(),s=i.right>t.x&&i.left<t.right,o=i.bottom>t.y&&i.top<t.bottom;s&&o?e.classList.add(l):e.classList.remove(l)})}refresh(){if(this.slider)return this.shouldBeDestroyed()?(this.slider?.destroy(),void(this.slider=null)):void(this.isSliding?this.pendingRefresh=!0:(this.refreshTimer&&clearTimeout(this.refreshTimer),this.refreshTimer=setTimeout(()=>this.performRefresh(),32)));this.rebuild()}performRefresh(){if(this.refreshTimer=null,!this.slider)return;const t=this.activeSlideIndex;this.slider.resize(),requestAnimationFrame(()=>{if(!this.slider)return;const e=this.slider.details();(e.relativeSlide!==t||Math.abs(e.position-t)>.01)&&this.slider.moveToSlide(t,0),this.updateVisible()})}rebuild(){if(this.slider?.destroy(),this.slider=null,0==this.container.offsetWidth||0==this.container.offsetHeight||this.shouldBeDestroyed())return void this.updateClasses();this.container.classList.add(h),this.slides.forEach(t=>t.classList.add(c));const t=new s.A(this.container,{...this.options,dragStart:this.onDragStart,dragEnd:this.onDragEnd,slideChanged:this.onSlideChanged,mounted:this.onMounted,destroyed:this.onDestroyed,move:this.onSlideMoved,afterChange:this.onAfterChange,beforeChange:this.onBeforeChange});this.slider=t,this.updateClasses(),this.refresh()}shouldBeDestroyed(){return Object.entries(this.options.breakpoints||{}).some(t=>{const[e,i]=t;return!!i.disabled&&window.matchMedia(e).matches})}moveToSlide(t,e){this.activeSlideIndex=t,this.slider?.moveToSlide(t,e)}getActiveSlideIndex(){return this.activeSlideIndex}addNextButton(t){this.buttonsNext.push(t),t.addEventListener("click",this.onNextClick),this.updateClasses()}addPrevButton(t){this.buttonsPrev.push(t),t.addEventListener("click",this.onPrevClick),this.updateClasses()}addProgress(t){this.progress.push(t),this.updateClasses()}addDots(t){const e=new m(this,t);return this.dots.push(e),e}removeNextButton(t){const e=this.buttonsNext.indexOf(t);-1!==e&&this.buttonsNext.splice(e,1),t.removeEventListener("click",this.onNextClick)}removePrevButton(t){const e=this.buttonsPrev.indexOf(t);-1!==e&&this.buttonsPrev.splice(e,1),t.removeEventListener("click",this.onPrevClick)}removeProgress(t){const e=this.progress.indexOf(t);-1!==e&&this.progress.splice(e,1),t.style.setProperty(u,"0%")}link(t){-1===this.links.indexOf(t)&&this.links.push(t),-1===t.links.indexOf(this)&&t.links.push(this)}unlink(t){let e=this.links.indexOf(t);-1!==e&&this.links.splice(e,1),e=t.links.indexOf(this),-1!==e&&t.links.splice(e,1)}onDragStart=()=>{};onDragEnd=()=>{};onSlideChanged=t=>{const e=t.details();this.activeSlideIndex=e.relativeSlide,this.updateClasses(),this.links.forEach(t=>{t.moveToSlide(e.relativeSlide),t.updateClasses()}),this.options.onSlideChange&&this.options.onSlideChange(this,e.relativeSlide)};onAfterChange=t=>{this.isSliding=!1,this.pendingRefresh&&(this.pendingRefresh=!1,this.refresh())};onBeforeChange=t=>{this.isSliding=!0};onMounted=t=>{this.activeSlideIndex=t.details().relativeSlide,this.container.classList.add(a),this.updateClasses()};onDestroyed=()=>{this.isSliding=!1,this.pendingRefresh=!1,this.slider=null,this.updateClasses()};onSlideMoved=t=>{const e=t.details();if(this.options.variableWidth){const t=[];let i=0;

1this.slides.forEach((e,s)=>{t[s]=e.getBoundingClientRect(),i+=t[s].width,this.options.spacing&&(i+=this.options.spacing)});let s=0;const o=e.progressTrack*e.size,n=-i*e.progressTrack;this.slides.forEach((r,a)=>{let l=n+s;s+=t[a].width,this.options.spacing&&(s+=this.options.spacing),this.options.loop?a<Math.floor(o)&&(l+=i):e.position<0&&(l+=i),r.style.transform=`translate3d(${l.toFixed(2)}px, 0, 0)`})}this.updateVisible(),this.container.style.setProperty("--carousel-position",e.position.toString())};onPrevClick=t=>{this.slider?.prev()};onNextClick=t=>{this.slider?.next()};onSlideClick=t=>{const e=this.slides.indexOf(t.currentTarget);this.moveToSlide(e),this.links.forEach(t=>t.moveToSlide(e))};onImageLoaded=()=>this.refresh();onWindowResize=()=>this.refresh();onInteractionObserved=()=>{this.slider||this.rebuild()};onDOMContentLoaded=()=>this.refresh();onDOMLoaded=()=>this.refresh();dispose(){this.slider?.destroy(),[...this.buttonsNext].forEach(t=>this.removeNextButton(t)),[...this.buttonsPrev].forEach(t=>this.removePrevButton(t)),this.slides.forEach(t=>{t.removeEventListener("click",this.onSlideClick)}),window.removeEventListener("resize",this.onWindowResize),document.removeEventListener("DOMContentLoaded",this.onDOMContentLoaded),document.removeEventListener("load",this.onDOMLoaded),this.loadListening.forEach(t=>{t.removeEventListener("load",this.onImageLoaded)}),this.refreshInterval&&clearInterval(this.refreshInterval),this.refreshTimer&&clearTimeout(this.refreshTimer),this.observer.disconnect(),this.slider=null,this.updateClasses()}}class m{dots=[];constructor(t,e){this.carousel=t,this.options=e,t.slides.forEach((t,e)=>{const i=this.dotCreate(e);this.options.dotAdd?this.options.dotAdd(this,i,e):this.options.container.appendChild(i),this.dots.push(i),i.addEventListener("click",this.onDotClick)}),this.carousel.slider&&this.setDot(this.carousel.slider.details().relativeSlide)}dotCreate(t){this.options.dotTemplate&&this.options.dotTemplate(this,t);const e=document.createElement("button");return e.setAttribute("title",(t+1).toString()),e.innerHTML=`<span>${t}</span>`,e.classList.add(this.options.classContainer||"c-carousel-dot"),e}setDot(t){const e=this.options.classActive||r;t=Math.floor(t),this.dots.forEach((i,s)=>{s==t?i.classList.add(e):i.classList.remove(e)})}onDotClick=t=>{const e=this.dots.findIndex(e=>e===t.currentTarget);-1!==e&&(t.preventDefault(),this.carousel.moveToSlide(e))};dispose(){this.dots.forEach(t=>t.removeEventListener("click",this.onDotClick))}}var f=i(4313);i(576);const y="heading";function g(t){const e=t.popper;if(!e)return;const i=e.querySelector(".tippy-box"),s=e.querySelector(".tippy-content");i&&(i.setAttribute("data-state","visible"),i.style.opacity="1",i.style.visibility="visible"),s&&(s.setAttribute("data-state","visible"),s.style.opacity="1",s.style.visibility="visible")}function S(){document.querySelectorAll("[data-tooltip]").forEach(t=>{if(t._tippy)return;t.classList.contains("is-initialised")&&t.classList.remove("is-initialised");const e=`\n      ${t.dataset[y]?`\n        <h5 class="o-tooltip__heading o-type--2">\n          ${t.dataset[y]}\n        </h5>\n      `:""}\n      <p class="o-tooltip__content o-type--3">\n        ${t.dataset.tooltip}\n      </p>\n    `;(0,f.Ay)(t,{content:e,allowHTML:!0,theme:"a-tooltip",arrow:!0,placement:"top",animation:!1,duration:[0,0],zIndex:1e5,appendTo:t=>t.closest("dialog")||document.body,popperOptions:{strategy:"fixed"},onMount(t){g(t)},onAfterUpdate(t){t.state.isVisible&&g(t)}}),t.addEventListener("pointerdown",t=>{t.stopPropagation()}),t.addEventListener("click",t=>{t.preventDefault(),t.stopPropagation()}),t.classList.add("is-initialised")})}function E(){S()}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",E):E(),document.addEventListener("shopify:section:load",S);const L="data-section-initialized";class b{static registrations={};static register(t,e){const i=[];return document.querySelectorAll(t).forEach(s=>{if(b.isRegistered(s))return;const o=new e(s,t);i.push(o),o.queryChildren(s),o.init(),o.attachEvents(s)}),this.registrations[t]=e,i}static recheck(t){const e=this.registrations[t];return e?b.register(t,e):[]}static isRegistered(t){return t.hasAttribute(L)}constructor(t,e){if(this.container=t,this.selector=e,this.container.setAttribute(L,"true"),this.shopifyContainer=this.container.parentElement,this.shopifyContainer&&this.shopifyContainer.id)try{this.id=this.shopifyContainer.id.replace(/shopify-section-/,"")}catch(t){console.warn(t)}this.innerHtmlObserver=null}replaceContainer(t){this.container.removeAttribute(L),this.detatchEvents(this.container),this.container.innerHTML=t.innerHTML,this.container.setAttribute(L,"true"),this.queryChildren(this.container),this.init(),this.attachEvents(this.container)}init(){}onInnerHtmlMutationObserved=(t,e)=>{if(!t.length)return;if(!this.shopifyContainer)return;const[i]=t,s=[];

1i.removedNodes.forEach(t=>s.push(t));-1!==s.findIndex(t=>t===this.shopifyContainer)&&(console.log("Section",this.id,"reloaded."),this.dispose(),b.recheck(this.selector))};dispose(){this.container.removeAttribute(L),this.detatchEvents(this.container),this.innerHtmlObserver&&this.innerHtmlObserver.disconnect()}}class C{images=[];scrollHandler=null;resizeHandler=null;containerTop=0;containerHeight=0;windowHeight=0;maxScroll=0;scale=1.1;constructor(t){this.container=t,this.images=Array.from(t.querySelectorAll("[data-parallax-img]")),this.images.length?(this.init(),this.attachEvents()):console.warn("No parallax images found in container",t)}init(){"static"===window.getComputedStyle(this.container).position&&(this.container.style.position="relative"),this.container.style.overflow="hidden",this.images.forEach(t=>{t.complete||t.addEventListener("load",()=>{this.updateDimensions(),this.onScroll()},{once:!0})}),this.updateDimensions(),this.onScroll(),this.images.forEach(t=>t.classList.add("is-ready"))}updateDimensions(){const t=this.container.getBoundingClientRect();this.containerTop=t.top+window.scrollY,this.containerHeight=t.height,this.windowHeight=window.innerHeight;const e=this.containerHeight*this.scale;this.maxScroll=e-this.containerHeight}onScroll(){const t=window.scrollY,e=this.containerTop-this.windowHeight,i=(t-e)/(this.containerTop+this.containerHeight-e),s=Math.max(0,Math.min(1,i)),o=this.maxScroll/2-s*this.maxScroll;this.images.forEach(t=>{null!==t.offsetParent&&(t.style.transform=`translateY(${o}px) scale(${this.scale})`)})}onResize(){this.updateDimensions(),this.onScroll()}attachEvents(){this.scrollHandler=()=>this.onScroll(),this.resizeHandler=()=>this.onResize(),window.addEventListener("scroll",this.scrollHandler,{passive:!0}),window.addEventListener("resize",this.resizeHandler),requestAnimationFrame(()=>this.onScroll())}detachEvents(){this.scrollHandler&&window.removeEventListener("scroll",this.scrollHandler),this.resizeHandler&&window.removeEventListener("resize",this.resizeHandler)}destroy(){this.detachEvents(),this.images.forEach(t=>{t.style.transform="",t.classList.remove("is-ready")})}}const T="is-playing",x="is-paused",w="is-active",I="is-animating",k="is-animated",A=1e4;b.register("[data-hero-banner-carousel-wrapper]",class extends b{carouselContainer=null;carousel=null;dotsContainer=null;dots=[];autoplayToggle=null;contentElements=[];slideItems=[];parallax=null;autoplayInterval=null;autoplayTimeout=null;isPlaying=!0;slideStartTime=0;elapsedTime=0;currentSlideIndex=0;autoplayDuration=A;queryChildren(t){this.carouselContainer=t.querySelector("[data-hero-banner-carousel]"),this.dotsContainer=t.querySelector("[data-hero-banner-carousel-dots]"),this.dots=Array.from(t.querySelectorAll("[data-hero-banner-carousel-dot]")),this.autoplayToggle=t.querySelector("[data-hero-banner-carousel-autoplay]"),this.contentElements=Array.from(t.querySelectorAll(".c-hero-banner-carousel__content")),this.slideItems=Array.from(t.querySelectorAll(".c-hero-banner-carousel__item"))}init(){this.currentSlideIndex=0,this.carouselContainer&&(this.carouselContainer.childElementCount>1&&(this.carousel=new v(this.carouselContainer,{loop:!0,slidesPerView:1,onSlideChange:this.onSlideChange})),this.parallax=new C(this.carouselContainer)),this.dotsContainer&&this.carousel?.addProgress(this.dotsContainer);const t=this.container.getAttribute("data-hero-banner-carousel-speed"),e=Number(t);!Number.isNaN(e)&&e>0?this.autoplayDuration=e:this.autoplayDuration=A,this.container.style.setProperty("--autoplay-duration",`${this.autoplayDuration}ms`),this.slideStartTime=Date.now(),this.startAutoplay(),this.updatePlayingState(),this.triggerContentAnimation(0),this.resetDotProgress(0)}attachEvents(t){this.dots.forEach((t,e)=>{t.addEventListener("click",()=>this.goToSlide(e))}),this.autoplayToggle?.addEventListener("click",this.onAutoplayToggleClick),this.carouselContainer?.addEventListener("touchstart",this.onTouchStart),this.carouselContainer?.addEventListener("touchend",this.onTouchEnd)}detatchEvents(t){this.autoplayInterval&&clearInterval(this.autoplayInterval),this.autoplayTimeout&&clearTimeout(this.autoplayTimeout),this.destroyParallax(),this.carousel?.dispose(),this.dots.forEac

1h((t,e)=>{t.removeEventListener("click",()=>this.goToSlide(e))}),this.autoplayToggle?.removeEventListener("click",this.onAutoplayToggleClick),this.carouselContainer?.removeEventListener("touchstart",this.onTouchStart),this.carouselContainer?.removeEventListener("touchend",this.onTouchEnd)}startAutoplay=t=>{if(this.autoplayInterval||this.autoplayTimeout)return;const e=t??this.autoplayDuration;this.slideStartTime=Date.now()-(this.autoplayDuration-e);const i=()=>{this.carousel?.slider?.next(),this.slideStartTime=Date.now(),this.elapsedTime=0};t&&t<this.autoplayDuration?this.autoplayTimeout=setTimeout(()=>{i(),this.autoplayTimeout=null,this.autoplayInterval=setInterval(i,this.autoplayDuration)},t):this.autoplayInterval=setInterval(i,this.autoplayDuration),this.isPlaying=!0,this.updatePlayingState(),this.playVideoInSlide(this.currentSlideIndex)};stopAutoplay=()=>{this.elapsedTime=Date.now()-this.slideStartTime,this.autoplayInterval&&(clearInterval(this.autoplayInterval),this.autoplayInterval=null),this.autoplayTimeout&&(clearTimeout(this.autoplayTimeout),this.autoplayTimeout=null),this.isPlaying=!1,this.updatePlayingState(),this.pauseVideoInSlide(this.currentSlideIndex)};toggleAutoplay=()=>{if(this.isPlaying)this.stopAutoplay();else{const t=this.autoplayDuration-this.elapsedTime;this.startAutoplay(t>0?t:this.autoplayDuration)}};updatePlayingState=()=>{this.isPlaying?(this.container.classList.add(T),this.container.classList.remove(x)):(this.container.classList.remove(T),this.container.classList.add(x))};resetAutoplay=()=>{this.isPlaying&&(this.autoplayInterval&&(clearInterval(this.autoplayInterval),this.autoplayInterval=null),this.autoplayTimeout&&(clearTimeout(this.autoplayTimeout),this.autoplayTimeout=null),this.slideStartTime=Date.now(),this.elapsedTime=0,this.autoplayInterval=setInterval(()=>{this.carousel?.slider?.next(),this.slideStartTime=Date.now(),this.elapsedTime=0},A))};pauseVideoInSlide(t){const e=this.slideItems[t];if(!e)return;e.querySelectorAll("video").forEach(t=>{t.pause()})}playVideoInSlide(t){const e=this.slideItems[t];if(!e)return;e.querySelectorAll("video").forEach(t=>{t.play().catch(()=>{})})}pauseAllVideos(){this.slideItems.forEach(t=>{t.querySelectorAll("video").forEach(t=>t.pause())})}goToSlide=t=>{this.carousel?.slider?.moveToSlide(t),this.resetAutoplay()};updateDots=t=>{this.dots.forEach((e,i)=>{i===t?e.classList.add(w):e.classList.remove(w)})};resetDotProgress=t=>{const e=this.dots[t];e&&(e.classList.remove(w),e.offsetWidth,e.classList.add(w))};triggerContentAnimation=t=>{const e=this.contentElements[t];e&&!e.classList.contains(k)&&(e.classList.add(I),setTimeout(()=>{e.classList.remove(I),e.classList.add(k)},1e3))};onSlideChange=(t,e)=>{this.currentSlideIndex=e,this.updateDots(e),this.resetDotProgress(e),this.triggerContentAnimation(e),this.pauseAllVideos(),this.playVideoInSlide(this.currentSlideIndex)};destroyParallax=()=>{this.parallax&&(this.parallax.destroy(),this.parallax=null)};onAutoplayToggleClick=()=>{this.toggleAutoplay()};onTouchStart=()=>{this.autoplayInterval&&(clearInterval(this.autoplayInterval),this.autoplayInterval=null)};onTouchEnd=()=>{this.isPlaying&&this.resetAutoplay()}})},161(){}},i={};function s(t){var o=i[t];if(void 0!==o)return o.exports;var n=i[t]={exports:{}};return e[t].call(n.exports,n,n.exports,s),n.exports}s.m=e,t=[],s.O=function(e,i,o){if(!i){for(var n=0;n<t.length;n++){i=t[n][0],o=t[n][1];for(var r=!0,a=0;a<i.length;a++)s.O.j(i[a])?i.splice(a--,1):r=!1;if(r){t.splice(n--,1);var l=o();void 0!==l&&(e=l)}}return e}t.push([i,o])},s.d=function(t,e){for(var i in e)s.o(e,i)&&!s.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.j=2645,function(){var t={2645:0};s.O.j=function(e){return 0===t[e]};var e=function(e,i){var o,n,r=i[0],a=i[1],l=i[2],h=0;if(r.some(function(e){return 0!==t[e]})){for(o in a)s.o(a,o)&&(s.m[o]=a[o]);if(l)var d=l(s)}for(e&&e(i);h<r.length;h++)n=r[h],s.o(t,n)&&t[n]&&t[n][0](),t[n]=0;return s.O(d)},i=self.webpackChunkreflect_boilerplate=self.webpackChunkreflect_boilerplate||[];

1i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))}(),s.O(void 0,[4121],function(){return s(4770)});var o=s.O(void 0,[4121],function(){return s(161)});o=s.O(o)}();