https://products.elsta.com/_next/static/chunks/3373-9ce2a1b2d5b9fa4d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3373],{13544:function(e,t,r){r.r(t),r.d(t,{default:function(){return c}});var n=r(3827),l=r(14793),s=r(20088),i=r(88181),a=r(39594),u=r(36135);function o(e){let{children:t,onClick:r}=e,l=(0,i.useScopedI18n)("buttons");return(0,n.jsxs)("span",{className:"mr-1 inline-flex items-center gap-x-2 rounded-full bg-ci-blue px-2.5 py-1 text-xs font-medium text-white",children:[(0,n.jsx)("span",{className:"text-[14px]",dangerouslySetInnerHTML:{__html:t}}),(0,n.jsxs)("button",{type:"button",className:"group relative -mr-1 h-3.5 w-3.5",onClick:r,children:[(0,n.jsx)("span",{className:"sr-only",children:l("remove")}),(0,n.jsx)("svg",{viewBox:"0 0 14 14",className:"h-3.5 w-3.5 stroke-white",children:(0,n.jsx)("path",{d:"M4 4l6 6m0-6l-6 6"})}),(0,n.jsx)("span",{className:"absolute -inset-1"})]})]})}function c(){let e=(0,i.useScopedI18n)("pages.productList.filtering"),{items:t}=(0,l.b)();return 0===t.map(e=>e.refinements).length?null:(0,n.jsxs)("div",{className:"mb-4",children:[(0,n.jsxs)("div",{className:"mb-1 flex justify-between",children:[(0,n.jsx)("div",{children:(0,n.jsx)("span",{className:"mr-4 text-sm",children:e("yourSearch")})}),(0,n.jsx)("div",{children:(0,n.jsx)(f,{})})]}),(0,n.jsx)(d,{})]})}let d=()=>{let{items:e,refine:t}=(0,l.b)(),r=new Map;return e.forEach(e=>{e.refinements.forEach(e=>{var t;let n="categories"===e.attribute||"group"===e.attribute?h(e.label):e.attribute+": "+h(e.label),l=null!==(t=r.get(n))&&void 0!==t?t:[];r.set(n,[...l,e])})}),(0,n.jsx)(n.Fragment,{children:Array.from(r).map(e=>{let[r,l]=e;return(0,n.jsx)(o,{onClick:()=>{l.forEach(e=>{t(e)})},children:r},r)})})},f=e=>{let t=(0,i.useScopedI18n)("pages.productList.filtering"),{canRefine:r,refine:l}=(0,s.n)(e),{setInputValue:o}=(0,a.h)();return(0,n.jsx)("button",{className:(0,u.Z)("text-sm",r?"text-gray-700":"text-gray-300"),disabled:!r,onClick:()=>{l(),o("")},children:t("clearSearch")})},h=e=>{var t,r;let n=e.split(">");return null!==(r=null===(t=n[n.length-1])||void 0===t?void 0:t.trim())&&void 0!==r?r:e}},97594:function(e,t,r){r.r(t),r.d(t,{default:function(){return i}});var n=r(3827);r(64090);var l=r(52317),s=r(36135);function i(e){let{pages:t,currentRefinement:r,nbPages:s,isFirstPage:i,isLastPage:u,refine:o,createURL:c}=(0,l.h)(e),d=r-1,f=r+1,h=s-1,m=e=>{o(e),window.scrollTo({top:0,behavior:"smooth"})};return(0,n.jsxs)("ul",{className:"flex space-x-4 font-bold",children:[(0,n.jsx)(a,{isDisabled:i,href:c(0),onClick:()=>m(0),children:"<<"}),(0,n.jsx)(a,{isDisabled:i,href:c(d),onClick:()=>m(d),children:"<"}),t.map(e=>{let t=e+1;return(0,n.jsx)(a,{isDisabled:!1,"aria-label":"Page ".concat(t),href:c(e),onClick:()=>m(e),isActive:r===e,children:t},e)}),(0,n.jsx)(a,{isDisabled:u,href:c(f),onClick:()=>m(f),children:">"}),(0,n.jsx)(a,{isDisabled:u,href:c(h),onClick:()=>m(h),children:">>"})]})}function a(e){let{isDisabled:t,isActive:r,href:l,onClick:i,...a}=e;return t?(0,n.jsx)("li",{className:(0,s.Z)("text-gray-400",r&&"text-ci-red"),children:(0,n.jsx)("span",{...a})}):(0,n.jsx)("li",{children:(0,n.jsx)("a",{className:(0,s.Z)(r&&"text-ci-red"),href:l,onClick:e=>{!(1===e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)&&(e.preventDefault(),i(e))},...a})})}},81623:function(e,t,r){r.r(t),r.d(t,{default:function(){return p}});var n=r(3827),l=r(64090),s=r(63639),i=r(20088),a=r(16577),u=r(39643),o=r(88181),c=r(39594),d=r(36135),f=r(50711),h=r(20703);function m(e){let{productGroup:t,onClick:r,className:l}=e,{refine:s}=(0,a.c)({attribute:"categories",limit:Number.MAX_VALUE}),{refine:u}=(0,i.n)();return(0,n.jsxs)("div",{className:(0,d.Z)("relative flex w-full cursor-pointer border-b border-gray-200 py-2 hover:text-ci-blue",l),onClick:()=>{u(),s("".concat(t.category," > ").concat(t.subCategory," > ").concat(t.name)),r&&r()},children:[(0,n.jsx)("div",{className:"flex-container",children:(0,n.jsx)("div",{className:"relative mx-2 flex h-12 w-12",children:(0,n.jsx)(h.default,{src:"".concat(f.O.NEXT_PUBLIC_BLOB_STORAGE_URL,"/").concat(t.imageSrc),alt:t.name,layout:"fill",objectFit:"cover",className:"object-center"})})}),(0,n.jsx)("div",{className:"flex w-full grow items-center",children:(0,n.jsx)("p",{className:"break-words",style:{overflowWrap:"anywhere"},children:t.name})})]},t.id)}function p(e){let{productGroups:t,...r}=e,i=(0,o.useScopedI18n)("pages.productList.filtering"),{query:a,refine:u}=(0,s.l)(r),{inputValue:f,setInputValue:h}=(0,c.h)(),m=(0,l.useRef)(null);(0,l.useEffect)(()=>{""===f&&b(),u(f)},[f]),(0,l.useEffect)(()=>{h(a)},[]);let p=e=>{h(e)},b=()=>{p(""),m.current&&m.current.focus()},g=e=>{"Enter"===e.key&&e.preventDefault()};return(0,n.jsxs)("form",{action:"",role:"search",noValidate:!0,onSubmit:e=>{e.preventDefault(),e.stopPropagation(),m.current&&m.current.blur()},onReset:e=>{e.preventDefault(),e.stopPropagation(),p(""),m.current&&m.current.focus()},className:"relative w-full",children:[(0,n.jsx)("input",{className:(0,d.Z)("input-base","hidden rounded-l-none sm:block"),ref:m,placeholder:i(r.isWatchlist?"searchBoxPlaceholderWatchList":"searchBoxPlaceholder"),spellCheck:!1,maxLength:512,type:"text",value:f,onChange:e=>{p(e.currentTarget.value)},autoFocus:!0,onKeyPress:g}),(0,n.jsx)("input",{className:(0,d.Z)("input-base","sm:hidden"),ref:m,placeholder:i("searchBoxPlaceholderShort"),spellCheck:!1,maxLength:512,type:"text",value:f,onChange:e=>{p(e.currentTarget.value)},autoFocus:!0,onKeyPress:g}),f&&(0,n.jsx)("button",{type:"button",onClick:b,className:"absolute inset-y-0 right-2 flex items-center px-3 text-gray-600",children:"✕"}),(0,n.jsx)(x,{inputValue:f,clearInput:b,productGroups:t})]})}let x=e=>{let{inputValue:t,clearInput:r,productGroups:s}=e,i=(0,o.useScopedI18n)("pages.productList.filtering"),[a,u]=(0,l.useState)(!1);if((0,l.useEffect)(()=>{t&&t.length>2?u(!0):u(!1)},[t]),!a)return null;

