https://www.sunlighten.com/ProductComparison-3de4c9cd44dadd78a19a.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7767],{25502:function(e,l,a){a(18111),a(61701);var t=a(96540),n=a(37973);l.A=({text:e})=>{var l,a;if(!e||"string"!=typeof(null==e?void 0:e.value))return null;const o=null==e||null===(l=e.value)||void 0===l?void 0:l.split(" "),r=null==o||null===(a=o.map((e,l)=>{if(e.includes("®")){return`${e.split("®")[0]}<sup>&reg;</sup>`}if(e.includes("--")){const l=e.split("--");return l.map((e,a)=>a!=l.length-1?`${e}&shy;`:e).join("")}return e}))||void 0===a?void 0:a.join(" ");return r?t.createElement(t.Fragment,null,(0,n.Ay)(r)):t.createElement(t.Fragment,null,e.value)}},36187:function(e,l,a){a.d(l,{A:function(){return r}});var t=a(96540),n=a(60739),o=a(74564);var r=({className:e,strokeColor:l,direction:a,handleClick:r,"aria-label":u})=>t.createElement("button",{type:"button",className:`${e} arrow-lg-button-module--button--adbc1`,onClick:r,"aria-label":u||("left"===a?"Previous":"Next")},"right"===a&&t.createElement(o.A,{strokeColor:l}),"left"===a&&t.createElement(n.A,{strokeColor:l}))},60739:function(e,l,a){var t=a(96540);l.A=({strokeColor:e})=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18.36 34.2"},t.createElement("g",{"data-name":"Layer 2"},t.createElement("path",{"data-name":"Path 512",d:"M17.36 1L1 17.1l16.36 16.1",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})))},64836:function(e,l,a){a.r(l),a.d(l,{default:function(){return k}});a(44114),a(18111),a(61701);var t=a(96540),n="ProductComparison-module--aspectName--c200f",o="ProductComparison-module--aspectProd--907c9",r="ProductComparison-module--col--746bc",u="ProductComparison-module--columnWrap--72f5f",i="ProductComparison-module--columns--1ad72",c="ProductComparison-module--comparativeAspect--7bee6",m="ProductComparison-module--comparativeResults--fe7a9",s="ProductComparison-module--compareCol--68bd2",d="ProductComparison-module--dots--4524a",v="ProductComparison-module--noAspectProd--6fe72",p="ProductComparison-module--other--ad128",_="ProductComparison-module--productImage--6c76b",g="ProductComparison-module--sunlighten--68512",f=a(3777),E=a(11686),h=a(33686),y=a(21153),C=a(686),N=a(36187),w=a(25502);var k=(e,{headline:l,cta_configuration__cta_label:a,cta_configuration__cta_window_action:k})=>{var b,A,P,$,B,S,L,x,R,T,z,F,D,H,q,I,M,O,j,W,V,K,U,G,J;const Q=e.category_a_products,X=e.category_b_products,Y=e.category_a_label.value,Z=e.category_b_label.value,ee=e.compare_cta_label.value,le=e.materials.value,ae=(0,C.dv)(),[te,ne]=(0,t.useState)(0),[oe,re]=(0,t.useState)(0),[ue,ie]=(0,t.useState)(0),ce=(0,t.useRef)(null),me=(0,t.useRef)(null),se=Q.value.length+X.value.length+1,[de,ve]=(0,t.useState)(0),[pe,_e]=(0,t.useState)(0),ge=Q.value.length,[fe,Ee]=(0,t.useState)(0),[he,ye]=(0,t.useState)(0),Ce=X.value.length,[Ne,we]=(0,t.useState)(),[ke,be]=(0,t.useState)(),[Ae,Pe]=(0,t.useState)(-1),[$e,Be]=(0,t.useState)(-1),[Se,Le]=(0,t.useState)(!1),xe=(0,f.To)(e.cta_configuration__cta_window_action);let Re=function(e,l,a){let t=a*e+200;const n={width:t};return n}(se,0,200);const Te=()=>{var e,l;ve(e=>e+1),_e(e=>e+1);const a=null==me||null===(e=me.current)||void 0===e||null===(l=e.getBoundingClientRect())||void 0===l?void 0:l.width;re(oe-a)},ze=()=>{var e,l;ve(e=>e-1),_e(e=>e+-1);const a=null==me||null===(e=me.current)||void 0===e||null===(l=e.getBoundingClientRect())||void 0===l?void 0:l.width;re(oe+a)},Fe=()=>{var e,l;Ee(e=>e+1),ye(e=>e+1);const a=null==me||null===(e=me.current)||void 0===e||null===(l=e.getBoundingClientRect())||void 0===l?void 0:l.width;ie(ue-a)},De=()=>{var e,l;Ee(e=>e-1),ye(e=>e+-1);const a=null==me||null===(e=me.current)||void 0===e||null===(l=e.getBoundingClientRect())||void 0===l?void 0:l.width;ie(ue+a)};(0,t.useEffect)(()=>{const e=()=>{ne(ce.current.getBoundingClientRect().width)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const He=(e,l)=>{let a=[];for(let n=0;n<e;n++)a.push(t.createElement("span",{key:n,style:l==n?{background:"#ccc"}:{}}));return a},qe=(e,l)=>t.createElement("li",{key:"aspect"+l,className:n},e.name),Ie=(e,l)=>{var a,o,r,u,i,c,m,s,d,v,p;null===(a=e.elements)||void 0===a||null===(o=a.material)||void 0===o||null===(r=o.value[0])||void 0===r||r.codename;let _=null==e||null===(u=e.elements)||void 0===u||null===(i=u.image)||void 0===i||null===(c=i.value[0])||void 0===c||null===(m=c.elements)||void 0===m||null===(s=m.file)||void 0===s||null===(d=s.value[0])||void 0===d?void 0:d.url;return t.createElement("li",{key:"material"+l,className:n,style:{background:"url("+_+")",color:"#ffffff"}},null===(v=e.elements.material)||void 0===v||null===(p=v.value[0])||void 0===p?void 0:p.name)},Me=(l,a)=>{var n,r,u,i,c,m,s,d,_,C,N,w,k,b,A,P,$,B;let S=[];for(let e=0;e<l.elements.comparative_aspect.value.length;e++)S.push(l.elements.comparative_aspect.value[e].codename);let L=[];for(let e=0;e<l.elements.material.value.length;e++)L.push(l.elements.material.value[e].codename);const x={"--cta-content":`'${null===(n=l.elements.cta_configuration__cta_label)||void 0===n?void 0:n.value}'`};return t.createElement("ul",{key:"product"+a,className:"sunlighten"===(null===(r=l.elements.brand.value[0])||void 0===r?void 0:r.codename)?`${g}`:`${p}`},t.createElement("li",{className:"sunlighten"===(null===(u=l.elements.brand.value[0])||void 0===u?void 0:u.codename)?`${g}`:`${p}`},(0,E.A)(l.elements.display_name)),t.createElement("li",{className:"ProductComparison-module--modelImage--02a94"},t.createElement("a",{href:null===(i=l.elements.master_product.value[0])||void 0===i||null===(c=i.elements)||void 0===c||null===(m=c.slug)||void 0===m?void 0:m.url,style:x,"aria-label":`View ${(null===(s=l.elements.display_name)||void 0===s?void 0:s.value)||"product"} details`},t.createElement("img",{src:(0,f.HT)(null===(d=l.elements.image.value[0])||void 0===d||null===(_=d.elements)||void 0===_||null===(C=_.file)||void 0===C||null===(N=C.value[0])||void 0===N?void 0:N.url,{...f.fv.card.desktop,q:95}),srcSet:(0,f.iP)(null===(w=l.elements.image.value[0])||void 0===w||null===(k=w.elements)||void 0===k||null===(b=k.file)||void 0===b||null===(A=b.value[0])||void 0===A?void 0:A.url,f.fv.card.desktop.w,{fm:"webp",q:95}),sizes:"(max-width: 768px) 100vw, 33vw",alt:(null===(P=l.elements.display_name)||void 0===P?void 0:P.value)||"",loading:"lazy"}))),t.createElement("div",{className:"sunlighten"===(null===($=l.elements.brand.value[0])||void 0===$?void 0:$.codename)?"ProductComparison-module--learnSunlighten--6a314":"ProductComparison-module--learnOther--ff57c"},(null==l?void 0:l.elements.cta_configuration__cta_label.value)&&t.createElement(h.A,{href:(0,y.y)(null==l?void 0:l.elements.cta_configuration__cta_location),visualStyle:"outlineLight"},null==l||null===(B=l.elements.cta_configuration__cta_label)||void 0===B?void 0:B.value)),e.comparative_aspect.value.map((e,a)=>t.createElement("li",{key:"aspectCodename"+a,className:S.includes(e.codename)?`${o}`:`${v}`},t.createElement("span",{className:"sunlighten"===l.elements.brand.value[0].codename?`${g}`:`${p}`}))),le.map((e,a)=>{var n;return t.createElement("li",{key:"materialsCodename"+a,className:L.includes(e.elements.material.value[0].codename)?`${o}`:`${v}`},t.createElement("span",{className:"sunlighten"===(null===(n=l.elements.brand.value[0])||void 0===n?void 0:n.codename)?`${g}`:`${p}`}))}))};return t.createElement("div",{className:"ProductComparison-module--prodComparisonWrapper--98cd8"},t.createElement("section",{className:"ProductComparison-module--comparison--ec35d"},t.createElement("div",{className:"ProductComparison-module--comparisonFilter--e3f17"},t.createElement("h2",null,null!=l&&l.value?t.createElement(w.A,{text:l}):"Product Comparison"),t.createElement("span",null,t.createElement("label",{htmlFor:"categoryA"},Y),t.createElement("div",{className:"select-wrapper"},t.createElement("select",{id:"categoryA",name:"categoryA",defaultValue:"",onChange:e=>{if(e.currentTarget.value){const l=parseInt(e.currentTarget.value);Pe(l),we(Q.value[l]),-1===l&&Le(!1)}}},t.createElement("option",{value:"-1"},"All"),Q.value.map((e,l)=>t.createElement("option",{key:"optionA"+l,value:l,dangerouslySetInnerHTML:{__html:e.elements.display_name.value}}))))),t.createElement("span",null,t.createElement("label",{htmlFor:"categoryB"},Z),t.createElement("div",{className:"select-wrapper"},t.createElement("select",{id:"categoryB",name:"categoryB",defaultValue:"",onChange:e=>{if(e.currentTarget.value){const l=parseInt(e.currentTarget.value);Be(l),be(X.value[l]),-1===l&&Le(!1)}}},t.createElement("option",{value:"-1"},"All"),X.value.map((e,l)=>t.createElement("option",{key:"optionB"+l,value:l,dangerouslySetInnerHTML:{__html:e.elements.display_name.value}}))))),t.createElement("span",null,t.createElement("button",{onClick:()=>{Le(-1!==Ae&&-1!==$e)}},ee)))),!Se&&t.createElement(t.Fragment,null,t.createElement("section",{className:"ProductComparison-module--allResults--452d9"},t.createElement("div",{ref:ce,className:u},!ae.md&&t.createElement("div",{className:i},t.createElement("div",{style:{},className:r},t.createElement("div",{style:{width:"800px",marginLeft:oe+"px"},className:"ProductComparison-module--catAproducts--1d97a"},Q.value.map((e,l)=>Me(e,l))),Q.value.length>0&&de>0?t.createElement(N.A,{strokeColor:"#848685",direction:"left",handleClick:ze,className:"ProductComparison-module--prevArrowButtonA--1cb2f"}):null,pe+1<ge?t.createElement(N.A,{strokeColor:"#848685",direction:"right",handleClick:Te,className:"ProductComparison-module--nextArrowButtonA--55e32"}):null,t.createElement("div",{className:d},He(ge,pe))),t.createElement("div",{style:{},className:"ProductComparison-module--aspectMenu--7d5d1"},t.createElement("ul",{ref:me},t.createElement("li",{style:{display:"none"}}),t.createElement("li",{style:{display:"none"}}),e.comparative_aspect.value.map((e,l)=>

