1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2231,7444],{25415:(e,r,t)=>{"use strict";t.d(r,{NC:()=>n,ti:()=>o,oj:()=>l});var a=t(94941);let i=e=>e?e.replace(/-/g," ").split(" ").map(e=>e.substring(0,1).toUpperCase()+e.substring(1)).join(" "):"",n=(e,r,t)=>{let a={title:"",url:""};return r&&t?(a.url=`/${e}/${t}/${r}`,a.title=i(r)):r&&!t&&(a.url=`/${e}/${r}`,a.title=i(r)),a},o=e=>e.startsWith("/")?e:`/${e}`,l=(e,r,t,i)=>{let n;switch(t&&(n=((e,r,t,i)=>{if("InformationPageRecord"===t){let t=r?.find(e=>e.url===`/${a.JZ.GUIDES}`),n=t?.children?.find(r=>r?.pageLink?.slug===e);return i&&(n=t?.children?.find(r=>r?.children?.map(r=>r?.pageLink?.slug===e))),n}if("CategoryPageRecord"===t){let t=r?.find(e=>e.url===`/${a.JZ.PRODUCTS}`);return t?.children?.find(r=>r?.pageLink?.slug===e)}return null})(r,t,e,i)),e){case"CampaignPageRecord":return`/${a.JZ.CAMPAIGN}/${r}`;case"CategoryPageRecord":return n?`products/${n.pageLink?.slug}/${r}`:`products/${r}`;case"InformationListPageRecord":return`/${r}`;case"InformationPageRecord":return`/${a.JZ.GUIDES}/${n?.pageLink?.slug}/${r}`;default:return}}},32688:e=>{e.exports={"back-link":"category-page_back-link__6AvWC",hero:"category-page_hero__6rMmn",filters:"category-page_filters__qDcv8",products:"category-page_products__f2DIi",page:"category-page_page__FsZN1"}},37444:(e,r,t)=>{"use strict";t.r(r),t.d(r,{Button:()=>o});var a=t(64255),i=t(26406);let n=i.Ay.button.withConfig({componentId:"sc-3adc967e-0"})(["appearance:none;display:",";padding-block:var(--spacing-tiny);padding-inline:var(--spacing-small);min-height:2.5rem;border:0;font-size:var(--font-size-body14);line-height:var(--line-height-body14);font-weight:var(--font-weight-medium);font-family:var(--font-family-bold);text-align:",";text-decoration:none;cursor:pointer;transition:0.1s;",";a&{display:",";align-items:center;justify-content:center;}&:focus-visible{outline-color:var(--focus-color,-webkit-focus-ring-color);outline-offset:0.125rem;outline-style:solid;}&:disabled{cursor:not-allowed;}",""],({$stretch:e})=>e?"block":"inline-block",({$stretch:e})=>e?"center":"initial",({$icon:e,$nature:r,$selected:t,$stretch:a})=>"primary"===r?(0,i.AH)(["min-height:3.5rem;padding-block:0;padding-inline:2rem;width:",";color:var(--color-white);background-color:var(--color-hell-blue);"],a?"100%":"fit-content"):"outlinePrimary"===r?(0,i.AH)(["min-height:2.5rem;padding-block:var(--spacing-x-small);padding-inline:var(--spacing-regular);border-radius:6.25rem;border:thin solid var(--color-hell-blue);background-color:var(--color-white);color:var(--color-hell-blue);&:hover{background-color:var(--color-gray3);color:var(--color-hell-blue);}",""],t&&(0,i.AH)(["background-color:var(--color-hell-blue);color:var(--color-white);&:hover{background-color:var(--color-hell-blue-hover);color:var(--color-white);}"])):(0,i.AH)(["min-height:3.5rem;padding-block:0;padding-inline:2rem;width:",";color:var(--color-gray5);background-color:var(--color-black);&:hover{background-color:var(--color-black-hover);}"],a?"100%":"fit-content"),({$stretch:e})=>e?"flex":"inline-flex",({$icon:e})=>e&&(0,i.AH)(["display:inline-flex;justify-content:center;align-items:center;"])),o=({center:e,children:r,href:t,icon:i,nature:o="default",selected:l,stretch:c,...s})=>t?(0,a.jsx)(n,{$center:e,$icon:i,$nature:o,$selected:l,$stretch:+!!c,as:"a",href:t,...s,children:r}):(0,a.jsx)(n,{$center:e,$icon:i,$nature:o,$selected:l,$stretch:+!!c,...s,children:r})},42231:(e,r,t)=>{"use strict";t.r(r),t.d(r,{CategoryPage:()=>Q});var a=t(64255),i=t(41695),n=t(57424),o=t.n(n),l=t(58266),c=t(83509),s=t(98164),d=t(52204),g=t.n(d),u=t(19419),m=t.n(u),h=t(85391),p=t(39301),f=t(77975),v=t(93193),y=t(75104),x=t.n(y);let b=({className:e,features:r=[],style:t,title:i=""})=>r?.length?(0,a.jsxs)("div",{className:(0,l.$)(x().root,e),"data-no-search":!0,"data-test":"features",style:t,children:[(0,a.jsx)(f.D,{styleType:"header4",type:"h2",children:i}),(0,a.jsx)("ul",{className:x().list,children:r.map(function(e){if(!e.name)return null;let r=`CategoryFeatures-${e.name}`,t=e.icon?.url.includes("datocms-assets.com")?p.P:void 0,i=(0,a.jsxs)(a.Fragment,{children:[e.icon?.url&&(0,a.jsx)(g(),{alt:e.icon?.alt||e.name||"Feture Icon",height:24,loader:t,src:e.icon.url,width:24}),(0,a.jsx)(v.Paragraph,{styleType:"body16",children:e.name})]}),n=e.link?.__typename&&"slug"in e.link&&e.link.slug&&(0,h.o)(e.link.__typename,e.link.slug)||"",o=n?(0,a.jsx)(m(),{className:(0,l.$)(x().feature,x()["feature-link"]),href:n,children:i}):(0,a.jsx)("span",{className:x().feature,children:i});return(0,a.jsx)("li",{className:x().item,children:o},r)})})]}):null;
1var k=t(6e3),w=t(76492),_=t.n(w);let j=({className:e,description:r,features:t=[],featuresHeader:i,title:n})=>(0,a.jsxs)("section",{className:(0,l.$)("grid",_().root,e),children:[n&&(0,a.jsx)(f.D,{className:_().title,styleType:"header2",type:"h1",children:n}),r&&(0,a.jsx)("div",{className:_().description,children:(0,a.jsx)(k.o,{children:r})}),!!t?.length&&(0,a.jsx)(b,{className:_().features,features:t,title:i})]});var $=t(99112),C=t(37444),N=t(65923),A=t(26406),P=t(13784);let I=A.Ay.div.withConfig({componentId:"sc-6e9c3179-0"})(["width:100%;display:flex;padding-block:var(--spacing-medium);padding-inline:var(--spacing-small);padding-inline-end:calc(var(--spacing-small) + var(--spacing-small));@media screen and (min-width:","){padding-inline-end:calc(var(--spacing-medium) + var(--spacing-medium));}@media screen and (min-width:","){padding-inline:var(--spacing-small);padding-block:var(--spacing-small) var(--spacing-medium);}div{block-size:0.125rem;}"],P.f.tablet,P.f.desktop),T=A.Ay.div.withConfig({componentId:"sc-6e9c3179-1"})(["border-radius:1px;background-color:var(--color-hell-salmon);transition:width 0.2s ease-out;width:","%;"],({$value:e=0})=>e),M=A.Ay.div.withConfig({componentId:"sc-6e9c3179-2"})(["border-radius:0 1px 1px 0;background-color:var(--color-gray3);transition:width 0.2s ease-out;width:","%;"],({$value:e=100})=>e),D=A.Ay.div.withConfig({componentId:"sc-aaa90c8f-0"})(["margin-block-start:var(--spacing-regular);"]),H=(0,A.Ay)(({className:e,soFar:r,toGo:t})=>(0,a.jsxs)(I,{className:e,children:[(0,a.jsx)(T,{$value:r}),(0,a.jsx)(M,{$value:t})]})).withConfig({componentId:"sc-aaa90c8f-1"})(["margin:0 0 var(--spacing-block) 0;width:100%;"]),L=A.Ay.div.withConfig({componentId:"sc-aaa90c8f-2"})(["max-width:15.625rem;margin-block:0;margin-inline:auto;"]),F=A.Ay.div.withConfig({componentId:"sc-aaa90c8f-3"})(["margin-block-end:var(--spacing-small);text-align:center;font-size:var(--font-size-s);letter-spacing:0.1rem;"]),R=A.Ay.div.withConfig({componentId:"sc-aaa90c8f-4"})(["display:flex;flex-direction:column;align-items:center;a,button{text-align:center;justify-content:center;}"]),S=({displayCount:e,displayTotal:r,loading:t,loadMore:i,loadMoreHref:n,ofText:o,pagerData:l,productsText:c,showAll:s,showAllHref:d,showAllText:g,showMoreText:u})=>{if(!l)return null;let{itemCount:m,pageCount:h,pageNumber:p,pageSize:f}=l;if(!m||p>=h)return null;let y="number"==typeof l?.pageNumber&&"number"==typeof l.pageCount&&l.pageNumber<l.pageCount,x=p*f>m?m:p*f,b=e??x,k=r??m,w=k?Math.round(Math.min(b,k)/k*100):100,_=e=>r=>{r.altKey||r.ctrlKey||r.metaKey||r.shiftKey||0!==r.button||(r.preventDefault(),e())};return(0,a.jsx)(D,{"data-no-search":!0,children:(0,a.jsxs)(L,{children:[(0,a.jsxs)(F,{children:[Math.min(b,k)," ",o," ",k," ",c]}),(0,a.jsx)(H,{soFar:w,toGo:100-w}),y&&(0,a.jsxs)(R,{children:[(0,a.jsx)(C.Button,{center:!0,href:n,onClick:_(i),children:u}),(0,a.jsx)(N.Q,{href:d,onClick:_(s),children:(0,a.jsx)(v.Paragraph,{styleType:"body14Medium",children:g})})]})]})})};var z=t(69601),E=t(82900);let G=A.Ay.section.withConfig({componentId:"sc-bc831ee6-0"})(["max-width:90rem;width:100%;margin-inline:auto;margin-block:1.875rem;display:grid;grid-template-columns:1fr;--grid-layout-gap:3.125rem;--grid-column-count:1;--grid-item-min-width:360px;--gap-count:calc(var(--grid-column-count) - 1);--total-gap-width:calc(var(--gap-count) * var(--grid-layout-gap));--grid-item-max-width:calc( (100% - var(--total-gap-width)) / var(--grid-column-count) );@media screen and (min-width:","){--grid-column-count:2;--gap-count:calc(var(--grid-column-count) - 1);grid-template-columns:repeat( auto-fill,minmax(max(var(--grid-item-min-width),var(--grid-item-max-width)),1fr) );gap:var(--grid-layout-gap);}@media screen and (min-width:","){--grid-column-count:3;--gap-count:calc(var(--grid-column-count) - 1);grid-template-columns:repeat( auto-fill,minmax(max(var(--grid-item-min-width),var(--grid-item-max-width)),1fr) );gap:var(--grid-layout-gap);}"],P.f.bigMobile,P.f.desktop),U=({children:e})=>(0,a.jsx)(G,{children:e});var B=t(32688),J=t.n(B);let K=o()(()=>Promise.all([t.e(8481),t.e(9278)]).then(t.bind(t,39278)).then(e=>e.BackLink),{loadableGenerated:{webpack:()=>[39278]}}),Z=o()(()=>Promise.all([t.e(920),t.e(1392)]).then(t.bind(t,51392)).then(e=>e.CategoryPageTypeFilters),{loadableGenerated:{webpack:()=>[51392]}}),Q=({canonical:e,content:r,genericCategory:t,metadata:n,page:o=1})=>{let{shared:d}=(0,c.P)(),{isLoading:g,loadMore:u,loadMoreHref:m,pagerData:h,products:p,showAll:f,showAllHref:v}=(0,s.useProductCategory)(),y=(0,i.useMemo)(()=>
1{if(!h)return;let e=(0,z.N)(p).length,r=p.length-e;return{count:e,total:Math.max(e,(h.itemCount||0)-r)}},[p,h]),x=(0,i.useMemo)(()=>{if(r.parent?.slug)return{href:["/products",r.parent.parent?.slug,r.parent.slug].filter(Boolean).join("/"),text:r.parent.heroTitle||r.parent.slug}},[r]);return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)($.Page,{canonical:e,className:J().page,metadata:n,children:[x?.href&&(0,a.jsx)("nav",{className:(0,l.$)("content",J()["back-link"]),children:(0,a.jsx)(K,{href:x?.href,children:x.text||""})}),(0,a.jsx)("section",{className:J().hero,children:(0,a.jsx)(j,{description:o<=1?r.heroDescription:null,features:r.features,featuresHeader:t.featuresHeader,title:r.heroTitle})}),(0,a.jsx)(Z,{className:(0,l.$)(J().filters),title:t?.typeLabel}),(0,a.jsxs)("section",{className:(0,l.$)("content",J().products),children:[(0,a.jsx)(U,{children:(0,a.jsx)(E.Q,{badgeText:d?.new||"",comingSoonBadgeText:d?.comingSoon||"Coming soon",products:p})}),(0,a.jsx)(S,{displayCount:y?.count,displayTotal:y?.total,loading:g,loadMore:u,loadMoreHref:m,ofText:t?.of||"of",pagerData:h,productsText:t?.products||"Products",showAll:f,showAllHref:v,showAllText:t?.viewAll||"Show all",showMoreText:t?.showMoreProducts||"Load more"})]})]})})}},75104:e=>{e.exports={root:"category-features_root__1DhgU",list:"category-features_list__3tixS",item:"category-features_item__ENQF1",feature:"category-features_feature__YK8o5","feature-link":"category-features_feature-link__o8TWL"}},76492:e=>{e.exports={"text-grid":"category-hero_text-grid__CTq_V",title:"category-hero_title__iypiO",description:"category-hero_description__iMHEJ",features:"category-hero_features__ctvUz"}},85391:(e,r,t)=>{"use strict";t.d(r,{o:()=>a.oj});var a=t(25415)}}]); 2//# sourceMappingURL=2231.20b3ad13927fdbe5.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.