1let c=()=>{u(!1),r()},d=s.filter(e=>{let r=t.toLowerCase().trim().split(" ").filter(e=>e.length>0);return[e.name,e.description,e.category,e.subCategory,e.properties].some(e=>r.every(t=>e.toLowerCase().split(" ").some(e=>e.includes(t))))});return a&&0!==d.length?(0,n.jsx)("div",{className:"absolute -left-2 z-50 w-screen  sm:left-0 sm:w-full",children:(0,n.jsxs)("div",{className:"relative m-2 rounded-lg bg-white p-4 shadow-xl sm:m-0",children:[(0,n.jsx)("h3",{className:"uppercase text-ci-red",children:i("productGrupResults")}),(0,n.jsx)("div",{children:d.map(e=>(0,n.jsx)(m,{productGroup:e,onClick:c},e.id))}),(0,n.jsx)(b,{filteredProductGroups:d,onClick:c})]})}):null},b=e=>{let{filteredProductGroups:t,onClick:r}=e,l=(0,o.useScopedI18n)("pages.productList.filtering"),{refine:s}=(0,i.n)(),{refine:c}=(0,a.c)({attribute:"group",limit:Number.MAX_VALUE});return(0,n.jsxs)("button",{onClick:()=>{s(),t.map(e=>{let{name:t}=e;return c(t)}),r()},className:"mt-4 flex text-ci-blue",children:[l("searchBoxShowAllProductGroupResults"),(0,n.jsx)(u.Z,{className:"h-6 w-6"})]})}},12047:function(e,t,r){r.d(t,{Z:function(){return i}});var n=r(3827),l=r(57742),s=r(36135);function i(e){var t;let{children:r,className:l,theme:i,width:o,size:c,isLoading:d,...f}=e,h=null!==(t=f.disabled)&&void 0!==t?t:d;return(0,n.jsxs)("button",{className:(0,s.Z)(a({theme:i,width:o,size:c,disabledState:h}),l),disabled:!!d||f.disabled,...f,children:[d&&(0,n.jsx)(u,{width:o,size:c}),r]})}let a=(0,l.j)("item relative items-center rounded-md py-2 text-center font-bold text-white",{variants:{theme:{red:"bg-ci-red hover:bg-red-700",blue:"bg-ci-blue hover:bg-blue-950 focus:ring-2 focus:ring-ci-blue focus:ring-offset-2",gray:"bg-gray-500 hover:bg-gray-400"},width:{normal:"w-full px-12 md:inline-flex md:w-auto",fullWidth:"w-full"},size:{normal:"",small:"rounded-lg px-2 py-1 text-xs"},disabledState:{true:"pointer-events-none opacity-80"}},defaultVariants:{theme:"red",width:"normal",size:"normal"}}),u=e=>{let{width:t,size:r}=e;return(0,n.jsx)("div",{className:(0,s.Z)(o({width:t,size:r})),role:"status","aria-label":"loading",children:(0,n.jsx)("span",{className:"sr-only",children:"Loading..."})})},o=(0,l.j)("h-4 w-4 animate-spin rounded-full border-4 border-current border-t-transparent text-white",{variants:{width:{normal:"-ml-6",fullWidth:"ml-3 mt-1"},size:{normal:"absolute",small:"ml-0"}},defaultVariants:{width:"normal",size:"normal"}})},29768:function(e,t,r){r.d(t,{Z:function(){return s}});var n=r(3827),l=r(36135);function s(e){let{className:t,...r}=e;return(0,n.jsx)("input",{type:"checkbox",className:(0,l.Z)("checkbox-base","border-0 bg-transparent outline outline-2 outline-ci-blue focus:ring-ci-blue",t),...r})}},59582:function(e,t,r){r.d(t,{Z:function(){return u}});var n=r(3827),l=r(16577),s=r(1310),i=r(88181),a=r(28335);function u(e){let{children:t,groupName:r,categories:s,selectButton:i}=e,a=c(r),{items:u,refine:d}=(0,l.c)({attribute:"categories",limit:Number.MAX_VALUE});return(0,n.jsxs)("div",{className:"rounded-lg bg-gradient-to-b from-gray-500 to-transparent bg-[length:100%_20%] bg-no-repeat p-4 pb-8",children:[(0,n.jsxs)("div",{className:"mb-8 flex justify-between gap-y-4 font-futura text-white sm:flex-row",children:[(0,n.jsx)("div",{children:(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsxs)("button",{className:"cursor-pointer text-base",onClick:()=>{u.filter(e=>!e.isRefined&&(null==s?void 0:s.includes(e.label))).map(e=>e.label).forEach(d)},disabled:!s,children:[(0,n.jsx)("b",{children:r})," ",a]}),(0,n.jsx)(o,{groupName:r})]})}),i]}),t]},r)}let o=e=>{let{groupName:t,title:r}=e,l=(0,i.useScopedI18n)("pages.productList"),{openModal:u,activeGroupName:o}=(0,a.t)();return console.log(o),(0,n.jsxs)("div",{className:"flex cursor-pointer underline",onClick:()=>u(t),children:[(0,n.jsx)("span",{className:"text-base",children:null!=r?r:l("productGroupInformation")}),(0,n.jsx)(s.Z,{className:"h-6 w-6","aria-hidden":"true"})]})},c=e=>{var t;return null===(t=(0,l.c)({attribute:"group",limit:Number.MAX_VALUE}).items.find(t=>t.label===e))||void 0===t?void 0:t.count}},88181:function(e,t,r){r.r(t),r.d(t,{I18nProviderClient:function(){return a},useChangeLocale:function(){return o},useCurrentLocale:function(){return u},useI18n:function(){return s},useScopedI18n:function(){return i}});var n=r(8333),l=r(61779);let{useI18n:s,useScopedI18n:i,I18nProviderClient:a,useCurrentLocale:u,useChangeLocale:o}=(0,n.createI18nClient)(l.Z)},61779:function(e,t,r){t.Z={en:()=>r.e(9102).then(r.bind(r,99102)),de:()=>r.e(4978).then(r.bind(r,94978)),at:()=>r.e(4978).then(r.bind(r,94978)),atTest:()=>r.e(4978).then(r.bind(r,94978)),hr:()=>r.e(1352).then(r.bind(r,91352))}},55904:function(e,t,r){r.d(t,{Z:function(){return l}});var n=r(50711);function l(e,t){return"".concat(n.O.NEXT_PUBLIC_ENVIRONMENT,"_").concat(e,"_").concat(t)}},2234:function(e,t,r){r.d(t,{E:function(){return i}});var n=r(29303),l=r.n(n),s=r(50711);let i=l()(s.O.NEXT_PUBLIC_ALGOLIA_APP_ID,s.O.NEXT_PUBLIC_ALGOLIA_SEARCH_API_KEY)},56603:function(e,t,r){function n(e){var t;return null!==(t=l.get(e))&&void 0!==t?t:"at"}r.d(t,{Z:function(){return n}});let l=new Map([["at","at"],["atTest","at-test"],["en","en"],["de","de"],["hr","hr"]])},39594:function(e,t,r){r.d(t,{h:function(){return n}});let n=(0,r(22020).Ue)()(e=>({inputValue:"",setInputValue:t=>e({inputValue:t})}))},36135:function(e,t,r){r.d(t,{Z:function(){return s}});var n=r(75504),l=r(51367);function s(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,l.m6)((0,n.Z)(t))}},72895:function(e,t,r){r.d(t,{Z:function(){return n}});function n(e){return e.reduce((e,t)=>

1{var r;return(e[t.group]=null!==(r=e[t.group])&&void 0!==r?r:[]).push(t),e},{})}},73086:function(e,t,r){r.d(t,{Z:function(){return i}});var n=r(88181),l=r(55904),s=r(56603);function i(){let e=(0,n.useCurrentLocale)(),t=(0,s.Z)(e);return(0,l.Z)(t,"products")}},4340:function(e,t,r){r.r(t),r.d(t,{ProductGroupsProviderClient:function(){return o},default:function(){return c}});var n=r(3827),l=r(64090);let s=e=>Array.from(new Set(e.map(e=>e.category))),i=(e,t)=>Array.from(new Set(e.filter(e=>e.category===t).map(e=>e.subCategory))).map(r=>({title:r,children:a(e,t,r)})),a=(e,t,r)=>e.filter(e=>e.category===t&&e.subCategory===r),u=(0,l.createContext)(void 0),o=e=>{let{children:t,rawProductGroups:r}=e;return(0,n.jsx)(u.Provider,{value:{groupedProductGroups:s(r).map(e=>({title:e,children:i(r,e)})),productGroups:r},children:t})};function c(){let e=(0,l.useContext)(u);if(void 0===e)throw Error("useProductGroups must be used within a ProductGroupsProviderClient");return e}}}]);