https://www.zeiss.se/etc.clientlibs/zeiss-aem-app/jupiter/clientli…/MediaGallery.b0431de3ab5f781b.chunk.js

1"use strict";(self.webpackChunkzeiss_greenfield_aem=self.webpackChunkzeiss_greenfield_aem||[]).push([["66719"],{80804:function(e,t,i){i.d(t,{sF:()=>g,ZP:()=>$,YT:()=>y});var l=i(75456),s=i(80078),o=i(89665);let n=new class{constructor(){this.active_overlays=new Set}add(e){var t;null==(t=this.active_overlays)||t.add(e)}delete(e){var t;null==(t=this.active_overlays)||t.delete(e)}close_all(){for(let e of this.active_overlays)try{e.close_overlay()}catch(e){console.error('Missing interface function in overlay: "close_overlay()"',e)}}};var _=i(68117),a=i(48949),r=i(73734),d=i(85429),h=i(21611);let c="overlay-page--active",v="overlay-page--moved",u="overlay-page--active-animation",p="overlay-page__header--scrolled",y="overlayPageEventOpenFinished",g="overlayPageEventOpen",m=class extends o.hp{get is_routed(){return(0,l.rR)()===this._$overlayID}constructor(e){super(e),this._is_static=!1,this._is_active=!1,this._is_scrolled=!1,this._scroll_immediate=!1,this._disable_popstate_listener=!1,this._on_open_overlay_event=e=>{var t;this._$overlayID&&(null==(t=e.detail)?void 0:t.overlay_page_id)===this._$overlayID&&this.route_to()},this._pop_state=()=>{this._$overlayID&&(this.is_routed?this.route_to():this._is_active&&(this._close_overlay_without_history(),globalThis.requestAnimationFrame(()=>{globalThis.requestAnimationFrame(()=>{r.n()})})))},this.route_to=()=>(function(e,t,i,l){return new(i||(i=Promise))(function(s,o){function n(e){try{a(l.next(e))}catch(e){o(e)}}function _(e){try{a(l.throw(e))}catch(e){o(e)}}function a(e){var t;e.done?s(e.value):((t=e.value)instanceof i?t:new i(function(e){e(t)})).then(n,_)}a((l=l.apply(e,t||[])).next())})})(this,void 0,void 0,function*(){this._$overlayID&&(this._is_active||this._handle_open_overlay())}),this._get_debounced_scroll=()=>h.ZP.debounce(()=>this._handle_scroll(),100,this._scroll_immediate||!1),this._event_handler_close_button=this._handle_close_overlay.bind(this),this._event_handler_transition_overlay=this._transition_ended_overlay.bind(this),this._event_handler_debounced_scroll=this._get_debounced_scroll()}connect(e){super.connect(e)}loaded(e){var t,i,l,s,o,n,_;super.loaded(e),this._$node=e,this._$header=this._$node.querySelector('[data-js-select="OverlayPage_header"]'),this._$content=this._$node.querySelector('[data-js-select="OverlayPage_content"]'),this._$close_button=this._$node.querySelector('[data-js-select="OverlayPage_close"]'),this._$overlayID=this._$node.getAttribute("id"),this._is_static=(null==(t=this._$header)?void 0:t.dataset.headerStatic)==="true",this._disable_popstate_listener=(null==(i=this._$content)?void 0:i.dataset.disablePopstateListener)==="true",null==(l=this._$close_button)||l.addEventListener("click",this._event_handler_close_button),null==(s=this._$node)||s.addEventListener("transitionend",this._event_handler_transition_overlay),null==(o=this._$content)||o.addEventListener("scroll",this._event_handler_debounced_scroll,{passive:!0});let a=this._$node.closest("body");d.Z.aem_edit_mode||a||this.move_dom_to_body(),!this._disable_popstate_listener&&this.is_routed&&this.route_to(),this._is_static&&(null==(n=this._$header)||n.classList.add("overlay-page__header--static"),null==(_=this._$header)||_.classList.remove(p)),this._disable_popstate_listener?this._$node.addEventListener(g,this._on_open_overlay_event):window.addEventListener("popstate",this._pop_state),this._update_header_height()}disconnect(e){var t,i,l,s;super.disconnect(e),null==(t=this._$close_button)||t.removeEventListener("click",this._event_handler_close_button),null==(i=this._$node)||i.removeEventListener("transitionend",this._event_handler_transition_overlay),null==(l=this._$content)||l.removeEventListener("scroll",this._event_handler_debounced_scroll),this._disable_popstate_listener?null==(s=this._$node)||s.removeEventListener(g,this._on_open_overlay_event):window.removeEventListener("popstate",this._pop_state)}get node(){return this._$node}get is_active(){return this._is_active}set is_active(e){e?(n.close_all(),n.add(this)):n.delete(this),this._is_active=e}open_overlay(){var e,t;this._$overlayID&&(this._$content&&(this._$content.scrollTop=0),this.is_active=!0,null==(e=this._$node)||e.classList.add(u),null==(t=this._$node)||t.classList.add(c),this._disable_popstate_listener||this.is_routed||(0,l.nq)(this._$overlayID),this._update_header_height(),(0,_.Z)(y))}_pause_all_videos(){var e,t;(null!=(t=null==(e=this._$node)?void 0:e.querySelectorAll('[data-module="VideoPlayer"]'))?t:[]).forEac

1h(e=>{(0,a.Z)(e,s.g,{})})}close_overlay(){this._close_overlay_without_history(),this._disable_popstate_listener||(0,l.SP)(this._$overlayID)}_close_overlay_without_history(){var e;document.dispatchEvent(new CustomEvent("overlay-scroll-restoring")),d.Z.enable_document_scroll(),window.setTimeout(()=>{r.n(),document.dispatchEvent(new CustomEvent("overlay-scroll-restored"))},20),this._pause_all_videos(),this._is_active=!1,null==(e=this._$node)||e.classList.remove(c)}move_dom_to_body(){var e,t;this._$node&&!this._$node.classList.contains(v)&&(null==(e=this._$node)||e.classList.add(v),null==(t=document.querySelector("body"))||t.appendChild(this._$node))}_handle_open_overlay(){d.Z.disable_document_scroll(),this.open_overlay()}_handle_close_overlay(e){e.preventDefault(),d.Z.enable_document_scroll(),this.close_overlay()}_transition_ended_overlay(e){var t;"opacity"!==e.propertyName||this._is_active||null==(t=this._$node)||t.classList.remove(u)}_handle_scroll(){var e,t,i,l;!this._is_static&&this._is_active&&this._$content&&((null==(e=this._$content)?void 0:e.scrollTop)>0&&!this._is_scrolled?(this._is_scrolled=!0,null==(t=this._$header)||t.classList.add(p)):(null==(i=this._$content)?void 0:i.scrollTop)===0&&(this._is_scrolled=!1,null==(l=this._$header)||l.classList.remove(p)))}_update_header_height(){var e,t;let i=null==(e=this._$header)?void 0:e.getBoundingClientRect().height;i&&(null==(t=this._$node)||t.style.setProperty("--overlay-header-height",d.Z.get_rem_value(i)))}resize_observed(){this._is_active&&this._update_header_height()}},$=m=function(e,t,i,l){var s,o=arguments.length,n=o<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,i):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,l);else for(var _=e.length-1;_>=0;_--)(s=e[_])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n}([o.lE.register("OverlayPage"),o.Sp,o.hg],m)},72084:function(e,t,i){i.r(t),i.d(t,{default:()=>g}),(l=s||(s={})).IMAGE="Image",l.VIDEO="Video",l.BACKGROUND_VIDEO="Background Video";var l,s,o=i(80804),n=i(51466),_=i(89665),a=i(90105),r=i(85429);let d=".slideshow",h=".swiper-slide-active",c=".slideshow__item-content",v=`${h} .media-gallery-item__content`,u=`${h} .media-gallery-item__content`,p='[data-js-select="data-tracking"]',y=class extends _.hp{constructor(){super(...arguments),this._initialize_slideshow_elements=()=>{var e,t,i,l,s,o;this._slideshow=null==(e=this._$overlay_page_content)?void 0:e.querySelector(d),this._slideshow_list=null==(t=this._$overlay_page_content)?void 0:t.querySelector(".slideshow__list"),this._slideshow_item_media=null==(i=this._$overlay_page_content)?void 0:i.querySelector(".slideshow__item-media"),this._slideshow_item_content=null==(l=this._$overlay_page_content)?void 0:l.querySelector(c),this._slideshow_navigation=null==(s=this._$overlay_page_content)?void 0:s.querySelectorAll(".slideshow__navigation-button"),this._slideshow_pagination=null==(o=this._$overlay_page_content)?void 0:o.querySelector(".slideshow__pagination-wrapper")},this._render_slideshow=e=>{var t,i,l,s,n,_,a,r,h,c,v,u,y;let g=null==(t=this._$node)?void 0:t.querySelector("#media-gallery-slideshow");if(null==g?void 0:g.content){let t=null==e?void 0:e.target,m=null==(n=null==(s=null==(l=null==(i=null==t?void 0:t.parentElement)?void 0:i.parentElement)?void 0:l.parentElement)?void 0:s.dataset)?void 0:n.index,$=m?Number.parseInt(m,10):"0";null==(_=g.content.querySelector(d))||_.setAttribute("data-swiper-extended-config",JSON.stringify({initialSlide:$,spaceBetween:24,breakpoints:{768:{spaceBetween:32},1024:{spaceBetween:0}}}));let w=null!=(h=null==(r=null==(a=this._$node)?void 0:a.querySelector(p))?void 0:r.dataset.trackingId)?h:"",b=null!=(v=null==(c=this._$node)?void 0:c.dataset.moduleType)?v:"";null==(u=g.content.querySelector(d))||u.setAttribute("data-module-section",w),null==(y=g.content.querySelector(d))||y.setAttribute("data-module-type",b);let f=g.content.cloneNode(!0);this._$overlay_page_content&&this._$overlay_page_content.replaceChildren(f),this._initialize_slideshow_elements(),m&&globalThis.addEventListener(o.YT,this._handle_overlay_open,{once:!0})}this._update_navigation_position()},this._handle_overlay_open=()=>{var e,t,i,l,o,_,a,r,d;this._update_navigation_position(),this._$media_gallery_item_content=null==(e=this._slideshow_list)?void 0:e.querySelector(v),this._active_item_content=null==(t=this._$media_gallery_item_content)?void 0:t.querySelector(c);let h=null!=(o=null==(l=null==(i=this._$media_gallery_item_content)?void 0:i.dataset.mediaType)?void 0:l.trim())?o:"",u=null!=(r=null==(a=null==(_=this._$media_gallery_item_content)?void 0:_.dataset.value)?void 0:a.trim())?r:"";u&&[s.IMAGE,s.BACKGROUND_VIDEO,s.VIDEO].indexOf(h)>=0?this.track_open_overlay(h,u):null==(d=this._$media_gallery_item_content)||d.addEventListener(n.l,e=>{this.track_open_overlay(s.VIDEO,e.detail.title)},{once:!0})},this._update_navigation_position=()=>{var e,t,i,l,s,o;this._initialize_slideshow_elements();let n=null==(e=this._slideshow_item_media)?void 0:e.getBoundingClientRect().height,_=null==(t=this._slideshow_list)?void 0:t.querySelector(u),a=null==_?void 0:_.querySelector(".ai-label");if(this._slideshow&&this._slideshow_list&&this._slideshow_item_content&&n)if(r.Z.viewport_width<r.Z.large){let e=12*!!a;

1null==(i=this._slideshow_navigation)||i.forEach(t=>{t.style.top=`${n+44+e}px`}),this._slideshow_pagination&&(this._slideshow_pagination.style.top=`${n+e}px`)}else{let e=n/2-((null==(s=null==(l=this._slideshow_navigation)?void 0:l[0])?void 0:s.getBoundingClientRect().height)||0)/2;null==(o=this._slideshow_navigation)||o.forEach(t=>{t.style.top=`${e}px`}),this._slideshow_pagination&&(this._slideshow_pagination.style.top=`${e}px`)}}}loaded(e){var t,i,l,s,o;super.loaded(e),this._$node=e,this._$overlay_page_content=null==(t=this._$node)?void 0:t.querySelector(".overlay-page__content-section"),this._$media_gallery_content=null==(i=this._$node)?void 0:i.querySelector(".media-gallery__content"),this._$media_gallery_overlay_button=null==(l=this._$node)?void 0:l.querySelector(".media-gallery__button"),null==(s=this._$media_gallery_overlay_button)||s.addEventListener("click",this._render_slideshow),null==(o=this._$media_gallery_content)||o.addEventListener("click",this._render_slideshow),this._initialize_slideshow_elements(),this._update_navigation_position()}disconnect(e){var t,i;super.disconnect(e),null==(t=this._$media_gallery_overlay_button)||t.removeEventListener("click",this._render_slideshow),null==(i=this._$media_gallery_content)||i.removeEventListener("click",this._render_slideshow)}track_open_overlay(e,t){var i,l,s,o,n;if(!t||!e)return;let _=null!=(s=null==(l=null==(i=this._$node)?void 0:i.querySelector(p))?void 0:l.dataset.trackingId)?s:"",r=null!=(n=null==(o=this._$node)?void 0:o.dataset.moduleType)?n:"";a.Z.push_event({name:"Functional",type:e,detail:"",value:t,moduleSection:_,moduleType:r,action:"Open"})}resize_observed(){this._update_navigation_position()}},g=y=function(e,t,i,l){var s,o=arguments.length,n=o<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,i):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,l);else for(var _=e.length-1;_>=0;_--)(s=e[_])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n}([_.lE.register("MediaGallery"),_.Sp],y)}}]);