https://www.igus.sg/cms/_next/static/chunks/3904-298508a2423954cf.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3904],{48616:e=>{e.exports={easeOut:"cubic-bezier(0.23, 1, 0.32, 1)",container:"ApplicationHub_container__5wcjs",introHeader:"ApplicationHub_introHeader__5A8rz",headline:"ApplicationHub_headline__uBF3Z",headlineUnderline:"ApplicationHub_headlineUnderline__4Sg5R",intro:"ApplicationHub_intro__jD3bW",filterWrapper:"ApplicationHub_filterWrapper__fbuwf",selectGroup:"ApplicationHub_selectGroup__veX6v",filterSelect:"ApplicationHub_filterSelect__6wTIZ",filterSelectField:"ApplicationHub_filterSelectField__bpp17",filterSelectFieldOpen:"ApplicationHub_filterSelectFieldOpen__NvtwT",filterSelectInput:"ApplicationHub_filterSelectInput__yyKW5",filterSelectClear:"ApplicationHub_filterSelectClear__DgDJP",filterSelectLabel:"ApplicationHub_filterSelectLabel__VVuF7",filterSelectChevron:"ApplicationHub_filterSelectChevron__VsxkT",filterSelectMenu:"ApplicationHub_filterSelectMenu__dyQYl",filterSelectOption:"ApplicationHub_filterSelectOption__pBFqW",filterSelectOptionSelected:"ApplicationHub_filterSelectOptionSelected__I0jOu",filterSelectCheck:"ApplicationHub_filterSelectCheck__Mczqz",teaserGridWrapper:"ApplicationHub_teaserGridWrapper__WebSb",resultsEnter:"ApplicationHub_resultsEnter__BZbKB",paginationWrapper:"ApplicationHub_paginationWrapper__0H1ry",noResults:"ApplicationHub_noResults__BchLK"}},53904:(e,t,l)=>{"use strict";l.r(t),l.d(t,{ApplicationHubBlok:()=>V,default:()=>B});var i=l(65321),r=l(97109),a=l(20993),n=l(46624),s=l(9618),o=l(99098),u=l(82894),c=l(68879),d=l(85007),p=l(68020),_=l(8227),f=l(86061),g=l(20442),m=l(71867),h=l(48616),b=l.n(h),v=l(61058),x=l(13153);let S=e=>"string"==typeof e?{value:e,label:e}:e,A=e=>{var t,l;let{id:a,label:s,value:o,options:u,clearLabel:c="Clear",disabled:d=!1,onChange:p}=e,[_,f]=(0,r.useState)(!1),[g,m]=(0,r.useState)(o),h=(0,r.useRef)(null),A=(0,r.useRef)(null),y=(0,r.useId)(),j=(0,r.useMemo)(()=>u.map(S),[u]),N=null!=(l=null==(t=j.find(e=>e.value===o))?void 0:t.label)?l:o,C=(0,r.useMemo)(()=>{let e=g.trim().toLowerCase(),t=N.trim().toLowerCase();return e&&e!==t?j.filter(t=>t.label.toLowerCase().includes(e)):j},[j,g,N]);(0,r.useEffect)(()=>{_||m(N)},[_,N]),(0,r.useEffect)(()=>{if(!_)return;let e=e=>{var t;(null==(t=h.current)?void 0:t.contains(e.target))||f(!1)},t=e=>{if("Escape"===e.key){var t;f(!1),null==(t=A.current)||t.blur()}};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[_]);let H=()=>{d||f(!0)};return(0,i.jsxs)("div",{ref:h,className:b().filterSelect,children:[(0,i.jsxs)("div",{className:(0,n._V)(b().filterSelectField,(0,n.gQ)(_,b().filterSelectFieldOpen)),onMouseDown:e=>{var t;!d&&(e.target.closest("button")||(H(),null==(t=A.current)||t.focus()))},children:[(0,i.jsx)("label",{className:b().filterSelectLabel,htmlFor:a,children:s}),(0,i.jsx)("input",{ref:A,id:a,className:b().filterSelectInput,type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":_,"aria-controls":y,"aria-autocomplete":"list",autoComplete:"off",disabled:d,value:g,onFocus:H,onClick:H,onChange:e=>{m(e.target.value),H()}}),o?(0,i.jsx)("button",{type:"button",className:b().filterSelectClear,"aria-label":c,onMouseDown:e=>e.preventDefault(),onClick:e=>{var t;e.preventDefault(),e.stopPropagation(),p(""),m(""),f(!0),null==(t=A.current)||t.focus()},children:(0,i.jsx)(x.U,{})}):null,(0,i.jsx)("span",{className:b().filterSelectChevron,"aria-hidden":"true",children:(0,i.jsx)(v.Z,{})})]}),_&&!d?(0,i.jsx)("ul",{id:y,className:b().filterSelectMenu,role:"listbox",children:C.map(e=>{let t=o===e.value;return(0,i.jsxs)("li",{role:"option","aria-selected":t,className:(0,n._V)(b().filterSelectOption,(0,n.gQ)(t,b().filterSelectOptionSelected)),onMouseDown:e=>e.preventDefault(),onClick:()=>(e=>{p(e.value),m(e.label),f(!1)})(e),children:[(0,i.jsx)("span",{children:e.label}),t?(0,i.jsx)("span",{className:b().filterSelectCheck,"aria-hidden":"true"}):null]},e.value)})}):null]})};var y=l(28554);let j=e=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{if("string"==typeof e&&e.trim().length>0)return[e.trim()];if("object"==typeof e&&null!==e){if("name"in e&&"string"==typeof e.name&&e.name.trim().length>0)return[e.name.trim()];if("tag"in e&&"string"==typeof e.tag&&e.tag.trim().length>0)return[e.tag.trim()]}return[]}):[],N=e=>j(e.industry_tag),C=e=>j(e.problemsolution_tag),H=e=>j(e.products_tag),M=e=>"string"!=typeof e.solution_id?[]:e.solution_id.split(",").map(e=>

