1"use strict";(self.webpackChunkzeiss_greenfield_aem=self.webpackChunkzeiss_greenfield_aem||[]).push([["31433"],{2156:function(e,i,t){t.r(i),t.d(i,{default:()=>h});var a=t(89665),n=t(85429),s=t(6294),l=t(2912);let o=class extends a.hp{constructor(){super(...arguments),this.headline_animation=null,this.video_animation=null,this.card_animation=null,this.animation_applied=!1,this.node_animation=null}loaded(e){var i;super.loaded(e),this.$node=e,this.$video=this.$node.querySelector(".parallax-video__video"),this.$headline=this.$node.querySelector(".parallax-video__headline"),this.$headline_component=null==(i=this.$headline)?void 0:i.querySelector(".headline"),this.$headline_main=this.$node.querySelector(".parallax-video__headline .headline__main"),this.$card=this.$node.querySelector(".parallax-video__card"),this.adjust_height(),this.reset_animation(),this.check_if_visible()}disconnect(e){var i;super.disconnect(e),null==(i=this.node_animation)||i.kill()}resize_observed(){this.adjust_height(),this.reset_animation()}adjust_height(){var e,i,t,a,s,l;if(n.Z.viewport_width>=n.Z.large){let n=null!=(i=null==(e=this.$headline_component)?void 0:e.offsetHeight)?i:0,o=null!=(a=null==(t=this.$headline_component)?void 0:t.offsetTop)?a:0,h=null!=(l=null==(s=this.$video)?void 0:s.offsetHeight)?l:0;this.$headline&&(this.$headline.style.height=`${n+h+24}px`),this.$video&&(this.$video.style.marginTop=`${n+o+24}px`)}else this.$headline&&(this.$headline.style.height="auto"),this.$video&&(this.$video.style.marginTop="0px")}animate(e){var i,t,a,n,o,h;if(this.$node){if("apply"===e){s.p8.registerPlugin(l.i);let e={trigger:this.$node,toggleActions:"restart pause pause pause",start:"top 80%",end:"top 25%",scrub:!0};this.$headline_main&&(this.headline_animation=l.i.create(Object.assign(Object.assign({},e),{animation:s.p8.to(this.$headline_main,{x:100,opacity:1,ease:"none"})}))),this.$video&&(this.video_animation=l.i.create(Object.assign(Object.assign({},e),{animation:s.p8.to(this.$video,{x:100,opacity:1,ease:"none"})}))),this.$card&&(this.card_animation=l.i.create(Object.assign(Object.assign({},e),{animation:s.p8.to(this.$card,{x:-100,opacity:1,ease:"none"})})))}else null==(i=this.headline_animation)||i.kill(),null==(t=this.video_animation)||t.kill(),null==(a=this.card_animation)||a.kill(),null==(n=this.$headline_main)||n.removeAttribute("style"),null==(o=this.$video)||o.removeAttribute("style"),null==(h=this.$card)||h.removeAttribute("style");this.animation_applied=!this.animation_applied}}check_if_visible(){this.$node&&(s.p8.registerPlugin(l.i),this.node_animation=s.p8.to(this.$node,{scrollTrigger:{trigger:this.$node,start:"top bottom",end:"bottom top",onUpdate:e=>{var i;if(!e.isActive){let e=null==(i=this.$video)?void 0:i.querySelector("video");null==e||e.pause()}}}}))}reset_animation(){n.Z.viewport_width>=n.Z.medium&&!this.animation_applied?this.animate("apply"):n.Z.viewport_width<n.Z.medium&&this.animation_applied&&this.animate("kill")}},h=o=function(e,i,t,a){var n,s=arguments.length,l=s<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,i,t,a);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(l=(s<3?n(l):s>3?n(i,t,l):n(i,t))||l);return s>3&&l&&Object.defineProperty(i,t,l),l}([a.lE.register("ParallaxVideo"),a.Sp],o)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.