https://www.certainteed.com/themes/custom/certainteed/react-app/build/static/js/4577.38b7a157.chunk.js

1"use strict";(self.webpackChunkreact_app=self.webpackChunkreact_app||[]).push([[4577],{9286:function(e,t,a){var i=a(3433),n=a(2791),l=a(6407),r=a(2432),o=a(9647),c=a(7413),s=a(184),u=(0,n.forwardRef)((function(e,t){var a=(0,c.Z)().breakpoint,u=(0,r.Z)(e),d=u.children,m=u.modalId,b=u.modalModifiers,f=void 0===b?[]:b,_=u.widthSmall,p=u.closeIn,x=u.centered,h=u.variantClassic,v=u.closeIconName,g=void 0===v?"close":v,y=u.modalExtra,k=void 0===y?[]:y,j=(0,n.useCallback)((0,o.Z)("modal",[].concat((0,i.Z)(f),[_?"small":"",x?"text-center":"",h?"variant-classic":""]),"",["js-modal","hidden"].concat((0,i.Z)(k))),[f,_,x,h,k]),w=(!_||a.isMobile)&&!a.isDesktop,Z=(0,s.jsx)("button",{title:Drupal.t("Close"),className:(0,o.Z)("btn-icon",["close",w?"close-small":""],"",["js-modal-close"]),onClick:null===e||void 0===e?void 0:e.onCloseHandler,children:w?(0,s.jsx)(l.Z,{iconName:null!==g&&void 0!==g?g:"close-small"}):(0,s.jsx)(l.Z,{iconName:g})}),N=_||p;return(0,s.jsxs)("div",{className:j,"data-modal-id":m,ref:t,children:[(0,s.jsxs)("div",{className:"container",children:[d,N&&Z]}),!N&&Z]})}));t.Z=u},8340:function(e,t,a){a.d(t,{Z:function(){return C}});var i,n=a(3433),l=a(9439),r=a(2791),o=a(8870),c=a(9647),s=a(6407),u=a(9286),d=a(3854),m=a(2271),b=a(5880),f=a(7745),_=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if((0,f.Z)(e)){var a=t.damImageStyle||"46x46";return e=(0,b.vP)(a,(0,b.u2)(e),!0)}return e},p=a(49),x=a(1413),h=a(4942),v={marketingColor:"color",finish:"finish",marketingProfile:"profile",applicationMethod:"application_method",applicationAreas:"application_areas",nominalLength:"length",nominalThickness:"thickness",perforation:"perforation",nominalWidth:"width"},g={color:"undefined",profile:"undefined",finish:"undefined",application_method:"undefined",length:"undefined",width:"undefined",thickness:"undefined",perforation:"undefined"},y=function(e){return Object.keys(e).reduce((function(t,a){var i=v[a];return i&&(t[i]=function(e){return String(e).replace(/_/g," ").trim()}(e[a])),t}),{})},k=function(e,t){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],i=y(t),n=y((0,h.Z)({},e.groupedBy,e.attributeName)),l=(0,x.Z)((0,x.Z)((0,x.Z)({},g),n),i);return(0,x.Z)({event:"product_click",event_origin:"front-end",click_type:"button",action:a?"remove":"add",link_text:e.attributeName||"undefined",link_url:"undefined"},l)},j=a(7523),w=a(184),Z=function(e){var t,a=e.item,i=e.activeAttributes,n=e.filteredList,l=e.typeUsed,r=e.disabledMessage,o=void 0===r?Drupal.t("Disabled by your selection"):r,s=e.baseClass,u=e.triggerVariant,b=e.extraClasses,f=void 0===b?[]:b,x=(0,j.wf)(),h=i&&(null===i||void 0===i?void 0:i[a.groupedBy])===a.attributeValue,v=(0,p.Z)().isDesktop,g=[];g.push(h?"active":""),g.push(l);var y=!(null===a||void 0===a||null===(t=a.heroCarousel)||void 0===t||!t.length),Z=!(i&&1===Object.keys(i).length&&i[a.groupedBy]||!n)&&!(0,d.Z)(n,[a.groupedBy,a.attributeName])||a.disabled;g.push(a.disabled||Z?"disabled":"");var N=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("image"===l){var t=_(a.img,e);return(0,w.jsx)("img",{src:t,alt:a.label,marketingColor:a.label,"aria-hidden":"true",loading:"lazy"})}return a.label?a.label:a.value},C=function(){if(Z)return o;if("image"===l){var e={damImageStyle:v?"334x334":"184x184"};return y&&!window.location.pathname.includes("commercial-roofing-products")?(0,w.jsx)(w.Fragment,{children:(0,w.jsx)("div",{className:"swatch-label",children:a.label})}):(0,w.jsxs)(w.Fragment,{children:[N(e),(0,w.jsx)("div",{className:"swatch-label",children:a.label})]})}return!1},S=(0,w.jsx)("button",{className:(0,c.Z)("item",g,s,f),onClick:function(){if(!Z){"function"===typeof u&&u(a.groupedBy,a.attributeValue);var e=k(a,i,h);x(e,!0)}},"aria-label":a.label,children:N()});return C()?(0,w.jsx)(m.ZP,{placement:"bottom",content:C(),trigger:v?"focus mouseenter":"click focus",className:"tippy-box--swatch",onMount:function(e){e.reference.removeAttribute("aria-describedby")},children:S}):S},N=function(e){e.forEach((function(e){var t;if(null!==e&&void 0!==e&&null!==(t=e.groupedBy)&&void 0!==t&&t.startsWith("nominal")||"marketingProfile"===(null===e||void 0===e?void 0:e.groupedBy)){var a=e.attributeName.startsWith("Double ")?e.attributeName.replace("Double ","").replace(/('|")/g,""):e.attributeName.replace(/ [\s\S]+/,"").replace(/('|")/g,"");if(e.number={original:a},e.number.original.includes("-")){var i=e.number.original.split("-"),n=(0,l.Z)(i,2);e.number.integer=n[0],e.number.fraction=n[1]}else e.number.integer=0,e.number.fraction=e.number.original;if(e.number.fraction.includes("/")){var r=e.number.fraction.split("/"),o=(0,l.Z)(r,2);e.number.numerator=o[0],e.number.denominator=o[1]}else e.number.numerator=e.number.fraction,e.number.denominator=1;e.number.numeral=+e.number.integer+ +e.number.numerator/+e.number.denominator}})),(null===e||void 0===e?void 0:e.length)>0&&e.sort((function(e,t){var a,i,n,l;if(null!==e&&void 0!==e&&null!==(a=e.number)&&void 0!==a&&a.numeral&&null!==t&&void 0!==t&&null!==(i=t.number)&&void 0!==i&&i.numeral)return e.number.numeral-t.number.numeral;if((null===e||void 0===e||null===(n=e.attributeName)||void 0===n?void 0:n.length)>0&&(null===t||void 0===t||null===(l=t.attributeName)||void 0===l?void 0:l.length)>0){var r=e.attributeName.toLowerCase(),o=t.attributeName.toLowerCase();return r.localeCompare(o)}return 0}))},C=function(e){var t=e.label,a=e.machineName,d=e.items,m=e.type,b=e.disabledMessage,f=e.enableMoreButtonClick,p=e.helpText,x=e.keyProp,h=e.enableCustomize,v=e.customFixedItemsLength,g=e.triggerVariant,y=e.activeAttributes,k=e.filteredList,j=e.enableCustomColor,C=void 0!==j&&j,S=m||"text",M=(0,r.useState)(!1),B=(0,l.Z)(M,2),D=B[0],L=B[1],z=(0,r.useState)(9999),E=(0,l.Z)(z,2),O=E[0],I=E[1],P=(0,r.useState)(0),U=(0,l.Z)(P,2),R=U[0],A=U[1],V=(0,r.useState)(0),F=(0,l.Z)(V,2),T=F[0],H=F[1],W=(0,r.useState)(d),q=(0,l.Z)(W,2),G=q[0],J=q[1],Q=(0,r.useRef)([]),$="product-attribute",K="undefined"===typeof f||f,X=function(){if(C&&G[O]){var e=0;if(G.forEach((function(t,a){t.field_is_custom&&(e=a)})),e){var t=G.splice(e,1),a=(0,n.Z)(G);a.splice(O-1,0,t[0]),J(a)}}};(0,r.useEffect)((function(){var e="image"===S?d.filter((function(e){return null===e||void 0===e?void 0:e.img})):d;J(e),X()}),[d]);var Y=function(){if("number"!==typeof v){var e={};Q.current&&Q.current.querySelectorAll(".product-attribute__item").forEach((function(t){if(t){var a=t.getBoundingClientRect();e["idx-".concat(a.y)]=e["idx-".concat(a.y)]||[],e["idx-".concat(a.y)].push(a)}}));var t=Object.keys(e);if(t[1]){var a="image"===S&&h?2:1,i=e["".concat(t[0])].length-a;I(i||1)}}else I(v)};(0,r.useEffect)((function(){return(i=new ResizeObserver((0,o.Z)((function(e){var t=e[0].borderBoxSize[0].inlineSize;T!==t&&H(t)}),333))).observe(Q.current),function(){i.disconnect()}}),[]),(0,r.useEffect)((function(){X()}),[O,T]),(0,r.useMemo)((function(){var e="image"===S?O+1:O;A(G.length-e)}),[O,G]),(0,r.useEffect)((function(){I(9999),setTimeout(Y,33)}),[T]),(0,r.useEffect)((function(){Y()}),[v]);var ee=function(e,t){return(0,w.jsx)(Z,{item:e,activeAttributes:y,filteredList:k,typeUsed:S,disabledMessage:b,baseClass:$,triggerVariant:g,extraClasse

1s:t>=O&&!D?["hidden"]:[""]})},te=(0,w.jsx)("div",{className:"w-full",children:(0,w.jsx)("button",{className:(0,c.Z)("item",["less"],$),onClick:function(){return L(!1)},children:Drupal.t("Show less")})}),ae="image"===S&&(0,w.jsxs)("button",{className:(0,c.Z)("item",["customize",S],$),children:[(0,w.jsx)("span",{className:"visually-hidden ",children:Drupal.t("Customize")}),(0,w.jsx)(s.Z,{iconName:"gear"})]}),ie=t?"".concat(x,"-").concat(t.replace(" ","")):x,ne=window.crypto.randomUUID();return N(G),(0,w.jsxs)("div",{className:(0,c.Z)($),ref:Q,children:[t&&(0,w.jsxs)("div",{className:(0,c.Z)("heading",[],$,["flex","justify-between"]),children:[0!==G.length&&(0,w.jsxs)("div",{className:(0,c.Z)("label",[],$),children:[(0,w.jsx)("b",{id:ne,children:t})," (",G.length,")"]}),p&&(0,w.jsxs)("div",{className:(0,c.Z)("variant-description",[],$),children:[(0,w.jsxs)("button",{className:(0,c.Z)("variant-description-btn",[],$,["js-modal-open"]),"data-modal-id":ie,children:[(0,w.jsx)("span",{className:"visually-hidden",children:Drupal.t("Customize")}),(0,w.jsx)(s.Z,{iconName:"question-mark"})]}),(0,w.jsx)(u.Z,{modal_id:ie,modal_modifiers:["product-attr"],children:(0,w.jsx)("div",{dangerouslySetInnerHTML:{__html:p}})})]})]}),(0,w.jsxs)("ul",{"aria-labelledby":ne,className:(0,c.Z)("items",[],$,["flex","flex-wrap"]),children:[G.map((function(e,t){return(t!==O||D)&&e?(0,w.jsx)("li",{children:ee(e,t)},"group-".concat(a,"_attr_").concat(e.groupedBy,"-").concat(e.value,"-").concat(t)):(0,w.jsx)("li",{children:R>=0&&G["".concat(O)]?(0,w.jsx)("button",{className:(0,c.Z)("item",["more",S],$),onClick:function(){return K&&L(!0)},children:"image"===S?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("img",{src:_(G["".concat(O)].img),alt:G["".concat(O)].label,marketingColor:G["".concat(O)].label,loading:"lazy"}),(0,w.jsxs)("span",{children:["+",0===R?R+1:R]})]}):"+".concat(R)}):""},"group-".concat(a,"_attr_More-Btn"))})),h&&ae,D&&te]})]})}},5880:function(e,t,a){a.d(t,{u2:function(){return f},vP:function(){return d},l5:function(){return p}});var i=a(9439),n={article_card:{default:{article_card_tablet:"389x291"},mobile:{x1:{article_card_mobile:"720x540"}},tablet:{x1:{article_card_tablet:"389x291"}}},article_inspiration_small:{default:{article_inspiration_small_desktop:"360x239"},mobile:{x1:{article_inspiration_small_mobile:"720x479"}},tablet:{x1:{article_inspiration_small_tablet:"423x282"}},desktop:{x1:{article_inspiration_small_desktop:"360x239"}}},inspiration_card:{default:{article_inspiration_small_desktop:"427x237"},mobile:{x1:{article_inspiration_small_mobile:"360x192"}},desktop:{x1:{article_inspiration_small_desktop:"427x237"}}},article_inspiration_big:{default:{article_inspiration_big_desktop:"755x506"},mobile:{x1:{article_inspiration_small_mobile:"720x479"}},tablet:{x1:{article_inspiration_big_tablet:"727x581"}},desktop:{x1:{article_inspiration_big_desktop:"755x506"}}},search_card:{default:{search_card_tablet:"208x156"},mobile:{x1:{search_card_mobile:"720x479"}},tablet:{x1:{search_card_tablet:"208x156"}}},gallery:{default:{gallery_desktop:"1200x800"},mobile:{x1:{gallery_react_mobile:"960x640"}},mobile_small:{x1:{gallery_react_mobile_small:"480x320"}},tablet:{x1:{gallery_react_tablet:"1200x800"}},desktop:{x1:{gallery_react_mobile:"960x640"}}},gallery_thumbs:{default:{gallery_thumbnail_tablet_x2:"342x258"},tablet:{x1:{gallery_thumbnail_tablet:"171x129"}},desktop:{x1:{gallery_thumbnail_desktop:"132x92"}}},gallery_modal:{default:{gallery_modal_desktop:"x"},mobile:{x1:{gallery_modal_mobile:"x"}},smallMobile:{x1:{gallery_modal_mobile_small:"x"}},tablet:{x1:{gallery_modal_tablet:"x"}},desktop:{x1:{gallery_modal_desktop:"x"}}},gallery_modal_thumbnail:{default:{gallery_modal_thumbnail_desktop:"294x221"},mobile:{x1:{gallery_modal_thumbnail_mobile:"128x137"}},smallMobile:{x1:{gallery_modal_thumbnail_mobile_small:"86x65"}},tablet:{x1:{gallery_modal_thumbnail_tablet:"240x180"}},desktop:{x1:{gallery_modal_thumbnail_desktop:"294x221"}}},product_document_card:{default:{search_card_tablet:"120x120"},mobile:{x1:{search_card_mobile:"67x67"}},tablet:{x1:{search_card_tablet:"112x112"}},desktop:{x1:{gallery_modal_thumbnail_desktop:"120x120"}}},contractor_card:{default:{contractor_card_tablet:"163x163"},mobile:{x1:{contractor_card_mobile:"72x72"}},tablet:{x1:{contractor_card_tablet:"163x163"}}},chip_thumbnail:{default:{chip_thumbnail:"200x200"},mobile:{x1:{chip_thumbnail:"200x200"}}},chip_media:{default:{chip_media:"754x754"},mobile:{x1:{chip_media_mobile:"480x480"}},tablet:{x1:{chip_media:"754x754"}}},cover_flow_portrait:{default:{cover_flow_portrait_desktop:"510x786"},mobile:{x1:{cover_flow_portrait_mobile:"768x768"}},tablet:{x1:{cover_flow_portrait_tablet:"339x510"}},desktop:{x1:{cover_flow_portrait_desktop:"510x786"}}},cover_flow_landscape:{default:{cover_flow_landscape_desktop:"1440x810"},mobile:{x1:{cover_flow_landscape_mobile:"768x432"}},tablet:{x1:{cover_flow_landscape_tablet:"1280x720"}},desktop:{x1:{cover_flow_landscape_desktop:"1440x810"}}}},l=a(7745),r=function(e){if("string"!==typeof e||!e)return!1;try{return new URL(e),!0}catch(t){return!1}},o={smallMobile:"all and (max-width: 30em)",mobile:"all and (max-width: 59.999em)",tablet:"all and (min-width: 60em)",desktop:"all and (min-width: 80em)"},c=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return Object.keys(e)["".concat(t)]},s=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return Object.values(e)["".concat(t)]},u=function(e){return r(e)&&!(0,l.Z)(e)},d=function(e,t){if(arguments.length>2&&void 0!==arguments[2]&&arguments[2]){var a=e.split("x"),n=(0,i.Z)(a,2),l=n[0],r=n[1],o=l>=r?l:r;if(o>2048){var c=o/2048;

1l=Math.round(l/c),r=Math.round(r/c)}return"".concat(t,"?crop=yes&k=c&w=").concat(l,"&h=").concat(r,"&itok=DnHkkNQG")}return u(t)?t:"/sites/default/files/styles/".concat(e,"/public/").concat(t)},m=function(e){return"https://source.unsplash.com/random/".concat(e,"/?tech")},b=function(e){if(!e)return"";if(u(e))return e;var t=e.split("/");if(t.length<1)return"";var a=t.length-2;return t[4]&&"youtube_thumbnails"===t[4]&&(a-=1),"".concat(t.slice(Math.max(a,1)).join("/"),"?itok=38iJz1Pa")},f=function(e){if(!e)return"";var t=new URL(e);return"".concat(t.origin).concat(t.pathname)},_=function(e,t,a,l,r){var c=!(arguments.length>5&&void 0!==arguments[5])||arguments[5];return Object.entries(n["".concat(e)]).map((function(e){var n=(0,i.Z)(e,2),s=n[0],u=n[1];if(o["".concat(s)]){var d=u.x1,m=u.x2,b=t(a(d),l,r);if(m){var f=t(a(m),l,r);b="".concat(b," 1x, ").concat(f," 2x")}return{srcSet:b,media:o["".concat(s)]}}return c&&"default"===s?t(a(u),l,r):""}))},p=function(e,t,a,i){if(!e||!Object.prototype.hasOwnProperty.call(n,e)||!window.isStoryBook&&!t&&!a)return!1;var l=!t&&a,r=window.isStoryBook||l?s:c,o=window.isStoryBook?m:d,u=l?f(a):b(t),p=_(e,o,r,u,l);return i&&(u=l?f(i):b(i),p=p.concat(_(e,o,r,u,l,!1))),p}},7745:function(e,t){var a=/(^|\.)widen(cdn)?\.net$/i;t.Z=function(e){if("string"!==typeof e||!e)return!1;var t,i;try{var n=new URL(e);t=n.hostname,i=n.protocol}catch(l){return!1}return("http:"===i||"https:"===i)&&a.test(t)}},2432:function(e,t){t.Z=function(e){var t={};return Object.keys(e).forEach((function(a){var i=a.replace(/(_\w)/g,(function(e){return e[1].toUpperCase()}));t[i.toString()]=e[a.toString()]})),t}}}]);
2//# sourceMappingURL=4577.38b7a157.chunk.js.map