1qe(e,l)),e.materials.value.map((e,l)=>Ie(e,l)))),t.createElement("div",{style:{},className:r},t.createElement("div",{style:{width:"800px",marginLeft:ue+"px"},className:"ProductComparison-module--otherProducts--b540f"},X.value.map((e,l)=>Me(e,l))),X.value.length>0&&fe>0?t.createElement(N.A,{strokeColor:"#848685",direction:"left",handleClick:De,className:"ProductComparison-module--prevArrowButtonB--9bfcd"}):null,he+1<Ce?t.createElement(N.A,{strokeColor:"#848685",direction:"right",handleClick:Fe,className:"ProductComparison-module--nextArrowButtonB--d0dee"}):null,t.createElement("div",{className:d},He(Ce,he)))),ae.md&&t.createElement("div",{className:i,style:Re},t.createElement("ul",null,t.createElement("li",null),t.createElement("li",null,"Model"),e.comparative_aspect.value.map((e,l)=>qe(e,l)),e.materials.value.map((e,l)=>Ie(e,l))),null===(b=Q.value)||void 0===b?void 0:b.map((e,l)=>Me(e,l)),null===(A=X.value)||void 0===A?void 0:A.map((e,l)=>Me(e,l)))))),t.createElement("section",{className:"ProductComparison-module--compareResults--db6d5"},Se&&t.createElement(t.Fragment,null,t.createElement("div",{className:u,ref:ce},t.createElement("div",{className:s},Ne&&t.createElement("div",{className:"ProductComparison-module--compareColA--33c50"},t.createElement("h2",null,(0,E.A)(Ne.elements.display_name)),t.createElement("div",{className:_},t.createElement("img",{src:(0,f.HT)(null==Ne||null===(P=Ne.elements.image)||void 0===P||null===($=P.value[0].elements.file)||void 0===$||null===(B=$.value[0])||void 0===B?void 0:B.url,{...f.fv.card.desktop,q:95}),srcSet:(0,f.iP)(null==Ne||null===(S=Ne.elements.image)||void 0===S||null===(L=S.value[0].elements.file)||void 0===L||null===(x=L.value[0])||void 0===x?void 0:x.url,f.fv.card.desktop.w,{fm:"webp",q:95}),sizes:"(max-width: 768px) 100vw, 33vw",alt:(null==Ne||null===(R=Ne.elements)||void 0===R||null===(T=R.display_name)||void 0===T?void 0:T.value)||"",loading:"lazy"}),t.createElement(h.A,{href:(0,y.y)(null==Ne?void 0:Ne.elements.cta_configuration__cta_location),visualStyle:"outlineDark"},null==Ne||null===(z=Ne.elements.cta_configuration__cta_label)||void 0===z?void 0:z.value)),t.createElement("ul",{className:c},e.comparative_aspect.value.map((e,l)=>qe(e,l)),e.materials.value.map((e,l)=>Ie(e,l))),t.createElement("ul",{className:m},e.comparative_aspect.value.map((e,l)=>((e,l)=>{var a,n,r;let u=[];if(null!=Ne&&null!==(a=Ne.elements)&&void 0!==a&&null!==(n=a.comparative_aspect)&&void 0!==n&&null!==(r=n.value)&&void 0!==r&&r.length){for(let e=0;e<(null==Ne||null===(i=Ne.elements)||void 0===i||null===(c=i.comparative_aspect)||void 0===c||null===(m=c.value)||void 0===m?void 0:m.length);e++){var i,c,m,s,d;u.push(null==Ne||null===(s=Ne.elements)||void 0===s||null===(d=s.comparative_aspect)||void 0===d?void 0:d.value[e].codename)}return t.createElement("li",{key:"codenameA"+l,className:u.includes(e.codename)?`${o}`:`${v}`},t.createElement("span",{className:g}))}})(e,l)),e.materials.value.map((e,l)=>{var a;return((e,l)=>{var a,n;let r=[],u=null==Ne||null===(a=Ne.elements)||void 0===a||null===(n=a.material)||void 0===n?void 0:n.value;if(null!=u&&u.length)for(let t=0;t<(null==u?void 0:u.length);t++){var i;r.push(null===(i=u[t])||void 0===i?void 0:i.codename)}return t.createElement("li",{key:"materialA"+l,className:r.includes(e.codename)?`${o}`:`${v}`},t.createElement("span",{className:g}))})(null==e||null===(a=e.elements)||void 0===a?void 0:a.material.value[0],l)})))),t.createElement("div",{className:s},ke&&t.createElement("div",null,t.createElement("h2",null,(0,E.A)(ke.elements.display_name)),t.createElement("div",{style:{float:"left"},className:_},t.createElement("img",{src:(0,f.HT)(null==ke||null===(F=ke.elements.image)||void 0===F||null===(D=F.value[0])||void 0===D||null===(H=D.elements)||void 0===H||null===(q=H.file)||void 0===q||null===(I=q.value[0])||void 0===I?void 0:I.url,{...f.fv.card.desktop,q:95}),srcSet:(0,f.iP)(null==ke||null===(M=ke.elements.image)||void 0===M||null===(O=M.value[0])||void 0===O||null===(j=O.elements)||void 0===j||null===(W=j.file)||void 0===W||null===(V=W.value[0])||void 0===V?void 0:V.url,f.fv.card.desktop.w,{fm:"webp",q:95}),sizes:"(max-width: 768px) 100vw, 33vw",alt:(null==ke||null===(K=ke.elements)||void 0===K||null===(U=K.display_name)||void 0===U?void 0:U.value)||"",loading:"lazy"})),t.createElement("ul",{style:{float:"left"},className:c},e.comparative_aspect.value.map((e,l)=>

1qe(e,l)),e.materials.value.map((e,l)=>Ie(e,l))),t.createElement("ul",{style:{float:"left"},className:`${m} ProductComparison-module--comparativeResultsB--0ce79`},e.comparative_aspect.value.map((e,l)=>((e,l)=>{var a;let n=[];if(null!=ke&&null!==(a=ke.elements.comparative_aspect)&&void 0!==a&&a.value.length){for(let e=0;e<(null===(r=ke.elements.comparative_aspect)||void 0===r?void 0:r.value.length);e++){var r,u;n.push(null==ke||null===(u=ke.elements.comparative_aspect)||void 0===u?void 0:u.value[e].codename)}return t.createElement("li",{key:"codenameB"+l,className:n.includes(e.codename)?`${o}`:`${v}`},t.createElement("span",{className:p}))}})(e,l)),e.materials.value.map((e,l)=>{var a;return((e,l)=>{var a,n;let r=[],u=null==ke||null===(a=ke.elements)||void 0===a||null===(n=a.material)||void 0===n?void 0:n.value;if(null!=u&&u.length)for(let t=0;t<(null==u?void 0:u.length);t++){var i;r.push(null===(i=u[t])||void 0===i?void 0:i.codename)}return t.createElement("li",{key:"materialB"+l,className:r.includes(e.codename)?`${o}`:`${v}`},t.createElement("span",{className:p}))})(null==e||null===(a=e.elements)||void 0===a?void 0:a.material.value[0],l)}))))))),null!==(G=e.cta_configuration__cta_label)&&void 0!==G&&G.value?t.createElement("div",{className:"ProductComparison-module--ctaContainer--904ad"},t.createElement(h.A,{href:(()=>{var l,a,t,n,o,r,u,i,c,m,s;switch(null===(l=e.cta_configuration__cta_location.value[0])||void 0===l?void 0:l.__typename){case"kontent_item_layout___master_page":return null===(a=e.cta_configuration__cta_location.value[0])||void 0===a||null===(t=a.elements.slug)||void 0===t?void 0:t.url;case"kontent_item_content_item___third_party_link":return null===(n=e.cta_configuration__cta_location.value[0])||void 0===n||null===(o=n.elements.third_party_url)||void 0===o?void 0:o.value;case"kontent_item_documents___products":return null===(r=e.cta_configuration__cta_location.value[0])||void 0===r||null===(u=r.elements.file)||void 0===u||null===(i=u.value[0])||void 0===i?void 0:i.url;case"kontent_item_document___general":return null===(c=e.cta_configuration__cta_location.value[0])||void 0===c||null===(m=c.elements.document)||void 0===m||null===(s=m.value[0])||void 0===s?void 0:s.url}})(),target:"new_window"===xe?"_blank":void 0},null===(J=e.cta_configuration__cta_label)||void 0===J?void 0:J.value)):t.createElement(t.Fragment,null))}},74564:function(e,l,a){var t=a(96540);l.A=({strokeColor:e})=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18.36 34.2"},t.createElement("g",{"data-name":"Layer 2"},t.createElement("path",{"data-name":"Path 509",d:"M1 33.2l16.36-16.1L1 1",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})))}}]);
2//# sourceMappingURL=ProductComparison-3de4c9cd44dadd78a19a.js.map