https://www.zeiss.com.cn/etc.clientlibs/zeiss-aem-app/jupiter/clie…/TileFilterHub.77b953cfdf0013bf.chunk.js

1"use strict";(self.webpackChunkzeiss_greenfield_aem=self.webpackChunkzeiss_greenfield_aem||[]).push([["84409"],{97038:function(e,t,i){i.r(t),i.d(t,{default:()=>m});var s,l=i(23319),r=i(7543),o=i(8375),a=i(89665),_=i(62349),n=i(48949),d=i(85429);let c="tile-filter-hub__categories--show",h="dropdown-linklist--disabled",u="slideshow__item--show",p={small:{initial:4,onload:4},medium:{initial:8,onload:8},large:{initial:12,onload:12}},f=d.Z.with_inherited_breakpoints(p),g=s=class extends a.hp{constructor(){super(...arguments),this._$articles=[],this._number_of_filtered_articles=p.small.initial,this._pagination_count=0,this._$dropdown_categories_options=[],this._selected_families=[],this._selected_categories=[],this._is_loaded=!1,this._handle_reset_btn_click=()=>{let e=new URL(window.location.href);e.searchParams.delete("families"),e.searchParams.delete("categories"),window.history.pushState({},"",e.toString()),this._clicked_return(),this._update_category_options([],[]),this._$dropdown_families&&(0,n.Z)(this._$dropdown_families,l.JU),this._$tile_icon_group&&(0,n.Z)(this._$tile_icon_group,o.XJ)}}connect(e){super.connect(e)}loaded(e){var t,i,s,l,a,_,n,d,c,h,u,p,f,g;super.loaded(e),this._$root=e,this._$category_images=Array.from((null==(t=this._$root)?void 0:t.querySelectorAll('[data-js-select="ImageFilterItem-item"]'))||[]),this._$category_wrapper=null==(i=this._$root)?void 0:i.querySelector('[data-js-select="TileFilterHub_categories"]'),this._$articles_wrapper=null==(s=this._$root)?void 0:s.querySelector('[data-js-select="TileFilterHub_articles"]'),this._$articles=this._$articles_wrapper?Array.from(this._$articles_wrapper.children):[],this._$slideshow=null==(l=this._$root)?void 0:l.querySelector('[data-js-select="Slideshow_swiper"]'),this._$tile_icon_group=null==(a=this._$root)?void 0:a.querySelector('[data-module="TTileIconGroup"]'),this._$reset_btn=null==(_=this._$root)?void 0:_.querySelector('[data-js-select="TileFilterHub_reset-btn"]'),this._filter_mode=(null==(n=this._$root)?void 0:n.dataset.filterMode)||"ALL",this._$button_load_more_articles=null==(d=this._$root)?void 0:d.querySelector('[data-js-select="TileFilterHub_button"]'),this._$pagination=null==(c=this._$root)?void 0:c.querySelector('[data-js-select="TileFilterHub_pagination"]'),this._$dropdown_families=null==(h=this._$root)?void 0:h.querySelector('[data-module="DropdownLinklist"] [data-id="tile-icon-group"]'),this._$dropdown_categories=null==(u=this._$root)?void 0:u.querySelector('[data-module="DropdownLinklist"] [data-id="image-filter-group"]'),this._$dropdown_categories_options=(null==(p=this._$dropdown_categories)?void 0:p.querySelectorAll("li"))||[],this._$articles.length>0&&(null==(f=this._$button_load_more_articles)||f.addEventListener("click",e=>this._show_more_articles(e)),window.addEventListener(o.Fn,()=>this._apply_filters()),window.addEventListener(r.bw,()=>this._apply_filters()),window.addEventListener(o.l,()=>this._clicked_return()),null==(g=this._$reset_btn)||g.addEventListener("click",this._handle_reset_btn_click),this._init()),this._is_loaded=!0}disconnect(e){var t,i;super.disconnect(e),this._$articles.length>0&&(null==(t=this._$button_load_more_articles)||t.removeEventListener("click",e=>this._show_more_articles(e)),window.removeEventListener(o.Fn,()=>this._apply_filters()),window.removeEventListener(r.bw,()=>this._apply_filters()),window.removeEventListener(o.l,()=>this._clicked_return()),null==(i=this._$reset_btn)||i.removeEventListener("click",this._handle_reset_btn_click))}resize_observed(){this._is_loaded&&this._apply_filters()}_init(){var e,t,i,s;return e=this,t=void 0,i=void 0,s=function*(){var e,t,i,s,l;this._$articles=yield(e=this._$articles,t=void 0,i=void 0,s=void 0,l=function*(){var t;let i=(yield window.userContext)&&(null==(t=yield window.userContext)?void 0:t.session_info.valid);return e.filter(e=>{let t=window.userdata&&window.userdata.country,{allowedCountries:s,blockedCountries:l}=e.dataset,r=i&&l&&t&&l.includes(t),o=t&&s&&s.includes(t),a=!s||i&&o;return!r&&!!a||(e.remove(),!1)})}

1,new(s||(s=Promise))(function(e,r){function o(e){try{_(l.next(e))}catch(e){r(e)}}function a(e){try{_(l.throw(e))}catch(e){r(e)}}function _(t){var i;t.done?e(t.value):((i=t.value)instanceof s?i:new s(function(e){e(i)})).then(o,a)}_((l=l.apply(t,i||[])).next())})),this._apply_filters()},new(i||(i=Promise))(function(l,r){function o(e){try{_(s.next(e))}catch(e){r(e)}}function a(e){try{_(s.throw(e))}catch(e){r(e)}}function _(e){var t;e.done?l(e.value):((t=e.value)instanceof i?t:new i(function(e){e(t)})).then(o,a)}_((s=s.apply(e,t||[])).next())})}_apply_filters(){var e;if(!this._$category_wrapper&&"ALL"===this._filter_mode)return;let t=new URL(window.location.href),i=t.searchParams.get("families"),s=t.searchParams.get("categories"),l=i?i.split(","):[],r=s?s.split(","):[];l.length!==(null==(e=this._selected_families)?void 0:e.length)&&this._reset_pagination(),this._selected_families=l,this._selected_categories=r,"ALL"===this._filter_mode&&(this._update_category_images(l),this._update_category_options(l,r)),this._update_articles(l,r)}_number_of_filtered_articles_to_show(){let e=f[d.Z.breakpoint];e&&(this._number_of_filtered_articles=e.initial+this._pagination_count*e.onload)}_handle_article_with_ignore_filters(e,t){t<this._number_of_filtered_articles?e.style.removeProperty("display"):e.style.display="none"}static _is_family_matched(e,t){var i,s,l;let r=null!=(l=null==(s=null==(i=t.dataset)?void 0:i.family)?void 0:s.split(","))?l:[];return!e.length||e.some(e=>r.includes(e))}static _is_category_matched(e,t){var i,s,l;let r=null!=(l=null==(s=null==(i=t.dataset)?void 0:i.category)?void 0:s.split(","))?l:[];return!e.length||e.some(e=>r.includes(e))}

1_handle_matching_article(e,t){return t<this._number_of_filtered_articles?e.style.removeProperty("display"):e.style.display="none",t+1}_update_articles(e,t){var i;let l=0===e.length&&0===t.length,r=0;this._number_of_filtered_articles_to_show(),this._$articles.forEach((i,o)=>{let a=i.closest('[data-js-select="TileFilterHub_article"]');if(a&&this._number_of_filtered_articles)if(l)this._handle_article_with_ignore_filters(a,o);else{let i=s._is_family_matched(e,a),l=s._is_category_matched(t,a);i&&l?r=this._handle_matching_article(a,r):a.style.display="none"}}),l&&(r=this._$articles.length),this._number_of_filtered_articles&&r>this._number_of_filtered_articles&&this._$pagination?null==(i=this._$pagination)||i.style.removeProperty("display"):this._$pagination&&(this._$pagination.style.display="none")}_update_category_images(e){var t,i,s;let l=0;null==(t=this._$category_images)||t.forEach(t=>{let i=t.parentElement,s=t.dataset.reference?t.dataset.reference.split(","):[];e.some(e=>s.includes(e))?(null==i||i.classList.add(u),l+=1):null==i||i.classList.remove(u)}),this._update_slideshow(),l>0?null==(i=this._$category_wrapper)||i.classList.add(c):null==(s=this._$category_wrapper)||s.classList.remove(c)}_update_category_options(e,t){var i;let s=0;this._$dropdown_categories&&(0===t.length&&(0,n.Z)(this._$dropdown_categories,l.JU),null==(i=this._$dropdown_categories_options)||i.forEach(t=>{let i=t.dataset.reference?t.dataset.reference.split(","):[];e.some(e=>i.includes(e))?(t.style.removeProperty("display"),s+=1):t.style.display="none"}),s>0?this._$dropdown_categories.classList.remove(h):this._$dropdown_categories.classList.add(h))}_reset_active_image_filters(){var e;let t=null==(e=this._$root)?void 0:e.querySelectorAll(`.${r.Lb}`);null==t||t.forEach(e=>{e.classList.remove(r.Lb)})}_reset_pagination(){this._pagination_count=0}_show_more_articles(e){e.preventDefault(),this._pagination_count+=1,this._update_articles(this._selected_families,this._selected_categories),s._trigger_image_load()}_update_slideshow(){if(this._$slideshow&&this._$slideshow.swiper){let e=this._$slideshow.swiper.el,t=e.querySelector(".slideshow__pagination-wrapper"),i=e.querySelectorAll(".slideshow__navigation-button");e.querySelectorAll(`.${u}`).length<=6?(t&&(t.style.display="none"),i.forEach(e=>{e.style.display="none"})):(t&&t.style.removeProperty("display"),i.forEach(e=>{e.style.removeProperty("display")})),window.setTimeout(()=>{var e;null==(e=this._$slideshow)||e.swiper.update()},400)}s._trigger_image_load()}_clicked_return(){var e,t;this._reset_pagination(),this._reset_active_image_filters(),this._selected_families=[],this._selected_categories=[],null==(e=this._$category_wrapper)||e.classList.remove(c),this._$slideshow&&(null==(t=this._$category_images)||t.forEach(e=>{var t;null==(t=e.closest(".swiper-slide"))||t.classList.remove(u)}),this._$slideshow.swiper.update()),this._update_articles([],[]),s._trigger_image_load()}static _trigger_image_load(){window.requestAnimationFrame(()=>{document.dispatchEvent(new Event(_.Up))})}},m=g=s=function(e,t,i,s){var l,r=arguments.length,o=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(o=(r<3?l(o):r>3?l(t,i,o):l(t,i))||o);return r>3&&o&&Object.defineProperty(t,i,o),o}([a.lE.register("TileFilterHub"),a.Sp],g)}}]);