https://www.zeiss.ca/etc.clientlibs/zeiss-aem-app/jupiter/clientli…/scrollAnimation.a71c232bcea25df4.chunk.js

1"use strict";(self.webpackChunkzeiss_greenfield_aem=self.webpackChunkzeiss_greenfield_aem||[]).push([["68466"],{2368:function(i,t,e){e.r(t),e.d(t,{default:()=>$});var _,s=e(89665),o=e(14963),n=e(85429),l=e(6294);let a='[data-js-select="scroll-animation__nav-list"]',r="scroll-animation__nav-sticky",c='[data-js-select="scroll-animation__nav-navigation-link"]',h='[data-js-select="scroll-animation__nav-link-item-text"]',d='[data-js-select="scroll-animation__content-wrapper"]',p='[data-js-select="scroll-animation__nav-icon"]',m="active",v="scroll-animation__slide-",u=_=class extends o.Z{constructor(i){super(i),this._max_slide_height=0,this._$current_slide_index=0,this._stop_scroll_animation=!1,this._old_content_pos=0,this._current_time=0,this._video_is_seeking=!1,this._updating_video=!1,this._is_loaded_on_mobile=!1,this._nav_click_handler=(i,t)=>{if(i.preventDefault(),i.stopPropagation(),!this._$scroll_animation_sliders_wrapper||!this._$slides)return;let e=Number(t.replace(v,""));if(this._$current_slide_index===e)return;let _=this._$slides[e],s=_.querySelector(d),o=window.innerHeight-_.clientHeight-s.clientHeight/2+68;this._check_static_view()&&(o=_.scrollTop),this._$current_slide_index=e,this._stop_scroll_animation=!1;let n=l.p8.timeline();this._check_viewport_mobile()?n.to(this._$scroll_animation_sliders_wrapper,{opacity:0},0).to(this._$scroll_animation_sliders_wrapper,{opacity:1,delay:.5},1):n.to(this._$scroll_animation_sliders_wrapper,{opacity:0,delay:.4},0).to(window,{scrollTo:{y:`#${_.id}`,offsetY:0},delay:.2},1).to(this._$scroll_animation_sliders_wrapper,{opacity:1,delay:.4},1),n.eventCallback("onStart",()=>{if(this._update_inpage_nav(e,.5),this._stop_scroll_animation=!0,this._check_viewport_mobile()){let{top:i}=_.getBoundingClientRect();window.setTimeout(()=>{window.scrollTo({top:window.scrollY+i-o,left:0,behavior:"smooth"})}),this._close_mobile_navigation()}}),n.eventCallback("onComplete",()=>{this._stop_scroll_animation=!1}),n.duration(.5)},this._expanded_class="scroll-animation__navigation--expanded"}connect(i){super.connect(i)}loaded(i){this._$node=i,this._$slides=i.querySelectorAll('[data-js-select="scroll-animation__slide"]'),this._$expand_button=i.querySelector('[data-js-select="scroll-animation__nav-toggle-expand-button"]'),this._$navigation_list=this._$node.querySelector(a),this._$scroll_animation_sliders_wrapper=i.querySelector('[data-js-select="scroll-animation__sliders-wrapper"]'),this._$scroll_animation_wrapper=i.querySelector('[data-js-select="scroll-animation__animation-wrapper"]'),this._$scroll_animation_slider_wrapper=i.querySelector('[data-js-select="scroll-animation__slider-wrapper"]'),this._$scroll_animation_active_border=i.querySelector('[data-js-select="scroll-animation__active-item-border"]'),this._$scroll_animation_mobile_navigation_title=i.querySelector('[data-js-select="scroll-animation__mobile-navigation-title"]'),this._$scroll_animation_mobile_navigation_icon=i.querySelector('[data-js-select="scroll-animation__navigation__icon"]'),this._$scroll_animation_video=i.querySelector('[data-js-select="scroll-animation__video"]'),this._$scroll_animation_video_intro=i.querySelector('[data-js-select="scroll-animation__video_intro"]'),this._load_videos(),this._init_nav(),this._breakpoint_mobile="xl",this._opened_on_start=!1,super.loaded(i),n.Z.aem_edit_mode||(this._observe_sticky(void 0,!0),this._register_animation())}disconnect(i){super.disconnect(i)}handle_mobile_resize(){var i;if(this._$slides){if(this._$scroll_animation_wrapper&&this._$scroll_animation_slider_wrapper){let i=window.innerHeight-this._max_slide_height-204;this._$scroll_animation_wrapper.style.height=`${i}px`,this._$scroll_animation_slider_wrapper.style.marginTop=`${i+136}px`}for(let t=0;t<this._$slides.length;t+=1){let e=this._$slides[t];e.style.height=`${this._max_slide_height}px`;let _=e.querySelector(d).getBoundingClientRect(),s=Math.max(this._max_slide_height-_.height,68);t<(null==(i=this._$slides)?void 0:i.length)-1&&(e.style.marginBottom=`${2*s}px`)}this._is_loaded_on_mobile=!0}}handle_desktop_resize(){if(this._$slides){for(let i of(this._$scroll_animation_wrapper&&this._$scroll_animation_slider_wrapper&&(this._$scroll_animation_wrapper.style.height="",this._$scroll_animation_slider_wrapper.style.marginTop=""),this._$slides))i.style.paddingBottom="",i.style.marginBottom="",i.style.height="";this._is_loaded_on_mobile=!1}}resize_observed(){if(this._$scroll_animation_slider_wrapper&&this._$slides&&!(this._is_loaded_on_mobile&&this._check_viewport_mobile())){if(this._sticky_offset_top=68,this._max_slide_height=0,this._$slides.forEac

1h(i=>{let t=i.querySelector(d).clientHeight;t>this._max_slide_height&&(this._max_slide_height=t)}),this._check_static_view())return void this._change_to_static_view();this._check_viewport_mobile()?this.handle_mobile_resize():this.handle_desktop_resize(),this._update_state(),super.resize_observed()}}_load_videos(){this._$scroll_animation_video_intro&&(this._$scroll_animation_video_intro.style.opacity="1",this._$scroll_animation_video_intro.addEventListener("canplaythrough",()=>{var i;null==(i=this._$scroll_animation_video_intro)||i.play()},{once:!0}),this._$scroll_animation_video_intro.load()),this._$scroll_animation_video&&(this._$scroll_animation_video.style.opacity="0",this._$scroll_animation_video.load())}_init_nav(){if(!this._$node||!this._$slides||(this._$navigation_list=this._$node.querySelector(a),!this._$navigation_list))return;this._$navigation_list.innerHTML="",this._$navigation_list_items=[];let i=this._$node.querySelector('[data-js-select="scroll-animation__nav-item-template"]');this._$slides.forEach((t,e)=>{if(0===e)return;let _=t.clientHeight;_>this._max_slide_height&&(this._max_slide_height=_);let s=new DOMParser().parseFromString(null==i?void 0:i.innerHTML,"text/html").querySelector(c),o=t.dataset.title||"",n=t.querySelector(p);if(o){s.setAttribute("href",`#${t.id}`),s.setAttribute("data-id",t.id),s.setAttribute("title",o);let i=s.querySelector(h);i&&(i.innerHTML=o);let e=null==s?void 0:s.querySelector(p);n&&e?e.innerHTML=n.innerHTML:e&&(null==s||s.removeChild(e)),s.addEventListener("click",i=>{this._nav_click_handler(i,t.id)}),this._$navigation_list&&Array.isArray(this._$navigation_list_items)&&this._$navigation_list_items.push(this._$navigation_list.appendChild(s))}})}_open_mobile_navigation(){if(this._$node&&!this._$node.classList.contains(r)){let{top:i}=this._$node.getBoundingClientRect();window.scrollTo({top:window.scrollY+i,left:0})}super._open_mobile_navigation()}_observe_sticky(i,t=!1){var e;if(!this._$node)return;let _=this._$node.getBoundingClientRect();if(t)return void this._end_animation();this._$node.classList.contains(r)&&(_.top>this._sticky_offset_top||window.scrollY>this._$node.offsetTop+this._$node.offsetHeight-window.innerHeight)?this._end_animation():_.top<=this._sticky_offset_top&&window.scrollY>0&&window.scrollY<this._$node.offsetTop+this._$node.offsetHeight-window.innerHeight-68&&(null==(e=this._$node)||e.classList.add(r))}_end_animation(){var i;if(!this._$node||!this._$slides)return;null==(i=this._$node)||i.classList.remove(r);let t=window.scrollY>this._$node.offsetTop;if(this._$scroll_animation_wrapper)if(this._check_viewport_mobile()&&t){let i=this._$slides[this._$slides.length-1];this._$scroll_animation_wrapper.style.bottom=`
2          ${i.clientHeight+68}px`,this._$scroll_animation_wrapper.style.top="",l.p8.to(i,{opacity:1})}else if(!this._check_viewport_mobile()&&t){this._$scroll_animation_wrapper.style.bottom="0",this._$scroll_animation_wrapper.style.top="";let i=this._$slides[this._$slides.length-1];l.p8.to(i,{opacity:1})}else{this._$scroll_animation_wrapper.style.top="68px",this._$scroll_animation_wrapper.style.bottom="";let i=this._$slides[0];l.p8.to(i,{opacity:1})}this._close_mobile_navigation()}_register_animation(){var i,t;let e=this._check_static_view(),_=i=>{this._observe_sticky(i),this._update_state()};window.addEventListener("scroll",_,{passive:!0}),e||(null==(i=this._$scroll_animation_video)||i.addEventListener("seeking",()=>{this._video_is_seeking=!0}),null==(t=this._$scroll_animation_video)||t.addEventListener("seeked",()=>{this._video_is_seeking=!1}))}_check_static_view(){let i=(this._max_slide_height+68+136)*100/document.documentElement.clientHeight;return this._check_viewport_mobile()&&100-i<=30||document.documentElement.clientHeight<=660}_change_to_static_view(){var i;if(null==(i=this._$node)||i.classList.add("scroll-animation__static-view"),this._$scroll_animation_video&&this._$scroll_animation_video_intro&&(this._$scroll_animation_video_intro.style.opacity="1",this._$scroll_animation_video.style.opacity="0"),this._$slides)for(let i of this._$slides)i.style.opacity="1",i.style.removeProperty("paddingBottom"),i.style.removeProperty("marginBottom"),i.style.removeProperty("height")}_update_state(){var i;let t;if(this._$slides&&(null==(i=this._$node)?void 0:i.classList.contains(r))){for(let i of this._$slides)this._update_content_opacity(i),this._is_slide_visible(i)&&(t=i);t&&(this._$current_slide_index=Number(t.id.replace(v,"")),this._update_video_state(),this._update_inpage_nav())}}_update_desktop_nav(i,t,e){let _;if(!this._$navigation_list||!this._$scroll_animation_active_border||0===t)return;let s=i.clientWidth,{left:o,right:a}=i.getBoundingClientRect(),{right:r}=this._$navigation_list.parentElement.getBoundingClientRect();_=n.Z.is_rtl?r-a:o,l.p8.to(this._$scroll_animation_active_border,{width:s,insetInlineStart:_,duration:e,onComplete:()=>{this._change_active_nav_items(i)}})}_update_mobile_nav(i,t,e){var _,s;if(this._$scroll_animation_mobile_navigation_title&&this._$scroll_animation_mobile_navigation_icon){let i=this._$navigation_list_items[e-1];if(!i)return;let o=null==(_=i.querySelector(h))?void 0:_.innerHTML,n=t.querySelector(p);o&&(this._$scroll_animation_mobile_navigation_title.innerHTML=o,this._$scroll_animation_mobile_navigation_icon.innerHTML=null!=(s=null==n?void 0:n.innerHTML)?s:"")}this._change_active_nav_items(i)}_update_inpage_nav(i,t=1){if(this._stop_scroll_animation||!this._$navigation_list||!this._$slides||!this._$scroll_animation_active_border)return;let e=i?this._$slides[i]:this._$slides[this._$current_slide_index],_=Number(e.id.replace(v,"")),s=this._$navigation_list.querySelector(`${c}

2[data-id="${e.id}"]`);if(!s)return void l.p8.to(this._$scroll_animation_active_border,{width:0,insetInlineStart:0,duration:t});!this._check_viewport_mobile()&&this._$scroll_animation_active_border?this._update_desktop_nav(s,_,t):this._update_mobile_nav(s,e,_)}_change_active_nav_items(i){var t;(null==(t=this._$navigation_list)?void 0:t.querySelectorAll(`${c}.${m}`)).forEach(i=>{i.classList.remove(m)}),i.classList.add(m)}_update_video_state(){let i,t,e;if(!this._$node||!this._$slides||!this._$scroll_animation_video||!this._$scroll_animation_video_intro||!this._$scroll_animation_wrapper||this._check_static_view())return;let _=this._$slides[this._$current_slide_index],s=_.getBoundingClientRect(),o=_.querySelector(d),n=null==o?void 0:o.getBoundingClientRect(),a=Number(_.id.replace(v,""));if(0===a&&"0"===this._$scroll_animation_video_intro.style.opacity)return void l.p8.timeline().to(this._$scroll_animation_video_intro,{opacity:1}).to(this._$scroll_animation_video,{opacity:0}).play();if(a>0&&"0"===this._$scroll_animation_video.style.opacity&&l.p8.timeline().to(this._$scroll_animation_video,{opacity:1}).to(this._$scroll_animation_video_intro,{opacity:0}).play(),this._check_viewport_mobile()?(i=68+this._$scroll_animation_wrapper.getBoundingClientRect().height,t=window.innerHeight):t=(i=68)+s.height,e=n.top+n.height/2,this._$scroll_animation_video&&_){let{start:s,end:o}=_.dataset,n=Number(s),l=Number(o),a=t-i,r=l-(e-i)*(l-n)/a,c=e>this._old_content_pos,h=c&&r>this._current_time||!c&&r<this._current_time;this._old_content_pos=e,this._current_time=r,!h&&this._current_time>=n&&this._current_time<=l&&(window.requestAnimationFrame(()=>{this._update_video(),this._updating_video=!0}),this._updating_video=!1)}}_update_video(){this._$scroll_animation_video&&(this._video_is_seeking||(this._$scroll_animation_video.currentTime=this._current_time))}_update_content_opacity(i){if(!this._$slides||!this._$navigation_list||this._check_static_view())return;let t=i.querySelector(d);t&&(this._check_viewport_mobile()?this._update_content_opacity_mobile(i,t):this._update_content_opacity_desktop(i,t))}_update_content_opacity_mobile(i,t){if(!this._$scroll_animation_wrapper||!this._$slides)return;let e=_._get_slide_id(i),s=68+this._$scroll_animation_wrapper.getBoundingClientRect().height,o=window.innerHeight,n=t.getBoundingClientRect().top,a=e===this._$slides.length-1&&n<o;return n>s&&n<o||a?n>s+68&&n<o-68?void l.p8.to(i,{opacity:1}):n>s&&n<s+68&&this._$slides&&e<this._$slides.length-1?void l.p8.to(i,{opacity:(n-s)/68}):void(n<o&&n>o-68&&l.p8.to(i,{opacity:(n-o)/(o-68-o)})):void l.p8.to(i,{opacity:0})}_update_content_opacity_desktop(i,t){let{top:e}=t.getBoundingClientRect(),_=window.innerHeight,s=t.offsetHeight,o=(_-s)/2-68;if(this._is_slide_visible(i)){var n,a;let t=(n=Math.abs(_/2+68-(e+s/2)),a=o/2,n<=a?1:Math.max(0,Math.min(1,1-(n-a)/(o-a))));l.p8.to(i,{opacity:Number(t.toFixed(2))})}else i.style.opacity="0"}_is_slide_visible(i){var t;let e=i.querySelector(d);if(!e)return!1;let _=e.getBoundingClientRect(),s=window.innerHeight;if(this._check_viewport_mobile()){let i=null==(t=this._$scroll_animation_video)?void 0:t.getBoundingClientRect(),e=_.top+_.height/2;return e>((null==i?void 0:i.bottom)||68)&&e<s}let o=_.top+_.height/2;return o>68&&o<s}static _get_slide_id(i){return(null==i?void 0:i.id)?Number(i.id.replace(v,"")):-1}},$=u=_=function(i,t,e,_){var s,o=arguments.length,n=o<3?t:null===_?_=Object.getOwnPropertyDescriptor(t,e):_;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(i,t,e,_);else for(var l=i.length-1;l>=0;l--)(s=i[l])&&(n=(o<3?s(n):o>3?s(t,e,n):s(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n}([s.lE.register("scrollAnimation"),s.Sp],u)}}]);