1e.trim()).filter(Boolean),k={industry:"",threeAxisSales:"",problemSolution:"",product:"",threeAxisProducts:"",solutionId:""},I=[{toggle:"filter_industry_tag",axis:"industry",i18nId:"INDUSTRY_TAG",defaultLabel:"Industry"},{toggle:"filter_three_axis_tag_sales",axis:"threeAxisSales",i18nId:"THREE_AXIS_SALES_TAG",defaultLabel:"3 Axis Tag Sales"},{toggle:"filter_problem_solution_tag",axis:"problemSolution",i18nId:"PROBLEM_SOLUTION_TAG",defaultLabel:"Application"},{toggle:"filter_product_tag",axis:"product",i18nId:"PRODUCTS_TAG",defaultLabel:"Product"},{toggle:"filter_three_axis_tag_products",axis:"threeAxisProducts",i18nId:"THREE_AXIS_PRODUCTS_TAG",defaultLabel:"3 Axis Tag Products"},{toggle:"filter_solution_id",axis:"solutionId",i18nId:"SOLUTION_ID",defaultLabel:"Solution ID"}],E=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return I.filter(t=>!0===e[t.toggle])},L=e=>j(e.three_axis_tag_sales),T=e=>j(e.three_axis_tag_products),O=e=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{if("string"==typeof e&&e.trim().length>0){let t=e.trim();return[{value:t,label:t}]}if("object"==typeof e&&null!==e){let t="string"==typeof e.name?e.name.trim():"",l="string"==typeof e.id?e.id.trim():"";if(t)return[{value:t,label:((e,t)=>{let l=e.trim(),i=null==t?void 0:t.trim();return i&&l.endsWith(i)?l.slice(0,-i.length).trim():l})(t,l)}];if("string"==typeof e.tag&&e.tag.trim().length>0){let t=e.tag.trim();return[{value:t,label:t}]}}return[]}):[],P=e=>{let t=new Map;return e.forEach(e=>{t.has(e.value)||t.set(e.value,e.label)}),Array.from(t.entries()).sort((e,t)=>{let[l]=e,[i]=t;return l.localeCompare(i)}).map(e=>{let[t,l]=e;return{value:t,label:l}})},w=(e,t)=>{let{industry:l,threeAxisSales:i,problemSolution:r,product:a,threeAxisProducts:n,solutionId:s}=t;return e.filter(e=>{let t=!l||N(e.content).includes(l),o=!i||L(e.content).includes(i),u=!r||C(e.content).includes(r),c=!a||H(e.content).includes(a),d=!n||T(e.content).includes(n),p=!s||M(e.content).includes(s);return t&&o&&u&&c&&d&&p})},F={industry:N,threeAxisSales:L,problemSolution:C,product:H,threeAxisProducts:T,solutionId:M},R=I.map(e=>e.axis),W=(e,t)=>e.map(e=>({value:e,label:((e,t)=>{if(!t)return e;let l=Object.values(t).find(t=>t.value===e||t.dimension_value===e);return(null==l?void 0:l.dimension_value)||(null==l?void 0:l.value)||e})(e,t)})),D=(e,t,l,i)=>{let r=w(e,{...t,[l]:""});if("threeAxisSales"===l)return P(r.flatMap(e=>O(e.content.three_axis_tag_sales)));if("threeAxisProducts"===l)return P(r.flatMap(e=>O(e.content.three_axis_tag_products)));let a=((e,t)=>{let l=new Set;return e.forEach(e=>{t(e.content).forEach(e=>l.add(e))}),Array.from(l).sort((e,t)=>e.localeCompare(t))})(r,F[l]);return"industry"===l?W(a,null==i?void 0:i.industryTags):"product"===l?W(a,null==i?void 0:i.productTags):W(a)},G=e=>{var t;let{intro:l,Intro:h,text:v,application_pages:x,preloadedPages:S,pageSize:j,className:N,current_locale:C,preview:H=!1,filter_industry_tag:M,filter_three_axis_tag_sales:L,filter_problem_solution_tag:T,filter_product_tag:O,filter_three_axis_tag_products:P,filter_solution_id:F}=e,{formatMessage:W}=(0,a.A)(),[G,U]=(0,r.useState)({}),V=(0,r.useMemo)(()=>(e=>({filter_industry_tag:e.filter_industry_tag,filter_three_axis_tag_sales:e.filter_three_axis_tag_sales,filter_problem_solution_tag:e.filter_problem_solution_tag,filter_product_tag:e.filter_product_tag,filter_three_axis_tag_products:e.filter_three_axis_tag_products,filter_solution_id:e.filter_solution_id}))({filter_industry_tag:M,filter_three_axis_tag_sales:L,filter_problem_solution_tag:T,filter_product_tag:O,filter_three_axis_tag_products:P,filter_solution_id:F}),[M,L,T,O,P,F]);(0,r.useEffect)(()=>{if(!0!==M&&!0!==O||!C)return;let e=!1;return(0,p.r)(C,H).then(t=>{e||U({industryTags:t.industryTags,productTags:t.productTags})}),()=>{e=!0}},[C,H,M,O]);let{filters:B,enabledFilterConfigs:z,optionsByAxis:Q,isAxisDisabled:K,currentPage:Z,totalPages:X,teaserItems:Y,resultsRef:q,handleFilterChange:J,handlePageClick:$,handleNextPage:ee,handlePreviousPage:et}=(e=>{let{pages:t,pageSize:l=9,enabledToggles:i,tagDictionaries:n}=e,{formatMessage:s}=(0,a.A)(),o=(0,r.useRef)(null),[u,c]=(0,r.useState)(k),[d,p]=(0,r.useState)(1),_=(0,r.useMemo)(()=>E(i),[i]),f=(0,r.useMemo)(()=>Object.fromEntries(I.map(e=>{let{axis:l}=e;return[l,D(t,u,l,n)]})),[t,u,n]),g=(0,r.useMemo)(()=>Object.fromEntries(I.map(e=>{let{axis:t}=e;return[t,0===f[t].length]})),[f]),m=(0,r.useMemo)(()=>w(t,u),[t,u]),h=Math.max(1,Math.ceil(m.length/l)),b=(0,r.useMemo)(()=>{let e=(d-1)*l;return m.slice(e,e+l)},[m,d,l]),v=s({id:"GO_TO_APPLICATION_LINK",defaultMessage:"Go to application"}),x=(0,r.useMemo)(()=>b.map(e=>{var t,l,i,r;let a,n=e.content.teasertitle||e.content.title||"",s=e.content.teaserdescription||e.content.description||"",o=(null==(t=e.content.teaserimage)?void 0:t.item)||(null==(l=e.content.thumbnail)?void 0:l.item),u=(null==o?void 0:o.embed_link)||(null==o?void 0:o.focal_embed_link);if(u){let e=null==(i=u.match(/\/content\/([^/]+)\//))?void 0:i[1],t=null==(r=u.match(/\/([^/?#]+\.(?:jpeg|jpg|png|webp|tif|gif))/i))?void 0:r[1],l=(null==o?void 0:o.external_id)||e||"external_id",s=(null==o?void 0:o.filename)||t||"image.jpg";a=[{alt_text:n,image:{item:{embed_link:u,focal_embed_link:(null==o?void 0:o.focal_embed_link)||u,filename:s,external_id:l}},youtube_id:""}]}return{_uid:e.full_slug,headline:n,asset:a,text:s?{content:[{type:"paragraph",content:[{type:"text",text:s}]}]}:void 0,links:[{_uid:"".concat(e.full_slug,"-link"),name:v,variant:y.W9.Secondary,link:{linktype:y.J.Story,url:e.full_slug,cached_url:e.full_slug,target:y.ub.Self,id:e.full_slug,fieldtype:""}}]}}),[b,v]),S=()=>{var e,t;null==(t=o.current)||null==(e=t.scrollIntoView)||e.call(t,{behavior:"smooth",block:"start"})};return{filters:u,enabledFilterConfigs:_,optionsByAxis:f,isAxisDisabled:g,currentPage:d,totalPages:h,teaserItems:x,resultsRef:o,handleFilterChange:(e,l)=>{c(i=>((e,t,l)=>{let i={...t};return R.forEach(t=>{if(t===l)return;let r=i[t];r&&!D(e,i,t).some(e=>e.value===r)&&(i[t]="")}),i})(t,{...i,[e]:l},e)),p(1)},handlePageClick:e=>{p(e),S()},handleNextPage:()=>{p(e=>Math.min(e+1,h)),S()},handlePreviousPage:()=>{p(e=>Math.max(e-1,1)),S()}}})({pages:(0,r.useMemo)(()=>{var e;return null!=(e=null!=x?x:S)?e:[]},[x,S]),pageSize:j,enabledToggles:V,tagDictionaries:G}),el=(null!=(t=null!=l?l:h)?t:"").trim(),ei=(0,o.b)(v),er=W({id:"CLEAR",defaultMessage:"Clear"}),ea=z.map(e=>B[e.axis]).join("|"),en=(0,n._V)(b().container,(0,n.gQ)(!!N,N));return(0,i.jsxs)(c.mc,{className:en,children:[(el||ei)&&(0,i.jsxs)("div",{className:b().introHeader,children:[el?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.$,{tag:u.e.H1,className:b().headline,children:el}),(0,i.jsx)("div",{className:b().headlineUnderline,"aria-hidden":"true"})]}):null,ei&&v&&(0,i.jsx)("div",{className:b().intro,children:(0,i.jsx)(_.r,{content:(0,g.YP)(v.content)})})]}),z.length>0?(0,i.jsx)("div",{className:b().filterWrapper,children:(0,i.jsx)("div",{className:b().selectGroup,"data-filter-count":z.length,children:z.map(e=>(0,i.jsx)(A,{id:"".concat(e.axis,"-filter"),label:W({id:e.i18nId,defaultMessage:e.defaultLabel}),value:B[e.axis],options:Q[e.axis],clearLabel:er,disabled:K[e.axis],onChange:t=>J(e.axis,t)},e.toggle))})}):null,Y.length>0?(0,i.jsxs)("div",{ref:q,className:(0,n._V)(b().teaserGridWrapper,b().resultsEnter),children:[(0,i.jsx)(m.Q,{teaser:Y,view:f.ar.Three,image_position:f.s8.Fullwidth,version:s.gL.v2,showFallbackImage:!0,separator:!1,noSpacingGrid:!0}),X>1&&(0,i.jsx)("div",{className:b().paginationWrapper,children:(0,i.jsx)(d.d,{currentPage:Z,totalPages:X,pageSize:null!=j?j:9,onPageClick:$,onNextPage:ee,onPreviousPage:et})})]},ea):(0,i.jsx)("div",{className:(0,n._V)(b().noResults,b().resultsEnter),children:(0,i.jsx)("p",{children:W({id:"NO_RESULTS",defaultMessage:"No applications foun

1d."})})},ea)]})};var U=l(93525);let V=e=>{let{blok:t}=e;return(0,i.jsx)(U.P,{blok:t,moduleName:"ApplicationHub",children:(0,i.jsx)(G,{...t})})},B=V}}]);