https://www.leitz.com/assets/scripts/chunks/2552.chnk.js?v=402dde9

1"use strict";(self.webpackChunkacco_brands_europe=self.webpackChunkacco_brands_europe||[]).push([[1488,2552],{163:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var n=a(6540),r=a(8736);function l(){return n.createElement("div",{className:"abc-compatibilityGuide__loadingState",role:"status","aria-live":"polite"},n.createElement(r.A,null))}},770:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});var n=a(6540);function r(e){var t=e.translations;return n.createElement("div",{className:"abc-compatibilityGuide__emptyState",role:"status","aria-live":"polite"},n.createElement("p",null,t.NoResultsLabel))}},1488:(e,t,a)=>{a.r(t),a.d(t,{default:()=>i});var n=a(6540),r=a(7582),l=a(7179),o=a(1702),c=a(3627);function i(e){var t=e.translations,a=e.availableFilters,i=e.onClose,u=e.onFilterChange;if(!a)return null;var s=a.IsColorFacet,m=a.AvailableColors||[],d=a.NavigationFacets||[];return n.createElement("section",{className:"abc-searchPageApp__filterPopup"},n.createElement("div",{className:"abc-searchPageApp__filterPopupHeader"},n.createElement("div",{className:"abc-searchPageApp__filterPopupTitle"},n.createElement("h1",{className:"abc-h2"},t.FiltersLabel)),n.createElement("div",{className:"abc-searchPageApp__filterPopupCloseButton"},n.createElement(c.default,{click:i,label:t.CloseLabel}))),n.createElement("div",{className:"abc-searchPageApp__filterPopupBody"},n.createElement(r.Ay,{allowMultiple:!0},!s&&m.length>0&&n.createElement(r.jD,null,n.createElement(r.uD,null,t.ColorLabel),n.createElement(r.lZ,null,n.createElement("div",{className:"abc-colorPicker"},m.map(function(e,t){return n.createElement("button",{key:t,type:"button",className:"abc-colorPicker__item",style:{backgroundColor:"#".concat(e.CssClass)},onClick:function(){return u({Title:"huecolor",Id:"huecolor",Value:e.Name,ValueId:e.Name},!1)}},e.Name)})))),d.map(function(e,a){return n.createElement(r.jD,{key:a},n.createElement(r.uD,null,e.Filter.Title),n.createElement(r.lZ,null,n.createElement("div",{className:"abc-filterGroup"},function(e){return"default"===e.Filter.DisplayType.Name?n.createElement(n.Fragment,null,e.FilterValues.map(function(t,a){return null!==t.FacetValue?n.createElement(o.default,{key:a,label:t.FacetValue.Value,action:function(){u({Title:e.Filter.Title,Id:e.Filter.Id,Value:t.FacetValue.Value,ValueId:t.FacetValue.Id},!1)}}):null})):"slider interval"===e.Filter.DisplayType.Name?n.createElement(l.A,{action:function(t,a){u({Title:e.Filter.Title,Id:t,Value:a,ValueId:a},!1)},filterObj:e,translations:t}):null}(e))))})),n.createElement("button",{type:"button",onClick:i,className:"filterMenuFlyout__continue abc-button abc-button--centered abc-button--primary"},t.CloseLabel)))}},1602:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});var n=a(6540);function r(e){var t=e.translations,a=e.availableFilters,r=e.selectedColor,l=e.onTogglePopup,o=e.onFilterChange,c=e.onClearAll;if(!a)return null;var i=a.NavigationFacets&&a.NavigationFacets.length>0,u=a.AvailableColors&&a.AvailableColors.length>0,s=i||u,m=a.CurrentFacets||[],d=a.CurrentRangeFacets||[],b=Boolean(r||m.length>0||d.length>0);return s||b?n.createElement("div",{className:"abc-searchPageApp__filterBar abc-compatibilityGuide__searchResults-filtersRow"},s&&n.createElement("button",{onClick:l,type:"button",className:"abc-button abc-button--secondary abc-filterTrigger abc-compatibilityGuide__searchResults-filterBtn"},n.createElement("span",null,t.SelectFiltersLabel)),r&&n.createElement("button",{type:"button",className:"productListingFilters__item",onClick:function(){return o(r,!0)}},t.ColorLabel,":",n.createElement("span",{role:"none",style:{backgroundColor:r.Value},className:"productListingFilters__colorSample"})),m.map(function(e,t){return n.createElement("button",{key:t,type:"button",className:"productListingFilters__item",onClick:function(){return o({Title:e.Title,Value:e.Value,Id:e.Id,ValueId:e.ValueId},!0)}},"".concat(e.Title,": ").concat(e.Value))}),d.map(function(e,t){return n.createElement("button",{key:t,type:"button",className:"productListingFilters__item",onClick:function(){return o({Title:e.Title,Value:e.Value,Id:e.Id,ValueId:e.ValueId},!0)}},"".concat(e.Title,": ").concat(e.MinValue,":").concat(e.MaxValue))}),b&&n.createElement("button",{type:"button",onClick:c,className:"productListingFilters__clearAll"},t.ClearAllLabel)):null}},1702:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});var n=a(6540);function r(e){var t=e.label,a=e.action;return n.createElement("button",{className:"abc-filterButton abc-searchPageApp__filterButton",onClick:a},t)}},1729:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});var n=a(6540);function r(e){var t=e.translations,a=e.onRetry;return n.createElement("div",{className:"abc-compatibilityGuide__errorState",role:"alert"},n.createElement("p",null,t.ErrorOccurredLabel),n.createElement("button",{type:"button",className:"abc-button abc-button--secondary",onClick:a},t.RetryLabel))}},2552:(e,t,a)=>{a.r(t),a.d(t,{default:()=>m});var n=a(6540),r=a(6695),l=a(5595),o=a(770),c=a(163),i=a(1729),u=a(1602),s=a(1488);function m(e){var t=e.translations,a=e.products,m=e.totalCount,d=e.isLoading,b=e.error,f=e.availableFilters,p=e.selectedColor,y=e.isFilterPopupOpen,v=e.onTogglePopup,h=e.onFilterChange,g=e.onClearAllFilters,E=e.onLoadMore,_=e.onProductClick,C=e.onRetry,N=a.length>0,k=!d&&a.length<m;return n.createElement("div",{className:"abc-compatibilityGuide__searchResults"},n.createElement("div",{className:"abc-compatibilityGuide__searchResults-container"},n.createElement("div",{className:"abc-compatibilityGuide__searchResults-layout"},n.createElement("div",{className:"abc-compatibilityGuide__searchResults-header"},n.createElement("h2",{className:"abc-compatibilityGuide__searchResults-title","aria-live":"polite",role:"status",tabIndex:-1},t.ResultsLabel," ",a.length,"/",m)),n.createElement("div",{className:"abc-compatibilityGuide__searchResults-l

1ist"},n.createElement(u.default,{translations:t,availableFilters:f,selectedColor:p,onTogglePopup:v,onFilterChange:h,onClearAll:g}),n.createElement("div",{className:"abc-compatibilityGuide__searchResults-slot"},b&&n.createElement(i.default,{translations:t,onRetry:C}),d&&0===a.length&&n.createElement(c.default,null),!b&&!d&&!N&&n.createElement(o.default,{translations:t}),N&&n.createElement(n.Fragment,null,n.createElement(r.default,{products:a,translations:t,onProductClick:_}),d&&a.length>0&&n.createElement(c.default,null)))))),N&&n.createElement(l.default,{label:k?t.LoadMoreLabel:null,showingText:"".concat(t.ShowingResultsLabel," ").concat(a.length,"/").concat(m),onClick:E,loading:d}),y&&n.createElement(s.default,{translations:t,availableFilters:f,onClose:v,onFilterChange:h}))}},3627:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var n=a(6540),r=a(6015);function l(e){var t=e.label,a=e.click,l=function(e){var t=e.target.parentNode.closest(".abc-header");e.target===document.body&&o(),t&&document.removeEventListener("click",l)};(0,n.useEffect)(function(){document.addEventListener("click",l)},[]);var o=function(){a(),(0,r.l)(!1),document.removeEventListener("click",l)};return n.createElement("button",{className:"abc-closeButton",onClick:o},t||"Close")}},5595:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});var n=a(6540);function r(e){var t=e.label,a=e.showingText,r=e.onClick,l=e.loading;return n.createElement("div",{className:"abc-compatibilityGuide__loadMoreWidget"},a&&n.createElement("p",{className:"abc-compatibilityGuide__showingText"},a),t&&n.createElement("button",{type:"button",className:"abc-button abc-button--primary abc-button--centered abc-compatibilityGuide__loadMoreBtn",onClick:r,disabled:l},t))}},6695:(e,t,a)=>{a.r(t),a.d(t,{default:()=>o});var n=a(6540),r=a(5517),l=function(e,t){return e.Sku||e.sku||t};function o(e){var t=e.products,a=e.translations,o=e.onProductClick;return n.createElement("div",{className:"abc-compatibilityGuide__grid"},t.map(function(e,t){return n.createElement(r.default,{key:l(e,t),product:e,translations:a,onClick:o})}))}},7179:(e,t,a)=>{a.d(t,{A:()=>b});var n=a(6540),r=a(1500),l=a.n(r);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(c=function(){return!!e})()}function i(e){return i=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},i(e)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function s(e,t,a){return(t=m(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function m(e){var t=function(e){if("object"!=o(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,"string");if("object"!=o(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==o(t)?t:t+""}var d=(0,l().createSliderWithTooltip)(l().Range),b=function(e){function t(e){var a;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),s(a=function(e,t,a){return t=i(t),function(e,t){if(t&&("object"==o(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,c()?Reflect.construct(t,a||[],i(e).constructor):t.apply(e,a))}(this,t,[e]),"getSliderValues",function(e){var t=[];return e.FilterValues.forEach(function(e){t.push(parseInt(e.FacetValue.Value))}),t.sort(function(e,t){return e-t}),[t[0],t[t.length-1]]}),s(a,"handleRangeFilterClick",function(e,t){a.props.action(e+"_range",t.join("%3A"))}),s(a,"handleRangeSliderChange",function(e){a.setState({sliderValues:e})}),s(a,"render",function(){var e=[],t={};a.props.filterObj.FilterValues.sort(function(e,t){return parseInt(e.FacetValue.Value)-parseInt(t.FacetValue.Value)}

1),a.props.filterObj.FilterValues.forEach(function(a){t[a.FacetValue.Value]=parseInt(a.FacetValue.Value),e.push(parseInt(a.FacetValue.Value))});var r=e[0],l=e[e.length-1];return n.createElement("div",{className:"rangeWrapper"},n.createElement("div",{className:"rangeWrapper__minValue"},r),n.createElement("div",{className:"rangeWrapper__slider"},n.createElement(d,{className:"horizontal-slider",min:r,max:l,defaultValue:[r,l],marks:t,step:null,pushable:!1,allowCross:!1,onChange:a.handleRangeSliderChange})),n.createElement("div",{className:"rangeWrapper__maxValue"},l),n.createElement("div",{className:"rangeWrapper__button"},n.createElement("button",{onClick:function(){a.handleRangeFilterClick(a.props.filterObj.Filter.Id,a.state.sliderValues)},className:"abc-button abc-button--centered abc-button--primary"},a.props.translations.ConfirmLabel)))});var r=a.getSliderValues(e.filterObj);return a.state={sliderValues:r},a}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(t,e),a=t,Object.defineProperty(a,"prototype",{writable:!1}),a;var a}(n.Component)},7582:(e,t,a)=>{a.d(t,{Ay:()=>u,jD:()=>o,lZ:()=>i,uD:()=>c});var n=a(6540);function r(e,t){if(e){if("string"==typeof e)return l(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var o=function(e){var t=e.isActive,a=e.onClick,r=e.children;return n.createElement("div",{className:"abc-accordionBlock__item".concat(t?" abc-accordionBlock--activeItem":"")},n.cloneElement(r[0],{onClick:function(){return a()}}),t&&r[1])},c=function(e){var t=e.onClick,a=e.children;return n.createElement("button",{className:"abc-accordionBlock__trigger",onClick:t},a)},i=function(e){var t=e.children;return n.createElement("div",{className:"abc-accordionBlock__content"},t)};const u=function(e){var t,a,o=e.children,c=e.allowMultiple,i=(t=(0,n.useState)([]),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l,o,c=[],i=!0,u=!1;try{if(l=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;i=!1}else for(;!(i=(n=l.call(a)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{if(!i&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(u)throw r}}return c}}(t,a)||r(t,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=i[0],s=i[1];return n.createElement("div",{className:"abc-accordionBlock"},n.Children.map(o,function(e,t){return null===e?null:n.cloneElement(e,{isActive:u.includes(t),onClick:function(){return function(e){s(c?function(t){return t.includes(e)?t.filter(function(t){return t!==e}):[].concat(function(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||r(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(t),[e])}:[e])}(t)}})}))}},8736:(e,t,a)=>{a.d(t,{A:()=>r});var n=a(6540);function r(){return n.createElement("div",{className:"abc-loadingSpinner abc-loadingSpinner--center"})}}}]);