https://www.zeiss.co.jp/etc.clientlibs/zeiss-aem-app/jupiter/clien…/InPageNavigation.e563b5a86360d6c8.chunk.js

1"use strict";(self.webpackChunkzeiss_greenfield_aem=self.webpackChunkzeiss_greenfield_aem||[]).push([["20233"],{91106:function(t,i,e){e.d(i,{s:()=>o});var s=e(83035),n=e(6294),_=e(49127);n.p8.registerPlugin(_.L);let o=({$target:t,behavior:i="smooth",$sticky_element:e})=>{let _=((t,i)=>{if(i)return i.getBoundingClientRect().bottom;let e=t.getBoundingClientRect().top+window.pageYOffset;return s.C.get_anticipated_header_height_at_position(e)})(t,e);n.p8.to(window,{duration:.8*("smooth"===i),scrollTo:{y:t,offsetY:_,autoKill:!0},ease:"power2.out"})}},59257:function(t,i,e){e.r(i),e.d(i,{default:()=>y});var s=e(75456),n=e(89665),_=e(90105),o=e(73734),r=e(82785),a=e(14963),l=e(85429),c=e(91106);let d="footer.footer",h="in-page-navigation__navigation-link--active",g="in-page-navigation--dark-background";var v=e(6294),u=e(21611),p=e(2912);let b=t=>!!(null==t?void 0:t.dataset.inpageText),m=t=>{var i,e;let s=document.createElement("a");return s.setAttribute("class","plain-link in-page-navigation__navigation-link"),s.setAttribute("href",`#${t.id}`),s.setAttribute("data-id",t.id),s.setAttribute("title",null!=(i=t.dataset.inpageTitle)?i:""),s.innerHTML=null!=(e=t.dataset.inpageText)?e:"",s},k=(t,i)=>{t.forEach(t=>{t.dataset.id===i?t.classList.add(h):(t.classList.remove(h),t.blur())})},f=class extends a.Z{constructor(t){super(t),this.$in_page_sections=[],this.$visible_sections=[],this.scroll_trigger_instances={},this.unsubscribe_height_observer=null,this._toc_visibility_triggers=null,this._progress_scroll_listener=null,this._was_viewport_xl_plus=!1,this._toc_dark_background_observer=null,this.resize_debounce_time=100,this.handle_mobile_navigation_closed=t=>{var i,e;if(t&&this._is_viewport_mobile){let s=null==(i=null==t?void 0:t.detail)?void 0:i.target,n=null==s?void 0:s.dataset.id;n&&this.nav_click_handler(t,n,null!=(e=null==s?void 0:s.innerText)?e:"")}},this._on_nav_list_click=t=>{var i,e;if(this._is_viewport_mobile&&!this._is_toc_mode)return;let s=this.get_clicked_nav_link(t);s&&this.nav_click_handler(t,null!=(i=s.dataset.id)?i:"",null!=(e=s.innerText)?e:"")},this.nav_click_handler=(t,i,e)=>{t.preventDefault(),t.stopPropagation(),this.activate_section_by_id(i),this.track_event(i,e)},this.track_event=(t,i)=>{_.Z.push_event({moduleSection:this._module_section,moduleType:this._module_type,name:"Navigation",type:this._is_toc_mode?"Table of Contents":"Inpage",action:"Click",value:i,detail:`#${t}`})},this.on_height_changed=()=>{o.n()},this._$node=t,this._is_toc_mode="tableOfContents"===t.dataset.navigationMode,this._navigation_mode=this._is_toc_mode?"TABLE_OF_CONTENTS":"INPAGE",this._sticky_class=this._is_toc_mode?void 0:"in-page-navigation--sticky",this._expanded_class="in-page-navigation--expanded",this._desktop_class="in-page-navigation--desktop",this.scroll_trigger_end="bottom top",this.scroll_trigger_till_tab_end="html"}loaded(t){this.init_sections(),this.init_dom_references(),this.build_navigation(),super.loaded(t),this.init_tracking(),this.init_event_subscriptions(),this.update_section_margins(),this.init_scroll_triggers(),this._is_toc_mode&&this._is_viewport_xl_plus()&&this.init_toc_floating_panel(),this.scroll_by_hash("loaded")}disconnect(t){var i,e,s;null==(i=this._$node)||i.removeEventListener(a.H,this.handle_mobile_navigation_closed),null==(e=this._$navigation_list)||e.removeEventListener("click",this._on_nav_list_click),this.clean_up_scroll_trigger_instances(),null==(s=this.unsubscribe_height_observer)||s.call(this),this.unsubscribe_height_observer=null,this.destroy_toc_floating_panel(),super.disconnect(t)}clean_up_scroll_trigger_instances(){for(let t of Object.values(this.scroll_trigger_instances))t.kill();this.scroll_trigger_instances={}}resize_observed(){if(super.resize_observed(),this._is_toc_mode){let t=this._is_viewport_xl_plus();t!==this._was_viewport_xl_plus?(this._was_viewport_xl_plus=t,this.destroy_toc_floating_panel(),t&&this.init_toc_floating_panel()):t&&this.refresh_toc_dark_background_observer()}}_viewport_changed(){super._viewport_changed(),this.scroll_by_hash()}_open_mobile_navigation_on_start(){(0,s.rR)()?this._default_open_navigation_closed=!0:super._open_mobile_navigation_on_start()}init_dom_references(){this._$expand_button=this.select("InPageNavigation__toggle-expand-button"),this._$n

1avigation_list=this.select("InPageNavigation_navigation-list"),this._$navigation_placeholder=this.select("InPageNavigation_placeholder"),this._$navigation_grid=this.select("InPageNavigation_grid"),this.$navigation_wrapper=this.select("InPageNavigation_navigation-wrapper")}init_event_subscriptions(){var t,i;null==(t=this._$node)||t.addEventListener(a.H,this.handle_mobile_navigation_closed),null==(i=this._$navigation_list)||i.addEventListener("click",this._on_nav_list_click),this.unsubscribe_height_observer=(0,r.W)(this.on_height_changed,50)}get_clicked_nav_link(t){var i;return null==(i=t.target)?void 0:i.closest("[data-id]")}init_sections(){this.$in_page_sections=Array.from(document.querySelectorAll("[data-inpage-section]")),this.$visible_sections=this.$in_page_sections.filter(b)}init_tracking(){var t,i,e,s;this._module_section=null!=(i=null==(t=this._$navigation_list)?void 0:t.dataset.moduleSection)?i:"",this._module_type=null!=(s=null==(e=this._$navigation_list)?void 0:e.dataset.moduleType)?s:""}build_navigation(){if(!this.should_build_navigation())return;let t=this.$visible_sections.map(m);this._$navigation_list_items.push(...t),this._$navigation_list.append(...t)}should_build_navigation(){return!!(this._$navigation_list&&Array.isArray(this._$navigation_list_items))}init_scroll_triggers(){let t=this._is_toc_mode?"top 15%":void 0;this.scroll_trigger_instances=(t=>{let{$sections:i,on_set_active:e,on_clear_active:s,trigger_position:n}=t;return i.reduce((t,_,o)=>(t[_.id]=(t=>{let{$trigger:i,index:e,$sections:s,on_set_active:n,on_clear_active:_,trigger_position:o="top center"}=t;return p.i.create({id:i.id,start:o,trigger:i,end:o,endTrigger:s[e+1]||d,onEnter:()=>n(i.id),onEnterBack:()=>n(i.id),onLeaveBack:()=>_(i.id),invalidateOnRefresh:!0})})({$trigger:_,index:o,$sections:i,on_set_active:e,on_clear_active:s,trigger_position:n}),t),{})})({$sections:this.$visible_sections,on_set_active:t=>k(this._$navigation_list_items,t),on_clear_active:t=>{var i;return i=this._$navigation_list_items,void(t===this.first_visible_section_id&&k(i))},trigger_position:t})}_is_viewport_xl_plus(){return["xlarge","xxlarge","max"].includes(l.Z.breakpoint)}get first_visible_section_id(){var t,i,e;return null!=(e=null==(i=null==(t=this.$visible_sections)?void 0:t[0])?void 0:i.id)?e:""}scroll_by_hash(t="resize"){setTimeout(()=>{let i=(0,s.rR)();this.should_scroll_by_hash(i)&&(this.scroll_to_element(i,"auto"),"loaded"===t&&o.n())},500)}should_scroll_by_hash(t){return!!t&&Object.keys(this.scroll_trigger_instances).includes(t)}activate_section_by_id(t){this.scroll_to_element(t),(0,s.nq)(t)}scroll_to_element(t,i="smooth"){let e=document.getElementById(t);e&&this.scroll_trigger_instances[t]&&(0,c.s)({$target:e,behavior:i,$sticky_element:this.get_sticky_header_elem()})}get_sticky_header_elem(){var t;return this._sticky_class&&(null==(t=this._$node)?void 0:t.classList.contains(this._sticky_class))?this.$navigation_wrapper:null}update_section_margins(){var t,i;(null==(t=this._$node)?void 0:t.closest(".classic-section"))||null==(i=this._$node)||i.classList.add("remove-bottom-margin")}init_toc_floating_panel(){this._$progress_bar=this.select("InPageNavigation_progress-bar"),this.init_toc_panel_animation(),this.init_toc_visibility_triggers(),this.init_toc_progress_bar(),this.init_toc_dark_background_observer()}destroy_toc_floating_panel(){var t,i;this._toc_visibility_triggers&&((i=this._toc_visibility_triggers).show_trigger.kill(),i.hide_trigger.kill(),this._toc_visibility_triggers=null),null==(t=this._toc_mm)||t.kill(),this._toc_mm=void 0,this._progress_scroll_listener&&(window.removeEventListener("scroll",this._progress_scroll_listener),this._progress_scroll_listener=null),this.$navigation_wrapper&&v.p8.set(this.$navigation_wrapper,{clearProps:"all"}),this.destroy_toc_dark_background_observer()}init_toc_dark_background_observer(){this.$navigation_wrapper&&(this._toc_dark_background_observer=(t=>{let i,e,s,{$wrapper:n,on_enter_dark:_,on_leave_dark:o}=t,r=Array.from(document.querySelectorAll(".classic-section--primary_dark"));if(0===r.length)return null;let a=(i=!1,t=>{t!==i&&((i=t)?_:o)()}),l=()=>a(((t,i)=>{let e=t.getBoundingClientRect();return i.some(t=>{let i=t.getBoundingClientRect();return i.top<=e.bottom&&i.bottom>=e.top})})(n,r)),{schedule:c,cancel:d}=(e=!1,s=null,{schedule:()=>{e||(e=!0,s=globalThis.requestAnimationFrame(()=>{e=!1,l()}))},cancel:()=>{null!==s&&globalThis.cancelAnimationFrame(s)}});return globalThis.addEventListener("scroll",c,{passive:!0}),globalThis.addEventListener("resize",c),l(),{destroy:()=>{globalThis.removeEventListener("scroll",c),globalThis.removeEventListener("resize",c),d()}}})({$wrapper:this.$navigation_wrapper,on_enter_dark:()=>{var t;return null==(t=this._$node)?void 0:t.classList.add(g)},on_leave_dark:()=>{var t;return null==(t=this._$node)?void 0:t.classList.remove(g)}}))}destroy_toc_dark_background_observer(){var t,i;null==(i=this._toc_dark_background_observer)||i.destroy(),this._toc_dark_background_observer=null,null==(t=this._$node)||t.classList.remove(g)}refresh_toc_dark_background_observer(){this.destroy_toc_dark_background_observer(),this.init_toc_dark_background_observer()}init_toc_panel_animation(){let t=this.$navigation_wrapper;t&&(this._toc_mm=v.p8.matchMedia(),this._toc_mm.add({reduce_motion:"(prefers-reduced-motion: reduce)",no_reduce_motion:"(prefers-reduced-motion: no-preference)"},i=>{let{reduce_motion:e}=i.conditions;return v.p8.set(t,{right:e?24:-240,opacity:0,visibility:"hidden",scale:e?1:.9}),this._toc_panel_animation=v.p8.timeline({paused:!0}),this._toc_panel_animation.to(t,{right:24,opacity:1,visibility:"visible",scale:1,ease:e?"linear":"power1.inOut",duration:e?.2:.5}),()=>{var t;null==(t=this._toc_panel_animation)||t.kill(),this._toc_panel_animation=void 0}}))}init_toc_visibility_triggers(){this.$navigation_wrapper&&(this._toc_visibility_triggers=(t=>{var i;let{$sections:e,on_show:s,on_hide:n}=t;if(0===e.length)return null;let _=e[0],o=e.at(-1),r=document.querySelector(d),a=null!=(i=null!=r?r:o)?i:_;return{show_trigger:p.i.create({trigger:_,start:"top center",onEnter:s,onLeaveBack:n,invalidateOnRefresh:!0}),hide_trigger:p.i.create({trigger:a,start:"top center",onEnter:n,onLeaveBack:s,invalidateOnRefresh:!0})}}

1)({$sections:this.$visible_sections,on_show:()=>{var t;return null==(t=this._toc_panel_animation)?void 0:t.play()},on_hide:()=>{var t;return null==(t=this._toc_panel_animation)?void 0:t.reverse()}}))}init_toc_progress_bar(){if(!this._$progress_bar||0===this.$visible_sections.length)return;let t=this.$visible_sections[0],i=this.$visible_sections.at(-1),e=this._$progress_bar;this._progress_scroll_listener=(0,u.P2)(()=>{let s=t.offsetTop,n=i.offsetTop,_=window.pageYOffset;e.style.height=`${Math.min(Math.max(_<s?0:_>n?100:(_-s)/(n-s)*100,0),100)}%`},100),window.addEventListener("scroll",this._progress_scroll_listener,{passive:!0})}},y=f=function(t,i,e,s){var n,_=arguments.length,o=_<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,s);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(o=(_<3?n(o):_>3?n(i,e,o):n(i,e))||o);return _>3&&o&&Object.defineProperty(i,e,o),o}([n.lE.register("InPageNavigation")],f)}}]);