@assaabloy/amarr-wc-collection-details 5.0.21 → 5.0.23

package/collection-details.js

@@ -1 +1 @@
-!function(e){function n(n){for(var a,l,c=n[0],r=n[1],s=n[2],m=0,p=[];m<c.length;m++)l=c[m],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&p.push(o[l][0]),o[l]=0;for(a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);for(d&&d(n);p.length;)p.shift()();return i.push.apply(i,s||[]),t()}function t(){for(var e,n=0;n<i.length;n++){for(var t=i[n],a=!0,c=1;c<t.length;c++){var r=t[c];0!==o[r]&&(a=!1)}a&&(i.splice(n--,1),e=l(l.s=t[0]))}return e}var a={},o={12:0},i=[];function l(n){if(a[n])return a[n].exports;var t=a[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=a,l.d=function(e,n,t){l.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},l.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,n){if(1&n&&(e=l(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var a in e)l.d(t,a,function(n){return e[n]}.bind(null,a));return t},l.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(n,"a",n),n},l.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},l.p="/";var c=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],r=c.push.bind(c);c.push=n,c=c.slice();for(var s=0;s<c.length;s++)n(c[s]);var d=r;i.push([583,0]),t()}({0:function(e,n){e.exports=React},1:function(e,n,t){"use strict";t.d(n,"g",(function(){return o})),t.d(n,"gb",(function(){return i})),t.d(n,"y",(function(){return l})),t.d(n,"i",(function(){return c})),t.d(n,"M",(function(){return r})),t.d(n,"P",(function(){return s})),t.d(n,"w",(function(){return d})),t.d(n,"K",(function(){return m})),t.d(n,"p",(function(){return p})),t.d(n,"s",(function(){return u})),t.d(n,"R",(function(){return g})),t.d(n,"Q",(function(){return b})),t.d(n,"bb",(function(){return h})),t.d(n,"N",(function(){return x})),t.d(n,"v",(function(){return v})),t.d(n,"h",(function(){return f})),t.d(n,"u",(function(){return w})),t.d(n,"A",(function(){return y})),t.d(n,"x",(function(){return E})),t.d(n,"L",(function(){return k})),t.d(n,"t",(function(){return O})),t.d(n,"cb",(function(){return N})),t.d(n,"r",(function(){return j})),t.d(n,"S",(function(){return D})),t.d(n,"O",(function(){return M})),t.d(n,"db",(function(){return S})),t.d(n,"n",(function(){return C})),t.d(n,"k",(function(){return T})),t.d(n,"o",(function(){return U})),t.d(n,"l",(function(){return I})),t.d(n,"m",(function(){return _})),t.d(n,"D",(function(){return z})),t.d(n,"W",(function(){return P})),t.d(n,"z",(function(){return H})),t.d(n,"eb",(function(){return W})),t.d(n,"fb",(function(){return F})),t.d(n,"b",(function(){return $})),t.d(n,"Z",(function(){return R})),t.d(n,"F",(function(){return Z})),t.d(n,"a",(function(){return V})),t.d(n,"hb",(function(){return G})),t.d(n,"d",(function(){return J})),t.d(n,"f",(function(){return B})),t.d(n,"e",(function(){return q})),t.d(n,"kb",(function(){return K})),t.d(n,"c",(function(){return X})),t.d(n,"ib",(function(){return Y})),t.d(n,"jb",(function(){return Q})),t.d(n,"T",(function(){return ee})),t.d(n,"U",(function(){return ne})),t.d(n,"V",(function(){return te})),t.d(n,"X",(function(){return ae})),t.d(n,"Y",(function(){return oe})),t.d(n,"q",(function(){return ie})),t.d(n,"ab",(function(){return le})),t.d(n,"C",(function(){return ce})),t.d(n,"J",(function(){return re})),t.d(n,"j",(function(){return se})),t.d(n,"E",(function(){return de})),t.d(n,"H",(function(){return me})),t.d(n,"I",(function(){return pe})),t.d(n,"G",(function(){return ue})),t.d(n,"B",(function(){return be}));var a=t(4),o=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},i=function(e){return btoa(unescape(encodeURIComponent(e)))},l=function(e){return i(JSON.stringify(e))},c=function(e){return e.toUpperCase()},r=function(e){return e.replaceAll(" ","-").toLowerCase()},s=new a.a(!1),d=new a.a(!1),m=new a.a(!1),p=new a.a(!1),u=new a.a(""),g=new a.a(!1),b=new a.a(!1),h=new a.a(!1),x=new a.a(!1),v=new a.a(!1),f=new a.a(!1),w=new a.a(""),y=new a.a(!0),E=new a.a(!0),k=new a.a(!0),O=new a.a(!0),N=new a.a(!0),j=new a.a(!0),D=new a.a({}),L=new a.a(!1),A=0,M=new a.a(!1),S=new a.a(""),C=new a.a(""),T=new a.a(""),U=new a.a(""),I=new a.a(""),_=new a.a(""),z=new a.a(""),P=new a.a(""),H=new a.a(!1),W=new a.a(!1),F=new a.a(!1),$=(new a.a(!1),new a.a(!1),new a.a({flag:!1}),function(){setTimeout((function(){A++,L.next(!0)}),0)}),R=function(){setTimeout((function(){A>0&&A--,0==A&&L.next(!1)}),0)},Z=function(){return L.asObservable()},V=function(e){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)},G=function(e){var n=0;return!!/(?=.{8,})/.test(e)&&(/([a-z])/.test(e)&&n++,/([A-Z])/.test(e)&&n++,/(\d)/.test(e)&&n++,/([!@#$%^&*])/.test(e)&&n++,!(n<3))},J=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},B=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},q=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},K=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/.test(e)},X=function(e){return/^[0-9]*$/.test(e)},Y=function(e){return new RegExp("^[0-9]+[.][0-9]{0,2}$").test(e)},Q=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},ee=function(e){if(e&&""!==e&&-1===e.indexOf("(")&&-1===e.indexOf(") ")&&-1===e.indexOf("-")){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e},ne=function(e){var n=(""+e).replace(/\D/g,"");if(n.length>10){var t=(n=n.slice(0,10)).match(/^(\d{3})(\d{3})(\d{4})$/);if(t)return"("+t[1]+") "+t[2]+"-"+t[3]}var a="";return n.split("").forEach((function(e,n){a+=0==n?"("+e:2==n?e+") ":5==n?e+"-":e})),a},te=function(e){var n=e.target.value;return 1==n.length?"("+n:5==n.length?n.slice(0,n.length-1)+") "+n[n.length-1]:10==n.length&&"-"!==n[n.length-1]?n.slice(0,n.length-1)+"-"+n[n.length-1]:10==n.length&&"-"===n[n.length-1]?n.substring(0,n.length-1):6==n.length?n.substring(0,n.length-2):n},ae=function(e){return e&&(e=Number(e).toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},oe=function(e,n){return e=e?Number(e):0,(0===(n=n?Number(n):0)||"0"===n?0:(e-n)/n*100).toFixed(2)},ie=function(e){var n={tabs:!0,type:"designer",clavos:!1,download:!0,quote:!0,srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:e.selectedPanel,brand:"",myGuid:"d-608280c6f378f8.36911414",email:!0,height:e.selectedHeight,glass:e.selectedGlass,collection:e.selectedCollection,print:!0,baseUrl:"",gplacement:e.selectedWindowPlacement,width:e.selectedWidth,srcDir:"DoorApp",MosaicName:"Mosaic",logooption:""};return e.selectedColor&&(n.color=e.selectedColor),e.colorHex&&(n.colorHex=e.colorHex),e.colorZone&&(n.colorZone=e.colorZone),e.selectedConstruction&&(n.model=e.selectedConstruction),e.selectedWindowDesign&&(n.top=e.selectedWindowDesign),e.glazepattern&&(n.glazepattern=e.glazepattern),e.selectedHardware&&(n.hardware=e.selectedHardware),n},le=function(e,n,t){var a="",o=e.split(n);return o.forEach((function(e,n){"undefined"!==e&&e&&(a+=e,n!==o.length-1&&(a+=t))})),a},ce=function(e){return e.length>0?e.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"").replace(/ /g,""):e};function re(e,n){var t=n||"html",a=e;return t||(t="html"),"html"==t&&(a=function(e){var n,t,a,l,c,d=e,m="";n=o(d,"&lt;!--","--&gt;",r,"W3HTMLCOMMENTPOS"),d=n.rest;for(;d.indexOf("&lt;")>-1;)l="",t=d.indexOf("&lt;"),"&LT;STYLE"==d.substr(t,9).toUpperCase()&&(l="css"),"&LT;SCRIPT"==d.substr(t,10).toUpperCase()&&(l="javascript"),-1==(a=d.indexOf("&gt;",t))&&(a=d.length),m+=d.substring(0,t),m+=i(d.substring(t,a+4)),d=d.substr(a+4),"css"==l&&(a=d.indexOf("&lt;/style&gt;"))>-1&&(m+=s(d.substring(0,a)),d=d.substr(a)),"javascript"==l&&(a=d.indexOf("&lt;/script&gt;"))>-1&&(m+=u(d.substring(0,a)),d=d.substr(a));for(d=m+d,c=0;c<n.arr.length;c++)d=d.replace("W3HTMLCOMMENTPOS",n.arr[c]);return d}(a)),"css"==t&&(a=s(a)),"js"==t&&(a=u(a)),a;function o(e,n,t,a,o){for(var i,l,c="",r=[];e.search(n)>-1;)i=e.search(n),-1==(l=e.indexOf(t,i))&&(l=e.length),o?(r.push(a(e.substring(i,l+t.length))),e=e.substring(0,i)+o+e.substr(l+t.length)):(c+=e.substring(0,i),c+=a(e.substring(i,l+t.length)),e=e.substr(l+t.length));return{rest:c+e,arr:r}}function i(e){for(var n,t,a,o=e,i="";o.search(/(\s|<br>)/)>-1;)n=o.search(/(\s|<br>)/),-1==(t=o.indexOf("&gt;"))&&(t=o.length),i+=o.substring(0,n),i+=l(o.substring(n,t)),o=o.substr(t);return"&gt;"==(a="<span style=color:grey>&lt;</span>"+(a=i+o).substring(4)).substr(a.length-4,4)&&(a=a.substring(0,a.length-4)+"<span style=color:grey>&gt;</span>"),"<span style=color:#a10d5f>"+a+"</span>"}function l(e){for(var n,t,a,o,i,l=e,r="";l.indexOf("=")>-1;)t=-1,n=l.indexOf("="),a=l.indexOf("'",n),o=l.indexOf('"',n),(i=l.indexOf(" ",n+2))>-1&&(i<a||-1==a)&&(i<o||-1==o)?t=l.indexOf(" ",n):o>-1&&(o<a||-1==a)&&(o<i||-1==i)?t=l.indexOf('"',l.indexOf('"',n)+1):a>-1&&(a<o||-1==o)&&(a<i||-1==i)&&(t=l.indexOf("'",l.indexOf("'",n)+1)),(!t||-1==t||t<n)&&(t=l.length),r+=l.substring(0,n),r+=c(l.substring(n,t+1)),l=l.substr(t+1);return"<span style=color:green>"+r+l+"</span>"}function c(e){return"<span style=color:#1c8a9c>"+e+"</span>"}function r(e){return"<span style=color:green>"+e+"</span>"}function s(e){var n,t,a,i,l,c,s,m=e,p="";for(m=(a=o(m,/\/\*/,"*/",r,"W3CSSCOMMENTPOS")).rest;m.search("{")>-1;){for(n=m.search("{"),l=m.substr(n+1),s=1,c=0,i=0;i<l.length&&("{"==l.substr(i,1)&&(s++,c++),"}"==l.substr(i,1)&&s--,0!=s);i++);for(0!=s&&(c=0),t=n,i=0;i<=c;i++)t=m.indexOf("}",t+1);-1==t&&(t=m.length),p+=m.substring(0,n+1),p+=d(m.substring(n+1,t)),m=m.substr(t)}for(m=(m=(m=p+m).replace(/{/g,"<span style=color:grey>{</span>")).replace(/}/g,"<span style=color:grey>}</span>"),i=0;i<a.arr.length;i++)m=m.replace("W3CSSCOMMENTPOS",a.arr[i]);return"<span style=color:green>"+m+"</span>"}function d(e){var n,t,a,o,i=e,l="";if(i.indexOf("{")>-1)return s(i);for(;i.search(":")>-1;){for(o=!0,a=n=i.search(":");1==o;)o=!1,t=i.indexOf(";",a),"&nbsp;"==i.substring(t-5,t+1)&&(o=!0,a=t+1);-1==t&&(t=i.length),l+=i.substring(0,n),l+=m(i.substring(n,t+1)),i=i.substr(t+1)}return"<span style=color:#a10d5f>"+l+i+"</span>"}function m(e){var n,t=e,a="";for(t="<span style=color:grey>:</span>"+t.substring(1);t.search(/!important/i)>-1;)n=t.search(/!important/i),a+=t.substring(0,n),a+=p(t.substring(n,n+10)),t=t.substr(n+10);var o=a+t;return";"==o.substr(o.length-1,1)&&"&nbsp;"!=o.substr(o.length-6,6)&&"&lt;"!=o.substr(o.length-4,4)&&"&gt;"!=o.substr(o.length-4,4)&&"&amp;"!=o.substr(o.length-5,5)&&(o=o.substring(0,o.length-1)+"<span style=color:grey>;</span>"),"<span style=color:black>"+o+"</span>"}function p(e){return"<span style=color:red;font-weight:bold;>"+e+"</span>"}function u(e){var n,t,a,o,i,l,c,s,d,m,p=e,u="",k=[],O="";for(n=0;n<p.length;n++)"\\"==(t=p.substr(n,1))&&(k.push(p.substr(n,2)),t="W3JSESCAPE",n++),O+=t;for(p=O,1;a=y(p,"'","'",g),o=y(p,'"','"',g),i=y(p,/\/\*/,"*/",r),l=y(p,/\/\//,"<br>",r),s=E(p,h),c=w("js",p,b),m=v(p,x),-1!=Math.max(s[0],a[0],o[0],i[0],l[0],c[0],m[0])&&-1!=(d=f(s,a,o,i,l,c,m))[0];)d[0]>-1&&(u+=p.substring(0,d[0]),u+=d[2](p.substring(d[0],d[1])),p=p.substr(d[1]));for(p=u+p,n=0;n<k.length;n++)p=p.replace("W3JSESCAPE",k[n]);return"<span style=color:black>"+p+"</span>"}function g(e){return"<span style=color:brown>"+e+"</span>"}function b(e){return"<span style=color:mediumblue>"+e+"</span>"}function h(e){return"<span style=color:red>"+e+"</span>"}function x(e){return"<span style=color:black>"+e+"</span>"}function v(e,n){var t,a,o,i,l=[".","<"," ",";","(","+",")","[","]",",","&",":","{","}","/","-","*","|","%"];if((i=e.indexOf("."))>-1)for(t=e.substr(i+1),o=0;o<t.length;o++){var c=t[o];for(a=0;a<l.length;a++)if(c.indexOf(l[a])>-1)return[i+1,o+i+1,n]}return[-1,-1,n]}function f(e,n,t,a,o,i,l){var c,r=[];for(c=0;c<arguments.length;c++)arguments[c][0]>-1&&(0==r.length||arguments[c][0]<r[0])&&(r=arguments[c]);return 0==r.length&&(r=arguments[c]),r}function w(e,n,t){var a,o,i,l,c=-1,r=-1;for("js"==e&&(l=["abstract","arguments","boolean","break","byte","case","catch","char","class","const","continue","debugger","default","delete","do","double","else","enum","eval","export","extends","false","final","finally","float","for","function","goto","if","implements","import","in","instanceof","int","interface","let","long","NaN","native","new","null","package","private","protected","public","return","short","static","super","switch","synchronized","this","throw","throws","transient","true","try","typeof","var","void","volatile","while","with","yield"]),a=0;a<l.length;a++)(o=n.indexOf(l[a]))>-1&&(i=/\W/g,n.substr(o+l[a].length,1).match(i)&&n.substr(o-1,1).match(i)&&o>-1&&(-1==c||o<c)&&(r=(c=o)+l[a].length));return[c,r,t]}function y(e,n,t,a){var o,i;return o=e.search(n),-1==(i=e.indexOf(t,o+t.length))&&(i=e.length),[o,i+t.length,a]}function E(e,n){var t,a,o,i,l,c=["<br>"," ",";","(","+",")","[","]",",","&",":","{","}","/","-","*","|","%","="],r=0;for(t=0;t<e.length;t++)for(a=0;a<c.length;a++)if((o=e.substr(t,c[a].length))==c[a]){if("-"==o&&("e"==e.substr(t-1,1)||"E"==e.substr(t-1,1)))continue;if(r<(i=t)&&(l=e.substring(r,i),!isNaN(l)))return[r,i,n];r=t+=c[a].length,t-=1;break}return[-1,-1,n]}}var se=function(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""},de=function(){return getComputedStyle(document.body).getPropertyValue("--asset-path").trim()},me=function(){return getComputedStyle(document.body).getPropertyValue("--accent").trim()},pe=function(e){if("string"===typeof e){var n=e;return n=(n=n.replace(/\\/g,"\\\\")).replace(/"/g,'\\"')}return e},ue=function(e){return Math.floor(Math.random()*e)+1},ge=["January","February","March","April","May","June","July","August","September","October","November","December"],be=function(e){var n=new Date(e);if("Invalid Date"==n.toString())return e;var t=n.getFullYear(),a=n.getMonth(),o=(n.getDate()+"").padStart(2,"0");return"".concat(ge[a].slice(0,3)," ").concat(o,", ").concat(t)}},10:function(e,n,t){"use strict";t.d(n,"a",(function(){return l}));var a=t(0),o=t.n(a),i=t(5).default.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-1pdbosk-0"})(["box-sizing:border-box;width:100%;margin:0 auto;padding:",";max-width:",";"],(function(e){return e.padding?"0 var(--grid-margin);":0}),(function(e){e.maxWidth;return"calc(var(--container-max-width)px + var(--grid-margin) + var(--grid-margin));"})),l=function(e){var n=e.className,t=e.children,a=e.maxWidth,l=void 0===a?1520:a,c=e.padding,r=void 0===c||c;return o.a.createElement(i,{className:n,maxWidth:l,padding:r},t)};n.b=l},14:function(e,n,t){"use strict";t.d(n,"a",(function(){return m}));var a=t(28),o=t(0),i=t.n(o),l=t(5),c=(t(42),l.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:var(--text-center);z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),r=t(33),s=t.n(r),d=t(1),m=function(e){return Object(a.a)(e),i.a.createElement(c,null,i.a.createElement("div",{className:"d-flex justify-content-center loader"},i.a.createElement("div",{className:"d-flex"},i.a.createElement(s.a,{type:"ThreeDots",color:Object(d.H)(),height:100,width:100}))))}},2:function(e,n,t){"use strict";t.d(n,"a",(function(){return a})),t.d(n,"b",(function(){return o}));var a={mobileAndUpMin:128,mobileAndUp:320,smallMobileAndUp:375,largeMobileAndUp:426,tabletPortraitUp:606,largeMobileAndUp2:576,tabletPortraitAndUp:768,tabletPortraitAndUp2:835,tabletLandscapeAndUp:992,desktopAndUp:1024,smallDesktopAndUp1:1100,smallDesktopAndUp:1200,smallDesktopAndUp2:1280,smallDesktopAndUp3:1300,smallDesktopAndUp4:1150,mediumDesktopAndUp:1400,mediumDesktopAndUp2:1600,mediumDesktopAndUp3:1680,mediumDesktopAndUp4:1440,mediumDesktopAndUp5:1520,largeDesktop:1800,maxWidthAndUp:1900,wrapperMaxWidth:1920,extraLarge:2560},o={mobileAndUpMin:"(min-width: ".concat(a.mobileAndUpMin,"px)"),mobileAndUp:"(min-width: ".concat(a.mobileAndUp,"px)"),mobile1AndUp:"(max-width: ".concat(a.mobileAndUp-20,"px)"),mobileMax:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),smallMobileAndUp:"(min-width: ".concat(a.smallMobileAndUp,"px)"),smallMobileMax:"(max-width: ".concat(a.smallMobileAndUp,"px)"),smallMobileAndUpMax:"(max-width: ".concat(a.smallMobileAndUp+1,"px)"),smallMobileAndUpMin:"(min-width: ".concat(a.smallMobileAndUp+1,"px)"),smallMobileAndUpMax2:"(max-width: ".concat(a.smallMobileAndUp+5,"px)"),largeMobileAndUp:"(min-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax:"(max-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax2:"(max-width: ".concat(a.largeMobileAndUp-2,"px)"),largeMobileAndUpMax3:"(max-width: ".concat(a.largeMobileAndUp-1,"px)"),largeMobileAndUpMin:"(min-width: ".concat(a.largeMobileAndUp-1,"px)"),largeMobileAndUp2:"(min-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max:"(max-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max2:"(max-width: ".concat(a.tabletPortraitUp+34,"px)"),largeMobileMin:"(min-width: ".concat(a.tabletPortraitAndUp+1,"px)"),tabletPortraitUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitUp2:"(min-width: ".concat(a.tabletPortraitAndUp+16,"px)"),tabletPortraitUpMax1:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),tabletPortraitAndUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax:"(max-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax2:"(max-width: ".concat(a.tabletPortraitAndUp+4,"px)"),tabletPortraitAndUpMax3:"(max-width: ".concat(a.tabletPortraitAndUp-12,"px)"),tabletPortraitAndUp2:"(min-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max:"(max-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max2:"(max-width: ".concat(a.tabletPortraitAndUp2-1,"px)"),tabletPortraitMax:"(max-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMin:"(min-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMax2:"(max-width: ".concat(a.tabletLandscapeAndUp-2,"px)"),tabletLandscapeAndUp:"(min-width: ".concat(a.tabletLandscapeAndUp,"px)"),tabletLandscapeAndUpMax:"(max-width: ".concat(a.tabletLandscapeAndUp,"px)"),desktopAndUp:"(min-width: ".concat(a.desktopAndUp,"px)"),desktopAndUpMax:"(max-width: ".concat(a.desktopAndUp,"px)"),desktopMin:"(min-width: ".concat(a.desktopAndUp+1,"px)"),desktopMax2:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop2Max:"(max-width: ".concat(a.desktopAndUp-1,"px)"),desktopMin2:"(min-width: ".concat(a.desktopAndUp+2,"px)"),desktopMin1:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop1Min:"(min-width: ".concat(a.desktopMin1+1,"px)"),desktop2Min:"(min-width: ".concat(a.desktopAndUp-1,"px)"),desktopMax:"(max-width: ".concat(a.smallDesktopAndUp-1,"px)"),smallDesktopAndUp1:"(min-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp1Max:"(max-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp:"(min-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktopAndUpMax:"(max-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktop2Min:"(min-width: ".concat(a.smallDesktopAndUp+1,"px)"),smallDesktopAndUp2:"(min-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp2Max:"(max-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp3:"(min-width: ".concat(a.smallDesktopAndUp3,"px)"),smallDesktopAndUp4:"(max-width: ".concat(a.smallDesktopAndUp4,"px)"),smallDesktopAndUp3Max:"(max-width: ".concat(a.smallDesktopAndUp3,"px)"),mediumDesktopMin:"(min-width: ".concat(a.smallDesktopAndUp2+1,"px)"),mediumDesktopMin2:"(min-width: ".concat(a.mediumDesktopAndUp+1,"px)"),mediumDesktopAndUp:"(min-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUpMax:"(max-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUp2:"(min-width: ".concat(a.mediumDesktopAndUp2,"px)"),mediumDesktopAndUp2Max:"(max-width: ".concat(a.mediumDesktopAndUp2,"px)"),mediumDesktopAndUp3:"(min-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp3Max:"(max-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp4:"(min-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp4Min:"(min-width: ".concat(a.mediumDesktopAndUp4+1,"px)"),mediumDesktopAndUp4Max:"(max-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp5:"(min-width: ".concat(a.mediumDesktopAndUp5,"px)"),mediumDesktopAndUp5Max:"(max-width: ".concat(a.mediumDesktopAndUp5-1,"px)"),largeDesktopMax:"(min-width: ".concat(a.mediumDesktopAndUp3-1,"px)"),largeDesktopMax2:"(max-width: ".concat(a.mediumDesktopAndUp3-1,"px)"),largeDesktopMin:"(min-width: ".concat(a.mediumDesktopAndUp3+1,"px)"),largeDesktop:"(min-width: ".concat(a.largeDesktop,"px)"),maxWidthAndUp:"(min-width: ".concat(a.maxWidthAndUp,"px)"),maxWidthAndUpMax:"(max-width: ".concat(a.maxWidthAndUp,"px)"),wrapperMaxWidth:"(min-width: ".concat(a.wrapperMaxWidth,"px)"),wrapperMaxWidthMax:"(max-width: ".concat(a.wrapperMaxWidth-1,"px)"),wrapperMaxWidth2:"(min-width: ".concat(a.wrapperMaxWidth+1,"px)"),largeMobile460:"(max-width: ".concat(a.largeMobileAndUp-6,"px)"),minWidth1901:"(min-width: ".concat(a.maxWidthAndUp+1,"px)"),extraLargeMax:"(max-width: ".concat(a.extraLarge,"px)"),extraLargeMin:"(min-width: ".concat(a.extraLarge,"px)")}},25:function(e,n,t){"use strict";t.d(n,"a",(function(){return a}));var a={PowerReviewApi:"3783f7b5-5e6f-4da2-90ce-1a55c1fd02b2",Locale:"en_US",MerchantGroupId:"48814",ProductMerchantId:"445672",DealerMerchantId:"135036"}},32:function(e,n){e.exports=ReactDOM},34:function(e,n,t){"use strict";t.d(n,"a",(function(){return s}));var a=t(28),o=t(0),i=t.n(o),l=t(5),c=t(2),r=l.default.div.withConfig({displayName:"styles__View",componentId:"zfm3w6-0"})([".divider{width:100%;height:6px;@media screen and ","{height:8px;}@media screen and ","{height:10px;}}"],c.b.mediumDesktopMin,c.b.largeDesktopMin),s=function(e){return Object(a.a)(e),i.a.createElement(r,null,i.a.createElement("div",{className:"divider"},"\xa0"))}},466:function(e,n,t){"use strict";t.r(n);var a=t(22),o=t(88);n.default=a.a.create({component:o.a,configuration:{tagname:"amarr-product-details",useShadow:!1},plugins:[]})},52:function(e,n,t){"use strict";t.d(n,"a",(function(){return d}));var a=t(3),o=t(0),i=t.n(o),l=t(5),c=t(2),r=l.default.section.withConfig({displayName:"styles__Content",componentId:"sc-13lfbb6-0"})([".hide-icon{.circle{opacity:0 !important;}img{display:none;}}.play-pause-image:hover{.circle{background-color:var(--play-pause-bg-color);border-radius:50px;opacity:1;z-index:1;display:inline;}img{display:inline;}}.play-pause-image.pause:hover{.circle{background-color:var(--play-pause-bg-color-2);opacity:0.800000012 !important;}img{display:inline;}}.play-pause-image{.circle{background-color:var(--play-pause-bg-color-2);opacity:0.5;border-radius:50px;margin:auto;width:96px;height:96px;display:flex;align-items:var(--text-center);justify-content:var(--text-center);position:absolute;top:calc(50% - 47px);left:calc(50% - 47px);}.play-pause-icon{position:absolute;top:calc(50% - 47px);left:calc(50% - 47px);z-index:999;}@media screen and "," and ","{.circle,.play-pause-icon{width:80px;height:80px;top:calc(50% - 22px);left:calc(50% - 40px);}}@media screen and ","{.circle,.play-pause-icon{width:70px;height:70px;top:calc(50% - 10px);left:calc(50% - 35px);}}@media screen and "," and ","{.circle,.play-pause-icon{width:50px;height:50px;top:50%;left:calc(50% - 25px);}}@media screen and "," and ","{.circle,.play-pause-icon{width:40px;height:40px;top:calc(50% + 5px);left:calc(50% - 20px);}}}"],c.b.mediumDesktopMin,c.b.mediumDesktopAndUp3Max,c.b.smallDesktopAndUp2Max,c.b.tabletLandscapeAndUp,c.b.desktopAndUpMax,c.b.tabletPortraitAndUp,c.b.tabletPortraitMax),s=t(1),d=function(e){var n=e.item,t=e.showControls,l=Object(o.useRef)(null),c=Object(o.useState)(!1),d=Object(a.a)(c,2),m=d[0],p=d[1],u=Object(o.useState)(!1),g=Object(a.a)(u,2),b=g[0],h=g[1],x=function(){setTimeout((function(){h(!0)}),1e3)};return i.a.createElement(r,null,!t&&i.a.createElement("video",{ref:l,preload:"none",muted:!0,autoPlay:!0,loop:!0},i.a.createElement("source",{src:n.video.url})),t&&i.a.createElement(i.a.Fragment,null,i.a.createElement("video",{preload:"none",ref:l,onPlay:function(){p(!0),x(),l.current.controls=!0},onPause:function(){h(!1),p(!1),l.current.controls=!1},muted:!0,autoPlay:!0,loop:!0},i.a.createElement("source",{src:n.video.url})),i.a.createElement("span",null,i.a.createElement("a",{onClick:function(){var e,n;m?null===(e=l.current)||void 0===e||e.pause():(null===(n=l.current)||void 0===n||n.play(),x());p(!m),h(!1)},className:"".concat(m&&"pause"," ").concat(b&&"hide-icon"," play-pause-image")},i.a.createElement("div",{className:"circle"}),i.a.createElement("img",{loading:"lazy",src:m?Object(s.E)().concat("ic_pause.svg"):Object(s.E)().concat("ic_play.svg"),alt:m?"Pause Icon":"Play Icon",className:"play-pause-icon"})))))}},57:function(e,n,t){"use strict";t.d(n,"a",(function(){return l}));var a=t(0),o=t.n(a),i=t(5).default.div.withConfig({displayName:"styles__Brackets",componentId:"sc-675t4x-0"})(["#image_overlay_div{position:absolute;z-index:2;inset:",";display:block;}#image_wrapper_div{position:relative;&:hover{#hover-icon-top{top:-5%;right:-5%;}#hover-icon-bottom{left:-5%;bottom:-5%;}}}#hover-icon-top #hover-icon-bottom{height:3.125rem;width:3.125rem;border-right-width:1.25rem;border-top-width:1.25rem;}#hover-icon-top{height:3.125rem;width:3.125rem;border-width:1.25rem 1.25rem 0px 0px;position:absolute;right:0px;top:0px;border-style:solid;border-color:#0f96ea;transition-duration:0.3s;transition-timing-function:ease-in-out;transition-property:right,top;}#hover-icon-bottom{height:3.125rem;width:3.125rem;border-width:0px 0px 1.25rem 1.25rem;position:absolute;bottom:0px;left:0px;border-style:solid;border-color:#0f96ea;transition-duration:0.3s;transition-timing-function:ease-in-out;transition-property:left,bottom;}"],(function(e){var n=e.bracketsAlignment;return n?"".concat(n.top,"% ").concat(n.right,"% ").concat(n.bottom,"% ").concat(n.left,"%"):"0% 15% 0% 15%"})),l=function(e){var n=e.children,t=e.bracketsAlignment,a=e.showHide;return o.a.createElement(i,{bracketsAlignment:t},o.a.createElement("div",{id:"image_wrapper_div"},o.a.createElement("div",{id:"image_overlay_div",style:{display:a?"":"none"}},o.a.createElement("div",{id:"hover-icon-top"}),o.a.createElement("div",{id:"hover-icon-bottom"})),n))};n.b=l},6:function(e,n,t){"use strict";t.d(n,"a",(function(){return p}));var a=t(31),o=t(0),i=t.n(o),l=t(5),c=t(2),r=l.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),s=l.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(["font-size:var(--font-size-s1);font-family:var(--font-family-body);font-weight:var(--font-weight-semi-bold);font-stretch:var(--font-normal);font-style:var(--font-normal);line-height:1.5;letter-spacing:var(--font-normal);text-align:var(--text-center);color:var(--bg-main);padding:12px 19px 12px 20px;border-radius:var(--border-radius);background-color:var(--accent);box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:var(--accent-hover);color:var(--bg-main);}&:focus{transform:scale(1);box-shadow:none !important;background-color:var(--accent-focus);}&:active{background-color:var(--accent-active) !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:var(--text-color);background:var(--accent-inverse);&:hover{background:var(--accent-inverse-hover);}&:focus{background:var(--accent-inverse-focus);border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:var(--accent-inverse-active) !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media ","{font-size:var(--font-size-m1);}.button-icon{vertical-align:top;padding-right:8px;}"],c.b.smallDesktop2Min),d=t(30),m=t(29),p=function(e){var n=e.label,t=void 0===n?"label":n,o=e.classStyle,l=void 0===o?"default":o,c=e.link,p=void 0!==c&&c,u=e.disabled,g=void 0!==u&&u,b=e.datatoggle,h=void 0===b?"":b,x=e.datatarget,v=void 0===x?"":x,f=e.linkHref,w=e.target,y=void 0===w?"_self":w,E=e.downloadLink,k=void 0!==E&&E,O=e.inverse,N=void 0!==O&&O,j=e.icon,D=void 0===j?"":j,L=e.iconAlt,A=void 0===L?"":L,M=e.dataItemName,S=void 0===M?"":M,C=e.id,T=void 0===C?"":C,U=e.type,I=void 0===U?"button":U,_=e.showDisabledMessage,z=void 0===_?"":_,P=e.ariaLabel,H=void 0===P?"":P,W=Object(a.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage","ariaLabel"]);return i.a.createElement(r,null,i.a.createElement("div",{className:"".concat(g&&z&&"disabled-button-parent")},p?i.a.createElement("a",{href:f,download:k,target:y,"data-item-name":S,id:T,"aria-label":H},i.a.createElement(s,Object.assign({role:"none",disabled:g,classStyle:"".concat(l)},W,{type:I,className:N?"btn-inverse btn btn-success":"btn btn-success"}),""!=D?i.a.createElement("div",{"data-toggle":h,"data-target":v},i.a.createElement("img",{loading:"lazy",className:"button-icon",src:D,alt:A}),i.a.createElement("span",null,t)):i.a.createElement("span",null,t))):i.a.createElement(s,Object.assign({disabled:g,classStyle:l,className:N?"btn-inverse btn btn-success":"btn btn-success",id:T,"data-item-name":S,type:I,"data-toggle":h,"data-target":v},W),i.a.createElement("span",null,t)),g&&z&&i.a.createElement(d.a,{placement:"top",delay:{show:250,hide:250},overlay:i.a.createElement(m.a,{id:"button-tooltip"},i.a.createElement("div",{className:"p-1 amarr-h6"},z))},i.a.createElement("div",{className:"disabled-button-overlay"}))))}},70:function(e,n,t){"use strict";var a=t(3),o=t(0),i=t.n(o),l=t(1),c=t(7),r=t.n(c),s=t(53),d=t.n(s),m=t(6),p=t(14),u=t(13),g=t.n(u),b={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},h=t(12),x=t(5),v=t(2);function f(){var e=Object(h.a)(["\n      form {\n        display: flex;\n        margin: 1rem 0;\n        justify-content: center;\n        align-items: flex-start;\n      }\n\n      .document-wrapper {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 0;\n      }\n\n      .text-style-color {\n        color: var(--accent);\n      }\n\n      .text-style-description {\n        color: var(--complementary-hover-alt-5);\n      }\n\n      .button-style {\n        background-color: var(--accent);\n      }\n\n      .link-style {\n        color: var(--accent);\n      }\n\n      h5.text-style {\n        font-weight: var(--font-weight-semi-bold);\n      }\n\n      p.text-style-description,\n      .document-wrapper {\n        margin: 0 !important;\n      }\n\n      .searchable-list {\n        .accordion-wrapper {\n          margin-bottom: 40px;\n        }\n        .border-style {\n          &:last-child {\n            border: 0;\n          }\n\n          h5 {\n            padding: 0;\n            margin: 0;\n            h6 {\n              margin-top: 0.5rem;\n            }\n          }\n          p {\n            padding: 3px 0px 0px 0px;\n            &:last-child {\n              margin: 0;\n            }\n          }\n        }\n\n        .section-title {\n          margin-bottom: 10px;\n          font-weight: var(--font-weight-semi-bold);\n        }\n\n        .link-style-grouped {\n          line-height: 1.2em;\n        }\n      }\n\n      .text-style-heading {\n        font-weight: var(--font-weight-semi-bold);\n      }\n\n      .bottom-space {\n        margin-bottom: 20px;\n      }\n\n      .amarrHighlight {\n        color: var(--accent) !important;\n      }\n\n      .content-style {\n        display: flex;\n        justify-content: space-between;\n      }\n      input.form-control {\n        padding-left: 40px;\n        padding-right: 40px;\n      }\n\n      .search-icon {\n        position: absolute;\n        left: 9px;\n        top: 4px;\n      }\n      .close-icon {\n        position: absolute;\n        right: 1rem;\n        top: 5px;\n      }\n      .search-img {\n        width: 20px;\n      }\n\n      .download-icon-style {\n        cursor: pointer;\n        img {\n          transition: all ease 200ms;\n          &:hover {\n            transform: scale(1.2);\n          }\n        }\n      }\n\n      .search-box-parent {\n        margin-right: 1rem;\n        position: relative;\n        width: 50%;\n        display: block;\n        gap: 0.5rem;\n      }\n\n      .parent-searchable-div {\n        .accordion-expand {\n          display: inline;\n        }\n        .accordion-collapsed {\n          display: none;\n        }\n        &.show-icon {\n          .accordion-expand {\n            display: none;\n          }\n          .accordion-collapsed {\n            display: inline;\n          }\n        }\n\n        .accordion-expand,\n        .accordion-collapsed {\n          cursor: pointer;\n\n          @media "," {\n            width: 16px;\n          }\n        }\n      }\n\n      .link-style-grouped {\n        color: var(--accent) !important;\n      }\n\n      .search-form-container {\n        margin: 0px auto;\n        word-break: break-word;\n      }\n\n      .links {\n        font-weight: var(--font-weight-semi-bold);\n        color: var(--accent);\n      }\n      .initial-search-text {\n        display: block;\n        padding-top: 84px;\n        padding-bottom: 64px;\n        text-align: center;\n        margin-top: 1rem;\n      }\n      .search-form-container {\n        form {\n          margin: 54px 0px 0px;\n          padding-bottom: 0px;\n          @media screen and "," {\n            padding-bottom: 16px;\n          }\n        }\n      }\n      .accordion-section {\n        .heading-style {\n          margin: 40px 0px 10px 0px;\n        }\n      }\n      .border-style {\n        border-bottom: 1px solid var(--border-color-soft);\n        padding: 12px 0px;\n      }\n      .heading-style-top {\n        margin: 40px 0px 20px 0px;\n      }\n      h4 {\n        margin-bottom: 0px;\n      }\n\n      .section-heading-large > .grouped-docs ~ .grouped-docs {\n        padding-top: 28px;\n      }\n      .ctalist {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 1.5rem;\n      }\n      @media screen and "," {\n        .search-box-parent {\n          width: auto;\n        }\n        .accordion-section {\n          .heading-style {\n            margin: 20px 0px 5px;\n          }\n        }\n        .search-form-container {\n          form {\n            margin: 40px 0px 0px 0px;\n            padding-bottom: 0px;\n            justify-content: space-between;\n            .search-box-parent {\n              flex-grow: 2;\n            }\n          }\n        }\n        .form-style {\n          button {\n            line-height: 1.7;\n          }\n        }\n        input.form-control {\n          padding-left: 36px;\n          padding-right: 36px;\n        }\n        .search-icon,\n        .close-icon {\n          top: 6px;\n        }\n        .initial-search-text {\n          padding-top: 30px;\n          padding-bottom: 10px;\n        }\n      }\n\n      @media screen and "," and "," {\n        .border-style {\n          padding: 10px 0px;\n        }\n        .download-icon-style {\n          img {\n            max-width: 80%;\n          }\n        }\n        .search-img {\n          width: 18px;\n        }\n        input.form-control {\n          padding-left: 34px;\n          padding-right: 34px;\n        }\n      }\n      @media screen and "," and "," {\n        .search-icon,\n        .close-icon {\n          top: 6px;\n        }\n      }\n      @media screen and "," and "," {\n        .search-icon,\n        .close-icon {\n          top: 5px;\n        }\n      }\n      @media screen and "," and "," {\n        .search-icon,\n        .close-icon {\n          top: 4px;\n        }\n        .initial-search-text {\n          padding-top: 52px;\n          padding-bottom: 32px;\n        }\n      }\n      @media screen and "," and "," {\n        .accordion-section {\n          .heading-style {\n            margin: 40px 0px 8px 0px;\n          }\n        }\n        .heading-style-top {\n          margin: 40px 0px 18px 0px;\n        }\n        .download-icon-style {\n          img {\n            max-width: 90%;\n          }\n        }\n        input.form-control {\n          padding-left: 36px;\n          padding-right: 36px;\n        }\n        .search-icon {\n          left: 9px;\n          top: 6px;\n        }\n        .close-icon {\n          top: 6px;\n        }\n        .initial-search-text {\n          padding-top: 68px;\n          padding-bottom: 48px;\n        }\n      }\n      @media screen and "," {\n        .search-icon {\n          top: 10px;\n          left: 14px;\n        }\n        .close-icon {\n          top: 10px;\n        }\n        input.form-control {\n          padding-left: 44px;\n          padding-right: 44px;\n        }\n        .accordion-section {\n          .heading-style {\n            margin-top: 44px;\n          }\n        }\n        .heading-style-top {\n          margin-top: 44px;\n        }\n        .section-heading-large > .grouped-docs ~ .grouped-docs {\n          padding-top: 32px;\n        }\n        .border-style {\n          padding: 18px 0px;\n        }\n        .initial-search-text {\n          padding-top: 90px;\n          padding-bottom: 70px;\n        }\n      }\n\n      @media screen and "," {\n        .button-auto-height {\n          button.btn {\n            height: min-content;\n            white-space: break-spaces;\n            text-align: left;\n          }\n        }\n      }\n      @media screen and "," {\n        .no-result-text {\n          padding-top: 16px;\n        }\n      }\n\n      .grouped-document-heading-color{\n        color: var(--faq-container-heading-color) !important;\n      }\n\n      .sub-title-color {\n      color: var(--txt-color-sub-heading) !important;\n      }\n    "]);return f=function(){return e},e}var w=x.default.div.withConfig({displayName:"styles__Content",componentId:"nv4a8z-0"})(["",""],(function(e){var n;(null===(n=e.gradients)||void 0===n?void 0:n.visible)?e.theme.gradient:e.theme;return Object(x.css)(f(),v.b.mediumDesktopAndUp4Max,v.b.largeDesktopMin,v.b.mobileMax,v.b.tabletPortraitAndUp,v.b.smallDesktopAndUp2Max,v.b.tabletPortraitAndUp,v.b.desktop2Max,v.b.desktop2Min,v.b.desktopMin1,v.b.desktopMin2,v.b.smallDesktopAndUp2Max,v.b.mediumDesktopMin,v.b.smallDesktopAndUp2Max,v.b.largeDesktopMin,v.b.tabletPortraitMax,v.b.smallDesktopAndUp2Max)})),y=t(8),E=t(9),k=t(10),O={searchLabel:"",searchEmptyText:"",flexLayout:!1,searchResultsText:"",noResultText:"",disableSearch:!1,variation:"",categoryItems:[{highlightedTitle:"",highlightedTitleHeadingStyle:"",title:"",headingStyle:"",items:[{title:"",description:""}]}],docCategoryItems:[{title:"",headingStyle:"",documentItems:void 0}],groupedDocCategoryItems:[{title:"",headingStyle:"",items:[{title:"",headingStyle:"",documentItems:void 0}]}],documentSearchItems:[{title:"",headingStyle:"",items:[{title:"",items:[{path:"",extension:"",name:""}]}]}],ctaSectionList:void 0,bottomMargin:!1,listLeftAligned:!1},N=function(e){var n=g()({},O,Object(l.g)(e.content)),t=Object(o.useState)(""),c=Object(a.a)(t,2),s=c[0],u=c[1],h=Object(o.useState)(!1),x=Object(a.a)(h,2),v=x[0],f=x[1],N=Object(o.useState)({value:!0,message:n.searchResultsText}),j=Object(a.a)(N,2),D=j[0],L=j[1],A=Object(o.useState)({value:!1,message:""}),M=Object(a.a)(A,2),S=M[0],C=M[1],T=Object(o.useState)(!1),U=Object(a.a)(T,2),I=U[0],_=U[1],z=Object(o.useState)(!1),P=Object(a.a)(z,2),H=P[0],W=P[1];Object(o.useEffect)((function(){if(Object(l.F)().subscribe((function(e){f(e)})),n.disableSearch||n.searchEmptyText&&(n.searchEmptyText.length>20&&matchMedia("(max-width: 359px)").matches||n.searchEmptyText.length>30&&matchMedia("(max-width: 460px)").matches)&&W(!0),"faq"===n.variation){var e=document.getElementsByClassName("parent-searchable-div");e[0]&&(e[0].click(),e[0].classList.add("show-icon"))}}),[]);var F=n.categoryItems,$=[],R=[],Z=[],V=[],G=[],J=[],B=[],q=[];null===F||void 0===F||F.forEach((function(e,n){$[n]=e.title,J[n]=e.headingStyle,B[n]=e.highlightedTitle,q[n]=e.highlightedTitleHeadingStyle})),null===F||void 0===F||F.forEach((function(e,n){R[n]=e.items}));var K=Object(o.useState)(F),X=Object(a.a)(K,2),Y=X[0],Q=X[1],ee=Object(o.useState)(!1),ne=Object(a.a)(ee,2),te=ne[0],ae=ne[1],oe=n.docCategoryItems,ie=[],le=[],ce=[],re=[],se=[],de=[];null===oe||void 0===oe||oe.forEach((function(e,n){var t;le[n]=null===e||void 0===e?void 0:e.title,ie[n]=null===e||void 0===e?void 0:e.headingStyle,ce[n]=[],null===e||void 0===e||null===(t=e.documentItems)||void 0===t||t.forEach((function(e,t){ce[n][t]=e}))})),!te&&(null===oe||void 0===oe?void 0:oe.find((function(e){return e.title})))&&ae(!0);var me=Object(o.useState)(oe&&n.docCategoryItems),pe=Object(a.a)(me,2),ue=pe[0],ge=pe[1],be=n.groupedDocCategoryItems,he=Object(o.useState)(be&&n.groupedDocCategoryItems),xe=Object(a.a)(he,2),ve=xe[0],fe=xe[1],we=[],ye=[],Ee=[],ke=[],Oe=[],Ne=[],je=[],De=[];null===be||void 0===be||be.forEach((function(e,n){var t;we[n]=e.title,Ne[n]=e.headingStyle,ye[n]=[],Ee[n]=[],je[n]=[],null===e||void 0===e||null===(t=e.items)||void 0===t||t.forEach((function(e,t){ye[n][t]=e.title,je[n][t]=e.headingStyle,Ee[n][t]=e.documentItems}))}));var Le=function(e,n){e&&(Object(l.b)(),r.a.get(e,{responseType:"blob"}).then((function(e){return d.a.saveAs(e.data,n),Object(l.Z)(),e}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()})))},Ae=n.documentSearchItems,Me=[],Se=[],Ce=[],Te=[],Ue=[],Ie=[];null===Ae||void 0===Ae||Ae.forEach((function(e,n){var t;Se[n]=null===e||void 0===e?void 0:e.title,Me[n]=null===e||void 0===e?void 0:e.headingStyle,Ce[n]=[],null===e||void 0===e||null===(t=e.items)||void 0===t||t.forEach((function(e,t){Ce[n][t]=e}))}));var _e=Object(o.useState)(Ae&&n.documentSearchItems),ze=Object(a.a)(_e,2),Pe=ze[0],He=ze[1],We=Object(o.useState)(!1),Fe=Object(a.a)(We,2),$e=Fe[0],Re=Fe[1],Ze=function(e){e.preventDefault();var t=s&&s.toLowerCase();"faq"===n.variation&&(t.length>0&&"faq"===n.variation?(G=[],R.forEach((function(e,n){G=[],e.forEach((function(e,n){-1===e.title.toLowerCase().indexOf(t)&&-1===e.description.toLowerCase().indexOf(t)||G.push(e)})),V[n]=G,V[n].length>0&&(Z[n]={title:V[n].length>0?$[n]:"",highlightedTitle:B[n],highlightedTitleHeadingStyle:q[n],headingStyle:J[n],items:V[n]})})),Z.length>0?C({value:!1,message:""}):C({value:!0,message:n.noResultText}),Q(Z)):(_(!1),C({value:!1,message:""}),Q(F))),"document"===n.variation&&(t.length>0?(ce.forEach((function(e,n){re=[],e.forEach((function(e,n){var a;((null===e||void 0===e?void 0:e.title)&&-1!==(null===e||void 0===e||null===(a=e.title)||void 0===a?void 0:a.toLowerCase().indexOf(t))||(null===e||void 0===e?void 0:e.description)&&-1!==(null===e||void 0===e?void 0:e.description.toLowerCase().indexOf(t)))&&re.push(e)})),se[n]=re,se[n].length>0&&(de[n]={title:le[n],headingStyle:ie[n],documentItems:se[n]})})),de.length>0?C({value:!1,message:""}):C({value:!0,message:n.noResultText}),ge(de)):(_(!1),C({value:!1,message:""}),ge(oe))),"grouped-document"===n.variation&&(L({value:!1,message:""}),t.length>0?(Ee.forEach((function(e,n){Oe[n]=[],e.forEach((function(e,a){De=[],e.forEach((function(e,n){var a,o;((null===e||void 0===e?void 0:e.title)&&-1!==(null===e||void 0===e||null===(a=e.title)||void 0===a?void 0:a.toLowerCase().indexOf(t))||(null===e||void 0===e?void 0:e.description)&&-1!==(null===e||void 0===e||null===(o=e.description)||void 0===o?void 0:o.toLowerCase().indexOf(t)))&&De.push(e)})),De.length>0&&(Oe[n][a]={title:ye[n][a],headingStyle:je[n][a],documentItems:De})})),Oe[n].length>0&&(ke[n]={title:we[n],headingStyle:Ne[n],items:Oe[n]})})),ke.length>0?C({value:!1,message:""}):C({value:!0,message:n.noResultText}),fe(ke)):(_(!1),C({value:!1,message:""}),fe(n.groupedDocCategoryItems))),"search"===n.variation&&(t.length>0?(L({value:!1,message:""}),Re(!0),Ce.forEach((function(e,n){Te=[],e.forEach((function(e,n){var a;(-1!==(null===e||void 0===e||null===(a=e.title)||void 0===a?void 0:a.toLowerCase().indexOf(t.toLowerCase()))||(null===e||void 0===e?void 0:e.description)&&-1!==(null===e||void 0===e?void 0:e.description.toLowerCase().indexOf(t)))&&(Te[n]=e)})),Ue[n]=Te,Ue[n].length>0&&(Ie[n]={title:Ue[n].length>0?Se[n]:"",headingStyle:Ue[n].length>0&&Me[n],items:Ue[n]})})),Ie.length>0?C({value:!1,message:""}):C({value:!0,message:n.noResultText}),He(Ie)):(_(!1),C({value:!1,message:""}),Re(!1),L({value:!0,message:n.searchResultsText})))},Ve=function(e){var n=e.target;n.parentElement.classList.contains("parent-searchable-div")&&(n.parentElement.classList.contains("show-icon")?n.parentElement.classList.remove("show-icon"):n.parentElement.classList.add("show-icon")),n.parentElement.parentElement.classList.contains("parent-searchable-div")&&(n.parentElement.parentElement.classList.contains("show-icon")?n.parentElement.parentElement.classList.remove("show-icon"):n.parentElement.parentElement.classList.add("show-icon"))};return i.a.createElement(y.a,{setter:{componentThemes:b,selectedTheme:e.theme}},i.a.createElement(E.a,null,i.a.createElement(k.a,{padding:!n.flexLayout},i.a.createElement(w,{isReversed:!1},n.docCategoryItems.length>0&&i.a.createElement("div",{className:n.listLeftAligned?"searchable-list":"container searchable-list"},v&&i.a.createElement(p.a,null),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:n.listLeftAligned?"col-12 search-form-container":n.flexLayout?"col-12 search-form-container inner-container":"col-12 col-xl-9 col-md-10 col-sm-11 search-form-container"},!n.disableSearch&&i.a.createElement("span",null,i.a.createElement("form",{className:"form-style"},i.a.createElement("div",{className:"search-box-parent"},i.a.createElement("div",{className:"search-icon"},i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ic-search-light.svg"),alt:"Seacrh Icon",className:"search-img"})),i.a.createElement("input",{type:"text",name:"search",placeholder:n.searchEmptyText,className:"form-control",value:s,onChange:function(e){u(e.target.value),""!==e.target.value?_(!0):(_(!1),C({value:!1,message:""}),"faq"===n.variation&&Q(F),"document"===n.variation&&ge(oe),"grouped-document"===n.variation&&fe(n.groupedDocCategoryItems))},onKeyDown:function(e){13==e.keyCode&&(e.preventDefault(),Ze(e))},title:"search"}),I&&i.a.createElement("span",{className:"close-icon"},i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ic-close.svg"),alt:"Search Icon",onClick:function(e){""!==s&&(u(""),_(!1),C({value:!1,message:""}),"faq"===n.variation&&Q(F),"document"===n.variation&&ge(oe),"grouped-document"===n.variation&&fe(n.groupedDocCategoryItems),"search"===n.variation&&L({value:!0,message:n.searchResultsText}))}}))),i.a.createElement(m.a,{label:Object(l.i)(n.searchLabel),inverse:!1,onClick:Ze})),!0===H&&i.a.createElement("div",{className:"body-text3 d-block d-sm-none"},n.searchEmptyText),"search"===n.variation&&D.value&&i.a.createElement("div",null,i.a.createElement("div",{className:"initial-search-text"},D.message))),S.value&&i.a.createElement("div",{className:"body-text2 no-result-text"},S.message),i.a.createElement("div",{className:"".concat(!1===te&&"document"===n.variation&&"my-3"," results accordion accordion-wrapper"),id:"search-accordian"},"faq"===n.variation&&F&&F.length>0&&Y&&Y.length>0&&Y.map((function(e,t){return i.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&(e.highlightedTitle&&e.highlightedTitleHeadingStyle?i.a.createElement(e.headingStyle,{className:"heading-style  "},i.a.createElement("span",{className:"amarrHighlightBold amarr-".concat("capitalize"===e.highlightedTitleHeadingStyle?" text-style-uppercase ":e.highlightedTitleHeadingStyle)},e.highlightedTitle)," ",i.a.createElement("span",{className:"sub-title-color"},e.title)):i.a.createElement(e.headingStyle,{className:"heading-style "},e.title)),e.headingStyle&&e.title&&"capitalize"===e.headingStyle&&e.title&&(e.highlightedTitle?i.a.createElement("div",{className:"heading-style text-style-uppercase ".concat("document"===n.variation?"amarrHighlight":"")},i.a.createElement("span",{className:"amarrHighlightBold amarr-h1"},e.highlightedTitle)," ",i.a.createElement("span",{className:"sub-title-color"},e.title)):i.a.createElement("div",{className:"heading-style text-style-uppercase ".concat("document"===n.variation?"amarrHighlight":"")},e.title)),e.items.map((function(e,n,a){return i.a.createElement("div",{key:n,className:"border-style parent-searchable-div"},i.a.createElement("h2",{"data-toggle":"collapse","data-target":"#collapse".concat(t).concat(n),"aria-expanded":"true","aria-controls":"collapse".concat(t).concat(n),className:"text-style content-style amarr-h5 m-0 p-0",id:"toggle-list".concat(t).concat(n),onClick:Ve,onDoubleClick:Ve},i.a.createElement("span",{className:"text-style-heading"},e.title),i.a.createElement("img",{loading:"lazy",className:"accordion-expand",src:Object(l.E)().concat("ic-add-accordian.svg"),alt:"expanded icon"}),i.a.createElement("img",{loading:"lazy",className:"accordion-collapsed",src:Object(l.E)().concat("ic-minus-accordian.svg"),alt:"collapsed icon"})),i.a.createElement("p",{id:"collapse".concat(t).concat(n),className:"".concat(0===t&&0===n?"collapse show":"collapse"," text-style-description body-text2"),"data-parent":"#search-accordian",dangerouslySetInnerHTML:{__html:e.description}}))})))})),"grouped-document"===n.variation&&ve&&ve.map((function(e,n){return i.a.createElement("div",{className:"section-heading-large",key:n},e.headingStyle&&"capitalize"!==e.headingStyle&&i.a.createElement(e.headingStyle,{className:"heading-style-top grouped-document-heading-color"},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&i.a.createElement("div",{className:"heading-style-top text-style-uppercase grouped-document-heading-color"},e.title),e.items&&e.items.map((function(e,t,a){var o;return i.a.createElement("div",{className:"grouped-docs",key:t},e.headingStyle&&"capitalize"!==e.headingStyle&&i.a.createElement(e.headingStyle,{className:"heading-style-grouped"},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&i.a.createElement("div",{className:"heading-style-grouped text-style-uppercase "},e.title),null===e||void 0===e||null===(o=e.documentItems)||void 0===o?void 0:o.map((function(e,a,o){return i.a.createElement("div",{key:a,className:"border-style"},i.a.createElement("div",{className:"document-wrapper"},i.a.createElement("h3",{className:"text-style amarr-h5 m-0 p-0"},i.a.createElement("a",{className:"link-style-grouped",href:e.path,target:"_blank","aria-label":e.title},e.title)),i.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,o){return i.a.createElement("span",{key:o,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("xls.svg"),alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"pptx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ppt.svg"),alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svg"),alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}))})))),i.a.createElement("p",{className:"text-style-description body-text2"},e.description),i.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,o){return i.a.createElement("span",{key:o,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svgth"),alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("xls.svg"),alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"pptx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ppt.svg"),alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}))}))))})))})))})),"document"===n.variation&&oe&&oe.length>0&&ue&&ue.length>0&&ue.map((function(e,t){return i.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&i.a.createElement(e.headingStyle,{className:"heading-style "},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&e.title&&i.a.createElement("div",{className:"heading-style text-style-uppercase ".concat("document"===(null===n||void 0===n?void 0:n.variation)?"amarrHighlight":"")},e.title),e.documentItems&&e.documentItems.map((function(e,n,a){return i.a.createElement("div",{className:"border-style",key:n},i.a.createElement("div",{className:"document-wrapper"},i.a.createElement("h3",{className:"text-style text-style-color amarr-h5 m-0 p-0"},i.a.createElement("a",{className:"link-style",href:e.path,target:"_blank","aria-label":e.title},e.title)),i.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,a){return i.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svg"),alt:"dxf icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("xls.svg"),alt:"xlsx icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"pptx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ppt.svg"),alt:"pptx icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}))})))),e.description&&i.a.createElement("p",{className:"text-style-description body-text2"},e.description),i.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,a){return i.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svg"),alt:"dxf icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("xls.svg"),alt:"xlsx icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"pptx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ppt.svg"),alt:"pptx icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}))}))))})))})),"search"===n.variation&&i.a.createElement(i.a.Fragment,null,!D.value&&i.a.createElement("div",{className:"search-variation-section"},$e&&Pe&&Pe.length>0&&Pe.map((function(e,t){return i.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&i.a.createElement(e.headingStyle,{className:"heading - style"},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&e.title&&i.a.createElement("div",{className:"heading - style text - style - uppercase ".concat("document"===n.variation?"amarrHighlight":"")},e.title),e.items&&e.items.map((function(e,n,a){return i.a.createElement("div",{className:"border-style",key:n},i.a.createElement("div",{className:"document-wrapper"},i.a.createElement("h3",{className:"text-style text-style-color amarr-h5 m-0 p-0"},i.a.createElement("a",{className:"link-style",href:e.path,target:"_blank","aria-label":e.title},e.title)),i.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,a){return i.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svg"),alt:"dxf icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("xls.svg"),alt:"xlsx icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"pptx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ppt.svg"),alt:"pptx icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}))})))),e.description&&i.a.createElement("p",{className:"text-style-description body-text2"},e.description),i.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,a){return i.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svg"),alt:"dxf icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}))}))))})))})),$e&&n.ctaSectionList&&n.ctaSectionList.length>0&&n.ctaSectionList.map((function(e,n){return i.a.createElement("div",{key:n,className:"accordion-section"},i.a.createElement("h2",{className:"heading-style"},e.ctaHeading),i.a.createElement("span",{className:"ctalist"},e.ctaItems&&e.ctaItems.map((function(e,n){return i.a.createElement(i.a.Fragment,null,e.isInternal&&i.a.createElement("a",{className:"links mr-3",href:e.url,target:e.linkAction,"aria-label":e.label},e.label),!e.isInternal&&"_self"===e.cta.linkAction&&i.a.createElement("a",{href:e.url,target:e.linkAction,"aria-label":e.label},e.label),!e.isInternal&&"_blank"===e.linkAction&&i.a.createElement("a",{href:e.url,target:e.linkAction,rel:"noopener","aria-label":e.label},e.label))}))))})))),"search"!==n.variation&&n.ctaSectionList&&n.ctaSectionList.length>0&&n.ctaSectionList.map((function(e,t){return i.a.createElement("div",{key:t,className:"accordion - section ".concat(("faq"===n.variation||"grouped-document"===n.variation||"document"===n.variation)&&"mt-4")},e.ctaHeading&&i.a.createElement("h2",{className:"heading-style"},e.ctaHeading),i.a.createElement("span",{className:"ctalist"},e.ctaItems&&e.ctaItems.length>0&&e.ctaItems.map((function(e,n){return i.a.createElement("div",{className:"".concat(e.label.length>25&&"button-auto-height"),key:n},""!=e.label&&i.a.createElement(m.a,{label:Object(l.i)(e.label),link:!0,linkHref:e.url}))}))))}))))))))))};N.defaultProps={theme:"",content:""};n.a=N},71:function(e,n,t){"use strict";t.d(n,"a",(function(){return m}));var a=t(28),o=t(0),i=t.n(o),l=t(5),c=(t(42),l.default.div.withConfig({displayName:"styles__View",componentId:"sc-1kfrocl-0"})([".loader{text-align:var(--text-center);div{align-items:var(--text-center);}}"])),r=t(33),s=t.n(r),d=t(1),m=function(e){return Object(a.a)(e),i.a.createElement(c,null,i.a.createElement("div",{className:"d-flex justify-content-center loader"},i.a.createElement("div",{className:"d-flex"},i.a.createElement(s.a,{type:"Oval",color:Object(d.H)(),height:100,width:100}))))}},8:function(e,n,t){"use strict";t.d(n,"a",(function(){return l}));var a=t(5),o=t(0),i=t.n(o),l=function(e){var n=e.setter,t=n.componentThemes,o=n.selectedTheme;return i.a.createElement(a.ThemeProvider,{theme:function(){if(!o)return t.theme1;var e=o.match(/\d+/g).map(Number),n=Object.keys(t).find((function(n){return!(!Array.isArray(e)||1!==e.length)&&(n.includes(e[0])&&t[n])}));return n?t["".concat(n)]:t.theme1}},e.children)};n.b=l},88:function(e,n,t){"use strict";var a=t(27),o=t.n(a),i=t(35),l=t(3),c=t(0),r=t.n(c),s=t(7),d=t.n(s),m=t(6),p=t(13),u=t.n(p),g={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},b=t(12),h=t(5),x=t(2),v=t(1);function f(){var e=Object(b.a)(["\n        \n        \n.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-header-intro .pr-headline {font-size: var(--font-size-h5) !important;}\n// Door Details\n\n.slider-image {\n    width: 1091px;\n    object-fit:cover;\n}\n.slick-slider-container{\n    width: 90% !important;\n}\n\n@media screen and "," {\n    .slick-slider-container {\n        width: 100% !important;\n    }\n}\n\n.door-details {\n    .border-b {\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .door-active {\n        border-radius: var(--border-radius);\n        border: solid 4px var(--border-color-active) !important;\n    }\n\n    button {\n        cursor: pointer;\n    }\n\n    ul {\n        margin: 0;\n        flex-wrap: wrap;\n        \n        li {\n            list-style: none;\n        }\n    }\n\n    .door-text {\n        margin-top: 10px;\n        display: block;\n        color: var(--text-color);\n    }\n\n    .p-w-r {\n        .pr-snippet-read-and-write  {\n            margin: 0;\n\n            a {\n                color: var(--accent);\n                text-decoration: none !important;\n                font-weight: var(--font-weight-semi-bold);\n            }\n        }\n    }\n\n    .slick-slider-custom {\n        @media screen and ","{\n            border-bottom: 1px solid var(--border-color);\n            padding-bottom: 20px;\n            margin-bottom: 20px;\n        }\n    }\n\n    .img-container {\n        background-color: var(--bg-main);\n        border-radius: var(--border-radius);\n        border: solid 1px var(--border-color);\n        width: 240px;\n        min-height: 180px;\n        /* height: 180px; */\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .modal {\n        padding: 0;\n\n        &-header {\n            padding: 0px;\n            border: 0px;\n        }\n\n        &-body {\n            padding: 36px;\n        }\n\n        .close {\n            margin: 0px;\n            position: absolute;\n            top: 3%;\n            right: 3%;\n            @media screen and ","{\n                top: 1%;\n            }\n        }\n\n        &-dialog {\n            &-centered {              \n                align-items: center;\n                display: flex;\n                justify-content: center;\n            }\n            @media screen and "," {\n                height: 100%;\n            }\n        }\n    }\n\n    .pr-snippet-stars-reco-reco {\n        display: none;\n    }\n}\n\n// Door header\n\n.door-header {\n    &-share-icons {\n\n        img {\n            max-width: 30px;\n            cursor: pointer;\n            &:not(:first-child) {\n                margin-left: 20px;\n            }\n        }\n    }\n}\n.new-icon {\n    padding: 5px 16px 5px 16px;\n    background-color: var(--bg-symbol);\n    font-weight: var(--font-weight-semi-bold);\n    margin-left: 10px;\n    margin-right: 10px;\n    text-transform: uppercase;\n    cursor: pointer;\n    @media screen and ","{\n        padding: 4px 14px 4px 14px;\n    }\n    @media ","{\n        padding: 3px 10px 3px 10px;\n        font-size: var(--font-size-s1);\n    }\n    @media screen and "," and ","{\n        padding: 4px 11px 4px 11px;\n    }\n}\n/* .door-header-power-reviews{\n    @media screen and ","{\n        border-bottom: 1px solid var(--border-color);\n    }\n} */\n\n#campaign_price{\n    color:var(--accent);\n}\n\n// Panel design\n.panel-design {\n    &-container {\n        // gap: 10px 2%;\n        // row-gap: 10px;\n    }\n\n    &-item {\n        text-align: var(--text-center);\n        border-radius: var(--border-radius);\n        background-color: var(--bg-main);\n        position: relative;\n        /* padding-bottom: 10px; */\n        max-width: 140px;\n\n        @media "," {\n            max-width: 100px;\n        }\n\n        @media "," and (max-width: 1279px) {\n            max-width: 90px;\n        }\n\n        .action-item {\n            max-width: 136px;\n            /* max-height: 98px; */\n            border: solid 1px var(--border-color);\n            padding: 13px;\n            cursor: pointer;\n            border-radius: var(--border-radius);\n            max-height: 90px;\n\n            @media "," {\n                max-height: 120px;\n            }\n\n            @media "," {\n                max-width: 100px;\n                padding: 10px;\n            }\n\n            @media "," and (max-width: 1279px) {\n                max-width: 84px;\n                padding: 6px;\n            }\n        }\n    }\n\n    &-block-text {\n        margin: 0;\n        margin-top: 6px;\n    }\n\n    &-more-items {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        display: inline-flex;\n        margin-top: 6px;\n        top: -17%;\n        left: 0;\n        background-color: var(--white-t-70);\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n    }\n\n    &-less-items {\n        color: var(--accent);\n        cursor: pointer;\n    }\n\n    .more-item-container {\n        min-height: 30px;\n    }\n\n    // colors \n\n    .door-color {\n        padding: 0px;\n        border: 0;\n        width: 65px;\n        height: 65px;\n        background-color: var(--dark-grey1);\n        display: inline-block;\n        border-radius: 50%;\n        @media screen and "," {\n            width: 60px;\n            height: 60px;\n        }\n        @media screen and ","{\n            width: 80px;\n            height: 80px;\n        }\n    }\n}\n.panel-design-container > * {\n    margin: 10px 10px 0px ;\n}   \n.panel-design-container {\nmargin: -10px 0 0 0px;\n}\n\n.cta-list > * {\n    margin: 20px 0 0 0px;\n}\n.cta-list{\n    margin: 0px 0 0 0px; \n}\n.panel-design-item/*:not(:last-child)*/ {\n    margin-right: 1%;\n}\n.panel-design.window-panel {\n    .panel-design-container .panel-design-item{\n        display: flex;\n        flex-direction: column;\n        .window {\n            border: 1px solid var(--border-color);\n                border-radius: var(--border-radius);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                flex-grow: 2;\n            img{\n                font-size: var(--font-size-xs1);\n            }\n        }\n        .action-item{\n            border: 0px;\n            border-radius: 0px;\n        }\n    }\n    .panel-design-item.more-item-container{\n        .panel-design-block-text{\n            opacity: 0;\n        }\n        .panel-design-more-items{\n            top: -25%;\n            @media screen and "," and (max-width: 1025px) {\n                top: -30%;\n            }\n            @media screen and ","{\n                top: -23%;\n            }\n        }\n    }\n    .unavailable {\n        height: 68%;\n        .panel-un-icon.unavailable-icon img{\n            width: 30%;\n        }\n        @media screen and "," and (max-width: 1025px) {\n            height: 60%;\n            .panel-un-icon.unavailable-icon img{\n                width: 26%;\n            }\n        }\n    }\n}\n.unavailable-img{\n    .door-color, .action-item {\n        opacity: 0.5;\n    }\n}\n.unavailable{\n    // background-color: var(--white-t-70);\n    position: absolute;\n    height: 81%;\n    width: 100%;\n    top: 0px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n    cursor: pointer;\n    @media screen and "," and (max-width: 1025px){\n        height: 78%;\n    }\n    .unavailable-icon{\n        height: 100%;\n        width: 100%;\n        align-items: center;\n        justify-content: center;\n        vertical-align: middle;\n        display: flex;\n    }\n    .color-un-icon.unavailable-icon{\n        max-width: 44%;\n    }\n    .panel-un-icon.unavailable-icon{\n        img{\n            width: 41%;\n        }\n    }\n}\n.color-unavailable{\n    height: 66px;\n    width: calc(100%);\n    @media screen and "," {\n        height: 62px;\n    }\n    @media screen and ","{\n        height: 82px;\n    } \n}\n.color-circle{\n    max-width: 10%!important;\n    flex: 0 0 10%;\n    @media screen and ","{\n        max-width: 20%!important;\n        flex: 0 0 20%;\n    }\n    @media screen and "," and ","{\n        max-width: 8.5%!important;\n        flex: 0 0 8.5%;\n    }\n    @media screen and "," and ","{\n        max-width: 12%!important;\n        flex: 0 0 12%;\n    }\n    @media screen and (min-width: 1023px) and (max-width: 1025px){\n        max-width: 14%!important;\n        flex: 0 0 14%;\n      }\n}\n.color-design-more-items{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: var(--white-t-70);\n    cursor: pointer;\n    margin-bottom: 0px;\n    height: 100%;\n    width: 100%;\n}\n.door-details-li{\n    ul {\n        margin-left: 1rem;\n        margin-bottom: 1rem;\n        li {\n            list-style: disc !important;\n        }\n    }\n}\n//order header starts\n.order-header-data{\n    ul {\n        margin-left: 1rem;\n        margin-bottom: 1rem;\n        b {\n            font-weight: var(--font-weight-semi-bold);\n        }\n        li{\n            list-style: disc;\n        }\n      }\n      @media screen and "," {\n        ul {\n          margin-left: 1.5rem;\n        }\n      }\n}\n// order header ends\n//overview starts\n.specification{\n    /* border: 1px solid var(--border-color); */\n    border-radius: var(--border-radius);\n    padding: 0px 1px;\n    margin-left: 0px;\n    margin-bottom: 1.5rem;\n    .table td, .specification.table th{\n        border: 0;\n    }\n    .table-striped tbody tr:nth-of-type(odd) {\n        background-color: var(--grey);\n    }\n    .table{\n        margin-bottom: 0px;\n        border: 1px solid var(--border-color);\n        width: auto;\n        white-space: nowrap;\n\n        thead th {\n            border-bottom: 0 !important;\n        }\n\n        td, th {\n            border-top: 0 !important;\n            width: 15vw;\n            white-space: pre-wrap;\n            @media screen and ","{\n                width: auto;\n            }\n        }\n    }\n}\n.overview-content{\n    padding-bottom: 20px;\n}\n.features-container{\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n    @media screen and ","{\n        gap: 10px;\n    }\n    @media screen and "," and ","{\n        // gap: 20px;\n    }\n    @media screen and ","{\n        overflow-x: scroll;\n        flex-wrap: nowrap;\n    }\n    .image-text-container{\n        max-width: 180px;\n        .image-container{\n            max-width: 180px;\n            border: 1px solid var(--border-color);\n            border-radius: var(--border-radius);\n            padding: 10px;\n            cursor: pointer;\n            max-height: 100px;\n        }\n        @media screen and ","{\n            max-width: 105px;\n            .image-container{\n                max-width: 105px;\n                padding: 4px;\n            }\n        }\n        @media screen and ","{\n            max-width: 140px;\n            .image-container{\n                max-width: 140px;\n            }\n        }\n        @media screen and "," and ","{\n            max-width: 124px;\n            .image-container{\n                max-width: 124px;\n            }\n        }\n        \n    }\n}\n\n.overview-features {\n    display: flex;\n    // gap: 24px;\n    flex-wrap: wrap;\n\n    @media screen and ","{\n        // gap: 10px;\n        flex-direction: column;\n    }\n\n    @media screen and "," and ","{\n        // gap: 20px;\n    }\n\n    .feature-item {\n        flex: 1 1 10%;\n        max-width: 10%;\n\n        @media screen and (min-width: 720px) and ","{\n            flex: 1 1 16%;\n            max-width: 16%;\n        }\n\n        @media screen and ","{\n            flex: 1 1 100%;\n            max-width: 100%;\n        }\n\n        &-img-container {\n            border: 1px solid var(--border-color);\n            border-radius: var(--border-radius);\n            padding: 10px;\n            cursor: pointer;\n            max-height: 100px;\n            min-height: 100px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            img {\n                max-height: 70px;\n            }\n\n            @media screen and "," {\n                max-height: 140px;\n                min-height: 140px;\n                img {\n                    max-height: 100px;\n                }\n            }\n\n            @media screen and "," {\n                max-height: inherit;\n                min-height: inherit;\n                img {\n                    max-height: inherit;\n                }\n            }\n        }\n\n    }\n    .feature-item:not(:last-child) {\n        margin-right: 24px;\n        @media screen and ","{\n            margin-right: 10px;\n        }\n    }\n}\n.modal {\n    &-dialog {\n        max-width: 65%;\n        @media screen and ","{\n          max-width: 100%;\n        }\n        @media screen and "," {\n            height: 100%;\n        }\n    }\n  &-header,\n  &-body,\n  &-footer {\n    padding: 0px 36px 0px 36px;\n    border: 0;\n    @media screen and ","{\n      padding: 0px 20px 0px 20px;\n    }\n  }\n  &-body{\n    padding-bottom: 36px;\n    @media screen and ","{\n      padding-bottom: 20px;\n    }\n  }\n  &-header{\n    padding-top: 8px;\n  } \n}\n\n.button-div{\n  display: flex;\n  gap: 24px;\n}\n//overview ends\n// design options starts\n.design-options {\n    .door-img-container {\n        max-width: 271px !important;\n    }\n\n    .panel-design {\n        .door-color {\n            cursor: auto;\n        }\n    }\n\n    .box_container{\n        background-color: var(--box-container-bg);\n        display: inline-flex;\n        gap: 56px;\n        padding: 19px;\n    }\n}\n\n.door-style {\n    .door-img-container {\n        max-width: 190px !important;\n        gap: 2%;\n    }\n\n    #door-style {\n        .door-img-container {\n            max-width: 100% !important;\n        }\n    }\n\n    .sub-tabs {\n        box-shadow: none;\n        border: 0;\n    }\n\n    .tab-content {\n        padding: 0;\n    }\n\n    .tab-heading .nav-tabs li {\n        padding-top: 0;\n    }\n}\n\n.mosaic-tile{\n    display: flex;\n    flex-direction: column;\n    .door-img-container{\n        flex-grow: 2;\n    }\n}\n\n.brochures-installation {\n\n    .door-image-block {\n        // gap: 20px 1%;\n\n        li {\n            flex: 0 0 20%;\n            max-width: calc(20% - 20px);\n            @media screen and "," {\n                flex: 0 0 calc(50% - 10px);\n                max-width: calc(50% - 10px);\n            }\n        }\n    }\n\n    .door-img-container {\n        max-width: 100% !important;\n        height: 250px !important;\n        img {\n            border-radius: var(--border-radius);\n            max-height: 230px;\n        }\n        @media screen and ","{\n            height: 170px !important;\n            img{\n                max-height: 162px;\n            }\n        } \n        \n    }\n\n    .door-text {\n        word-break: break-word;\n    }\n}\n\n.accessory-container {\n    .img-container {\n        img {\n            border-radius: var(--border-radius);\n        }\n    }\n}\n\n.door-image-block {\n    display: flex;\n    // gap: 1%;\n    flex-wrap: wrap;\n\n    .door-img-container {\n        max-width: 140px;\n        height: auto;\n        border-radius: var(--border-radius);\n        border: solid 1px var(--border-color);\n        background-color: var(--bg-main);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px;\n    }\n}\n.brochures-installation {\n    .door-image-block > * {\n        margin: 20px 0 0 0px;\n    }   \n    .door-image-block {\n        margin: -20px 0 0 0px;\n    }\n    .brochure-image-container:not(:last-child) {\n        margin-right: 20px;\n    }\n}\n\n\n.image-text-li-container:not(:last-child), .mosaic-tile:not(:last-child) {\n    margin-right: 1%;\n}\n.design-options-container{\n    // gap: 5px 1.25%;\n    @media screen and (max-width:1025px){\n        // gap:5px 2%;\n    }\n}\n.design-options-container > * {\n    margin: 12px 0 0 0px;\n}   \n.design-options-container {\n    margin: -12px 0 0 0px;\n    .panel-design-item/*:not(:last-child)*/ {\n        margin-right: 1%;\n    }\n}\n.color-circle-tab{\n    position: relative;\n    max-width: 5%!important;\n    flex: 0 0 5%;\n    .unavailable{\n        height: 84px;\n    }\n    @media screen and "," {\n        .unavailable{\n            height: 68px;\n        }\n    }\n    @media screen and ","{\n        max-width: 20%!important;\n        flex: 0 0 20%;\n    }\n    @media screen and "," and ","{\n        max-width: 8.5%!important;\n        flex: 0 0 8.5%;\n    }\n    @media screen and "," and (max-width: 1199px){\n        max-width: 5.8%!important;\n        flex: 0 0 5.8%;\n    }\n    @media screen and "," and ","{\n        max-width: 5.5%!important;\n        flex: 0 0 5.5%;\n        .unavailable{\n            height: 64px;\n        }\n    }\n   \n}\n.image-text-li-container{\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    .door-img-container{\n        flex-grow: 2;\n        max-height: 180px;\n        img{\n            max-height: 100%;\n        }\n\n        @media"," and "," {\n            max-height: 80px;\n\n            img {\n                max-height: 60px;\n            }\n        }\n        @media screen and (max-width: 990px) {\n            img {\n                max-height: 160px;\n            }\n        }\n    }\n}\n// design options ends\n// Drawings starts\n.details-searchable-list{\n    .searchable-list .accordion-wrapper{\n        margin-bottom: 0px;\n    }\n    .accordion-section .heading-style, .accordion-wrapper .heading-style-top{\n        margin: 10px 0px 2px 0px;\n    }\n    .border-style {\n        padding: 5px 0px 12px;\n    }\n    @media screen and ","{\n        .border-style {\n            padding: 10px 0px 14px 0px;\n        }\n    }\n    @media screen and ","{\n        .border-style {\n            padding: 3px 0px 10px;\n        }\n    }\n    @media screen and ","{\n        .accordion-section .heading-style, .accordion-wrapper .heading-style-top {\n            margin: 10px 0px 4px 0px;\n        }\n    }\n    @media screen and ","{\n        .accordion-section .heading-style, .accordion-wrapper .heading-style-top {\n            margin: 16px 0px 4px 0px;\n        }\n        .border-style {\n            padding: 6px 0px 13px;\n        }\n    }\n}\n// Drawing ends\n/* door dtails gallery slider */\n.slick-slider-custom-gallery {\n    padding-bottom: 2vh !important;\n\n    .slick {\n        &-slider {\n            padding: 0;\n            background: var(--bg-main);\n        }\n\n        &-list {\n            img , video {\n                // margin: 0;\n                max-height: 350px;\n            }\n        }\n    }\n    .slick-list {\n        background: none;\n    }\n    .nav-slider{\n        img , span:video{\n            cursor: pointer;\n            border-radius: var(--border-radius);\n        }\n        .slick-slide{\n            padding-right: 8px;\n            padding-left: 8px;\n        }\n        .slick-slide:last-child {\n            padding-right: 0px;\n        }\n        .slick-slide:first-child {\n            padding-left: 0px;\n        }\n        .slick-slide.slick-current {\n            img , video{\n                border-radius: var(--border-radius) !important;\n                border: 4px solid var(--border-color-active);\n            }\n        }  \n    }\n}\n.slick-slider-custom.slick-slider-custom-gallery .slick-slide{\n    justify-content: start;\n}\n.slick-list{\n    background: var(--grey);\n    border-radius: var(--border-radius);\n}\n.slick-track {\n    display: flex;\n}\n.slick-initialized .slick-slide{\n    display: flex;\n    height: auto;\n}\n.slick-slider-custom .slick-slide {\n    justify-content: center;\n    align-items: center;\n    position: relative;\n}\n.slick-slider-custom.slick-slider-custom-gallery .showMoreIcon .slick-slide.slick-active.slick-current{\n    border: none;\n}\n.showMoreIcon{ \n    img , video{\n        padding-right: 0px !important;\n        padding-left: 0px !important;\n        border-radius: var(--border-radius);\n        cursor: pointer;\n    }\n    .slick-track {\n        display: flex !important;\n        gap: 16px;\n        @media screen and ","{\n            gap: 8px;\n        }\n    }\n    .slick-slide.slick-active.slick-current {\n        border-radius: var(--border-radius);\n        border: 4px solid var(--border-color-active);\n        img, video{\n            border-radius: 0px;\n        }\n    }\n    \n    .slick-slider{\n        max-width: calc(100% - 120px);\n\n        @media screen and "," and "," {\n            max-width: calc(100% - 80px);\n        }\n\n        @media screen and "," {\n          max-width: calc(100% - 60px);\n        }\n        \n        @media screen and "," and "," {\n          max-width: calc(100% - 40px);\n        }\n        @media screen and "," {\n          max-width: calc(100% - 30px);\n        }\n        @media screen and ","{\n          max-width: calc(100%);\n        }\n      }\n    .slick{\n        &-prev {\n            left: -40px !important;\n\n            @media screen and "," {\n                left: -60px !important;\n            }\n\n            @media screen and "," {\n                left: -30px !important;\n            }\n\n            &:before {\n              background-image: "," ;\n            }\n        }\n        &-next {\n            right: -40px !important;\n\n            @media screen and "," {\n                right: -60px !important;\n            }\n\n            @media screen and "," {\n                right: -30px !important;\n            }\n\n            &:before {\n                background-image: "," ;\n            }\n        }\n        &-prev,\n        &-next {\n            &:before {\n                width: 36px;\n                height: 36px;\n                @media ","{\n                    width: 24px;\n                    height: 24px;\n                }\n            }\n        }\n    }\n}\n\n.slick-next, .slick-prev{\n    top: 49%;\n    @media screen and ","{\n        top: 50%;\n    }\n}\n\n.panel-nav-slider.nav-slider{\n    .slick-track{\n        gap: 0px;\n    }\n    .slick-slide {\n        margin-right: 8px;\n    }\n    img, video{\n        cursor: pointer;\n        padding: 8px;\n    }\n    .slick-slide.slick-active.slick-current, .slick-slide.slick-current {\n        border-radius: var(--border-radius);\n        border: 4px solid var(--border-color-active);\n        img, video{\n            border-radius: 0px;\n        }\n    }\n    .slick-slide.slick-active{\n        border-radius: var(--border-radius);\n        border: 1px solid var(--border-color);\n    }\n    .slick-list {\n        background: none;\n    }\n}\n.showMoreIcon.panel-nav-slider.nav-slider{ \n    img, video{\n        padding-right: 8px !important;\n        padding-left: 8px !important;\n    }\n}\n\n.button-container{\n    display: flex;\n    // gap: 18px;\n    // margin-top: 60px;\n    // margin-bottom: 32px;\n    @media screen and "," {\n        flex-direction: column;\n        align-items: center;\n        // gap: 10px;\n        // margin-top: 30px;\n        // margin-bottom: 0px;\n    }\n}\n.button-container > * {\n    margin: 18px 0 0 0px;\n    @media screen and ","{\n        margin: 12px 0 0 0px;\n    }\n}   \n.button-container {\n    margin: -18px 0 0 0px;\n    @media screen and ","{\n        margin: -12px 0 0 0px;\n    }\n    .cta-item:not(:last-child) {\n        margin-right: 18px;\n    }\n}\n\n.close {\n    z-index: 100;\n}\n.slick-slider-custom .slick-dots {\n    // flex-wrap: nowrap;\n}\n.slick-slider-custom .slick-dots.slick-thumb {\n    position: static;\n}\n\n.enable-list-style {\n    ul {\n        margin-left: 1rem;\n\n        li {\n            list-style: disc;\n        }\n    }\n}\n\n@media "," {\n    .slick-slider-custom-gallery {\n        .slick {\n            &-slider {\n                &-container {\n                    gap: 0px;\n\n                    > :first-child {\n                        max-width: 80%;\n                    }\n                    img, video{\n                        margin-right: 0px !important;\n                        padding-right: 50px !important;\n                    }\n                }\n            }\n        }\n    }\n\n\n    .sticky-content-amarr {\n        position: sticky;\n        top: 150px;\n        bottom: 0;\n        z-index: 2;\n        align-self: flex-start;\n    }\n}\n@media screen and "," and ","{\n    .slick-slider-custom-gallery {\n        .slick {\n            &-slider {\n                &-container {\n                    gap: 0px;\n                    img, video{\n                        padding-right: 20px !important;\n                    }\n                }\n            }\n        }\n    }\n}\n@media"," {\n    button {\n        &.btn {\n            padding: 10px 24px;\n        }\n    }\n\n    .sticky-content-amarr {\n        top: 200px;\n    }\n}\n\n@media "," {\n    .door-details {\n        .door-active {\n            border-width: 2px !important;\n        }\n    }\n}\n\n@media "," {\n    .slick-slider-custom {\n        .slick-dots {\n            display: flex !important;\n            flex-wrap: nowrap;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n        }\n    }\n\n    .design-options,\n    .brochures-installation,\n    .door-style {\n        ul {\n            li {\n                flex: 0 0 30%;\n            }\n        }\n\n        .door-image-block {\n            // gap:20px 3%;\n\n            .door-img-container {\n                padding: 4px;\n            }\n        }\n    }\n\n    .door-style {\n        img {\n            /* height: 58px; */\n        }\n    }\n    .door-accessories-style {\n        img {\n            /* height: 145px; */\n        }\n    }\n    .image-text-li-container:not(:last-child), .mosaic-tile:not(:last-child) {\n        margin-right: 12px;\n    }\n    .brochures-installation {\n        .brochure-image-container:not(:last-child) {\n            margin-right: 0px;\n        }\n        .brochure-image-container:nth-child(odd) {\n            margin-right: 20px;\n        }\n    }\n    .slick-slider-custom.slick-slider-custom-gallery{\n        .slick-slider-container{\n            gap: 0px;\n            img , video{\n                margin-bottom: 20px;\n            }\n        }\n    }\n}\n@media "," {\n    .door-style {\n        ul {\n            li {\n                flex: 0 0 100%;\n            }\n        }\n    }\n}\n@media "," {\n    .design-options,\n    .brochures-installation,\n    .door-style {\n        ul {\n            li {\n                flex: 0 0 100%;\n            }\n        }\n\n        .door-image-block {\n            // gap: 20px;\n\n            .door-img-container {\n                padding: 4px;\n            }\n        }\n    }\n\n    .door-style {\n        img {\n            height: 38px;\n        }\n    }\n    .door-image-li-container, .window-image-li-container, .handles-image-li-container {\n        max-width: 100% !important;\n\n    }\n    .door-accessories-style {\n        img {\n            height: 250px;\n        }\n    }\n}\n\n.list-item{\n    border-top: 1px solid var(--border-color);\n    padding: 12px 0px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    .text-container{\n        flex-grow: 2;\n    }\n    .icon-container{\n        display: flex;\n        // min-width: 10%;\n        justify-content: flex-end;\n        @media screen and ","{\n            padding-top: 12px;\n        }\n    }\n    .download-icon-style{\n        cursor: pointer;\n        flex: 0 0 6.5%;\n        max-width: 6.5%;\n        img{\n            transition: all ease 200ms;\n            &:hover{\n                transform: scale(1.2);\n            }\n        }\n        @media screen and ","{\n            display: inline-block;\n            flex: 0 0 9%;\n            max-width: 9%;\n        }\n        @media screen and "," and ","{\n            flex: 0 0 5%;\n            max-width: 5%; \n        }\n        // @media screen and "," and (max-width: 1025px){\n        //     flex: 0 0 4%;\n        //     max-width: 4%; \n        // }\n    }\n    .download-icon-style:last-child{\n        margin-right: 0px !important;\n    }\n}\n@media screen and ","{\n.list-item:first-child{\n    border-top: 0px;\n}\n}\n@media screen and ","{\n    .list-item{\n        border-top: 0px;\n        border-bottom: 1px solid var(--border-color);\n    }  \n    .list-item:last-child{\n        border-bottom: 0px;\n    }    \n}\n.list-width{\n    width: 100%;\n}\n.heading-border{\n    border-top: 1px solid var(--border-color);\n    padding-top: 16px;\n    @media screen and ","{\n        border-top: 0px;\n        padding-top: 24px;\n    }\n}\n.commercial-bottom-space{\n    @media screen and ","{\n        margin-bottom: -24px;\n    }\n}\n.color-heading{\n    color: #333333; \n}\n@media screen and ","{\n    .padding-right{\n        padding-right: 30px;\n        @media screen and ","{\n            padding-right: 22px;\n        }\n        @media screen and ","{\n            padding-right: 18px;\n        }\n    }\n    .padding-left{\n        padding-left: 30px;\n        @media screen and ","{\n            padding-left: 22px;\n        }\n        @media screen and ","{\n            padding-left: 18px;\n        }\n    }\n}\n\n.feature-icons-body {\n    a {\n        color: var(--accent) !important;\n    }\n}\n.brochure-container {\n    .door-img-container {\n        max-width: 140px;\n        height: auto;\n        border-radius: var(--border-radius);\n        border: solid 1px var(--border-color);\n        background-color: var(--bg-main);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px;\n        max-width: 100%;\n        height: 250px;\n        img{\n            border-radius: var(--border-radius);\n            max-height: 230px;\n        }\n    }\n    @media screen and ","{\n        // gap: 20px;\n        .brochure-child{\n            max-width: calc(50% - 10px);\n        }\n        .door-img-container {\n            height: 180px;\n        }\n    }\n}\n.zoom-popup{\n    .modal-dialog{\n        max-width: calc(56%) !important;\n        @media screen and "," {\n            height: 100%;\n        }\n        .modal-body{\n            img{\n                max-height: 600px;\n            }\n            .img-label {\n                display: flex;\n            }\n        }\n        .close {\n            top: 0%;\n            right: 0%;\n        }\n        @media screen and (max-width: 1025px) {\n            max-width: calc(75%) !important;\n        }\n        @media screen and "," {\n            max-width: 100% !important;\n        } \n    }\n}\n//icon list changes for color zone\n.feature-img-container{\n    // padding: 20px;\n    border: 1px solid var(--border-color);\n    border-radius: var(--border-radius);\n    width: 140px;\n    height: 130px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    img{\n        max-height: 70%;\n    }\n    @media screen and ","{\n        width: 100px;\n        height: 96px;\n    }\n    @media screen and "," and (max-width: 1279px){\n        width: 84px;\n        height: 80px;\n    }\n}\n.cta-list{\n    display: flex;\n    flex-wrap: wrap;\n    // row-gap: 20px;\n    .cta-list-child:not(:last-child){\n        margin-right: 20px;\n    }\n    .cta-item-list {\n        margin-right: 20px;\n    }\n}\n// SEO changes h2 and h3 for Opener details and Operator details page starts\n.order-header-data{\n    h2{\n        font-size: var(--font-size-h4);\n        line-height: 48px;\n    }\n    h3{\n        font-size: var(--font-size-h5);\n        line-height: 36px;\n    }\n    @media screen and "," and "," {\n        h2{\n            font-size: var(--font-size-h5);\n            line-height: 36px;\n        }\n        h3{\n            font-size: var(--font-size-m2);\n            line-height: 28px;\n        }\n    }\n    @media screen and "," and "," {\n        h2{\n            font-size: var(--font-size-s3);\n            line-height: 30px;\n        }\n        h3{\n            font-size: var(--font-size-m1);\n            line-height: 24px;\n        }\n    }\n    @media screen and "," {\n        h2{\n            font-size: var(--font-size-m2);\n            line-height: 24px;\n            font-weight: var(--font-weight-bold);\n        }\n        h3{\n            font-size: var(--font-size-m2);\n            line-height: 24px;\n        }\n    }\n}\n// SEO changes h2 and h3 for Opener details and Operator details page ends\n.p-w-r .pr-review-snapshot .pr-msq-list dt {\n    width: 65% !important;\n}\n.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars-container .pr-snippet-stars .pr-snippet-rating-decimal {\n    margin: 0px !important;\n    width: 28px;\n}\n.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write {\n    margin-left: 0px !important;\n}\n.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count {\n    font-size: var(--font-size-s1) !important;\n}\n.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link {\n    font-size: var(--font-size-s1) !important;\n}\n.carousel-text-color{\n    color: var(--dark-grey4);\n}\n.footnote{\n    a{\n        font-weight: var(--font-weight-semi-bold);\n        color: var(--accent) !important;\n    }\n    .text-container-footnote {\n        width: 70%;\n    }\n    .img-container-footnote {\n        width: 30%;\n    }\n    p{\n        margin-bottom: 0px;\n    }\n    .single-footnote{\n        .text-container-footnote {\n            width: 85%;\n        }\n        .img-container-footnote {\n            width: 15%;\n        }\n    }\n}\nli.rte-green::marker{\n    color: var(--accent);\n  }\n  \n  .ul-indent-left {\n    margin-left: 48px !important;\n  }\n\n.feature-popup-body{\n    a{\n        color: var(--accent);\n    }\n}\n.slick-slider-custom{\n    .slick-slide.slick-active.slick-current{\n    position: relative;\n    }\n    .img-loading{\n        opacity: 0;\n    }\n    .img-loading-icon{\n        display: none !important;\n    }\n    .img-loading-completed{\n        opacity: 1;\n    }\n    .small-loader {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        width: 100%;\n        display: block;\n        @media "," {\n            height: 400px;\n        }\n        .loader {\n            text-align: var(--text-center);\n            overflow: hidden;\n            //   background: rgba(0, 0, 0, 0.75);\n            position: absolute;\n            left: 0;\n            right: 0;\n            top: 0;\n            bottom: 0;\n            width: 100%;\n            height: 100%;\n            div {\n                align-items: center;\n            }\n        }\n    }\n}   \n.sticky-content-costco {\n    @media "," {\n        position: sticky;\n        // bottom: 0;\n        z-index: 2;\n        align-self: flex-start;\n        top: 228px;\n    }\n    @media screen and "," and "," {\n        top: 228px;\n    }\n    @media screen and "," and "," {\n        top: 245px;\n    }\n    @media screen and "," {\n        top: 330px;\n    }\n}\n.right-costco {\n    @media screen and "," {\n        padding-bottom: 100px;\n    }\n}\n// CSS for Door\n.door-accessories-image-block, .window-accessories-image-block, .handles-accessories-image-block {\n    display: flex;\n    flex-wrap: warp;\n    .door-image-li-container, .window-image-li-container, .handles-image-li-container {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        max-width: 25%;\n        height: 100%;\n        border-top: 1px solid var(--light-grey);\n        border-left: 1px solid var(--light-grey);\n        border-right: 1px solid var(--light-grey);\n        border-radius: var(--border-radius);\n    }\n}\n.door-image-li-container:not(:last-child) {\n    margin-right: 1%;\n    margin-bottom: 1%;\n}\n.door-accessory-body-txt, .window-body-txt, .handle-body-txt {\n    font-size: var(--font-size-xs3);\n    line-height: 20px;\n    height: 80px;\n    @media screen and ","{\n        height:240px;        \n    }\n    @media screen and "," {\n        height: 160px;\n    }\n}\n.window-image-li-container:not(:last-child) {\n    margin-right: 1%;\n    margin-bottom: 1%;\n}\n.handles-image-li-container:not(:last-child) {\n    margin-right: 1%;\n    margin-bottom: 1%;\n}\n.door-card-body, .window-card-body, .handles-card-body {\n    display: flex;\n    flex-direction: column;\n    border-top: 1px solid var(--border-color);\n    padding: 18px 18px 18px 18px;\n    background-color: var(--grey);\n    max-height: 25%;\n    \n}\n.door-button-container, .window-button-container, .handles-button-container {\n    margin: 18px 0 0 0px;\n}\n.door-accessories-img-container, .window-img-container, .handles-img-container {\n    padding: 10px;\n    img {\n        height: 300px;\n        width: 400px;\n    }\n}\n.door-accessories-img-container, .window-img-container, .handles-img-container {\n    img:hover {\n        cursor: pointer;\n    }\n}\n\n\n// CSS For Door Operators\n.operator-accessory-tab-img-container {\n    display: flex;\n    flex-direction: row;\n    margin-top: 45px;\n    width: 100%;\n    \n    \n    \n    .image-block {\n        height: 180px;\n        //background: var(--grey);\n        max-width: 15%;\n        width: 32%;\n       \n        img {\n            max-height: 180px;\n            width: 100%;\n            border : 1px solid var(--black);\n        }\n    }\n    .content-block {\n        max-width: 100%;\n        width: 85%;\n        display: flex;\n        flex-direction: column;\n        //justify-content: space-evenly;\n        margin-left: 20px;\n        .header-txt {\n            height: 30px;\n            // width: 80%;\n        }\n        .content-block-txt {\n            //  height: 30px;\n            // width: 90%;\n            // font-size: 14px;\n        }\n        @media screen and "," {\n            .content-block-txt {\n                 height: auto;\n                // width: 90%;\n                // font-size: 14px;\n            }   \n        }\n        .content-block-cta {\n            height: 30px;\n            //margin-top: 25px;\n        }\n    }     \n}\n@media screen and "," {\n    .operator-accessory-tab-img-container{\n\n        .image-block {\n            width: 50%;\n            img {\n                width: 100%;\n                height:auto;\n            }\n        }        \n    }\n}\n\n@media  ","  and ","{\n    .operator-accessory-tab-img-container{\n\n        .image-block {\n            max-width: 20%;\n            img {\n                width: 100%;\n            }\n        }\n        .content-block {\n            width: 80%;\n        }        \n    }\n}\n\n.description-content {\n    font-size: var(--font-size-xs3);\n    margin-top: 20px;\n  }\n.panel-view-less {\n    border: 0px !important;\n    border-radius: 0px  !important;\n}\n.text-container-footnote {\n    a {\n     text-decoration : underline\n    }\n }\n\n\n        "]);return f=function(){return e},e}var w=h.default.div.withConfig({displayName:"styles__Content",componentId:"sc-2kottf-0"})(["",""],(function(e){var n;(null===(n=e.gradients)||void 0===n?void 0:n.visible)?e.theme.gradient:e.theme;return Object(h.css)(f(),x.b.tabletPortraitAndUpMax,x.b.tabletPortraitAndUpMax,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.mediumDesktopAndUp3Max,x.b.smallDesktopAndUp3Max,x.b.tabletPortraitAndUp,x.b.desktopAndUpMax,x.b.smallDesktopAndUp,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitMax,x.b.largeDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitMin,x.b.smallDesktopAndUp3Max,x.b.largeDesktopMin,x.b.tabletLandscapeAndUp,x.b.largeDesktopMin,x.b.tabletLandscapeAndUp,x.b.tabletLandscapeAndUp,x.b.smallDesktopAndUp3Max,x.b.largeDesktopMin,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.tabletPortraitMax,x.b.tabletLandscapeAndUp,x.b.mediumDesktopAndUpMax,x.b.largeDesktop,x.b.tabletPortraitMax,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.mediumDesktopAndUp3Max,x.b.desktopAndUpMax,x.b.mobileMax,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitAndUp,x.b.smallDesktopAndUp2Max,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitAndUpMax,x.b.mobileMax,x.b.largeDesktopMin,x.b.mobileMax,x.b.mobileMax,x.b.largeMobileAndUp2Max,x.b.tabletPortraitAndUp,x.b.mobileMax,x.b.mobileMax,x.b.mobileMax,x.b.mobileMax,x.b.mediumDesktopAndUp3Max,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.tabletPortraitMax,x.b.tabletLandscapeAndUp,x.b.smallDesktopAndUp,x.b.mediumDesktopAndUpMax,x.b.tabletPortraitMin,x.b.mediumDesktopAndUp4Max,x.b.largeDesktopMin,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopAndUp3Max,x.b.mobileMax,x.b.mobileMax,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.smallDesktopAndUp2Max,x.b.tabletLandscapeAndUp,x.b.desktopAndUpMax,x.b.tabletPortraitMax,x.b.mobileMax,x.b.largeDesktopMin,x.b.smallDesktopAndUp2Max,(function(){return"url("+Object(v.E)().concat("arrow-left-carousel.svg")+")"}),x.b.largeDesktopMin,x.b.smallDesktopAndUp2Max,(function(){return"url("+Object(v.E)().concat("arrow-right-carousel.svg")+")"}),x.b.smallDesktopAndUp3Max,x.b.mobileMax,x.b.mobileMax,x.b.mobileMax,x.b.mobileMax,x.b.desktopAndUp,x.b.largeMobileMin,x.b.desktop2Max,x.b.largeDesktopMin,x.b.smallDesktopAndUp2Max,x.b.tabletPortraitAndUpMax,x.b.mobileMax,x.b.largeMobileAndUpMax,x.b.mobileMax,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.tabletPortraitMax,x.b.tabletLandscapeAndUp,x.b.tabletPortraitAndUp,x.b.mobileMax,x.b.mobileMax,x.b.mobileMax,x.b.smallDesktopAndUp,x.b.mediumDesktopAndUp3Max,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopAndUp3Max,x.b.smallDesktopAndUp2Max,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.mobileMax,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitMin,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitAndUp,x.b.smallDesktopAndUp2Max,x.b.mobileMax,x.b.mobileMax,x.b.desktopAndUp,x.b.desktopAndUp,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.largeDesktopMin,x.b.desktopAndUp,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.mobileMax,x.b.mobileMax,x.b.mobileAndUp,x.b.tabletPortraitAndUpMax)})),y=t(8),E=t(9),k=t(10),O=t(14),N=t(25),j=function(e){var n=e.doorDetails,t=e.content,a=e.productDataCallback,o=e.campaignData,i=Object(c.useState)(!1),s=Object(l.a)(i,2),d=s[0],m=s[1],p=Object(c.useState)(!1),u=Object(l.a)(p,2),g=u[0],b=u[1],h=Object(c.useState)(""),x=Object(l.a)(h,2),f=x[0],w=x[1],y=Object(c.useState)(""),E=Object(l.a)(y,2),k=E[0],O=E[1],N=Object(c.useState)(""),j=Object(l.a)(N,2),D=j[0],L=j[1],A=Object(c.useState)(""),M=Object(l.a)(A,2),S=M[0],C=M[1],T=Object(c.useState)(""),U=Object(l.a)(T,2),I=U[0],_=U[1],z=Object(c.useState)(""),P=Object(l.a)(z,2),H=P[0],W=P[1],F=Object(c.useState)(),$=Object(l.a)(F,2),R=$[0],Z=$[1],V=Object(c.useState)(!1),G=Object(l.a)(V,2),J=G[0],B=G[1],q=o.price,K=o.dimension,X=o.campaignId,Y=o.queryParams;Object(c.useEffect)((function(){var e;if(localStorage.getItem("product-fav-labels")){var t=localStorage.getItem("product-fav-labels");e=JSON.parse(t)}Z(e);var a=!1;if(window.self!==window.top&&(B(!0),a=!0),!1===a&&localStorage.getItem("product-fav")){var o=localStorage.getItem("product-fav"),i=JSON.parse(o),l=!1;i.forEach((function(e){e.data.id===H&&(l=!0)})),b(l)}v.O.subscribe((function(e){m(e)})),v.db.subscribe((function(e){var n=Object(v.ab)(e,"-","-");e.length>0&&w(n)})),v.n.subscribe((function(e){e&&e.length>0&&O(e)})),v.o.subscribe((function(e){e&&e.length>0&&L(e)})),v.k.subscribe((function(e){e&&e.length>0&&C(e)})),v.l.subscribe((function(e){e&&e.length>0&&_(e)})),v.z.subscribe((function(e){!0===e&&(v.m.subscribe((function(e){if(e.length>0){var t,o,i,l,c,r,s,d,m;W(e);var p=window.location.origin+n.rootImagePath+"/"+e.split("_")[1]+"/"+e.split("_")[2]+"/"+e.split("_")[1]+"-"+e.split("_")[2]+"-"+e.split("_")[3]+".jpg/jcr:content/renditions/thumbnail-232-250.jpeg",u=window.location.origin+window.location.pathname+"?panel="+e.split("_")[1]+"&window="+e.split("_")[2]+"&color="+e.split("_")[3],g="";e.split("_")[3]&&(g=e.split("_")[3]);var b,h="",x=e;if(e.split("_")[4]){x=Object(v.ab)(e,"_","_");var f=e.split("_")[1]+"/",w=e.split("_")[1]+"-";"undefined"===e.split("_")[2]&&(f+=e.split("_")[3],w+=e.split("_")[3]+"-"+e.split("_")[4]),p=window.location.origin+n.rootImagePath+"/"+f+"/"+w+".jpg/jcr:content/renditions/thumbnail-232-250.jpeg",u=window.location.origin+window.location.pathname+"?panel="+e.split("_")[1]+"&window="+e.split("_")[2]+"&glass="+e.split("_")[3]+"&color="+e.split("_")[4],g=e.split("_")[4],h=e.split("_")[3]}if(localStorage.getItem("product-fav-labels")){var y=localStorage.getItem("product-fav-labels");b=JSON.parse(y)}var E={id:x,title:n.collectionName,thumbnailImage:p,url:u,type:n.type,chk:!1,doorImageLabel:b.doorImageLabel,doorImagePopupText:null===(t=b)||void 0===t?void 0:t.doorImagePopupText,productCategoryMappingCode:null===n||void 0===n?void 0:n.productCategoryMappingCode,doorData:[[null===(o=b)||void 0===o?void 0:o.productNameLabel,n.collectionName],[null===(i=b)||void 0===i?void 0:i.modelLabel,(null===(l=b)||void 0===l?void 0:l.hideModelAttribute)?null:e.split("_")[1]],[null===(c=b)||void 0===c?void 0:c.colorLabel,(null===(r=b)||void 0===r?void 0:r.hideColorAttribute)?null:g],[null===(s=b)||void 0===s?void 0:s.glassLabel,h],[null===(d=b)||void 0===d?void 0:d.surfaceLabel,(null===(m=b)||void 0===m?void 0:m.hideSurfaceAttribute)?null:D]]};if(!1===a&&localStorage.getItem("product-fav")){var k=localStorage.getItem("product-fav"),O=JSON.parse(k),N=!1;if(O.forEach((function(n){n.data.id===e&&(N=!0)})),!1===N&&O){var j=O;j.push({data:E,time:new Date}),!1===a&&localStorage.setItem("product-fav",JSON.stringify(j))}}else{var L=[];L.push({data:E,time:new Date}),!1===a&&localStorage.setItem("product-fav",JSON.stringify(L))}}})),v.z.next(!1),window.location.reload())})),v.m.subscribe((function(e){if(e.length>0&&(W(e),!1===a&&localStorage.getItem("product-fav"))){var n=localStorage.getItem("product-fav"),t=JSON.parse(n),o=!1;t.forEach((function(n){n.data.id===e&&(o=!0)})),b(o)}})),Q()}),[]);var Q=function(){var e,o,i=window.location.origin+n.rootImagePath+"/"+k+"/"+D+"/"+f+".jpg/jcr:content/renditions/thumbnail-232-250.jpeg",l=window.location.origin+window.location.pathname+"?panel="+k+"&window="+D+"&color="+S+(K.length>1?"&dimension="+Object(v.y)(null===K||void 0===K?void 0:K.join("*")):"")+"&price="+Object(v.y)(q)+"&campaignId="+Object(v.y)(X)+(Y||"");I&&(l=window.location.origin+window.location.pathname+"?panel="+k+"&window="+D+"&color="+S+"&glass="+I+(K.length>1?"&dimension="+Object(v.y)(null===K||void 0===K?void 0:K.join("*")):"")+"&price="+Object(v.y)(q)+"&campaignId="+Object(v.y)(X)+(Y||""));var c={id:H,campaignId:X,price:q,title:n.collectionName,thumbnailImage:i,url:l,type:n.type,doorImageLabel:null===R||void 0===R?void 0:R.doorImageLabel,doorImagePopupText:null===R||void 0===R?void 0:R.doorImagePopupText,dimensionUnit:t.dimensionUnit,doorData:[[null===R||void 0===R?void 0:R.modelLabel,k],[null===R||void 0===R?void 0:R.colorLabel,S],[null===R||void 0===R?void 0:R.glassLabel,I],[null===R||void 0===R?void 0:R.surfaceLabel,D],[t.widthLabel,X&&K.length>1?(null===(e=K[0])||void 0===e?void 0:e.trim())+t.dimensionUnit:void 0],[t.heightLabel,X&&K.length>1?(null===(o=K[1])||void 0===o?void 0:o.trim())+t.dimensionUnit:void 0]]};a(c)};return Object(c.useEffect)((function(){Q()}),[H,k,D,S,I]),r.a.createElement("section",{className:"door-header door-header-border "},r.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("h1",{className:"door-header-sub-title m-0 amarr-h3"},n.collectionName),d&&r.a.createElement("span",{className:"body-text3 new-icon"},t.newFlagText)),!1===J&&t.enableFavourites&&r.a.createElement("div",{className:"door-header-share-icons"},r.a.createElement("a",{onClick:function(){b(!g),function(){var e=window.location.origin+n.rootImagePath+"/"+k+"/"+D+"/"+f+".jpg/jcr:content/renditions/thumbnail-232-250.jpeg",t=window.location.origin+window.location.pathname+"?panel="+k+"&window="+D+"&color="+S;I&&(t=window.location.origin+window.location.pathname+"?panel="+k+"&window="+D+"&color="+S+"&glass="+I);var a={id:H,title:n.collectionName,thumbnailImage:e,url:t,type:n.type,chk:!1,doorImageLabel:null===R||void 0===R?void 0:R.doorImageLabel,doorImagePopupText:null===R||void 0===R?void 0:R.doorImagePopupText,productCategoryMappingCode:null===n||void 0===n?void 0:n.productCategoryMappingCode,doorData:[[null===R||void 0===R?void 0:R.productNameLabel,n.collectionName],[null===R||void 0===R?void 0:R.modelLabel,(null===R||void 0===R?void 0:R.hideModelAttribute)?null:k],[null===R||void 0===R?void 0:R.colorLabel,(null===R||void 0===R?void 0:R.hideColorAttribute)?null:S],[null===R||void 0===R?void 0:R.glassLabel,I],[null===R||void 0===R?void 0:R.surfaceLabel,(null===R||void 0===R?void 0:R.hideSurfaceAttribute)?null:D]]};if(!1===g)if(!1===J&&localStorage.getItem("product-fav")){var o=localStorage.getItem("product-fav"),i=JSON.parse(o),l=!1;i.forEach((function(e){e.data.id===H&&(l=!0)})),!1===l&&(i.push({data:a,time:new Date}),localStorage.setItem("product-fav",JSON.stringify(i)),v.eb.next(!0))}else{var c=[];c.push({data:a,time:new Date}),!1===J&&localStorage.setItem("product-fav",JSON.stringify(c)),v.eb.next(!0)}else if(!1===J&&localStorage.getItem("product-fav")){var r=localStorage.getItem("product-fav"),s=JSON.parse(r),d=-1;s.forEach((function(e,n){e.data.id===H&&(d=n)})),s.splice(d,1),localStorage.setItem("product-fav",JSON.stringify(s)),v.eb.next(!1)}}()}},!0===g?r.a.createElement("img",{loading:"lazy",className:"rating-fill",src:Object(v.E)().concat("ic-fav-red-fill.svg"),alt:"Favorite"}):r.a.createElement("img",{loading:"lazy",className:"rating-fill",src:Object(v.E)().concat("ic-fav.svg"),alt:"Favorite"})))),!t.ratingReviewsDisabled&&r.a.createElement("div",{className:"door-header-power-reviews pb-3"},r.a.createElement("div",{id:"pr-reviewsnippet"})),Boolean(t.widthLabel&&t.widthLabel.length>0&&t.heightLabel&&t.heightLabel.length>0&&t.dimensionUnit&&t.dimensionUnit.length>0&&K&&K.length)&&r.a.createElement("div",{className:""},r.a.createElement("span",{className:"amarr-h4"},t.widthLabel+": "+K[0].trim(),r.a.createElement("small",null," ",t.dimensionUnit,",   ")," ",t.heightLabel+": "+K[1].trim(),r.a.createElement("small",null," ",t.dimensionUnit,"  ")," ")),q.length>0&&r.a.createElement("div",{className:" "},r.a.createElement("h2",{className:"carousel-heading",id:"campaign_price"},q)),n.disclaimerText&&n.disclaimerText.length>0&&r.a.createElement("p",{className:" body-text3",dangerouslySetInnerHTML:{__html:n.disclaimerText}}),n.shortDescriptionInPdp&&""!==n.shortDescriptionInPdp&&r.a.createElement("p",{dangerouslySetInnerHTML:{__html:n.shortDescriptionInPdp}}))},D=t(36),L=t(30),A=t(29),M=function(e){var n=e.doorDetails,t=e.content,a=Object(c.useState)([]),o=Object(l.a)(a,2),i=o[0],s=o[1],d=Object(c.useState)([]),m=Object(l.a)(d,2),p=m[0],u=m[1],g=Object(c.useState)([]),b=Object(l.a)(g,2),h=b[0],x=b[1],f=Object(c.useState)([]),w=Object(l.a)(f,2),y=w[0],E=w[1],k=Object(c.useState)([]),O=Object(l.a)(k,2),N=(O[0],O[1],Object(c.useState)("")),j=Object(l.a)(N,2),M=j[0],S=j[1],C=Object(c.useState)(""),T=Object(l.a)(C,2),U=T[0],I=T[1],_=Object(c.useState)(""),z=Object(l.a)(_,2),P=z[0],H=z[1],W=Object(c.useState)(""),F=Object(l.a)(W,2),R=F[0],Z=F[1],V=Object(c.useState)(""),G=Object(l.a)(V,2),J=(G[0],G[1],Object(c.useState)({image:"",alt:"",name:"",value:"",desc:"",popupimage:"",popupalt:""})),B=Object(l.a)(J,2),q=B[0],K=(B[1],Object(c.useState)(!1)),X=Object(l.a)(K,2),Y=X[0],Q=X[1],ee=Object(c.useState)(!1),ne=Object(l.a)(ee,2),te=ne[0],ae=ne[1],oe=Object(c.useState)(!1),ie=Object(l.a)(oe,2),le=ie[0],ce=ie[1],re=Object(c.useState)(!1),se=Object(l.a)(re,2),de=(se[0],se[1],Object(c.useState)(!1)),me=Object(l.a)(de,2),pe=me[0],ue=me[1],ge=Object(c.useState)(4),be=Object(l.a)(ge,2),he=be[0],xe=be[1],ve=Object(c.useState)(3),fe=Object(l.a)(ve,2),we=fe[0],ye=fe[1],Ee=Object(c.useState)(8),ke=Object(l.a)(Ee,2),Oe=ke[0],Ne=ke[1],je=Object(c.useState)(4),De=Object(l.a)(je,2),Le=De[0],Ae=De[1],Me=Object(c.useState)(!1),Se=Object(l.a)(Me,2),Ce=Se[0],Te=Se[1],Ue=Object(c.useState)(!1),Ie=Object(l.a)(Ue,2),_e=Ie[0],ze=Ie[1],Pe=Object(c.useState)(!1),He=Object(l.a)(Pe,2),We=He[0],Fe=He[1],$e=Object(c.useState)(!1),Re=Object(l.a)($e,2),Ze=Re[0],Ve=Re[1];Object(c.useEffect)((function(){if(window.location.search){var e=window.location.search.substring(1).split("&"),t="",a="",o="",i="";e.forEach((function(e){var n=e.split("=");"panel"===n[0]&&(t=n[1]),"color"===n[0]&&(a=n[1]),"window"===n[0]&&(o=n[1]),"glass"===n[0]&&(i=n[1])}));var c=!1,r=!1,d=!1,m=!1;n.panelList&&n.panelList.length>0&&n.panelList.forEach((function(e){e.panel===t&&(c=!0,e.colors&&e.colors.length>0&&e.colors.forEach((function(e){e.colorValue===a&&(r=!0)})),!1===r&&e.newColor&&e.newColor.length>0&&e.newColor.forEach((function(e){e.colorValue===a&&(r=!0)})),e.windowOptionsList&&e.windowOptionsList.forEach((function(e){e.windowOption===o&&(d=!0)})),!1===d&&e.newWindowOption&&e.newWindowOption.length>0&&e.newWindowOption.forEach((function(e){e.windowOption===o&&(d=!0)})),e.glassOptionsList&&e.glassOptionsList.forEach((function(e){e.glassOption===i&&(m=!0)})),!1===m&&e.newGlassOption&&e.newGlassOption.length>0&&e.newGlassOption.forEach((function(e){e.glassOption===i&&(m=!0)})))}));var p="",g="",b="",h="";p=!0===c?t:n.panelDefault,g=!0===r?a:n.colorDefault,b=!0===d?o:n.windowOptionDefault,h=!0===m?i:(null===n||void 0===n?void 0:n.glassOptionDefault)||"",I(p),S(g),H(b),Z(h),h?v.db.next(p+"-"+b+"-"+h+"-"+g):v.db.next(p+"-"+b+"-"+g),v.n.next(p),v.k.next(g),v.o.next(b),v.l.next(h),h?v.m.next(n.collection+"_"+p+"_"+b+"_"+h+"_"+g):v.m.next(n.collection+"_"+p+"_"+b+"_"+g)}else S(n.colorDefault),I(n.panelDefault),H(n.windowOptionDefault),Z(n.glassOptionDefault),setTimeout((function(){var e=n.panelDefault+"-"+n.windowOptionDefault+"-"+n.colorDefault,t=n.collection+"_"+n.panelDefault+"_"+n.windowOptionDefault+"_"+n.colorDefault;(null===n||void 0===n?void 0:n.glassOptionDefault)&&(e=n.panelDefault+"-"+n.windowOptionDefault+"-"+n.glassOptionDefault+"-"+n.colorDefault,t=n.collection+"_"+n.panelDefault+"_"+n.windowOptionDefault+"_"+(null===n||void 0===n?void 0:n.glassOptionDefault)+"_"+n.colorDefault),v.db.next(e),v.n.next(n.panelDefault),v.k.next(n.colorDefault),v.o.next(n.windowOptionDefault),v.l.next(null===n||void 0===n?void 0:n.glassOptionDefault),v.m.next(t)}),1e3);v.D.subscribe((function(e){if(e){var t=e.split("/");if(I(t[0]),n.panelList&&n.panelList.length>0&&n.panelList.forEach((function(e){if(e.panel===t[0]){var n=[],a=[],o=[];if(e.windowOptionsList&&e.windowOptionsList.length>0)for(var i=function(t){var a=e.windowOptionsList[t],o=!1;n.forEach((function(e){e.value===a.windowOption&&(o=!0)})),!1===o&&n.push({name:a.windowOptionTitle,value:a.windowOption,image:a.windowOptionImage,alt:a.imageAltText,isNew:!1,doorDesignerCode:a.doorDesignerCode,available:!1!==a.available})},l=0;l<e.windowOptionsList.length;l++)i(l);if(e.newWindowOption&&e.newWindowOption.length>0)for(var c=function(t){var a=e.newWindowOption[t],o=!1;n.forEach((function(e){e.value===a.windowOption&&(e.isNew=!0,o=!0)})),!1===o&&n.push({name:a.windowOptionTitle,value:a.windowOption,image:a.windowOptionImage,alt:a.imageAltText,isNew:!0,doorDesignerCode:a.doorDesignerCode,available:!1!==a.available})},r=0;r<e.newWindowOption.length;r++)c(r);if(e.colors&&e.colors.length>0)for(var s=function(n){var t=e.colors[n],o=!1;a.forEach((function(e){e.value===t.colorValue&&(o=!0)})),!1===o&&a.push({name:t.colorTitle,value:t.colorValue,hexCode:t.hexCode?t.hexCode:null,colorImage:t.colorImage?t.colorImage:null,isNew:!1,available:!1!==t.available,doorDesignerCode:t.doorDesignerCode})},d=0;d<e.colors.length;d++)s(d);if(e.newColor&&e.newColor.length>0)for(var m=function(n){var t=e.newColor[n],o=!1;a.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,o=!0)})),!1===o&&a.push({name:t.colorTitle,value:t.colorValue,hexCode:t.hexCode?t.hexCode:null,colorImage:t.colorImage?t.colorImage:null,isNew:!0,available:!1!==t.available,doorDesignerCode:t.doorDesignerCode})},p=0;p<e.newColor.length;p++)m(p);if(e.glassOptionsList&&e.glassOptionsList.length>0)for(var g=function(n){var t=e.glassOptionsList[n],a=!1;o.forEach((function(e){e.value===t.glassOption&&(a=!0)})),!1===a&&o.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},b=0;b<e.glassOptionsList.length;b++)g(b);if(e.newGlassOption&&e.newGlassOption.length>0)for(var h=function(n){var t=e.newGlassOption[n],a=!1;o.forEach((function(e){e.value===t.glassOption&&(e.isNew=!0,a=!0)})),!1===a&&o.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},v=0;v<e.newGlassOption.length;v++)h(v);u(n),E(a),x(o),!t[1]&&n&&n.length&&(t[1]=n[0].value),!t[2]&&o&&a.length&&(t[2]=a[0].value),!t[3]&&o&&o.length&&(t[3]=o[0].value)}})),t[1]&&H(t[1]),t[2]&&S(t[2]),t[3]&&Z(t[3]),t[3]){var a=t[0]+"-";t[1]&&(a+=t[1]+"-"),t[3]&&(a+=t[3]+"-"),v.db.next(a+t[2])}else v.db.next(t[0]+"-"+t[1]+"-"+t[2]);if(v.n.next(t[0]),v.k.next(t[2]),v.o.next(t[1]),t[3]){v.l.next(t[3]);var o=t[0]+"_";t[1]&&(o+=t[1]+"_"),t[3]&&(o+=t[3]+"_"),v.m.next(n.collection+"_"+o+t[2])}else v.m.next(n.collection+"_"+t[0]+"_"+t[1]+"_"+t[2])}}));var f=[],w=[],y=[];if(n.panelList&&n.panelList.length>0){var k=n.panelDefault;if(window.location.search){var O,N=new URLSearchParams(window.location.search),j=Object(D.a)(N);try{for(j.s();!(O=j.n()).done;){var L=Object(l.a)(O.value,2),A=L[0],M=L[1];"panel"===A&&(k=M)}}catch(Ae){j.e(Ae)}finally{j.f()}}else k=n.panelDefault;for(var C=0;C<n.panelList.length;C++)if(n.panelList[C].panel===k){if(n.panelList[C].windowOptionsList&&n.panelList[C].windowOptionsList.length>0)for(var T=function(e){var t=n.panelList[C].windowOptionsList[e],a=!1;f.forEach((function(e){e.value===t.windowOption&&(a=!0)})),!1===a&&f.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},U=0;U<n.panelList[C].windowOptionsList.length;U++)T(U);if(n.panelList[C].newWindowOption&&n.panelList[C].newWindowOption.length>0)for(var _=function(e){var t=n.panelList[C].newWindowOption[e],a=!1;f.forEach((function(e){e.value===t.windowOption&&(e.isNew=!0,a=!0)})),!1===a&&f.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},z=0;z<n.panelList[C].newWindowOption.length;z++)_(z);if(n.panelList[C].colors&&n.panelList[C].colors.length>0)for(var P=function(e){var t=n.panelList[C].colors[e],a=!1;w.forEach((function(e){e.value===t.colorValue&&(a=!0)})),!1===a&&w.push({name:t.colorTitle,value:t.colorValue,hexCode:t.hexCode?t.hexCode:null,colorImage:t.colorImage?t.colorImage:null,isNew:!1,available:!1!==t.available,doorDesignerCode:t.doorDesignerCode})},W=0;W<n.panelList[C].colors.length;W++)P(W);if(n.panelList[C].newColor&&n.panelList[C].newColor.length>0)for(var F=function(e){var t=n.panelList[C].newColor[e],a=!1;w.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,a=!0)})),!1===a&&w.push({name:t.colorTitle,value:t.colorValue,hexCode:t.hexCode?t.hexCode:null,colorImage:t.colorImage?t.colorImage:null,isNew:!0,available:!1!==t.available,doorDesignerCode:t.doorDesignerCode})},$=0;$<n.panelList[C].newColor.length;$++)F($);if(n.panelList[C].glassOptionsList&&n.panelList[C].glassOptionsList.length>0)for(var R=function(e){var t=n.panelList[C].glassOptionsList[e],a=!1;y.forEach((function(e){e.value===t.glassOption&&(a=!0)})),!1===a&&y.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},V=0;V<n.panelList[C].glassOptionsList.length;V++)R(V);if(n.panelList[C].newGlassOption&&n.panelList[C].newGlassOption.length>0)for(var G=function(e){var t=n.panelList[C].newGlassOption[e],a=!1;y.forEach((function(e){e.value===t.glassOption&&(e.isNew=!0,a=!0)})),!1===a&&y.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},J=0;J<n.panelList[C].newGlassOption.length;J++)G(J)}}u(f),E(w),x(y);var B=[];if(n.panelList&&n.panelList.length>0)for(var q=0;q<n.panelList.length;q++){var K;B.push({name:n.panelList[q].panelName,value:n.panelList[q].panel,isNew:!!(null===(K=n.panelList[q])||void 0===K?void 0:K.isNew)&&n.panelList[q].isNew,image:n.panelList[q].images.url,alt:n.panelList[q].images.altText,available:!1!==n.panelList[q].available,doorDesignerCode:n.panelList[q].doorDesignerCode})}if(s(B),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)v.O.next(!0);else{var X=!1,Y=n.panelDefault;if(window.location.search){var Q,ee=new URLSearchParams(window.location.search),ne=Object(D.a)(ee);try{for(ne.s();!(Q=ne.n()).done;){var te=Object(l.a)(Q.value,2),ae=te[0],oe=te[1];"panel"===ae&&(Y=oe)}}catch(Ae){ne.e(Ae)}finally{ne.f()}}else Y=n.panelDefault;if(B.forEach((function(e){e.value===Y&&(X=!!e.isNew&&e.isNew)})),X)v.O.next(!0);else{var ie=!1,le=n.windowOptionDefault;if(window.location.search){var ce,re=new URLSearchParams(window.location.search),se=Object(D.a)(re);try{for(se.s();!(ce=se.n()).done;){var de=Object(l.a)(ce.value,2),me=de[0],pe=de[1];"window"===me&&(le=pe)}}catch(Ae){se.e(Ae)}finally{se.f()}}else le=n.windowOptionDefault;if(f.forEach((function(e){e.value===le&&(ie=!!e.isNew&&e.isNew)})),!1===ie){var ue=!1,ge=n.colorDefault;if(window.location.search){var be,he=new URLSearchParams(window.location.search),xe=Object(D.a)(he);try{for(xe.s();!(be=xe.n()).done;){var ve=Object(l.a)(be.value,2),fe=ve[0],we=ve[1];"color"===fe&&(ge=we)}}catch(Ae){xe.e(Ae)}finally{xe.f()}}else ge=n.colorDefault;if(w.forEach((function(e){e.value===ge&&(ue=!!e.isNew&&e.isNew)})),ue)v.O.next(!0);else{var ye=!1,Ee=n.glassDefault;if(window.location.search){var ke,Oe=new URLSearchParams(window.location.search),Ne=Object(D.a)(Oe);try{for(Ne.s();!(ke=Ne.n()).done;){var je=Object(l.a)(ke.value,2),De=je[0],Le=je[1];"glass"===De&&(Ee=Le)}}catch(Ae){Ne.e(Ae)}finally{Ne.f()}}else Ee=n.glassDefault;y.forEach((function(e){e.value===Ee&&(ye=!!e.isNew&&e.isNew)})),v.O.next(ye)}}else v.O.next(!0);qe()}}}),[]),Object(c.useEffect)((function(){matchMedia("(max-width: 767px)").matches&&(xe(2),ye(2),Ne(3),Ae(2)),qe()}),[]),Object(c.useEffect)((function(){P&&""!=P&&Je(P)}),[P]);var Ge=function(e){S(null===e||void 0===e?void 0:e.value);var t=U+"-"+P+"-"+(null===e||void 0===e?void 0:e.value),a=n.collection+"_"+U+"_"+P+"_"+(null===e||void 0===e?void 0:e.value);if(R&&(t=U+"-"+P+"-"+R+"-"+(null===e||void 0===e?void 0:e.value),a=n.collection+"_"+U+"_"+P+"_"+R+"_"+(null===e||void 0===e?void 0:e.value)),v.db.next(t),v.n.next(U),v.k.next(null===e||void 0===e?void 0:e.value),v.o.next(P),v.l.next(R),v.m.next(a),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)v.O.next(!0);else{for(var o,i=null,l=0;l<n.panelList.length;l++)n.panelList[l].panel===U&&(i=n.panelList[l]);if((null===(o=i)||void 0===o?void 0:o.isNew)&&!0===i.isNew)v.O.next(!0);else{var c=null,r=p;if(r&&r.length>0){for(var s,d=0;d<r.length;d++)r[d].value===P&&(c=r[d]);if((null===(s=c)||void 0===s?void 0:s.isNew)&&!0===c.isNew)return void v.O.next(!0);e.isNew&&!0===e.isNew?v.O.next(!0):v.O.next(Be(h,R))}else(null===e||void 0===e?void 0:e.isNew)&&!0===(null===e||void 0===e?void 0:e.isNew)?v.O.next(!0):v.O.next(Be(h,R))}}},Je=function(e){for(var t=[],a=0;a<n.panelList.length;a++)if(n.panelList[a].panel===U){if(n.panelList[a].colors&&n.panelList[a].colors.length>0)for(var o=function(o){var i,l=n.panelList[a].colors[o],c=null===(i=n.panelList[a].unavailableVariantsList)||void 0===i?void 0:i.filter((function(n,t){if(n.panelName===U&&n.windowName===e)return n.colorName})),r=!1;if(t.forEach((function(e){e.value===l.colorValue&&(r=!0)})),c&&c.length>0)for(var s=0;s<c.length;s++)c[s].colorName===l.colorValue&&(r=!0),c[s].colorName===M&&Ge(t[0]);!1===r&&t.push({name:l.colorTitle,value:l.colorValue,hexCode:l.hexCode?l.hexCode:null,colorImage:l.colorImage?l.colorImage:null,isNew:!1,available:!1!==l.available,doorDesignerCode:l.doorDesignerCode})},i=0;i<n.panelList[a].colors.length;i++)o(i);if(n.panelList[a].newColor&&n.panelList[a].newColor.length>0)for(var l=function(e){var o=n.panelList[a].newColor[e],i=!1;t.forEach((function(e){e.value===o.colorValue&&(e.isNew=!0,i=!0)})),!1===i&&t.push({name:o.colorTitle,value:o.colorValue,hexCode:o.hexCode?o.hexCode:null,colorImage:o.colorImage?o.colorImage:null,isNew:!0,available:!1!==o.available,doorDesignerCode:o.doorDesignerCode})},c=0;c<n.panelList[a].newColor.length;c++)l(c);E(t)}},Be=function(e,n){var t=null,a=!1;if(e&&e.length>0){for(var o,i=0;i<e.length;i++)e[i].value===n&&(t=e[i]);a=!(!(null===(o=t)||void 0===o?void 0:o.isNew)||!0!==t.isNew)}return a},qe=function(){setTimeout((function(){var e=$(".panel-design-item");$(e).each((function(e,n){$(this).find(".action-item").on("keypress",(function(e){32!=e.keyCode&&13!=e.keyCode||this.click()}))}))}),2e3),$(".pr-review-snapshot-snippets-headline, .door-overview h4, .door-overview h5, .door-overview h6").attr("role","presentation")},Ke=function(e){Q(e),Te(e),qe()};return r.a.createElement("section",null,r.a.createElement("div",{className:"border-b pt-3 pb-2"},r.a.createElement("section",{className:"panel-design"},r.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.panelListLabel),r.a.createElement("ul",{className:"d-flex panel-design-container"},i&&i.length>0&&i.map((function(e,a){return(a<he||i.length===he+1&&a===he||Y)&&r.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},r.a.createElement("img",{loading:"lazy",role:"button",tabIndex:0,onClick:function(){return function(e){var t,a,o;I(e.value);for(var i=[],l=[],c=[],r=0;r<n.panelList.length;r++)if(n.panelList[r].panel===e.value){if(n.panelList[r].windowOptionsList&&n.panelList[r].windowOptionsList.length>0)for(var s=function(e){var t=n.panelList[r].windowOptionsList[e],a=!1;l.forEach((function(e){e.value===t.windowOption&&(a=!0)})),!1===a&&l.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},d=0;d<n.panelList[r].windowOptionsList.length;d++)s(d);if(n.panelList[r].newWindowOption&&n.panelList[r].newWindowOption.length>0)for(var m=function(e){var t=n.panelList[r].newWindowOption[e],a=!1;l.forEach((function(e){e.value===t.windowOption&&(e.isNew=!0,a=!0)})),!1===a&&l.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},p=0;p<n.panelList[r].newWindowOption.length;p++)m(p);if(n.panelList[r].colors&&n.panelList[r].colors.length>0)for(var g=function(t){var a,o=n.panelList[r].colors[t],l=null===(a=n.panelList[r].unavailableVariantsList)||void 0===a?void 0:a.filter((function(n,t){if(n.panelName===e.value&&n.windowName===P)return n.colorName})),c=!1;if(i.forEach((function(e){e.value===o.colorValue&&(c=!0)})),l&&l.length>0)for(var s=0;s<l.length;s++)l[s].colorName===o.colorValue&&(c=!0);!1===c&&i.push({name:o.colorTitle,value:o.colorValue,hexCode:o.hexCode?o.hexCode:null,colorImage:o.colorImage?o.colorImage:null,isNew:!1,available:!1!==o.available,doorDesignerCode:o.doorDesignerCode})},b=0;b<n.panelList[r].colors.length;b++)g(b);if(n.panelList[r].newColor&&n.panelList[r].newColor.length>0)for(var h=function(e){var t=n.panelList[r].newColor[e],a=!1;i.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,a=!0)})),!1===a&&i.push({name:t.colorTitle,value:t.colorValue,hexCode:t.hexCode?t.hexCode:null,colorImage:t.colorImage?t.colorImage:null,isNew:!0,available:!1!==t.available,doorDesignerCode:t.doorDesignerCode})},f=0;f<n.panelList[r].newColor.length;f++)h(f);if(n.panelList[r].glassOptionsList&&n.panelList[r].glassOptionsList.length>0)for(var w=function(e){var t=n.panelList[r].glassOptionsList[e],a=!1;c.forEach((function(e){e.value===t.value&&(a=!0)})),!1===a&&c.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},y=0;y<n.panelList[r].glassOptionsList.length;y++)w(y);if(n.panelList[r].newGlassOption&&n.panelList[r].newGlassOption.length>0)for(var k=function(e){var t=n.panelList[r].newGlassOption[e],a=!1;c.forEach((function(e){e.value===t.value&&(e.isNew=!0,a=!0)})),!1===a&&c.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},O=0;O<n.panelList[r].newGlassOption.length;O++)k(O)}u(l),console.log("cList->"+JSON.stringify(i)),E(i),x(c);var N=!1,j=!1,D=!1;i&&i.length>0&&i.forEach((function(e){e.value===M&&(N=!0)})),l&&l.length>0&&l.forEach((function(e){e.value===P&&(j=!0)})),c&&c.length>0&&c.forEach((function(e){e.value===R&&(D=!0)}));var L=N?M:i&&i.length?null===(t=i[0])||void 0===t?void 0:t.value:M,A=j?P:l&&l.length?null===(a=l[0])||void 0===a?void 0:a.value:P,C=D?R:c&&c.length?null===(o=c[0])||void 0===o?void 0:o.value:R;S(L),H(A),Z(C);var T=e.value,U=n.collection+"_"+e.value;if(A&&(T+="-"+A,U+="_"+A),C&&(T+="-"+C,U+="_"+C,v.l.next(C)),L&&(T+="-"+L,U+="_"+L),v.db.next(T),v.n.next(e.value),v.k.next(L),v.o.next(A),v.m.next(U),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)v.O.next(!0);else if((null===e||void 0===e?void 0:e.isNew)&&!0===e.isNew)v.O.next(!0);else{var _,z=null;if(l.forEach((function(e){e.value===P&&(z=e)})),(null===(_=z)||void 0===_?void 0:_.isNew)&&!0===z.isNew)v.O.next(!0);else{var W,F=null;if(i.forEach((function(e){e.value===M&&(F=e)})),(null===(W=F)||void 0===W?void 0:W.isNew)&&!0===F.isNew)v.O.next(!0);else{var $,V=null;c.forEach((function(e){e.value===R&&(V=e)})),(null===($=V)||void 0===$?void 0:$.isNew)&&!0===V.isNew?v.O.next(!0):v.O.next(!1)}qe()}}}(e)},src:e.image,alt:e.alt,className:"action-item ".concat(U===e.value?"door-active":"")}),r.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&r.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},r.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(A.a,{id:"button-tooltip-".concat(a)},r.a.createElement("div",{className:"p-1 amarr-h6"},t.panelUnavailableMessage))},r.a.createElement("div",{className:"panel-un-icon unavailable-icon"},r.a.createElement("img",{role:"button",loading:"lazy",src:Object(v.E)().concat("ic_unavailable.svg"),alt:t.panelUnavailableMessage})))))})),i&&i.length>he&&i.map((function(e,n){return n===he+1&&!Y&&r.a.createElement("li",{className:"panel-design-item more-item-container",role:"button",key:n,onClick:function(){Ke(!0)}},r.a.createElement("img",{loading:"lazy",role:"button",src:e.image,className:"action-item",tabIndex:0}),r.a.createElement("div",{className:"panel-design-more-items amarr-h5"},"+",i.length-he))})),Ce&&r.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",onClick:function(){Ke(!1)}},r.a.createElement("div",{tabIndex:0,className:"panel-design-less-items amarr-h6 panel-view-less action-item"},t.showLessLabel))))),p&&p.length>0&&r.a.createElement("div",{className:"border-b pt-3 pb-2"},r.a.createElement("section",{className:"panel-design window-panel"},r.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.windowOptionsListLabel),r.a.createElement("ul",{className:"d-flex panel-design-container"},p&&p.length>0&&p.map((function(e,a){return(a<we||p.length===we+1&&a===we||te)&&r.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},r.a.createElement("div",{className:"window ".concat(P===e.value?"door-active":"")},r.a.createElement("img",{loading:"lazy",role:"button",tabIndex:0,onClick:function(){return function(e){H(e.value),Je(e.value);var t=U+"-"+e.value+"-"+M,a=n.collection+"_"+U+"_"+e.value+"_"+M;if(R&&(t=U+"-"+e.value+"-"+R+"-"+M,a=n.collection+"_"+U+"_"+e.value+"_"+R+"_"+M),v.db.next(t),v.n.next(U),v.k.next(M),v.o.next(e.value),v.l.next(R),console.log("collectionVal-----\x3e"+a),v.m.next(a),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)v.O.next(!0);else{for(var o,i=null,l=0;l<n.panelList.length;l++)n.panelList[l].panel===U&&(i=n.panelList[l]);if((null===(o=i)||void 0===o?void 0:o.isNew)&&!0===i.isNew)v.O.next(!0);else if(e.isNew&&!0===e.isNew)v.O.next(!0);else{var c=null,r=y;if(console.log("colorList-windows----\x3e"+JSON.stringify(y)),r&&r.length>0){for(var s,d=0;d<r.length;d++)r[d].value===M&&(c=r[d]);return(null===(s=c)||void 0===s?void 0:s.isNew)&&!0===c.isNew?void v.O.next(!0):void v.O.next(Be(h,R))}v.O.next(Be(h,R))}}}(e)},src:e.image,alt:e.alt,className:"action-item"})),r.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&r.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},r.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(A.a,{id:"button-tooltip-".concat(a)},r.a.createElement("div",{className:"p-1 amarr-h6"},t.windowOptionUnavailableMessage))},r.a.createElement("div",{className:"panel-un-icon unavailable-icon"},r.a.createElement("img",{role:"button",loading:"lazy",src:Object(v.E)().concat("ic_unavailable.svg"),alt:"unavailable"})))))})),p&&p.length>we&&p.map((function(e,n){return n===we+1&&!te&&r.a.createElement("li",{className:"panel-design-item more-item-container",key:n,role:"button",onClick:function(){ae(!0),ze(!0),qe()}},r.a.createElement("div",{className:"window"},r.a.createElement("img",{loading:"lazy",role:"button",className:"action-item",src:e.image,tabIndex:0})),r.a.createElement("p",{className:"panel-design-block-text body-text3"},"+",p.length-we),r.a.createElement("div",{className:"panel-design-more-items amarr-h5"},"+",p.length-we))})),_e&&r.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",role:" button",onClick:function(){ae(!1),ze(!1),qe()}},r.a.createElement("div",{tabIndex:0,className:"panel-design-less-items amarr-h6 panel-view-less action-item"},t.showLessLabel))))),h&&h.length>0&&r.a.createElement("div",{className:"border-b pt-3 pb-2"},r.a.createElement("section",{className:"panel-design window-panel"},r.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.glassOptionsListLabel),r.a.createElement("ul",{className:"d-flex panel-design-container"},h&&h.length>0&&h.map((function(e,a){return(a<Le||h.length===Le+1&&a===Le||pe)&&r.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},r.a.createElement("div",{className:"window ".concat(R===e.value?"door-active":"")},r.a.createElement("img",{loading:"lazy",role:"button",tabIndex:0,onClick:function(){return function(e){if(Z(e.value),v.db.next(U+"-"+P+"-"+e.value+"-"+M),v.n.next(U),v.k.next(M),v.o.next(P),v.l.next(e.value),v.m.next(n.collection+"_"+U+"_"+P+"_"+e.value+"_"+M),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)v.O.next(!0);else{for(var t,a=null,o=0;o<n.panelList.length;o++)n.panelList[o].panel===U&&(a=n.panelList[o]);if((null===(t=a)||void 0===t?void 0:t.isNew)&&!0===a.isNew)v.O.next(!0);else if(e.isNew&&!0===e.isNew)v.O.next(!0);else{var i=null,l=p;if(l&&l.length>0){for(var c,r=0;r<l.length;r++)l[r].value===P&&(i=l[r]);if((null===(c=i)||void 0===c?void 0:c.isNew)&&!0===i.isNew)return void v.O.next(!0);var s=Be(y,M);v.O.next(s)}else v.O.next(!1)}}}(e)},src:e.image,alt:e.alt,className:"action-item"})),r.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&r.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},r.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(A.a,{id:"button-tooltip-".concat(a)},r.a.createElement("div",{className:"p-1 amarr-h6"},t.colorUnavailableMessage))},r.a.createElement("div",{className:"panel-un-icon unavailable-icon"},r.a.createElement("img",{role:"button",loading:"lazy",src:Object(v.E)().concat("ic_unavailable.svg"),alt:"unavailable"})))))})),h&&h.length>Le&&h.map((function(e,n){return n===we+1&&!pe&&r.a.createElement("li",{className:"panel-design-item more-item-container",key:n,role:"button",onClick:function(){ue(!0),Ve(!0),qe()}},r.a.createElement("div",null,r.a.createElement("img",{tabIndex:0,loading:"lazy",role:"button",src:e.image,className:"action-item"})),r.a.createElement("p",{className:"panel-design-block-text body-text3"},"+",h.length-Le),r.a.createElement("div",{className:"panel-design-more-items amarr-h5"},"+",h.length-Le))})),Ze&&r.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",role:"button",onClick:function(){ue(!1),Ve(!1),qe()}},r.a.createElement("div",{tabIndex:0,className:"panel-design-less-items panel-view-less amarr-h6 action-item"},t.showLessLabel))))),r.a.createElement("div",{className:"pt-3 pb-2"},r.a.createElement("section",{className:"panel-design"},r.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.colorListLabel),r.a.createElement("ul",{className:"d-flex panel-design-container"},y&&y.length>0&&y.map((function(e,n){return(n<Oe||y.length===Oe+1&&n===Oe||le)&&r.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item color-circle"),key:n},r.a.createElement("span",{role:"button",tabIndex:0,onClick:function(){return Ge(e)},className:"action-item door-color ".concat(M===e.value?"door-active":""),style:null!=e.colorImage?{backgroundImage:"url("+e.colorImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}:{backgroundColor:"#"+e.hexCode},"aria-label":"Button-Door-Color"}),r.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&r.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable color-unavailable")},r.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(A.a,{id:"button-tooltip-".concat(n)},r.a.createElement("div",{className:"p-1 amarr-h6"},t.colorUnavailableMessage))},r.a.createElement("div",{className:"color-un-icon unavailable-icon"},r.a.createElement("img",{loading:"lazy",role:"button",src:Object(v.E)().concat("ic_unavailable.svg"),alt:t.colorUnavailableMessage})))))})),y&&y.length>Oe&&y.map((function(e,n){return n===Oe+1&&!le&&r.a.createElement("li",{className:"panel-design-item more-item-container color-circle",key:n,role:"button",onClick:function(){ce(!0),Fe(!0),qe()}},r.a.createElement("span",{tabIndex:0,className:"action-item door-color",style:{background:"#"+e.value}},r.a.createElement("p",{className:"color-design-more-items"},"+",y.length-Oe)))})),We&&r.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",role:"button",onClick:function(){ce(!1),Fe(!1),qe()}},r.a.createElement("div",{tabIndex:0,className:"panel-design-more-items panel-view-less panel-design-less-items amarr-h6 action-item"},t.showLessLabel))))),r.a.createElement("div",{className:"modal fade alert-popup",id:"icon-popup",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body text-left feature-icons-body"},r.a.createElement("h4",{className:"mb-3"},q.name),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-lg-3"},r.a.createElement("img",{role:"presentation",loading:"lazy",src:q.popupimage,alt:q.popupalt})),r.a.createElement("div",{className:"col-lg-9"},r.a.createElement("p",{className:"body-text1",dangerouslySetInnerHTML:{__html:q.desc}}))))))))},S=function(e){var n=e.doorDetails,t=e.content,a=Object(c.useState)(!1),o=Object(l.a)(a,2),i=o[0],s=o[1],d=Object(c.useState)(!1),m=Object(l.a)(d,2),p=m[0],u=m[1];Object(c.useEffect)((function(){var e=!1;if(window.self!==window.top&&(u(!0),e=!0),!1===e&&localStorage.getItem("product-fav")){var t=localStorage.getItem("product-fav"),a=JSON.parse(t),o=!1;a.forEach((function(e){e.data.id===n.id&&(o=!0)})),s(o)}}),[]);return r.a.createElement("section",null,r.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},r.a.createElement("h1",{className:"opener-details-heading m-0"},n.productName),(null===n||void 0===n?void 0:n.isNew)&&n.isNew&&r.a.createElement("span",{className:"body-text3 new-icon"},t.newFlagText),!1===p&&"operators"!==t.productType&&t.favoritesLabel&&""!==t.favoritesLabel&&r.a.createElement("a",{onClick:function(){var e,t;if(s(!i),localStorage.getItem("product-fav-labels")){var a=localStorage.getItem("product-fav-labels");t=JSON.parse(a)}var o={id:n.id,title:n.productName,thumbnailImage:window.location.origin+n.images[0].url,type:n.type,url:window.location.href,chk:!1,doorImageLabel:t.doorImageLabel,doorImagePopupText:null===(e=t)||void 0===e?void 0:e.doorImagePopupText,productCategoryMappingCode:null===n||void 0===n?void 0:n.productCategoryMappingCode,doorData:"accessory"===n.type?[[t.productNameLabel,n.productName],[null,n.shortDescription]]:"openers"===n.type?[[t.productNameLabel,n.productName],[t.driveAttributeLabel,n.drive],[t.seriesLabelAttributeLabel,n.series],[t.forceLabelAttributeLabel,n.force],[t.horsePowerAttributeLabel,n.horsePower],[t.motorWarrantyAttributeLabel,n.warrantyMotor],[t.partsWarrantyAttributeLabel,n.warrantyParts]]:[[t.productNameLabel,n.productName]]};if(!1===i)if(!1===p&&localStorage.getItem("product-fav")){var l=localStorage.getItem("product-fav"),c=JSON.parse(l),r=!1;c.forEach((function(e){e.data.id===n.id&&(r=!0)})),!1===r&&(c.push({data:o,time:new Date}),localStorage.setItem("product-fav",JSON.stringify(c)))}else{var d=[];d.push({data:o,time:new Date}),!1===p&&localStorage.setItem("product-fav",JSON.stringify(d))}else if(!1===p&&localStorage.getItem("product-fav")){var m=localStorage.getItem("product-fav"),u=JSON.parse(m),g=-1;u.forEach((function(e,t){e.data.id===n.id&&(g=t)})),u.splice(g,1),localStorage.setItem("product-fav",JSON.stringify(u))}}},!0===i?r.a.createElement("img",{loading:"lazy",className:"rating-fill",src:Object(v.E)().concat("ic-fav-red-fill.svg"),alt:"Favorite"}):r.a.createElement("img",{loading:"lazy",className:"rating-fill",src:Object(v.E)().concat("ic-fav.svg"),alt:"Favorite"}))))},C=t(53),T=t.n(C),U=function(e){var n=e.doorDetails,t=e.content,a=e.productData,o=e.campaignData,i=e.productDataCallback;Object(c.useEffect)((function(){l()}),[]);var l=function(){var e,t,a,l;if(localStorage.getItem("product-fav-labels")){var c=localStorage.getItem("product-fav-labels");l=JSON.parse(c)}var r=window.location.origin+n.assets[0].url+"/jcr:content/renditions/thumbnail-232-250.jpeg",s=window.location.origin+window.location.pathname+"?&price="+Object(v.y)(null===o||void 0===o?void 0:o.price)+"&campaignId="+Object(v.y)(null===o||void 0===o?void 0:o.campaignId)+((null===o||void 0===o?void 0:o.queryParams)?null===o||void 0===o?void 0:o.queryParams:""),d={campaignId:null===o||void 0===o?void 0:o.campaignId,price:null===o||void 0===o?void 0:o.price,title:n.productName,thumbnailImage:r,url:s,type:n.type,doorImageLabel:null===(e=l)||void 0===e?void 0:e.doorImageLabel,doorImagePopupText:null===(t=l)||void 0===t?void 0:t.doorImagePopupText,doorData:[[null===(a=l)||void 0===a?void 0:a.productNameLabel,n.productName]]};i(d)};return r.a.createElement("section",null,r.a.createElement("div",{className:"d-flex align-items-center pb-1"},r.a.createElement("h1",{className:"amarr-h3 font-weight-semi mb-0"},n.productName),n.isNew&&r.a.createElement("span",{className:"new-icon body-text3"},t.newFlagText)),!t.ratingReviewsDisabled&&r.a.createElement("div",{className:"door-header-power-reviews pb-3 border-b"},r.a.createElement("div",{id:"pr-reviewsnippet"})),o&&o.price&&r.a.createElement("div",{className:" "},r.a.createElement("h2",{className:"carousel-heading",id:"campaign_price"},o.price)),n.shortDescriptionInPdp&&""!=n.shortDescriptionInPdp&&r.a.createElement("div",{className:"body-text2 border-b",dangerouslySetInnerHTML:{__html:n.shortDescriptionInPdp}}),n.description&&""!=n.description&&r.a.createElement("div",{className:"py-3"},r.a.createElement("div",{className:"body-text2 enable-list-style",dangerouslySetInnerHTML:{__html:n.description}})),r.a.createElement("div",{className:"row col-xl-8 col-12 mb-3 mb-md-0 commercial-bottom-space"},n.productDocuments&&n.productDocuments.length>0&&r.a.createElement("div",{className:"list-width pb-3"},t.productDocumentsLabel&&""!==t.productDocumentsLabel&&r.a.createElement("h2",{className:"amarr-h5 mb-2"},t.productDocumentsLabel),r.a.createElement("div",null,n.productDocuments.map((function(e,n){return r.a.createElement("div",{className:"list-item",key:n},r.a.createElement("p",{className:"body-text2 mb-0 text-container mr-2 mr-md-0"},e.title),e.items.map((function(e,n){return r.a.createElement("div",{key:n,id:e.name,className:"download-icon-style mr-2 ml-1 ml-md-0 mr-md-0 ml-md-2",onClick:function(){return n=e.path,t=e.name,void(n&&(Object(v.b)(),d.a.get(n,{responseType:"blob"}).then((function(e){return T.a.saveAs(e.data,t),Object(v.Z)(),e}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))));var n,t}},"pdf"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("pdf-color.svg"),alt:"pdf icon"}),"dwg"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("dwg-color.svg"),alt:"dwg icon"}),"dxf"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("dxf-color.svg"),alt:"dxf icon"}),"rfa"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("rfa-color.svg"),alt:"rfa icon"}),"skp"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("skp-color.svg"),alt:"skp icon"}),"doc"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("doc-color.svg"),alt:"doc icon"}),"docx"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("docx-color.svg"),alt:"docx icon"}),"rtf"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("rtf-color.svg"),alt:"rtf icon"}))})))})))),t.productLinksLabel&&t.productLinksCta&&t.productLinksCta.length>0&&r.a.createElement("div",null,r.a.createElement("h2",{className:"amarr-h5"},t.productLinksLabel),r.a.createElement("div",null,"noTheme"===t.productLinksCta.color&&t.productLinksCta.isInternal&&r.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction},t.productLinksCta.label,r.a.createElement("img",{loading:"lazy",className:"pl-2",src:Object(v.E)().concat("ic_link.svg"),alt:"link icon"})),"noTheme"===t.productLinksCta.color&&!t.productLinksCta.isInternal&&"_self"===t.productLinksCta.linkAction&&r.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction},t.productLinksCta.label,r.a.createElement("img",{loading:"lazy",className:"pl-2",src:Object(v.E)().concat("ic_link.svg"),alt:"link icon"})),"noTheme"===t.productLinksCta.color&&!t.productLinksCta.isInternal&&"_blank"===t.productLinksCta.linkAction&&r.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction,rel:"noopener"},t.productLinksCta.label,r.a.createElement("img",{loading:"lazy",className:"pl-2",src:Object(v.E)().concat("ic_link.svg"),alt:"link icon"})),"noTheme"!==t.productLinksCta.color&&r.a.createElement(m.a,{label:Object(v.i)(t.productLinksCta.label),link:!0,linkHref:t.productLinksCta.url,target:t.productLinksCta.linkAction,inverse:"inverse"===t.productLinksCta.color})))),t.ctaItems&&t.ctaItems.length>0&&r.a.createElement("div",{className:"cta-list"},t.ctaItems.map((function(e,n){return r.a.createElement("div",{className:"cta-item-list",key:n},r.a.createElement(m.a,{inverse:"inverse"===e.color,label:Object(v.i)(e.label),link:!0,linkHref:e.url+"?productData="+Object(v.y)(a)+((null===o||void 0===o?void 0:o.campaignId)?"&source=campaign":"&source=pdp")+((null===o||void 0===o?void 0:o.queryParams)?null===o||void 0===o?void 0:o.queryParams:""),target:e.linkAction}))}))))},I=h.default.section.withConfig({displayName:"styles__Content",componentId:"jqaaz2-0"})([".tab-heading{box-shadow:0 4px 12px 0 var(--black-shadow);border-top:1px solid var(--border-color);ul{margin-left:0px;li{padding:20px 40px 0px 0;.active{h3{font-weight:var(--font-weight-semi-bold) !important;border-bottom:solid 3px var(--accent);}}h3{padding-bottom:20px;}a{color:var(--text-color);padding-bottom:22px;&:hover{text-decoration:none;}}}}.nav-tabs{border-bottom:none;}}.door-style .tab-heading ul li a.active{font-weight:var(--font-weight-semi-bold) !important;border-bottom:solid 3px var(--accent);padding-bottom:4px;}.tab-content{padding-top:30px;padding-bottom:30px;}.single-img{position:relative;background-color:var(--bg-main);border-radius:4px;border:solid 1px var(--border-color);width:240px;height:180px;display:flex;align-items:var(--text-center);justify-content:var(--text-center);.door-img{width:calc(30%);}}.font-weight-semi{font-weight:var(--font-weight-semi-bold);}.accessory-container{display:flex;align-items:var(--text-center);padding-bottom:36px;@media screen and ","{flex-direction:column;align-items:flex-start;.img-container{margin-bottom:20px;width:100%;}}@media screen and ","{.img-container{flex:0 0 25%;height:180px;margin-right:36px;img{max-height:178px;}}}@media screen and ","{max-width:60%;}}.accessory-header{padding-bottom:12px;}.accessory-text{font-size:var(--font-size-m2);max-width:calc(60%);}.brochure-container{display:flex;gap:36px;flex-wrap:wrap;img{border-radius:var(--border-radius);}}.door-details{.table{border:1px solid var(--border-color);border-top:1px solid var(--border-color);th{border-top:none;}}}.warranty-container{display:flex;gap:24px;}.color-div{height:6vw;width:6vw;border-radius:var(--border-radius);}@media ","{.tab-heading{.nav-tabs{li{padding:12px 40px 0px 0;h3{padding-bottom:12px;}a{padding-bottom:10px;}}}}}@media ","{.tab-heading{.nav-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;&::-webkit-scrollbar{width:0 !important;display:none;}li{flex:none;padding:15px 20px 0px 0;h3{padding-bottom:15px;}a{padding-bottom:10px;}}}}.door-style .tab-heading ul li a.active{font-weight:var(--font-weight-semi-bold) !important;border-bottom:solid 2px var(--accent);padding-bottom:6px;}.door-style .tab-heading .nav-tabs{padding-bottom:6px;}}"],x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.desktopMin,x.b.mediumDesktopAndUp3Max,x.b.desktopAndUpMax),_=function(e){var n,t,a=e.doorDetails,o=Object(c.useState)({featureTitle:"",featureDescription:"",featureImage:"",imageAltText:"",featureIconImage:"",iconImageAltText:""}),i=Object(l.a)(o,2),s=i[0],d=i[1];return Object(c.useEffect)((function(){!function(){var e=document.getElementsByClassName("anchor_icon");Array.from(e).forEach((function(e){e.children[0]||(e.innerHTML=e.innerHTML+'<img loading="lazy"\n            class="pl-2"\n            src={getAssetPath().concat("ic_link_blue.svg")}\n            alt = "link icon"\n             /> ')}))}()}),[]),Object(c.useEffect)((function(){$(".circle-ol, .square-ol, .number-ol").parent().css("list-style","none"),$(".rte-bullet-green").closest("li").addClass("rte-green"),$(".ul-indent").parent().parent().addClass("ul-indent-left")})),r.a.createElement("section",{className:"door-overview door-details-ul door-details-li body-text2"},r.a.createElement("div",{className:"overview-content",dangerouslySetInnerHTML:{__html:a.data.body.text}}),a.data.specificationLabel&&a.data.specificationList&&a.data.specificationList.length>0&&r.a.createElement("div",{className:"overview-content"},r.a.createElement("h4",{className:"pb-2 amarr-h5"},a.data.specificationLabel),r.a.createElement("div",{className:"row specification"},r.a.createElement("div",{className:"table-responsive"},r.a.createElement("table",{className:"table table-striped",role:"table"},a.data.colNameList&&a.data.colNameList.length>0&&r.a.createElement("thead",null,r.a.createElement("tr",null,r.a.createElement("th",null),a.data.colNameList&&a.data.colNameList.length>0&&a.data.colNameList.map((function(e,n){return r.a.createElement("th",{key:n},e.text)})))),r.a.createElement("tbody",null,a.data.specificationList&&a.data.specificationList.length>0&&a.data.specificationList.map((function(e,n){return r.a.createElement("tr",{key:n},r.a.createElement("th",null,e.specificationName),e.specificationValues&&e.specificationValues.length>0&&e.specificationValues.map((function(e,n){return r.a.createElement("td",{key:n},e.text)})))}))))))),a.data.featuresLabel&&a.data.featuresList&&a.data.featuresList.length>0&&r.a.createElement("div",{className:"overview-content"},a.data.featuresLabelHeadingStyle&&""!==a.data.featuresLabelHeadingStyle?r.a.createElement(a.data.featuresLabelHeadingStyle,null,r.a.createElement("div",{className:"pb-1"},a.data.featuresLabel)):r.a.createElement("h4",{className:"pb-1"},a.data.featuresLabel),r.a.createElement("div",{className:"overview-features overview-column "},a.data.featuresList&&a.data.featuresList.length>0&&a.data.featuresList.map((function(e,n){return r.a.createElement("div",{className:" feature-item feature-item-col ",key:n},r.a.createElement("div",{className:"feature-item-img-container"},r.a.createElement("img",{loading:"lazy",className:"tab-action-item",src:e.featureIconImage,alt:e.iconImageAltText?e.iconImageAltText:"feature-item-img".concat(n),onClick:function(){return d(e)},"data-toggle":"modal",role:"presentation","data-target":"#icon-popup1",tabIndex:0})),r.a.createElement("p",{className:"pl-1 body-text2"},e.featureTitle))})))),(null===a||void 0===a||null===(n=a.data)||void 0===n||null===(t=n.bottomText)||void 0===t?void 0:t.text)&&r.a.createElement("div",{dangerouslySetInnerHTML:{__html:a.data.bottomText.text}}),r.a.createElement("div",{className:"modal fade alert-popup",id:"icon-popup1",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body text-left feature-popup-body"},r.a.createElement("h4",{className:"mb-3"},null===s||void 0===s?void 0:s.featureTitle),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"".concat((null===s||void 0===s?void 0:s.featureDescription)?"col-lg-4":""," ")},r.a.createElement("img",{loading:"lazy",role:"presentation",src:null===s||void 0===s?void 0:s.featureImage,alt:null===s||void 0===s?void 0:s.imageAltText})),(null===s||void 0===s?void 0:s.featureDescription)&&r.a.createElement("div",{className:"col-lg-8"},r.a.createElement("p",{className:"body-text1 pt-2 pt-lg-0",dangerouslySetInnerHTML:{__html:null===s||void 0===s?void 0:s.featureDescription}}))))))))},z=t(34),P=function(e){var n,t=e.doorDetails,a=e.content,o=Object(c.useState)([]),i=Object(l.a)(o,2),s=i[0],m=i[1],p=Object(c.useState)(!1),u=Object(l.a)(p,2),g=u[0],b=u[1],h=Object(c.useState)(""),x=Object(l.a)(h,2),f=x[0],w=x[1],y=Object(c.useState)([]),E=Object(l.a)(y,2),k=E[0],N=E[1],j=Object(c.useState)(""),D=Object(l.a)(j,2),M=D[0],S=D[1],C=Object(c.useState)(""),T=Object(l.a)(C,2),U=T[0],I=T[1],_=Object(c.useState)(""),P=Object(l.a)(_,2),H=P[0],W=P[1],F=Object(c.useState)(""),$=Object(l.a)(F,2),R=$[0],Z=$[1],V=Object(c.useState)(""),G=Object(l.a)(V,2),J=G[0],B=G[1],q=Object(c.useState)(""),K=Object(l.a)(q,2),X=K[0],Y=K[1],Q=Object(c.useState)(""),ee=Object(l.a)(Q,2),ne=ee[0],te=ee[1],ae=Object(c.useState)(!1),oe=Object(l.a)(ae,2),ie=oe[0],le=oe[1],ce=Object(c.useState)(""),re=Object(l.a)(ce,2),se=re[0],de=re[1],me=Object(c.useState)({label:"",url:"",linkAction:"",visible:!0,isInternal:!0,color:""}),pe=Object(l.a)(me,2),ue=pe[0],ge=pe[1];Object(c.useEffect)((function(){be(),Object(v.F)().subscribe((function(e){b(e)}))}),[]);var be=function(){Object(v.b)(),d.a.get(t.apiPath).then((function(e){var n,t,a,o,i=e.data.designOptions,l=e.data.cta;m(i),w(null===(n=e.data.body)||void 0===n?void 0:n.text),N(e.data.colorsList),S(e.data.colorsLabel),Z(null===(t=e.data.materialOptions)||void 0===t?void 0:t.text),B(e.data.heading),Y(null===(a=e.data.leftSection)||void 0===a?void 0:a.text),te(null===(o=e.data.rightSection)||void 0===o?void 0:o.text),ge(l),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))};return r.a.createElement("section",{className:"design-options door-details-ul"},g&&r.a.createElement(O.a,null),R&&r.a.createElement("div",{className:"".concat(R&&"enable-list-style mb-3"),dangerouslySetInnerHTML:{__html:R}}),J&&J.length>0&&r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"".concat(J)},r.a.createElement("h4",{className:"door-title amarr-h3"},J)),X&&ne&&r.a.createElement("div",{className:"box_container"},X&&X.length>0&&r.a.createElement("div",{className:"".concat(X&&"enable-list-style mb-3"),dangerouslySetInnerHTML:{__html:X}}),ne&&ne.length>0&&r.a.createElement("div",{className:"".concat(ne&&"enable-list-style mb-3"),dangerouslySetInnerHTML:{__html:ne}}))),ue&&(null===ue||void 0===ue||null===(n=ue.label)||void 0===n?void 0:n.length)>0&&r.a.createElement("div",{className:""},r.a.createElement(z.a,null),r.a.createElement("a",{className:"amarrHighlight",href:ue.url,target:ue.linkAction},ue.label,r.a.createElement("img",{loading:"lazy",className:"pl-2",src:Object(v.E)().concat("ic_link_blue.svg"),alt:"link icon"})),r.a.createElement(z.a,null)),r.a.createElement("ul",null,s&&s.length>0&&s.map((function(e,n){return r.a.createElement("li",{className:"design-options-section",key:n},r.a.createElement("h4",{className:"door-title amarr-h3"},e.label),e.images&&e.images.length&&r.a.createElement("ul",{className:"door-image-block my-3"},e.images.map((function(n,t){return r.a.createElement("li",{className:"image-text-li-container",key:t},r.a.createElement("div",{className:"door-img-container door-img-contain"},r.a.createElement("img",{loading:"lazy","data-toggle":"modal","data-target":"#image-popup",onClick:function(){return function(e,n){le(n),de(e.title),I(e.url),W(e.altText)}(n,e.showImageTitle)},src:n.url,alt:n.altText})),r.a.createElement("p",{className:"door-text body-text2"},n.title))}))))}))),M&&r.a.createElement("h4",{className:"amarr-h3"},M),k&&k.length>0&&r.a.createElement("div",{className:"panel-design pb-4 mb-4"},r.a.createElement("ul",{className:"d-flex design-options-container"},k.map((function(e,n){return r.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item color-circle-tab"),key:n},r.a.createElement("span",{className:"action-item door-color",style:null!=e.colorImage?{backgroundImage:"url("+e.colorImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}:{backgroundColor:"#"+e.hexCode},"aria-label":"door-Color"}),r.a.createElement("p",{className:"panel-design-block-text body-text3"},e.colorTitle),!1===e.available&&r.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},r.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(A.a,{id:"button-tooltip-".concat(n)},r.a.createElement("div",{className:"p-1 amarr-h6"},a.colorUnavailableMessage))},r.a.createElement("div",{className:"panel-un-icon unavailable-icon"},r.a.createElement("img",{loading:"lazy",src:Object(v.E)().concat("ic_unavailable.svg"),alt:"unavailable"})))))})))),f&&r.a.createElement("div",{dangerouslySetInnerHTML:{__html:f}}),r.a.createElement("div",{className:"modal fade alert-popup zoom-popup",id:"image-popup",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body text-center"},ie&&r.a.createElement("h3",{className:"img-label"},se),r.a.createElement("img",{loading:"lazy",role:"presentation",src:U,alt:H}))))))},H=function(e){var n=e.doorDetails,t=Object(c.useState)([]),a=Object(l.a)(t,2),o=a[0],i=a[1],s=Object(c.useState)([]),m=Object(l.a)(s,2),p=m[0],u=m[1],g=Object(c.useState)(""),b=Object(l.a)(g,2),h=b[0],x=b[1],f=Object(c.useState)(""),w=Object(l.a)(f,2),y=w[0],E=w[1],k=Object(c.useState)(""),N=Object(l.a)(k,2),j=(N[0],N[1]),D=Object(c.useState)(!1),L=Object(l.a)(D,2),A=L[0],M=L[1];Object(c.useEffect)((function(){S(),C(),Object(v.F)().subscribe((function(e){M(e)}));var e=document.getElementsByClassName("style-tabs"),n=document.getElementsByClassName("style-pane");e[0].classList.add("active"),n[0].classList.add("active"),n[0].classList.remove("fade")}),[]);var S=function(){var e="";n.forEach((function(n){"standardDoorDesignsTab"===n.type&&(e=n.apiPath)})),e.length>0&&(Object(v.b)(),d.a.get(e).then((function(e){i(e.data),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()})))},C=function(){var e="";n.forEach((function(n){"mosaicDoorDesignsTab"===n.type&&(e=n.apiPath)})),e.length>0&&(Object(v.b)(),d.a.get(e).then((function(e){u(e.data),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()})))},T=function(e,n){x(e.image),E(e.altText),j(n)};return r.a.createElement("section",{className:"door-style door-details-ul"},A&&r.a.createElement(O.a,null),r.a.createElement("div",{className:"tab-heading sub-tabs"},r.a.createElement("div",{className:""},r.a.createElement("ul",{className:"nav nav-tabs"},n&&n.length>0&&n.map((function(e,n){return r.a.createElement("li",{key:n},"standardDoorDesignsTab"===e.type&&r.a.createElement("a",{"data-toggle":"tab",href:"#door-style",className:"style-tabs body-text1"},e.text),"mosaicDoorDesignsTab"===e.type&&p&&p.length>0&&r.a.createElement("a",{"data-toggle":"tab",href:"#mosaic-style",className:"style-tabs body-text1"},e.text))}))))),r.a.createElement("div",{className:"tab-content"},r.a.createElement("div",{id:"door-style",className:"style-pane tab-pane fade door-style-ul"},o&&o.length>0&&r.a.createElement("ul",{className:"door-image-block my-3"},o.map((function(e,n){return r.a.createElement("li",{className:"image-text-li-container",key:n},r.a.createElement("div",{className:"door-img-container"},e.images&&e.images.length>0&&e.images.map((function(e,t){return r.a.createElement("img",{loading:"lazy",key:t,"data-toggle":"modal","data-target":"#imagePopUp",src:e.thumbnailImage,alt:e.altText,role:"presentation",className:"tab-action-item",tabIndex:0,onClick:function(){return T(e,"image-popup-doorstyle-"+n)}})}))),r.a.createElement("p",{className:"door-text body-text2"},e.title))})))),r.a.createElement("div",{id:"mosaic-style",className:"style-pane tab-pane fade"},p&&p.length>0&&r.a.createElement("ul",{className:"door-image-block my-3 mosiac-style-ul"},p.map((function(e,n){return r.a.createElement("li",{className:"mosaic-tile",key:n},r.a.createElement("div",{className:"door-img-container"},r.a.createElement("img",{loading:"lazy","data-toggle":"modal","data-target":"#imagePopUp",src:e.thumbnailImage,tabIndex:0,className:"tab-action-item",alt:e.altText,role:"presentation",onClick:function(){return T(e,"image-popup-mosaic-"+n)}})),r.a.createElement("p",{className:"door-text body-text2"},e.title))}))))),r.a.createElement("div",{className:"modal fade alert-popup zoom-popup",id:"imagePopUp",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body text-center"},r.a.createElement("img",{loading:"lazy",src:h,alt:y,role:"presentation"}))))))},W=function(e){var n=e.doorDetails,t=Object(c.useState)([]),a=Object(l.a)(t,2),o=a[0],i=a[1],s=Object(c.useState)(),m=Object(l.a)(s,2),p=m[0],u=m[1],g=Object(c.useState)(),b=Object(l.a)(g,2),h=b[0],x=b[1],f=Object(c.useState)(!1),w=Object(l.a)(f,2),y=w[0],E=w[1];Object(c.useEffect)((function(){k(),Object(v.F)().subscribe((function(e){E(e)}))}),[]);var k=function(){Object(v.b)(),d.a.get(n.apiPath).then((function(e){u(e.data.headingStyle),x(e.data.header.text),i(e.data.productDocumentTab),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))};return r.a.createElement("section",{className:"brochures-installation door-details-ul"},y&&r.a.createElement(O.a,null),"h1"===p&&r.a.createElement("h1",null,h),"h2"===p&&r.a.createElement("h2",null,h),"h3"===p&&r.a.createElement("h3",null,h),"h4"===p&&r.a.createElement("h4",null,h),"h5"===p&&r.a.createElement("h5",null,h),"h6"===p&&r.a.createElement("h6",null,h),o&&o.length>0&&r.a.createElement("ul",{className:"door-image-block my-3"},o.map((function(e,n){return r.a.createElement("li",{className:"brochure-image-container",key:n},r.a.createElement("div",{className:"door-img-container"},r.a.createElement("a",{href:e.path,target:"_blank",className:"tab-action-item"},r.a.createElement("img",{loading:"lazy",src:e.image.url,role:"presentation",alt:e.imagealtText?e.imagealtText:e.name}))),r.a.createElement("a",{className:"door-text amarr-h5",href:e.path,target:"_blank",id:e.name},e.name))}))))},F=function(e){var n=e.doorDetails;return r.a.createElement("section",null,n.data&&n.data.length>0&&n.data.map((function(e,n){return r.a.createElement("div",{className:"accessory-container",key:n},e.images&&e.images.length>0&&r.a.createElement("a",{href:e.url,className:"img-container"},r.a.createElement("img",{loading:"lazy",role:"presentation",src:e.images[0].url,alt:e.images[0].altText})),r.a.createElement("div",null,r.a.createElement("a",{href:e.url,className:"color-heading"},r.a.createElement("h4",{className:"accessory-header m-0 amarr-h5"},e.productName)),r.a.createElement("div",{className:"body-text2",dangerouslySetInnerHTML:{__html:e.shortDescription}})))})))},R=function(e){var n=e.doorDetails;return r.a.createElement("section",null,n.data&&n.data.length>0&&n.data.map((function(e,n){return r.a.createElement("div",{className:"accessory-container",key:n},r.a.createElement("a",{href:e.url,className:"img-container"},e.images&&e.images.length>0&&r.a.createElement("img",{loading:"lazy",role:"presentation",src:e.images[0].url,alt:e.images[0].altText})),r.a.createElement("div",null,r.a.createElement("a",{href:e.url,className:"color-heading"},r.a.createElement("h4",{className:"accessory-header m-0 amarr-h5"},e.productName)),r.a.createElement("div",{className:"body-text2",dangerouslySetInnerHTML:{__html:e.shortDescription}})))})))},Z=function(e){var n=e.doorDetails;return r.a.createElement("section",{className:"brochures-installation door-details-ul"},r.a.createElement(n.data.headingStyle,null,n.data.header.text),r.a.createElement("ul",{className:"door-image-block my-3"},n.data.productDocumentTab&&n.data.productDocumentTab.length>0&&n.data.productDocumentTab.map((function(e,n){return r.a.createElement("li",{key:n,className:"brochure-image-container"},r.a.createElement("div",{className:"door-img-container"},r.a.createElement("a",{href:e.path,target:"_blank","aria-label":e.image.altText},r.a.createElement("img",{loading:"lazy",src:e.image.url,alt:e.image.altText?e.image.altText:e.name}))),r.a.createElement("a",{href:e.path,className:"amarr-h5 door-text",target:"_blank","aria-label":e.image.altText},e.name))}))))},V=function(){return r.a.createElement("section",{className:"door-header"},r.a.createElement("div",{id:"pr-reviewdisplay"}))},G=t(54),J=t.n(G),B=(t(78),t(79),h.default.section.withConfig({displayName:"styles__Content",componentId:"sc-1u8786f-0"})([".slick-slider-height .slick-slider .slick-list .slick-track .slick-current{@media  "," and ","{height:740px !important;}@media "," and ","{height:640px !important;}@media "," and ","{height:740px !important;}@media ","{height:740px !important;}}.slick-slider-height .slick-slider .slick-list .slick-track .slick-current .slick-slider-container img{@media  "," and ","{max-height:325px !important;height:325px !important;}@media "," and ","{max-height:385px !important;height:385px !important;}@media "," and ","{max-height:485px !important;height:485px !important;}@media ","{max-height:485px !important;height:485px !important;}}.slick-slider-custom{.slider-background{padding:28px;@media screen and "," and ","{padding:28px 60px;}@media screen and "," and ","{padding:28px 46px;}@media screen and "," and ","{padding:28px 36px;}@media screen and ","{padding:0;}}.slick{&-dots{padding-top:1.5rem;bottom:auto;left:0;text-align:left;display:flex !important;li{max-width:140px;max-height:140px;width:auto;height:auto;padding:2px;margin-bottom:5px;border-radius:4px;border:solid 1px var(--border-color);background-color:var(--bg-main);display:inline-flex;align-items:var(--text-center);justify-content:var(--text-center);img,video{max-height:95px;@media ","{max-width:80px;}}}}&-slider{max-width:100%;&-container{display:flex !important;align-items:var(--text-center);gap:20px;@media ","{flex-direction:column;}}}&-list{margin:0;img{max-height:480px;@media screen and "," and ","{max-height:230px;}@media screen and "," and ","{max-height:298px;}}video{max-height:330px;@media screen and ","{max-height:330px;}@media screen and "," and ","{max-height:200px;}@media  "," and ","{max-height:240px;}@media  "," and ","{max-height:290px;}}.play-pause-image{.circle{width:60px;height:60px;top:calc(50% - 4px);left:calc(50% - 30px);@media screen and "," and ","{width:44px;height:44px;top:calc(50% - -6px);left:calc(50% - 22px);}@media screen and ","{top:calc(50% - 2px);}}.play-pause-icon{top:calc(50% - 4px);left:calc(50% - 30px);height:60px;width:60px;@media screen and "," and ","{width:76px;left:calc(50% - 38px);}@media screen and "," and ","{width:54px;height:45px;top:calc(50% - -6px);left:calc(50% - 26px);}@media screen and ","{width:60px;height:60px;top:calc(50% - 2px);left:calc(50% - 30px);}}}}&-prev{left:2.5%;&:before{background-image:",";}}&-next{right:2.5%;&:before{background-image:",';}}&-prev,&-next{background:var(--bg-main);border-radius:50%;z-index:99;&:before{background-size:contain;display:inline-block;width:40px;height:40px;content:"";background-repeat:no-repeat;@media ',"{width:30px;height:30px;}}}}}@media ","{.slick-slider-custom{.slick-active{border-width:2px !important;}}}.sticky-slider-costco{.panel-nav-slider{font-size:8px;img,video{@media screen and "," and ","{max-height:70px;}}}.slick-slider-container{gap:10px;img,video{@media screen and "," and ","{max-height:230px;}}}&.slick-slider-custom{.slider-background{padding:20px;@media screen and "," and ","{padding:20px 60px;}@media screen and "," and ","{padding:20px 46px;}@media screen and "," and ","{padding:20px 36px;}@media screen and ","{padding:0;}}}}"],x.b.desktopAndUp,x.b.mediumDesktopAndUp4Max,x.b.mediumDesktopAndUp,x.b.mediumDesktopAndUp2Max,x.b.mediumDesktopAndUp2,x.b.extraLargeMax,x.b.extraLargeMin,x.b.desktopAndUp,x.b.mediumDesktopAndUp4Max,x.b.mediumDesktopAndUp,x.b.mediumDesktopAndUp2Max,x.b.mediumDesktopAndUp2,x.b.extraLargeMax,x.b.extraLargeMin,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp4Max,x.b.desktopAndUp,x.b.smallDesktopAndUp2Max,x.b.tabletPortraitAndUp,x.b.desktop2Max,x.b.mobileMax,x.b.smallDesktopAndUp3Max,x.b.tabletPortraitAndUpMax,x.b.desktopMin,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitAndUpMax,x.b.largeMobileMin,x.b.desktopAndUpMax,x.b.desktopMin,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitAndUp,x.b.tabletPortraitMax,x.b.mobileMax,x.b.tabletLandscapeAndUp,x.b.desktopAndUpMax,x.b.tabletPortraitAndUp,x.b.tabletPortraitMax,x.b.mobileMax,(function(){return"url("+Object(v.E)().concat("arrow-left-carousel.svg")+")"}),(function(){return"url("+Object(v.E)().concat("arrow-right-carousel.svg")+")"}),x.b.mediumDesktopAndUp3Max,x.b.smallDesktopAndUp2Max,x.b.desktopAndUp,x.b.smallDesktopAndUp2Max,x.b.desktopAndUp,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp4Max,x.b.desktopAndUp,x.b.smallDesktopAndUp2Max,x.b.tabletPortraitAndUp,x.b.desktop2Max,x.b.mobileMax)),q=t(57),K=function(e){var n=e.doorDetails,t=Object(c.useState)([]),a=Object(l.a)(t,2),o=a[0],i=a[1],s=Object(c.useState)(!1),p=Object(l.a)(s,2),u=p[0],g=p[1],b=Object(c.useState)([]),h=Object(l.a)(b,2),x=h[0],f=h[1],w=Object(c.useState)(!1),y=Object(l.a)(w,2),E=y[0],k=y[1],N=Object(c.useState)(),j=Object(l.a)(N,2),D=j[0],L=j[1],A=Object(c.useState)(),M=Object(l.a)(A,2),S=M[0],C=M[1],T=[],U=[];r.a.useEffect((function(){setTimeout((function(){L(T),C(U)}),1e3)}),[T,U]),Object(c.useEffect)((function(){I(),Object(v.F)().subscribe((function(e){g(e)}))}),[]);var I=function(){Object(v.b)(),d.a.get(n.apiPath).then((function(e){if(i(e.data.carouselItems),e.data.carouselItems&&e.data.carouselItems.length>0){var n=[];e.data.carouselItems.forEach((function(e){e.image&&n.push({url:e.image.url,altText:e.image.altText})})),f(n),k(n.length>8)}Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))},_={dots:!1,infinite:!!E,speed:500,arrows:!1,slidesToShow:1,slidesToScroll:1,focusOnSelect:!0,centerMode:!1,initialSlide:0,swipeToSlide:!0},z={dots:!1,infinite:!!E,speed:500,arrows:!!E,slidesToScroll:1,className:"slick-slider-indicators",swipeToSlide:!0,slidesToShow:8,focusOnSelect:!0,centerMode:!1,initialSlide:1,responsive:[{breakpoint:1025,settings:{slidesToShow:5,slidesToScroll:3}},{breakpoint:767,settings:{slidesToShow:3,slidesToScroll:1,initialSlide:0,infinite:!0,arrows:!1}}]};return r.a.createElement(B,null,r.a.createElement("section",null,u&&r.a.createElement(O.a,null),r.a.createElement("section",{className:"slick-slider-custom slick-slider-custom-gallery"},r.a.createElement(J.a,Object.assign({asNavFor:S,ref:function(e){return T=e}},_,{afterChange:function(){return $(".slick-next").hasClass("slick-disabled")?$(".slick-next").attr("aria-disabled","true"):$(".slick-next").removeAttr("aria-disabled"),$(".slick-prev").hasClass("slick-disabled")?$(".slick-prev").attr("aria-disabled","true"):$(".slick-prev").removeAttr("aria-disabled"),$.each($(".slick-slider-indicators .slick-slide"),(function(){$(this).removeAttr("aria-pressed")})),$(".slick-slider-indicators .slick-current").attr("aria-pressed","true").attr("tabindex","0"),$(".slick-slider-indicators .slick-slide").removeAttr("tabindex"),$(".slick-slider-indicators .slick-slide").attr("role","button"),void $(".slick-slider-indicators .slick-slide img").attr("tabindex","0")}}),o&&o.length>0&&o.map((function(e,n){var t,a,o,i,l,c,s,d,p,u,g,b,h,x,f,w=null===e||void 0===e||null===(t=e.xyDoorCordinates)||void 0===t?void 0:t.bracketsAlignment,y=null===e||void 0===e||null===(a=e.xyDoorCordinates)||void 0===a?void 0:a.bracketAlignmentTop,E=null===e||void 0===e||null===(o=e.xyDoorCordinates)||void 0===o?void 0:o.bracketAlignmentRight,k=null===e||void 0===e||null===(i=e.xyDoorCordinates)||void 0===i?void 0:i.bracketAlignmentBottom,O=null===e||void 0===e||null===(l=e.xyDoorCordinates)||void 0===l?void 0:l.bracketAlignmentLeft,N={},j={};(null===e||void 0===e||null===(c=e.image)||void 0===c?void 0:c.imageOrientation)&&(N={flex:"0 0 "+((null===e||void 0===e||null===(x=e.image)||void 0===x?void 0:x.imageOrientation.split("-")[0])+"%")},j={flex:"0 0 "+((null===e||void 0===e||null===(f=e.image)||void 0===f?void 0:f.imageOrientation.split("-")[1])+"%")});return r.a.createElement("div",{key:n,className:"slick-slider-container","aria-label":(null===e||void 0===e||null===(s=e.image)||void 0===s?void 0:s.altText)?null===e||void 0===e||null===(d=e.image)||void 0===d?void 0:d.altText:""},r.a.createElement("div",{style:N},r.a.createElement(q.b,{bracketsAlignment:{top:y,right:E,bottom:k,left:O},showHide:w},r.a.createElement("img",{loading:"lazy",role:"presentation",src:null===e||void 0===e||null===(p=e.image)||void 0===p?void 0:p.url,key:n,alt:(null===e||void 0===e||null===(u=e.image)||void 0===u?void 0:u.altText)?null===e||void 0===e||null===(g=e.image)||void 0===g?void 0:g.altText:"",className:"slider-image"}))),r.a.createElement("div",{style:j},r.a.createElement("h4",{className:"amarr-h2"},null===e||void 0===e||null===(b=e.header)||void 0===b?void 0:b.text),r.a.createElement("div",{dangerouslySetInnerHTML:{__html:null===e||void 0===e||null===(h=e.body)||void 0===h?void 0:h.text}}),e.cta&&e.cta.visible&&r.a.createElement(m.a,{label:Object(v.i)(e.cta.label),link:!0,onClick:function(){return function(e){if(e){var n=e.panel?e.panel:"",t=e.window?e.window:"",a=e.color?e.color:"",o=e.glass?e.glass:"",i=n+"/"+t+"/"+a+"/";o&&(i=n+"/"+t+"/"+a+"/"+o),v.D.next(i),$("html, body").animate({scrollTop:0},500)}}(e)}})))}))),r.a.createElement("section",{className:"".concat(E&&"showMoreIcon"," pt-4 nav-slider ")},r.a.createElement(J.a,Object.assign({asNavFor:D,ref:function(e){U=e,null===e||void 0===e||e.slickGoTo(0)}},z),x&&x.length>0&&x.map((function(e,n){return r.a.createElement("img",{loading:"lazy",src:e.url+"/jcr:content/renditions/thumbnail-150-100.jpeg",key:n,alt:e.altText})})))))))},X=t(70),Y=function(e){var n=e.doorDetails,t=(e.content,Object(c.useState)([])),a=Object(l.a)(t,2),o=a[0],i=a[1],s=Object(c.useState)(!1),m=Object(l.a)(s,2),p=m[0],u=m[1];Object(c.useEffect)((function(){g(),Object(v.F)().subscribe((function(e){u(e)}))}),[]);var g=function(){Object(v.b)(),d.a.get(n.apiPath).then((function(e){var n=e.data;n.forEach((function(e){"docCategoryItems"in e?(e.variation="document",e.docCategoryItems&&e.docCategoryItems.forEach((function(e){e.documentItems&&e.documentItems.forEach((function(e){e.title=e.document.title,e.description=e.document.description,e.items=e.document.items,delete e.document}))}))):(e.variation="grouped-document",e.groupedDocCategoryItems&&e.groupedDocCategoryItems.forEach((function(e){e.documentItems&&(e.items=e.documentItems,delete e.documentItems,e.items.forEach((function(e){e.documentItems&&e.documentItems.forEach((function(e){e.title=e.document.title,e.description=e.document.description,e.items=e.document.items,delete e.document}))})))}))),e.disableSearch=!0})),i(n),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))};return r.a.createElement("section",null,p&&r.a.createElement(O.a,null),i&&i.length>0&&o.map((function(e,n){return r.a.createElement("div",{className:"details-searchable-list",key:n},r.a.createElement(X.a,{content:Object(v.gb)(JSON.stringify(e)),theme:""}))})))},Q=h.default.section.withConfig({displayName:"style__Content",componentId:"oikq49-0"})([".card-body-v{@media "," and ","{border:0px;}@media  "," and ","{border:0px;}@media ","{border:0px;}}.card-v{@media only screen and "," and ","{border:1px solid var(--light-grey);}@media ","{border:0px;}}.card-body-v,.card-footer-v{@media only screen and "," and ","{background-color:var(--grey);}@media ","{background-color:transparent;}}.img-border{@media only screen and "," and ","{border:0px solid var(--light-grey)!important;border-bottom:1px solid var(--light-grey) !important;}}.card-bg{background-color:var(--grey);}.custom-border-color{border-color:var(--light-grey) !important;}.img-fluid{height:320px;}"],x.b.tabletPortraitAndUp,x.b.desktopAndUpMax,x.b.desktopAndUp,x.b.mediumDesktopAndUp4Max,x.b.mediumDesktopAndUp4,x.b.mobileAndUp,x.b.tabletPortraitAndUpMax,x.b.tabletPortraitAndUp,x.b.mobileAndUp,x.b.tabletPortraitAndUpMax,x.b.tabletPortraitAndUp,x.b.mobileAndUp,x.b.mobileMax),ee=function(e){var n=e.item,t=Object(c.useState)(""),a=Object(l.a)(t,2),o=a[0],i=a[1],s=Object(c.useState)(""),d=Object(l.a)(s,2),p=d[0],u=d[1],g=Object(v.G)(2e3),b=function(e){i(e.url),u(e.altText)};return r.a.createElement(Q,null,r.a.createElement("div",{className:"tab-content"},void 0!=(null===n||void 0===n?void 0:n.showSubTabs)&&(null===n||void 0===n?void 0:n.showSubTabs)&&(null===n||void 0===n?void 0:n.accessories)&&(null===n||void 0===n?void 0:n.accessories.length)>0&&(null===n||void 0===n?void 0:n.accessories.map((function(e,n){return r.a.createElement("div",{id:"tab-".concat(Object(v.C)(e.groupName),"-").concat(n),className:"door-pane tab-pane door-style-ul ".concat(0===n?"active":""),key:n},e.groupData&&e.groupData.length>0&&e.showInGrid?r.a.createElement("div",{className:"card-group p-0 m-0 mt-4",key:n},e.groupData.map((function(e,n){return r.a.createElement("div",{"data-toggle":"modal",className:"card col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3 col-xxl-3 px-2 border-0",key:n},r.a.createElement("img",{className:"img-fluid border  border-bottom-0 rounded-top custom-border-color p-4",loading:"lazy",key:n,"data-toggle":"modal","data-target":"#mutipleid".concat(g),src:e.image.url,alt:e.image.altText,role:"presentation",onClick:function(){return b(e.image)}}),r.a.createElement("div",{className:"card-body  border border-bottom-0  card-bg custom-border-color"},r.a.createElement("h5",{className:"card-title amarr-h5"},e.header),r.a.createElement("p",{className:"card-text body-text2",dangerouslySetInnerHTML:{__html:e.body.text}})),r.a.createElement("div",{className:"card-footer  border border-top-0 rounded-bottom  card-bg custom-border-color"},(null===e||void 0===e?void 0:e.cta.label)&&(null===e||void 0===e?void 0:e.cta.url)&&r.a.createElement(m.a,{label:null===e||void 0===e?void 0:e.cta.label,link:!0,linkHref:null===e||void 0===e?void 0:e.cta.url,target:null===e||void 0===e?void 0:e.cta.linkAction})))}))):r.a.createElement("div",{className:"p-0 m-0 mt-4"},e.groupData.map((function(e,n){return r.a.createElement("div",{className:" p-1 m-0",key:n},r.a.createElement("div",{className:"card card-v"},r.a.createElement("div",{className:"row m-0 p-0 "},r.a.createElement("div",{className:"img-border col-12 col-sm-12 col-md-3 col-lg-2 col-xl-2 col-xxl-2 border border-dark  p-0 m-0 d-flex align-items-center"},r.a.createElement("img",{className:"col-12  p-4",loading:"lazy",key:n,"data-toggle":"modal","data-target":"#mutipleid".concat(g),src:e.image.url,alt:e.image.altText,role:"presentation",onClick:function(){return b(e.image)}})),r.a.createElement("div",{className:"col-12 col-sm-12 col-md-9 col-lg-10 col-xl-10 col-xxl-10 p-0 m-0 "},r.a.createElement("div",{className:"card-body  card-body-v"},r.a.createElement("h5",{className:"card-title amarr-h5"},e.header),r.a.createElement("p",{className:"card-text body-text2",dangerouslySetInnerHTML:{__html:e.body.text}})),r.a.createElement("div",{className:"card-footer card-footer-v border-0 "},(null===e||void 0===e?void 0:e.cta.label)&&(null===e||void 0===e?void 0:e.cta.url)&&r.a.createElement(m.a,{label:null===e||void 0===e?void 0:e.cta.label,link:!0,linkHref:null===e||void 0===e?void 0:e.cta.url,target:null===e||void 0===e?void 0:e.cta.linkAction}))))))}))))}))),(void 0===(null===n||void 0===n?void 0:n.showSubTabs)||!1===(null===n||void 0===n?void 0:n.showSubTabs))&&(null===n||void 0===n?void 0:n.accessories)&&(null===n||void 0===n?void 0:n.accessories.length)>0&&r.a.createElement("div",{id:"content-data-without-subtab",className:"door-pane tab-pane door-style-ul active"},void 0!==n.showInGrid&&n.showInGrid&&r.a.createElement("div",{className:"card-group mt-4"},n.accessories.map((function(e,n){return r.a.createElement("div",{className:"card col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3 col-xxl-3 px-2 border-0",key:n},r.a.createElement("img",{className:"img-fluid border  border-bottom-0 rounded-top custom-border-color p-4",loading:"lazy",key:n,"data-toggle":"modal","data-target":"#mutipleid".concat(g),src:e.image.url,alt:e.image.altText,role:"presentation",onClick:function(){return b(e.image)}}),r.a.createElement("div",{className:"card-body  border border-bottom-0  card-bg custom-border-color"},r.a.createElement("h5",{className:"card-title amarr-h5"},e.header),r.a.createElement("p",{className:"card-text body-text2",dangerouslySetInnerHTML:{__html:e.body.text}})),r.a.createElement("div",{className:"card-footer  border border-top-0 rounded-bottom card-bg custom-border-color"},(null===e||void 0===e?void 0:e.cta.label)&&(null===e||void 0===e?void 0:e.cta.url)&&r.a.createElement(m.a,{label:null===e||void 0===e?void 0:e.cta.label,link:!0,linkHref:null===e||void 0===e?void 0:e.cta.url,target:null===e||void 0===e?void 0:e.cta.linkAction})))}))),void 0!==n.showInGrid&&!n.showInGrid&&r.a.createElement("div",{className:" p-0 m-0 mt-4"},n.accessories.map((function(e,n){return r.a.createElement("div",{className:" p-1 m-0",key:n},r.a.createElement("div",{className:"card card-v"},r.a.createElement("div",{className:"row m-0 p-0 "},r.a.createElement("div",{"data-toggle":"modal",className:"img-border col-12 col-sm-12 col-md-3 col-lg-2 col-xl-2 col-xxl-2 border border-dark  p-0 m-0 d-flex align-items-center "},r.a.createElement("img",{className:"col-12 p-4 ",loading:"lazy",key:n,"data-toggle":"modal","data-target":"#mutipleid".concat(g),src:e.image.url,alt:e.image.altText,role:"presentation",onClick:function(){return b(e.image)}})),r.a.createElement("div",{className:"col-12 col-sm-12 col-md-9 col-lg-10 col-xl-10 col-xxl-10 p-0 m-0 "},r.a.createElement("div",{className:"card-body card-body-v "},r.a.createElement("h5",{className:"card-title amarr-h5"},e.header),r.a.createElement("p",{className:"card-text body-text2",dangerouslySetInnerHTML:{__html:e.body.text}})),r.a.createElement("div",{className:"card-footer card-footer-v border-0 "},(null===e||void 0===e?void 0:e.cta.label)&&(null===e||void 0===e?void 0:e.cta.url)&&r.a.createElement(m.a,{label:null===e||void 0===e?void 0:e.cta.label,link:!0,linkHref:null===e||void 0===e?void 0:e.cta.url,target:null===e||void 0===e?void 0:e.cta.linkAction}))))))}))))),r.a.createElement("div",{className:"modal fade alert-popup zoom-popup",id:"mutipleid".concat(g),role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body text-center col-12  p-3 d-flex justify-content-between"},r.a.createElement("img",{loading:"lazy",src:o,alt:p,role:"presentation"}))))))},ne=function(e){var n,t=e.doorAccessoriesDetails,a=Object(c.useState)(!1),s=Object(l.a)(a,2),m=s[0],p=s[1],u=Object(c.useState)([]),g=Object(l.a)(u,2),b=(g[0],g[1],Object(c.useState)({accessories:[],description:{},showSubTabs:Boolean,showInGrid:Boolean})),h=Object(l.a)(b,2),x=h[0],f=h[1];Object(c.useEffect)((function(){Object(v.F)().subscribe((function(e){p(e)})),t&&(t.apiPath?w():f(t.data))}),[]);var w=function(){Object(v.b)(),d.a.get(t.apiPath).then(function(){var e=Object(i.a)(o.a.mark((function e(n){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n&&(f(n.data),Object(v.Z)());case 1:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}()).catch((function(e){Object(v.Z)(),console.log("Error::",e)}))};return r.a.createElement("section",{className:"door-style door-accessories-style door-details-ul"},m&&r.a.createElement(O.a,null),(null===x||void 0===x?void 0:x.showSubTabs)&&r.a.createElement("div",{className:"tab-heading sub-tabs"},r.a.createElement("div",{className:""},r.a.createElement("ul",{className:"nav nav-tabs"},(null===x||void 0===x?void 0:x.accessories.length)>0&&(null===x||void 0===x?void 0:x.accessories.map((function(e,n){return r.a.createElement("li",{key:n},e.groupName&&""!=e.groupName&&r.a.createElement("a",{"data-toggle":"tab",href:"#tab-".concat(Object(v.C)(e.groupName),"-").concat(n),className:"door-tabs body-text1 ".concat(0===n?"active":"")},e.groupName))})))))),r.a.createElement("div",{className:"body-text2"},(null===x||void 0===x?void 0:x.description)&&(null===x||void 0===x||null===(n=x.description)||void 0===n?void 0:n.length)>0&&r.a.createElement("div",{className:"overview-content",dangerouslySetInnerHTML:{__html:null===x||void 0===x?void 0:x.description}}),r.a.createElement(ee,{item:x})))},te=function(e){e.sectionName,e.searchableListData;var n=e.doorDetails,t=e.content;Object(c.useEffect)((function(){setTimeout((function(){var e,n,t,a=document.getElementsByClassName("collection-tabs"),o=document.getElementsByClassName("collection-tab-pane");null===(e=a[0])||void 0===e||e.classList.add("active"),null===(n=o[0])||void 0===n||n.classList.add("active"),null===(t=o[0])||void 0===t||t.classList.remove("fade"),setTimeout((function(){var e;"#reviewsTab"===window.location.hash&&(document.getElementById("reviewsTab-click").click(),null===(e=document.getElementById("reviewsTab"))||void 0===e||e.scrollIntoView({block:"start",behavior:"smooth"}))}),2e3)}),1e3),a()}),[]);var a=function(){setTimeout((function(){var e=$(".collection-tab-pane");$(e).each((function(e,n){$(this).find(".tab-action-item").on("keypress",(function(e){32!=e.keyCode&&13!=e.keyCode||this.click()}))}))}),2e3)};return r.a.createElement(I,null,n.tabs&&n.tabs.length>0&&r.a.createElement("section",null,r.a.createElement("div",{className:"tab-heading"},r.a.createElement("div",{className:"container inner-container"},r.a.createElement("ul",{className:"nav nav-tabs",role:"tablist","aria-orientation":"horizontal","aria-labelledby":"tablist-1"},n.tabs.map((function(e,n){return r.a.createElement("li",{key:n,className:"body-text1",role:"presentation"},r.a.createElement("a",{role:"tab","aria-controls":e.type,id:"".concat(e.type,"-click"),className:"collection-tabs body-text1","data-toggle":"tab","aria-selected":0===n,href:"#".concat(e.type)},r.a.createElement("h3",{className:"body-text1 mb-0 font-weight-normal"},e.text)))}))))),r.a.createElement("div",{className:"container inner-container tab-content"},n.tabs.map((function(e,n){return r.a.createElement("div",{id:e.type,key:n,"aria-labelledby":"".concat(e.type,"-click"),className:"tab-pane fade collection-tab-pane",role:"tabpanel"},"overviewTab"===e.type&&r.a.createElement(_,{doorDetails:e}),"specificationDesignTab"===e.type&&r.a.createElement(_,{doorDetails:e}),"compatibility"===e.type&&r.a.createElement(_,{doorDetails:e}),"securitySafetyTab"===e.type&&r.a.createElement(_,{doorDetails:e}),"designOptionsTab"===e.type&&r.a.createElement(P,{doorDetails:e,content:t}),"drawingsTab"===e.type&&r.a.createElement(Y,{doorDetails:e}),"doorStylesTab"===e.type&&r.a.createElement(H,{doorDetails:e.subTabItems}),"brochuresTab"===e.type&&r.a.createElement(W,{doorDetails:e}),"galleryTab"===e.type&&r.a.createElement(K,{doorDetails:e}),"reviewsTab"===e.type&&r.a.createElement(V,null),"optionalAccessoryTab"===e.type&&r.a.createElement(F,{doorDetails:e}),"includedAccessoryTab"===e.type&&r.a.createElement(R,{doorDetails:e}),"productDocumentsTab"===e.type&&r.a.createElement(Z,{doorDetails:e}),"accessoriesTab"===e.type&&r.a.createElement(ne,{doorAccessoriesDetails:e}),"productDoorOperatorsTab"===e.type&&r.a.createElement(ne,{doorAccessoriesDetails:e}),"productOperatorAccessoriesTab"===e.type&&r.a.createElement(ne,{doorAccessoriesDetails:e}),"relatedProducts"===e.type&&r.a.createElement(ne,{doorAccessoriesDetails:e}))})))))},ae=t(71),oe=t(52),ie=function(e){var n=e.doorDetails,t=e.productSlider,a=void 0!==t&&t,o=e.productType,i=void 0===o?"":o,s=Object(c.useState)([]),d=Object(l.a)(s,2),m=d[0],p=d[1],u=Object(c.useState)([]),g=Object(l.a)(u,2),b=g[0],h=g[1],x=Object(c.useState)(!1),f=Object(l.a)(x,2),w=f[0],y=f[1],E=Object(c.useState)(!1),k=Object(l.a)(E,2),O=k[0],N=k[1],j=Object(c.useState)(),D=Object(l.a)(j,2),L=D[0],A=D[1],M=Object(c.useState)(),S=Object(l.a)(M,2),C=S[0],T=S[1],U=[],I=[],_=n.rootImagePath,z={dots:!1,infinite:!1,speed:500,arrows:!!w,className:"slick-slider-indicators",slidesToScroll:1,swipeToSlide:!0,slidesToShow:5,focusOnSelect:!0,centerMode:!1,initialSlide:1,responsive:[{breakpoint:1025,settings:{slidesToShow:5,slidesToScroll:1}},{breakpoint:767,settings:{slidesToShow:2.5,slidesToScroll:1,initialSlide:0,arrows:!1}}]};r.a.useEffect((function(){setTimeout((function(){A(U),T(I)}),1e3)}),[U,I]),Object(c.useEffect)((function(){if(null===n||void 0===n?void 0:n.assets){p(n.assets);var e=[];n.assets.forEach((function(n){if(!n.altText||""===n.altText){var t=n.url.split("/");t=(t=t[t.length-1].indexOf(".")>-1?t[t.length-1].split(".")[0]:t[t.length-1]).split("-").join(" "),"commercial"===i&&(t+=" Commercial Door"),"doors"===i&&(t+=" Garage Door"),n.altText=t}e.push({url:n.url,altText:n.altText,type:n.type})})),h(e),y(e.length>5)}v.m.subscribe((function(e){if(e.length>0&&!0===a){N(!0),p([]),h([]);var t,o="",i=e.split("_");i.shift(),o=_,i[0]&&void 0!==i[0]&&"undefined"!==i[0]&&(o=o+"/"+i[0]),i[1]&&void 0!==i[1]&&"undefined"!==i[1]&&(o=o+"/"+i[1]),i[1]&&"undefined"!==i[1]||4!==i.length||i[2]&&void 0!==i[2]&&"undefined"!==i[2]&&(o=o+"/"+i[2]),o=o+"/"+(i=i.filter((function(e){return"undefined"!==e}))).join("-")+".jpg",t=Object(v.ab)(e,"_","_").split("_").join(" ")+" Garage Door";var l=JSON.parse(JSON.stringify(n.assets)),c=[];n.assets.forEach((function(e){var n=e.altText?e.altText:"";if(!e.altText||""===e.altText){var t=e.url.split("/");n=t[t.length-1].indexOf(".")>-1?t[t.length-1].split(".")[0]:t[t.length-1]}c.push({url:e.url,altText:n,type:e.type})})),l.unshift({url:o,altText:t}),p(l),c.unshift({url:o,altText:t}),h(c),setTimeout((function(){N(!1)}),1)}})),setTimeout((function(){window.scrollTo(0,0)}),2e3)}),[]);var P=function(e,n,t,a,o){return"video"==e.type?function(e,n,t){return t?r.a.createElement(oe.a,{item:{video:{url:e.url}},showControls:t}):r.a.createElement("video",{key:n,controls:t},r.a.createElement("source",{src:e.url}))}(e,n,a):r.a.createElement("img",{loading:"lazy",role:"presentation",src:o?e.url+"/jcr:content/renditions/thumbnail-85-92.jpeg":e.url,key:n,alt:e.altText?e.altText:"",className:t?"".concat(O&&"img-loading"," ").concat(!O&&"img-loading-completed"):" "})};return r.a.createElement(B,null,r.a.createElement("section",{className:"slick-slider-custom ".concat(n.assets.length>0?"  ":" slick-slider-height "," ").concat(window.location.href.indexOf(".garagedoor.com")>-1?"sticky-slider-costco":"sticky-slider-amarr")},r.a.createElement(J.a,Object.assign({asNavFor:C,ref:function(e){return U=e}},{dots:!1,infinite:!1,speed:500,arrows:!0,slidesToShow:1,slidesToScroll:1,swipeToSlide:!0,focusOnSelect:!0,initialSlide:1,responsive:[{breakpoint:767,settings:{slidesToShow:1,arrows:!0}}]},{afterChange:function(){return $(".slick-next").hasClass("slick-disabled")?$(".slick-next").attr("aria-disabled","true"):$(".slick-next").removeAttr("aria-disabled"),$(".slick-prev").hasClass("slick-disabled")?$(".slick-prev").attr("aria-disabled","true"):$(".slick-prev").removeAttr("aria-disabled"),$.each($(".slick-slider-indicators .slick-slide"),(function(){$(this).removeAttr("aria-pressed")})),void $(".slick-slider-indicators .slick-current").attr("aria-pressed","true")}}),m&&m.length>0&&m.map((function(e,n){return r.a.createElement("div",{key:e.type+e.altText+n,className:"slick-slider-container slider-background slider-img-container","aria-label":e.altText?(t=e.altText,t.split(" ").join("_")):""},r.a.createElement("div",{key:e.type+e.altText+n,id:"small-loader-".concat(n),className:"small-loader ".concat(!O&&"img-loading-icon")},r.a.createElement(ae.a,null)),P(e,n,!0,!0,!1));var t}))),r.a.createElement("section",{className:"".concat(w&&"showMoreIcon"," nav-slider panel-nav-slider ").concat(b.length>1&&(window.location.href.indexOf(".garagedoor.com")>-1?"pt-3":"pt-4"))},r.a.createElement(J.a,Object.assign({asNavFor:L,ref:function(e){I=e,null===e||void 0===e||e.slickGoTo(0)}},z),b&&b.length>1&&b.map((function(e,n){return P(e,n,!1,!1,!0)}))))))},le={productDetailsApiPath:"",ctaItems:void 0,panelListLabel:"",colorListLabel:"",windowOptionsListLabel:"",glassOptionsListLabel:"",iconListLabel:"",newFlagText:"",priceLabel:"",productType:"",whereToBuy:{label:"",color:"",url:"",linkAction:"",isInternal:!0},brochure:{label:"",color:""},comparison:{label:"",color:""},productDocumentsLabel:"",productLinksLabel:"",productLinksCta:{label:"",url:"",linkAction:"",color:"",isInternal:!0},panelUnavailableMessage:"",colorUnavailableMessage:"",windowOptionUnavailableMessage:"",doorDesign:void 0,showMoreLabel:"",showLessLabel:"",favoritesLabel:"",ratingReviewsDisabled:!1,enableFavourites:!1,dimensionUnit:"",enableDoorDesignerSalesToolRedirection:!1,salesToolConfig:{endPoint:"",queryMessageTemplate:""},startingPrice:{text:""},apiURL:"",widthLabel:"",heightLabel:""},ce=function(e){var n,t,a,s,p=u()({},le,Object(v.g)(e.content)),b=Object(c.useState)(null),h=Object(l.a)(b,2),x=h[0],f=h[1],D=Object(c.useState)(!1),L=Object(l.a)(D,2),A=L[0],C=L[1],T=Object(c.useState)(!1),I=Object(l.a)(T,2),_=I[0],z=I[1],P=Object(c.useState)(!1),H=Object(l.a)(P,2),W=H[0],F=H[1],R=Object(c.useState)(!1),Z=Object(l.a)(R,2),V=Z[0],G=Z[1],J=Object(c.useState)(null),B=Object(l.a)(J,2),q=B[0],K=B[1],X=Object(c.useState)(null),Y=Object(l.a)(X,2),Q=Y[0],ee=Y[1],ne=Object(c.useState)(),ae=Object(l.a)(ne,2),oe=ae[0],ce=ae[1],re=null===(n=p.salesToolConfig)||void 0===n?void 0:n.queryMessageTemplate;s=(a=null===(t=document.getElementsByTagName("html")[0])||void 0===t?void 0:t.getAttribute("lang")).split("-")[1]?a.split("-")[1]:"DE",p.enableDoorDesignerSalesToolRedirection&&re&&(null===x||void 0===x?void 0:x.doorDesignerCode)&&(re=(re=(re=(re=(re=(re=(re=(re=re.replaceAll(/\\"/g,'"')).replace("${config}","<stdTypes:ConfigurationModelId>SUP+42.2</stdTypes:ConfigurationModelId><stdTypes:ConfigurationId/><stdTypes:ConfigurationKey/><stdTypes:ConfigurationCookieValues>#{cookie_value}</stdTypes:ConfigurationCookieValues>")).replace("SUP+42.2",null===x||void 0===x?void 0:x.doorDesignerCode)).replace("${locale}",a)).replaceAll("<","&lt;")).replaceAll(">","&gt;")).replaceAll('"',"'")).replaceAll("${countryCode}",s)),Object(c.useEffect)((function(){window.self!==window.top&&G(!0),!p.productType||"openers"!==p.productType&&"operators"!==p.productType?p.productType&&"commercial"===p.productType?se():me():de(),Object(v.F)().subscribe((function(e){C(e)})),matchMedia("(max-width: 768px)").matches&&z(!0),$(".circle-ol, .square-ol, .number-ol").parent().css("list-style","none"),$(".rte-bullet-green").closest("li").addClass("rte-green"),$(".ul-indent").parent().parent().addClass("ul-indent-left"),v.m.subscribe((function(e){if(e.length>0&&localStorage&&localStorage.getItem("product-fav")){var n=localStorage.getItem("product-fav"),t=JSON.parse(n),a=!1;t.forEach((function(n){n.data.id===e&&(a=!0)})),F(a)}})),v.eb.subscribe((function(e){F(e)})),ge()}),[]);var se=function(){Object(v.b)(),d.a.get(p.productDetailsApiPath).then(function(){var e=Object(i.a)(o.a.mark((function e(n){var t,a,i;return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,f(n.data);case 2:p.ratingReviewsDisabled||(t=window.location.origin+"/us/en/write-a-review/?pr_page_id="+n.data.powerReviewsId,a='POWERREVIEWS.display.render({\n                "read_services_base_url": "stable",\n                "api_key": `'+N.a.PowerReviewApi+'`,\n                "locale": `'+N.a.Locale+'`,\n                "merchant_group_id": `'+N.a.MerchantGroupId+'`,\n                "merchant_id": `'+N.a.ProductMerchantId+'`,\n                "page_id": `'+n.data.powerReviewsId+'`,\n                "review_wrapper_url": `'+t+"`,\n                \"on_read_reviews_click\": function () {\n                    var a = document.getElementById('reviewsTab-click')\n                    a.click()\n                    document.getElementById('reviewsTab')?.scrollIntoView({ block: 'start', behavior: 'smooth' })\n                },\n                \"components\": {\n                    \"ReviewSnippet\": 'pr-reviewsnippet',\n                    \"ReviewDisplay\": 'pr-reviewdisplay'\n                }\n            });",(i=document.createElement("script")).innerHTML=a,document.body.appendChild(i),setTimeout((function(){var e=document.querySelectorAll(".pr-snippet-rating-decimal");e&&e.length>0&&e.forEach((function(e){var n=Number(e.textContent).toFixed(1);e.innerText=n}))}),3e3),Object(v.Z)());case 3:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))},de=function(){Object(v.b)(),d.a.get(p.productDetailsApiPath).then((function(e){f(e.data),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))},me=function(){Object(v.b)(),d.a.get(p.productDetailsApiPath).then(function(){var e=Object(i.a)(o.a.mark((function e(n){var t,a,i;return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,f(n.data);case 2:p.ratingReviewsDisabled||(t=window.location.origin+"/us/en/write-a-review/?pr_page_id="+n.data.powerReviewsId,a='POWERREVIEWS.display.render({\n                "read_services_base_url": "stable",\n                "api_key": `'+N.a.PowerReviewApi+'`,\n                "locale": `'+N.a.Locale+'`,\n                "merchant_group_id": `'+N.a.MerchantGroupId+'`,\n                "merchant_id": `'+N.a.ProductMerchantId+'`,\n                "page_id": `'+n.data.powerReviewsId+'`,\n                "review_wrapper_url": `'+t+"`,\n                \"on_read_reviews_click\": function () {\n                    var a = document.getElementById('reviewsTab-click')\n                    a.click()\n                    document.getElementById('reviewsTab')?.scrollIntoView({ block: 'start', behavior: 'smooth' })\n                },            \n                \"components\": {\n                    \"ReviewSnippet\": 'pr-reviewsnippet',\n                    \"ReviewDisplay\": 'pr-reviewdisplay'\n                }\n            });",(i=document.createElement("script")).innerHTML=a,document.body.appendChild(i),setTimeout((function(){var e=document.querySelectorAll(".pr-snippet-rating-decimal");e&&e.length>0&&e.forEach((function(e){var n=Number(e.textContent).toFixed(1);e.innerText=n}))}),3e3)),Object(v.Z)();case 4:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))},pe=function(e){var n,t=e.doorDetails;return r.a.createElement(r.a.Fragment,null,r.a.createElement("p",{className:"body-text2 order-header-data",dangerouslySetInnerHTML:{__html:t.shortDescriptionInPdp}}),r.a.createElement("hr",{className:"bg-dark"}),r.a.createElement("p",{className:"body-text2 order-header-data py-4",dangerouslySetInnerHTML:{__html:t.overview}}),(null===t||void 0===t?void 0:t.productDocuments)&&r.a.createElement("div",{className:"pb-4",style:{maxWidth:"472px"}},r.a.createElement("div",{className:"amarr-h5 mb-2"},(null===t||void 0===t?void 0:t.productDocuments)?"Product Documents":"\xa0"),r.a.createElement("div",{className:"",style:{flexDirection:"column"}},null===t||void 0===t||null===(n=t.productDocuments)||void 0===n?void 0:n.map((function(e){return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"list-item py-0"},r.a.createElement("p",{className:"body-text2 mb-0 text-container mr-2 mr-md-0"},e.title),e.items.map((function(e){return"pdf"===e.extension?r.a.createElement("div",{className:"download-icon-style mr-2 ml-1 ml-md-0 mr-md-0 ml-md-2"},r.a.createElement("a",{href:e.path},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf-color.svg",height:"56px",width:"56px",alt:"pdf-color"}))):"docx"===e.extension?r.a.createElement("div",{className:"download-icon-style mr-2 ml-1 ml-md-0 mr-md-0 ml-md-2"},r.a.createElement("a",{href:e.path},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx-color.svg",height:"56px",width:"56px",alt:"docs-color"}))):r.a.createElement("div",{className:"download-icon-style mr-2 ml-1 ml-md-0 mr-md-0 ml-md-2"},r.a.createElement("a",{href:e.path},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf-color.svg",height:"56px",width:"56px",alt:"rtf-color"})))}))))})))),r.a.createElement("div",{className:"button-container pt-2"},p.whereToBuy&&p.whereToBuy.label&&r.a.createElement("div",{className:"cta-item"},r.a.createElement(m.a,{label:Object(v.i)(p.whereToBuy.label),link:!0,linkHref:p.whereToBuy.url+"?productData="+Object(v.y)(q)+((null===oe||void 0===oe?void 0:oe.campaignId)?"&source=campaign":"&source=pdp"+((null===oe||void 0===oe?void 0:oe.queryParams)?null===oe||void 0===oe?void 0:oe.queryParams:"")),target:p.whereToBuy.linkAction,inverse:"inverse"===p.whereToBuy.color})),t.brochure&&p.brochure.label&&r.a.createElement("div",{className:"cta-item"},r.a.createElement(m.a,{label:Object(v.i)(p.brochure.label),link:!0,linkHref:t.brochure,target:"_blank"})),t.comparison&&p.comparison.label&&r.a.createElement("div",{className:"cta-item"},r.a.createElement(m.a,{label:Object(v.i)(p.comparison.label),link:!0,linkHref:t.comparison,target:"_blank"}))))},ue=function(e){ee(e)};Object(c.useEffect)((function(){var e={type:null===x||void 0===x?void 0:x.type,productMappingCode:null===x||void 0===x?void 0:x.productMappingCode,productCategoryMappingCode:null===x||void 0===x?void 0:x.productCategoryMappingCode,description:Q,productName:"doors"===(null===p||void 0===p?void 0:p.productType)?null===x||void 0===x?void 0:x.collectionName:null===x||void 0===x?void 0:x.productName,id:"doors"===(null===p||void 0===p?void 0:p.productType)?null===Q||void 0===Q?void 0:Q.id:null===x||void 0===x?void 0:x.id};K(e)}),[x,Q]);var ge=function(){var e=new URL(window.location.href).searchParams,n="",t="",a=[],o="";e.forEach((function(e,i){"dimension"===i?a=Object(v.g)(e).split("*"):"price"===i?n=Object(v.g)(e):"campaignId"===i?t=Object(v.g)(e):o+="&".concat(i,"=").concat(e)})),ce({dimension:a,price:n,campaignId:t,queryParams:o})};return r.a.createElement(y.a,{setter:{componentThemes:g,selectedTheme:e.theme}},r.a.createElement(E.a,null,r.a.createElement(k.a,{padding:!1},r.a.createElement(w,{isReversed:!1},r.a.createElement("section",{className:"container inner-container door-details"},A&&r.a.createElement(O.a,null),r.a.createElement("div",{className:"row mt-4 mb-lg-4"},r.a.createElement("div",{className:"col-lg-6 padding-right ".concat(window.location.href.indexOf(".garagedoor.com")>-1?"sticky-content-costco":"sticky-content-amarr")},x&&r.a.createElement("div",null,_&&p.productType&&("openers"===p.productType||"operators"===p.productType)&&r.a.createElement("div",{className:"mb-3"},r.a.createElement(S,{doorDetails:x,content:p})),(!p.productType||"openers"!==p.productType&&"operators"!==p.productType&&p.productType,r.a.createElement(ie,{doorDetails:x,productSlider:!0,productType:p.productType})),_&&p.productType&&"doors"===p.productType&&r.a.createElement(j,{doorDetails:x,content:p,productDataCallback:ue,campaignData:oe}),x&&(null===x||void 0===x?void 0:x.carouselFootnote)&&r.a.createElement("div",{className:"carousel-text-color ".concat(x.assets.length>0?" pt-5 ":" pt-3 "," mt-3 body-text3 footnote"),dangerouslySetInnerHTML:{__html:null===x||void 0===x?void 0:x.carouselFootnote}}))),x&&r.a.createElement("div",{className:"col-lg-6 padding-left ".concat(window.location.href.indexOf(".garagedoor.com")>-1?"right-costco":"right-amarr")},!p.productType||"openers"!==p.productType&&"operators"!==p.productType?p.productType&&"commercial"===p.productType?r.a.createElement(U,{doorDetails:x,content:p,productData:q,campaignData:oe,productDataCallback:ue}):r.a.createElement("div",null,r.a.createElement("div",{className:"d-lg-block d-none border-b"},r.a.createElement(j,{doorDetails:x,content:p,productDataCallback:ue,campaignData:oe})),r.a.createElement("div",null,r.a.createElement(M,{doorDetails:x,content:p})),(x.textFootnote1||x.textFootnote2)&&r.a.createElement("div",{className:"row body-text3 footnote mt-3"},x.textFootnote1&&r.a.createElement("div",{className:"".concat(x.textFootnote2&&"col-md-6","  ").concat(!x.textFootnote2&&"single-footnote"," col-12 pb-3")},r.a.createElement("div",{className:"d-flex "},r.a.createElement("div",{className:"".concat(x.imageFootnote1&&"mr-3 img-container-footnote")},r.a.createElement("img",{loading:"lazy",src:x.imageFootnote1,alt:x.imageFootnote1AltText})),r.a.createElement("div",{className:"text-container-footnote body-text3",dangerouslySetInnerHTML:{__html:null===x||void 0===x?void 0:x.textFootnote1}}))),x.textFootnote2&&r.a.createElement("div",{className:"".concat(x.textFootnote1&&"col-md-6","  ").concat(!x.textFootnote1&&"single-footnote"," col-12 pb-3")},r.a.createElement("div",{className:"d-flex "},r.a.createElement("div",{className:"".concat(x.imageFootnote2&&"mr-3 img-container-footnote")},r.a.createElement("img",{loading:"lazy",src:x.imageFootnote2,alt:x.imageFootnote2AltText})),r.a.createElement("div",{className:"text-container-footnote body-text3",dangerouslySetInnerHTML:{__html:null===x||void 0===x?void 0:x.textFootnote2}})))),r.a.createElement("div",{className:"cta-list"},!1===V&&p.doorDesign&&function(){var e=x;return!(!e.doorDesignerCode||""===e.doorDesignerCode)}()&&r.a.createElement("div",{className:"cta-list-child"},p.enableDoorDesignerSalesToolRedirection?r.a.createElement("form",{action:p.salesToolConfig.endPoint,method:"POST"},r.a.createElement("input",{type:"hidden",name:"ConfigurationXML",id:"ConfigurationXML",value:function(){var e,n="",t=null===v.m||void 0===v.m||null===(e=v.m.value)||void 0===e?void 0:e.split("_"),a=x,o=(a.doorDesignerCode,""),i="",l="",c="",r="",s=t[3];return 5===t.length&&(r=t[3],s=t[4]),a.panelList&&a.panelList.length>0&&a.panelList.forEach((function(e){e.panel===t[1]&&(o=e.doorDesignerCode,e.colors&&e.colors.length>0&&e.colors.forEach((function(e){e.colorValue===s&&(i=e.doorDesignerCode,c=null===e||void 0===e?void 0:e.colorType)})),e.newColor&&e.newColor.length>0&&e.newColor.forEach((function(e){e.colorValue===s&&(i=e.doorDesignerCode,c=null===e||void 0===e?void 0:e.colorType)})),e.windowOptionsList&&e.windowOptionsList.length>0&&e.windowOptionsList.forEach((function(e){e.windowOption===t[2]&&(l=e.doorDesignerCode,e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.newWindowOption&&e.newWindowOption.length>0&&e.newWindowOption.forEach((function(e){e.windowOption===t[2]&&(l=e.doorDesignerCode,e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.glassOptionsList&&e.glassOptionsList.length>0&&e.glassOptionsList.forEach((function(e){e.glassOption===r&&e.doorDesignerCode})),e.newGlassOption&&e.newGlassOption.length>0&&e.newGlassOption.forEach((function(e){e.glassOption===r&&e.doorDesignerCode})))})),""!=o&&(n=n+"NS01Model_Part_type_field:NS01Model_"+o+";"),l&&(n=n+"NS01Design_Part_type_field:NS01Design_"+l+";"),i&&c&&(n=n+c+i+";"),re=re.replace("#{cookie_value}",n)}()}),r.a.createElement(m.a,{inverse:"inverse"===p.doorDesign.color,label:Object(v.i)(p.doorDesign.label),type:"submit",target:p.doorDesign.linkAction?p.doorDesign.linkAction:"_blank"})):r.a.createElement(m.a,{onClick:function(e){var n,t;e.preventDefault();var a=null===p||void 0===p||null===(n=p.doorDesign)||void 0===n?void 0:n.url,o=null===v.m||void 0===v.m||null===(t=v.m.value)||void 0===t?void 0:t.split("_"),i=x,l=i.doorDesignerCode,c="",r="",s="",d="",m="",u="",g=o[3];5===o.length&&(u=o[3],g=o[4]),i.panelList&&i.panelList.length>0&&i.panelList.forEach((function(e){e.panel===o[1]&&(c=e.doorDesignerCode,e.colors&&e.colors.length>0&&e.colors.forEach((function(e){e.colorValue===g&&(r=e.doorDesignerCode)})),e.newColor&&e.newColor.length>0&&e.newColor.forEach((function(e){e.colorValue===g&&(r=e.doorDesignerCode)})),e.windowOptionsList&&e.windowOptionsList.length>0&&e.windowOptionsList.forEach((function(e){e.windowOption===o[2]&&(s=e.doorDesignerCode,d=e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.newWindowOption&&e.newWindowOption.length>0&&e.newWindowOption.forEach((function(e){e.windowOption===o[2]&&(s=e.doorDesignerCode,d=e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.glassOptionsList&&e.glassOptionsList.length>0&&e.glassOptionsList.forEach((function(e){e.glassOption===u&&(m=e.doorDesignerCode)})),e.newGlassOption&&e.newGlassOption.length>0&&e.newGlassOption.forEach((function(e){e.glassOption===u&&(m=e.doorDesignerCode)})))})),a=a+"?collection="+l,""!=c&&(a=a+"&panel="+c),""!=d&&(a=a+"&windowPlacement="+d),s&&(a=a+"&window="+s),r&&(a=a+"&color="+r),m&&(a=a+"&glass="+m),window.location.href=a},inverse:"inverse"===p.doorDesign.color,label:Object(v.i)(p.doorDesign.label),link:!0,target:p.doorDesign.linkAction})),p.ctaItems&&p.ctaItems.length>0&&p.ctaItems.map((function(e,n){return r.a.createElement("div",{className:"cta-list-child",key:n},r.a.createElement(m.a,{inverse:"inverse"===e.color,label:Object(v.i)(e.label),link:!0,linkHref:e.url+"?productData="+Object(v.y)(q)+((null===oe||void 0===oe?void 0:oe.campaignId)?"&source=campaign":"&source=pdp")+((null===oe||void 0===oe?void 0:oe.queryParams)?null===oe||void 0===oe?void 0:oe.queryParams:""),target:e.linkAction}))})),!1===V&&p.favoritesLabel&&p.favoritesLabel.length>0&&r.a.createElement("div",{className:"cta-list-child"},r.a.createElement(m.a,{onClick:function(){v.z.next(!0)},label:Object(v.i)(p.favoritesLabel),link:!0,disabled:W})))):r.a.createElement(r.a.Fragment,null,!_&&r.a.createElement(S,{doorDetails:x,content:p}),r.a.createElement(pe,{doorDetails:x}))))),r.a.createElement("section",null,r.a.createElement("div",{className:"row py-4 door-details no-gutters"},r.a.createElement("div",{className:"col-12"},x&&r.a.createElement(te,{doorDetails:x,content:p}))))))))};ce.defaultProps={theme:"",content:""};n.a=ce},9:function(e,n,t){"use strict";var a=t(0),o=t.n(a),i=t(5),l=t(23),c=Object(a.createContext)({});n.a=function(e){var n=!1;try{var t;n=(null===(t=document)||void 0===t?void 0:t.dir)&&"rtl"===document.dir.toLowerCase()||!1}catch(r){console.log(r)}var a=n?[l.a]:[];return o.a.createElement(i.StyleSheetManager,{stylisPlugins:a},o.a.createElement(c.Provider,{value:{rtl:n}},e.children))}}});
+!function(e){function n(n){for(var a,l,c=n[0],r=n[1],s=n[2],m=0,p=[];m<c.length;m++)l=c[m],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&p.push(o[l][0]),o[l]=0;for(a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);for(d&&d(n);p.length;)p.shift()();return i.push.apply(i,s||[]),t()}function t(){for(var e,n=0;n<i.length;n++){for(var t=i[n],a=!0,c=1;c<t.length;c++){var r=t[c];0!==o[r]&&(a=!1)}a&&(i.splice(n--,1),e=l(l.s=t[0]))}return e}var a={},o={12:0},i=[];function l(n){if(a[n])return a[n].exports;var t=a[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=a,l.d=function(e,n,t){l.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},l.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,n){if(1&n&&(e=l(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var a in e)l.d(t,a,function(n){return e[n]}.bind(null,a));return t},l.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(n,"a",n),n},l.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},l.p="/";var c=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],r=c.push.bind(c);c.push=n,c=c.slice();for(var s=0;s<c.length;s++)n(c[s]);var d=r;i.push([583,0]),t()}({0:function(e,n){e.exports=React},1:function(e,n,t){"use strict";t.d(n,"g",(function(){return o})),t.d(n,"gb",(function(){return i})),t.d(n,"y",(function(){return l})),t.d(n,"i",(function(){return c})),t.d(n,"M",(function(){return r})),t.d(n,"P",(function(){return s})),t.d(n,"w",(function(){return d})),t.d(n,"K",(function(){return m})),t.d(n,"p",(function(){return p})),t.d(n,"s",(function(){return u})),t.d(n,"R",(function(){return g})),t.d(n,"Q",(function(){return b})),t.d(n,"bb",(function(){return h})),t.d(n,"N",(function(){return x})),t.d(n,"v",(function(){return v})),t.d(n,"h",(function(){return f})),t.d(n,"u",(function(){return w})),t.d(n,"A",(function(){return y})),t.d(n,"x",(function(){return E})),t.d(n,"L",(function(){return k})),t.d(n,"t",(function(){return O})),t.d(n,"cb",(function(){return N})),t.d(n,"r",(function(){return j})),t.d(n,"S",(function(){return D})),t.d(n,"O",(function(){return M})),t.d(n,"db",(function(){return S})),t.d(n,"n",(function(){return C})),t.d(n,"k",(function(){return T})),t.d(n,"o",(function(){return U})),t.d(n,"l",(function(){return I})),t.d(n,"m",(function(){return _})),t.d(n,"D",(function(){return z})),t.d(n,"W",(function(){return P})),t.d(n,"z",(function(){return H})),t.d(n,"eb",(function(){return W})),t.d(n,"fb",(function(){return F})),t.d(n,"b",(function(){return $})),t.d(n,"Z",(function(){return R})),t.d(n,"F",(function(){return Z})),t.d(n,"a",(function(){return V})),t.d(n,"hb",(function(){return G})),t.d(n,"d",(function(){return J})),t.d(n,"f",(function(){return B})),t.d(n,"e",(function(){return q})),t.d(n,"kb",(function(){return K})),t.d(n,"c",(function(){return X})),t.d(n,"ib",(function(){return Y})),t.d(n,"jb",(function(){return Q})),t.d(n,"T",(function(){return ee})),t.d(n,"U",(function(){return ne})),t.d(n,"V",(function(){return te})),t.d(n,"X",(function(){return ae})),t.d(n,"Y",(function(){return oe})),t.d(n,"q",(function(){return ie})),t.d(n,"ab",(function(){return le})),t.d(n,"C",(function(){return ce})),t.d(n,"J",(function(){return re})),t.d(n,"j",(function(){return se})),t.d(n,"E",(function(){return de})),t.d(n,"H",(function(){return me})),t.d(n,"I",(function(){return pe})),t.d(n,"G",(function(){return ue})),t.d(n,"B",(function(){return be}));var a=t(4),o=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},i=function(e){return btoa(unescape(encodeURIComponent(e)))},l=function(e){return i(JSON.stringify(e))},c=function(e){return e.toUpperCase()},r=function(e){return e.replaceAll(" ","-").toLowerCase()},s=new a.a(!1),d=new a.a(!1),m=new a.a(!1),p=new a.a(!1),u=new a.a(""),g=new a.a(!1),b=new a.a(!1),h=new a.a(!1),x=new a.a(!1),v=new a.a(!1),f=new a.a(!1),w=new a.a(""),y=new a.a(!0),E=new a.a(!0),k=new a.a(!0),O=new a.a(!0),N=new a.a(!0),j=new a.a(!0),D=new a.a({}),L=new a.a(!1),A=0,M=new a.a(!1),S=new a.a(""),C=new a.a(""),T=new a.a(""),U=new a.a(""),I=new a.a(""),_=new a.a(""),z=new a.a(""),P=new a.a(""),H=new a.a(!1),W=new a.a(!1),F=new a.a(!1),$=(new a.a(!1),new a.a(!1),new a.a({flag:!1}),function(){setTimeout((function(){A++,L.next(!0)}),0)}),R=function(){setTimeout((function(){A>0&&A--,0==A&&L.next(!1)}),0)},Z=function(){return L.asObservable()},V=function(e){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)},G=function(e){var n=0;return!!/(?=.{8,})/.test(e)&&(/([a-z])/.test(e)&&n++,/([A-Z])/.test(e)&&n++,/(\d)/.test(e)&&n++,/([!@#$%^&*])/.test(e)&&n++,!(n<3))},J=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},B=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},q=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},K=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/.test(e)},X=function(e){return/^[0-9]*$/.test(e)},Y=function(e){return new RegExp("^[0-9]+[.][0-9]{0,2}$").test(e)},Q=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},ee=function(e){if(e&&""!==e&&-1===e.indexOf("(")&&-1===e.indexOf(") ")&&-1===e.indexOf("-")){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e},ne=function(e){var n=(""+e).replace(/\D/g,"");if(n.length>10){var t=(n=n.slice(0,10)).match(/^(\d{3})(\d{3})(\d{4})$/);if(t)return"("+t[1]+") "+t[2]+"-"+t[3]}var a="";return n.split("").forEach((function(e,n){a+=0==n?"("+e:2==n?e+") ":5==n?e+"-":e})),a},te=function(e){var n=e.target.value;return 1==n.length?"("+n:5==n.length?n.slice(0,n.length-1)+") "+n[n.length-1]:10==n.length&&"-"!==n[n.length-1]?n.slice(0,n.length-1)+"-"+n[n.length-1]:10==n.length&&"-"===n[n.length-1]?n.substring(0,n.length-1):6==n.length?n.substring(0,n.length-2):n},ae=function(e){return e&&(e=Number(e).toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},oe=function(e,n){return e=e?Number(e):0,(0===(n=n?Number(n):0)||"0"===n?0:(e-n)/n*100).toFixed(2)},ie=function(e){var n={tabs:!0,type:"designer",clavos:!1,download:!0,quote:!0,srcUrl:"/DoorApp",id:"AmarrDoorDesigner",panel:e.selectedPanel,brand:"",myGuid:"d-608280c6f378f8.36911414",email:!0,height:e.selectedHeight,glass:e.selectedGlass,collection:e.selectedCollection,print:!0,baseUrl:"",gplacement:e.selectedWindowPlacement,width:e.selectedWidth,srcDir:"DoorApp",MosaicName:"Mosaic",logooption:""};return e.selectedColor&&(n.color=e.selectedColor),e.colorHex&&(n.colorHex=e.colorHex),e.colorZone&&(n.colorZone=e.colorZone),e.selectedConstruction&&(n.model=e.selectedConstruction),e.selectedWindowDesign&&(n.top=e.selectedWindowDesign),e.glazepattern&&(n.glazepattern=e.glazepattern),e.selectedHardware&&(n.hardware=e.selectedHardware),n},le=function(e,n,t){var a="",o=e.split(n);return o.forEach((function(e,n){"undefined"!==e&&e&&(a+=e,n!==o.length-1&&(a+=t))})),a},ce=function(e){return e.length>0?e.replace(/[`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"").replace(/ /g,""):e};function re(e,n){var t=n||"html",a=e;return t||(t="html"),"html"==t&&(a=function(e){var n,t,a,l,c,d=e,m="";n=o(d,"&lt;!--","--&gt;",r,"W3HTMLCOMMENTPOS"),d=n.rest;for(;d.indexOf("&lt;")>-1;)l="",t=d.indexOf("&lt;"),"&LT;STYLE"==d.substr(t,9).toUpperCase()&&(l="css"),"&LT;SCRIPT"==d.substr(t,10).toUpperCase()&&(l="javascript"),-1==(a=d.indexOf("&gt;",t))&&(a=d.length),m+=d.substring(0,t),m+=i(d.substring(t,a+4)),d=d.substr(a+4),"css"==l&&(a=d.indexOf("&lt;/style&gt;"))>-1&&(m+=s(d.substring(0,a)),d=d.substr(a)),"javascript"==l&&(a=d.indexOf("&lt;/script&gt;"))>-1&&(m+=u(d.substring(0,a)),d=d.substr(a));for(d=m+d,c=0;c<n.arr.length;c++)d=d.replace("W3HTMLCOMMENTPOS",n.arr[c]);return d}(a)),"css"==t&&(a=s(a)),"js"==t&&(a=u(a)),a;function o(e,n,t,a,o){for(var i,l,c="",r=[];e.search(n)>-1;)i=e.search(n),-1==(l=e.indexOf(t,i))&&(l=e.length),o?(r.push(a(e.substring(i,l+t.length))),e=e.substring(0,i)+o+e.substr(l+t.length)):(c+=e.substring(0,i),c+=a(e.substring(i,l+t.length)),e=e.substr(l+t.length));return{rest:c+e,arr:r}}function i(e){for(var n,t,a,o=e,i="";o.search(/(\s|<br>)/)>-1;)n=o.search(/(\s|<br>)/),-1==(t=o.indexOf("&gt;"))&&(t=o.length),i+=o.substring(0,n),i+=l(o.substring(n,t)),o=o.substr(t);return"&gt;"==(a="<span style=color:grey>&lt;</span>"+(a=i+o).substring(4)).substr(a.length-4,4)&&(a=a.substring(0,a.length-4)+"<span style=color:grey>&gt;</span>"),"<span style=color:#a10d5f>"+a+"</span>"}function l(e){for(var n,t,a,o,i,l=e,r="";l.indexOf("=")>-1;)t=-1,n=l.indexOf("="),a=l.indexOf("'",n),o=l.indexOf('"',n),(i=l.indexOf(" ",n+2))>-1&&(i<a||-1==a)&&(i<o||-1==o)?t=l.indexOf(" ",n):o>-1&&(o<a||-1==a)&&(o<i||-1==i)?t=l.indexOf('"',l.indexOf('"',n)+1):a>-1&&(a<o||-1==o)&&(a<i||-1==i)&&(t=l.indexOf("'",l.indexOf("'",n)+1)),(!t||-1==t||t<n)&&(t=l.length),r+=l.substring(0,n),r+=c(l.substring(n,t+1)),l=l.substr(t+1);return"<span style=color:green>"+r+l+"</span>"}function c(e){return"<span style=color:#1c8a9c>"+e+"</span>"}function r(e){return"<span style=color:green>"+e+"</span>"}function s(e){var n,t,a,i,l,c,s,m=e,p="";for(m=(a=o(m,/\/\*/,"*/",r,"W3CSSCOMMENTPOS")).rest;m.search("{")>-1;){for(n=m.search("{"),l=m.substr(n+1),s=1,c=0,i=0;i<l.length&&("{"==l.substr(i,1)&&(s++,c++),"}"==l.substr(i,1)&&s--,0!=s);i++);for(0!=s&&(c=0),t=n,i=0;i<=c;i++)t=m.indexOf("}",t+1);-1==t&&(t=m.length),p+=m.substring(0,n+1),p+=d(m.substring(n+1,t)),m=m.substr(t)}for(m=(m=(m=p+m).replace(/{/g,"<span style=color:grey>{</span>")).replace(/}/g,"<span style=color:grey>}</span>"),i=0;i<a.arr.length;i++)m=m.replace("W3CSSCOMMENTPOS",a.arr[i]);return"<span style=color:green>"+m+"</span>"}function d(e){var n,t,a,o,i=e,l="";if(i.indexOf("{")>-1)return s(i);for(;i.search(":")>-1;){for(o=!0,a=n=i.search(":");1==o;)o=!1,t=i.indexOf(";",a),"&nbsp;"==i.substring(t-5,t+1)&&(o=!0,a=t+1);-1==t&&(t=i.length),l+=i.substring(0,n),l+=m(i.substring(n,t+1)),i=i.substr(t+1)}return"<span style=color:#a10d5f>"+l+i+"</span>"}function m(e){var n,t=e,a="";for(t="<span style=color:grey>:</span>"+t.substring(1);t.search(/!important/i)>-1;)n=t.search(/!important/i),a+=t.substring(0,n),a+=p(t.substring(n,n+10)),t=t.substr(n+10);var o=a+t;return";"==o.substr(o.length-1,1)&&"&nbsp;"!=o.substr(o.length-6,6)&&"&lt;"!=o.substr(o.length-4,4)&&"&gt;"!=o.substr(o.length-4,4)&&"&amp;"!=o.substr(o.length-5,5)&&(o=o.substring(0,o.length-1)+"<span style=color:grey>;</span>"),"<span style=color:black>"+o+"</span>"}function p(e){return"<span style=color:red;font-weight:bold;>"+e+"</span>"}function u(e){var n,t,a,o,i,l,c,s,d,m,p=e,u="",k=[],O="";for(n=0;n<p.length;n++)"\\"==(t=p.substr(n,1))&&(k.push(p.substr(n,2)),t="W3JSESCAPE",n++),O+=t;for(p=O,1;a=y(p,"'","'",g),o=y(p,'"','"',g),i=y(p,/\/\*/,"*/",r),l=y(p,/\/\//,"<br>",r),s=E(p,h),c=w("js",p,b),m=v(p,x),-1!=Math.max(s[0],a[0],o[0],i[0],l[0],c[0],m[0])&&-1!=(d=f(s,a,o,i,l,c,m))[0];)d[0]>-1&&(u+=p.substring(0,d[0]),u+=d[2](p.substring(d[0],d[1])),p=p.substr(d[1]));for(p=u+p,n=0;n<k.length;n++)p=p.replace("W3JSESCAPE",k[n]);return"<span style=color:black>"+p+"</span>"}function g(e){return"<span style=color:brown>"+e+"</span>"}function b(e){return"<span style=color:mediumblue>"+e+"</span>"}function h(e){return"<span style=color:red>"+e+"</span>"}function x(e){return"<span style=color:black>"+e+"</span>"}function v(e,n){var t,a,o,i,l=[".","<"," ",";","(","+",")","[","]",",","&",":","{","}","/","-","*","|","%"];if((i=e.indexOf("."))>-1)for(t=e.substr(i+1),o=0;o<t.length;o++){var c=t[o];for(a=0;a<l.length;a++)if(c.indexOf(l[a])>-1)return[i+1,o+i+1,n]}return[-1,-1,n]}function f(e,n,t,a,o,i,l){var c,r=[];for(c=0;c<arguments.length;c++)arguments[c][0]>-1&&(0==r.length||arguments[c][0]<r[0])&&(r=arguments[c]);return 0==r.length&&(r=arguments[c]),r}function w(e,n,t){var a,o,i,l,c=-1,r=-1;for("js"==e&&(l=["abstract","arguments","boolean","break","byte","case","catch","char","class","const","continue","debugger","default","delete","do","double","else","enum","eval","export","extends","false","final","finally","float","for","function","goto","if","implements","import","in","instanceof","int","interface","let","long","NaN","native","new","null","package","private","protected","public","return","short","static","super","switch","synchronized","this","throw","throws","transient","true","try","typeof","var","void","volatile","while","with","yield"]),a=0;a<l.length;a++)(o=n.indexOf(l[a]))>-1&&(i=/\W/g,n.substr(o+l[a].length,1).match(i)&&n.substr(o-1,1).match(i)&&o>-1&&(-1==c||o<c)&&(r=(c=o)+l[a].length));return[c,r,t]}function y(e,n,t,a){var o,i;return o=e.search(n),-1==(i=e.indexOf(t,o+t.length))&&(i=e.length),[o,i+t.length,a]}function E(e,n){var t,a,o,i,l,c=["<br>"," ",";","(","+",")","[","]",",","&",":","{","}","/","-","*","|","%","="],r=0;for(t=0;t<e.length;t++)for(a=0;a<c.length;a++)if((o=e.substr(t,c[a].length))==c[a]){if("-"==o&&("e"==e.substr(t-1,1)||"E"==e.substr(t-1,1)))continue;if(r<(i=t)&&(l=e.substring(r,i),!isNaN(l)))return[r,i,n];r=t+=c[a].length,t-=1;break}return[-1,-1,n]}}var se=function(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""},de=function(){return getComputedStyle(document.body).getPropertyValue("--asset-path").trim()},me=function(){return getComputedStyle(document.body).getPropertyValue("--accent").trim()},pe=function(e){if("string"===typeof e){var n=e;return n=(n=n.replace(/\\/g,"\\\\")).replace(/"/g,'\\"')}return e},ue=function(e){return Math.floor(Math.random()*e)+1},ge=["January","February","March","April","May","June","July","August","September","October","November","December"],be=function(e){var n=new Date(e);if("Invalid Date"==n.toString())return e;var t=n.getFullYear(),a=n.getMonth(),o=(n.getDate()+"").padStart(2,"0");return"".concat(ge[a].slice(0,3)," ").concat(o,", ").concat(t)}},10:function(e,n,t){"use strict";t.d(n,"a",(function(){return l}));var a=t(0),o=t.n(a),i=t(5).default.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-1pdbosk-0"})(["box-sizing:border-box;width:100%;margin:0 auto;padding:",";max-width:",";"],(function(e){return e.padding?"0 var(--grid-margin);":0}),(function(e){e.maxWidth;return"calc(var(--container-max-width)px + var(--grid-margin) + var(--grid-margin));"})),l=function(e){var n=e.className,t=e.children,a=e.maxWidth,l=void 0===a?1520:a,c=e.padding,r=void 0===c||c;return o.a.createElement(i,{className:n,maxWidth:l,padding:r},t)};n.b=l},14:function(e,n,t){"use strict";t.d(n,"a",(function(){return m}));var a=t(28),o=t(0),i=t.n(o),l=t(5),c=(t(42),l.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:var(--text-center);z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),r=t(33),s=t.n(r),d=t(1),m=function(e){return Object(a.a)(e),i.a.createElement(c,null,i.a.createElement("div",{className:"d-flex justify-content-center loader"},i.a.createElement("div",{className:"d-flex"},i.a.createElement(s.a,{type:"ThreeDots",color:Object(d.H)(),height:100,width:100}))))}},2:function(e,n,t){"use strict";t.d(n,"a",(function(){return a})),t.d(n,"b",(function(){return o}));var a={mobileAndUpMin:128,mobileAndUp:320,smallMobileAndUp:375,largeMobileAndUp:426,tabletPortraitUp:606,largeMobileAndUp2:576,tabletPortraitAndUp:768,tabletPortraitAndUp2:835,tabletLandscapeAndUp:992,desktopAndUp:1024,smallDesktopAndUp1:1100,smallDesktopAndUp:1200,smallDesktopAndUp2:1280,smallDesktopAndUp3:1300,smallDesktopAndUp4:1150,mediumDesktopAndUp:1400,mediumDesktopAndUp2:1600,mediumDesktopAndUp3:1680,mediumDesktopAndUp4:1440,mediumDesktopAndUp5:1520,largeDesktop:1800,maxWidthAndUp:1900,wrapperMaxWidth:1920,extraLarge:2560},o={mobileAndUpMin:"(min-width: ".concat(a.mobileAndUpMin,"px)"),mobileAndUp:"(min-width: ".concat(a.mobileAndUp,"px)"),mobile1AndUp:"(max-width: ".concat(a.mobileAndUp-20,"px)"),mobileMax:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),smallMobileAndUp:"(min-width: ".concat(a.smallMobileAndUp,"px)"),smallMobileMax:"(max-width: ".concat(a.smallMobileAndUp,"px)"),smallMobileAndUpMax:"(max-width: ".concat(a.smallMobileAndUp+1,"px)"),smallMobileAndUpMin:"(min-width: ".concat(a.smallMobileAndUp+1,"px)"),smallMobileAndUpMax2:"(max-width: ".concat(a.smallMobileAndUp+5,"px)"),largeMobileAndUp:"(min-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax:"(max-width: ".concat(a.largeMobileAndUp,"px)"),largeMobileAndUpMax2:"(max-width: ".concat(a.largeMobileAndUp-2,"px)"),largeMobileAndUpMax3:"(max-width: ".concat(a.largeMobileAndUp-1,"px)"),largeMobileAndUpMin:"(min-width: ".concat(a.largeMobileAndUp-1,"px)"),largeMobileAndUp2:"(min-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max:"(max-width: ".concat(a.largeMobileAndUp2,"px)"),largeMobileAndUp2Max2:"(max-width: ".concat(a.tabletPortraitUp+34,"px)"),largeMobileMin:"(min-width: ".concat(a.tabletPortraitAndUp+1,"px)"),tabletPortraitUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitUp2:"(min-width: ".concat(a.tabletPortraitAndUp+16,"px)"),tabletPortraitUpMax1:"(max-width: ".concat(a.tabletPortraitAndUp-1,"px)"),tabletPortraitAndUp:"(min-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax:"(max-width: ".concat(a.tabletPortraitAndUp,"px)"),tabletPortraitAndUpMax2:"(max-width: ".concat(a.tabletPortraitAndUp+4,"px)"),tabletPortraitAndUpMax3:"(max-width: ".concat(a.tabletPortraitAndUp-12,"px)"),tabletPortraitAndUp2:"(min-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max:"(max-width: ".concat(a.tabletPortraitAndUp2,"px)"),tabletPortraitAndUp2Max2:"(max-width: ".concat(a.tabletPortraitAndUp2-1,"px)"),tabletPortraitMax:"(max-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMin:"(min-width: ".concat(a.tabletLandscapeAndUp-1,"px)"),tabletPortraitMax2:"(max-width: ".concat(a.tabletLandscapeAndUp-2,"px)"),tabletLandscapeAndUp:"(min-width: ".concat(a.tabletLandscapeAndUp,"px)"),tabletLandscapeAndUpMax:"(max-width: ".concat(a.tabletLandscapeAndUp,"px)"),desktopAndUp:"(min-width: ".concat(a.desktopAndUp,"px)"),desktopAndUpMax:"(max-width: ".concat(a.desktopAndUp,"px)"),desktopMin:"(min-width: ".concat(a.desktopAndUp+1,"px)"),desktopMax2:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop2Max:"(max-width: ".concat(a.desktopAndUp-1,"px)"),desktopMin2:"(min-width: ".concat(a.desktopAndUp+2,"px)"),desktopMin1:"(max-width: ".concat(a.desktopAndUp+1,"px)"),desktop1Min:"(min-width: ".concat(a.desktopMin1+1,"px)"),desktop2Min:"(min-width: ".concat(a.desktopAndUp-1,"px)"),desktopMax:"(max-width: ".concat(a.smallDesktopAndUp-1,"px)"),smallDesktopAndUp1:"(min-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp1Max:"(max-width: ".concat(a.smallDesktopAndUp1,"px)"),smallDesktopAndUp:"(min-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktopAndUpMax:"(max-width: ".concat(a.smallDesktopAndUp,"px)"),smallDesktop2Min:"(min-width: ".concat(a.smallDesktopAndUp+1,"px)"),smallDesktopAndUp2:"(min-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp2Max:"(max-width: ".concat(a.smallDesktopAndUp2,"px)"),smallDesktopAndUp3:"(min-width: ".concat(a.smallDesktopAndUp3,"px)"),smallDesktopAndUp4:"(max-width: ".concat(a.smallDesktopAndUp4,"px)"),smallDesktopAndUp3Max:"(max-width: ".concat(a.smallDesktopAndUp3,"px)"),mediumDesktopMin:"(min-width: ".concat(a.smallDesktopAndUp2+1,"px)"),mediumDesktopMin2:"(min-width: ".concat(a.mediumDesktopAndUp+1,"px)"),mediumDesktopAndUp:"(min-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUpMax:"(max-width: ".concat(a.mediumDesktopAndUp,"px)"),mediumDesktopAndUp2:"(min-width: ".concat(a.mediumDesktopAndUp2,"px)"),mediumDesktopAndUp2Max:"(max-width: ".concat(a.mediumDesktopAndUp2,"px)"),mediumDesktopAndUp3:"(min-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp3Max:"(max-width: ".concat(a.mediumDesktopAndUp3,"px)"),mediumDesktopAndUp4:"(min-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp4Min:"(min-width: ".concat(a.mediumDesktopAndUp4+1,"px)"),mediumDesktopAndUp4Max:"(max-width: ".concat(a.mediumDesktopAndUp4,"px)"),mediumDesktopAndUp5:"(min-width: ".concat(a.mediumDesktopAndUp5,"px)"),mediumDesktopAndUp5Max:"(max-width: ".concat(a.mediumDesktopAndUp5-1,"px)"),largeDesktopMax:"(min-width: ".concat(a.mediumDesktopAndUp3-1,"px)"),largeDesktopMax2:"(max-width: ".concat(a.mediumDesktopAndUp3-1,"px)"),largeDesktopMin:"(min-width: ".concat(a.mediumDesktopAndUp3+1,"px)"),largeDesktop:"(min-width: ".concat(a.largeDesktop,"px)"),maxWidthAndUp:"(min-width: ".concat(a.maxWidthAndUp,"px)"),maxWidthAndUpMax:"(max-width: ".concat(a.maxWidthAndUp,"px)"),wrapperMaxWidth:"(min-width: ".concat(a.wrapperMaxWidth,"px)"),wrapperMaxWidthMax:"(max-width: ".concat(a.wrapperMaxWidth-1,"px)"),wrapperMaxWidth2:"(min-width: ".concat(a.wrapperMaxWidth+1,"px)"),largeMobile460:"(max-width: ".concat(a.largeMobileAndUp-6,"px)"),minWidth1901:"(min-width: ".concat(a.maxWidthAndUp+1,"px)"),extraLargeMax:"(max-width: ".concat(a.extraLarge,"px)"),extraLargeMin:"(min-width: ".concat(a.extraLarge,"px)")}},25:function(e,n,t){"use strict";t.d(n,"a",(function(){return a}));var a={PowerReviewApi:"3783f7b5-5e6f-4da2-90ce-1a55c1fd02b2",Locale:"en_US",MerchantGroupId:"48814",ProductMerchantId:"445672",DealerMerchantId:"135036"}},32:function(e,n){e.exports=ReactDOM},34:function(e,n,t){"use strict";t.d(n,"a",(function(){return s}));var a=t(28),o=t(0),i=t.n(o),l=t(5),c=t(2),r=l.default.div.withConfig({displayName:"styles__View",componentId:"zfm3w6-0"})([".divider{width:100%;height:6px;@media screen and ","{height:8px;}@media screen and ","{height:10px;}}"],c.b.mediumDesktopMin,c.b.largeDesktopMin),s=function(e){return Object(a.a)(e),i.a.createElement(r,null,i.a.createElement("div",{className:"divider"},"\xa0"))}},466:function(e,n,t){"use strict";t.r(n);var a=t(22),o=t(88);n.default=a.a.create({component:o.a,configuration:{tagname:"amarr-product-details",useShadow:!1},plugins:[]})},52:function(e,n,t){"use strict";t.d(n,"a",(function(){return d}));var a=t(3),o=t(0),i=t.n(o),l=t(5),c=t(2),r=l.default.section.withConfig({displayName:"styles__Content",componentId:"sc-13lfbb6-0"})([".hide-icon{.circle{opacity:0 !important;}img{display:none;}}.play-pause-image:hover{.circle{background-color:var(--play-pause-bg-color);border-radius:50px;opacity:1;z-index:1;display:inline;}img{display:inline;}}.play-pause-image.pause:hover{.circle{background-color:var(--play-pause-bg-color-2);opacity:0.800000012 !important;}img{display:inline;}}.play-pause-image{.circle{background-color:var(--play-pause-bg-color-2);opacity:0.5;border-radius:50px;margin:auto;width:96px;height:96px;display:flex;align-items:var(--text-center);justify-content:var(--text-center);position:absolute;top:calc(50% - 47px);left:calc(50% - 47px);}.play-pause-icon{position:absolute;top:calc(50% - 47px);left:calc(50% - 47px);z-index:999;}@media screen and "," and ","{.circle,.play-pause-icon{width:80px;height:80px;top:calc(50% - 22px);left:calc(50% - 40px);}}@media screen and ","{.circle,.play-pause-icon{width:70px;height:70px;top:calc(50% - 10px);left:calc(50% - 35px);}}@media screen and "," and ","{.circle,.play-pause-icon{width:50px;height:50px;top:50%;left:calc(50% - 25px);}}@media screen and "," and ","{.circle,.play-pause-icon{width:40px;height:40px;top:calc(50% + 5px);left:calc(50% - 20px);}}}"],c.b.mediumDesktopMin,c.b.mediumDesktopAndUp3Max,c.b.smallDesktopAndUp2Max,c.b.tabletLandscapeAndUp,c.b.desktopAndUpMax,c.b.tabletPortraitAndUp,c.b.tabletPortraitMax),s=t(1),d=function(e){var n=e.item,t=e.showControls,l=Object(o.useRef)(null),c=Object(o.useState)(!1),d=Object(a.a)(c,2),m=d[0],p=d[1],u=Object(o.useState)(!1),g=Object(a.a)(u,2),b=g[0],h=g[1],x=function(){setTimeout((function(){h(!0)}),1e3)};return i.a.createElement(r,null,!t&&i.a.createElement("video",{ref:l,preload:"none",muted:!0,autoPlay:!0,loop:!0},i.a.createElement("source",{src:n.video.url})),t&&i.a.createElement(i.a.Fragment,null,i.a.createElement("video",{preload:"none",ref:l,onPlay:function(){p(!0),x(),l.current.controls=!0},onPause:function(){h(!1),p(!1),l.current.controls=!1},muted:!0,autoPlay:!0,loop:!0},i.a.createElement("source",{src:n.video.url})),i.a.createElement("span",null,i.a.createElement("a",{onClick:function(){var e,n;m?null===(e=l.current)||void 0===e||e.pause():(null===(n=l.current)||void 0===n||n.play(),x());p(!m),h(!1)},className:"".concat(m&&"pause"," ").concat(b&&"hide-icon"," play-pause-image")},i.a.createElement("div",{className:"circle"}),i.a.createElement("img",{loading:"lazy",src:m?Object(s.E)().concat("ic_pause.svg"):Object(s.E)().concat("ic_play.svg"),alt:m?"Pause Icon":"Play Icon",className:"play-pause-icon"})))))}},57:function(e,n,t){"use strict";t.d(n,"a",(function(){return l}));var a=t(0),o=t.n(a),i=t(5).default.div.withConfig({displayName:"styles__Brackets",componentId:"sc-675t4x-0"})(["#image_overlay_div{position:absolute;z-index:2;inset:",";display:block;}#image_wrapper_div{position:relative;&:hover{#hover-icon-top{top:-5%;right:-5%;}#hover-icon-bottom{left:-5%;bottom:-5%;}}}#hover-icon-top #hover-icon-bottom{height:3.125rem;width:3.125rem;border-right-width:1.25rem;border-top-width:1.25rem;}#hover-icon-top{height:3.125rem;width:3.125rem;border-width:1.25rem 1.25rem 0px 0px;position:absolute;right:0px;top:0px;border-style:solid;border-color:#0f96ea;transition-duration:0.3s;transition-timing-function:ease-in-out;transition-property:right,top;}#hover-icon-bottom{height:3.125rem;width:3.125rem;border-width:0px 0px 1.25rem 1.25rem;position:absolute;bottom:0px;left:0px;border-style:solid;border-color:#0f96ea;transition-duration:0.3s;transition-timing-function:ease-in-out;transition-property:left,bottom;}"],(function(e){var n=e.bracketsAlignment;return n?"".concat(n.top,"% ").concat(n.right,"% ").concat(n.bottom,"% ").concat(n.left,"%"):"0% 15% 0% 15%"})),l=function(e){var n=e.children,t=e.bracketsAlignment,a=e.showHide;return o.a.createElement(i,{bracketsAlignment:t},o.a.createElement("div",{id:"image_wrapper_div"},o.a.createElement("div",{id:"image_overlay_div",style:{display:a?"":"none"}},o.a.createElement("div",{id:"hover-icon-top"}),o.a.createElement("div",{id:"hover-icon-bottom"})),n))};n.b=l},6:function(e,n,t){"use strict";t.d(n,"a",(function(){return p}));var a=t(31),o=t(0),i=t.n(o),l=t(5),c=t(2),r=l.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),s=l.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(["font-size:var(--font-size-s1);font-family:var(--font-family-body);font-weight:var(--font-weight-semi-bold);font-stretch:var(--font-normal);font-style:var(--font-normal);line-height:1.5;letter-spacing:var(--font-normal);text-align:var(--text-center);color:var(--bg-main);padding:12px 19px 12px 20px;border-radius:var(--border-radius);background-color:var(--accent);box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:var(--accent-hover);color:var(--bg-main);}&:focus{transform:scale(1);box-shadow:none !important;background-color:var(--accent-focus);}&:active{background-color:var(--accent-active) !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:var(--text-color);background:var(--accent-inverse);&:hover{background:var(--accent-inverse-hover);}&:focus{background:var(--accent-inverse-focus);border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:var(--accent-inverse-active) !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media ","{font-size:var(--font-size-m1);}.button-icon{vertical-align:top;padding-right:8px;}"],c.b.smallDesktop2Min),d=t(30),m=t(29),p=function(e){var n=e.label,t=void 0===n?"label":n,o=e.classStyle,l=void 0===o?"default":o,c=e.link,p=void 0!==c&&c,u=e.disabled,g=void 0!==u&&u,b=e.datatoggle,h=void 0===b?"":b,x=e.datatarget,v=void 0===x?"":x,f=e.linkHref,w=e.target,y=void 0===w?"_self":w,E=e.downloadLink,k=void 0!==E&&E,O=e.inverse,N=void 0!==O&&O,j=e.icon,D=void 0===j?"":j,L=e.iconAlt,A=void 0===L?"":L,M=e.dataItemName,S=void 0===M?"":M,C=e.id,T=void 0===C?"":C,U=e.type,I=void 0===U?"button":U,_=e.showDisabledMessage,z=void 0===_?"":_,P=e.ariaLabel,H=void 0===P?"":P,W=Object(a.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage","ariaLabel"]);return i.a.createElement(r,null,i.a.createElement("div",{className:"".concat(g&&z&&"disabled-button-parent")},p?i.a.createElement("a",{href:f,download:k,target:y,"data-item-name":S,id:T,"aria-label":H},i.a.createElement(s,Object.assign({role:"none",disabled:g,classStyle:"".concat(l)},W,{type:I,className:N?"btn-inverse btn btn-success":"btn btn-success"}),""!=D?i.a.createElement("div",{"data-toggle":h,"data-target":v},i.a.createElement("img",{loading:"lazy",className:"button-icon",src:D,alt:A}),i.a.createElement("span",null,t)):i.a.createElement("span",null,t))):i.a.createElement(s,Object.assign({disabled:g,classStyle:l,className:N?"btn-inverse btn btn-success":"btn btn-success",id:T,"data-item-name":S,type:I,"data-toggle":h,"data-target":v},W),i.a.createElement("span",null,t)),g&&z&&i.a.createElement(d.a,{placement:"top",delay:{show:250,hide:250},overlay:i.a.createElement(m.a,{id:"button-tooltip"},i.a.createElement("div",{className:"p-1 amarr-h6"},z))},i.a.createElement("div",{className:"disabled-button-overlay"}))))}},70:function(e,n,t){"use strict";var a=t(3),o=t(0),i=t.n(o),l=t(1),c=t(7),r=t.n(c),s=t(53),d=t.n(s),m=t(6),p=t(14),u=t(13),g=t.n(u),b={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},h=t(12),x=t(5),v=t(2);function f(){var e=Object(h.a)(["\n      form {\n        display: flex;\n        margin: 1rem 0;\n        justify-content: center;\n        align-items: flex-start;\n      }\n\n      .document-wrapper {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 0;\n      }\n\n      .text-style-color {\n        color: var(--accent);\n      }\n\n      .text-style-description {\n        color: var(--complementary-hover-alt-5);\n      }\n\n      .button-style {\n        background-color: var(--accent);\n      }\n\n      .link-style {\n        color: var(--accent);\n      }\n\n      h5.text-style {\n        font-weight: var(--font-weight-semi-bold);\n      }\n\n      p.text-style-description,\n      .document-wrapper {\n        margin: 0 !important;\n      }\n\n      .searchable-list {\n        .accordion-wrapper {\n          margin-bottom: 40px;\n        }\n        .border-style {\n          &:last-child {\n            border: 0;\n          }\n\n          h5 {\n            padding: 0;\n            margin: 0;\n            h6 {\n              margin-top: 0.5rem;\n            }\n          }\n          p {\n            padding: 3px 0px 0px 0px;\n            &:last-child {\n              margin: 0;\n            }\n          }\n        }\n\n        .section-title {\n          margin-bottom: 10px;\n          font-weight: var(--font-weight-semi-bold);\n        }\n\n        .link-style-grouped {\n          line-height: 1.2em;\n        }\n      }\n\n      .text-style-heading {\n        font-weight: var(--font-weight-semi-bold);\n      }\n\n      .bottom-space {\n        margin-bottom: 20px;\n      }\n\n      .amarrHighlight {\n        color: var(--accent) !important;\n      }\n\n      .content-style {\n        display: flex;\n        justify-content: space-between;\n      }\n      input.form-control {\n        padding-left: 40px;\n        padding-right: 40px;\n      }\n\n      .search-icon {\n        position: absolute;\n        left: 9px;\n        top: 4px;\n      }\n      .close-icon {\n        position: absolute;\n        right: 1rem;\n        top: 5px;\n      }\n      .search-img {\n        width: 20px;\n      }\n\n      .download-icon-style {\n        cursor: pointer;\n        img {\n          transition: all ease 200ms;\n          &:hover {\n            transform: scale(1.2);\n          }\n        }\n      }\n\n      .search-box-parent {\n        margin-right: 1rem;\n        position: relative;\n        width: 50%;\n        display: block;\n        gap: 0.5rem;\n      }\n\n      .parent-searchable-div {\n        .accordion-expand {\n          display: inline;\n        }\n        .accordion-collapsed {\n          display: none;\n        }\n        &.show-icon {\n          .accordion-expand {\n            display: none;\n          }\n          .accordion-collapsed {\n            display: inline;\n          }\n        }\n\n        .accordion-expand,\n        .accordion-collapsed {\n          cursor: pointer;\n\n          @media "," {\n            width: 16px;\n          }\n        }\n      }\n\n      .link-style-grouped {\n        color: var(--accent) !important;\n      }\n\n      .search-form-container {\n        margin: 0px auto;\n        word-break: break-word;\n      }\n\n      .links {\n        font-weight: var(--font-weight-semi-bold);\n        color: var(--accent);\n      }\n      .initial-search-text {\n        display: block;\n        padding-top: 84px;\n        padding-bottom: 64px;\n        text-align: center;\n        margin-top: 1rem;\n      }\n      .search-form-container {\n        form {\n          margin: 54px 0px 0px;\n          padding-bottom: 0px;\n          @media screen and "," {\n            padding-bottom: 16px;\n          }\n        }\n      }\n      .accordion-section {\n        .heading-style {\n          margin: 40px 0px 10px 0px;\n        }\n      }\n      .border-style {\n        border-bottom: 1px solid var(--border-color-soft);\n        padding: 12px 0px;\n      }\n      .heading-style-top {\n        margin: 40px 0px 20px 0px;\n      }\n      h4 {\n        margin-bottom: 0px;\n      }\n\n      .section-heading-large > .grouped-docs ~ .grouped-docs {\n        padding-top: 28px;\n      }\n      .ctalist {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 1.5rem;\n      }\n      @media screen and "," {\n        .search-box-parent {\n          width: auto;\n        }\n        .accordion-section {\n          .heading-style {\n            margin: 20px 0px 5px;\n          }\n        }\n        .search-form-container {\n          form {\n            margin: 40px 0px 0px 0px;\n            padding-bottom: 0px;\n            justify-content: space-between;\n            .search-box-parent {\n              flex-grow: 2;\n            }\n          }\n        }\n        .form-style {\n          button {\n            line-height: 1.7;\n          }\n        }\n        input.form-control {\n          padding-left: 36px;\n          padding-right: 36px;\n        }\n        .search-icon,\n        .close-icon {\n          top: 6px;\n        }\n        .initial-search-text {\n          padding-top: 30px;\n          padding-bottom: 10px;\n        }\n      }\n\n      @media screen and "," and "," {\n        .border-style {\n          padding: 10px 0px;\n        }\n        .download-icon-style {\n          img {\n            max-width: 80%;\n          }\n        }\n        .search-img {\n          width: 18px;\n        }\n        input.form-control {\n          padding-left: 34px;\n          padding-right: 34px;\n        }\n      }\n      @media screen and "," and "," {\n        .search-icon,\n        .close-icon {\n          top: 6px;\n        }\n      }\n      @media screen and "," and "," {\n        .search-icon,\n        .close-icon {\n          top: 5px;\n        }\n      }\n      @media screen and "," and "," {\n        .search-icon,\n        .close-icon {\n          top: 4px;\n        }\n        .initial-search-text {\n          padding-top: 52px;\n          padding-bottom: 32px;\n        }\n      }\n      @media screen and "," and "," {\n        .accordion-section {\n          .heading-style {\n            margin: 40px 0px 8px 0px;\n          }\n        }\n        .heading-style-top {\n          margin: 40px 0px 18px 0px;\n        }\n        .download-icon-style {\n          img {\n            max-width: 90%;\n          }\n        }\n        input.form-control {\n          padding-left: 36px;\n          padding-right: 36px;\n        }\n        .search-icon {\n          left: 9px;\n          top: 6px;\n        }\n        .close-icon {\n          top: 6px;\n        }\n        .initial-search-text {\n          padding-top: 68px;\n          padding-bottom: 48px;\n        }\n      }\n      @media screen and "," {\n        .search-icon {\n          top: 10px;\n          left: 14px;\n        }\n        .close-icon {\n          top: 10px;\n        }\n        input.form-control {\n          padding-left: 44px;\n          padding-right: 44px;\n        }\n        .accordion-section {\n          .heading-style {\n            margin-top: 44px;\n          }\n        }\n        .heading-style-top {\n          margin-top: 44px;\n        }\n        .section-heading-large > .grouped-docs ~ .grouped-docs {\n          padding-top: 32px;\n        }\n        .border-style {\n          padding: 18px 0px;\n        }\n        .initial-search-text {\n          padding-top: 90px;\n          padding-bottom: 70px;\n        }\n      }\n\n      @media screen and "," {\n        .button-auto-height {\n          button.btn {\n            height: min-content;\n            white-space: break-spaces;\n            text-align: left;\n          }\n        }\n      }\n      @media screen and "," {\n        .no-result-text {\n          padding-top: 16px;\n        }\n      }\n\n      .grouped-document-heading-color{\n        color: var(--faq-container-heading-color) !important;\n      }\n\n      .sub-title-color {\n      color: var(--txt-color-sub-heading) !important;\n      }\n    "]);return f=function(){return e},e}var w=x.default.div.withConfig({displayName:"styles__Content",componentId:"nv4a8z-0"})(["",""],(function(e){var n;(null===(n=e.gradients)||void 0===n?void 0:n.visible)?e.theme.gradient:e.theme;return Object(x.css)(f(),v.b.mediumDesktopAndUp4Max,v.b.largeDesktopMin,v.b.mobileMax,v.b.tabletPortraitAndUp,v.b.smallDesktopAndUp2Max,v.b.tabletPortraitAndUp,v.b.desktop2Max,v.b.desktop2Min,v.b.desktopMin1,v.b.desktopMin2,v.b.smallDesktopAndUp2Max,v.b.mediumDesktopMin,v.b.smallDesktopAndUp2Max,v.b.largeDesktopMin,v.b.tabletPortraitMax,v.b.smallDesktopAndUp2Max)})),y=t(8),E=t(9),k=t(10),O={searchLabel:"",searchEmptyText:"",flexLayout:!1,searchResultsText:"",noResultText:"",disableSearch:!1,variation:"",categoryItems:[{highlightedTitle:"",highlightedTitleHeadingStyle:"",title:"",headingStyle:"",items:[{title:"",description:""}]}],docCategoryItems:[{title:"",headingStyle:"",documentItems:void 0}],groupedDocCategoryItems:[{title:"",headingStyle:"",items:[{title:"",headingStyle:"",documentItems:void 0}]}],documentSearchItems:[{title:"",headingStyle:"",items:[{title:"",items:[{path:"",extension:"",name:""}]}]}],ctaSectionList:void 0,bottomMargin:!1,listLeftAligned:!1},N=function(e){var n=g()({},O,Object(l.g)(e.content)),t=Object(o.useState)(""),c=Object(a.a)(t,2),s=c[0],u=c[1],h=Object(o.useState)(!1),x=Object(a.a)(h,2),v=x[0],f=x[1],N=Object(o.useState)({value:!0,message:n.searchResultsText}),j=Object(a.a)(N,2),D=j[0],L=j[1],A=Object(o.useState)({value:!1,message:""}),M=Object(a.a)(A,2),S=M[0],C=M[1],T=Object(o.useState)(!1),U=Object(a.a)(T,2),I=U[0],_=U[1],z=Object(o.useState)(!1),P=Object(a.a)(z,2),H=P[0],W=P[1];Object(o.useEffect)((function(){if(Object(l.F)().subscribe((function(e){f(e)})),n.disableSearch||n.searchEmptyText&&(n.searchEmptyText.length>20&&matchMedia("(max-width: 359px)").matches||n.searchEmptyText.length>30&&matchMedia("(max-width: 460px)").matches)&&W(!0),"faq"===n.variation){var e=document.getElementsByClassName("parent-searchable-div");e[0]&&(e[0].click(),e[0].classList.add("show-icon"))}}),[]);var F=n.categoryItems,$=[],R=[],Z=[],V=[],G=[],J=[],B=[],q=[];null===F||void 0===F||F.forEach((function(e,n){$[n]=e.title,J[n]=e.headingStyle,B[n]=e.highlightedTitle,q[n]=e.highlightedTitleHeadingStyle})),null===F||void 0===F||F.forEach((function(e,n){R[n]=e.items}));var K=Object(o.useState)(F),X=Object(a.a)(K,2),Y=X[0],Q=X[1],ee=Object(o.useState)(!1),ne=Object(a.a)(ee,2),te=ne[0],ae=ne[1],oe=n.docCategoryItems,ie=[],le=[],ce=[],re=[],se=[],de=[];null===oe||void 0===oe||oe.forEach((function(e,n){var t;le[n]=null===e||void 0===e?void 0:e.title,ie[n]=null===e||void 0===e?void 0:e.headingStyle,ce[n]=[],null===e||void 0===e||null===(t=e.documentItems)||void 0===t||t.forEach((function(e,t){ce[n][t]=e}))})),!te&&(null===oe||void 0===oe?void 0:oe.find((function(e){return e.title})))&&ae(!0);var me=Object(o.useState)(oe&&n.docCategoryItems),pe=Object(a.a)(me,2),ue=pe[0],ge=pe[1],be=n.groupedDocCategoryItems,he=Object(o.useState)(be&&n.groupedDocCategoryItems),xe=Object(a.a)(he,2),ve=xe[0],fe=xe[1],we=[],ye=[],Ee=[],ke=[],Oe=[],Ne=[],je=[],De=[];null===be||void 0===be||be.forEach((function(e,n){var t;we[n]=e.title,Ne[n]=e.headingStyle,ye[n]=[],Ee[n]=[],je[n]=[],null===e||void 0===e||null===(t=e.items)||void 0===t||t.forEach((function(e,t){ye[n][t]=e.title,je[n][t]=e.headingStyle,Ee[n][t]=e.documentItems}))}));var Le=function(e,n){e&&(Object(l.b)(),r.a.get(e,{responseType:"blob"}).then((function(e){return d.a.saveAs(e.data,n),Object(l.Z)(),e}),(function(e){Object(l.Z)()})).catch((function(e){Object(l.Z)()})))},Ae=n.documentSearchItems,Me=[],Se=[],Ce=[],Te=[],Ue=[],Ie=[];null===Ae||void 0===Ae||Ae.forEach((function(e,n){var t;Se[n]=null===e||void 0===e?void 0:e.title,Me[n]=null===e||void 0===e?void 0:e.headingStyle,Ce[n]=[],null===e||void 0===e||null===(t=e.items)||void 0===t||t.forEach((function(e,t){Ce[n][t]=e}))}));var _e=Object(o.useState)(Ae&&n.documentSearchItems),ze=Object(a.a)(_e,2),Pe=ze[0],He=ze[1],We=Object(o.useState)(!1),Fe=Object(a.a)(We,2),$e=Fe[0],Re=Fe[1],Ze=function(e){e.preventDefault();var t=s&&s.toLowerCase();"faq"===n.variation&&(t.length>0&&"faq"===n.variation?(G=[],R.forEach((function(e,n){G=[],e.forEach((function(e,n){-1===e.title.toLowerCase().indexOf(t)&&-1===e.description.toLowerCase().indexOf(t)||G.push(e)})),V[n]=G,V[n].length>0&&(Z[n]={title:V[n].length>0?$[n]:"",highlightedTitle:B[n],highlightedTitleHeadingStyle:q[n],headingStyle:J[n],items:V[n]})})),Z.length>0?C({value:!1,message:""}):C({value:!0,message:n.noResultText}),Q(Z)):(_(!1),C({value:!1,message:""}),Q(F))),"document"===n.variation&&(t.length>0?(ce.forEach((function(e,n){re=[],e.forEach((function(e,n){var a;((null===e||void 0===e?void 0:e.title)&&-1!==(null===e||void 0===e||null===(a=e.title)||void 0===a?void 0:a.toLowerCase().indexOf(t))||(null===e||void 0===e?void 0:e.description)&&-1!==(null===e||void 0===e?void 0:e.description.toLowerCase().indexOf(t)))&&re.push(e)})),se[n]=re,se[n].length>0&&(de[n]={title:le[n],headingStyle:ie[n],documentItems:se[n]})})),de.length>0?C({value:!1,message:""}):C({value:!0,message:n.noResultText}),ge(de)):(_(!1),C({value:!1,message:""}),ge(oe))),"grouped-document"===n.variation&&(L({value:!1,message:""}),t.length>0?(Ee.forEach((function(e,n){Oe[n]=[],e.forEach((function(e,a){De=[],e.forEach((function(e,n){var a,o;((null===e||void 0===e?void 0:e.title)&&-1!==(null===e||void 0===e||null===(a=e.title)||void 0===a?void 0:a.toLowerCase().indexOf(t))||(null===e||void 0===e?void 0:e.description)&&-1!==(null===e||void 0===e||null===(o=e.description)||void 0===o?void 0:o.toLowerCase().indexOf(t)))&&De.push(e)})),De.length>0&&(Oe[n][a]={title:ye[n][a],headingStyle:je[n][a],documentItems:De})})),Oe[n].length>0&&(ke[n]={title:we[n],headingStyle:Ne[n],items:Oe[n]})})),ke.length>0?C({value:!1,message:""}):C({value:!0,message:n.noResultText}),fe(ke)):(_(!1),C({value:!1,message:""}),fe(n.groupedDocCategoryItems))),"search"===n.variation&&(t.length>0?(L({value:!1,message:""}),Re(!0),Ce.forEach((function(e,n){Te=[],e.forEach((function(e,n){var a;(-1!==(null===e||void 0===e||null===(a=e.title)||void 0===a?void 0:a.toLowerCase().indexOf(t.toLowerCase()))||(null===e||void 0===e?void 0:e.description)&&-1!==(null===e||void 0===e?void 0:e.description.toLowerCase().indexOf(t)))&&(Te[n]=e)})),Ue[n]=Te,Ue[n].length>0&&(Ie[n]={title:Ue[n].length>0?Se[n]:"",headingStyle:Ue[n].length>0&&Me[n],items:Ue[n]})})),Ie.length>0?C({value:!1,message:""}):C({value:!0,message:n.noResultText}),He(Ie)):(_(!1),C({value:!1,message:""}),Re(!1),L({value:!0,message:n.searchResultsText})))},Ve=function(e){var n=e.target;n.parentElement.classList.contains("parent-searchable-div")&&(n.parentElement.classList.contains("show-icon")?n.parentElement.classList.remove("show-icon"):n.parentElement.classList.add("show-icon")),n.parentElement.parentElement.classList.contains("parent-searchable-div")&&(n.parentElement.parentElement.classList.contains("show-icon")?n.parentElement.parentElement.classList.remove("show-icon"):n.parentElement.parentElement.classList.add("show-icon"))};return i.a.createElement(y.a,{setter:{componentThemes:b,selectedTheme:e.theme}},i.a.createElement(E.a,null,i.a.createElement(k.a,{padding:!n.flexLayout},i.a.createElement(w,{isReversed:!1},n.docCategoryItems.length>0&&i.a.createElement("div",{className:n.listLeftAligned?"searchable-list":"container searchable-list"},v&&i.a.createElement(p.a,null),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:n.listLeftAligned?"col-12 search-form-container":n.flexLayout?"col-12 search-form-container inner-container":"col-12 col-xl-9 col-md-10 col-sm-11 search-form-container"},!n.disableSearch&&i.a.createElement("span",null,i.a.createElement("form",{className:"form-style"},i.a.createElement("div",{className:"search-box-parent"},i.a.createElement("div",{className:"search-icon"},i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ic-search-light.svg"),alt:"Seacrh Icon",className:"search-img"})),i.a.createElement("input",{type:"text",name:"search",placeholder:n.searchEmptyText,className:"form-control",value:s,onChange:function(e){u(e.target.value),""!==e.target.value?_(!0):(_(!1),C({value:!1,message:""}),"faq"===n.variation&&Q(F),"document"===n.variation&&ge(oe),"grouped-document"===n.variation&&fe(n.groupedDocCategoryItems))},onKeyDown:function(e){13==e.keyCode&&(e.preventDefault(),Ze(e))},title:"search"}),I&&i.a.createElement("span",{className:"close-icon"},i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ic-close.svg"),alt:"Search Icon",onClick:function(e){""!==s&&(u(""),_(!1),C({value:!1,message:""}),"faq"===n.variation&&Q(F),"document"===n.variation&&ge(oe),"grouped-document"===n.variation&&fe(n.groupedDocCategoryItems),"search"===n.variation&&L({value:!0,message:n.searchResultsText}))}}))),i.a.createElement(m.a,{label:Object(l.i)(n.searchLabel),inverse:!1,onClick:Ze})),!0===H&&i.a.createElement("div",{className:"body-text3 d-block d-sm-none"},n.searchEmptyText),"search"===n.variation&&D.value&&i.a.createElement("div",null,i.a.createElement("div",{className:"initial-search-text"},D.message))),S.value&&i.a.createElement("div",{className:"body-text2 no-result-text"},S.message),i.a.createElement("div",{className:"".concat(!1===te&&"document"===n.variation&&"my-3"," results accordion accordion-wrapper"),id:"search-accordian"},"faq"===n.variation&&F&&F.length>0&&Y&&Y.length>0&&Y.map((function(e,t){return i.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&(e.highlightedTitle&&e.highlightedTitleHeadingStyle?i.a.createElement(e.headingStyle,{className:"heading-style  "},i.a.createElement("span",{className:"amarrHighlightBold amarr-".concat("capitalize"===e.highlightedTitleHeadingStyle?" text-style-uppercase ":e.highlightedTitleHeadingStyle)},e.highlightedTitle)," ",i.a.createElement("span",{className:"sub-title-color"},e.title)):i.a.createElement(e.headingStyle,{className:"heading-style "},e.title)),e.headingStyle&&e.title&&"capitalize"===e.headingStyle&&e.title&&(e.highlightedTitle?i.a.createElement("div",{className:"heading-style text-style-uppercase ".concat("document"===n.variation?"amarrHighlight":"")},i.a.createElement("span",{className:"amarrHighlightBold amarr-h1"},e.highlightedTitle)," ",i.a.createElement("span",{className:"sub-title-color"},e.title)):i.a.createElement("div",{className:"heading-style text-style-uppercase ".concat("document"===n.variation?"amarrHighlight":"")},e.title)),e.items.map((function(e,n,a){return i.a.createElement("div",{key:n,className:"border-style parent-searchable-div"},i.a.createElement("h2",{"data-toggle":"collapse","data-target":"#collapse".concat(t).concat(n),"aria-expanded":"true","aria-controls":"collapse".concat(t).concat(n),className:"text-style content-style amarr-h5 m-0 p-0",id:"toggle-list".concat(t).concat(n),onClick:Ve,onDoubleClick:Ve},i.a.createElement("span",{className:"text-style-heading"},e.title),i.a.createElement("img",{loading:"lazy",className:"accordion-expand",src:Object(l.E)().concat("ic-add-accordian.svg"),alt:"expanded icon"}),i.a.createElement("img",{loading:"lazy",className:"accordion-collapsed",src:Object(l.E)().concat("ic-minus-accordian.svg"),alt:"collapsed icon"})),i.a.createElement("p",{id:"collapse".concat(t).concat(n),className:"".concat(0===t&&0===n?"collapse show":"collapse"," text-style-description body-text2"),"data-parent":"#search-accordian",dangerouslySetInnerHTML:{__html:e.description}}))})))})),"grouped-document"===n.variation&&ve&&ve.map((function(e,n){return i.a.createElement("div",{className:"section-heading-large",key:n},e.headingStyle&&"capitalize"!==e.headingStyle&&i.a.createElement(e.headingStyle,{className:"heading-style-top grouped-document-heading-color"},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&i.a.createElement("div",{className:"heading-style-top text-style-uppercase grouped-document-heading-color"},e.title),e.items&&e.items.map((function(e,t,a){var o;return i.a.createElement("div",{className:"grouped-docs",key:t},e.headingStyle&&"capitalize"!==e.headingStyle&&i.a.createElement(e.headingStyle,{className:"heading-style-grouped"},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&i.a.createElement("div",{className:"heading-style-grouped text-style-uppercase "},e.title),null===e||void 0===e||null===(o=e.documentItems)||void 0===o?void 0:o.map((function(e,a,o){return i.a.createElement("div",{key:a,className:"border-style"},i.a.createElement("div",{className:"document-wrapper"},i.a.createElement("h3",{className:"text-style amarr-h5 m-0 p-0"},i.a.createElement("a",{className:"link-style-grouped",href:e.path,target:"_blank","aria-label":e.title},e.title)),i.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,o){return i.a.createElement("span",{key:o,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("xls.svg"),alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"pptx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ppt.svg"),alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svg"),alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(o)}))})))),i.a.createElement("p",{className:"text-style-description body-text2"},e.description),i.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,o){return i.a.createElement("span",{key:o,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svgth"),alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("xls.svg"),alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"pptx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ppt.svg"),alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(o)}))}))))})))})))})),"document"===n.variation&&oe&&oe.length>0&&ue&&ue.length>0&&ue.map((function(e,t){return i.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&i.a.createElement(e.headingStyle,{className:"heading-style "},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&e.title&&i.a.createElement("div",{className:"heading-style text-style-uppercase ".concat("document"===(null===n||void 0===n?void 0:n.variation)?"amarrHighlight":"")},e.title),e.documentItems&&e.documentItems.map((function(e,n,a){return i.a.createElement("div",{className:"border-style",key:n},i.a.createElement("div",{className:"document-wrapper"},i.a.createElement("h3",{className:"text-style text-style-color amarr-h5 m-0 p-0"},i.a.createElement("a",{className:"link-style",href:e.path,target:"_blank","aria-label":e.title},e.title)),i.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,a){return i.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svg"),alt:"dxf icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("xls.svg"),alt:"xlsx icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"pptx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ppt.svg"),alt:"pptx icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n," - ").concat(a)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}))})))),e.description&&i.a.createElement("p",{className:"text-style-description body-text2"},e.description),i.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,a){return i.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svg"),alt:"dxf icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("xls.svg"),alt:"xlsx icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"pptx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ppt.svg"),alt:"pptx icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t," - ").concat(n,"--").concat(a)}))}))))})))})),"search"===n.variation&&i.a.createElement(i.a.Fragment,null,!D.value&&i.a.createElement("div",{className:"search-variation-section"},$e&&Pe&&Pe.length>0&&Pe.map((function(e,t){return i.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&i.a.createElement(e.headingStyle,{className:"heading - style"},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&e.title&&i.a.createElement("div",{className:"heading - style text - style - uppercase ".concat("document"===n.variation?"amarrHighlight":"")},e.title),e.items&&e.items.map((function(e,n,a){return i.a.createElement("div",{className:"border-style",key:n},i.a.createElement("div",{className:"document-wrapper"},i.a.createElement("h3",{className:"text-style text-style-color amarr-h5 m-0 p-0"},i.a.createElement("a",{className:"link-style",href:e.path,target:"_blank","aria-label":e.title},e.title)),i.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,a){return i.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svg"),alt:"dxf icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("xls.svg"),alt:"xlsx icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"pptx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("ppt.svg"),alt:"pptx icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name," - ").concat(e.extension,"--").concat(t," - ").concat(n," - ").concat(a)}))})))),e.description&&i.a.createElement("p",{className:"text-style-description body-text2"},e.description),i.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,a){return i.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return Le(e.path,e.name)},tabIndex:0,role:"button"},"pdf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("pdf.svg"),alt:"pdf icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"dwg"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dwg.svg"),alt:"dwg icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"dxf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("dxf.svg"),alt:"dxf icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"rfa"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"rfa icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"skp"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("skp.svg"),alt:"skp",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"doc"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("doc.svg"),alt:"doc",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"docx"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("docx.svg"),alt:"docx",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"rtf"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("rtf.svg"),alt:"rtf",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"bim"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("bim.svg"),alt:"bim icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"mp3"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("mp3.svg"),alt:"mp3 icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}),"wmv"===e.extension&&i.a.createElement("img",{loading:"lazy",src:Object(l.E)().concat("wmv.svg"),alt:"wmv icon",id:"".concat(e.name," - ").concat(e.extension," - ").concat(t,"--").concat(n," - ").concat(a)}))}))))})))})),$e&&n.ctaSectionList&&n.ctaSectionList.length>0&&n.ctaSectionList.map((function(e,n){return i.a.createElement("div",{key:n,className:"accordion-section"},i.a.createElement("h2",{className:"heading-style"},e.ctaHeading),i.a.createElement("span",{className:"ctalist"},e.ctaItems&&e.ctaItems.map((function(e,n){return i.a.createElement(i.a.Fragment,null,e.isInternal&&i.a.createElement("a",{className:"links mr-3",href:e.url,target:e.linkAction,"aria-label":e.label},e.label),!e.isInternal&&"_self"===e.cta.linkAction&&i.a.createElement("a",{href:e.url,target:e.linkAction,"aria-label":e.label},e.label),!e.isInternal&&"_blank"===e.linkAction&&i.a.createElement("a",{href:e.url,target:e.linkAction,rel:"noopener","aria-label":e.label},e.label))}))))})))),"search"!==n.variation&&n.ctaSectionList&&n.ctaSectionList.length>0&&n.ctaSectionList.map((function(e,t){return i.a.createElement("div",{key:t,className:"accordion - section ".concat(("faq"===n.variation||"grouped-document"===n.variation||"document"===n.variation)&&"mt-4")},e.ctaHeading&&i.a.createElement("h2",{className:"heading-style"},e.ctaHeading),i.a.createElement("span",{className:"ctalist"},e.ctaItems&&e.ctaItems.length>0&&e.ctaItems.map((function(e,n){return i.a.createElement("div",{className:"".concat(e.label.length>25&&"button-auto-height"),key:n},""!=e.label&&i.a.createElement(m.a,{label:Object(l.i)(e.label),link:!0,linkHref:e.url}))}))))}))))))))))};N.defaultProps={theme:"",content:""};n.a=N},71:function(e,n,t){"use strict";t.d(n,"a",(function(){return m}));var a=t(28),o=t(0),i=t.n(o),l=t(5),c=(t(42),l.default.div.withConfig({displayName:"styles__View",componentId:"sc-1kfrocl-0"})([".loader{text-align:var(--text-center);div{align-items:var(--text-center);}}"])),r=t(33),s=t.n(r),d=t(1),m=function(e){return Object(a.a)(e),i.a.createElement(c,null,i.a.createElement("div",{className:"d-flex justify-content-center loader"},i.a.createElement("div",{className:"d-flex"},i.a.createElement(s.a,{type:"Oval",color:Object(d.H)(),height:100,width:100}))))}},8:function(e,n,t){"use strict";t.d(n,"a",(function(){return l}));var a=t(5),o=t(0),i=t.n(o),l=function(e){var n=e.setter,t=n.componentThemes,o=n.selectedTheme;return i.a.createElement(a.ThemeProvider,{theme:function(){if(!o)return t.theme1;var e=o.match(/\d+/g).map(Number),n=Object.keys(t).find((function(n){return!(!Array.isArray(e)||1!==e.length)&&(n.includes(e[0])&&t[n])}));return n?t["".concat(n)]:t.theme1}},e.children)};n.b=l},88:function(e,n,t){"use strict";var a=t(27),o=t.n(a),i=t(35),l=t(3),c=t(0),r=t.n(c),s=t(7),d=t.n(s),m=t(6),p=t(13),u=t.n(p),g={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},b=t(12),h=t(5),x=t(2),v=t(1);function f(){var e=Object(b.a)(["\n        \n        \n.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-header-intro .pr-headline {font-size: var(--font-size-h5) !important;}\n// Door Details\n\n.slider-image {\n    width: 1091px;\n    object-fit:cover;\n}\n.slick-slider-container{\n    width: 90% !important;\n}\n\n@media screen and "," {\n    .slick-slider-container {\n        width: 100% !important;\n    }\n}\n\n.door-details {\n    .border-b {\n        border-bottom: 1px solid var(--border-color);\n    }\n\n    .door-active {\n        border-radius: var(--border-radius);\n        border: solid 4px var(--border-color-active) !important;\n    }\n\n    button {\n        cursor: pointer;\n    }\n\n    ul {\n        margin: 0;\n        flex-wrap: wrap;\n        \n        li {\n            list-style: none;\n        }\n    }\n\n    .door-text {\n        margin-top: 10px;\n        display: block;\n        color: var(--text-color);\n    }\n\n    .p-w-r {\n        .pr-snippet-read-and-write  {\n            margin: 0;\n\n            a {\n                color: var(--accent);\n                text-decoration: none !important;\n                font-weight: var(--font-weight-semi-bold);\n            }\n        }\n    }\n\n    .slick-slider-custom {\n        @media screen and ","{\n            border-bottom: 1px solid var(--border-color);\n            padding-bottom: 20px;\n            margin-bottom: 20px;\n        }\n    }\n\n    .img-container {\n        background-color: var(--bg-main);\n        border-radius: var(--border-radius);\n        border: solid 1px var(--border-color);\n        width: 240px;\n        min-height: 180px;\n        /* height: 180px; */\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .modal {\n        padding: 0;\n\n        &-header {\n            padding: 0px;\n            border: 0px;\n        }\n\n        &-body {\n            padding: 36px;\n        }\n\n        .close {\n            margin: 0px;\n            position: absolute;\n            top: 3%;\n            right: 3%;\n            @media screen and ","{\n                top: 1%;\n            }\n        }\n\n        &-dialog {\n            &-centered {              \n                align-items: center;\n                display: flex;\n                justify-content: center;\n            }\n            @media screen and "," {\n                height: 100%;\n            }\n        }\n    }\n\n    .pr-snippet-stars-reco-reco {\n        display: none;\n    }\n}\n\n// Door header\n\n.door-header {\n    &-share-icons {\n\n        img {\n            max-width: 30px;\n            cursor: pointer;\n            &:not(:first-child) {\n                margin-left: 20px;\n            }\n        }\n    }\n}\n.new-icon {\n    padding: 5px 16px 5px 16px;\n    background-color: var(--bg-symbol);\n    font-weight: var(--font-weight-semi-bold);\n    margin-left: 10px;\n    margin-right: 10px;\n    text-transform: uppercase;\n    cursor: pointer;\n    @media screen and ","{\n        padding: 4px 14px 4px 14px;\n    }\n    @media ","{\n        padding: 3px 10px 3px 10px;\n        font-size: var(--font-size-s1);\n    }\n    @media screen and "," and ","{\n        padding: 4px 11px 4px 11px;\n    }\n}\n/* .door-header-power-reviews{\n    @media screen and ","{\n        border-bottom: 1px solid var(--border-color);\n    }\n} */\n\n#campaign_price{\n    color:var(--accent);\n}\n\n// Panel design\n.panel-design {\n    &-container {\n        // gap: 10px 2%;\n        // row-gap: 10px;\n    }\n\n    &-item {\n        text-align: var(--text-center);\n        border-radius: var(--border-radius);\n        background-color: var(--bg-main);\n        position: relative;\n        /* padding-bottom: 10px; */\n        max-width: 140px;\n\n        @media "," {\n            max-width: 100px;\n        }\n\n        @media "," and (max-width: 1279px) {\n            max-width: 90px;\n        }\n\n        .action-item {\n            max-width: 136px;\n            /* max-height: 98px; */\n            border: solid 1px var(--border-color);\n            padding: 13px;\n            cursor: pointer;\n            border-radius: var(--border-radius);\n            max-height: 90px;\n\n            @media "," {\n                max-height: 120px;\n            }\n\n            @media "," {\n                max-width: 100px;\n                padding: 10px;\n            }\n\n            @media "," and (max-width: 1279px) {\n                max-width: 84px;\n                padding: 6px;\n            }\n        }\n    }\n\n    &-block-text {\n        margin: 0;\n        margin-top: 6px;\n    }\n\n    &-more-items {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        display: inline-flex;\n        margin-top: 6px;\n        top: -17%;\n        left: 0;\n        background-color: var(--white-t-70);\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n    }\n\n    &-less-items {\n        color: var(--accent);\n        cursor: pointer;\n    }\n\n    .more-item-container {\n        min-height: 30px;\n    }\n\n    // colors \n\n    .door-color {\n        padding: 0px;\n        border: 0;\n        width: 65px;\n        height: 65px;\n        background-color: var(--dark-grey1);\n        display: inline-block;\n        border-radius: 50%;\n        @media screen and "," {\n            width: 60px;\n            height: 60px;\n        }\n        @media screen and ","{\n            width: 80px;\n            height: 80px;\n        }\n    }\n}\n.panel-design-container > * {\n    margin: 10px 10px 0px ;\n}   \n.panel-design-container {\nmargin: -10px 0 0 0px;\n}\n\n.cta-list > * {\n    margin: 20px 0 0 0px;\n}\n.cta-list{\n    margin: 0px 0 0 0px; \n}\n.panel-design-item/*:not(:last-child)*/ {\n    margin-right: 1%;\n}\n.panel-design.window-panel {\n    .panel-design-container .panel-design-item{\n        display: flex;\n        flex-direction: column;\n        .window {\n            border: 1px solid var(--border-color);\n                border-radius: var(--border-radius);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                flex-grow: 2;\n            img{\n                font-size: var(--font-size-xs1);\n            }\n        }\n        .action-item{\n            border: 0px;\n            border-radius: 0px;\n        }\n    }\n    .panel-design-item.more-item-container{\n        .panel-design-block-text{\n            opacity: 0;\n        }\n        .panel-design-more-items{\n            top: -25%;\n            @media screen and "," and (max-width: 1025px) {\n                top: -30%;\n            }\n            @media screen and ","{\n                top: -23%;\n            }\n        }\n    }\n    .unavailable {\n        height: 68%;\n        .panel-un-icon.unavailable-icon img{\n            width: 30%;\n        }\n        @media screen and "," and (max-width: 1025px) {\n            height: 60%;\n            .panel-un-icon.unavailable-icon img{\n                width: 26%;\n            }\n        }\n    }\n}\n.unavailable-img{\n    .door-color, .action-item {\n        opacity: 0.5;\n    }\n}\n.unavailable{\n    // background-color: var(--white-t-70);\n    position: absolute;\n    height: 81%;\n    width: 100%;\n    top: 0px;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n    cursor: pointer;\n    @media screen and "," and (max-width: 1025px){\n        height: 78%;\n    }\n    .unavailable-icon{\n        height: 100%;\n        width: 100%;\n        align-items: center;\n        justify-content: center;\n        vertical-align: middle;\n        display: flex;\n    }\n    .color-un-icon.unavailable-icon{\n        max-width: 44%;\n    }\n    .panel-un-icon.unavailable-icon{\n        img{\n            width: 41%;\n        }\n    }\n}\n.color-unavailable{\n    height: 66px;\n    width: calc(100%);\n    @media screen and "," {\n        height: 62px;\n    }\n    @media screen and ","{\n        height: 82px;\n    } \n}\n.color-circle{\n    max-width: 10%!important;\n    flex: 0 0 10%;\n    @media screen and ","{\n        max-width: 20%!important;\n        flex: 0 0 20%;\n    }\n    @media screen and "," and ","{\n        max-width: 8.5%!important;\n        flex: 0 0 8.5%;\n    }\n    @media screen and "," and ","{\n        max-width: 12%!important;\n        flex: 0 0 12%;\n    }\n    @media screen and (min-width: 1023px) and (max-width: 1025px){\n        max-width: 14%!important;\n        flex: 0 0 14%;\n      }\n}\n.color-design-more-items{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: var(--white-t-70);\n    cursor: pointer;\n    margin-bottom: 0px;\n    height: 100%;\n    width: 100%;\n}\n.door-details-li{\n    ul {\n        margin-left: 1rem;\n        margin-bottom: 1rem;\n        li {\n            list-style: disc !important;\n        }\n    }\n}\n//order header starts\n.order-header-data{\n    ul {\n        margin-left: 1rem;\n        margin-bottom: 1rem;\n        b {\n            font-weight: var(--font-weight-semi-bold);\n        }\n        li{\n            list-style: disc;\n        }\n      }\n      @media screen and "," {\n        ul {\n          margin-left: 1.5rem;\n        }\n      }\n}\n// order header ends\n//overview starts\n.specification{\n    /* border: 1px solid var(--border-color); */\n    border-radius: var(--border-radius);\n    padding: 0px 1px;\n    margin-left: 0px;\n    margin-bottom: 1.5rem;\n    .table td, .specification.table th{\n        border: 0;\n    }\n    .table-striped tbody tr:nth-of-type(odd) {\n        background-color: var(--grey);\n    }\n    .table{\n        margin-bottom: 0px;\n        border: 1px solid var(--border-color);\n        width: auto;\n        white-space: nowrap;\n\n        thead th {\n            border-bottom: 0 !important;\n        }\n\n        td, th {\n            border-top: 0 !important;\n            width: 15vw;\n            white-space: pre-wrap;\n            @media screen and ","{\n                width: auto;\n            }\n        }\n    }\n}\n.overview-content{\n    padding-bottom: 20px;\n}\n.features-container{\n    display: flex;\n    gap: 24px;\n    flex-wrap: wrap;\n    @media screen and ","{\n        gap: 10px;\n    }\n    @media screen and "," and ","{\n        // gap: 20px;\n    }\n    @media screen and ","{\n        overflow-x: scroll;\n        flex-wrap: nowrap;\n    }\n    .image-text-container{\n        max-width: 180px;\n        .image-container{\n            max-width: 180px;\n            border: 1px solid var(--border-color);\n            border-radius: var(--border-radius);\n            padding: 10px;\n            cursor: pointer;\n            max-height: 100px;\n        }\n        @media screen and ","{\n            max-width: 105px;\n            .image-container{\n                max-width: 105px;\n                padding: 4px;\n            }\n        }\n        @media screen and ","{\n            max-width: 140px;\n            .image-container{\n                max-width: 140px;\n            }\n        }\n        @media screen and "," and ","{\n            max-width: 124px;\n            .image-container{\n                max-width: 124px;\n            }\n        }\n        \n    }\n}\n\n.overview-features {\n    display: flex;\n    // gap: 24px;\n    flex-wrap: wrap;\n\n    @media screen and ","{\n        // gap: 10px;\n        flex-direction: column;\n    }\n\n    @media screen and "," and ","{\n        // gap: 20px;\n    }\n\n    .feature-item {\n        flex: 1 1 10%;\n        max-width: 10%;\n\n        @media screen and (min-width: 720px) and ","{\n            flex: 1 1 16%;\n            max-width: 16%;\n        }\n\n        @media screen and ","{\n            flex: 1 1 100%;\n            max-width: 100%;\n        }\n\n        &-img-container {\n            border: 1px solid var(--border-color);\n            border-radius: var(--border-radius);\n            padding: 10px;\n            cursor: pointer;\n            max-height: 100px;\n            min-height: 100px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            img {\n                max-height: 70px;\n            }\n\n            @media screen and "," {\n                max-height: 140px;\n                min-height: 140px;\n                img {\n                    max-height: 100px;\n                }\n            }\n\n            @media screen and "," {\n                max-height: inherit;\n                min-height: inherit;\n                img {\n                    max-height: inherit;\n                }\n            }\n        }\n\n    }\n    .feature-item:not(:last-child) {\n        margin-right: 24px;\n        @media screen and ","{\n            margin-right: 10px;\n        }\n    }\n}\n.modal {\n    &-dialog {\n        max-width: 65%;\n        @media screen and ","{\n          max-width: 100%;\n        }\n        @media screen and "," {\n            height: 100%;\n        }\n    }\n  &-header,\n  &-body,\n  &-footer {\n    padding: 0px 36px 0px 36px;\n    border: 0;\n    @media screen and ","{\n      padding: 0px 20px 0px 20px;\n    }\n  }\n  &-body{\n    padding-bottom: 36px;\n    @media screen and ","{\n      padding-bottom: 20px;\n    }\n  }\n  &-header{\n    padding-top: 8px;\n  } \n}\n\n.button-div{\n  display: flex;\n  gap: 24px;\n}\n//overview ends\n// design options starts\n.design-options {\n    .door-img-container {\n        max-width: 271px !important;\n    }\n\n    .panel-design {\n        .door-color {\n            cursor: auto;\n        }\n    }\n\n    .box_container{\n        background-color: var(--box-container-bg);\n        display: inline-flex;\n        gap: 56px;\n        padding: 19px;\n    }\n}\n\n.door-style {\n    .door-img-container {\n        max-width: 190px !important;\n        gap: 2%;\n    }\n\n    #door-style {\n        .door-img-container {\n            max-width: 100% !important;\n        }\n    }\n\n    .sub-tabs {\n        box-shadow: none;\n        border: 0;\n    }\n\n    .tab-content {\n        padding: 0;\n    }\n\n    .tab-heading .nav-tabs li {\n        padding-top: 0;\n    }\n}\n\n.mosaic-tile{\n    display: flex;\n    flex-direction: column;\n    .door-img-container{\n        flex-grow: 2;\n    }\n}\n\n.brochures-installation {\n\n    .door-image-block {\n        // gap: 20px 1%;\n\n        li {\n            flex: 0 0 20%;\n            max-width: calc(20% - 20px);\n            @media screen and "," {\n                flex: 0 0 calc(50% - 10px);\n                max-width: calc(50% - 10px);\n            }\n        }\n    }\n\n    .door-img-container {\n        max-width: 100% !important;\n        height: 250px !important;\n        img {\n            border-radius: var(--border-radius);\n            max-height: 230px;\n        }\n        @media screen and ","{\n            height: 170px !important;\n            img{\n                max-height: 162px;\n            }\n        } \n        \n    }\n\n    .door-text {\n        word-break: break-word;\n    }\n}\n\n.accessory-container {\n    .img-container {\n        img {\n            border-radius: var(--border-radius);\n        }\n    }\n}\n\n.door-image-block {\n    display: flex;\n    // gap: 1%;\n    flex-wrap: wrap;\n\n    .door-img-container {\n        max-width: 140px;\n        height: auto;\n        border-radius: var(--border-radius);\n        border: solid 1px var(--border-color);\n        background-color: var(--bg-main);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px;\n    }\n}\n.brochures-installation {\n    .door-image-block > * {\n        margin: 20px 0 0 0px;\n    }   \n    .door-image-block {\n        margin: -20px 0 0 0px;\n    }\n    .brochure-image-container:not(:last-child) {\n        margin-right: 20px;\n    }\n}\n\n\n.image-text-li-container:not(:last-child), .mosaic-tile:not(:last-child) {\n    margin-right: 1%;\n}\n.design-options-container{\n    // gap: 5px 1.25%;\n    @media screen and (max-width:1025px){\n        // gap:5px 2%;\n    }\n}\n.design-options-container > * {\n    margin: 12px 0 0 0px;\n}   \n.design-options-container {\n    margin: -12px 0 0 0px;\n    .panel-design-item/*:not(:last-child)*/ {\n        margin-right: 1%;\n    }\n}\n.color-circle-tab{\n    position: relative;\n    max-width: 5%!important;\n    flex: 0 0 5%;\n    .unavailable{\n        height: 84px;\n    }\n    @media screen and "," {\n        .unavailable{\n            height: 68px;\n        }\n    }\n    @media screen and ","{\n        max-width: 20%!important;\n        flex: 0 0 20%;\n    }\n    @media screen and "," and ","{\n        max-width: 8.5%!important;\n        flex: 0 0 8.5%;\n    }\n    @media screen and "," and (max-width: 1199px){\n        max-width: 5.8%!important;\n        flex: 0 0 5.8%;\n    }\n    @media screen and "," and ","{\n        max-width: 5.5%!important;\n        flex: 0 0 5.5%;\n        .unavailable{\n            height: 64px;\n        }\n    }\n   \n}\n.image-text-li-container{\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    .door-img-container{\n        flex-grow: 2;\n        max-height: 180px;\n        img{\n            max-height: 100%;\n        }\n\n        @media"," and "," {\n            max-height: 80px;\n\n            img {\n                max-height: 60px;\n            }\n        }\n        @media screen and (max-width: 990px) {\n            img {\n                max-height: 160px;\n            }\n        }\n    }\n}\n// design options ends\n// Drawings starts\n.details-searchable-list{\n    .searchable-list .accordion-wrapper{\n        margin-bottom: 0px;\n    }\n    .accordion-section .heading-style, .accordion-wrapper .heading-style-top{\n        margin: 10px 0px 2px 0px;\n    }\n    .border-style {\n        padding: 5px 0px 12px;\n    }\n    @media screen and ","{\n        .border-style {\n            padding: 10px 0px 14px 0px;\n        }\n    }\n    @media screen and ","{\n        .border-style {\n            padding: 3px 0px 10px;\n        }\n    }\n    @media screen and ","{\n        .accordion-section .heading-style, .accordion-wrapper .heading-style-top {\n            margin: 10px 0px 4px 0px;\n        }\n    }\n    @media screen and ","{\n        .accordion-section .heading-style, .accordion-wrapper .heading-style-top {\n            margin: 16px 0px 4px 0px;\n        }\n        .border-style {\n            padding: 6px 0px 13px;\n        }\n    }\n}\n// Drawing ends\n/* door dtails gallery slider */\n.slick-slider-custom-gallery {\n    padding-bottom: 2vh !important;\n\n    .slick {\n        &-slider {\n            padding: 0;\n            background: var(--bg-main);\n        }\n\n        &-list {\n            img , video {\n                // margin: 0;\n                max-height: 350px;\n            }\n        }\n    }\n    .slick-list {\n        background: none;\n    }\n    .nav-slider{\n        img , span:video{\n            cursor: pointer;\n            border-radius: var(--border-radius);\n        }\n        .slick-slide{\n            padding-right: 8px;\n            padding-left: 8px;\n        }\n        .slick-slide:last-child {\n            padding-right: 0px;\n        }\n        .slick-slide:first-child {\n            padding-left: 0px;\n        }\n        .slick-slide.slick-current {\n            img , video{\n                border-radius: var(--border-radius) !important;\n                border: 4px solid var(--border-color-active);\n            }\n        }  \n    }\n}\n.slick-slider-custom.slick-slider-custom-gallery .slick-slide{\n    justify-content: start;\n}\n.slick-list{\n    background: var(--grey);\n    border-radius: var(--border-radius);\n}\n.slick-track {\n    display: flex;\n}\n.slick-initialized .slick-slide{\n    display: flex;\n    height: auto;\n}\n.slick-slider-custom .slick-slide {\n    justify-content: center;\n    align-items: center;\n    position: relative;\n}\n.slick-slider-custom.slick-slider-custom-gallery .showMoreIcon .slick-slide.slick-active.slick-current{\n    border: none;\n}\n.showMoreIcon{ \n    img , video{\n        padding-right: 0px !important;\n        padding-left: 0px !important;\n        border-radius: var(--border-radius);\n        cursor: pointer;\n    }\n    .slick-track {\n        display: flex !important;\n        gap: 16px;\n        @media screen and ","{\n            gap: 8px;\n        }\n    }\n    .slick-slide.slick-active.slick-current {\n        border-radius: var(--border-radius);\n        border: 4px solid var(--border-color-active);\n        img, video{\n            border-radius: 0px;\n        }\n    }\n    \n    .slick-slider{\n        max-width: calc(100% - 120px);\n\n        @media screen and "," and "," {\n            max-width: calc(100% - 80px);\n        }\n\n        @media screen and "," {\n          max-width: calc(100% - 60px);\n        }\n        \n        @media screen and "," and "," {\n          max-width: calc(100% - 40px);\n        }\n        @media screen and "," {\n          max-width: calc(100% - 30px);\n        }\n        @media screen and ","{\n          max-width: calc(100%);\n        }\n      }\n    .slick{\n        &-prev {\n            left: -40px !important;\n\n            @media screen and "," {\n                left: -60px !important;\n            }\n\n            @media screen and "," {\n                left: -30px !important;\n            }\n\n            &:before {\n              background-image: "," ;\n            }\n        }\n        &-next {\n            right: -40px !important;\n\n            @media screen and "," {\n                right: -60px !important;\n            }\n\n            @media screen and "," {\n                right: -30px !important;\n            }\n\n            &:before {\n                background-image: "," ;\n            }\n        }\n        &-prev,\n        &-next {\n            &:before {\n                width: 36px;\n                height: 36px;\n                @media ","{\n                    width: 24px;\n                    height: 24px;\n                }\n            }\n        }\n    }\n}\n\n.slick-next, .slick-prev{\n    top: 49%;\n    @media screen and ","{\n        top: 50%;\n    }\n}\n\n.panel-nav-slider.nav-slider{\n    .slick-track{\n        gap: 0px;\n    }\n    .slick-slide {\n        margin-right: 8px;\n    }\n    img, video{\n        cursor: pointer;\n        padding: 8px;\n    }\n    .slick-slide.slick-active.slick-current, .slick-slide.slick-current {\n        border-radius: var(--border-radius);\n        border: 4px solid var(--border-color-active);\n        img, video{\n            border-radius: 0px;\n        }\n    }\n    .slick-slide.slick-active{\n        border-radius: var(--border-radius);\n        border: 1px solid var(--border-color);\n    }\n    .slick-list {\n        background: none;\n    }\n}\n.showMoreIcon.panel-nav-slider.nav-slider{ \n    img, video{\n        padding-right: 8px !important;\n        padding-left: 8px !important;\n    }\n}\n\n.button-container{\n    display: flex;\n    // gap: 18px;\n    // margin-top: 60px;\n    // margin-bottom: 32px;\n    @media screen and "," {\n        flex-direction: column;\n        align-items: center;\n        // gap: 10px;\n        // margin-top: 30px;\n        // margin-bottom: 0px;\n    }\n}\n.button-container > * {\n    margin: 18px 0 0 0px;\n    @media screen and ","{\n        margin: 12px 0 0 0px;\n    }\n}   \n.button-container {\n    margin: -18px 0 0 0px;\n    @media screen and ","{\n        margin: -12px 0 0 0px;\n    }\n    .cta-item:not(:last-child) {\n        margin-right: 18px;\n    }\n}\n\n.close {\n    z-index: 100;\n}\n.slick-slider-custom .slick-dots {\n    // flex-wrap: nowrap;\n}\n.slick-slider-custom .slick-dots.slick-thumb {\n    position: static;\n}\n\n.enable-list-style {\n    ul {\n        margin-left: 1rem;\n\n        li {\n            list-style: disc;\n        }\n    }\n}\n\n@media "," {\n    .slick-slider-custom-gallery {\n        .slick {\n            &-slider {\n                &-container {\n                    gap: 0px;\n\n                    > :first-child {\n                        max-width: 80%;\n                    }\n                    img, video{\n                        margin-right: 0px !important;\n                        padding-right: 50px !important;\n                    }\n                }\n            }\n        }\n    }\n\n\n    .sticky-content-amarr {\n        position: sticky;\n        top: 150px;\n        bottom: 0;\n        z-index: 2;\n        align-self: flex-start;\n    }\n}\n@media screen and "," and ","{\n    .slick-slider-custom-gallery {\n        .slick {\n            &-slider {\n                &-container {\n                    gap: 0px;\n                    img, video{\n                        padding-right: 20px !important;\n                    }\n                }\n            }\n        }\n    }\n}\n@media"," {\n    button {\n        &.btn {\n            padding: 10px 24px;\n        }\n    }\n\n    .sticky-content-amarr {\n        top: 200px;\n    }\n}\n\n@media "," {\n    .door-details {\n        .door-active {\n            border-width: 2px !important;\n        }\n    }\n}\n\n@media "," {\n    .slick-slider-custom {\n        .slick-dots {\n            display: flex !important;\n            flex-wrap: nowrap;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n        }\n    }\n\n    .design-options,\n    .brochures-installation,\n    .door-style {\n        ul {\n            li {\n                flex: 0 0 30%;\n            }\n        }\n\n        .door-image-block {\n            // gap:20px 3%;\n\n            .door-img-container {\n                padding: 4px;\n            }\n        }\n    }\n\n    .door-style {\n        img {\n            /* height: 58px; */\n        }\n    }\n    .door-accessories-style {\n        img {\n            /* height: 145px; */\n        }\n    }\n    .image-text-li-container:not(:last-child), .mosaic-tile:not(:last-child) {\n        margin-right: 12px;\n    }\n    .brochures-installation {\n        .brochure-image-container:not(:last-child) {\n            margin-right: 0px;\n        }\n        .brochure-image-container:nth-child(odd) {\n            margin-right: 20px;\n        }\n    }\n    .slick-slider-custom.slick-slider-custom-gallery{\n        .slick-slider-container{\n            gap: 0px;\n            img , video{\n                margin-bottom: 20px;\n            }\n        }\n    }\n}\n@media "," {\n    .door-style {\n        ul {\n            li {\n                flex: 0 0 100%;\n            }\n        }\n    }\n}\n@media "," {\n    .design-options,\n    .brochures-installation,\n    .door-style {\n        ul {\n            li {\n                flex: 0 0 100%;\n            }\n        }\n\n        .door-image-block {\n            // gap: 20px;\n\n            .door-img-container {\n                padding: 4px;\n            }\n        }\n    }\n\n    .door-style {\n        img {\n            height: 38px;\n        }\n    }\n    .door-image-li-container, .window-image-li-container, .handles-image-li-container {\n        max-width: 100% !important;\n\n    }\n    .door-accessories-style {\n        img {\n            height: 250px;\n        }\n    }\n}\n\n.list-item{\n    border-top: 1px solid var(--border-color);\n    padding: 12px 0px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    .text-container{\n        flex-grow: 2;\n    }\n    .icon-container{\n        display: flex;\n        // min-width: 10%;\n        justify-content: flex-end;\n        @media screen and ","{\n            padding-top: 12px;\n        }\n    }\n    .download-icon-style{\n        cursor: pointer;\n        flex: 0 0 6.5%;\n        max-width: 6.5%;\n        img{\n            transition: all ease 200ms;\n            &:hover{\n                transform: scale(1.2);\n            }\n        }\n        @media screen and ","{\n            display: inline-block;\n            flex: 0 0 9%;\n            max-width: 9%;\n        }\n        @media screen and "," and ","{\n            flex: 0 0 5%;\n            max-width: 5%; \n        }\n        // @media screen and "," and (max-width: 1025px){\n        //     flex: 0 0 4%;\n        //     max-width: 4%; \n        // }\n    }\n    .download-icon-style:last-child{\n        margin-right: 0px !important;\n    }\n}\n@media screen and ","{\n.list-item:first-child{\n    border-top: 0px;\n}\n}\n@media screen and ","{\n    .list-item{\n        border-top: 0px;\n        border-bottom: 1px solid var(--border-color);\n    }  \n    .list-item:last-child{\n        border-bottom: 0px;\n    }    \n}\n.list-width{\n    width: 100%;\n}\n.heading-border{\n    border-top: 1px solid var(--border-color);\n    padding-top: 16px;\n    @media screen and ","{\n        border-top: 0px;\n        padding-top: 24px;\n    }\n}\n.commercial-bottom-space{\n    @media screen and ","{\n        margin-bottom: -24px;\n    }\n}\n.color-heading{\n    color: #333333; \n}\n@media screen and ","{\n    .padding-right{\n        padding-right: 30px;\n        @media screen and ","{\n            padding-right: 22px;\n        }\n        @media screen and ","{\n            padding-right: 18px;\n        }\n    }\n    .padding-left{\n        padding-left: 30px;\n        @media screen and ","{\n            padding-left: 22px;\n        }\n        @media screen and ","{\n            padding-left: 18px;\n        }\n    }\n}\n\n.feature-icons-body {\n    a {\n        color: var(--accent) !important;\n    }\n}\n.brochure-container {\n    .door-img-container {\n        max-width: 140px;\n        height: auto;\n        border-radius: var(--border-radius);\n        border: solid 1px var(--border-color);\n        background-color: var(--bg-main);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px;\n        max-width: 100%;\n        height: 250px;\n        img{\n            border-radius: var(--border-radius);\n            max-height: 230px;\n        }\n    }\n    @media screen and ","{\n        // gap: 20px;\n        .brochure-child{\n            max-width: calc(50% - 10px);\n        }\n        .door-img-container {\n            height: 180px;\n        }\n    }\n}\n.zoom-popup{\n    .modal-dialog{\n        max-width: calc(56%) !important;\n        @media screen and "," {\n            height: 100%;\n        }\n        .modal-body{\n            img{\n                max-height: 600px;\n            }\n            .img-label {\n                display: flex;\n            }\n        }\n        .close {\n            top: 0%;\n            right: 0%;\n        }\n        @media screen and (max-width: 1025px) {\n            max-width: calc(75%) !important;\n        }\n        @media screen and "," {\n            max-width: 100% !important;\n        } \n    }\n}\n//icon list changes for color zone\n.feature-img-container{\n    // padding: 20px;\n    border: 1px solid var(--border-color);\n    border-radius: var(--border-radius);\n    width: 140px;\n    height: 130px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    img{\n        max-height: 70%;\n    }\n    @media screen and ","{\n        width: 100px;\n        height: 96px;\n    }\n    @media screen and "," and (max-width: 1279px){\n        width: 84px;\n        height: 80px;\n    }\n}\n.cta-list{\n    display: flex;\n    flex-wrap: wrap;\n    // row-gap: 20px;\n    .cta-list-child:not(:last-child){\n        margin-right: 20px;\n    }\n    .cta-item-list {\n        margin-right: 20px;\n    }\n}\n// SEO changes h2 and h3 for Opener details and Operator details page starts\n.order-header-data{\n    h2{\n        font-size: var(--font-size-h4);\n        line-height: 48px;\n    }\n    h3{\n        font-size: var(--font-size-h5);\n        line-height: 36px;\n    }\n    @media screen and "," and "," {\n        h2{\n            font-size: var(--font-size-h5);\n            line-height: 36px;\n        }\n        h3{\n            font-size: var(--font-size-m2);\n            line-height: 28px;\n        }\n    }\n    @media screen and "," and "," {\n        h2{\n            font-size: var(--font-size-s3);\n            line-height: 30px;\n        }\n        h3{\n            font-size: var(--font-size-m1);\n            line-height: 24px;\n        }\n    }\n    @media screen and "," {\n        h2{\n            font-size: var(--font-size-m2);\n            line-height: 24px;\n            font-weight: var(--font-weight-bold);\n        }\n        h3{\n            font-size: var(--font-size-m2);\n            line-height: 24px;\n        }\n    }\n}\n// SEO changes h2 and h3 for Opener details and Operator details page ends\n.p-w-r .pr-review-snapshot .pr-msq-list dt {\n    width: 65% !important;\n}\n.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars-container .pr-snippet-stars .pr-snippet-rating-decimal {\n    margin: 0px !important;\n    width: 28px;\n}\n.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write {\n    margin-left: 0px !important;\n}\n.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-review-count {\n    font-size: var(--font-size-s1) !important;\n}\n.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-snippets .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write .pr-snippet-write-review-link {\n    font-size: var(--font-size-s1) !important;\n}\n.carousel-text-color{\n    color: var(--dark-grey4);\n}\n.footnote{\n    a{\n        font-weight: var(--font-weight-semi-bold);\n        color: var(--accent) !important;\n    }\n    .text-container-footnote {\n        width: 70%;\n    }\n    .img-container-footnote {\n        width: 30%;\n    }\n    p{\n        margin-bottom: 0px;\n    }\n    .single-footnote{\n        .text-container-footnote {\n            width: 85%;\n        }\n        .img-container-footnote {\n            width: 15%;\n        }\n    }\n}\nli.rte-green::marker{\n    color: var(--accent);\n  }\n  \n  .ul-indent-left {\n    margin-left: 48px !important;\n  }\n\n.feature-popup-body{\n    a{\n        color: var(--accent);\n    }\n}\n.slick-slider-custom{\n    .slick-slide.slick-active.slick-current{\n    position: relative;\n    }\n    .img-loading{\n        opacity: 0;\n    }\n    .img-loading-icon{\n        display: none !important;\n    }\n    .img-loading-completed{\n        opacity: 1;\n    }\n    .small-loader {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        width: 100%;\n        display: block;\n        @media "," {\n            height: 400px;\n        }\n        .loader {\n            text-align: var(--text-center);\n            overflow: hidden;\n            //   background: rgba(0, 0, 0, 0.75);\n            position: absolute;\n            left: 0;\n            right: 0;\n            top: 0;\n            bottom: 0;\n            width: 100%;\n            height: 100%;\n            div {\n                align-items: center;\n            }\n        }\n    }\n}   \n.sticky-content-costco {\n    @media "," {\n        position: sticky;\n        // bottom: 0;\n        z-index: 2;\n        align-self: flex-start;\n        top: 228px;\n    }\n    @media screen and "," and "," {\n        top: 228px;\n    }\n    @media screen and "," and "," {\n        top: 245px;\n    }\n    @media screen and "," {\n        top: 330px;\n    }\n}\n.right-costco {\n    @media screen and "," {\n        padding-bottom: 100px;\n    }\n}\n// CSS for Door\n.door-accessories-image-block, .window-accessories-image-block, .handles-accessories-image-block {\n    display: flex;\n    flex-wrap: warp;\n    .door-image-li-container, .window-image-li-container, .handles-image-li-container {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        max-width: 25%;\n        height: 100%;\n        border-top: 1px solid var(--light-grey);\n        border-left: 1px solid var(--light-grey);\n        border-right: 1px solid var(--light-grey);\n        border-radius: var(--border-radius);\n    }\n}\n.door-image-li-container:not(:last-child) {\n    margin-right: 1%;\n    margin-bottom: 1%;\n}\n.door-accessory-body-txt, .window-body-txt, .handle-body-txt {\n    font-size: var(--font-size-xs3);\n    line-height: 20px;\n    height: 80px;\n    @media screen and ","{\n        height:240px;        \n    }\n    @media screen and "," {\n        height: 160px;\n    }\n}\n.window-image-li-container:not(:last-child) {\n    margin-right: 1%;\n    margin-bottom: 1%;\n}\n.handles-image-li-container:not(:last-child) {\n    margin-right: 1%;\n    margin-bottom: 1%;\n}\n.door-card-body, .window-card-body, .handles-card-body {\n    display: flex;\n    flex-direction: column;\n    border-top: 1px solid var(--border-color);\n    padding: 18px 18px 18px 18px;\n    background-color: var(--grey);\n    max-height: 25%;\n    \n}\n.door-button-container, .window-button-container, .handles-button-container {\n    margin: 18px 0 0 0px;\n}\n.door-accessories-img-container, .window-img-container, .handles-img-container {\n    padding: 10px;\n    img {\n        height: 300px;\n        width: 400px;\n    }\n}\n.door-accessories-img-container, .window-img-container, .handles-img-container {\n    img:hover {\n        cursor: pointer;\n    }\n}\n\n\n// CSS For Door Operators\n.operator-accessory-tab-img-container {\n    display: flex;\n    flex-direction: row;\n    margin-top: 45px;\n    width: 100%;\n    \n    \n    \n    .image-block {\n        height: 180px;\n        //background: var(--grey);\n        max-width: 15%;\n        width: 32%;\n       \n        img {\n            max-height: 180px;\n            width: 100%;\n            border : 1px solid var(--black);\n        }\n    }\n    .content-block {\n        max-width: 100%;\n        width: 85%;\n        display: flex;\n        flex-direction: column;\n        //justify-content: space-evenly;\n        margin-left: 20px;\n        .header-txt {\n            height: 30px;\n            // width: 80%;\n        }\n        .content-block-txt {\n            //  height: 30px;\n            // width: 90%;\n            // font-size: 14px;\n        }\n        @media screen and "," {\n            .content-block-txt {\n                 height: auto;\n                // width: 90%;\n                // font-size: 14px;\n            }   \n        }\n        .content-block-cta {\n            height: 30px;\n            //margin-top: 25px;\n        }\n    }     \n}\n@media screen and "," {\n    .operator-accessory-tab-img-container{\n\n        .image-block {\n            width: 50%;\n            img {\n                width: 100%;\n                height:auto;\n            }\n        }        \n    }\n}\n\n@media  ","  and ","{\n    .operator-accessory-tab-img-container{\n\n        .image-block {\n            max-width: 20%;\n            img {\n                width: 100%;\n            }\n        }\n        .content-block {\n            width: 80%;\n        }        \n    }\n}\n\n.description-content {\n    font-size: var(--font-size-xs3);\n    margin-top: 20px;\n  }\n.panel-view-less {\n    border: 0px !important;\n    border-radius: 0px  !important;\n}\n.text-container-footnote {\n    a {\n     text-decoration : underline\n    }\n }\n\n\n        "]);return f=function(){return e},e}var w=h.default.div.withConfig({displayName:"styles__Content",componentId:"sc-2kottf-0"})(["",""],(function(e){var n;(null===(n=e.gradients)||void 0===n?void 0:n.visible)?e.theme.gradient:e.theme;return Object(h.css)(f(),x.b.tabletPortraitAndUpMax,x.b.tabletPortraitAndUpMax,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.mediumDesktopAndUp3Max,x.b.smallDesktopAndUp3Max,x.b.tabletPortraitAndUp,x.b.desktopAndUpMax,x.b.smallDesktopAndUp,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitMax,x.b.largeDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitMin,x.b.smallDesktopAndUp3Max,x.b.largeDesktopMin,x.b.tabletLandscapeAndUp,x.b.largeDesktopMin,x.b.tabletLandscapeAndUp,x.b.tabletLandscapeAndUp,x.b.smallDesktopAndUp3Max,x.b.largeDesktopMin,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.tabletPortraitMax,x.b.tabletLandscapeAndUp,x.b.mediumDesktopAndUpMax,x.b.largeDesktop,x.b.tabletPortraitMax,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.mediumDesktopAndUp3Max,x.b.desktopAndUpMax,x.b.mobileMax,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitAndUp,x.b.smallDesktopAndUp2Max,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitAndUpMax,x.b.mobileMax,x.b.largeDesktopMin,x.b.mobileMax,x.b.mobileMax,x.b.largeMobileAndUp2Max,x.b.tabletPortraitAndUp,x.b.mobileMax,x.b.mobileMax,x.b.mobileMax,x.b.mobileMax,x.b.mediumDesktopAndUp3Max,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.tabletPortraitMax,x.b.tabletLandscapeAndUp,x.b.smallDesktopAndUp,x.b.mediumDesktopAndUpMax,x.b.tabletPortraitMin,x.b.mediumDesktopAndUp4Max,x.b.largeDesktopMin,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopAndUp3Max,x.b.mobileMax,x.b.mobileMax,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.smallDesktopAndUp2Max,x.b.tabletLandscapeAndUp,x.b.desktopAndUpMax,x.b.tabletPortraitMax,x.b.mobileMax,x.b.largeDesktopMin,x.b.smallDesktopAndUp2Max,(function(){return"url("+Object(v.E)().concat("arrow-left-carousel.svg")+")"}),x.b.largeDesktopMin,x.b.smallDesktopAndUp2Max,(function(){return"url("+Object(v.E)().concat("arrow-right-carousel.svg")+")"}),x.b.smallDesktopAndUp3Max,x.b.mobileMax,x.b.mobileMax,x.b.mobileMax,x.b.mobileMax,x.b.desktopAndUp,x.b.largeMobileMin,x.b.desktop2Max,x.b.largeDesktopMin,x.b.smallDesktopAndUp2Max,x.b.tabletPortraitAndUpMax,x.b.mobileMax,x.b.largeMobileAndUpMax,x.b.mobileMax,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.tabletPortraitMax,x.b.tabletLandscapeAndUp,x.b.tabletPortraitAndUp,x.b.mobileMax,x.b.mobileMax,x.b.mobileMax,x.b.smallDesktopAndUp,x.b.mediumDesktopAndUp3Max,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopAndUp3Max,x.b.smallDesktopAndUp2Max,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.mobileMax,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitMin,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitAndUp,x.b.smallDesktopAndUp2Max,x.b.mobileMax,x.b.mobileMax,x.b.desktopAndUp,x.b.desktopAndUp,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.largeDesktopMin,x.b.desktopAndUp,x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.mobileMax,x.b.mobileMax,x.b.mobileAndUp,x.b.tabletPortraitAndUpMax)})),y=t(8),E=t(9),k=t(10),O=t(14),N=t(25),j=function(e){var n=e.doorDetails,t=e.content,a=e.productDataCallback,o=e.campaignData,i=Object(c.useState)(!1),s=Object(l.a)(i,2),d=s[0],m=s[1],p=Object(c.useState)(!1),u=Object(l.a)(p,2),g=u[0],b=u[1],h=Object(c.useState)(""),x=Object(l.a)(h,2),f=x[0],w=x[1],y=Object(c.useState)(""),E=Object(l.a)(y,2),k=E[0],O=E[1],N=Object(c.useState)(""),j=Object(l.a)(N,2),D=j[0],L=j[1],A=Object(c.useState)(""),M=Object(l.a)(A,2),S=M[0],C=M[1],T=Object(c.useState)(""),U=Object(l.a)(T,2),I=U[0],_=U[1],z=Object(c.useState)(""),P=Object(l.a)(z,2),H=P[0],W=P[1],F=Object(c.useState)(),$=Object(l.a)(F,2),R=$[0],Z=$[1],V=Object(c.useState)(!1),G=Object(l.a)(V,2),J=G[0],B=G[1],q=o.price,K=o.dimension,X=o.campaignId,Y=o.queryParams;Object(c.useEffect)((function(){var e;if(localStorage.getItem("product-fav-labels")){var t=localStorage.getItem("product-fav-labels");e=JSON.parse(t)}Z(e);var a=!1;if(window.self!==window.top&&(B(!0),a=!0),!1===a&&localStorage.getItem("product-fav")){var o=localStorage.getItem("product-fav"),i=JSON.parse(o),l=!1;i.forEach((function(e){e.data.id===H&&(l=!0)})),b(l)}v.O.subscribe((function(e){m(e)})),v.db.subscribe((function(e){var n=Object(v.ab)(e,"-","-");e.length>0&&w(n)})),v.n.subscribe((function(e){e&&e.length>0&&O(e)})),v.o.subscribe((function(e){e&&e.length>0&&L(e)})),v.k.subscribe((function(e){e&&e.length>0&&C(e)})),v.l.subscribe((function(e){e&&e.length>0&&_(e)})),v.z.subscribe((function(e){!0===e&&(v.m.subscribe((function(e){if(e.length>0){var t,o,i,l,c,r,s,d,m;W(e);var p=window.location.origin+n.rootImagePath+"/"+e.split("_")[1]+"/"+e.split("_")[2]+"/"+e.split("_")[1]+"-"+e.split("_")[2]+"-"+e.split("_")[3]+".jpg/jcr:content/renditions/thumbnail-232-250.jpeg",u=window.location.origin+window.location.pathname+"?panel="+e.split("_")[1]+"&window="+e.split("_")[2]+"&color="+e.split("_")[3],g="";e.split("_")[3]&&(g=e.split("_")[3]);var b,h="",x=e;if(e.split("_")[4]){x=Object(v.ab)(e,"_","_");var f=e.split("_")[1]+"/",w=e.split("_")[1]+"-";"undefined"===e.split("_")[2]&&(f+=e.split("_")[3],w+=e.split("_")[3]+"-"+e.split("_")[4]),p=window.location.origin+n.rootImagePath+"/"+f+"/"+w+".jpg/jcr:content/renditions/thumbnail-232-250.jpeg",u=window.location.origin+window.location.pathname+"?panel="+e.split("_")[1]+"&window="+e.split("_")[2]+"&glass="+e.split("_")[3]+"&color="+e.split("_")[4],g=e.split("_")[4],h=e.split("_")[3]}if(localStorage.getItem("product-fav-labels")){var y=localStorage.getItem("product-fav-labels");b=JSON.parse(y)}var E={id:x,title:n.collectionName,thumbnailImage:p,url:u,type:n.type,chk:!1,doorImageLabel:b.doorImageLabel,doorImagePopupText:null===(t=b)||void 0===t?void 0:t.doorImagePopupText,productCategoryMappingCode:null===n||void 0===n?void 0:n.productCategoryMappingCode,doorData:[[null===(o=b)||void 0===o?void 0:o.productNameLabel,n.collectionName],[null===(i=b)||void 0===i?void 0:i.modelLabel,(null===(l=b)||void 0===l?void 0:l.hideModelAttribute)?null:e.split("_")[1]],[null===(c=b)||void 0===c?void 0:c.colorLabel,(null===(r=b)||void 0===r?void 0:r.hideColorAttribute)?null:g],[null===(s=b)||void 0===s?void 0:s.glassLabel,h],[null===(d=b)||void 0===d?void 0:d.surfaceLabel,(null===(m=b)||void 0===m?void 0:m.hideSurfaceAttribute)?null:D]]};if(!1===a&&localStorage.getItem("product-fav")){var k=localStorage.getItem("product-fav"),O=JSON.parse(k),N=!1;if(O.forEach((function(n){n.data.id===e&&(N=!0)})),!1===N&&O){var j=O;j.push({data:E,time:new Date}),!1===a&&localStorage.setItem("product-fav",JSON.stringify(j))}}else{var L=[];L.push({data:E,time:new Date}),!1===a&&localStorage.setItem("product-fav",JSON.stringify(L))}}})),v.z.next(!1),window.location.reload())})),v.m.subscribe((function(e){if(e.length>0&&(W(e),!1===a&&localStorage.getItem("product-fav"))){var n=localStorage.getItem("product-fav"),t=JSON.parse(n),o=!1;t.forEach((function(n){n.data.id===e&&(o=!0)})),b(o)}})),Q()}),[]);var Q=function(){var e,o,i=window.location.origin+n.rootImagePath+"/"+k+"/"+D+"/"+f+".jpg/jcr:content/renditions/thumbnail-232-250.jpeg",l=window.location.origin+window.location.pathname+"?panel="+k+"&window="+D+"&color="+S+(K.length>1?"&dimension="+Object(v.y)(null===K||void 0===K?void 0:K.join("*")):"")+"&price="+Object(v.y)(q)+"&campaignId="+Object(v.y)(X)+(Y||"");I&&(l=window.location.origin+window.location.pathname+"?panel="+k+"&window="+D+"&color="+S+"&glass="+I+(K.length>1?"&dimension="+Object(v.y)(null===K||void 0===K?void 0:K.join("*")):"")+"&price="+Object(v.y)(q)+"&campaignId="+Object(v.y)(X)+(Y||""));var c={id:H,campaignId:X,price:q,title:n.collectionName,thumbnailImage:i,url:l,type:n.type,doorImageLabel:null===R||void 0===R?void 0:R.doorImageLabel,doorImagePopupText:null===R||void 0===R?void 0:R.doorImagePopupText,dimensionUnit:t.dimensionUnit,doorData:[[null===R||void 0===R?void 0:R.modelLabel,k],[null===R||void 0===R?void 0:R.colorLabel,S],[null===R||void 0===R?void 0:R.glassLabel,I],[null===R||void 0===R?void 0:R.surfaceLabel,D],[t.widthLabel,X&&K.length>1?(null===(e=K[0])||void 0===e?void 0:e.trim())+t.dimensionUnit:void 0],[t.heightLabel,X&&K.length>1?(null===(o=K[1])||void 0===o?void 0:o.trim())+t.dimensionUnit:void 0]]};a(c)};return Object(c.useEffect)((function(){Q()}),[H,k,D,S,I]),r.a.createElement("section",{className:"door-header door-header-border "},r.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},r.a.createElement("div",{className:"d-flex align-items-center"},r.a.createElement("h1",{className:"door-header-sub-title m-0 amarr-h3"},n.collectionName),d&&r.a.createElement("span",{className:"body-text3 new-icon"},t.newFlagText)),!1===J&&t.enableFavourites&&r.a.createElement("div",{className:"door-header-share-icons"},r.a.createElement("a",{onClick:function(){b(!g),function(){var e=window.location.origin+n.rootImagePath+"/"+k+"/"+D+"/"+f+".jpg/jcr:content/renditions/thumbnail-232-250.jpeg",t=window.location.origin+window.location.pathname+"?panel="+k+"&window="+D+"&color="+S;I&&(t=window.location.origin+window.location.pathname+"?panel="+k+"&window="+D+"&color="+S+"&glass="+I);var a={id:H,title:n.collectionName,thumbnailImage:e,url:t,type:n.type,chk:!1,doorImageLabel:null===R||void 0===R?void 0:R.doorImageLabel,doorImagePopupText:null===R||void 0===R?void 0:R.doorImagePopupText,productCategoryMappingCode:null===n||void 0===n?void 0:n.productCategoryMappingCode,doorData:[[null===R||void 0===R?void 0:R.productNameLabel,n.collectionName],[null===R||void 0===R?void 0:R.modelLabel,(null===R||void 0===R?void 0:R.hideModelAttribute)?null:k],[null===R||void 0===R?void 0:R.colorLabel,(null===R||void 0===R?void 0:R.hideColorAttribute)?null:S],[null===R||void 0===R?void 0:R.glassLabel,I],[null===R||void 0===R?void 0:R.surfaceLabel,(null===R||void 0===R?void 0:R.hideSurfaceAttribute)?null:D]]};if(!1===g)if(!1===J&&localStorage.getItem("product-fav")){var o=localStorage.getItem("product-fav"),i=JSON.parse(o),l=!1;i.forEach((function(e){e.data.id===H&&(l=!0)})),!1===l&&(i.push({data:a,time:new Date}),localStorage.setItem("product-fav",JSON.stringify(i)),v.eb.next(!0))}else{var c=[];c.push({data:a,time:new Date}),!1===J&&localStorage.setItem("product-fav",JSON.stringify(c)),v.eb.next(!0)}else if(!1===J&&localStorage.getItem("product-fav")){var r=localStorage.getItem("product-fav"),s=JSON.parse(r),d=-1;s.forEach((function(e,n){e.data.id===H&&(d=n)})),s.splice(d,1),localStorage.setItem("product-fav",JSON.stringify(s)),v.eb.next(!1)}}()}},!0===g?r.a.createElement("img",{loading:"lazy",className:"rating-fill",src:Object(v.E)().concat("ic-fav-red-fill.svg"),alt:"Favorite"}):r.a.createElement("img",{loading:"lazy",className:"rating-fill",src:Object(v.E)().concat("ic-fav.svg"),alt:"Favorite"})))),!t.ratingReviewsDisabled&&r.a.createElement("div",{className:"door-header-power-reviews pb-3"},r.a.createElement("div",{id:"pr-reviewsnippet"})),Boolean(t.widthLabel&&t.widthLabel.length>0&&t.heightLabel&&t.heightLabel.length>0&&t.dimensionUnit&&t.dimensionUnit.length>0&&K&&K.length)&&r.a.createElement("div",{className:""},r.a.createElement("span",{className:"amarr-h4"},t.widthLabel+": "+K[0].trim(),r.a.createElement("small",null," ",t.dimensionUnit,",   ")," ",t.heightLabel+": "+K[1].trim(),r.a.createElement("small",null," ",t.dimensionUnit,"  ")," ")),q.length>0&&r.a.createElement("div",{className:" "},r.a.createElement("h2",{className:"carousel-heading",id:"campaign_price"},q)),n.disclaimerText&&n.disclaimerText.length>0&&r.a.createElement("p",{className:" body-text3",dangerouslySetInnerHTML:{__html:n.disclaimerText}}),n.shortDescriptionInPdp&&""!==n.shortDescriptionInPdp&&r.a.createElement("p",{dangerouslySetInnerHTML:{__html:n.shortDescriptionInPdp}}))},D=t(36),L=t(30),A=t(29),M=function(e){var n=e.doorDetails,t=e.content,a=Object(c.useState)([]),o=Object(l.a)(a,2),i=o[0],s=o[1],d=Object(c.useState)([]),m=Object(l.a)(d,2),p=m[0],u=m[1],g=Object(c.useState)([]),b=Object(l.a)(g,2),h=b[0],x=b[1],f=Object(c.useState)([]),w=Object(l.a)(f,2),y=w[0],E=w[1],k=Object(c.useState)([]),O=Object(l.a)(k,2),N=(O[0],O[1],Object(c.useState)("")),j=Object(l.a)(N,2),M=j[0],S=j[1],C=Object(c.useState)(""),T=Object(l.a)(C,2),U=T[0],I=T[1],_=Object(c.useState)(""),z=Object(l.a)(_,2),P=z[0],H=z[1],W=Object(c.useState)(""),F=Object(l.a)(W,2),R=F[0],Z=F[1],V=Object(c.useState)(""),G=Object(l.a)(V,2),J=(G[0],G[1],Object(c.useState)({image:"",alt:"",name:"",value:"",desc:"",popupimage:"",popupalt:""})),B=Object(l.a)(J,2),q=B[0],K=(B[1],Object(c.useState)(!1)),X=Object(l.a)(K,2),Y=X[0],Q=X[1],ee=Object(c.useState)(!1),ne=Object(l.a)(ee,2),te=ne[0],ae=ne[1],oe=Object(c.useState)(!1),ie=Object(l.a)(oe,2),le=ie[0],ce=ie[1],re=Object(c.useState)(!1),se=Object(l.a)(re,2),de=(se[0],se[1],Object(c.useState)(!1)),me=Object(l.a)(de,2),pe=me[0],ue=me[1],ge=Object(c.useState)(4),be=Object(l.a)(ge,2),he=be[0],xe=be[1],ve=Object(c.useState)(3),fe=Object(l.a)(ve,2),we=fe[0],ye=fe[1],Ee=Object(c.useState)(8),ke=Object(l.a)(Ee,2),Oe=ke[0],Ne=ke[1],je=Object(c.useState)(4),De=Object(l.a)(je,2),Le=De[0],Ae=De[1],Me=Object(c.useState)(!1),Se=Object(l.a)(Me,2),Ce=Se[0],Te=Se[1],Ue=Object(c.useState)(!1),Ie=Object(l.a)(Ue,2),_e=Ie[0],ze=Ie[1],Pe=Object(c.useState)(!1),He=Object(l.a)(Pe,2),We=He[0],Fe=He[1],$e=Object(c.useState)(!1),Re=Object(l.a)($e,2),Ze=Re[0],Ve=Re[1];Object(c.useEffect)((function(){if(window.location.search){var e=window.location.search.substring(1).split("&"),t="",a="",o="",i="";e.forEach((function(e){var n=e.split("=");"panel"===n[0]&&(t=n[1]),"color"===n[0]&&(a=n[1]),"window"===n[0]&&(o=n[1]),"glass"===n[0]&&(i=n[1])}));var c=!1,r=!1,d=!1,m=!1;n.panelList&&n.panelList.length>0&&n.panelList.forEach((function(e){e.panel===t&&(c=!0,e.colors&&e.colors.length>0&&e.colors.forEach((function(e){e.colorValue===a&&(r=!0)})),!1===r&&e.newColor&&e.newColor.length>0&&e.newColor.forEach((function(e){e.colorValue===a&&(r=!0)})),e.windowOptionsList&&e.windowOptionsList.forEach((function(e){e.windowOption===o&&(d=!0)})),!1===d&&e.newWindowOption&&e.newWindowOption.length>0&&e.newWindowOption.forEach((function(e){e.windowOption===o&&(d=!0)})),e.glassOptionsList&&e.glassOptionsList.forEach((function(e){e.glassOption===i&&(m=!0)})),!1===m&&e.newGlassOption&&e.newGlassOption.length>0&&e.newGlassOption.forEach((function(e){e.glassOption===i&&(m=!0)})))}));var p="",g="",b="",h="";p=!0===c?t:n.panelDefault,g=!0===r?a:n.colorDefault,b=!0===d?o:n.windowOptionDefault,h=!0===m?i:(null===n||void 0===n?void 0:n.glassOptionDefault)||"",I(p),S(g),H(b),Z(h),h?v.db.next(p+"-"+b+"-"+h+"-"+g):v.db.next(p+"-"+b+"-"+g),v.n.next(p),v.k.next(g),v.o.next(b),v.l.next(h),h?v.m.next(n.collection+"_"+p+"_"+b+"_"+h+"_"+g+Je()):v.m.next(n.collection+"_"+p+"_"+b+"_"+g+Je())}else S(n.colorDefault),I(n.panelDefault),H(n.windowOptionDefault),Z(n.glassOptionDefault),setTimeout((function(){var e=n.panelDefault+"-"+n.windowOptionDefault+"-"+n.colorDefault,t=n.collection+"_"+n.panelDefault+"_"+n.windowOptionDefault+"_"+n.colorDefault+Je();(null===n||void 0===n?void 0:n.glassOptionDefault)&&(e=n.panelDefault+"-"+n.windowOptionDefault+"-"+n.glassOptionDefault+"-"+n.colorDefault,t=n.collection+"_"+n.panelDefault+"_"+n.windowOptionDefault+"_"+(null===n||void 0===n?void 0:n.glassOptionDefault)+"_"+n.colorDefault+Je()),v.db.next(e),v.n.next(n.panelDefault),v.k.next(n.colorDefault),v.o.next(n.windowOptionDefault),v.l.next(null===n||void 0===n?void 0:n.glassOptionDefault),v.m.next(t)}),1e3);v.D.subscribe((function(e){if(e){var t=e.split("/");if(I(t[0]),n.panelList&&n.panelList.length>0&&n.panelList.forEach((function(e){if(e.panel===t[0]){var n=[],a=[],o=[];if(e.windowOptionsList&&e.windowOptionsList.length>0)for(var i=function(t){var a=e.windowOptionsList[t],o=!1;n.forEach((function(e){e.value===a.windowOption&&(o=!0)})),!1===o&&n.push({name:a.windowOptionTitle,value:a.windowOption,image:a.windowOptionImage,alt:a.imageAltText,isNew:!1,doorDesignerCode:a.doorDesignerCode,available:!1!==a.available})},l=0;l<e.windowOptionsList.length;l++)i(l);if(e.newWindowOption&&e.newWindowOption.length>0)for(var c=function(t){var a=e.newWindowOption[t],o=!1;n.forEach((function(e){e.value===a.windowOption&&(e.isNew=!0,o=!0)})),!1===o&&n.push({name:a.windowOptionTitle,value:a.windowOption,image:a.windowOptionImage,alt:a.imageAltText,isNew:!0,doorDesignerCode:a.doorDesignerCode,available:!1!==a.available})},r=0;r<e.newWindowOption.length;r++)c(r);if(e.colors&&e.colors.length>0)for(var s=function(n){var t=e.colors[n],o=!1;a.forEach((function(e){e.value===t.colorValue&&(o=!0)})),!1===o&&a.push({name:t.colorTitle,value:t.colorValue,hexCode:t.hexCode?t.hexCode:null,colorImage:t.colorImage?t.colorImage:null,isNew:!1,available:!1!==t.available,doorDesignerCode:t.doorDesignerCode})},d=0;d<e.colors.length;d++)s(d);if(e.newColor&&e.newColor.length>0)for(var m=function(n){var t=e.newColor[n],o=!1;a.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,o=!0)})),!1===o&&a.push({name:t.colorTitle,value:t.colorValue,hexCode:t.hexCode?t.hexCode:null,colorImage:t.colorImage?t.colorImage:null,isNew:!0,available:!1!==t.available,doorDesignerCode:t.doorDesignerCode})},p=0;p<e.newColor.length;p++)m(p);if(e.glassOptionsList&&e.glassOptionsList.length>0)for(var g=function(n){var t=e.glassOptionsList[n],a=!1;o.forEach((function(e){e.value===t.glassOption&&(a=!0)})),!1===a&&o.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},b=0;b<e.glassOptionsList.length;b++)g(b);if(e.newGlassOption&&e.newGlassOption.length>0)for(var h=function(n){var t=e.newGlassOption[n],a=!1;o.forEach((function(e){e.value===t.glassOption&&(e.isNew=!0,a=!0)})),!1===a&&o.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},v=0;v<e.newGlassOption.length;v++)h(v);u(n),E(a),x(o),!t[1]&&n&&n.length&&(t[1]=n[0].value),!t[2]&&o&&a.length&&(t[2]=a[0].value),!t[3]&&o&&o.length&&(t[3]=o[0].value)}})),t[1]&&H(t[1]),t[2]&&S(t[2]),t[3]&&Z(t[3]),t[3]){var a=t[0]+"-";t[1]&&(a+=t[1]+"-"),t[3]&&(a+=t[3]+"-"),v.db.next(a+t[2])}else v.db.next(t[0]+"-"+t[1]+"-"+t[2]);if(v.n.next(t[0]),v.k.next(t[2]),v.o.next(t[1]),t[3]){v.l.next(t[3]);var o=t[0]+"_";t[1]&&(o+=t[1]+"_"),t[3]&&(o+=t[3]+"_"),v.m.next(n.collection+"_"+o+t[2]+Je())}else v.m.next(n.collection+"_"+t[0]+"_"+t[1]+"_"+t[2]+Je())}}));var f=[],w=[],y=[];if(n.panelList&&n.panelList.length>0){var k=n.panelDefault;if(window.location.search){var O,N=new URLSearchParams(window.location.search),j=Object(D.a)(N);try{for(j.s();!(O=j.n()).done;){var L=Object(l.a)(O.value,2),A=L[0],M=L[1];"panel"===A&&(k=M)}}catch(Ae){j.e(Ae)}finally{j.f()}}else k=n.panelDefault;for(var C=0;C<n.panelList.length;C++)if(n.panelList[C].panel===k){if(n.panelList[C].windowOptionsList&&n.panelList[C].windowOptionsList.length>0)for(var T=function(e){var t=n.panelList[C].windowOptionsList[e],a=!1;f.forEach((function(e){e.value===t.windowOption&&(a=!0)})),!1===a&&f.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},U=0;U<n.panelList[C].windowOptionsList.length;U++)T(U);if(n.panelList[C].newWindowOption&&n.panelList[C].newWindowOption.length>0)for(var _=function(e){var t=n.panelList[C].newWindowOption[e],a=!1;f.forEach((function(e){e.value===t.windowOption&&(e.isNew=!0,a=!0)})),!1===a&&f.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},z=0;z<n.panelList[C].newWindowOption.length;z++)_(z);if(n.panelList[C].colors&&n.panelList[C].colors.length>0)for(var P=function(e){var t=n.panelList[C].colors[e],a=!1;w.forEach((function(e){e.value===t.colorValue&&(a=!0)})),!1===a&&w.push({name:t.colorTitle,value:t.colorValue,hexCode:t.hexCode?t.hexCode:null,colorImage:t.colorImage?t.colorImage:null,isNew:!1,available:!1!==t.available,doorDesignerCode:t.doorDesignerCode})},W=0;W<n.panelList[C].colors.length;W++)P(W);if(n.panelList[C].newColor&&n.panelList[C].newColor.length>0)for(var F=function(e){var t=n.panelList[C].newColor[e],a=!1;w.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,a=!0)})),!1===a&&w.push({name:t.colorTitle,value:t.colorValue,hexCode:t.hexCode?t.hexCode:null,colorImage:t.colorImage?t.colorImage:null,isNew:!0,available:!1!==t.available,doorDesignerCode:t.doorDesignerCode})},$=0;$<n.panelList[C].newColor.length;$++)F($);if(n.panelList[C].glassOptionsList&&n.panelList[C].glassOptionsList.length>0)for(var R=function(e){var t=n.panelList[C].glassOptionsList[e],a=!1;y.forEach((function(e){e.value===t.glassOption&&(a=!0)})),!1===a&&y.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},V=0;V<n.panelList[C].glassOptionsList.length;V++)R(V);if(n.panelList[C].newGlassOption&&n.panelList[C].newGlassOption.length>0)for(var G=function(e){var t=n.panelList[C].newGlassOption[e],a=!1;y.forEach((function(e){e.value===t.glassOption&&(e.isNew=!0,a=!0)})),!1===a&&y.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},J=0;J<n.panelList[C].newGlassOption.length;J++)G(J)}}u(f),E(w),x(y);var B=[];if(n.panelList&&n.panelList.length>0)for(var q=0;q<n.panelList.length;q++){var K;B.push({name:n.panelList[q].panelName,value:n.panelList[q].panel,isNew:!!(null===(K=n.panelList[q])||void 0===K?void 0:K.isNew)&&n.panelList[q].isNew,image:n.panelList[q].images.url,alt:n.panelList[q].images.altText,available:!1!==n.panelList[q].available,doorDesignerCode:n.panelList[q].doorDesignerCode})}if(s(B),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)v.O.next(!0);else{var X=!1,Y=n.panelDefault;if(window.location.search){var Q,ee=new URLSearchParams(window.location.search),ne=Object(D.a)(ee);try{for(ne.s();!(Q=ne.n()).done;){var te=Object(l.a)(Q.value,2),ae=te[0],oe=te[1];"panel"===ae&&(Y=oe)}}catch(Ae){ne.e(Ae)}finally{ne.f()}}else Y=n.panelDefault;if(B.forEach((function(e){e.value===Y&&(X=!!e.isNew&&e.isNew)})),X)v.O.next(!0);else{var ie=!1,le=n.windowOptionDefault;if(window.location.search){var ce,re=new URLSearchParams(window.location.search),se=Object(D.a)(re);try{for(se.s();!(ce=se.n()).done;){var de=Object(l.a)(ce.value,2),me=de[0],pe=de[1];"window"===me&&(le=pe)}}catch(Ae){se.e(Ae)}finally{se.f()}}else le=n.windowOptionDefault;if(f.forEach((function(e){e.value===le&&(ie=!!e.isNew&&e.isNew)})),!1===ie){var ue=!1,ge=n.colorDefault;if(window.location.search){var be,he=new URLSearchParams(window.location.search),xe=Object(D.a)(he);try{for(xe.s();!(be=xe.n()).done;){var ve=Object(l.a)(be.value,2),fe=ve[0],we=ve[1];"color"===fe&&(ge=we)}}catch(Ae){xe.e(Ae)}finally{xe.f()}}else ge=n.colorDefault;if(w.forEach((function(e){e.value===ge&&(ue=!!e.isNew&&e.isNew)})),ue)v.O.next(!0);else{var ye=!1,Ee=n.glassDefault;if(window.location.search){var ke,Oe=new URLSearchParams(window.location.search),Ne=Object(D.a)(Oe);try{for(Ne.s();!(ke=Ne.n()).done;){var je=Object(l.a)(ke.value,2),De=je[0],Le=je[1];"glass"===De&&(Ee=Le)}}catch(Ae){Ne.e(Ae)}finally{Ne.f()}}else Ee=n.glassDefault;y.forEach((function(e){e.value===Ee&&(ye=!!e.isNew&&e.isNew)})),v.O.next(ye)}}else v.O.next(!0);Ke()}}}),[]),Object(c.useEffect)((function(){matchMedia("(max-width: 767px)").matches&&(xe(2),ye(2),Ne(3),Ae(2)),Ke()}),[]),Object(c.useEffect)((function(){P&&""!=P&&Be(P)}),[P]);var Ge=function(e){S(null===e||void 0===e?void 0:e.value);var t=U+"-"+P+"-"+(null===e||void 0===e?void 0:e.value),a=n.collection+"_"+U+"_"+P+"_"+(null===e||void 0===e?void 0:e.value)+Je();if(R&&(t=U+"-"+P+"-"+R+"-"+(null===e||void 0===e?void 0:e.value),a=n.collection+"_"+U+"_"+P+"_"+R+"_"+(null===e||void 0===e?void 0:e.value)+Je()),v.db.next(t),v.n.next(U),v.k.next(null===e||void 0===e?void 0:e.value),v.o.next(P),v.l.next(R),v.m.next(a),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)v.O.next(!0);else{for(var o,i=null,l=0;l<n.panelList.length;l++)n.panelList[l].panel===U&&(i=n.panelList[l]);if((null===(o=i)||void 0===o?void 0:o.isNew)&&!0===i.isNew)v.O.next(!0);else{var c=null,r=p;if(r&&r.length>0){for(var s,d=0;d<r.length;d++)r[d].value===P&&(c=r[d]);if((null===(s=c)||void 0===s?void 0:s.isNew)&&!0===c.isNew)return void v.O.next(!0);e.isNew&&!0===e.isNew?v.O.next(!0):v.O.next(qe(h,R))}else(null===e||void 0===e?void 0:e.isNew)&&!0===(null===e||void 0===e?void 0:e.isNew)?v.O.next(!0):v.O.next(qe(h,R))}}},Je=function(){var e=document.getElementsByTagName("html")[0].getAttribute("lang");if(e)return"_"+e.split("-").join("_").toLowerCase()},Be=function(e){for(var t=[],a=0;a<n.panelList.length;a++)if(n.panelList[a].panel===U){if(n.panelList[a].colors&&n.panelList[a].colors.length>0)for(var o=function(o){var i,l=n.panelList[a].colors[o],c=null===(i=n.panelList[a].unavailableVariantsList)||void 0===i?void 0:i.filter((function(n,t){if(n.panelName===U&&n.windowName===e)return n.colorName})),r=!1;if(t.forEach((function(e){e.value===l.colorValue&&(r=!0)})),c&&c.length>0)for(var s=0;s<c.length;s++)c[s].colorName===l.colorValue&&(r=!0),c[s].colorName===M&&Ge(t[0]);!1===r&&t.push({name:l.colorTitle,value:l.colorValue,hexCode:l.hexCode?l.hexCode:null,colorImage:l.colorImage?l.colorImage:null,isNew:!1,available:!1!==l.available,doorDesignerCode:l.doorDesignerCode})},i=0;i<n.panelList[a].colors.length;i++)o(i);if(n.panelList[a].newColor&&n.panelList[a].newColor.length>0)for(var l=function(e){var o=n.panelList[a].newColor[e],i=!1;t.forEach((function(e){e.value===o.colorValue&&(e.isNew=!0,i=!0)})),!1===i&&t.push({name:o.colorTitle,value:o.colorValue,hexCode:o.hexCode?o.hexCode:null,colorImage:o.colorImage?o.colorImage:null,isNew:!0,available:!1!==o.available,doorDesignerCode:o.doorDesignerCode})},c=0;c<n.panelList[a].newColor.length;c++)l(c);E(t)}},qe=function(e,n){var t=null,a=!1;if(e&&e.length>0){for(var o,i=0;i<e.length;i++)e[i].value===n&&(t=e[i]);a=!(!(null===(o=t)||void 0===o?void 0:o.isNew)||!0!==t.isNew)}return a},Ke=function(){setTimeout((function(){var e=$(".panel-design-item");$(e).each((function(e,n){$(this).find(".action-item").on("keypress",(function(e){32!=e.keyCode&&13!=e.keyCode||this.click()}))}))}),2e3),$(".pr-review-snapshot-snippets-headline, .door-overview h4, .door-overview h5, .door-overview h6").attr("role","presentation")},Xe=function(e){Q(e),Te(e),Ke()};return r.a.createElement("section",null,r.a.createElement("div",{className:"border-b pt-3 pb-2"},r.a.createElement("section",{className:"panel-design"},r.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.panelListLabel),r.a.createElement("ul",{className:"d-flex panel-design-container"},i&&i.length>0&&i.map((function(e,a){return(a<he||i.length===he+1&&a===he||Y)&&r.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},r.a.createElement("img",{loading:"lazy",role:"button",tabIndex:0,onClick:function(){return function(e){var t,a,o;I(e.value);for(var i=[],l=[],c=[],r=0;r<n.panelList.length;r++)if(n.panelList[r].panel===e.value){if(n.panelList[r].windowOptionsList&&n.panelList[r].windowOptionsList.length>0)for(var s=function(e){var t=n.panelList[r].windowOptionsList[e],a=!1;l.forEach((function(e){e.value===t.windowOption&&(a=!0)})),!1===a&&l.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},d=0;d<n.panelList[r].windowOptionsList.length;d++)s(d);if(n.panelList[r].newWindowOption&&n.panelList[r].newWindowOption.length>0)for(var m=function(e){var t=n.panelList[r].newWindowOption[e],a=!1;l.forEach((function(e){e.value===t.windowOption&&(e.isNew=!0,a=!0)})),!1===a&&l.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},p=0;p<n.panelList[r].newWindowOption.length;p++)m(p);if(n.panelList[r].colors&&n.panelList[r].colors.length>0)for(var g=function(t){var a,o=n.panelList[r].colors[t],l=null===(a=n.panelList[r].unavailableVariantsList)||void 0===a?void 0:a.filter((function(n,t){if(n.panelName===e.value&&n.windowName===P)return n.colorName})),c=!1;if(i.forEach((function(e){e.value===o.colorValue&&(c=!0)})),l&&l.length>0)for(var s=0;s<l.length;s++)l[s].colorName===o.colorValue&&(c=!0);!1===c&&i.push({name:o.colorTitle,value:o.colorValue,hexCode:o.hexCode?o.hexCode:null,colorImage:o.colorImage?o.colorImage:null,isNew:!1,available:!1!==o.available,doorDesignerCode:o.doorDesignerCode})},b=0;b<n.panelList[r].colors.length;b++)g(b);if(n.panelList[r].newColor&&n.panelList[r].newColor.length>0)for(var h=function(e){var t=n.panelList[r].newColor[e],a=!1;i.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,a=!0)})),!1===a&&i.push({name:t.colorTitle,value:t.colorValue,hexCode:t.hexCode?t.hexCode:null,colorImage:t.colorImage?t.colorImage:null,isNew:!0,available:!1!==t.available,doorDesignerCode:t.doorDesignerCode})},f=0;f<n.panelList[r].newColor.length;f++)h(f);if(n.panelList[r].glassOptionsList&&n.panelList[r].glassOptionsList.length>0)for(var w=function(e){var t=n.panelList[r].glassOptionsList[e],a=!1;c.forEach((function(e){e.value===t.value&&(a=!0)})),!1===a&&c.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},y=0;y<n.panelList[r].glassOptionsList.length;y++)w(y);if(n.panelList[r].newGlassOption&&n.panelList[r].newGlassOption.length>0)for(var k=function(e){var t=n.panelList[r].newGlassOption[e],a=!1;c.forEach((function(e){e.value===t.value&&(e.isNew=!0,a=!0)})),!1===a&&c.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},O=0;O<n.panelList[r].newGlassOption.length;O++)k(O)}u(l),console.log("cList->"+JSON.stringify(i)),E(i),x(c);var N=!1,j=!1,D=!1;i&&i.length>0&&i.forEach((function(e){e.value===M&&(N=!0)})),l&&l.length>0&&l.forEach((function(e){e.value===P&&(j=!0)})),c&&c.length>0&&c.forEach((function(e){e.value===R&&(D=!0)}));var L=N?M:i&&i.length?null===(t=i[0])||void 0===t?void 0:t.value:M,A=j?P:l&&l.length?null===(a=l[0])||void 0===a?void 0:a.value:P,C=D?R:c&&c.length?null===(o=c[0])||void 0===o?void 0:o.value:R;S(L),H(A),Z(C);var T=e.value,U=n.collection+"_"+e.value;if(A&&(T+="-"+A,U+="_"+A),C&&(T+="-"+C,U+="_"+C,v.l.next(C)),L&&(T+="-"+L,U+="_"+L),v.db.next(T),v.n.next(e.value),v.k.next(L),v.o.next(A),U+=Je(),v.m.next(U),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)v.O.next(!0);else if((null===e||void 0===e?void 0:e.isNew)&&!0===e.isNew)v.O.next(!0);else{var _,z=null;if(l.forEach((function(e){e.value===P&&(z=e)})),(null===(_=z)||void 0===_?void 0:_.isNew)&&!0===z.isNew)v.O.next(!0);else{var W,F=null;if(i.forEach((function(e){e.value===M&&(F=e)})),(null===(W=F)||void 0===W?void 0:W.isNew)&&!0===F.isNew)v.O.next(!0);else{var $,V=null;c.forEach((function(e){e.value===R&&(V=e)})),(null===($=V)||void 0===$?void 0:$.isNew)&&!0===V.isNew?v.O.next(!0):v.O.next(!1)}Ke()}}}(e)},src:e.image,alt:e.alt,className:"action-item ".concat(U===e.value?"door-active":"")}),r.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&r.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},r.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(A.a,{id:"button-tooltip-".concat(a)},r.a.createElement("div",{className:"p-1 amarr-h6"},t.panelUnavailableMessage))},r.a.createElement("div",{className:"panel-un-icon unavailable-icon"},r.a.createElement("img",{role:"button",loading:"lazy",src:Object(v.E)().concat("ic_unavailable.svg"),alt:t.panelUnavailableMessage})))))})),i&&i.length>he&&i.map((function(e,n){return n===he+1&&!Y&&r.a.createElement("li",{className:"panel-design-item more-item-container",role:"button",key:n,onClick:function(){Xe(!0)}},r.a.createElement("img",{loading:"lazy",role:"button",src:e.image,className:"action-item",tabIndex:0}),r.a.createElement("div",{className:"panel-design-more-items amarr-h5"},"+",i.length-he))})),Ce&&r.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",onClick:function(){Xe(!1)}},r.a.createElement("div",{tabIndex:0,className:"panel-design-less-items amarr-h6 panel-view-less action-item"},t.showLessLabel))))),p&&p.length>0&&r.a.createElement("div",{className:"border-b pt-3 pb-2"},r.a.createElement("section",{className:"panel-design window-panel"},r.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.windowOptionsListLabel),r.a.createElement("ul",{className:"d-flex panel-design-container"},p&&p.length>0&&p.map((function(e,a){return(a<we||p.length===we+1&&a===we||te)&&r.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},r.a.createElement("div",{className:"window ".concat(P===e.value?"door-active":"")},r.a.createElement("img",{loading:"lazy",role:"button",tabIndex:0,onClick:function(){return function(e){H(e.value),Be(e.value);var t=U+"-"+e.value+"-"+M,a=n.collection+"_"+U+"_"+e.value+"_"+M+Je();if(R&&(t=U+"-"+e.value+"-"+R+"-"+M,a=n.collection+"_"+U+"_"+e.value+"_"+R+"_"+M+Je()),v.db.next(t),v.n.next(U),v.k.next(M),v.o.next(e.value),v.l.next(R),console.log("collectionVal-----\x3e"+a),v.m.next(a),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)v.O.next(!0);else{for(var o,i=null,l=0;l<n.panelList.length;l++)n.panelList[l].panel===U&&(i=n.panelList[l]);if((null===(o=i)||void 0===o?void 0:o.isNew)&&!0===i.isNew)v.O.next(!0);else if(e.isNew&&!0===e.isNew)v.O.next(!0);else{var c=null,r=y;if(console.log("colorList-windows----\x3e"+JSON.stringify(y)),r&&r.length>0){for(var s,d=0;d<r.length;d++)r[d].value===M&&(c=r[d]);return(null===(s=c)||void 0===s?void 0:s.isNew)&&!0===c.isNew?void v.O.next(!0):void v.O.next(qe(h,R))}v.O.next(qe(h,R))}}}(e)},src:e.image,alt:e.alt,className:"action-item"})),r.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&r.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},r.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(A.a,{id:"button-tooltip-".concat(a)},r.a.createElement("div",{className:"p-1 amarr-h6"},t.windowOptionUnavailableMessage))},r.a.createElement("div",{className:"panel-un-icon unavailable-icon"},r.a.createElement("img",{role:"button",loading:"lazy",src:Object(v.E)().concat("ic_unavailable.svg"),alt:"unavailable"})))))})),p&&p.length>we&&p.map((function(e,n){return n===we+1&&!te&&r.a.createElement("li",{className:"panel-design-item more-item-container",key:n,role:"button",onClick:function(){ae(!0),ze(!0),Ke()}},r.a.createElement("div",{className:"window"},r.a.createElement("img",{loading:"lazy",role:"button",className:"action-item",src:e.image,tabIndex:0})),r.a.createElement("p",{className:"panel-design-block-text body-text3"},"+",p.length-we),r.a.createElement("div",{className:"panel-design-more-items amarr-h5"},"+",p.length-we))})),_e&&r.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",role:" button",onClick:function(){ae(!1),ze(!1),Ke()}},r.a.createElement("div",{tabIndex:0,className:"panel-design-less-items amarr-h6 panel-view-less action-item"},t.showLessLabel))))),h&&h.length>0&&r.a.createElement("div",{className:"border-b pt-3 pb-2"},r.a.createElement("section",{className:"panel-design window-panel"},r.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.glassOptionsListLabel),r.a.createElement("ul",{className:"d-flex panel-design-container"},h&&h.length>0&&h.map((function(e,a){return(a<Le||h.length===Le+1&&a===Le||pe)&&r.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},r.a.createElement("div",{className:"window ".concat(R===e.value?"door-active":"")},r.a.createElement("img",{loading:"lazy",role:"button",tabIndex:0,onClick:function(){return function(e){if(Z(e.value),v.db.next(U+"-"+P+"-"+e.value+"-"+M),v.n.next(U),v.k.next(M),v.o.next(P),v.l.next(e.value),v.m.next(n.collection+"_"+U+"_"+P+"_"+e.value+"_"+M+Je()),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)v.O.next(!0);else{for(var t,a=null,o=0;o<n.panelList.length;o++)n.panelList[o].panel===U&&(a=n.panelList[o]);if((null===(t=a)||void 0===t?void 0:t.isNew)&&!0===a.isNew)v.O.next(!0);else if(e.isNew&&!0===e.isNew)v.O.next(!0);else{var i=null,l=p;if(l&&l.length>0){for(var c,r=0;r<l.length;r++)l[r].value===P&&(i=l[r]);if((null===(c=i)||void 0===c?void 0:c.isNew)&&!0===i.isNew)return void v.O.next(!0);var s=qe(y,M);v.O.next(s)}else v.O.next(!1)}}}(e)},src:e.image,alt:e.alt,className:"action-item"})),r.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&r.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},r.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(A.a,{id:"button-tooltip-".concat(a)},r.a.createElement("div",{className:"p-1 amarr-h6"},t.colorUnavailableMessage))},r.a.createElement("div",{className:"panel-un-icon unavailable-icon"},r.a.createElement("img",{role:"button",loading:"lazy",src:Object(v.E)().concat("ic_unavailable.svg"),alt:"unavailable"})))))})),h&&h.length>Le&&h.map((function(e,n){return n===we+1&&!pe&&r.a.createElement("li",{className:"panel-design-item more-item-container",key:n,role:"button",onClick:function(){ue(!0),Ve(!0),Ke()}},r.a.createElement("div",null,r.a.createElement("img",{tabIndex:0,loading:"lazy",role:"button",src:e.image,className:"action-item"})),r.a.createElement("p",{className:"panel-design-block-text body-text3"},"+",h.length-Le),r.a.createElement("div",{className:"panel-design-more-items amarr-h5"},"+",h.length-Le))})),Ze&&r.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",role:"button",onClick:function(){ue(!1),Ve(!1),Ke()}},r.a.createElement("div",{tabIndex:0,className:"panel-design-less-items panel-view-less amarr-h6 action-item"},t.showLessLabel))))),r.a.createElement("div",{className:"pt-3 pb-2"},r.a.createElement("section",{className:"panel-design"},r.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.colorListLabel),r.a.createElement("ul",{className:"d-flex panel-design-container"},y&&y.length>0&&y.map((function(e,n){return(n<Oe||y.length===Oe+1&&n===Oe||le)&&r.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item color-circle"),key:n},r.a.createElement("span",{role:"button",tabIndex:0,onClick:function(){return Ge(e)},className:"action-item door-color ".concat(M===e.value?"door-active":""),style:null!=e.colorImage?{backgroundImage:"url("+e.colorImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}:{backgroundColor:"#"+e.hexCode},"aria-label":"Button-Door-Color"}),r.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&r.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable color-unavailable")},r.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(A.a,{id:"button-tooltip-".concat(n)},r.a.createElement("div",{className:"p-1 amarr-h6"},t.colorUnavailableMessage))},r.a.createElement("div",{className:"color-un-icon unavailable-icon"},r.a.createElement("img",{loading:"lazy",role:"button",src:Object(v.E)().concat("ic_unavailable.svg"),alt:t.colorUnavailableMessage})))))})),y&&y.length>Oe&&y.map((function(e,n){return n===Oe+1&&!le&&r.a.createElement("li",{className:"panel-design-item more-item-container color-circle",key:n,role:"button",onClick:function(){ce(!0),Fe(!0),Ke()}},r.a.createElement("span",{tabIndex:0,className:"action-item door-color",style:{background:"#"+e.value}},r.a.createElement("p",{className:"color-design-more-items"},"+",y.length-Oe)))})),We&&r.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",role:"button",onClick:function(){ce(!1),Fe(!1),Ke()}},r.a.createElement("div",{tabIndex:0,className:"panel-design-more-items panel-view-less panel-design-less-items amarr-h6 action-item"},t.showLessLabel))))),r.a.createElement("div",{className:"modal fade alert-popup",id:"icon-popup",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body text-left feature-icons-body"},r.a.createElement("h4",{className:"mb-3"},q.name),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-lg-3"},r.a.createElement("img",{role:"presentation",loading:"lazy",src:q.popupimage,alt:q.popupalt})),r.a.createElement("div",{className:"col-lg-9"},r.a.createElement("p",{className:"body-text1",dangerouslySetInnerHTML:{__html:q.desc}}))))))))},S=function(e){var n=e.doorDetails,t=e.content,a=Object(c.useState)(!1),o=Object(l.a)(a,2),i=o[0],s=o[1],d=Object(c.useState)(!1),m=Object(l.a)(d,2),p=m[0],u=m[1];Object(c.useEffect)((function(){var e=!1;if(window.self!==window.top&&(u(!0),e=!0),!1===e&&localStorage.getItem("product-fav")){var t=localStorage.getItem("product-fav"),a=JSON.parse(t),o=!1;a.forEach((function(e){e.data.id===n.id&&(o=!0)})),s(o)}}),[]);return r.a.createElement("section",null,r.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},r.a.createElement("h1",{className:"opener-details-heading m-0"},n.productName),(null===n||void 0===n?void 0:n.isNew)&&n.isNew&&r.a.createElement("span",{className:"body-text3 new-icon"},t.newFlagText),!1===p&&"operators"!==t.productType&&t.favoritesLabel&&""!==t.favoritesLabel&&r.a.createElement("a",{onClick:function(){var e,t;if(s(!i),localStorage.getItem("product-fav-labels")){var a=localStorage.getItem("product-fav-labels");t=JSON.parse(a)}var o={id:n.id,title:n.productName,thumbnailImage:window.location.origin+n.images[0].url,type:n.type,url:window.location.href,chk:!1,doorImageLabel:t.doorImageLabel,doorImagePopupText:null===(e=t)||void 0===e?void 0:e.doorImagePopupText,productCategoryMappingCode:null===n||void 0===n?void 0:n.productCategoryMappingCode,doorData:"accessory"===n.type?[[t.productNameLabel,n.productName],[null,n.shortDescription]]:"openers"===n.type?[[t.productNameLabel,n.productName],[t.driveAttributeLabel,n.drive],[t.seriesLabelAttributeLabel,n.series],[t.forceLabelAttributeLabel,n.force],[t.horsePowerAttributeLabel,n.horsePower],[t.motorWarrantyAttributeLabel,n.warrantyMotor],[t.partsWarrantyAttributeLabel,n.warrantyParts]]:[[t.productNameLabel,n.productName]]};if(!1===i)if(!1===p&&localStorage.getItem("product-fav")){var l=localStorage.getItem("product-fav"),c=JSON.parse(l),r=!1;c.forEach((function(e){e.data.id===n.id&&(r=!0)})),!1===r&&(c.push({data:o,time:new Date}),localStorage.setItem("product-fav",JSON.stringify(c)))}else{var d=[];d.push({data:o,time:new Date}),!1===p&&localStorage.setItem("product-fav",JSON.stringify(d))}else if(!1===p&&localStorage.getItem("product-fav")){var m=localStorage.getItem("product-fav"),u=JSON.parse(m),g=-1;u.forEach((function(e,t){e.data.id===n.id&&(g=t)})),u.splice(g,1),localStorage.setItem("product-fav",JSON.stringify(u))}}},!0===i?r.a.createElement("img",{loading:"lazy",className:"rating-fill",src:Object(v.E)().concat("ic-fav-red-fill.svg"),alt:"Favorite"}):r.a.createElement("img",{loading:"lazy",className:"rating-fill",src:Object(v.E)().concat("ic-fav.svg"),alt:"Favorite"}))))},C=t(53),T=t.n(C),U=function(e){var n=e.doorDetails,t=e.content,a=e.productData,o=e.campaignData,i=e.productDataCallback;Object(c.useEffect)((function(){l()}),[]);var l=function(){var e,t,a,l;if(localStorage.getItem("product-fav-labels")){var c=localStorage.getItem("product-fav-labels");l=JSON.parse(c)}var r=window.location.origin+n.assets[0].url+"/jcr:content/renditions/thumbnail-232-250.jpeg",s=window.location.origin+window.location.pathname+"?&price="+Object(v.y)(null===o||void 0===o?void 0:o.price)+"&campaignId="+Object(v.y)(null===o||void 0===o?void 0:o.campaignId)+((null===o||void 0===o?void 0:o.queryParams)?null===o||void 0===o?void 0:o.queryParams:""),d={campaignId:null===o||void 0===o?void 0:o.campaignId,price:null===o||void 0===o?void 0:o.price,title:n.productName,thumbnailImage:r,url:s,type:n.type,doorImageLabel:null===(e=l)||void 0===e?void 0:e.doorImageLabel,doorImagePopupText:null===(t=l)||void 0===t?void 0:t.doorImagePopupText,doorData:[[null===(a=l)||void 0===a?void 0:a.productNameLabel,n.productName]]};i(d)};return r.a.createElement("section",null,r.a.createElement("div",{className:"d-flex align-items-center pb-1"},r.a.createElement("h1",{className:"amarr-h3 font-weight-semi mb-0"},n.productName),n.isNew&&r.a.createElement("span",{className:"new-icon body-text3"},t.newFlagText)),!t.ratingReviewsDisabled&&r.a.createElement("div",{className:"door-header-power-reviews pb-3 border-b"},r.a.createElement("div",{id:"pr-reviewsnippet"})),o&&o.price&&r.a.createElement("div",{className:" "},r.a.createElement("h2",{className:"carousel-heading",id:"campaign_price"},o.price)),n.shortDescriptionInPdp&&""!=n.shortDescriptionInPdp&&r.a.createElement("div",{className:"body-text2 border-b",dangerouslySetInnerHTML:{__html:n.shortDescriptionInPdp}}),n.description&&""!=n.description&&r.a.createElement("div",{className:"py-3"},r.a.createElement("div",{className:"body-text2 enable-list-style",dangerouslySetInnerHTML:{__html:n.description}})),r.a.createElement("div",{className:"row col-xl-8 col-12 mb-3 mb-md-0 commercial-bottom-space"},n.productDocuments&&n.productDocuments.length>0&&r.a.createElement("div",{className:"list-width pb-3"},t.productDocumentsLabel&&""!==t.productDocumentsLabel&&r.a.createElement("h2",{className:"amarr-h5 mb-2"},t.productDocumentsLabel),r.a.createElement("div",null,n.productDocuments.map((function(e,n){return r.a.createElement("div",{className:"list-item",key:n},r.a.createElement("p",{className:"body-text2 mb-0 text-container mr-2 mr-md-0"},e.title),e.items.map((function(e,n){return r.a.createElement("div",{key:n,id:e.name,className:"download-icon-style mr-2 ml-1 ml-md-0 mr-md-0 ml-md-2",onClick:function(){return n=e.path,t=e.name,void(n&&(Object(v.b)(),d.a.get(n,{responseType:"blob"}).then((function(e){return T.a.saveAs(e.data,t),Object(v.Z)(),e}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))));var n,t}},"pdf"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("pdf-color.svg"),alt:"pdf icon"}),"dwg"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("dwg-color.svg"),alt:"dwg icon"}),"dxf"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("dxf-color.svg"),alt:"dxf icon"}),"rfa"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("rfa-color.svg"),alt:"rfa icon"}),"skp"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("skp-color.svg"),alt:"skp icon"}),"doc"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("doc-color.svg"),alt:"doc icon"}),"docx"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("docx-color.svg"),alt:"docx icon"}),"rtf"===e.extension&&r.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:Object(v.E)().concat("rtf-color.svg"),alt:"rtf icon"}))})))})))),t.productLinksLabel&&t.productLinksCta&&t.productLinksCta.length>0&&r.a.createElement("div",null,r.a.createElement("h2",{className:"amarr-h5"},t.productLinksLabel),r.a.createElement("div",null,"noTheme"===t.productLinksCta.color&&t.productLinksCta.isInternal&&r.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction},t.productLinksCta.label,r.a.createElement("img",{loading:"lazy",className:"pl-2",src:Object(v.E)().concat("ic_link.svg"),alt:"link icon"})),"noTheme"===t.productLinksCta.color&&!t.productLinksCta.isInternal&&"_self"===t.productLinksCta.linkAction&&r.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction},t.productLinksCta.label,r.a.createElement("img",{loading:"lazy",className:"pl-2",src:Object(v.E)().concat("ic_link.svg"),alt:"link icon"})),"noTheme"===t.productLinksCta.color&&!t.productLinksCta.isInternal&&"_blank"===t.productLinksCta.linkAction&&r.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction,rel:"noopener"},t.productLinksCta.label,r.a.createElement("img",{loading:"lazy",className:"pl-2",src:Object(v.E)().concat("ic_link.svg"),alt:"link icon"})),"noTheme"!==t.productLinksCta.color&&r.a.createElement(m.a,{label:Object(v.i)(t.productLinksCta.label),link:!0,linkHref:t.productLinksCta.url,target:t.productLinksCta.linkAction,inverse:"inverse"===t.productLinksCta.color})))),t.ctaItems&&t.ctaItems.length>0&&r.a.createElement("div",{className:"cta-list"},t.ctaItems.map((function(e,n){return r.a.createElement("div",{className:"cta-item-list",key:n},r.a.createElement(m.a,{inverse:"inverse"===e.color,label:Object(v.i)(e.label),link:!0,linkHref:e.url+"?productData="+Object(v.y)(a)+((null===o||void 0===o?void 0:o.campaignId)?"&source=campaign":"&source=pdp")+((null===o||void 0===o?void 0:o.queryParams)?null===o||void 0===o?void 0:o.queryParams:""),target:e.linkAction}))}))))},I=h.default.section.withConfig({displayName:"styles__Content",componentId:"jqaaz2-0"})([".tab-heading{box-shadow:0 4px 12px 0 var(--black-shadow);border-top:1px solid var(--border-color);ul{margin-left:0px;li{padding:20px 40px 0px 0;.active{h3{font-weight:var(--font-weight-semi-bold) !important;border-bottom:solid 3px var(--accent);}}h3{padding-bottom:20px;}a{color:var(--text-color);padding-bottom:22px;&:hover{text-decoration:none;}}}}.nav-tabs{border-bottom:none;}}.door-style .tab-heading ul li a.active{font-weight:var(--font-weight-semi-bold) !important;border-bottom:solid 3px var(--accent);padding-bottom:4px;}.tab-content{padding-top:30px;padding-bottom:30px;}.single-img{position:relative;background-color:var(--bg-main);border-radius:4px;border:solid 1px var(--border-color);width:240px;height:180px;display:flex;align-items:var(--text-center);justify-content:var(--text-center);.door-img{width:calc(30%);}}.font-weight-semi{font-weight:var(--font-weight-semi-bold);}.accessory-container{display:flex;align-items:var(--text-center);padding-bottom:36px;@media screen and ","{flex-direction:column;align-items:flex-start;.img-container{margin-bottom:20px;width:100%;}}@media screen and ","{.img-container{flex:0 0 25%;height:180px;margin-right:36px;img{max-height:178px;}}}@media screen and ","{max-width:60%;}}.accessory-header{padding-bottom:12px;}.accessory-text{font-size:var(--font-size-m2);max-width:calc(60%);}.brochure-container{display:flex;gap:36px;flex-wrap:wrap;img{border-radius:var(--border-radius);}}.door-details{.table{border:1px solid var(--border-color);border-top:1px solid var(--border-color);th{border-top:none;}}}.warranty-container{display:flex;gap:24px;}.color-div{height:6vw;width:6vw;border-radius:var(--border-radius);}@media ","{.tab-heading{.nav-tabs{li{padding:12px 40px 0px 0;h3{padding-bottom:12px;}a{padding-bottom:10px;}}}}}@media ","{.tab-heading{.nav-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;&::-webkit-scrollbar{width:0 !important;display:none;}li{flex:none;padding:15px 20px 0px 0;h3{padding-bottom:15px;}a{padding-bottom:10px;}}}}.door-style .tab-heading ul li a.active{font-weight:var(--font-weight-semi-bold) !important;border-bottom:solid 2px var(--accent);padding-bottom:6px;}.door-style .tab-heading .nav-tabs{padding-bottom:6px;}}"],x.b.mobileMax,x.b.tabletPortraitAndUp,x.b.desktopMin,x.b.mediumDesktopAndUp3Max,x.b.desktopAndUpMax),_=function(e){var n,t,a=e.doorDetails,o=Object(c.useState)({featureTitle:"",featureDescription:"",featureImage:"",imageAltText:"",featureIconImage:"",iconImageAltText:""}),i=Object(l.a)(o,2),s=i[0],d=i[1];return Object(c.useEffect)((function(){!function(){var e=document.getElementsByClassName("anchor_icon");Array.from(e).forEach((function(e){e.children[0]||(e.innerHTML=e.innerHTML+'<img loading="lazy"\n            class="pl-2"\n            src={getAssetPath().concat("ic_link_blue.svg")}\n            alt = "link icon"\n             /> ')}))}()}),[]),Object(c.useEffect)((function(){$(".circle-ol, .square-ol, .number-ol").parent().css("list-style","none"),$(".rte-bullet-green").closest("li").addClass("rte-green"),$(".ul-indent").parent().parent().addClass("ul-indent-left")})),r.a.createElement("section",{className:"door-overview door-details-ul door-details-li body-text2"},r.a.createElement("div",{className:"overview-content",dangerouslySetInnerHTML:{__html:a.data.body.text}}),a.data.specificationLabel&&a.data.specificationList&&a.data.specificationList.length>0&&r.a.createElement("div",{className:"overview-content"},r.a.createElement("h4",{className:"pb-2 amarr-h5"},a.data.specificationLabel),r.a.createElement("div",{className:"row specification"},r.a.createElement("div",{className:"table-responsive"},r.a.createElement("table",{className:"table table-striped",role:"table"},a.data.colNameList&&a.data.colNameList.length>0&&r.a.createElement("thead",null,r.a.createElement("tr",null,r.a.createElement("th",null),a.data.colNameList&&a.data.colNameList.length>0&&a.data.colNameList.map((function(e,n){return r.a.createElement("th",{key:n},e.text)})))),r.a.createElement("tbody",null,a.data.specificationList&&a.data.specificationList.length>0&&a.data.specificationList.map((function(e,n){return r.a.createElement("tr",{key:n},r.a.createElement("th",null,e.specificationName),e.specificationValues&&e.specificationValues.length>0&&e.specificationValues.map((function(e,n){return r.a.createElement("td",{key:n},e.text)})))}))))))),a.data.featuresLabel&&a.data.featuresList&&a.data.featuresList.length>0&&r.a.createElement("div",{className:"overview-content"},a.data.featuresLabelHeadingStyle&&""!==a.data.featuresLabelHeadingStyle?r.a.createElement(a.data.featuresLabelHeadingStyle,null,r.a.createElement("div",{className:"pb-1"},a.data.featuresLabel)):r.a.createElement("h4",{className:"pb-1"},a.data.featuresLabel),r.a.createElement("div",{className:"overview-features overview-column "},a.data.featuresList&&a.data.featuresList.length>0&&a.data.featuresList.map((function(e,n){return r.a.createElement("div",{className:" feature-item feature-item-col ",key:n},r.a.createElement("div",{className:"feature-item-img-container"},r.a.createElement("img",{loading:"lazy",className:"tab-action-item",src:e.featureIconImage,alt:e.iconImageAltText?e.iconImageAltText:"feature-item-img".concat(n),onClick:function(){return d(e)},"data-toggle":"modal",role:"presentation","data-target":"#icon-popup1",tabIndex:0})),r.a.createElement("p",{className:"pl-1 body-text2"},e.featureTitle))})))),(null===a||void 0===a||null===(n=a.data)||void 0===n||null===(t=n.bottomText)||void 0===t?void 0:t.text)&&r.a.createElement("div",{dangerouslySetInnerHTML:{__html:a.data.bottomText.text}}),r.a.createElement("div",{className:"modal fade alert-popup",id:"icon-popup1",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body text-left feature-popup-body"},r.a.createElement("h4",{className:"mb-3"},null===s||void 0===s?void 0:s.featureTitle),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"".concat((null===s||void 0===s?void 0:s.featureDescription)?"col-lg-4":""," ")},r.a.createElement("img",{loading:"lazy",role:"presentation",src:null===s||void 0===s?void 0:s.featureImage,alt:null===s||void 0===s?void 0:s.imageAltText})),(null===s||void 0===s?void 0:s.featureDescription)&&r.a.createElement("div",{className:"col-lg-8"},r.a.createElement("p",{className:"body-text1 pt-2 pt-lg-0",dangerouslySetInnerHTML:{__html:null===s||void 0===s?void 0:s.featureDescription}}))))))))},z=t(34),P=function(e){var n,t=e.doorDetails,a=e.content,o=Object(c.useState)([]),i=Object(l.a)(o,2),s=i[0],m=i[1],p=Object(c.useState)(!1),u=Object(l.a)(p,2),g=u[0],b=u[1],h=Object(c.useState)(""),x=Object(l.a)(h,2),f=x[0],w=x[1],y=Object(c.useState)([]),E=Object(l.a)(y,2),k=E[0],N=E[1],j=Object(c.useState)(""),D=Object(l.a)(j,2),M=D[0],S=D[1],C=Object(c.useState)(""),T=Object(l.a)(C,2),U=T[0],I=T[1],_=Object(c.useState)(""),P=Object(l.a)(_,2),H=P[0],W=P[1],F=Object(c.useState)(""),$=Object(l.a)(F,2),R=$[0],Z=$[1],V=Object(c.useState)(""),G=Object(l.a)(V,2),J=G[0],B=G[1],q=Object(c.useState)(""),K=Object(l.a)(q,2),X=K[0],Y=K[1],Q=Object(c.useState)(""),ee=Object(l.a)(Q,2),ne=ee[0],te=ee[1],ae=Object(c.useState)(!1),oe=Object(l.a)(ae,2),ie=oe[0],le=oe[1],ce=Object(c.useState)(""),re=Object(l.a)(ce,2),se=re[0],de=re[1],me=Object(c.useState)({label:"",url:"",linkAction:"",visible:!0,isInternal:!0,color:""}),pe=Object(l.a)(me,2),ue=pe[0],ge=pe[1];Object(c.useEffect)((function(){be(),Object(v.F)().subscribe((function(e){b(e)}))}),[]);var be=function(){Object(v.b)(),d.a.get(t.apiPath).then((function(e){var n,t,a,o,i=e.data.designOptions,l=e.data.cta;m(i),w(null===(n=e.data.body)||void 0===n?void 0:n.text),N(e.data.colorsList),S(e.data.colorsLabel),Z(null===(t=e.data.materialOptions)||void 0===t?void 0:t.text),B(e.data.heading),Y(null===(a=e.data.leftSection)||void 0===a?void 0:a.text),te(null===(o=e.data.rightSection)||void 0===o?void 0:o.text),ge(l),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))};return r.a.createElement("section",{className:"design-options door-details-ul"},g&&r.a.createElement(O.a,null),R&&r.a.createElement("div",{className:"".concat(R&&"enable-list-style mb-3"),dangerouslySetInnerHTML:{__html:R}}),J&&J.length>0&&r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"".concat(J)},r.a.createElement("h4",{className:"door-title amarr-h3"},J)),X&&ne&&r.a.createElement("div",{className:"box_container"},X&&X.length>0&&r.a.createElement("div",{className:"".concat(X&&"enable-list-style mb-3"),dangerouslySetInnerHTML:{__html:X}}),ne&&ne.length>0&&r.a.createElement("div",{className:"".concat(ne&&"enable-list-style mb-3"),dangerouslySetInnerHTML:{__html:ne}}))),ue&&(null===ue||void 0===ue||null===(n=ue.label)||void 0===n?void 0:n.length)>0&&r.a.createElement("div",{className:""},r.a.createElement(z.a,null),r.a.createElement("a",{className:"amarrHighlight",href:ue.url,target:ue.linkAction},ue.label,r.a.createElement("img",{loading:"lazy",className:"pl-2",src:Object(v.E)().concat("ic_link_blue.svg"),alt:"link icon"})),r.a.createElement(z.a,null)),r.a.createElement("ul",null,s&&s.length>0&&s.map((function(e,n){return r.a.createElement("li",{className:"design-options-section",key:n},r.a.createElement("h4",{className:"door-title amarr-h3"},e.label),e.images&&e.images.length&&r.a.createElement("ul",{className:"door-image-block my-3"},e.images.map((function(n,t){return r.a.createElement("li",{className:"image-text-li-container",key:t},r.a.createElement("div",{className:"door-img-container door-img-contain"},r.a.createElement("img",{loading:"lazy","data-toggle":"modal","data-target":"#image-popup",onClick:function(){return function(e,n){le(n),de(e.title),I(e.url),W(e.altText)}(n,e.showImageTitle)},src:n.url,alt:n.altText})),r.a.createElement("p",{className:"door-text body-text2"},n.title))}))))}))),M&&r.a.createElement("h4",{className:"amarr-h3"},M),k&&k.length>0&&r.a.createElement("div",{className:"panel-design pb-4 mb-4"},r.a.createElement("ul",{className:"d-flex design-options-container"},k.map((function(e,n){return r.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item color-circle-tab"),key:n},r.a.createElement("span",{className:"action-item door-color",style:null!=e.colorImage?{backgroundImage:"url("+e.colorImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}:{backgroundColor:"#"+e.hexCode},"aria-label":"door-Color"}),r.a.createElement("p",{className:"panel-design-block-text body-text3"},e.colorTitle),!1===e.available&&r.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},r.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(A.a,{id:"button-tooltip-".concat(n)},r.a.createElement("div",{className:"p-1 amarr-h6"},a.colorUnavailableMessage))},r.a.createElement("div",{className:"panel-un-icon unavailable-icon"},r.a.createElement("img",{loading:"lazy",src:Object(v.E)().concat("ic_unavailable.svg"),alt:"unavailable"})))))})))),f&&r.a.createElement("div",{dangerouslySetInnerHTML:{__html:f}}),r.a.createElement("div",{className:"modal fade alert-popup zoom-popup",id:"image-popup",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body text-center"},ie&&r.a.createElement("h3",{className:"img-label"},se),r.a.createElement("img",{loading:"lazy",role:"presentation",src:U,alt:H}))))))},H=function(e){var n=e.doorDetails,t=Object(c.useState)([]),a=Object(l.a)(t,2),o=a[0],i=a[1],s=Object(c.useState)([]),m=Object(l.a)(s,2),p=m[0],u=m[1],g=Object(c.useState)(""),b=Object(l.a)(g,2),h=b[0],x=b[1],f=Object(c.useState)(""),w=Object(l.a)(f,2),y=w[0],E=w[1],k=Object(c.useState)(""),N=Object(l.a)(k,2),j=(N[0],N[1]),D=Object(c.useState)(!1),L=Object(l.a)(D,2),A=L[0],M=L[1];Object(c.useEffect)((function(){S(),C(),Object(v.F)().subscribe((function(e){M(e)}));var e=document.getElementsByClassName("style-tabs"),n=document.getElementsByClassName("style-pane");e[0].classList.add("active"),n[0].classList.add("active"),n[0].classList.remove("fade")}),[]);var S=function(){var e="";n.forEach((function(n){"standardDoorDesignsTab"===n.type&&(e=n.apiPath)})),e.length>0&&(Object(v.b)(),d.a.get(e).then((function(e){i(e.data),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()})))},C=function(){var e="";n.forEach((function(n){"mosaicDoorDesignsTab"===n.type&&(e=n.apiPath)})),e.length>0&&(Object(v.b)(),d.a.get(e).then((function(e){u(e.data),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()})))},T=function(e,n){x(e.image),E(e.altText),j(n)};return r.a.createElement("section",{className:"door-style door-details-ul"},A&&r.a.createElement(O.a,null),r.a.createElement("div",{className:"tab-heading sub-tabs"},r.a.createElement("div",{className:""},r.a.createElement("ul",{className:"nav nav-tabs"},n&&n.length>0&&n.map((function(e,n){return r.a.createElement("li",{key:n},"standardDoorDesignsTab"===e.type&&r.a.createElement("a",{"data-toggle":"tab",href:"#door-style",className:"style-tabs body-text1"},e.text),"mosaicDoorDesignsTab"===e.type&&p&&p.length>0&&r.a.createElement("a",{"data-toggle":"tab",href:"#mosaic-style",className:"style-tabs body-text1"},e.text))}))))),r.a.createElement("div",{className:"tab-content"},r.a.createElement("div",{id:"door-style",className:"style-pane tab-pane fade door-style-ul"},o&&o.length>0&&r.a.createElement("ul",{className:"door-image-block my-3"},o.map((function(e,n){return r.a.createElement("li",{className:"image-text-li-container",key:n},r.a.createElement("div",{className:"door-img-container"},e.images&&e.images.length>0&&e.images.map((function(e,t){return r.a.createElement("img",{loading:"lazy",key:t,"data-toggle":"modal","data-target":"#imagePopUp",src:e.thumbnailImage,alt:e.altText,role:"presentation",className:"tab-action-item",tabIndex:0,onClick:function(){return T(e,"image-popup-doorstyle-"+n)}})}))),r.a.createElement("p",{className:"door-text body-text2"},e.title))})))),r.a.createElement("div",{id:"mosaic-style",className:"style-pane tab-pane fade"},p&&p.length>0&&r.a.createElement("ul",{className:"door-image-block my-3 mosiac-style-ul"},p.map((function(e,n){return r.a.createElement("li",{className:"mosaic-tile",key:n},r.a.createElement("div",{className:"door-img-container"},r.a.createElement("img",{loading:"lazy","data-toggle":"modal","data-target":"#imagePopUp",src:e.thumbnailImage,tabIndex:0,className:"tab-action-item",alt:e.altText,role:"presentation",onClick:function(){return T(e,"image-popup-mosaic-"+n)}})),r.a.createElement("p",{className:"door-text body-text2"},e.title))}))))),r.a.createElement("div",{className:"modal fade alert-popup zoom-popup",id:"imagePopUp",role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body text-center"},r.a.createElement("img",{loading:"lazy",src:h,alt:y,role:"presentation"}))))))},W=function(e){var n=e.doorDetails,t=Object(c.useState)([]),a=Object(l.a)(t,2),o=a[0],i=a[1],s=Object(c.useState)(),m=Object(l.a)(s,2),p=m[0],u=m[1],g=Object(c.useState)(),b=Object(l.a)(g,2),h=b[0],x=b[1],f=Object(c.useState)(!1),w=Object(l.a)(f,2),y=w[0],E=w[1];Object(c.useEffect)((function(){k(),Object(v.F)().subscribe((function(e){E(e)}))}),[]);var k=function(){Object(v.b)(),d.a.get(n.apiPath).then((function(e){u(e.data.headingStyle),x(e.data.header.text),i(e.data.productDocumentTab),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))};return r.a.createElement("section",{className:"brochures-installation door-details-ul"},y&&r.a.createElement(O.a,null),"h1"===p&&r.a.createElement("h1",null,h),"h2"===p&&r.a.createElement("h2",null,h),"h3"===p&&r.a.createElement("h3",null,h),"h4"===p&&r.a.createElement("h4",null,h),"h5"===p&&r.a.createElement("h5",null,h),"h6"===p&&r.a.createElement("h6",null,h),o&&o.length>0&&r.a.createElement("ul",{className:"door-image-block my-3"},o.map((function(e,n){return r.a.createElement("li",{className:"brochure-image-container",key:n},r.a.createElement("div",{className:"door-img-container"},r.a.createElement("a",{href:e.path,target:"_blank",className:"tab-action-item"},r.a.createElement("img",{loading:"lazy",src:e.image.url,role:"presentation",alt:e.imagealtText?e.imagealtText:e.name}))),r.a.createElement("a",{className:"door-text amarr-h5",href:e.path,target:"_blank",id:e.name},e.name))}))))},F=function(e){var n=e.doorDetails;return r.a.createElement("section",null,n.data&&n.data.length>0&&n.data.map((function(e,n){return r.a.createElement("div",{className:"accessory-container",key:n},e.images&&e.images.length>0&&r.a.createElement("a",{href:e.url,className:"img-container"},r.a.createElement("img",{loading:"lazy",role:"presentation",src:e.images[0].url,alt:e.images[0].altText})),r.a.createElement("div",null,r.a.createElement("a",{href:e.url,className:"color-heading"},r.a.createElement("h4",{className:"accessory-header m-0 amarr-h5"},e.productName)),r.a.createElement("div",{className:"body-text2",dangerouslySetInnerHTML:{__html:e.shortDescription}})))})))},R=function(e){var n=e.doorDetails;return r.a.createElement("section",null,n.data&&n.data.length>0&&n.data.map((function(e,n){return r.a.createElement("div",{className:"accessory-container",key:n},r.a.createElement("a",{href:e.url,className:"img-container"},e.images&&e.images.length>0&&r.a.createElement("img",{loading:"lazy",role:"presentation",src:e.images[0].url,alt:e.images[0].altText})),r.a.createElement("div",null,r.a.createElement("a",{href:e.url,className:"color-heading"},r.a.createElement("h4",{className:"accessory-header m-0 amarr-h5"},e.productName)),r.a.createElement("div",{className:"body-text2",dangerouslySetInnerHTML:{__html:e.shortDescription}})))})))},Z=function(e){var n=e.doorDetails;return r.a.createElement("section",{className:"brochures-installation door-details-ul"},r.a.createElement(n.data.headingStyle,null,n.data.header.text),r.a.createElement("ul",{className:"door-image-block my-3"},n.data.productDocumentTab&&n.data.productDocumentTab.length>0&&n.data.productDocumentTab.map((function(e,n){return r.a.createElement("li",{key:n,className:"brochure-image-container"},r.a.createElement("div",{className:"door-img-container"},r.a.createElement("a",{href:e.path,target:"_blank","aria-label":e.image.altText},r.a.createElement("img",{loading:"lazy",src:e.image.url,alt:e.image.altText?e.image.altText:e.name}))),r.a.createElement("a",{href:e.path,className:"amarr-h5 door-text",target:"_blank","aria-label":e.image.altText},e.name))}))))},V=function(){return r.a.createElement("section",{className:"door-header"},r.a.createElement("div",{id:"pr-reviewdisplay"}))},G=t(54),J=t.n(G),B=(t(78),t(79),h.default.section.withConfig({displayName:"styles__Content",componentId:"sc-1u8786f-0"})([".slick-slider-height .slick-slider .slick-list .slick-track .slick-current{@media  "," and ","{height:740px !important;}@media "," and ","{height:640px !important;}@media "," and ","{height:740px !important;}@media ","{height:740px !important;}}.slick-slider-height .slick-slider .slick-list .slick-track .slick-current .slick-slider-container img{@media  "," and ","{max-height:325px !important;height:325px !important;}@media "," and ","{max-height:385px !important;height:385px !important;}@media "," and ","{max-height:485px !important;height:485px !important;}@media ","{max-height:485px !important;height:485px !important;}}.slick-slider-custom{.slider-background{padding:28px;@media screen and "," and ","{padding:28px 60px;}@media screen and "," and ","{padding:28px 46px;}@media screen and "," and ","{padding:28px 36px;}@media screen and ","{padding:0;}}.slick{&-dots{padding-top:1.5rem;bottom:auto;left:0;text-align:left;display:flex !important;li{max-width:140px;max-height:140px;width:auto;height:auto;padding:2px;margin-bottom:5px;border-radius:4px;border:solid 1px var(--border-color);background-color:var(--bg-main);display:inline-flex;align-items:var(--text-center);justify-content:var(--text-center);img,video{max-height:95px;@media ","{max-width:80px;}}}}&-slider{max-width:100%;&-container{display:flex !important;align-items:var(--text-center);gap:20px;@media ","{flex-direction:column;}}}&-list{margin:0;img{max-height:480px;@media screen and "," and ","{max-height:230px;}@media screen and "," and ","{max-height:298px;}}video{max-height:330px;@media screen and ","{max-height:330px;}@media screen and "," and ","{max-height:200px;}@media  "," and ","{max-height:240px;}@media  "," and ","{max-height:290px;}}.play-pause-image{.circle{width:60px;height:60px;top:calc(50% - 4px);left:calc(50% - 30px);@media screen and "," and ","{width:44px;height:44px;top:calc(50% - -6px);left:calc(50% - 22px);}@media screen and ","{top:calc(50% - 2px);}}.play-pause-icon{top:calc(50% - 4px);left:calc(50% - 30px);height:60px;width:60px;@media screen and "," and ","{width:76px;left:calc(50% - 38px);}@media screen and "," and ","{width:54px;height:45px;top:calc(50% - -6px);left:calc(50% - 26px);}@media screen and ","{width:60px;height:60px;top:calc(50% - 2px);left:calc(50% - 30px);}}}}&-prev{left:2.5%;&:before{background-image:",";}}&-next{right:2.5%;&:before{background-image:",';}}&-prev,&-next{background:var(--bg-main);border-radius:50%;z-index:99;&:before{background-size:contain;display:inline-block;width:40px;height:40px;content:"";background-repeat:no-repeat;@media ',"{width:30px;height:30px;}}}}}@media ","{.slick-slider-custom{.slick-active{border-width:2px !important;}}}.sticky-slider-costco{.panel-nav-slider{font-size:8px;img,video{@media screen and "," and ","{max-height:70px;}}}.slick-slider-container{gap:10px;img,video{@media screen and "," and ","{max-height:230px;}}}&.slick-slider-custom{.slider-background{padding:20px;@media screen and "," and ","{padding:20px 60px;}@media screen and "," and ","{padding:20px 46px;}@media screen and "," and ","{padding:20px 36px;}@media screen and ","{padding:0;}}}}"],x.b.desktopAndUp,x.b.mediumDesktopAndUp4Max,x.b.mediumDesktopAndUp,x.b.mediumDesktopAndUp2Max,x.b.mediumDesktopAndUp2,x.b.extraLargeMax,x.b.extraLargeMin,x.b.desktopAndUp,x.b.mediumDesktopAndUp4Max,x.b.mediumDesktopAndUp,x.b.mediumDesktopAndUp2Max,x.b.mediumDesktopAndUp2,x.b.extraLargeMax,x.b.extraLargeMin,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp4Max,x.b.desktopAndUp,x.b.smallDesktopAndUp2Max,x.b.tabletPortraitAndUp,x.b.desktop2Max,x.b.mobileMax,x.b.smallDesktopAndUp3Max,x.b.tabletPortraitAndUpMax,x.b.desktopMin,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitAndUpMax,x.b.largeMobileMin,x.b.desktopAndUpMax,x.b.desktopMin,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp3Max,x.b.tabletPortraitAndUp,x.b.tabletPortraitMax,x.b.mobileMax,x.b.tabletLandscapeAndUp,x.b.desktopAndUpMax,x.b.tabletPortraitAndUp,x.b.tabletPortraitMax,x.b.mobileMax,(function(){return"url("+Object(v.E)().concat("arrow-left-carousel.svg")+")"}),(function(){return"url("+Object(v.E)().concat("arrow-right-carousel.svg")+")"}),x.b.mediumDesktopAndUp3Max,x.b.smallDesktopAndUp2Max,x.b.desktopAndUp,x.b.smallDesktopAndUp2Max,x.b.desktopAndUp,x.b.smallDesktopAndUp2Max,x.b.mediumDesktopMin,x.b.mediumDesktopAndUp4Max,x.b.desktopAndUp,x.b.smallDesktopAndUp2Max,x.b.tabletPortraitAndUp,x.b.desktop2Max,x.b.mobileMax)),q=t(57),K=function(e){var n=e.doorDetails,t=Object(c.useState)([]),a=Object(l.a)(t,2),o=a[0],i=a[1],s=Object(c.useState)(!1),p=Object(l.a)(s,2),u=p[0],g=p[1],b=Object(c.useState)([]),h=Object(l.a)(b,2),x=h[0],f=h[1],w=Object(c.useState)(!1),y=Object(l.a)(w,2),E=y[0],k=y[1],N=Object(c.useState)(),j=Object(l.a)(N,2),D=j[0],L=j[1],A=Object(c.useState)(),M=Object(l.a)(A,2),S=M[0],C=M[1],T=[],U=[];r.a.useEffect((function(){setTimeout((function(){L(T),C(U)}),1e3)}),[T,U]),Object(c.useEffect)((function(){I(),Object(v.F)().subscribe((function(e){g(e)}))}),[]);var I=function(){Object(v.b)(),d.a.get(n.apiPath).then((function(e){if(i(e.data.carouselItems),e.data.carouselItems&&e.data.carouselItems.length>0){var n=[];e.data.carouselItems.forEach((function(e){e.image&&n.push({url:e.image.url,altText:e.image.altText})})),f(n),k(n.length>8)}Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))},_={dots:!1,infinite:!!E,speed:500,arrows:!1,slidesToShow:1,slidesToScroll:1,focusOnSelect:!0,centerMode:!1,initialSlide:0,swipeToSlide:!0},z={dots:!1,infinite:!!E,speed:500,arrows:!!E,slidesToScroll:1,className:"slick-slider-indicators",swipeToSlide:!0,slidesToShow:8,focusOnSelect:!0,centerMode:!1,initialSlide:1,responsive:[{breakpoint:1025,settings:{slidesToShow:5,slidesToScroll:3}},{breakpoint:767,settings:{slidesToShow:3,slidesToScroll:1,initialSlide:0,infinite:!0,arrows:!1}}]};return r.a.createElement(B,null,r.a.createElement("section",null,u&&r.a.createElement(O.a,null),r.a.createElement("section",{className:"slick-slider-custom slick-slider-custom-gallery"},r.a.createElement(J.a,Object.assign({asNavFor:S,ref:function(e){return T=e}},_,{afterChange:function(){return $(".slick-next").hasClass("slick-disabled")?$(".slick-next").attr("aria-disabled","true"):$(".slick-next").removeAttr("aria-disabled"),$(".slick-prev").hasClass("slick-disabled")?$(".slick-prev").attr("aria-disabled","true"):$(".slick-prev").removeAttr("aria-disabled"),$.each($(".slick-slider-indicators .slick-slide"),(function(){$(this).removeAttr("aria-pressed")})),$(".slick-slider-indicators .slick-current").attr("aria-pressed","true").attr("tabindex","0"),$(".slick-slider-indicators .slick-slide").removeAttr("tabindex"),$(".slick-slider-indicators .slick-slide").attr("role","button"),void $(".slick-slider-indicators .slick-slide img").attr("tabindex","0")}}),o&&o.length>0&&o.map((function(e,n){var t,a,o,i,l,c,s,d,p,u,g,b,h,x,f,w=null===e||void 0===e||null===(t=e.xyDoorCordinates)||void 0===t?void 0:t.bracketsAlignment,y=null===e||void 0===e||null===(a=e.xyDoorCordinates)||void 0===a?void 0:a.bracketAlignmentTop,E=null===e||void 0===e||null===(o=e.xyDoorCordinates)||void 0===o?void 0:o.bracketAlignmentRight,k=null===e||void 0===e||null===(i=e.xyDoorCordinates)||void 0===i?void 0:i.bracketAlignmentBottom,O=null===e||void 0===e||null===(l=e.xyDoorCordinates)||void 0===l?void 0:l.bracketAlignmentLeft,N={},j={};(null===e||void 0===e||null===(c=e.image)||void 0===c?void 0:c.imageOrientation)&&(N={flex:"0 0 "+((null===e||void 0===e||null===(x=e.image)||void 0===x?void 0:x.imageOrientation.split("-")[0])+"%")},j={flex:"0 0 "+((null===e||void 0===e||null===(f=e.image)||void 0===f?void 0:f.imageOrientation.split("-")[1])+"%")});return r.a.createElement("div",{key:n,className:"slick-slider-container","aria-label":(null===e||void 0===e||null===(s=e.image)||void 0===s?void 0:s.altText)?null===e||void 0===e||null===(d=e.image)||void 0===d?void 0:d.altText:""},r.a.createElement("div",{style:N},r.a.createElement(q.b,{bracketsAlignment:{top:y,right:E,bottom:k,left:O},showHide:w},r.a.createElement("img",{loading:"lazy",role:"presentation",src:null===e||void 0===e||null===(p=e.image)||void 0===p?void 0:p.url,key:n,alt:(null===e||void 0===e||null===(u=e.image)||void 0===u?void 0:u.altText)?null===e||void 0===e||null===(g=e.image)||void 0===g?void 0:g.altText:"",className:"slider-image"}))),r.a.createElement("div",{style:j},r.a.createElement("h4",{className:"amarr-h2"},null===e||void 0===e||null===(b=e.header)||void 0===b?void 0:b.text),r.a.createElement("div",{dangerouslySetInnerHTML:{__html:null===e||void 0===e||null===(h=e.body)||void 0===h?void 0:h.text}}),e.cta&&e.cta.visible&&r.a.createElement(m.a,{label:Object(v.i)(e.cta.label),link:!0,onClick:function(){return function(e){if(e){var n=e.panel?e.panel:"",t=e.window?e.window:"",a=e.color?e.color:"",o=e.glass?e.glass:"",i=n+"/"+t+"/"+a+"/";o&&(i=n+"/"+t+"/"+a+"/"+o),v.D.next(i),$("html, body").animate({scrollTop:0},500)}}(e)}})))}))),r.a.createElement("section",{className:"".concat(E&&"showMoreIcon"," pt-4 nav-slider ")},r.a.createElement(J.a,Object.assign({asNavFor:D,ref:function(e){U=e,null===e||void 0===e||e.slickGoTo(0)}},z),x&&x.length>0&&x.map((function(e,n){return r.a.createElement("img",{loading:"lazy",src:e.url+"/jcr:content/renditions/thumbnail-150-100.jpeg",key:n,alt:e.altText})})))))))},X=t(70),Y=function(e){var n=e.doorDetails,t=(e.content,Object(c.useState)([])),a=Object(l.a)(t,2),o=a[0],i=a[1],s=Object(c.useState)(!1),m=Object(l.a)(s,2),p=m[0],u=m[1];Object(c.useEffect)((function(){g(),Object(v.F)().subscribe((function(e){u(e)}))}),[]);var g=function(){Object(v.b)(),d.a.get(n.apiPath).then((function(e){var n=e.data;n.forEach((function(e){"docCategoryItems"in e?(e.variation="document",e.docCategoryItems&&e.docCategoryItems.forEach((function(e){e.documentItems&&e.documentItems.forEach((function(e){e.title=e.document.title,e.description=e.document.description,e.items=e.document.items,delete e.document}))}))):(e.variation="grouped-document",e.groupedDocCategoryItems&&e.groupedDocCategoryItems.forEach((function(e){e.documentItems&&(e.items=e.documentItems,delete e.documentItems,e.items.forEach((function(e){e.documentItems&&e.documentItems.forEach((function(e){e.title=e.document.title,e.description=e.document.description,e.items=e.document.items,delete e.document}))})))}))),e.disableSearch=!0})),i(n),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))};return r.a.createElement("section",null,p&&r.a.createElement(O.a,null),i&&i.length>0&&o.map((function(e,n){return r.a.createElement("div",{className:"details-searchable-list",key:n},r.a.createElement(X.a,{content:Object(v.gb)(JSON.stringify(e)),theme:""}))})))},Q=h.default.section.withConfig({displayName:"style__Content",componentId:"oikq49-0"})([".card-body-v{@media "," and ","{border:0px;}@media  "," and ","{border:0px;}@media ","{border:0px;}}.card-v{@media only screen and "," and ","{border:1px solid var(--light-grey);}@media ","{border:0px;}}.card-body-v,.card-footer-v{@media only screen and "," and ","{background-color:var(--grey);}@media ","{background-color:transparent;}}.img-border{@media only screen and "," and ","{border:0px solid var(--light-grey)!important;border-bottom:1px solid var(--light-grey) !important;}}.card-bg{background-color:var(--grey);}.custom-border-color{border-color:var(--light-grey) !important;}.img-fluid{height:320px;}"],x.b.tabletPortraitAndUp,x.b.desktopAndUpMax,x.b.desktopAndUp,x.b.mediumDesktopAndUp4Max,x.b.mediumDesktopAndUp4,x.b.mobileAndUp,x.b.tabletPortraitAndUpMax,x.b.tabletPortraitAndUp,x.b.mobileAndUp,x.b.tabletPortraitAndUpMax,x.b.tabletPortraitAndUp,x.b.mobileAndUp,x.b.mobileMax),ee=function(e){var n=e.item,t=Object(c.useState)(""),a=Object(l.a)(t,2),o=a[0],i=a[1],s=Object(c.useState)(""),d=Object(l.a)(s,2),p=d[0],u=d[1],g=Object(v.G)(2e3),b=function(e){i(e.url),u(e.altText)};return r.a.createElement(Q,null,r.a.createElement("div",{className:"tab-content"},void 0!=(null===n||void 0===n?void 0:n.showSubTabs)&&(null===n||void 0===n?void 0:n.showSubTabs)&&(null===n||void 0===n?void 0:n.accessories)&&(null===n||void 0===n?void 0:n.accessories.length)>0&&(null===n||void 0===n?void 0:n.accessories.map((function(e,n){return r.a.createElement("div",{id:"tab-".concat(Object(v.C)(e.groupName),"-").concat(n),className:"door-pane tab-pane door-style-ul ".concat(0===n?"active":""),key:n},e.groupData&&e.groupData.length>0&&e.showInGrid?r.a.createElement("div",{className:"card-group p-0 m-0 mt-4",key:n},e.groupData.map((function(e,n){return r.a.createElement("div",{"data-toggle":"modal",className:"card col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3 col-xxl-3 px-2 border-0",key:n},r.a.createElement("img",{className:"img-fluid border  border-bottom-0 rounded-top custom-border-color p-4",loading:"lazy",key:n,"data-toggle":"modal","data-target":"#mutipleid".concat(g),src:e.image.url,alt:e.image.altText,role:"presentation",onClick:function(){return b(e.image)}}),r.a.createElement("div",{className:"card-body  border border-bottom-0  card-bg custom-border-color"},r.a.createElement("h5",{className:"card-title amarr-h5"},e.header),r.a.createElement("p",{className:"card-text body-text2",dangerouslySetInnerHTML:{__html:e.body.text}})),r.a.createElement("div",{className:"card-footer  border border-top-0 rounded-bottom  card-bg custom-border-color"},(null===e||void 0===e?void 0:e.cta.label)&&(null===e||void 0===e?void 0:e.cta.url)&&r.a.createElement(m.a,{label:null===e||void 0===e?void 0:e.cta.label,link:!0,linkHref:null===e||void 0===e?void 0:e.cta.url,target:null===e||void 0===e?void 0:e.cta.linkAction})))}))):r.a.createElement("div",{className:"p-0 m-0 mt-4"},e.groupData.map((function(e,n){return r.a.createElement("div",{className:" p-1 m-0",key:n},r.a.createElement("div",{className:"card card-v"},r.a.createElement("div",{className:"row m-0 p-0 "},r.a.createElement("div",{className:"img-border col-12 col-sm-12 col-md-3 col-lg-2 col-xl-2 col-xxl-2 border border-dark  p-0 m-0 d-flex align-items-center"},r.a.createElement("img",{className:"col-12  p-4",loading:"lazy",key:n,"data-toggle":"modal","data-target":"#mutipleid".concat(g),src:e.image.url,alt:e.image.altText,role:"presentation",onClick:function(){return b(e.image)}})),r.a.createElement("div",{className:"col-12 col-sm-12 col-md-9 col-lg-10 col-xl-10 col-xxl-10 p-0 m-0 "},r.a.createElement("div",{className:"card-body  card-body-v"},r.a.createElement("h5",{className:"card-title amarr-h5"},e.header),r.a.createElement("p",{className:"card-text body-text2",dangerouslySetInnerHTML:{__html:e.body.text}})),r.a.createElement("div",{className:"card-footer card-footer-v border-0 "},(null===e||void 0===e?void 0:e.cta.label)&&(null===e||void 0===e?void 0:e.cta.url)&&r.a.createElement(m.a,{label:null===e||void 0===e?void 0:e.cta.label,link:!0,linkHref:null===e||void 0===e?void 0:e.cta.url,target:null===e||void 0===e?void 0:e.cta.linkAction}))))))}))))}))),(void 0===(null===n||void 0===n?void 0:n.showSubTabs)||!1===(null===n||void 0===n?void 0:n.showSubTabs))&&(null===n||void 0===n?void 0:n.accessories)&&(null===n||void 0===n?void 0:n.accessories.length)>0&&r.a.createElement("div",{id:"content-data-without-subtab",className:"door-pane tab-pane door-style-ul active"},void 0!==n.showInGrid&&n.showInGrid&&r.a.createElement("div",{className:"card-group mt-4"},n.accessories.map((function(e,n){return r.a.createElement("div",{className:"card col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3 col-xxl-3 px-2 border-0",key:n},r.a.createElement("img",{className:"img-fluid border  border-bottom-0 rounded-top custom-border-color p-4",loading:"lazy",key:n,"data-toggle":"modal","data-target":"#mutipleid".concat(g),src:e.image.url,alt:e.image.altText,role:"presentation",onClick:function(){return b(e.image)}}),r.a.createElement("div",{className:"card-body  border border-bottom-0  card-bg custom-border-color"},r.a.createElement("h5",{className:"card-title amarr-h5"},e.header),r.a.createElement("p",{className:"card-text body-text2",dangerouslySetInnerHTML:{__html:e.body.text}})),r.a.createElement("div",{className:"card-footer  border border-top-0 rounded-bottom card-bg custom-border-color"},(null===e||void 0===e?void 0:e.cta.label)&&(null===e||void 0===e?void 0:e.cta.url)&&r.a.createElement(m.a,{label:null===e||void 0===e?void 0:e.cta.label,link:!0,linkHref:null===e||void 0===e?void 0:e.cta.url,target:null===e||void 0===e?void 0:e.cta.linkAction})))}))),void 0!==n.showInGrid&&!n.showInGrid&&r.a.createElement("div",{className:" p-0 m-0 mt-4"},n.accessories.map((function(e,n){return r.a.createElement("div",{className:" p-1 m-0",key:n},r.a.createElement("div",{className:"card card-v"},r.a.createElement("div",{className:"row m-0 p-0 "},r.a.createElement("div",{"data-toggle":"modal",className:"img-border col-12 col-sm-12 col-md-3 col-lg-2 col-xl-2 col-xxl-2 border border-dark  p-0 m-0 d-flex align-items-center "},r.a.createElement("img",{className:"col-12 p-4 ",loading:"lazy",key:n,"data-toggle":"modal","data-target":"#mutipleid".concat(g),src:e.image.url,alt:e.image.altText,role:"presentation",onClick:function(){return b(e.image)}})),r.a.createElement("div",{className:"col-12 col-sm-12 col-md-9 col-lg-10 col-xl-10 col-xxl-10 p-0 m-0 "},r.a.createElement("div",{className:"card-body card-body-v "},r.a.createElement("h5",{className:"card-title amarr-h5"},e.header),r.a.createElement("p",{className:"card-text body-text2",dangerouslySetInnerHTML:{__html:e.body.text}})),r.a.createElement("div",{className:"card-footer card-footer-v border-0 "},(null===e||void 0===e?void 0:e.cta.label)&&(null===e||void 0===e?void 0:e.cta.url)&&r.a.createElement(m.a,{label:null===e||void 0===e?void 0:e.cta.label,link:!0,linkHref:null===e||void 0===e?void 0:e.cta.url,target:null===e||void 0===e?void 0:e.cta.linkAction}))))))}))))),r.a.createElement("div",{className:"modal fade alert-popup zoom-popup",id:"mutipleid".concat(g),role:"dialog","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body text-center col-12  p-3 d-flex justify-content-between"},r.a.createElement("img",{loading:"lazy",src:o,alt:p,role:"presentation"}))))))},ne=function(e){var n,t=e.doorAccessoriesDetails,a=Object(c.useState)(!1),s=Object(l.a)(a,2),m=s[0],p=s[1],u=Object(c.useState)([]),g=Object(l.a)(u,2),b=(g[0],g[1],Object(c.useState)({accessories:[],description:{},showSubTabs:Boolean,showInGrid:Boolean})),h=Object(l.a)(b,2),x=h[0],f=h[1];Object(c.useEffect)((function(){Object(v.F)().subscribe((function(e){p(e)})),t&&(t.apiPath?w():f(t.data))}),[]);var w=function(){Object(v.b)(),d.a.get(t.apiPath).then(function(){var e=Object(i.a)(o.a.mark((function e(n){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n&&(f(n.data),Object(v.Z)());case 1:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}()).catch((function(e){Object(v.Z)(),console.log("Error::",e)}))};return r.a.createElement("section",{className:"door-style door-accessories-style door-details-ul"},m&&r.a.createElement(O.a,null),(null===x||void 0===x?void 0:x.showSubTabs)&&r.a.createElement("div",{className:"tab-heading sub-tabs"},r.a.createElement("div",{className:""},r.a.createElement("ul",{className:"nav nav-tabs"},(null===x||void 0===x?void 0:x.accessories.length)>0&&(null===x||void 0===x?void 0:x.accessories.map((function(e,n){return r.a.createElement("li",{key:n},e.groupName&&""!=e.groupName&&r.a.createElement("a",{"data-toggle":"tab",href:"#tab-".concat(Object(v.C)(e.groupName),"-").concat(n),className:"door-tabs body-text1 ".concat(0===n?"active":"")},e.groupName))})))))),r.a.createElement("div",{className:"body-text2"},(null===x||void 0===x?void 0:x.description)&&(null===x||void 0===x||null===(n=x.description)||void 0===n?void 0:n.length)>0&&r.a.createElement("div",{className:"overview-content",dangerouslySetInnerHTML:{__html:null===x||void 0===x?void 0:x.description}}),r.a.createElement(ee,{item:x})))},te=function(e){e.sectionName,e.searchableListData;var n=e.doorDetails,t=e.content;Object(c.useEffect)((function(){setTimeout((function(){var e,n,t,a=document.getElementsByClassName("collection-tabs"),o=document.getElementsByClassName("collection-tab-pane");null===(e=a[0])||void 0===e||e.classList.add("active"),null===(n=o[0])||void 0===n||n.classList.add("active"),null===(t=o[0])||void 0===t||t.classList.remove("fade"),setTimeout((function(){var e;"#reviewsTab"===window.location.hash&&(document.getElementById("reviewsTab-click").click(),null===(e=document.getElementById("reviewsTab"))||void 0===e||e.scrollIntoView({block:"start",behavior:"smooth"}))}),2e3)}),1e3),a()}),[]);var a=function(){setTimeout((function(){var e=$(".collection-tab-pane");$(e).each((function(e,n){$(this).find(".tab-action-item").on("keypress",(function(e){32!=e.keyCode&&13!=e.keyCode||this.click()}))}))}),2e3)};return r.a.createElement(I,null,n.tabs&&n.tabs.length>0&&r.a.createElement("section",null,r.a.createElement("div",{className:"tab-heading"},r.a.createElement("div",{className:"container inner-container"},r.a.createElement("ul",{className:"nav nav-tabs",role:"tablist","aria-orientation":"horizontal","aria-labelledby":"tablist-1"},n.tabs.map((function(e,n){return r.a.createElement("li",{key:n,className:"body-text1",role:"presentation"},r.a.createElement("a",{role:"tab","aria-controls":e.type,id:"".concat(e.type,"-click"),className:"collection-tabs body-text1","data-toggle":"tab","aria-selected":0===n,href:"#".concat(e.type)},r.a.createElement("h3",{className:"body-text1 mb-0 font-weight-normal"},e.text)))}))))),r.a.createElement("div",{className:"container inner-container tab-content"},n.tabs.map((function(e,n){return r.a.createElement("div",{id:e.type,key:n,"aria-labelledby":"".concat(e.type,"-click"),className:"tab-pane fade collection-tab-pane",role:"tabpanel"},"overviewTab"===e.type&&r.a.createElement(_,{doorDetails:e}),"specificationDesignTab"===e.type&&r.a.createElement(_,{doorDetails:e}),"compatibility"===e.type&&r.a.createElement(_,{doorDetails:e}),"securitySafetyTab"===e.type&&r.a.createElement(_,{doorDetails:e}),"designOptionsTab"===e.type&&r.a.createElement(P,{doorDetails:e,content:t}),"drawingsTab"===e.type&&r.a.createElement(Y,{doorDetails:e}),"doorStylesTab"===e.type&&r.a.createElement(H,{doorDetails:e.subTabItems}),"brochuresTab"===e.type&&r.a.createElement(W,{doorDetails:e}),"galleryTab"===e.type&&r.a.createElement(K,{doorDetails:e}),"reviewsTab"===e.type&&r.a.createElement(V,null),"optionalAccessoryTab"===e.type&&r.a.createElement(F,{doorDetails:e}),"includedAccessoryTab"===e.type&&r.a.createElement(R,{doorDetails:e}),"productDocumentsTab"===e.type&&r.a.createElement(Z,{doorDetails:e}),"accessoriesTab"===e.type&&r.a.createElement(ne,{doorAccessoriesDetails:e}),"productDoorOperatorsTab"===e.type&&r.a.createElement(ne,{doorAccessoriesDetails:e}),"productOperatorAccessoriesTab"===e.type&&r.a.createElement(ne,{doorAccessoriesDetails:e}),"relatedProducts"===e.type&&r.a.createElement(ne,{doorAccessoriesDetails:e}))})))))},ae=t(71),oe=t(52),ie=function(e){var n=e.doorDetails,t=e.productSlider,a=void 0!==t&&t,o=e.productType,i=void 0===o?"":o,s=Object(c.useState)([]),d=Object(l.a)(s,2),m=d[0],p=d[1],u=Object(c.useState)([]),g=Object(l.a)(u,2),b=g[0],h=g[1],x=Object(c.useState)(!1),f=Object(l.a)(x,2),w=f[0],y=f[1],E=Object(c.useState)(!1),k=Object(l.a)(E,2),O=k[0],N=k[1],j=Object(c.useState)(),D=Object(l.a)(j,2),L=D[0],A=D[1],M=Object(c.useState)(),S=Object(l.a)(M,2),C=S[0],T=S[1],U=[],I=[],_=n.rootImagePath,z={dots:!1,infinite:!1,speed:500,arrows:!!w,className:"slick-slider-indicators",slidesToScroll:1,swipeToSlide:!0,slidesToShow:5,focusOnSelect:!0,centerMode:!1,initialSlide:1,responsive:[{breakpoint:1025,settings:{slidesToShow:5,slidesToScroll:1}},{breakpoint:767,settings:{slidesToShow:2.5,slidesToScroll:1,initialSlide:0,arrows:!1}}]};r.a.useEffect((function(){setTimeout((function(){A(U),T(I)}),1e3)}),[U,I]),Object(c.useEffect)((function(){if(null===n||void 0===n?void 0:n.assets){p(n.assets);var e=[];n.assets.forEach((function(n){if(!n.altText||""===n.altText){var t=n.url.split("/");t=(t=t[t.length-1].indexOf(".")>-1?t[t.length-1].split(".")[0]:t[t.length-1]).split("-").join(" "),"commercial"===i&&(t+=" Commercial Door"),"doors"===i&&(t+=" Garage Door"),n.altText=t}e.push({url:n.url,altText:n.altText,type:n.type})})),h(e),y(e.length>5)}v.m.subscribe((function(e){if(e.length>0&&!0===a){N(!0),p([]),h([]);var t,o="",i=e.split("_");i.shift(),o=_,i[0]&&void 0!==i[0]&&"undefined"!==i[0]&&(o=o+"/"+i[0]),i[1]&&void 0!==i[1]&&"undefined"!==i[1]&&(o=o+"/"+i[1]),i[1]&&"undefined"!==i[1]||4!==i.length||i[2]&&void 0!==i[2]&&"undefined"!==i[2]&&(o=o+"/"+i[2]),o=o+"/"+(i=i.filter((function(e){return"undefined"!==e}))).join("-")+".jpg",t=Object(v.ab)(e,"_","_").split("_").join(" ")+" Garage Door";var l=JSON.parse(JSON.stringify(n.assets)),c=[];n.assets.forEach((function(e){var n=e.altText?e.altText:"";if(!e.altText||""===e.altText){var t=e.url.split("/");n=t[t.length-1].indexOf(".")>-1?t[t.length-1].split(".")[0]:t[t.length-1]}c.push({url:e.url,altText:n,type:e.type})})),l.unshift({url:o,altText:t}),p(l),c.unshift({url:o,altText:t}),h(c),setTimeout((function(){N(!1)}),1)}})),setTimeout((function(){window.scrollTo(0,0)}),2e3)}),[]);var P=function(e,n,t,a,o){return"video"==e.type?function(e,n,t){return t?r.a.createElement(oe.a,{item:{video:{url:e.url}},showControls:t}):r.a.createElement("video",{key:n,controls:t},r.a.createElement("source",{src:e.url}))}(e,n,a):r.a.createElement("img",{loading:"lazy",role:"presentation",src:o?e.url+"/jcr:content/renditions/thumbnail-85-92.jpeg":e.url,key:n,alt:e.altText?e.altText:"",className:t?"".concat(O&&"img-loading"," ").concat(!O&&"img-loading-completed"):" "})};return r.a.createElement(B,null,r.a.createElement("section",{className:"slick-slider-custom ".concat(n.assets.length>0?"  ":" slick-slider-height "," ").concat(window.location.href.indexOf(".garagedoor.com")>-1?"sticky-slider-costco":"sticky-slider-amarr")},r.a.createElement(J.a,Object.assign({asNavFor:C,ref:function(e){return U=e}},{dots:!1,infinite:!1,speed:500,arrows:!0,slidesToShow:1,slidesToScroll:1,swipeToSlide:!0,focusOnSelect:!0,initialSlide:1,responsive:[{breakpoint:767,settings:{slidesToShow:1,arrows:!0}}]},{afterChange:function(){return $(".slick-next").hasClass("slick-disabled")?$(".slick-next").attr("aria-disabled","true"):$(".slick-next").removeAttr("aria-disabled"),$(".slick-prev").hasClass("slick-disabled")?$(".slick-prev").attr("aria-disabled","true"):$(".slick-prev").removeAttr("aria-disabled"),$.each($(".slick-slider-indicators .slick-slide"),(function(){$(this).removeAttr("aria-pressed")})),void $(".slick-slider-indicators .slick-current").attr("aria-pressed","true")}}),m&&m.length>0&&m.map((function(e,n){return r.a.createElement("div",{key:e.type+e.altText+n,className:"slick-slider-container slider-background slider-img-container","aria-label":e.altText?(t=e.altText,t.split(" ").join("_")):""},r.a.createElement("div",{key:e.type+e.altText+n,id:"small-loader-".concat(n),className:"small-loader ".concat(!O&&"img-loading-icon")},r.a.createElement(ae.a,null)),P(e,n,!0,!0,!1));var t}))),r.a.createElement("section",{className:"".concat(w&&"showMoreIcon"," nav-slider panel-nav-slider ").concat(b.length>1&&(window.location.href.indexOf(".garagedoor.com")>-1?"pt-3":"pt-4"))},r.a.createElement(J.a,Object.assign({asNavFor:L,ref:function(e){I=e,null===e||void 0===e||e.slickGoTo(0)}},z),b&&b.length>1&&b.map((function(e,n){return P(e,n,!1,!1,!0)}))))))},le={productDetailsApiPath:"",ctaItems:void 0,panelListLabel:"",colorListLabel:"",windowOptionsListLabel:"",glassOptionsListLabel:"",iconListLabel:"",newFlagText:"",priceLabel:"",productType:"",whereToBuy:{label:"",color:"",url:"",linkAction:"",isInternal:!0},brochure:{label:"",color:""},comparison:{label:"",color:""},productDocumentsLabel:"",productLinksLabel:"",productLinksCta:{label:"",url:"",linkAction:"",color:"",isInternal:!0},panelUnavailableMessage:"",colorUnavailableMessage:"",windowOptionUnavailableMessage:"",doorDesign:void 0,showMoreLabel:"",showLessLabel:"",favoritesLabel:"",ratingReviewsDisabled:!1,enableFavourites:!1,dimensionUnit:"",enableDoorDesignerSalesToolRedirection:!1,salesToolConfig:{endPoint:"",queryMessageTemplate:""},startingPrice:{text:""},apiURL:"",widthLabel:"",heightLabel:""},ce=function(e){var n,t,a,s,p=u()({},le,Object(v.g)(e.content)),b=Object(c.useState)(null),h=Object(l.a)(b,2),x=h[0],f=h[1],D=Object(c.useState)(!1),L=Object(l.a)(D,2),A=L[0],C=L[1],T=Object(c.useState)(!1),I=Object(l.a)(T,2),_=I[0],z=I[1],P=Object(c.useState)(!1),H=Object(l.a)(P,2),W=H[0],F=H[1],R=Object(c.useState)(!1),Z=Object(l.a)(R,2),V=Z[0],G=Z[1],J=Object(c.useState)(null),B=Object(l.a)(J,2),q=B[0],K=B[1],X=Object(c.useState)(null),Y=Object(l.a)(X,2),Q=Y[0],ee=Y[1],ne=Object(c.useState)(),ae=Object(l.a)(ne,2),oe=ae[0],ce=ae[1],re=null===(n=p.salesToolConfig)||void 0===n?void 0:n.queryMessageTemplate;s=(a=null===(t=document.getElementsByTagName("html")[0])||void 0===t?void 0:t.getAttribute("lang")).split("-")[1]?a.split("-")[1]:"DE",p.enableDoorDesignerSalesToolRedirection&&re&&(null===x||void 0===x?void 0:x.doorDesignerCode)&&(re=(re=(re=(re=(re=(re=(re=(re=re.replaceAll(/\\"/g,'"')).replace("${config}","<stdTypes:ConfigurationModelId>SUP+42.2</stdTypes:ConfigurationModelId><stdTypes:ConfigurationId/><stdTypes:ConfigurationKey/><stdTypes:ConfigurationCookieValues>#{cookie_value}</stdTypes:ConfigurationCookieValues>")).replace("SUP+42.2",null===x||void 0===x?void 0:x.doorDesignerCode)).replace("${locale}",a)).replaceAll("<","&lt;")).replaceAll(">","&gt;")).replaceAll('"',"'")).replaceAll("${countryCode}",s)),Object(c.useEffect)((function(){window.self!==window.top&&G(!0),!p.productType||"openers"!==p.productType&&"operators"!==p.productType?p.productType&&"commercial"===p.productType?se():me():de(),Object(v.F)().subscribe((function(e){C(e)})),matchMedia("(max-width: 768px)").matches&&z(!0),$(".circle-ol, .square-ol, .number-ol").parent().css("list-style","none"),$(".rte-bullet-green").closest("li").addClass("rte-green"),$(".ul-indent").parent().parent().addClass("ul-indent-left"),v.m.subscribe((function(e){if(e.length>0&&localStorage&&localStorage.getItem("product-fav")){var n=localStorage.getItem("product-fav"),t=JSON.parse(n),a=!1;t.forEach((function(n){n.data.id===e&&(a=!0)})),F(a)}})),v.eb.subscribe((function(e){F(e)})),ge()}),[]);var se=function(){Object(v.b)(),d.a.get(p.productDetailsApiPath).then(function(){var e=Object(i.a)(o.a.mark((function e(n){var t,a,i;return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,f(n.data);case 2:p.ratingReviewsDisabled||(t=window.location.origin+"/us/en/write-a-review/?pr_page_id="+n.data.powerReviewsId,a='POWERREVIEWS.display.render({\n                "read_services_base_url": "stable",\n                "api_key": `'+N.a.PowerReviewApi+'`,\n                "locale": `'+N.a.Locale+'`,\n                "merchant_group_id": `'+N.a.MerchantGroupId+'`,\n                "merchant_id": `'+N.a.ProductMerchantId+'`,\n                "page_id": `'+n.data.powerReviewsId+'`,\n                "review_wrapper_url": `'+t+"`,\n                \"on_read_reviews_click\": function () {\n                    var a = document.getElementById('reviewsTab-click')\n                    a.click()\n                    document.getElementById('reviewsTab')?.scrollIntoView({ block: 'start', behavior: 'smooth' })\n                },\n                \"components\": {\n                    \"ReviewSnippet\": 'pr-reviewsnippet',\n                    \"ReviewDisplay\": 'pr-reviewdisplay'\n                }\n            });",(i=document.createElement("script")).innerHTML=a,document.body.appendChild(i),setTimeout((function(){var e=document.querySelectorAll(".pr-snippet-rating-decimal");e&&e.length>0&&e.forEach((function(e){var n=Number(e.textContent).toFixed(1);e.innerText=n}))}),3e3),Object(v.Z)());case 3:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))},de=function(){Object(v.b)(),d.a.get(p.productDetailsApiPath).then((function(e){f(e.data),Object(v.Z)()}),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))},me=function(){Object(v.b)(),d.a.get(p.productDetailsApiPath).then(function(){var e=Object(i.a)(o.a.mark((function e(n){var t,a,i;return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,f(n.data);case 2:p.ratingReviewsDisabled||(t=window.location.origin+"/us/en/write-a-review/?pr_page_id="+n.data.powerReviewsId,a='POWERREVIEWS.display.render({\n                "read_services_base_url": "stable",\n                "api_key": `'+N.a.PowerReviewApi+'`,\n                "locale": `'+N.a.Locale+'`,\n                "merchant_group_id": `'+N.a.MerchantGroupId+'`,\n                "merchant_id": `'+N.a.ProductMerchantId+'`,\n                "page_id": `'+n.data.powerReviewsId+'`,\n                "review_wrapper_url": `'+t+"`,\n                \"on_read_reviews_click\": function () {\n                    var a = document.getElementById('reviewsTab-click')\n                    a.click()\n                    document.getElementById('reviewsTab')?.scrollIntoView({ block: 'start', behavior: 'smooth' })\n                },            \n                \"components\": {\n                    \"ReviewSnippet\": 'pr-reviewsnippet',\n                    \"ReviewDisplay\": 'pr-reviewdisplay'\n                }\n            });",(i=document.createElement("script")).innerHTML=a,document.body.appendChild(i),setTimeout((function(){var e=document.querySelectorAll(".pr-snippet-rating-decimal");e&&e.length>0&&e.forEach((function(e){var n=Number(e.textContent).toFixed(1);e.innerText=n}))}),3e3)),Object(v.Z)();case 4:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),(function(e){Object(v.Z)()})).catch((function(e){Object(v.Z)()}))},pe=function(e){var n,t=e.doorDetails;return r.a.createElement(r.a.Fragment,null,r.a.createElement("p",{className:"body-text2 order-header-data",dangerouslySetInnerHTML:{__html:t.shortDescriptionInPdp}}),r.a.createElement("hr",{className:"bg-dark"}),r.a.createElement("p",{className:"body-text2 order-header-data py-4",dangerouslySetInnerHTML:{__html:t.overview}}),(null===t||void 0===t?void 0:t.productDocuments)&&r.a.createElement("div",{className:"pb-4",style:{maxWidth:"472px"}},r.a.createElement("div",{className:"amarr-h5 mb-2"},(null===t||void 0===t?void 0:t.productDocuments)?"Product Documents":"\xa0"),r.a.createElement("div",{className:"",style:{flexDirection:"column"}},null===t||void 0===t||null===(n=t.productDocuments)||void 0===n?void 0:n.map((function(e){return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:"list-item py-0"},r.a.createElement("p",{className:"body-text2 mb-0 text-container mr-2 mr-md-0"},e.title),e.items.map((function(e){return"pdf"===e.extension?r.a.createElement("div",{className:"download-icon-style mr-2 ml-1 ml-md-0 mr-md-0 ml-md-2"},r.a.createElement("a",{href:e.path},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf-color.svg",height:"56px",width:"56px",alt:"pdf-color"}))):"docx"===e.extension?r.a.createElement("div",{className:"download-icon-style mr-2 ml-1 ml-md-0 mr-md-0 ml-md-2"},r.a.createElement("a",{href:e.path},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx-color.svg",height:"56px",width:"56px",alt:"docs-color"}))):r.a.createElement("div",{className:"download-icon-style mr-2 ml-1 ml-md-0 mr-md-0 ml-md-2"},r.a.createElement("a",{href:e.path},r.a.createElement("img",{src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf-color.svg",height:"56px",width:"56px",alt:"rtf-color"})))}))))})))),r.a.createElement("div",{className:"button-container pt-2"},p.whereToBuy&&p.whereToBuy.label&&r.a.createElement("div",{className:"cta-item"},r.a.createElement(m.a,{label:Object(v.i)(p.whereToBuy.label),link:!0,linkHref:p.whereToBuy.url+"?productData="+Object(v.y)(q)+((null===oe||void 0===oe?void 0:oe.campaignId)?"&source=campaign":"&source=pdp"+((null===oe||void 0===oe?void 0:oe.queryParams)?null===oe||void 0===oe?void 0:oe.queryParams:"")),target:p.whereToBuy.linkAction,inverse:"inverse"===p.whereToBuy.color})),t.brochure&&p.brochure.label&&r.a.createElement("div",{className:"cta-item"},r.a.createElement(m.a,{label:Object(v.i)(p.brochure.label),link:!0,linkHref:t.brochure,target:"_blank"})),t.comparison&&p.comparison.label&&r.a.createElement("div",{className:"cta-item"},r.a.createElement(m.a,{label:Object(v.i)(p.comparison.label),link:!0,linkHref:t.comparison,target:"_blank"}))))},ue=function(e){ee(e)};Object(c.useEffect)((function(){var e={type:null===x||void 0===x?void 0:x.type,productMappingCode:null===x||void 0===x?void 0:x.productMappingCode,productCategoryMappingCode:null===x||void 0===x?void 0:x.productCategoryMappingCode,description:Q,productName:"doors"===(null===p||void 0===p?void 0:p.productType)?null===x||void 0===x?void 0:x.collectionName:null===x||void 0===x?void 0:x.productName,id:"doors"===(null===p||void 0===p?void 0:p.productType)?null===Q||void 0===Q?void 0:Q.id:null===x||void 0===x?void 0:x.id};K(e)}),[x,Q]);var ge=function(){var e=new URL(window.location.href).searchParams,n="",t="",a=[],o="";e.forEach((function(e,i){"dimension"===i?a=Object(v.g)(e).split("*"):"price"===i?n=Object(v.g)(e):"campaignId"===i?t=Object(v.g)(e):o+="&".concat(i,"=").concat(e)})),ce({dimension:a,price:n,campaignId:t,queryParams:o})};return r.a.createElement(y.a,{setter:{componentThemes:g,selectedTheme:e.theme}},r.a.createElement(E.a,null,r.a.createElement(k.a,{padding:!1},r.a.createElement(w,{isReversed:!1},r.a.createElement("section",{className:"container inner-container door-details"},A&&r.a.createElement(O.a,null),r.a.createElement("div",{className:"row mt-4 mb-lg-4"},r.a.createElement("div",{className:"col-lg-6 padding-right ".concat(window.location.href.indexOf(".garagedoor.com")>-1?"sticky-content-costco":"sticky-content-amarr")},x&&r.a.createElement("div",null,_&&p.productType&&("openers"===p.productType||"operators"===p.productType)&&r.a.createElement("div",{className:"mb-3"},r.a.createElement(S,{doorDetails:x,content:p})),(!p.productType||"openers"!==p.productType&&"operators"!==p.productType&&p.productType,r.a.createElement(ie,{doorDetails:x,productSlider:!0,productType:p.productType})),_&&p.productType&&"doors"===p.productType&&r.a.createElement(j,{doorDetails:x,content:p,productDataCallback:ue,campaignData:oe}),x&&(null===x||void 0===x?void 0:x.carouselFootnote)&&r.a.createElement("div",{className:"carousel-text-color ".concat(x.assets.length>0?" pt-5 ":" pt-3 "," mt-3 body-text3 footnote"),dangerouslySetInnerHTML:{__html:null===x||void 0===x?void 0:x.carouselFootnote}}))),x&&r.a.createElement("div",{className:"col-lg-6 padding-left ".concat(window.location.href.indexOf(".garagedoor.com")>-1?"right-costco":"right-amarr")},!p.productType||"openers"!==p.productType&&"operators"!==p.productType?p.productType&&"commercial"===p.productType?r.a.createElement(U,{doorDetails:x,content:p,productData:q,campaignData:oe,productDataCallback:ue}):r.a.createElement("div",null,r.a.createElement("div",{className:"d-lg-block d-none border-b"},r.a.createElement(j,{doorDetails:x,content:p,productDataCallback:ue,campaignData:oe})),r.a.createElement("div",null,r.a.createElement(M,{doorDetails:x,content:p})),(x.textFootnote1||x.textFootnote2)&&r.a.createElement("div",{className:"row body-text3 footnote mt-3"},x.textFootnote1&&r.a.createElement("div",{className:"".concat(x.textFootnote2&&"col-md-6","  ").concat(!x.textFootnote2&&"single-footnote"," col-12 pb-3")},r.a.createElement("div",{className:"d-flex "},r.a.createElement("div",{className:"".concat(x.imageFootnote1&&"mr-3 img-container-footnote")},r.a.createElement("img",{loading:"lazy",src:x.imageFootnote1,alt:x.imageFootnote1AltText})),r.a.createElement("div",{className:"text-container-footnote body-text3",dangerouslySetInnerHTML:{__html:null===x||void 0===x?void 0:x.textFootnote1}}))),x.textFootnote2&&r.a.createElement("div",{className:"".concat(x.textFootnote1&&"col-md-6","  ").concat(!x.textFootnote1&&"single-footnote"," col-12 pb-3")},r.a.createElement("div",{className:"d-flex "},r.a.createElement("div",{className:"".concat(x.imageFootnote2&&"mr-3 img-container-footnote")},r.a.createElement("img",{loading:"lazy",src:x.imageFootnote2,alt:x.imageFootnote2AltText})),r.a.createElement("div",{className:"text-container-footnote body-text3",dangerouslySetInnerHTML:{__html:null===x||void 0===x?void 0:x.textFootnote2}})))),r.a.createElement("div",{className:"cta-list"},!1===V&&p.doorDesign&&function(){var e=x;return!(!e.doorDesignerCode||""===e.doorDesignerCode)}()&&r.a.createElement("div",{className:"cta-list-child"},p.enableDoorDesignerSalesToolRedirection?r.a.createElement("form",{action:p.salesToolConfig.endPoint,method:"POST"},r.a.createElement("input",{type:"hidden",name:"ConfigurationXML",id:"ConfigurationXML",value:function(){var e,n="",t=null===v.m||void 0===v.m||null===(e=v.m.value)||void 0===e?void 0:e.split("_"),a=x,o=(a.doorDesignerCode,""),i="",l="",c="",r="",s=t[3];return 5===t.length&&(r=t[3],s=t[4]),a.panelList&&a.panelList.length>0&&a.panelList.forEach((function(e){e.panel===t[1]&&(o=e.doorDesignerCode,e.colors&&e.colors.length>0&&e.colors.forEach((function(e){e.colorValue===s&&(i=e.doorDesignerCode,c=null===e||void 0===e?void 0:e.colorType)})),e.newColor&&e.newColor.length>0&&e.newColor.forEach((function(e){e.colorValue===s&&(i=e.doorDesignerCode,c=null===e||void 0===e?void 0:e.colorType)})),e.windowOptionsList&&e.windowOptionsList.length>0&&e.windowOptionsList.forEach((function(e){e.windowOption===t[2]&&(l=e.doorDesignerCode,e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.newWindowOption&&e.newWindowOption.length>0&&e.newWindowOption.forEach((function(e){e.windowOption===t[2]&&(l=e.doorDesignerCode,e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.glassOptionsList&&e.glassOptionsList.length>0&&e.glassOptionsList.forEach((function(e){e.glassOption===r&&e.doorDesignerCode})),e.newGlassOption&&e.newGlassOption.length>0&&e.newGlassOption.forEach((function(e){e.glassOption===r&&e.doorDesignerCode})))})),""!=o&&(n=n+"NS01Model_Part_type_field:NS01Model_"+o+";"),l&&(n=n+"NS01Design_Part_type_field:NS01Design_"+l+";"),i&&c&&(n=n+c+i+";"),re=(re=re.replace("#{cookie_value}",n)).replace("${url}",function(){var e,n,t=window.location.href,a=null===(e=document.getElementsByTagName("html")[0])||void 0===e||null===(n=e.getAttribute("lang"))||void 0===n?void 0:n.split("-")[0],o=t.split("/"),i=o.lastIndexOf(a);return-1!==i?o.slice(0,i+1).join("/"):t}())}()}),r.a.createElement(m.a,{inverse:"inverse"===p.doorDesign.color,label:Object(v.i)(p.doorDesign.label),type:"submit",target:p.doorDesign.linkAction?p.doorDesign.linkAction:"_blank"})):r.a.createElement(m.a,{onClick:function(e){var n,t;e.preventDefault();var a=null===p||void 0===p||null===(n=p.doorDesign)||void 0===n?void 0:n.url,o=null===v.m||void 0===v.m||null===(t=v.m.value)||void 0===t?void 0:t.split("_"),i=x,l=i.doorDesignerCode,c="",r="",s="",d="",m="",u="",g=o[3];5===o.length&&(u=o[3],g=o[4]),i.panelList&&i.panelList.length>0&&i.panelList.forEach((function(e){e.panel===o[1]&&(c=e.doorDesignerCode,e.colors&&e.colors.length>0&&e.colors.forEach((function(e){e.colorValue===g&&(r=e.doorDesignerCode)})),e.newColor&&e.newColor.length>0&&e.newColor.forEach((function(e){e.colorValue===g&&(r=e.doorDesignerCode)})),e.windowOptionsList&&e.windowOptionsList.length>0&&e.windowOptionsList.forEach((function(e){e.windowOption===o[2]&&(s=e.doorDesignerCode,d=e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.newWindowOption&&e.newWindowOption.length>0&&e.newWindowOption.forEach((function(e){e.windowOption===o[2]&&(s=e.doorDesignerCode,d=e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.glassOptionsList&&e.glassOptionsList.length>0&&e.glassOptionsList.forEach((function(e){e.glassOption===u&&(m=e.doorDesignerCode)})),e.newGlassOption&&e.newGlassOption.length>0&&e.newGlassOption.forEach((function(e){e.glassOption===u&&(m=e.doorDesignerCode)})))})),a=a+"?collection="+l,""!=c&&(a=a+"&panel="+c),""!=d&&(a=a+"&windowPlacement="+d),s&&(a=a+"&window="+s),r&&(a=a+"&color="+r),m&&(a=a+"&glass="+m),window.location.href=a},inverse:"inverse"===p.doorDesign.color,label:Object(v.i)(p.doorDesign.label),link:!0,target:p.doorDesign.linkAction})),p.ctaItems&&p.ctaItems.length>0&&p.ctaItems.map((function(e,n){return r.a.createElement("div",{className:"cta-list-child",key:n},r.a.createElement(m.a,{inverse:"inverse"===e.color,label:Object(v.i)(e.label),link:!0,linkHref:e.url+"?productData="+Object(v.y)(q)+((null===oe||void 0===oe?void 0:oe.campaignId)?"&source=campaign":"&source=pdp")+((null===oe||void 0===oe?void 0:oe.queryParams)?null===oe||void 0===oe?void 0:oe.queryParams:""),target:e.linkAction}))})),!1===V&&p.favoritesLabel&&p.favoritesLabel.length>0&&r.a.createElement("div",{className:"cta-list-child"},r.a.createElement(m.a,{onClick:function(){v.z.next(!0)},label:Object(v.i)(p.favoritesLabel),link:!0,disabled:W})))):r.a.createElement(r.a.Fragment,null,!_&&r.a.createElement(S,{doorDetails:x,content:p}),r.a.createElement(pe,{doorDetails:x}))))),r.a.createElement("section",null,r.a.createElement("div",{className:"row py-4 door-details no-gutters"},r.a.createElement("div",{className:"col-12"},x&&r.a.createElement(te,{doorDetails:x,content:p}))))))))};ce.defaultProps={theme:"",content:""};n.a=ce},9:function(e,n,t){"use strict";var a=t(0),o=t.n(a),i=t(5),l=t(23),c=Object(a.createContext)({});n.a=function(e){var n=!1;try{var t;n=(null===(t=document)||void 0===t?void 0:t.dir)&&"rtl"===document.dir.toLowerCase()||!1}catch(r){console.log(r)}var a=n?[l.a]:[];return o.a.createElement(i.StyleSheetManager,{stylisPlugins:a},o.a.createElement(c.Provider,{value:{rtl:n}},e.children))}}});