@assaabloy/amarr-wc-collection-details 3.0.0 → 3.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/collection-details.js +1 -1
- package/package.json +2 -2
package/collection-details.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e){function n(n){for(var a,r,c=n[0],l=n[1],s=n[2],m=0,p=[];m<c.length;m++)r=c[m],Object.prototype.hasOwnProperty.call(i,r)&&i[r]&&p.push(i[r][0]),i[r]=0;for(a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a]);for(d&&d(n);p.length;)p.shift()();return o.push.apply(o,s||[]),t()}function t(){for(var e,n=0;n<o.length;n++){for(var t=o[n],a=!0,c=1;c<t.length;c++){var l=t[c];0!==i[l]&&(a=!1)}a&&(o.splice(n--,1),e=r(r.s=t[0]))}return e}var a={},i={10:0},o=[];function r(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,r),t.l=!0,t.exports}r.m=e,r.c=a,r.d=function(e,n,t){r.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,n){if(1&n&&(e=r(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(r.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var a in e)r.d(t,a,function(n){return e[n]}.bind(null,a));return t},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r.p="/";var c=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],l=c.push.bind(c);c.push=n,c=c.slice();for(var s=0;s<c.length;s++)n(c[s]);var d=l;o.push([805,0]),t()}({0:function(e,n){e.exports=React},1:function(e,n,t){"use strict";t.d(n,"a",(function(){return a})),t.d(n,"b",(function(){return i}));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},i={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)"),smallMobileAndUpMax:"(max-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)"),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)"),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)"),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)")}},15:function(e,n,t){"use strict";t.d(n,"a",(function(){return d}));var a=t(23),i=t(0),o=t.n(i),r=t(5),c=(t(42),r.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;}}"])),l=t(33),s=t.n(l),d=function(e){return Object(a.a)(e),o.a.createElement(c,null,o.a.createElement("div",{className:"d-flex justify-content-center loader"},o.a.createElement("div",{className:"d-flex"},o.a.createElement(s.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}},17: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"}},2:function(e,n,t){"use strict";t.d(n,"g",(function(){return i})),t.d(n,"T",(function(){return o})),t.d(n,"i",(function(){return r})),t.d(n,"C",(function(){return c})),t.d(n,"F",(function(){return l})),t.d(n,"u",(function(){return s})),t.d(n,"A",(function(){return d})),t.d(n,"n",(function(){return m})),t.d(n,"q",(function(){return p})),t.d(n,"H",(function(){return u})),t.d(n,"G",(function(){return g})),t.d(n,"O",(function(){return b})),t.d(n,"D",(function(){return x})),t.d(n,"t",(function(){return h})),t.d(n,"h",(function(){return f})),t.d(n,"s",(function(){return v})),t.d(n,"x",(function(){return w})),t.d(n,"v",(function(){return y})),t.d(n,"B",(function(){return E})),t.d(n,"r",(function(){return k})),t.d(n,"P",(function(){return N})),t.d(n,"p",(function(){return O})),t.d(n,"I",(function(){return j})),t.d(n,"E",(function(){return S})),t.d(n,"Q",(function(){return M})),t.d(n,"l",(function(){return L})),t.d(n,"j",(function(){return U})),t.d(n,"m",(function(){return T})),t.d(n,"k",(function(){return z})),t.d(n,"y",(function(){return C})),t.d(n,"K",(function(){return I})),t.d(n,"w",(function(){return _})),t.d(n,"R",(function(){return P})),t.d(n,"S",(function(){return W})),t.d(n,"b",(function(){return H})),t.d(n,"N",(function(){return R})),t.d(n,"z",(function(){return F})),t.d(n,"a",(function(){return V})),t.d(n,"d",(function(){return J})),t.d(n,"f",(function(){return B})),t.d(n,"e",(function(){return $})),t.d(n,"V",(function(){return q})),t.d(n,"c",(function(){return Z})),t.d(n,"U",(function(){return Q})),t.d(n,"J",(function(){return G})),t.d(n,"L",(function(){return K})),t.d(n,"M",(function(){return X})),t.d(n,"o",(function(){return Y}));var a=t(4),i=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},o=function(e){return btoa(unescape(encodeURIComponent(e)))},r=function(e){return e.toUpperCase()},c=function(e){return e.replaceAll(" ","-").toLowerCase()},l=new a.a(!1),s=new a.a(!1),d=new a.a(!1),m=new a.a(!1),p=new a.a(""),u=new a.a(!1),g=new a.a(!1),b=new a.a(!1),x=new a.a(!1),h=new a.a(!1),f=new a.a(!1),v=new a.a(""),w=new a.a(!0),y=new a.a(!0),E=new a.a(!0),k=new a.a(!0),N=new a.a(!0),O=new a.a(!0),j=new a.a({}),D=new a.a(!1),A=0,S=new a.a(!1),M=new a.a(""),L=new a.a(""),U=new a.a(""),T=new a.a(""),z=new a.a(""),C=new a.a(""),I=new a.a(""),_=new a.a(!1),P=new a.a(!1),W=new a.a(!1),H=function(){setTimeout((function(){A++,D.next(!0)}),0)},R=function(){setTimeout((function(){A>0&&A--,0==A&&D.next(!1)}),0)},F=function(){return D.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)},J=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},B=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},$=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},q=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/.test(e)},Z=function(e){return/^[0-9]*$/.test(e)},Q=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},G=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},K=function(e){return e&&(e=e.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},X=function(e,n){return e=e?Number(e):0,(0===(n=n?Number(n):0)||"0"===n?0:(e-n)/n*100).toFixed(2)},Y=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}},26:function(e,n){e.exports=ReactDOM},6:function(e,n,t){"use strict";t.d(n,"a",(function(){return p}));var a=t(28),i=t(0),o=t.n(i),r=t(5),c=t(1),l=r.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),s=r.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(25),m=t(24),p=function(e){var n=e.label,t=void 0===n?"label":n,i=e.classStyle,r=void 0===i?"default":i,c=e.link,p=void 0!==c&&c,u=e.disabled,g=void 0!==u&&u,b=e.datatoggle,x=void 0===b?"":b,h=e.datatarget,f=void 0===h?"":h,v=e.linkHref,w=e.target,y=void 0===w?"_self":w,E=e.downloadLink,k=void 0!==E&&E,N=e.inverse,O=void 0!==N&&N,j=e.icon,D=void 0===j?"":j,A=e.iconAlt,S=void 0===A?"":A,M=e.dataItemName,L=void 0===M?"":M,U=e.id,T=void 0===U?"":U,z=e.type,C=void 0===z?"button":z,I=e.showDisabledMessage,_=void 0===I?"":I,P=Object(a.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage"]);return o.a.createElement(l,null,o.a.createElement("div",{className:"".concat(g&&_&&"disabled-button-parent")},p?o.a.createElement("a",{href:v,download:k,target:y,"data-item-name":L,id:T},o.a.createElement(s,Object.assign({disabled:g,classStyle:"".concat(r)},P,{type:C,className:O?"btn-inverse btn btn-success":"btn btn-success"}),""!=D?o.a.createElement("div",{"data-toggle":x,"data-target":f},o.a.createElement("img",{loading:"lazy",className:"button-icon",src:D,alt:S}),o.a.createElement("span",null,t)):o.a.createElement("span",null,t))):o.a.createElement(s,Object.assign({disabled:g,classStyle:r,className:O?"btn-inverse btn btn-success":"btn btn-success",id:T,"data-item-name":L,type:C},P),o.a.createElement("span",null,t)),g&&_&&o.a.createElement(d.a,{placement:"top",delay:{show:250,hide:250},overlay:o.a.createElement(m.a,{id:"button-tooltip"},o.a.createElement("div",{className:"p-1 amarr-h6"},_))},o.a.createElement("div",{className:"disabled-button-overlay"}))))}},60:function(e,n,t){"use strict";var a=t(3),i=t(0),o=t.n(i),r=t(2),c=t(10),l=t.n(c),s=t(43),d=t.n(s),m=t(6),p=t(15),u=t(12),g=t.n(u),b={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},x=t(11),h=t(5),f=t(1);function v(){var e=Object(x.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 "]);return v=function(){return e},e}var w=h.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(h.css)(v(),f.b.mediumDesktopAndUp4Max,f.b.largeDesktopMin,f.b.mobileMax,f.b.tabletPortraitAndUp,f.b.smallDesktopAndUp2Max,f.b.tabletPortraitAndUp,f.b.desktop2Max,f.b.desktop2Min,f.b.desktopMin1,f.b.desktopMin2,f.b.smallDesktopAndUp2Max,f.b.mediumDesktopMin,f.b.smallDesktopAndUp2Max,f.b.largeDesktopMin,f.b.tabletPortraitMax,f.b.smallDesktopAndUp2Max)})),y=t(7),E=t(8),k=t(9),N={searchLabel:"",searchEmptyText:"",searchResultsText:"",noResultText:"",disableSearch:!1,variation:"",categoryItems:[{title:"",headingStyle:"",items:[{title:"",description:""}]}],docCategoryItems:[{title:"",headingStyle:"",documentItems:[{title:"",description:"",items:[{path:"",name:"",extension:""}]}]}],groupedDocCategoryItems:[{title:"",headingStyle:"",items:[{title:"",headingStyle:"",documentItems:[{title:"",description:"",items:[{path:"",extension:"",name:""}]}]}]}],documentSearchItems:[{title:"",headingStyle:"",items:[{title:"",items:[{path:"",extension:"",name:""}]}]}],ctaSectionList:[{ctaHeading:"",ctaItems:[{label:"",url:"",linkAction:"",isInternal:!1}]}],bottomMargin:!1,listLeftAligned:!1},O=function(e){var n=g()({},N,Object(r.g)(e.content)),t=Object(i.useState)(""),c=Object(a.a)(t,2),s=c[0],u=c[1],x=Object(i.useState)(!1),h=Object(a.a)(x,2),f=h[0],v=h[1],O=Object(i.useState)({value:!0,message:n.searchResultsText}),j=Object(a.a)(O,2),D=j[0],A=j[1],S=Object(i.useState)({value:!1,message:""}),M=Object(a.a)(S,2),L=M[0],U=M[1],T=Object(i.useState)(!1),z=Object(a.a)(T,2),C=z[0],I=z[1],_=Object(i.useState)(!1),P=Object(a.a)(_,2),W=P[0],H=P[1];Object(i.useEffect)((function(){if(Object(r.z)().subscribe((function(e){v(e)})),n.disableSearch||n.searchEmptyText&&(n.searchEmptyText.length>20&&matchMedia("(max-width: 359px)").matches||n.searchEmptyText.length>30&&matchMedia("(max-width: 460px)").matches)&&H(!0),"faq"===n.variation){var e=document.getElementsByClassName("parent-searchable-div");e[0]&&(e[0].click(),e[0].classList.add("show-icon"))}}),[]);var R=n.categoryItems,F=[],V=[],J=[],B=[],$=[],q=[];null===R||void 0===R||R.forEach((function(e,n){F[n]=e.title,q[n]=e.headingStyle})),null===R||void 0===R||R.forEach((function(e,n){V[n]=e.items}));var Z=Object(i.useState)(R),Q=Object(a.a)(Z,2),G=Q[0],K=Q[1],X=Object(i.useState)(!1),Y=Object(a.a)(X,2),ee=Y[0],ne=Y[1],te=n.docCategoryItems,ae=[],ie=[],oe=[],re=[],ce=[],le=[];null===te||void 0===te||te.forEach((function(e,n){var t;ie[n]=null===e||void 0===e?void 0:e.title,ae[n]=null===e||void 0===e?void 0:e.headingStyle,oe[n]=[],null===e||void 0===e||null===(t=e.documentItems)||void 0===t||t.forEach((function(e,t){oe[n][t]=e}))})),!ee&&(null===te||void 0===te?void 0:te.find((function(e){return e.title})))&&ne(!0);var se=Object(i.useState)(te&&n.docCategoryItems),de=Object(a.a)(se,2),me=de[0],pe=de[1],ue=n.groupedDocCategoryItems,ge=Object(i.useState)(ue&&n.groupedDocCategoryItems),be=Object(a.a)(ge,2),xe=be[0],he=be[1],fe=[],ve=[],we=[],ye=[],Ee=[],ke=[],Ne=[],Oe=[];null===ue||void 0===ue||ue.forEach((function(e,n){var t;fe[n]=e.title,ke[n]=e.headingStyle,ve[n]=[],we[n]=[],Ne[n]=[],null===e||void 0===e||null===(t=e.items)||void 0===t||t.forEach((function(e,t){ve[n][t]=e.title,Ne[n][t]=e.headingStyle,we[n][t]=e.documentItems}))}));var je=function(e,n){e&&(Object(r.b)(),l.a.get(e,{responseType:"blob"}).then((function(e){return d.a.saveAs(e.data,n),Object(r.N)(),e}),(function(e){Object(r.N)()})).catch((function(e){Object(r.N)()})))},De=n.documentSearchItems,Ae=[],Se=[],Me=[],Le=[],Ue=[],Te=[];null===De||void 0===De||De.forEach((function(e,n){var t;Se[n]=null===e||void 0===e?void 0:e.title,Ae[n]=null===e||void 0===e?void 0:e.headingStyle,Me[n]=[],null===e||void 0===e||null===(t=e.items)||void 0===t||t.forEach((function(e,t){Me[n][t]=e}))}));var ze=Object(i.useState)(De&&n.documentSearchItems),Ce=Object(a.a)(ze,2),Ie=Ce[0],_e=Ce[1],Pe=Object(i.useState)(!1),We=Object(a.a)(Pe,2),He=We[0],Re=We[1],Fe=function(e){e.preventDefault();var t=s&&s.toLowerCase();"faq"===n.variation&&(t.length>0&&"faq"===n.variation?($=[],V.forEach((function(e,n){$=[],e.forEach((function(e,n){-1===e.title.toLowerCase().indexOf(t)&&-1===e.description.toLowerCase().indexOf(t)||$.push(e)})),B[n]=$,B[n].length>0&&(J[n]={title:B[n].length>0?F[n]:"",headingStyle:q[n],items:B[n]})})),J.length>0?U({value:!1,message:""}):U({value:!0,message:n.noResultText}),K(J)):(I(!1),U({value:!1,message:""}),K(R))),"document"===n.variation&&(t.length>0?(oe.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)})),ce[n]=re,ce[n].length>0&&(le[n]={title:ie[n],headingStyle:ae[n],documentItems:ce[n]})})),le.length>0?U({value:!1,message:""}):U({value:!0,message:n.noResultText}),pe(le)):(I(!1),U({value:!1,message:""}),pe(te))),"grouped-document"===n.variation&&(A({value:!1,message:""}),t.length>0?(we.forEach((function(e,n){Ee[n]=[],e.forEach((function(e,a){Oe=[],e.forEach((function(e,n){var a,i;((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===(i=e.description)||void 0===i?void 0:i.toLowerCase().indexOf(t)))&&Oe.push(e)})),Oe.length>0&&(Ee[n][a]={title:ve[n][a],headingStyle:Ne[n][a],documentItems:Oe})})),Ee[n].length>0&&(ye[n]={title:fe[n],headingStyle:ke[n],items:Ee[n]})})),ye.length>0?U({value:!1,message:""}):U({value:!0,message:n.noResultText}),he(ye)):(I(!1),U({value:!1,message:""}),he(n.groupedDocCategoryItems))),"search"===n.variation&&(t.length>0?(A({value:!1,message:""}),Re(!0),Me.forEach((function(e,n){Le=[],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)))&&(Le[n]=e)})),Ue[n]=Le,Ue[n].length>0&&(Te[n]={title:Ue[n].length>0?Se[n]:"",headingStyle:Ue[n].length>0&&Ae[n],items:Ue[n]})})),Te.length>0?U({value:!1,message:""}):U({value:!0,message:n.noResultText}),_e(Te)):(I(!1),U({value:!1,message:""}),Re(!1),A({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 o.a.createElement(y.a,{setter:{componentThemes:b,selectedTheme:e.theme}},o.a.createElement(E.a,null,o.a.createElement(k.a,null,o.a.createElement(w,{isReversed:!1},o.a.createElement("div",{className:n.listLeftAligned?"searchable-list":"container searchable-list"},f&&o.a.createElement(p.a,null),o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:n.listLeftAligned?"col-12 search-form-container":"col-12 col-xl-9 col-md-10 col-sm-11 search-form-container"},!n.disableSearch&&o.a.createElement("span",null,o.a.createElement("form",{className:"form-style"},o.a.createElement("div",{className:"search-box-parent"},o.a.createElement("div",{className:"search-icon"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-search-light.svg",alt:"Seacrh Icon",className:"search-img"})),o.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?I(!0):(I(!1),U({value:!1,message:""}),"faq"===n.variation&&K(R),"document"===n.variation&&pe(te),"grouped-document"===n.variation&&he(n.groupedDocCategoryItems))},onKeyDown:function(e){13==e.keyCode&&(e.preventDefault(),Fe(e))},title:"search"}),C&&o.a.createElement("span",{className:"close-icon"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-close.svg",alt:"Search Icon",onClick:function(e){""!==s&&(u(""),I(!1),U({value:!1,message:""}),"faq"===n.variation&&K(R),"document"===n.variation&&pe(te),"grouped-document"===n.variation&&he(n.groupedDocCategoryItems),"search"===n.variation&&A({value:!0,message:n.searchResultsText}))}}))),o.a.createElement(m.a,{label:Object(r.i)(n.searchLabel),inverse:!1,onClick:Fe})),!0===W&&o.a.createElement("div",{className:"body-text3 d-block d-sm-none"},n.searchEmptyText),"search"===n.variation&&D.value&&o.a.createElement("div",null,o.a.createElement("div",{className:"initial-search-text"},D.message))),L.value&&o.a.createElement("div",{className:"body-text2 no-result-text"},L.message),o.a.createElement("div",{className:"".concat(!1===ee&&"document"===n.variation&&"my-3"," results accordion accordion-wrapper"),id:"search-accordian"},"faq"===n.variation&&R&&G&&G.map((function(e,t){return o.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&o.a.createElement(e.headingStyle,{className:"heading-style "},e.title),e.headingStyle&&e.title&&"capitalize"===e.headingStyle&&e.title&&o.a.createElement("div",{className:"heading-style text-style-uppercase ".concat("document"===n.variation?"amarrHighlight":"")},e.title),e.items.map((function(e,n,a){return o.a.createElement("div",{key:n,className:"border-style parent-searchable-div"},o.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},o.a.createElement("span",{className:"text-style-heading"},e.title),o.a.createElement("img",{loading:"lazy",className:"accordion-expand",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-add-accordian.svg",alt:"expanded icon"}),o.a.createElement("img",{loading:"lazy",className:"accordion-collapsed",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-minus-accordian.svg",alt:"collapsed icon"})),o.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&&xe&&xe.map((function(e,n){return o.a.createElement("div",{className:"section-heading-large",key:n},e.headingStyle&&"capitalize"!==e.headingStyle&&o.a.createElement(e.headingStyle,{className:"heading-style-top"},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&o.a.createElement("div",{className:"heading-style-top text-style-uppercase"},e.title),e.items&&e.items.map((function(e,t,a){var i;return o.a.createElement("div",{className:"grouped-docs",key:t},e.headingStyle&&"capitalize"!==e.headingStyle&&o.a.createElement(e.headingStyle,{className:"heading-style-grouped"},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&o.a.createElement("div",{className:"heading-style-grouped text-style-uppercase "},e.title),null===e||void 0===e||null===(i=e.documentItems)||void 0===i?void 0:i.map((function(e,a,i){return o.a.createElement("div",{key:a,className:"border-style"},o.a.createElement("div",{className:"document-wrapper"},o.a.createElement("h3",{className:"text-style amarr-h5 m-0 p-0"},o.a.createElement("a",{className:"link-style-grouped",href:e.path,target:"_blank","aria-label":e.title},e.title)),o.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,i){return o.a.createElement("span",{key:i,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/xls.svg",alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"pptx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ppt.svg",alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf.svg",alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}))})))),o.a.createElement("p",{className:"text-style-description body-text2"},e.description),o.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,i){return o.a.createElement("span",{key:i,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf.svg",alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/xls.svg",alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"pptx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ppt.svg",alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}))}))))})))})))})),"document"===n.variation&&te&&me&&me.map((function(e,t){return o.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&o.a.createElement(e.headingStyle,{className:"heading-style "},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&e.title&&o.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 o.a.createElement("div",{className:"border-style",key:n},o.a.createElement("div",{className:"document-wrapper"},o.a.createElement("h3",{className:"text-style text-style-color amarr-h5 m-0 p-0"},o.a.createElement("a",{className:"link-style",href:e.path,target:"_blank","aria-label":e.title},e.title)),o.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,a){return o.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/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)&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/xls.svg",alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"pptx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ppt.svg",alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}))})))),e.description&&o.a.createElement("p",{className:"text-style-description body-text2"},e.description),o.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,a){return o.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/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)&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/xls.svg",alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"pptx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ppt.svg",alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}))}))))})))})),"search"===n.variation&&o.a.createElement(o.a.Fragment,null,!D.value&&o.a.createElement("div",{className:"search-variation-section"},He&&Ie&&Ie.map((function(e,t){return o.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&o.a.createElement(e.headingStyle,{className:"heading-style "},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&e.title&&o.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 o.a.createElement("div",{className:"border-style",key:n},o.a.createElement("div",{className:"document-wrapper"},o.a.createElement("h3",{className:"text-style text-style-color amarr-h5 m-0 p-0"},o.a.createElement("a",{className:"link-style",href:e.path,target:"_blank","aria-label":e.title},e.title)),o.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,a){return o.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/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)&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/xls.svg",alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"pptx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ppt.svg",alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf.svg",alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}))})))),e.description&&o.a.createElement("p",{className:"text-style-description body-text2"},e.description),o.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,a){return o.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf.svg",alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}))}))))})))})),He&&n.ctaSectionList&&n.ctaSectionList.map((function(e,n){return o.a.createElement("div",{key:n,className:"accordion-section"},o.a.createElement("h2",{className:"heading-style"},e.ctaHeading),o.a.createElement("span",{className:"ctalist"},e.ctaItems&&e.ctaItems.map((function(e,n){return o.a.createElement(o.a.Fragment,null,e.isInternal&&o.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&&o.a.createElement("a",{href:e.url,target:e.linkAction,"aria-label":e.label},e.label),!e.isInternal&&"_blank"===e.linkAction&&o.a.createElement("a",{href:e.url,target:e.linkAction,rel:"noopener","aria-label":e.label},e.label))}))))})))),"search"!==n.variation&&n.ctaSectionList&&n.ctaSectionList.map((function(e,t){return o.a.createElement("div",{key:t,className:"accordion-section ".concat(("faq"===n.variation||"grouped-document"===n.variation||"document"===n.variation)&&"mt-4")},e.ctaHeading&&o.a.createElement("h2",{className:"heading-style"},e.ctaHeading),o.a.createElement("span",{className:"ctalist"},e.ctaItems&&e.ctaItems.length>0&&e.ctaItems.map((function(e,n){return o.a.createElement("div",{className:"".concat(e.label.length>25&&"button-auto-height"),key:n},o.a.createElement(m.a,{label:Object(r.i)(e.label),link:!0,linkHref:e.url}))}))))}))))))))))};O.defaultProps={theme:"",content:""};n.a=O},63:function(e,n,t){"use strict";t.d(n,"a",(function(){return d}));var a=t(23),i=t(0),o=t.n(i),r=t(5),c=(t(42),r.default.div.withConfig({displayName:"styles__View",componentId:"sc-1kfrocl-0"})([".loader{text-align:var(--text-center);div{align-items:var(--text-center);}}"])),l=t(33),s=t.n(l),d=function(e){return Object(a.a)(e),o.a.createElement(c,null,o.a.createElement("div",{className:"d-flex justify-content-center loader"},o.a.createElement("div",{className:"d-flex"},o.a.createElement(s.a,{type:"Oval",color:"rgb(0, 97, 102)",height:100,width:100}))))}},7:function(e,n,t){"use strict";t.d(n,"a",(function(){return r}));var a=t(5),i=t(0),o=t.n(i),r=function(e){var n=e.setter,t=n.componentThemes,i=n.selectedTheme;return o.a.createElement(a.ThemeProvider,{theme:function(){if(!i)return t.theme1;var e=i.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)}},711:function(e,n,t){"use strict";t.r(n);var a=t(21),i=t(76);n.default=a.a.create({component:i.a,configuration:{tagname:"amarr-product-details",useShadow:!1},plugins:[]})},76:function(e,n,t){"use strict";var a=t(32),i=t.n(a),o=t(39),r=t(3),c=t(0),l=t.n(c),s=t(10),d=t.n(s),m=t(6),p=t(12),u=t.n(p),g={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},b=t(11),x=t(5),h=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.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(--text-color-warning) !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 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// 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: 84px;\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 0 0 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\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 {\n // margin: 0;\n max-height: 350px;\n }\n }\n }\n .slick-list {\n background: none;\n }\n .nav-slider{\n img{\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 {\n border-radius: var(--border-radius) !important;\n border: 4px solid var(--text-color-warning);\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}\n.slick-slider-custom.slick-slider-custom-gallery .showMoreIcon .slick-slide.slick-active.slick-current{\n border: none;\n}\n.showMoreIcon{ \n img{\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(--text-color-warning);\n img{\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;\n\n @media screen and "," {\n left: -60px\n }\n\n @media screen and "," {\n left: -30px;\n }\n\n &:before {\n background-image: url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-left-carousel.svg);\n }\n }\n &-next {\n right: -40px;\n\n @media screen and "," {\n right: -60px\n }\n\n @media screen and "," {\n right: -30px;\n }\n\n &:before {\n background-image: url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-right-carousel.svg);\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{\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(--text-color-warning);\n img{\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{\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{\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{\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 .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{\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}\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 }\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}\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-grey3);\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 position: sticky;\n // bottom: 0;\n z-index: 2;\n align-self: flex-start;\n top: 228px;\n @media screen and (min-width: 1024px) and (max-width: 1280px) {\n top: 228px;\n }\n @media screen and (min-width: 1281px) and (max-width: 1680px) {\n top: 245px;\n }\n @media screen and (min-width: 1681px) {\n top: 330px;\n }\n}\n.right-costco {\n @media screen and (min-width: 1024px) {\n padding-bottom: 100px;\n }\n}\n "]);return f=function(){return e},e}var v=x.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(x.css)(f(),h.b.tabletPortraitAndUpMax,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp3Max,h.b.tabletPortraitAndUp,h.b.desktopAndUpMax,h.b.smallDesktopAndUp,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitMax,h.b.largeDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitMin,h.b.smallDesktopAndUp3Max,h.b.largeDesktopMin,h.b.tabletLandscapeAndUp,h.b.largeDesktopMin,h.b.tabletLandscapeAndUp,h.b.tabletLandscapeAndUp,h.b.smallDesktopAndUp3Max,h.b.largeDesktopMin,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.tabletPortraitMax,h.b.tabletLandscapeAndUp,h.b.mediumDesktopAndUpMax,h.b.largeDesktop,h.b.tabletPortraitMax,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.mediumDesktopAndUp3Max,h.b.desktopAndUpMax,h.b.mobileMax,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitAndUp,h.b.smallDesktopAndUp2Max,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitAndUpMax,h.b.mobileMax,h.b.largeDesktopMin,h.b.mobileMax,h.b.mobileMax,h.b.largeMobileAndUp2Max,h.b.tabletPortraitAndUp,h.b.mobileMax,h.b.mobileMax,h.b.mobileMax,h.b.mobileMax,h.b.mediumDesktopAndUp3Max,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.tabletPortraitMax,h.b.tabletLandscapeAndUp,h.b.smallDesktopAndUp,h.b.mediumDesktopAndUpMax,h.b.tabletPortraitMax,h.b.mediumDesktopAndUp4Max,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.mediumDesktopAndUp3Max,h.b.mobileMax,h.b.mobileMax,h.b.mediumDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.desktopAndUpMax,h.b.tabletPortraitMax,h.b.mobileMax,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.smallDesktopAndUp3Max,h.b.mobileMax,h.b.mobileMax,h.b.mobileMax,h.b.mobileMax,h.b.desktopAndUp,h.b.largeMobileMin,h.b.desktop2Max,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitAndUpMax,h.b.mobileMax,h.b.largeMobileAndUpMax,h.b.mobileMax,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.tabletPortraitMax,h.b.tabletLandscapeAndUp,h.b.tabletPortraitAndUp,h.b.mobileMax,h.b.mobileMax,h.b.mobileMax,h.b.smallDesktopAndUp,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.mobileMax,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitMin,h.b.mediumDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitAndUp,h.b.smallDesktopAndUp2Max,h.b.mobileMax,h.b.mobileMax)})),w=t(7),y=t(8),E=t(9),k=t(2),N=t(15),O=t(17),j=function(e){var n=e.doorDetails,t=e.content,a=Object(c.useState)(!1),i=Object(r.a)(a,2),o=i[0],s=i[1],d=Object(c.useState)(!1),m=Object(r.a)(d,2),p=m[0],u=m[1],g=Object(c.useState)(""),b=Object(r.a)(g,2),x=b[0],h=b[1],f=Object(c.useState)(""),v=Object(r.a)(f,2),w=v[0],y=v[1],E=Object(c.useState)(""),N=Object(r.a)(E,2),O=N[0],j=N[1],D=Object(c.useState)(""),A=Object(r.a)(D,2),S=A[0],M=A[1],L=Object(c.useState)(""),U=Object(r.a)(L,2),T=U[0],z=U[1],C=Object(c.useState)(!1),I=Object(r.a)(C,2),_=I[0],P=I[1];Object(c.useEffect)((function(){var e=!1;if(window.self!==window.top&&(P(!0),e=!0),!1===e&&localStorage.getItem("product-fav")){var t=localStorage.getItem("product-fav"),a=JSON.parse(t),i=!1;a.forEach((function(e){e.data.id===T&&(i=!0)})),u(i)}k.E.subscribe((function(e){s(e)})),k.Q.subscribe((function(e){e.length>0&&h(e)})),k.l.subscribe((function(e){e&&e.length>0&&y(e)})),k.m.subscribe((function(e){e&&e.length>0&&j(e)})),k.j.subscribe((function(e){e&&e.length>0&&M(e)})),k.w.subscribe((function(t){!0===t&&(k.k.subscribe((function(t){if(t.length>0){var a={id:t,title:n.collectionName,thumbnailImage:window.location.origin+n.rootImagePath+"/"+t.split("_")[1]+"/"+t.split("_")[2]+"/"+t.split("_")[1]+"-"+t.split("_")[2]+"-"+t.split("_")[3]+".jpg",type:n.type,url:window.location.origin+window.location.pathname+"?panel="+t.split("_")[1]+"&window="+t.split("_")[2]+"&color="+t.split("_")[3],panelDesign:t.split("_")[1],color:t.split("_")[3]};if(!1===e&&localStorage.getItem("product-fav")){var i=localStorage.getItem("product-fav"),o=JSON.parse(i),r=!1;if(o.forEach((function(e){e.data.id===t&&(r=!0)})),!1===r&&o){var c=o;c.push({data:a,time:new Date}),!1===e&&localStorage.setItem("product-fav",JSON.stringify(c))}}else{var l=[];l.push({data:a,time:new Date}),!1===e&&localStorage.setItem("product-fav",JSON.stringify(l))}}})),k.w.next(!1),window.location.reload())})),k.k.subscribe((function(n){if(n.length>0&&(z(n),!1===e&&localStorage.getItem("product-fav"))){var t=localStorage.getItem("product-fav"),a=JSON.parse(t),i=!1;a.forEach((function(e){e.data.id===n&&(i=!0)})),u(i)}}))}),[]);return l.a.createElement("section",{className:"door-header"},l.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},l.a.createElement("div",{className:"d-flex align-items-center"},l.a.createElement("h1",{className:"door-header-sub-title m-0 amarr-h3"},n.collectionName),o&&l.a.createElement("span",{className:"body-text3 new-icon"},t.newFlagText)),!1===_&&t.favoritesLabel&&""!==t.favoritesLabel&&l.a.createElement("div",{className:"door-header-share-icons"},l.a.createElement("a",{onClick:function(){u(!p),function(){var e={id:T,title:n.collectionName,thumbnailImage:window.location.origin+n.rootImagePath+"/"+w+"/"+O+"/"+x+".jpg",type:n.type,url:window.location.origin+window.location.pathname+"?panel="+w+"&window="+O+"&color="+S,panelDesign:w,color:S};if(!1===p)if(!1===_&&localStorage.getItem("product-fav")){var t=localStorage.getItem("product-fav"),a=JSON.parse(t),i=!1;a.forEach((function(e){e.data.id===T&&(i=!0)})),!1===i&&(a.push({data:e,time:new Date}),localStorage.setItem("product-fav",JSON.stringify(a)),k.R.next(!0))}else{var o=[];o.push({data:e,time:new Date}),!1===_&&localStorage.setItem("product-fav",JSON.stringify(o)),k.R.next(!0)}else if(!1===_&&localStorage.getItem("product-fav")){var r=localStorage.getItem("product-fav"),c=JSON.parse(r),l=-1;c.forEach((function(e,n){e.data.id===T&&(l=n)})),c.splice(l,1),localStorage.setItem("product-fav",JSON.stringify(c)),k.R.next(!1)}}()}},!0===p?l.a.createElement("img",{loading:"lazy",className:"rating-fill",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav-red-fill.svg",alt:"Favorite"}):l.a.createElement("img",{loading:"lazy",className:"rating-fill",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav.svg",alt:"Favorite"})))),l.a.createElement("div",{className:"door-header-power-reviews pb-3"},l.a.createElement("div",{id:"pr-reviewsnippet"})))},D=t(30),A=t(25),S=t(24),M=function(e){var n=e.doorDetails,t=e.content,a=Object(c.useState)([]),i=Object(r.a)(a,2),o=i[0],s=i[1],d=Object(c.useState)([]),m=Object(r.a)(d,2),p=m[0],u=m[1],g=Object(c.useState)([]),b=Object(r.a)(g,2),x=b[0],h=b[1],f=Object(c.useState)([]),v=Object(r.a)(f,2),w=(v[0],v[1],Object(c.useState)("")),y=Object(r.a)(w,2),E=y[0],N=y[1],O=Object(c.useState)(""),j=Object(r.a)(O,2),M=j[0],L=j[1],U=Object(c.useState)(""),T=Object(r.a)(U,2),z=T[0],C=T[1],I=Object(c.useState)(""),_=Object(r.a)(I,2),P=(_[0],_[1],Object(c.useState)({image:"",alt:"",name:"",value:"",desc:"",popupimage:"",popupalt:""})),W=Object(r.a)(P,2),H=W[0],R=(W[1],Object(c.useState)(!1)),F=Object(r.a)(R,2),V=F[0],J=F[1],B=Object(c.useState)(!1),$=Object(r.a)(B,2),q=$[0],Z=$[1],Q=Object(c.useState)(!1),G=Object(r.a)(Q,2),K=G[0],X=G[1],Y=Object(c.useState)(!1),ee=Object(r.a)(Y,2),ne=(ee[0],ee[1],Object(c.useState)(4)),te=Object(r.a)(ne,2),ae=te[0],ie=te[1],oe=Object(c.useState)(3),re=Object(r.a)(oe,2),ce=re[0],le=re[1],se=Object(c.useState)(6),de=Object(r.a)(se,2),me=de[0],pe=de[1],ue=Object(c.useState)(!1),ge=Object(r.a)(ue,2),be=ge[0],xe=ge[1],he=Object(c.useState)(!1),fe=Object(r.a)(he,2),ve=fe[0],we=fe[1],ye=Object(c.useState)(!1),Ee=Object(r.a)(ye,2),ke=Ee[0],Ne=Ee[1];Object(c.useEffect)((function(){if(window.location.search){var e=window.location.search.substring(1).split("&"),t="",a="",i="";e.forEach((function(e){var n=e.split("=");"panel"===n[0]&&(t=n[1]),"color"===n[0]&&(a=n[1]),"window"===n[0]&&(i=n[1])}));var o=!1,c=!1,l=!1;n.panelList&&n.panelList.length>0&&n.panelList.forEach((function(e){e.panel===t&&(o=!0,e.colors&&e.colors.length>0&&e.colors.forEach((function(e){e.colorValue===a&&(c=!0)})),!1===c&&e.newColor&&e.newColor.length>0&&e.newColor.forEach((function(e){e.colorValue===a&&(c=!0)})),e.windowOptionsList&&e.windowOptionsList.forEach((function(e){e.windowOption===i&&(l=!0)})),!1===l&&e.newWindowOption&&e.newWindowOption.length>0&&e.newWindowOption.forEach((function(e){e.windowOption===i&&(l=!0)})))}));var d="",m="",p="";d=!0===o?t:n.panelDefault,m=!0===c?a:n.colorDefault,p=!0===l?i:n.windowOptionDefault,L(d),N(m),C(p),k.Q.next(d+"-"+p+"-"+m),k.l.next(d),k.j.next(m),k.m.next(p),k.k.next(n.collection+"_"+d+"_"+p+"_"+m)}else N(n.colorDefault),L(n.panelDefault),C(n.windowOptionDefault),setTimeout((function(){k.Q.next(n.panelDefault+"-"+n.windowOptionDefault+"-"+n.colorDefault),k.l.next(n.panelDefault),k.j.next(n.colorDefault),k.m.next(n.windowOptionDefault),k.k.next(n.collection+"_"+n.panelDefault+"_"+n.windowOptionDefault+"_"+n.colorDefault)}),1e3);k.y.subscribe((function(e){if(e){var t=e.split("/");L(t[0]),n.panelList&&n.panelList.length>0&&n.panelList.forEach((function(e){if(e.panel===t[0]){var n=[],a=[];if(e.windowOptionsList&&e.windowOptionsList.length>0)for(var i=function(t){var a=e.windowOptionsList[t],i=!1;n.forEach((function(e){e.value===a.windowOption&&(i=!0)})),!1===i&&n.push({name:a.windowOptionTitle,value:a.windowOption,image:a.windowOptionImage,alt:a.imageAltText,isNew:!1,doorDesignerCode:a.doorDesignerCode,available:!1!==a.available})},o=0;o<e.windowOptionsList.length;o++)i(o);if(e.newWindowOption&&e.newWindowOption.length>0)for(var r=function(t){var a=e.newWindowOption[t],i=!1;n.forEach((function(e){e.value===a.windowOption&&(e.isNew=!0,i=!0)})),!1===i&&n.push({name:a.windowOptionTitle,value:a.windowOption,image:a.windowOptionImage,alt:a.imageAltText,isNew:!0,doorDesignerCode:a.doorDesignerCode,available:!1!==a.available})},c=0;c<e.newWindowOption.length;c++)r(c);if(e.colors&&e.colors.length>0)for(var l=function(n){var t=e.colors[n],i=!1;a.forEach((function(e){e.value===t.colorValue&&(i=!0)})),!1===i&&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})},s=0;s<e.colors.length;s++)l(s);if(e.newColor&&e.newColor.length>0)for(var d=function(n){var t=e.newColor[n],i=!1;a.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,i=!0)})),!1===i&&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})},m=0;m<e.newColor.length;m++)d(m);u(n),h(a),t[1]||(t[1]=n[0].value),t[2]||(t[2]=a[0].value)}})),t[1]&&C(t[1]),t[2]&&N(t[2]),k.Q.next(t[0]+"-"+t[1]+"-"+t[2]),k.l.next(t[0]),k.j.next(t[2]),k.m.next(t[1]),k.k.next(n.collection+"_"+t[0]+"_"+t[1]+"_"+t[2])}}));var g=[],b=[];if(n.panelList&&n.panelList.length>0){var x=n.panelDefault;if(window.location.search){var f,v=new URLSearchParams(window.location.search),w=Object(D.a)(v);try{for(w.s();!(f=w.n()).done;){var y=Object(r.a)(f.value,2),E=y[0],O=y[1];"panel"===E&&(x=O)}}catch(me){w.e(me)}finally{w.f()}}else x=n.panelDefault;for(var j=0;j<n.panelList.length;j++)if(n.panelList[j].panel===x){if(n.panelList[j].windowOptionsList&&n.panelList[j].windowOptionsList.length>0)for(var A=function(e){var t=n.panelList[j].windowOptionsList[e],a=!1;g.forEach((function(e){e.value===t.windowOption&&(a=!0)})),!1===a&&g.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},S=0;S<n.panelList[j].windowOptionsList.length;S++)A(S);if(n.panelList[j].newWindowOption&&n.panelList[j].newWindowOption.length>0)for(var M=function(e){var t=n.panelList[j].newWindowOption[e],a=!1;g.forEach((function(e){e.value===t.windowOption&&(e.isNew=!0,a=!0)})),!1===a&&g.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},U=0;U<n.panelList[j].newWindowOption.length;U++)M(U);if(n.panelList[j].colors&&n.panelList[j].colors.length>0)for(var T=function(e){var t=n.panelList[j].colors[e],a=!1;b.forEach((function(e){e.value===t.colorValue&&(a=!0)})),!1===a&&b.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})},z=0;z<n.panelList[j].colors.length;z++)T(z);if(n.panelList[j].newColor&&n.panelList[j].newColor.length>0)for(var I=function(e){var t=n.panelList[j].newColor[e],a=!1;b.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,a=!0)})),!1===a&&b.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[j].newColor.length;_++)I(_)}}u(g),h(b);var P=[];if(n.panelList&&n.panelList.length>0)for(var W=0;W<n.panelList.length;W++){var H;P.push({name:n.panelList[W].panelName,value:n.panelList[W].panel,isNew:!!(null===(H=n.panelList[W])||void 0===H?void 0:H.isNew)&&n.panelList[W].isNew,image:n.panelList[W].images.url,alt:n.panelList[W].images.altText,available:!1!==n.panelList[W].available,doorDesignerCode:n.panelList[W].doorDesignerCode})}if(s(P),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)k.E.next(!0);else{var R=!1,F=n.panelDefault;if(window.location.search){var V,J=new URLSearchParams(window.location.search),B=Object(D.a)(J);try{for(B.s();!(V=B.n()).done;){var $=Object(r.a)(V.value,2),q=$[0],Z=$[1];"panel"===q&&(F=Z)}}catch(me){B.e(me)}finally{B.f()}}else F=n.panelDefault;if(P.forEach((function(e){e.value===F&&(R=!!e.isNew&&e.isNew)})),R)k.E.next(!0);else{var Q=!1,G=n.windowOptionDefault;if(window.location.search){var K,X=new URLSearchParams(window.location.search),Y=Object(D.a)(X);try{for(Y.s();!(K=Y.n()).done;){var ee=Object(r.a)(K.value,2),ne=ee[0],te=ee[1];"window"===ne&&(G=te)}}catch(me){Y.e(me)}finally{Y.f()}}else G=n.windowOptionDefault;if(g.forEach((function(e){e.value===G&&(Q=!!e.isNew&&e.isNew)})),!1===Q){var ae=!1,ie=n.colorDefault;if(window.location.search){var oe,re=new URLSearchParams(window.location.search),ce=Object(D.a)(re);try{for(ce.s();!(oe=ce.n()).done;){var le=Object(r.a)(oe.value,2),se=le[0],de=le[1];"color"===se&&(ie=de)}}catch(me){ce.e(me)}finally{ce.f()}}else ie=n.colorDefault;b.forEach((function(e){e.value===ie&&(ae=!!e.isNew&&e.isNew)})),k.E.next(ae)}else k.E.next(!0)}}}),[]),Object(c.useEffect)((function(){matchMedia("(max-width: 767px)").matches&&(ie(2),le(2),pe(3))}),[]);return l.a.createElement("section",null,l.a.createElement("div",{className:"border-b pt-3 pb-2"},l.a.createElement("section",{className:"panel-design"},l.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.panelListLabel),l.a.createElement("ul",{className:"d-flex panel-design-container"},o&&o.length>0&&o.map((function(e,a){return(a<ae||o.length===ae+1&&a===ae||V)&&l.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},l.a.createElement("img",{loading:"lazy",role:"presentation",onClick:function(){return function(e){L(e.value);for(var t=[],a=[],i=0;i<n.panelList.length;i++)if(n.panelList[i].panel===e.value){if(n.panelList[i].windowOptionsList&&n.panelList[i].windowOptionsList.length>0)for(var o=function(e){var t=n.panelList[i].windowOptionsList[e],o=!1;a.forEach((function(e){e.value===t.windowOption&&(o=!0)})),!1===o&&a.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},r=0;r<n.panelList[i].windowOptionsList.length;r++)o(r);if(n.panelList[i].newWindowOption&&n.panelList[i].newWindowOption.length>0)for(var c=function(e){var t=n.panelList[i].newWindowOption[e],o=!1;a.forEach((function(e){e.value===t.windowOption&&(e.isNew=!0,o=!0)})),!1===o&&a.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},l=0;l<n.panelList[i].newWindowOption.length;l++)c(l);if(n.panelList[i].colors&&n.panelList[i].colors.length>0)for(var s=function(e){var a=n.panelList[i].colors[e],o=!1;t.forEach((function(e){e.value===a.colorValue&&(o=!0)})),!1===o&&t.push({name:a.colorTitle,value:a.colorValue,hexCode:a.hexCode?a.hexCode:null,colorImage:a.colorImage?a.colorImage:null,isNew:!1,available:!1!==a.available,doorDesignerCode:a.doorDesignerCode})},d=0;d<n.panelList[i].colors.length;d++)s(d);if(n.panelList[i].newColor&&n.panelList[i].newColor.length>0)for(var m=function(e){var a=n.panelList[i].newColor[e],o=!1;t.forEach((function(e){e.value===a.colorValue&&(e.isNew=!0,o=!0)})),!1===o&&t.push({name:a.colorTitle,value:a.colorValue,hexCode:a.hexCode?a.hexCode:null,colorImage:a.colorImage?a.colorImage:null,isNew:!0,available:!1!==a.available,doorDesignerCode:a.doorDesignerCode})},p=0;p<n.panelList[i].newColor.length;p++)m(p)}u(a),h(t);var g=!1,b=!1;if(t&&t.length>0&&t.forEach((function(e){e.value===E&&(g=!0)})),a&&a.length>0&&a.forEach((function(e){e.value===z&&(b=!0)})),!1===g&&!1===b?(N(t[0].value),C(a[0].value),k.Q.next(e.value+"-"+a[0].value+"-"+t[0].value),k.l.next(e.value),k.j.next(t[0].value),k.m.next(a[0].value),k.k.next(n.collection+"_"+e.value+"_"+a[0].value+"_"+t[0].value)):!1===g&&b?(N(t[0].value),k.Q.next(e.value+"-"+z+"-"+t[0].value),k.l.next(e.value),k.j.next(t[0].value),k.m.next(z),k.k.next(n.collection+"_"+e.value+"_"+z+"_"+t[0].value)):g&&!1===b?(C(a[0].value),k.Q.next(e.value+"-"+a[0].value+"-"+E),k.l.next(e.value),k.j.next(E),k.m.next(a[0].value),k.k.next(n.collection+"_"+e.value+"_"+a[0].value+"_"+E)):(k.Q.next(e.value+"-"+z+"-"+E),k.l.next(e.value),k.j.next(E),k.m.next(z),k.k.next(n.collection+"_"+e.value+"_"+z+"_"+E)),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)k.E.next(!0);else if((null===e||void 0===e?void 0:e.isNew)&&!0===e.isNew)k.E.next(!0);else{var x,f=null;if(a.forEach((function(e){e.value===z&&(f=e)})),(null===(x=f)||void 0===x?void 0:x.isNew)&&!0===f.isNew)k.E.next(!0);else{var v,w=null;t.forEach((function(e){e.value===E&&(w=e)})),(null===(v=w)||void 0===v?void 0:v.isNew)&&!0===w.isNew?k.E.next(!0):k.E.next(!1)}}}(e)},src:e.image,alt:e.alt,className:"action-item ".concat(M===e.value?"door-active":"")}),l.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&l.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},l.a.createElement(A.a,{placement:"top",delay:{show:250,hide:250},overlay:l.a.createElement(S.a,{id:"button-tooltip-".concat(a)},l.a.createElement("div",{className:"p-1 amarr-h6"},t.panelUnavailableMessage))},l.a.createElement("div",{className:"panel-un-icon unavailable-icon"},l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_unavailable.svg",alt:t.panelUnavailableMessage})))))})),o&&o.length>ae&&o.map((function(e,n){return n===ae+1&&!V&&l.a.createElement("li",{className:"panel-design-item more-item-container",key:n,onClick:function(){J(!0),xe(!0)}},l.a.createElement("img",{loading:"lazy",role:"presentation",src:e.image,className:"action-item"}),l.a.createElement("h5",{className:"panel-design-more-items"},"+",o.length-ae))})),be&&l.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",onClick:function(){J(!1),xe(!1)}},l.a.createElement("h6",{className:"panel-design-less-items"},t.showLessLabel))))),p&&p.length>0&&l.a.createElement("div",{className:"border-b pt-3 pb-2"},l.a.createElement("section",{className:"panel-design window-panel"},l.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.windowOptionsListLabel),l.a.createElement("ul",{className:"d-flex panel-design-container"},p&&p.length>0&&p.map((function(e,a){return(a<ce||p.length===ce+1&&a===ce||q)&&l.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},l.a.createElement("div",{className:"window ".concat(z===e.value?"door-active":"")},l.a.createElement("img",{loading:"lazy",role:"presentation",onClick:function(){return function(e){if(C(e.value),k.Q.next(M+"-"+e.value+"-"+E),k.l.next(M),k.j.next(E),k.m.next(e.value),k.k.next(n.collection+"_"+M+"_"+e.value+"_"+E),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)k.E.next(!0);else{for(var t,a=null,i=0;i<n.panelList.length;i++)n.panelList[i].panel===M&&(a=n.panelList[i]);if((null===(t=a)||void 0===t?void 0:t.isNew)&&!0===a.isNew)k.E.next(!0);else if(e.isNew&&!0===e.isNew)k.E.next(!0);else{var o=null,r=x;if(r&&r.length>0){for(var c,l=0;l<r.length;l++)r[l].value===E&&(o=r[l]);return(null===(c=o)||void 0===c?void 0:c.isNew)&&!0===o.isNew?void k.E.next(!0):void k.E.next(!1)}k.E.next(!1)}}}(e)},src:e.image,alt:e.alt,className:"action-item"})),l.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&l.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},l.a.createElement(A.a,{placement:"top",delay:{show:250,hide:250},overlay:l.a.createElement(S.a,{id:"button-tooltip-".concat(a)},l.a.createElement("div",{className:"p-1 amarr-h6"},t.windowOptionUnavailableMessage))},l.a.createElement("div",{className:"panel-un-icon unavailable-icon"},l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_unavailable.svg",alt:"unavailable"})))))})),p&&p.length>ce&&p.map((function(e,n){return n===ce+1&&!q&&l.a.createElement("li",{className:"panel-design-item more-item-container",key:n,onClick:function(){Z(!0),we(!0)}},l.a.createElement("div",{className:"window"},l.a.createElement("img",{loading:"lazy",role:"presentation",src:e.image,className:"action-item"})),l.a.createElement("p",{className:"panel-design-block-text body-text3"},"+",p.length-ce),l.a.createElement("h5",{className:"panel-design-more-items"},"+",p.length-ce))})),ve&&l.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",onClick:function(){Z(!1),we(!1)}},l.a.createElement("h6",{className:"panel-design-less-items"},t.showLessLabel))))),l.a.createElement("div",{className:"pt-3 pb-2"},l.a.createElement("section",{className:"panel-design"},l.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.colorListLabel),l.a.createElement("ul",{className:"d-flex panel-design-container"},x&&x.length>0&&x.map((function(e,a){return(a<me||x.length===me+1&&a===me||K)&&l.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item color-circle"),key:a},l.a.createElement("span",{onClick:function(){return function(e){if(N(e.value),k.Q.next(M+"-"+z+"-"+e.value),k.l.next(M),k.j.next(e.value),k.m.next(z),k.k.next(n.collection+"_"+M+"_"+z+"_"+e.value),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)k.E.next(!0);else{for(var t,a=null,i=0;i<n.panelList.length;i++)n.panelList[i].panel===M&&(a=n.panelList[i]);if((null===(t=a)||void 0===t?void 0:t.isNew)&&!0===a.isNew)k.E.next(!0);else{var o=null,r=p;if(r&&r.length>0){for(var c,l=0;l<r.length;l++)r[l].value===z&&(o=r[l]);if((null===(c=o)||void 0===c?void 0:c.isNew)&&!0===o.isNew)return void k.E.next(!0);e.isNew&&!0===e.isNew?k.E.next(!0):k.E.next(!1)}else e.isNew&&!0===e.isNew?k.E.next(!0):k.E.next(!1)}}}(e)},className:"action-item door-color ".concat(E===e.value?"door-active":""),style:null!=e.colorImage?{backgroundImage:"url("+e.colorImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}:{backgroundColor:"#"+e.hexCode}}),l.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&l.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable color-unavailable")},l.a.createElement(A.a,{placement:"top",delay:{show:250,hide:250},overlay:l.a.createElement(S.a,{id:"button-tooltip-".concat(a)},l.a.createElement("div",{className:"p-1 amarr-h6"},t.colorUnavailableMessage))},l.a.createElement("div",{className:"color-un-icon unavailable-icon"},l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_unavailable.svg",alt:t.colorUnavailableMessage})))))})),x&&x.length>me&&x.map((function(e,n){return n===me+1&&!K&&l.a.createElement("li",{className:"panel-design-item more-item-container color-circle",key:n,onClick:function(){X(!0),Ne(!0)}},l.a.createElement("span",{className:"action-item door-color",style:{background:"#"+e.value}},l.a.createElement("h5",{className:"color-design-more-items"},"+",x.length-me)))})),ke&&l.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",onClick:function(){X(!1),Ne(!1)}},l.a.createElement("h6",{className:"panel-design-more-items panel-design-less-items"},t.showLessLabel))))),l.a.createElement("div",{className:"modal fade alert-popup",id:"icon-popup",role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body text-left feature-icons-body"},l.a.createElement("h4",{className:"mb-3"},H.name),l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"col-lg-3"},l.a.createElement("img",{role:"presentation",loading:"lazy",src:H.popupimage,alt:H.popupalt})),l.a.createElement("div",{className:"col-lg-9"},l.a.createElement("p",{className:"body-text1",dangerouslySetInnerHTML:{__html:H.desc}}))))))))},L=function(e){var n=e.doorDetails,t=e.content,a=Object(c.useState)(!1),i=Object(r.a)(a,2),o=i[0],s=i[1],d=Object(c.useState)(!1),m=Object(r.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),i=!1;a.forEach((function(e){e.data.id===n.id&&(i=!0)})),s(i)}}),[]);return l.a.createElement("section",null,l.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},l.a.createElement("h1",{className:"opener-details-heading m-0"},n.productName),(null===n||void 0===n?void 0:n.isNew)&&n.isNew&&l.a.createElement("span",{className:"body-text3 new-icon"},t.newFlagText),!1===p&&"operators"!==t.productType&&t.favoritesLabel&&""!==t.favoritesLabel&&l.a.createElement("a",{onClick:function(){s(!o);var e={id:n.id,title:n.productName,thumbnailImage:window.location.origin+n.images[0].url,type:n.type,url:window.location.href};if("accessory"===n.type&&(e.description=n.shortDescription),"openers"===n.type&&(e.motorWarranty=n.warrantyMotor,e.partsWarranty=n.warrantyParts,n.series&&(e.series=n.series),n.drive&&(e.drive=n.drive),n.force&&(e.force=n.force),n.horsePower&&(e.horsePower=n.horsePower)),!1===o)if(!1===p&&localStorage.getItem("product-fav")){var t=localStorage.getItem("product-fav"),a=JSON.parse(t),i=!1;a.forEach((function(e){e.data.id===n.id&&(i=!0)})),!1===i&&(a.push({data:e,time:new Date}),localStorage.setItem("product-fav",JSON.stringify(a)))}else{var r=[];r.push({data:e,time:new Date}),!1===p&&localStorage.setItem("product-fav",JSON.stringify(r))}else if(!1===p&&localStorage.getItem("product-fav")){var c=localStorage.getItem("product-fav"),l=JSON.parse(c),d=-1;l.forEach((function(e,t){e.data.id===n.id&&(d=t)})),l.splice(d,1),localStorage.setItem("product-fav",JSON.stringify(l))}}},!0===o?l.a.createElement("img",{loading:"lazy",className:"rating-fill",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav-red-fill.svg",alt:"Favorite"}):l.a.createElement("img",{loading:"lazy",className:"rating-fill",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav.svg",alt:"Favorite"}))))},U=t(43),T=t.n(U),z=function(e){var n=e.doorDetails,t=e.content;Object(c.useEffect)((function(){}),[]);return l.a.createElement("section",null,l.a.createElement("div",{className:"d-flex align-items-center pb-1"},l.a.createElement("h1",{className:"amarr-h3 font-weight-semi mb-0"},n.productName),n.isNew&&l.a.createElement("span",{className:"new-icon body-text3"},t.newFlagText)),l.a.createElement("div",{className:"door-header-power-reviews pb-3 border-b"},l.a.createElement("div",{id:"pr-reviewsnippet"})),l.a.createElement("div",{className:"py-3"},l.a.createElement("div",{className:"body-text2 enable-list-style",dangerouslySetInnerHTML:{__html:n.description}})),l.a.createElement("div",{className:"row col-xl-8 col-12 mb-3 mb-md-0 commercial-bottom-space"},n.productDocuments&&n.productDocuments.length>0&&l.a.createElement("div",{className:"list-width pb-3"},l.a.createElement("h2",{className:"amarr-h5 mb-2"},t.productDocumentsLabel),l.a.createElement("div",null,n.productDocuments.map((function(e,n){return l.a.createElement("div",{className:"list-item",key:n},l.a.createElement("p",{className:"body-text2 mb-0 text-container mr-2 mr-md-0"},e.title),e.items.map((function(e,n){return l.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(k.b)(),d.a.get(n,{responseType:"blob"}).then((function(e){return T.a.saveAs(e.data,t),Object(k.N)(),e}),(function(e){Object(k.N)()})).catch((function(e){Object(k.N)()}))));var n,t}},"pdf"===e.extension&&l.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf-color.svg",alt:"pdf icon"}),"dwg"===e.extension&&l.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg-color.svg",alt:"dwg icon"}),"dxf"===e.extension&&l.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf-color.svg",alt:"dxf icon"}),"rfa"===e.extension&&l.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rfa-color.svg",alt:"rfa icon"}),"skp"===e.extension&&l.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp-color.svg",alt:"skp icon"}),"doc"===e.extension&&l.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc-color.svg",alt:"doc icon"}),"docx"===e.extension&&l.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx-color.svg",alt:"docx icon"}),"rtf"===e.extension&&l.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf-color.svg",alt:"rtf icon"}))})))})))),t.productLinksLabel&&t.productLinksCta&&l.a.createElement("div",null,l.a.createElement("h2",{className:"amarr-h5"},t.productLinksLabel),l.a.createElement("div",null,"noTheme"===t.productLinksCta.color&&t.productLinksCta.isInternal&&l.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction},t.productLinksCta.label,l.a.createElement("img",{loading:"lazy",className:"pl-2",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_link.svg",alt:"link icon"})),"noTheme"===t.productLinksCta.color&&!t.productLinksCta.isInternal&&"_self"===t.productLinksCta.linkAction&&l.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction},t.productLinksCta.label,l.a.createElement("img",{loading:"lazy",className:"pl-2",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_link.svg",alt:"link icon"})),"noTheme"===t.productLinksCta.color&&!t.productLinksCta.isInternal&&"_blank"===t.productLinksCta.linkAction&&l.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction,rel:"noopener"},t.productLinksCta.label,l.a.createElement("img",{loading:"lazy",className:"pl-2",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_link.svg",alt:"link icon"})),"noTheme"!==t.productLinksCta.color&&l.a.createElement(m.a,{label:Object(k.i)(t.productLinksCta.label),link:!0,linkHref:t.productLinksCta.url,target:t.productLinksCta.linkAction,inverse:"inverse"===t.productLinksCta.color})))))},C=x.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;}}"],h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.desktopMin,h.b.mediumDesktopAndUp3Max,h.b.desktopAndUpMax),I=function(e){var n,t,a=e.doorDetails,i=Object(c.useState)({featureTitle:"",featureDescription:"",featureImage:"",imageAltText:"",featureIconImage:"",iconImageAltText:""}),o=Object(r.a)(i,2),s=o[0],d=o[1];return 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")})),l.a.createElement("section",{className:"door-overview door-details-ul door-details-li body-text2"},l.a.createElement("div",{className:"overview-content",dangerouslySetInnerHTML:{__html:a.data.body.text}}),a.data.specificationLabel&&a.data.specificationList&&a.data.specificationList.length>0&&a.data.colNameList&&a.data.colNameList.length>0&&l.a.createElement("div",{className:"overview-content"},l.a.createElement("h4",{className:"pb-2 amarr-h5"},a.data.specificationLabel),l.a.createElement("div",{className:"row specification"},l.a.createElement("div",{className:"table-responsive"},l.a.createElement("table",{className:"table table-striped",role:"table"},l.a.createElement("thead",null,l.a.createElement("tr",null,l.a.createElement("th",null),a.data.colNameList&&a.data.colNameList.length>0&&a.data.colNameList.map((function(e,n){return l.a.createElement("th",{key:n},e.text)})))),l.a.createElement("tbody",null,a.data.specificationList&&a.data.specificationList.length>0&&a.data.specificationList.map((function(e,n){return l.a.createElement("tr",{key:n},l.a.createElement("th",null,e.specificationName),e.specificationValues&&e.specificationValues.length>0&&e.specificationValues.map((function(e,n){return l.a.createElement("td",{key:n},e.text)})))}))))))),a.data.featuresLabel&&a.data.featuresList&&a.data.featuresList.length>0&&l.a.createElement("div",{className:"overview-content"},a.data.featuresLabelHeadingStyle&&""!==a.data.featuresLabelHeadingStyle?l.a.createElement(a.data.featuresLabelHeadingStyle,null,l.a.createElement("div",{className:"pb-1"},a.data.featuresLabel)):l.a.createElement("h4",{className:"pb-1"},a.data.featuresLabel),l.a.createElement("div",{className:"overview-features"},a.data.featuresList&&a.data.featuresList.length>0&&a.data.featuresList.map((function(e,n){return l.a.createElement("div",{className:"feature-item",key:n},l.a.createElement("div",{className:"feature-item-img-container"},l.a.createElement("img",{loading:"lazy",className:"",src:e.featureIconImage,alt:e.iconImageAltText,onClick:function(){return d(e)},"data-toggle":"modal",role:"presentation","data-target":"#icon-popup1"})),l.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)&&l.a.createElement("div",{dangerouslySetInnerHTML:{__html:a.data.bottomText.text}}),l.a.createElement("div",{className:"modal fade alert-popup",id:"icon-popup1",role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body text-left feature-popup-body"},l.a.createElement("h4",{className:"mb-3"},null===s||void 0===s?void 0:s.featureTitle),l.a.createElement("div",{className:"row"},l.a.createElement("div",{className:"".concat((null===s||void 0===s?void 0:s.featureDescription)?"col-lg-4":"")},l.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)&&l.a.createElement("div",{className:"col-lg-8"},l.a.createElement("p",{className:"body-text1 pt-2 pt-lg-0",dangerouslySetInnerHTML:{__html:null===s||void 0===s?void 0:s.featureDescription}}))))))))},_=function(e){var n=e.doorDetails,t=e.content,a=Object(c.useState)([]),i=Object(r.a)(a,2),o=i[0],s=i[1],m=Object(c.useState)(!1),p=Object(r.a)(m,2),u=p[0],g=p[1],b=Object(c.useState)(""),x=Object(r.a)(b,2),h=x[0],f=x[1],v=Object(c.useState)([]),w=Object(r.a)(v,2),y=w[0],E=w[1],O=Object(c.useState)(""),j=Object(r.a)(O,2),D=j[0],M=j[1],L=Object(c.useState)(""),U=Object(r.a)(L,2),T=U[0],z=U[1],C=Object(c.useState)(""),I=Object(r.a)(C,2),_=I[0],P=I[1],W=Object(c.useState)(""),H=Object(r.a)(W,2),R=H[0],F=H[1];Object(c.useEffect)((function(){V(),Object(k.z)().subscribe((function(e){g(e)}))}),[]);var V=function(){Object(k.b)(),d.a.get(n.apiPath).then((function(e){var n,t,a=e.data.designOptions;s(a),f(null===(n=e.data.body)||void 0===n?void 0:n.text),E(e.data.colorsList),M(e.data.colorsLabel),F(null===(t=e.data.materialOptions)||void 0===t?void 0:t.text),Object(k.N)()}),(function(e){Object(k.N)()})).catch((function(e){Object(k.N)()}))};return l.a.createElement("section",{className:"design-options door-details-ul"},u&&l.a.createElement(N.a,null),l.a.createElement("div",{className:"".concat(R&&"enable-list-style mb-3"),dangerouslySetInnerHTML:{__html:R}}),l.a.createElement("ul",null,o&&o.length>0&&o.map((function(e,n){return l.a.createElement("li",{className:"design-options-section",key:n},l.a.createElement("h4",{className:"door-title amarr-h5"},e.label),e.images&&e.images.length&&l.a.createElement("ul",{className:"door-image-block my-3"},e.images.map((function(e,n){return l.a.createElement("li",{className:"image-text-li-container",key:n},l.a.createElement("div",{className:"door-img-container"},l.a.createElement("img",{loading:"lazy","data-toggle":"modal","data-target":"#image-popup",onClick:function(){return function(e){z(e.url),P(e.altText)}(e)},src:e.url,alt:e.altText})),l.a.createElement("p",{className:"door-text body-text2"},e.title))}))))}))),l.a.createElement("h4",{className:"amarr-h5"},D),l.a.createElement("div",{className:"panel-design pb-4 mb-4"},l.a.createElement("ul",{className:"d-flex design-options-container"},y&&y.length>0&&y.map((function(e,n){return l.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item color-circle-tab"),key:n},l.a.createElement("span",{className:"action-item door-color",style:null!=e.colorImage?{backgroundImage:"url("+e.colorImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}:{backgroundColor:"#"+e.hexCode}}),l.a.createElement("p",{className:"panel-design-block-text body-text3"},e.colorTitle),!1===e.available&&l.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},l.a.createElement(A.a,{placement:"top",delay:{show:250,hide:250},overlay:l.a.createElement(S.a,{id:"button-tooltip-".concat(n)},l.a.createElement("div",{className:"p-1 amarr-h6"},t.colorUnavailableMessage))},l.a.createElement("div",{className:"panel-un-icon unavailable-icon"},l.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_unavailable.svg",alt:"unavailable"})))))})))),l.a.createElement("div",{dangerouslySetInnerHTML:{__html:h}}),l.a.createElement("div",{className:"modal fade alert-popup zoom-popup",id:"image-popup",role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body text-center"},l.a.createElement("img",{loading:"lazy",role:"presentation",src:T,alt:_}))))))},P=function(e){var n=e.doorDetails,t=Object(c.useState)([]),a=Object(r.a)(t,2),i=a[0],o=a[1],s=Object(c.useState)([]),m=Object(r.a)(s,2),p=m[0],u=m[1],g=Object(c.useState)(""),b=Object(r.a)(g,2),x=b[0],h=b[1],f=Object(c.useState)(""),v=Object(r.a)(f,2),w=v[0],y=v[1],E=Object(c.useState)(""),O=Object(r.a)(E,2),j=(O[0],O[1]),D=Object(c.useState)(!1),A=Object(r.a)(D,2),S=A[0],M=A[1];Object(c.useEffect)((function(){L(),U(),Object(k.z)().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 L=function(){var e="";n.forEach((function(n){"standardDoorDesignsTab"===n.type&&(e=n.apiPath)})),e.length>0&&(Object(k.b)(),d.a.get(e).then((function(e){o(e.data),Object(k.N)()}),(function(e){Object(k.N)()})).catch((function(e){Object(k.N)()})))},U=function(){var e="";n.forEach((function(n){"mosaicDoorDesignsTab"===n.type&&(e=n.apiPath)})),e.length>0&&(Object(k.b)(),d.a.get(e).then((function(e){u(e.data),Object(k.N)()}),(function(e){Object(k.N)()})).catch((function(e){Object(k.N)()})))},T=function(e,n){h(e.image),y(e.altText),j(n)};return l.a.createElement("section",{className:"door-style door-details-ul"},S&&l.a.createElement(N.a,null),l.a.createElement("div",{className:"tab-heading sub-tabs"},l.a.createElement("div",{className:""},l.a.createElement("ul",{className:"nav nav-tabs"},n&&n.length>0&&n.map((function(e,n){return l.a.createElement("li",{key:n},"standardDoorDesignsTab"===e.type&&l.a.createElement("a",{"data-toggle":"tab",href:"#door-style",className:"style-tabs body-text1"},e.text),"mosaicDoorDesignsTab"===e.type&&p&&p.length>0&&l.a.createElement("a",{"data-toggle":"tab",href:"#mosaic-style",className:"style-tabs body-text1"},e.text))}))))),l.a.createElement("div",{className:"tab-content"},l.a.createElement("div",{id:"door-style",className:"style-pane tab-pane fade door-style-ul"},i&&i.length>0&&l.a.createElement("ul",{className:"door-image-block my-3"},i.map((function(e,n){return l.a.createElement("li",{className:"image-text-li-container",key:n},l.a.createElement("div",{className:"door-img-container"},e.images&&e.images.length>0&&e.images.map((function(e,t){return l.a.createElement("img",{loading:"lazy",key:t,"data-toggle":"modal","data-target":"#imagePopUp",src:e.thumbnailImage,alt:e.altText,role:"presentation",onClick:function(){return T(e,"image-popup-doorstyle-"+n)}})}))),l.a.createElement("p",{className:"door-text body-text2"},e.title))})))),l.a.createElement("div",{id:"mosaic-style",className:"style-pane tab-pane fade"},p&&p.length>0&&l.a.createElement("ul",{className:"door-image-block my-3 mosiac-style-ul"},p.map((function(e,n){return l.a.createElement("li",{className:"mosaic-tile",key:n},l.a.createElement("div",{className:"door-img-container"},l.a.createElement("img",{loading:"lazy","data-toggle":"modal","data-target":"#imagePopUp",src:e.thumbnailImage,alt:e.altText,role:"presentation",onClick:function(){return T(e,"image-popup-mosaic-"+n)}})),l.a.createElement("p",{className:"door-text body-text2"},e.title))}))))),l.a.createElement("div",{className:"modal fade alert-popup zoom-popup",id:"imagePopUp",role:"dialog","aria-hidden":"true"},l.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},l.a.createElement("div",{className:"modal-content"},l.a.createElement("div",{className:"modal-header"},l.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},l.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),l.a.createElement("div",{className:"modal-body text-center"},l.a.createElement("img",{loading:"lazy",src:x,alt:w,role:"presentation"}))))))},W=function(e){var n=e.doorDetails,t=Object(c.useState)([]),a=Object(r.a)(t,2),i=a[0],o=a[1],s=Object(c.useState)(),m=Object(r.a)(s,2),p=m[0],u=m[1],g=Object(c.useState)(),b=Object(r.a)(g,2),x=b[0],h=b[1],f=Object(c.useState)(!1),v=Object(r.a)(f,2),w=v[0],y=v[1];Object(c.useEffect)((function(){E(),Object(k.z)().subscribe((function(e){y(e)}))}),[]);var E=function(){Object(k.b)(),d.a.get(n.apiPath).then((function(e){u(e.data.headingStyle),h(e.data.header.text),o(e.data.productDocumentTab),Object(k.N)()}),(function(e){Object(k.N)()})).catch((function(e){Object(k.N)()}))};return l.a.createElement("section",{className:"brochures-installation door-details-ul"},w&&l.a.createElement(N.a,null),"h1"===p&&l.a.createElement("h1",null,x),"h2"===p&&l.a.createElement("h2",null,x),"h3"===p&&l.a.createElement("h3",null,x),"h4"===p&&l.a.createElement("h4",null,x),"h5"===p&&l.a.createElement("h5",null,x),"h6"===p&&l.a.createElement("h6",null,x),i&&i.length>0&&l.a.createElement("ul",{className:"door-image-block my-3"},i.map((function(e,n){return l.a.createElement("li",{className:"brochure-image-container",key:n},l.a.createElement("div",{className:"door-img-container"},l.a.createElement("a",{href:e.path,target:"_blank"},l.a.createElement("img",{loading:"lazy",src:e.image.url,role:"presentation",alt:e.imagealtText?e.imagealtText:e.name}))),l.a.createElement("a",{className:"door-text amarr-h5",href:e.path,target:"_blank",id:e.name},e.name))}))))},H=function(e){var n=e.doorDetails;return l.a.createElement("section",null,n.data&&n.data.length>0&&n.data.map((function(e,n){return l.a.createElement("div",{className:"accessory-container",key:n},e.images&&e.images.length>0&&l.a.createElement("a",{href:e.url,className:"img-container"},l.a.createElement("img",{loading:"lazy",role:"presentation",src:e.images[0].url,alt:e.images[0].altText})),l.a.createElement("div",null,l.a.createElement("a",{href:e.url,className:"color-heading"},l.a.createElement("h4",{className:"accessory-header m-0 amarr-h5"},e.productName)),l.a.createElement("div",{className:"body-text2",dangerouslySetInnerHTML:{__html:e.shortDescription}})))})))},R=function(e){var n=e.doorDetails;return l.a.createElement("section",null,n.data&&n.data.length>0&&n.data.map((function(e,n){return l.a.createElement("div",{className:"accessory-container",key:n},l.a.createElement("a",{href:e.url,className:"img-container"},e.images&&e.images.length>0&&l.a.createElement("img",{loading:"lazy",role:"presentation",src:e.images[0].url,alt:e.images[0].altText})),l.a.createElement("div",null,l.a.createElement("a",{href:e.url,className:"color-heading"},l.a.createElement("h4",{className:"accessory-header m-0 amarr-h5"},e.productName)),l.a.createElement("div",{className:"body-text2",dangerouslySetInnerHTML:{__html:e.shortDescription}})))})))},F=function(e){var n=e.doorDetails;return l.a.createElement("section",{className:"brochures-installation door-details-ul"},l.a.createElement(n.data.headingStyle,null,n.data.header.text),l.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 l.a.createElement("li",{key:n,className:"brochure-image-container"},l.a.createElement("div",{className:"door-img-container"},l.a.createElement("a",{href:e.path,target:"_blank","aria-label":e.image.altText},l.a.createElement("img",{loading:"lazy",src:e.image.url,alt:e.image.altText?e.image.altText:e.name}))),l.a.createElement("a",{href:e.path,className:"amarr-h5 door-text",target:"_blank","aria-label":e.image.altText},e.name))}))))},V=function(){return l.a.createElement("section",{className:"door-header"},l.a.createElement("div",{id:"pr-reviewdisplay"}))},J=t(45),B=t.n(J),q=(t(69),t(70),x.default.section.withConfig({displayName:"styles__Content",componentId:"sc-1u8786f-0"})([".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{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;}}}&-prev{left:2.5%;&:before{background-image:url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-left-carousel.svg);}}&-next{right:2.5%;&:before{background-image:url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-right-carousel.svg);}}&-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{@media screen and (min-width:1024px) and (max-width:1280px){max-height:70px;}}}.slick-slider-container{gap:10px;img{@media screen and (min-width:1024px) and (max-width:1280px){max-height:230px;}}}&.slick-slider-custom{.slider-background{padding:20px;@media screen and (min-width:1281px) and (max-width:1440px){padding:20px 60px;}@media screen and (min-width:1024px) and (max-width:1280px){padding:20px 46px;}@media screen and (min-width:768px) and (max-width:1023px){padding:20px 36px;}@media screen and (max-width:767px){padding:0;}}}}"],h.b.mediumDesktopMin,h.b.mediumDesktopAndUp4Max,h.b.desktopAndUp,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitAndUp,h.b.desktop2Max,h.b.mobileMax,h.b.smallDesktopAndUp3Max,h.b.tabletPortraitAndUp,h.b.desktopMin,h.b.smallDesktopAndUp2Max,h.b.mediumDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max)),Z=function(e){var n=e.doorDetails,t=Object(c.useState)([]),a=Object(r.a)(t,2),i=a[0],o=a[1],s=Object(c.useState)(!1),p=Object(r.a)(s,2),u=p[0],g=p[1],b=Object(c.useState)([]),x=Object(r.a)(b,2),h=x[0],f=x[1],v=Object(c.useState)(!1),w=Object(r.a)(v,2),y=w[0],E=w[1],O=Object(c.useState)(),j=Object(r.a)(O,2),D=j[0],A=j[1],S=Object(c.useState)(),M=Object(r.a)(S,2),L=M[0],U=M[1],T=[],z=[];l.a.useEffect((function(){setTimeout((function(){A(T),U(z)}),1e3)}),[T,z]),Object(c.useEffect)((function(){C(),Object(k.z)().subscribe((function(e){g(e)}))}),[]);var C=function(){Object(k.b)(),d.a.get(n.apiPath).then((function(e){if(o(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),E(n.length>8)}Object(k.N)()}),(function(e){Object(k.N)()})).catch((function(e){Object(k.N)()}))},I={dots:!1,infinite:!!y,speed:500,arrows:!1,slidesToShow:1,slidesToScroll:1,focusOnSelect:!0,centerMode:!1,initialSlide:0,swipeToSlide:!0},_={dots:!1,infinite:!!y,speed:500,arrows:!!y,slidesToScroll:1,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 l.a.createElement(q,null,l.a.createElement("section",null,u&&l.a.createElement(N.a,null),l.a.createElement("section",{className:"slick-slider-custom slick-slider-custom-gallery"},l.a.createElement(B.a,Object.assign({asNavFor:L,ref:function(e){return T=e}},I),i&&i.length>0&&i.map((function(e,n){var t,a,i,o,r,c,s;return l.a.createElement("div",{key:n,className:"slick-slider-container","aria-label":(null===e||void 0===e||null===(t=e.image)||void 0===t?void 0:t.altText)?null===e||void 0===e||null===(a=e.image)||void 0===a?void 0:a.altText:""},l.a.createElement("div",null,l.a.createElement("img",{loading:"lazy",role:"presentation",src:null===e||void 0===e||null===(i=e.image)||void 0===i?void 0:i.url,key:n,alt:(null===e||void 0===e||null===(o=e.image)||void 0===o?void 0:o.altText)?null===e||void 0===e||null===(r=e.image)||void 0===r?void 0:r.altText:""})),l.a.createElement("div",null,l.a.createElement("h4",{className:"amarr-h2"},null===e||void 0===e||null===(c=e.header)||void 0===c?void 0:c.text),l.a.createElement("div",{dangerouslySetInnerHTML:{__html:null===e||void 0===e||null===(s=e.body)||void 0===s?void 0:s.text}}),e.cta&&e.cta.visible&&l.a.createElement(m.a,{label:Object(k.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:"";k.y.next(n+"/"+t+"/"+a),$("html, body").animate({scrollTop:0},500)}}(e)}})))}))),l.a.createElement("section",{className:"".concat(y&&"showMoreIcon"," pt-4 nav-slider ")},l.a.createElement(B.a,Object.assign({asNavFor:D,ref:function(e){z=e,null===e||void 0===e||e.slickGoTo(0)}},_),h&&h.length>0&&h.map((function(e,n){return l.a.createElement("img",{loading:"lazy",role:"presentation",src:e.url+"/jcr:content/renditions/thumbnail-150-100.jpeg",key:n,alt:e.altText})})))))))},Q=t(60),G=function(e){var n=e.doorDetails,t=(e.content,Object(c.useState)([])),a=Object(r.a)(t,2),i=a[0],o=a[1],s=Object(c.useState)(!1),m=Object(r.a)(s,2),p=m[0],u=m[1];Object(c.useEffect)((function(){g(),Object(k.z)().subscribe((function(e){u(e)}))}),[]);var g=function(){Object(k.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})),o(n),Object(k.N)()}),(function(e){Object(k.N)()})).catch((function(e){Object(k.N)()}))};return l.a.createElement("section",null,p&&l.a.createElement(N.a,null),o&&o.length>0&&i.map((function(e,n){return l.a.createElement("div",{className:"details-searchable-list",key:n},l.a.createElement(Q.a,{content:Object(k.T)(JSON.stringify(e)),theme:""}))})))},K=function(e){e.sectionName,e.searchableListData;var n=e.doorDetails,t=e.content;return Object(c.useEffect)((function(){setTimeout((function(){var e,n,t,a=document.getElementsByClassName("collection-tabs"),i=document.getElementsByClassName("collection-tab-pane");null===(e=a[0])||void 0===e||e.classList.add("active"),null===(n=i[0])||void 0===n||n.classList.add("active"),null===(t=i[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)}),[]),l.a.createElement(C,null,n.tabs&&n.tabs.length>0&&l.a.createElement("section",null,l.a.createElement("div",{className:"tab-heading"},l.a.createElement("div",{className:"container inner-container"},l.a.createElement("ul",{className:"nav nav-tabs"},n.tabs.map((function(e,n){return l.a.createElement("li",{key:n,className:"body-text1"},l.a.createElement("a",{id:"".concat(e.type,"-click"),className:"collection-tabs","data-toggle":"tab",href:"#".concat(e.type)},l.a.createElement("h3",{className:"body-text1 mb-0 font-weight-normal"},e.text)))}))))),l.a.createElement("div",{className:"container inner-container tab-content"},n.tabs.map((function(e,n){return l.a.createElement("div",{id:e.type,key:n,className:"tab-pane fade collection-tab-pane"},"overviewTab"===e.type&&l.a.createElement(I,{doorDetails:e}),"designOptionsTab"===e.type&&l.a.createElement(_,{doorDetails:e,content:t}),"drawingsTab"===e.type&&l.a.createElement(G,{doorDetails:e}),"doorStylesTab"===e.type&&l.a.createElement(P,{doorDetails:e.subTabItems}),"brochuresTab"===e.type&&l.a.createElement(W,{doorDetails:e}),"galleryTab"===e.type&&l.a.createElement(Z,{doorDetails:e}),"reviewsTab"===e.type&&l.a.createElement(V,null),"optionalAccessoryTab"===e.type&&l.a.createElement(H,{doorDetails:e}),"includedAccessoryTab"===e.type&&l.a.createElement(R,{doorDetails:e}),"productDocumentsTab"===e.type&&l.a.createElement(F,{doorDetails:e}))})))))},X=t(63),Y=function(e){var n=e.doorDetails,t=e.productSlider,a=void 0!==t&&t,i=e.productType,o=void 0===i?"":i,s=Object(c.useState)([]),d=Object(r.a)(s,2),m=d[0],p=d[1],u=Object(c.useState)([]),g=Object(r.a)(u,2),b=g[0],x=g[1],h=Object(c.useState)(!1),f=Object(r.a)(h,2),v=f[0],w=f[1],y=Object(c.useState)(!1),E=Object(r.a)(y,2),N=E[0],O=E[1],j=Object(c.useState)(),D=Object(r.a)(j,2),A=D[0],S=D[1],M=Object(c.useState)(),L=Object(r.a)(M,2),U=L[0],T=L[1],z=[],C=[],I=n.rootImagePath,_={dots:!1,infinite:!1,speed:500,arrows:!!v,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}}]};return l.a.useEffect((function(){setTimeout((function(){S(z),T(C)}),1e3)}),[z,C]),Object(c.useEffect)((function(){if(null===n||void 0===n?void 0:n.images){p(n.images);var e=[];n.images.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"===o&&(t+=" Commercial Door"),"doors"===o&&(t+=" Garage Door"),n.altText=t}e.push({url:n.url,altText:n.altText})})),x(e),w(e.length>5)}k.k.subscribe((function(e){if(e.length>0&&!0===a){O(!0),p([]),x([]);var t,i="",o=e.split("_");o.shift(),i=I,o[0]&&void 0!==o[0]&&"undefined"!==o[0]&&(i=i+"/"+o[0]),o[1]&&void 0!==o[1]&&"undefined"!==o[1]&&(i=i+"/"+o[1]),i=i+"/"+(o=o.filter((function(e){return"undefined"!==e}))).join("-")+".jpg",t=e.split("_").join(" ")+" Garage Door";var r=JSON.parse(JSON.stringify(n.images)),c=[];n.images.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})})),r.unshift({url:i,altText:t}),p(r),c.unshift({url:i,altText:t}),x(c),setTimeout((function(){O(!1)}),1)}})),setTimeout((function(){window.scrollTo(0,0)}),2e3)}),[]),l.a.createElement(q,null,l.a.createElement("section",{className:"slick-slider-custom ".concat(window.location.href.indexOf(".garagedoor.com")>-1?"sticky-slider-costco":"sticky-slider-amarr")},l.a.createElement(B.a,Object.assign({asNavFor:U,ref:function(e){return z=e}},{dots:!1,infinite:!1,speed:500,arrows:!0,slidesToShow:1,slidesToScroll:1,swipeToSlide:!0,initialSlide:1,responsive:[{breakpoint:767,settings:{slidesToShow:1,arrows:!0}}]}),m&&m.length>0&&m.map((function(e,n){return l.a.createElement("div",{key:n,className:"slick-slider-container slider-background slider-img-container","aria-label":e.altText?e.altText:""},l.a.createElement("div",{id:"small-loader",className:"".concat(!N&&"img-loading-icon")},l.a.createElement(X.a,null)),l.a.createElement("img",{loading:"lazy",role:"presentation",src:e.url,key:n,alt:e.altText?e.altText:"",className:"".concat(N&&"img-loading"," ").concat(!N&&"img-loading-completed")}))}))),l.a.createElement("section",{className:"".concat(v&&"showMoreIcon"," nav-slider panel-nav-slider ").concat(b.length>1&&(window.location.href.indexOf(".garagedoor.com")>-1?"pt-3":"pt-4"))}," ",l.a.createElement(B.a,Object.assign({asNavFor:A,ref:function(e){C=e,null===e||void 0===e||e.slickGoTo(0)}},_),b&&b.length>1&&b.map((function(e,n){return l.a.createElement("img",{loading:"lazy",role:"presentation",src:e.url+"/jcr:content/renditions/thumbnail-85-92.jpeg",key:n,alt:e.altText?e.altText:""})}))))))},ee={productDetailsApiPath:"",ctaItems:[{label:"",url:"",linkAction:"",color:"",isInternal:!0}],panelListLabel:"",colorListLabel:"",windowOptionsListLabel:"",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:{label:"",url:"",linkAction:"",color:""},showMoreLabel:"",showLessLabel:"",favoritesLabel:""},ne=function(e){var n=u()({},ee,Object(k.g)(e.content)),t=Object(c.useState)(null),a=Object(r.a)(t,2),s=a[0],p=a[1],b=Object(c.useState)(!1),x=Object(r.a)(b,2),h=x[0],f=x[1],D=Object(c.useState)(!1),A=Object(r.a)(D,2),S=A[0],U=A[1],T=Object(c.useState)(!1),C=Object(r.a)(T,2),I=C[0],_=C[1],P=Object(c.useState)(!1),W=Object(r.a)(P,2),H=W[0],R=W[1];Object(c.useEffect)((function(){window.self!==window.top&&R(!0),!n.productType||"openers"!==n.productType&&"operators"!==n.productType?n.productType&&"commercial"===n.productType?F():J():V(),Object(k.z)().subscribe((function(e){f(e)})),matchMedia("(max-width: 768px)").matches&&U(!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"),k.k.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)})),_(a)}})),k.R.subscribe((function(e){_(e)}))}),[]);var F=function(){Object(k.b)(),d.a.get(n.productDetailsApiPath).then(function(){var e=Object(o.a)(i.a.mark((function e(n){var t,a,o;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p(n.data);case 2: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": `'+O.a.PowerReviewApi+'`,\n "locale": `'+O.a.Locale+'`,\n "merchant_group_id": `'+O.a.MerchantGroupId+'`,\n "merchant_id": `'+O.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 });",(o=document.createElement("script")).innerHTML=a,document.body.appendChild(o),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(k.N)();case 9:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),(function(e){Object(k.N)()})).catch((function(e){Object(k.N)()}))},V=function(){Object(k.b)(),d.a.get(n.productDetailsApiPath).then((function(e){p(e.data),Object(k.N)()}),(function(e){Object(k.N)()})).catch((function(e){Object(k.N)()}))},J=function(){Object(k.b)(),d.a.get(n.productDetailsApiPath).then(function(){var e=Object(o.a)(i.a.mark((function e(n){var t,a,o;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p(n.data);case 2: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": `'+O.a.PowerReviewApi+'`,\n "locale": `'+O.a.Locale+'`,\n "merchant_group_id": `'+O.a.MerchantGroupId+'`,\n "merchant_id": `'+O.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 });",(o=document.createElement("script")).innerHTML=a,document.body.appendChild(o),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(k.N)();case 9:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),(function(e){Object(k.N)()})).catch((function(e){Object(k.N)()}))},B=function(e){var t=e.doorDetails;return l.a.createElement(l.a.Fragment,null,l.a.createElement("p",{className:"body-text1 order-header-data",dangerouslySetInnerHTML:{__html:t.overview}}),l.a.createElement("div",{className:"button-container pt-2"},n.whereToBuy&&n.whereToBuy.label&&l.a.createElement("div",{className:"cta-item"},l.a.createElement(m.a,{label:Object(k.i)(n.whereToBuy.label),link:!0,linkHref:n.whereToBuy.url,target:n.whereToBuy.linkAction,inverse:"inverse"===n.whereToBuy.color})),t.brochure&&n.brochure.label&&l.a.createElement("div",{className:"cta-item"},l.a.createElement(m.a,{label:Object(k.i)(n.brochure.label),link:!0,linkHref:t.brochure,target:"_blank"})),t.comparison&&n.comparison.label&&l.a.createElement("div",{className:"cta-item"},l.a.createElement(m.a,{label:Object(k.i)(n.comparison.label),link:!0,linkHref:t.comparison,target:"_blank"}))))};return l.a.createElement(w.a,{setter:{componentThemes:g,selectedTheme:e.theme}},l.a.createElement(y.a,null,l.a.createElement(E.a,{padding:!1},l.a.createElement(v,{isReversed:!1},l.a.createElement("section",{className:"container inner-container door-details"},h&&l.a.createElement(N.a,null),l.a.createElement("div",{className:"row mt-4 mb-lg-4"},l.a.createElement("div",{className:"col-lg-6 padding-right ".concat(window.location.href.indexOf(".garagedoor.com")>-1?"sticky-content-costco":"sticky-content-amarr")},s&&l.a.createElement("div",null,S&&n.productType&&"doors"===n.productType&&l.a.createElement(j,{doorDetails:s,content:n}),S&&n.productType&&("openers"===n.productType||"operators"===n.productType)&&l.a.createElement("div",{className:"mb-3"},l.a.createElement(L,{doorDetails:s,content:n})),!n.productType||"openers"!==n.productType&&"operators"!==n.productType&&"commercial"!==n.productType?l.a.createElement(Y,{doorDetails:s,productSlider:!0,productType:n.productType}):l.a.createElement(Y,{doorDetails:s,productType:n.productType}),s&&(null===s||void 0===s?void 0:s.carouselFootnote)&&l.a.createElement("div",{className:"carousel-text-color pt-5 mt-3 body-text3 footnote",dangerouslySetInnerHTML:{__html:null===s||void 0===s?void 0:s.carouselFootnote}}))),s&&l.a.createElement("div",{className:"col-lg-6 padding-left ".concat(window.location.href.indexOf(".garagedoor.com")>-1?"right-costco":"right-amarr")},!n.productType||"openers"!==n.productType&&"operators"!==n.productType?n.productType&&"commercial"===n.productType?l.a.createElement(z,{doorDetails:s,content:n}):l.a.createElement("div",null,l.a.createElement("div",{className:"d-lg-block d-none border-b"},l.a.createElement(j,{doorDetails:s,content:n})),l.a.createElement("div",null,l.a.createElement(M,{doorDetails:s,content:n})),(s.textFootnote1||s.textFootnote2)&&l.a.createElement("div",{className:"row body-text3 footnote mt-3"},s.textFootnote1&&l.a.createElement("div",{className:"".concat(s.textFootnote2&&"col-md-6"," ").concat(!s.textFootnote2&&"single-footnote"," col-12 pb-3")},l.a.createElement("div",{className:"d-flex "},l.a.createElement("div",{className:"".concat(s.imageFootnote1&&"mr-3 img-container-footnote")},l.a.createElement("img",{loading:"lazy",src:s.imageFootnote1,alt:s.imageFootnote1AltText})),l.a.createElement("div",{className:"text-container-footnote body-text3",dangerouslySetInnerHTML:{__html:null===s||void 0===s?void 0:s.textFootnote1}}))),s.textFootnote2&&l.a.createElement("div",{className:"".concat(s.textFootnote1&&"col-md-6"," ").concat(!s.textFootnote1&&"single-footnote"," col-12 pb-3")},l.a.createElement("div",{className:"d-flex "},l.a.createElement("div",{className:"".concat(s.imageFootnote2&&"mr-3 img-container-footnote")},l.a.createElement("img",{loading:"lazy",src:s.imageFootnote2,alt:s.imageFootnote2AltText})),l.a.createElement("div",{className:"text-container-footnote body-text3",dangerouslySetInnerHTML:{__html:null===s||void 0===s?void 0:s.textFootnote2}})))),l.a.createElement("div",{className:"cta-list"},!1===H&&n.doorDesign&&function(){var e=s;return!(!e.doorDesignerCode||""===e.doorDesignerCode)}()&&l.a.createElement("div",{className:"cta-list-child"},l.a.createElement(m.a,{onClick:function(e){var t,a;e.preventDefault();var i=null===n||void 0===n||null===(t=n.doorDesign)||void 0===t?void 0:t.url,o=null===k.k||void 0===k.k||null===(a=k.k.value)||void 0===a?void 0:a.split("_"),r=s,c=r.doorDesignerCode,l="",d="",m="",p="";r.panelList&&r.panelList.length>0&&r.panelList.forEach((function(e){e.panel===o[1]&&(l=e.doorDesignerCode,e.colors&&e.colors.length>0&&e.colors.forEach((function(e){e.colorValue===o[3]&&(d=e.doorDesignerCode)})),e.newColor&&e.newColor.length>0&&e.newColor.forEach((function(e){e.colorValue===o[3]&&(d=e.doorDesignerCode)})),e.windowOptionsList&&e.windowOptionsList.length>0&&e.windowOptionsList.forEach((function(e){e.windowOption===o[2]&&(m=e.doorDesignerCode,p=e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.newWindowOption&&e.newWindowOption.length>0&&e.newWindowOption.forEach((function(e){e.windowOption===o[2]&&(m=e.doorDesignerCode,p=e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})))})),i=i+"?collection="+c,""!=l&&(i=i+"&panel="+l),""!=p&&(i=i+"&windowPlacement="+p),m&&(i=i+"&window="+m),d&&(i=i+"&color="+d),window.location.href=i},inverse:"inverse"===n.doorDesign.color,label:Object(k.i)(n.doorDesign.label),link:!0,target:n.doorDesign.linkAction})),n.ctaItems&&n.ctaItems.length>0&&n.ctaItems.map((function(e,n){return l.a.createElement("div",{className:"cta-list-child",key:n},l.a.createElement(m.a,{inverse:"inverse"===e.color,label:Object(k.i)(e.label),link:!0,linkHref:e.url,target:e.linkAction}))})),!1===H&&n.favoritesLabel&&l.a.createElement("div",{className:"cta-list-child"},l.a.createElement(m.a,{onClick:function(){k.w.next(!0)},label:Object(k.i)(n.favoritesLabel),link:!0,disabled:I})))):l.a.createElement(l.a.Fragment,null,!S&&l.a.createElement(L,{doorDetails:s,content:n}),l.a.createElement(B,{doorDetails:s}))))),l.a.createElement("section",null,l.a.createElement("div",{className:"row py-4 door-details no-gutters"},l.a.createElement("div",{className:"col-12"},s&&n.productType&&l.a.createElement(K,{doorDetails:s,content:n}))))))))};ne.defaultProps={theme:"",content:""};n.a=ne},8:function(e,n,t){"use strict";var a=t(0),i=t.n(a),o=t(5),r=t(20),c=t.n(r),l=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?[c.a]:[];return i.a.createElement(o.StyleSheetManager,{stylisPlugins:a},i.a.createElement(l.Provider,{value:{rtl:n}},e.children))}},9:function(e,n,t){"use strict";t.d(n,"a",(function(){return r}));var a=t(0),i=t.n(a),o=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));"})),r=function(e){var n=e.className,t=e.children,a=e.maxWidth,r=void 0===a?1520:a,c=e.padding,l=void 0===c||c;return i.a.createElement(o,{className:n,maxWidth:r,padding:l},t)}}});
|
|
1
|
+
!function(e){function n(n){for(var a,l,r=n[0],c=n[1],s=n[2],m=0,p=[];m<r.length;m++)l=r[m],Object.prototype.hasOwnProperty.call(i,l)&&i[l]&&p.push(i[l][0]),i[l]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(d&&d(n);p.length;)p.shift()();return o.push.apply(o,s||[]),t()}function t(){for(var e,n=0;n<o.length;n++){for(var t=o[n],a=!0,r=1;r<t.length;r++){var c=t[r];0!==i[c]&&(a=!1)}a&&(o.splice(n--,1),e=l(l.s=t[0]))}return e}var a={},i={9:0},o=[];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 r=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],c=r.push.bind(r);r.push=n,r=r.slice();for(var s=0;s<r.length;s++)n(r[s]);var d=c;o.push([803,0]),t()}({0:function(e,n){e.exports=React},1:function(e,n,t){"use strict";t.d(n,"a",(function(){return a})),t.d(n,"b",(function(){return i}));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},i={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)"),smallMobileAndUpMax:"(max-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)"),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)"),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)"),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)")}},15:function(e,n,t){"use strict";t.d(n,"a",(function(){return d}));var a=t(23),i=t(0),o=t.n(i),l=t(5),r=(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;}}"])),c=t(33),s=t.n(c),d=function(e){return Object(a.a)(e),o.a.createElement(r,null,o.a.createElement("div",{className:"d-flex justify-content-center loader"},o.a.createElement("div",{className:"d-flex"},o.a.createElement(s.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}},17: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"}},2:function(e,n,t){"use strict";t.d(n,"g",(function(){return i})),t.d(n,"U",(function(){return o})),t.d(n,"i",(function(){return l})),t.d(n,"D",(function(){return r})),t.d(n,"G",(function(){return c})),t.d(n,"v",(function(){return s})),t.d(n,"B",(function(){return d})),t.d(n,"o",(function(){return m})),t.d(n,"r",(function(){return p})),t.d(n,"I",(function(){return g})),t.d(n,"H",(function(){return u})),t.d(n,"P",(function(){return b})),t.d(n,"E",(function(){return x})),t.d(n,"u",(function(){return h})),t.d(n,"h",(function(){return v})),t.d(n,"t",(function(){return f})),t.d(n,"y",(function(){return w})),t.d(n,"w",(function(){return y})),t.d(n,"C",(function(){return E})),t.d(n,"s",(function(){return k})),t.d(n,"Q",(function(){return O})),t.d(n,"q",(function(){return N})),t.d(n,"J",(function(){return j})),t.d(n,"F",(function(){return A})),t.d(n,"R",(function(){return S})),t.d(n,"m",(function(){return M})),t.d(n,"j",(function(){return U})),t.d(n,"n",(function(){return T})),t.d(n,"k",(function(){return C})),t.d(n,"l",(function(){return z})),t.d(n,"z",(function(){return I})),t.d(n,"L",(function(){return _})),t.d(n,"x",(function(){return P})),t.d(n,"S",(function(){return F})),t.d(n,"T",(function(){return W})),t.d(n,"b",(function(){return R})),t.d(n,"O",(function(){return H})),t.d(n,"A",(function(){return G})),t.d(n,"a",(function(){return V})),t.d(n,"d",(function(){return J})),t.d(n,"f",(function(){return B})),t.d(n,"e",(function(){return $})),t.d(n,"W",(function(){return q})),t.d(n,"c",(function(){return Z})),t.d(n,"V",(function(){return K})),t.d(n,"K",(function(){return Q})),t.d(n,"M",(function(){return X})),t.d(n,"N",(function(){return Y})),t.d(n,"p",(function(){return ee}));var a=t(4),i=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},o=function(e){return btoa(unescape(encodeURIComponent(e)))},l=function(e){return e.toUpperCase()},r=function(e){return e.replaceAll(" ","-").toLowerCase()},c=new a.a(!1),s=new a.a(!1),d=new a.a(!1),m=new a.a(!1),p=new a.a(""),g=new a.a(!1),u=new a.a(!1),b=new a.a(!1),x=new a.a(!1),h=new a.a(!1),v=new a.a(!1),f=new a.a(""),w=new a.a(!0),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({}),D=new a.a(!1),L=0,A=new a.a(!1),S=new a.a(""),M=new a.a(""),U=new a.a(""),T=new a.a(""),C=new a.a(""),z=new a.a(""),I=new a.a(""),_=new a.a(""),P=new a.a(!1),F=new a.a(!1),W=new a.a(!1),R=function(){setTimeout((function(){L++,D.next(!0)}),0)},H=function(){setTimeout((function(){L>0&&L--,0==L&&D.next(!1)}),0)},G=function(){return D.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)},J=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},B=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},$=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},q=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/.test(e)},Z=function(e){return/^[0-9]*$/.test(e)},K=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},Q=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},X=function(e){return e&&(e=e.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},Y=function(e,n){return e=e?Number(e):0,(0===(n=n?Number(n):0)||"0"===n?0:(e-n)/n*100).toFixed(2)},ee=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}},26:function(e,n){e.exports=ReactDOM},6:function(e,n,t){"use strict";t.d(n,"a",(function(){return p}));var a=t(29),i=t(0),o=t.n(i),l=t(5),r=t(1),c=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;}"],r.b.smallDesktop2Min),d=t(25),m=t(24),p=function(e){var n=e.label,t=void 0===n?"label":n,i=e.classStyle,l=void 0===i?"default":i,r=e.link,p=void 0!==r&&r,g=e.disabled,u=void 0!==g&&g,b=e.datatoggle,x=void 0===b?"":b,h=e.datatarget,v=void 0===h?"":h,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,S=e.dataItemName,M=void 0===S?"":S,U=e.id,T=void 0===U?"":U,C=e.type,z=void 0===C?"button":C,I=e.showDisabledMessage,_=void 0===I?"":I,P=Object(a.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage"]);return o.a.createElement(c,null,o.a.createElement("div",{className:"".concat(u&&_&&"disabled-button-parent")},p?o.a.createElement("a",{href:f,download:k,target:y,"data-item-name":M,id:T},o.a.createElement(s,Object.assign({disabled:u,classStyle:"".concat(l)},P,{type:z,className:N?"btn-inverse btn btn-success":"btn btn-success"}),""!=D?o.a.createElement("div",{"data-toggle":x,"data-target":v},o.a.createElement("img",{loading:"lazy",className:"button-icon",src:D,alt:A}),o.a.createElement("span",null,t)):o.a.createElement("span",null,t))):o.a.createElement(s,Object.assign({disabled:u,classStyle:l,className:N?"btn-inverse btn btn-success":"btn btn-success",id:T,"data-item-name":M,type:z},P),o.a.createElement("span",null,t)),u&&_&&o.a.createElement(d.a,{placement:"top",delay:{show:250,hide:250},overlay:o.a.createElement(m.a,{id:"button-tooltip"},o.a.createElement("div",{className:"p-1 amarr-h6"},_))},o.a.createElement("div",{className:"disabled-button-overlay"}))))}},61:function(e,n,t){"use strict";var a=t(3),i=t(0),o=t.n(i),l=t(2),r=t(10),c=t.n(r),s=t(43),d=t.n(s),m=t(6),p=t(15),g=t(12),u=t.n(g),b={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},x=t(11),h=t(5),v=t(1);function f(){var e=Object(x.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 "]);return f=function(){return e},e}var w=h.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(h.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(7),E=t(8),k=t(9),O={searchLabel:"",searchEmptyText:"",searchResultsText:"",noResultText:"",disableSearch:!1,variation:"",categoryItems:[{title:"",headingStyle:"",items:[{title:"",description:""}]}],docCategoryItems:[{title:"",headingStyle:"",documentItems:[{title:"",description:"",items:[{path:"",name:"",extension:""}]}]}],groupedDocCategoryItems:[{title:"",headingStyle:"",items:[{title:"",headingStyle:"",documentItems:[{title:"",description:"",items:[{path:"",extension:"",name:""}]}]}]}],documentSearchItems:[{title:"",headingStyle:"",items:[{title:"",items:[{path:"",extension:"",name:""}]}]}],ctaSectionList:[{ctaHeading:"",ctaItems:[{label:"",url:"",linkAction:"",isInternal:!1}]}],bottomMargin:!1,listLeftAligned:!1},N=function(e){var n=u()({},O,Object(l.g)(e.content)),t=Object(i.useState)(""),r=Object(a.a)(t,2),s=r[0],g=r[1],x=Object(i.useState)(!1),h=Object(a.a)(x,2),v=h[0],f=h[1],N=Object(i.useState)({value:!0,message:n.searchResultsText}),j=Object(a.a)(N,2),D=j[0],L=j[1],A=Object(i.useState)({value:!1,message:""}),S=Object(a.a)(A,2),M=S[0],U=S[1],T=Object(i.useState)(!1),C=Object(a.a)(T,2),z=C[0],I=C[1],_=Object(i.useState)(!1),P=Object(a.a)(_,2),F=P[0],W=P[1];Object(i.useEffect)((function(){if(Object(l.A)().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 R=n.categoryItems,H=[],G=[],V=[],J=[],B=[],$=[];null===R||void 0===R||R.forEach((function(e,n){H[n]=e.title,$[n]=e.headingStyle})),null===R||void 0===R||R.forEach((function(e,n){G[n]=e.items}));var q=Object(i.useState)(R),Z=Object(a.a)(q,2),K=Z[0],Q=Z[1],X=Object(i.useState)(!1),Y=Object(a.a)(X,2),ee=Y[0],ne=Y[1],te=n.docCategoryItems,ae=[],ie=[],oe=[],le=[],re=[],ce=[];null===te||void 0===te||te.forEach((function(e,n){var t;ie[n]=null===e||void 0===e?void 0:e.title,ae[n]=null===e||void 0===e?void 0:e.headingStyle,oe[n]=[],null===e||void 0===e||null===(t=e.documentItems)||void 0===t||t.forEach((function(e,t){oe[n][t]=e}))})),!ee&&(null===te||void 0===te?void 0:te.find((function(e){return e.title})))&&ne(!0);var se=Object(i.useState)(te&&n.docCategoryItems),de=Object(a.a)(se,2),me=de[0],pe=de[1],ge=n.groupedDocCategoryItems,ue=Object(i.useState)(ge&&n.groupedDocCategoryItems),be=Object(a.a)(ue,2),xe=be[0],he=be[1],ve=[],fe=[],we=[],ye=[],Ee=[],ke=[],Oe=[],Ne=[];null===ge||void 0===ge||ge.forEach((function(e,n){var t;ve[n]=e.title,ke[n]=e.headingStyle,fe[n]=[],we[n]=[],Oe[n]=[],null===e||void 0===e||null===(t=e.items)||void 0===t||t.forEach((function(e,t){fe[n][t]=e.title,Oe[n][t]=e.headingStyle,we[n][t]=e.documentItems}))}));var je=function(e,n){e&&(Object(l.b)(),c.a.get(e,{responseType:"blob"}).then((function(e){return d.a.saveAs(e.data,n),Object(l.O)(),e}),(function(e){Object(l.O)()})).catch((function(e){Object(l.O)()})))},De=n.documentSearchItems,Le=[],Ae=[],Se=[],Me=[],Ue=[],Te=[];null===De||void 0===De||De.forEach((function(e,n){var t;Ae[n]=null===e||void 0===e?void 0:e.title,Le[n]=null===e||void 0===e?void 0:e.headingStyle,Se[n]=[],null===e||void 0===e||null===(t=e.items)||void 0===t||t.forEach((function(e,t){Se[n][t]=e}))}));var Ce=Object(i.useState)(De&&n.documentSearchItems),ze=Object(a.a)(Ce,2),Ie=ze[0],_e=ze[1],Pe=Object(i.useState)(!1),Fe=Object(a.a)(Pe,2),We=Fe[0],Re=Fe[1],He=function(e){e.preventDefault();var t=s&&s.toLowerCase();"faq"===n.variation&&(t.length>0&&"faq"===n.variation?(B=[],G.forEach((function(e,n){B=[],e.forEach((function(e,n){-1===e.title.toLowerCase().indexOf(t)&&-1===e.description.toLowerCase().indexOf(t)||B.push(e)})),J[n]=B,J[n].length>0&&(V[n]={title:J[n].length>0?H[n]:"",headingStyle:$[n],items:J[n]})})),V.length>0?U({value:!1,message:""}):U({value:!0,message:n.noResultText}),Q(V)):(I(!1),U({value:!1,message:""}),Q(R))),"document"===n.variation&&(t.length>0?(oe.forEach((function(e,n){le=[],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)))&&le.push(e)})),re[n]=le,re[n].length>0&&(ce[n]={title:ie[n],headingStyle:ae[n],documentItems:re[n]})})),ce.length>0?U({value:!1,message:""}):U({value:!0,message:n.noResultText}),pe(ce)):(I(!1),U({value:!1,message:""}),pe(te))),"grouped-document"===n.variation&&(L({value:!1,message:""}),t.length>0?(we.forEach((function(e,n){Ee[n]=[],e.forEach((function(e,a){Ne=[],e.forEach((function(e,n){var a,i;((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===(i=e.description)||void 0===i?void 0:i.toLowerCase().indexOf(t)))&&Ne.push(e)})),Ne.length>0&&(Ee[n][a]={title:fe[n][a],headingStyle:Oe[n][a],documentItems:Ne})})),Ee[n].length>0&&(ye[n]={title:ve[n],headingStyle:ke[n],items:Ee[n]})})),ye.length>0?U({value:!1,message:""}):U({value:!0,message:n.noResultText}),he(ye)):(I(!1),U({value:!1,message:""}),he(n.groupedDocCategoryItems))),"search"===n.variation&&(t.length>0?(L({value:!1,message:""}),Re(!0),Se.forEach((function(e,n){Me=[],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)))&&(Me[n]=e)})),Ue[n]=Me,Ue[n].length>0&&(Te[n]={title:Ue[n].length>0?Ae[n]:"",headingStyle:Ue[n].length>0&&Le[n],items:Ue[n]})})),Te.length>0?U({value:!1,message:""}):U({value:!0,message:n.noResultText}),_e(Te)):(I(!1),U({value:!1,message:""}),Re(!1),L({value:!0,message:n.searchResultsText})))},Ge=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 o.a.createElement(y.a,{setter:{componentThemes:b,selectedTheme:e.theme}},o.a.createElement(E.a,null,o.a.createElement(k.a,null,o.a.createElement(w,{isReversed:!1},o.a.createElement("div",{className:n.listLeftAligned?"searchable-list":"container searchable-list"},v&&o.a.createElement(p.a,null),o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:n.listLeftAligned?"col-12 search-form-container":"col-12 col-xl-9 col-md-10 col-sm-11 search-form-container"},!n.disableSearch&&o.a.createElement("span",null,o.a.createElement("form",{className:"form-style"},o.a.createElement("div",{className:"search-box-parent"},o.a.createElement("div",{className:"search-icon"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-search-light.svg",alt:"Seacrh Icon",className:"search-img"})),o.a.createElement("input",{type:"text",name:"search",placeholder:n.searchEmptyText,className:"form-control",value:s,onChange:function(e){g(e.target.value),""!==e.target.value?I(!0):(I(!1),U({value:!1,message:""}),"faq"===n.variation&&Q(R),"document"===n.variation&&pe(te),"grouped-document"===n.variation&&he(n.groupedDocCategoryItems))},onKeyDown:function(e){13==e.keyCode&&(e.preventDefault(),He(e))},title:"search"}),z&&o.a.createElement("span",{className:"close-icon"},o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-close.svg",alt:"Search Icon",onClick:function(e){""!==s&&(g(""),I(!1),U({value:!1,message:""}),"faq"===n.variation&&Q(R),"document"===n.variation&&pe(te),"grouped-document"===n.variation&&he(n.groupedDocCategoryItems),"search"===n.variation&&L({value:!0,message:n.searchResultsText}))}}))),o.a.createElement(m.a,{label:Object(l.i)(n.searchLabel),inverse:!1,onClick:He})),!0===F&&o.a.createElement("div",{className:"body-text3 d-block d-sm-none"},n.searchEmptyText),"search"===n.variation&&D.value&&o.a.createElement("div",null,o.a.createElement("div",{className:"initial-search-text"},D.message))),M.value&&o.a.createElement("div",{className:"body-text2 no-result-text"},M.message),o.a.createElement("div",{className:"".concat(!1===ee&&"document"===n.variation&&"my-3"," results accordion accordion-wrapper"),id:"search-accordian"},"faq"===n.variation&&R&&K&&K.map((function(e,t){return o.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&o.a.createElement(e.headingStyle,{className:"heading-style "},e.title),e.headingStyle&&e.title&&"capitalize"===e.headingStyle&&e.title&&o.a.createElement("div",{className:"heading-style text-style-uppercase ".concat("document"===n.variation?"amarrHighlight":"")},e.title),e.items.map((function(e,n,a){return o.a.createElement("div",{key:n,className:"border-style parent-searchable-div"},o.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:Ge,onDoubleClick:Ge},o.a.createElement("span",{className:"text-style-heading"},e.title),o.a.createElement("img",{loading:"lazy",className:"accordion-expand",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-add-accordian.svg",alt:"expanded icon"}),o.a.createElement("img",{loading:"lazy",className:"accordion-collapsed",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-minus-accordian.svg",alt:"collapsed icon"})),o.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&&xe&&xe.map((function(e,n){return o.a.createElement("div",{className:"section-heading-large",key:n},e.headingStyle&&"capitalize"!==e.headingStyle&&o.a.createElement(e.headingStyle,{className:"heading-style-top"},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&o.a.createElement("div",{className:"heading-style-top text-style-uppercase"},e.title),e.items&&e.items.map((function(e,t,a){var i;return o.a.createElement("div",{className:"grouped-docs",key:t},e.headingStyle&&"capitalize"!==e.headingStyle&&o.a.createElement(e.headingStyle,{className:"heading-style-grouped"},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&o.a.createElement("div",{className:"heading-style-grouped text-style-uppercase "},e.title),null===e||void 0===e||null===(i=e.documentItems)||void 0===i?void 0:i.map((function(e,a,i){return o.a.createElement("div",{key:a,className:"border-style"},o.a.createElement("div",{className:"document-wrapper"},o.a.createElement("h3",{className:"text-style amarr-h5 m-0 p-0"},o.a.createElement("a",{className:"link-style-grouped",href:e.path,target:"_blank","aria-label":e.title},e.title)),o.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,i){return o.a.createElement("span",{key:i,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/xls.svg",alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"pptx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ppt.svg",alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf.svg",alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"-").concat(t,"-").concat(a,"-").concat(i)}))})))),o.a.createElement("p",{className:"text-style-description body-text2"},e.description),o.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,i){return o.a.createElement("span",{key:i,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf.svg",alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),("xlsx"===e.extension||"xls"===e.extension||"xlsm"===e.extension)&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/xls.svg",alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"pptx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ppt.svg",alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(n,"--").concat(t,"-").concat(a,"-").concat(i)}))}))))})))})))})),"document"===n.variation&&te&&me&&me.map((function(e,t){return o.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&o.a.createElement(e.headingStyle,{className:"heading-style "},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&e.title&&o.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 o.a.createElement("div",{className:"border-style",key:n},o.a.createElement("div",{className:"document-wrapper"},o.a.createElement("h3",{className:"text-style text-style-color amarr-h5 m-0 p-0"},o.a.createElement("a",{className:"link-style",href:e.path,target:"_blank","aria-label":e.title},e.title)),o.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,a){return o.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/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)&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/xls.svg",alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"pptx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ppt.svg",alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"-").concat(a)}))})))),e.description&&o.a.createElement("p",{className:"text-style-description body-text2"},e.description),o.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,a){return o.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/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)&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/xls.svg",alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"pptx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ppt.svg",alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"-").concat(n,"--").concat(a)}))}))))})))})),"search"===n.variation&&o.a.createElement(o.a.Fragment,null,!D.value&&o.a.createElement("div",{className:"search-variation-section"},We&&Ie&&Ie.map((function(e,t){return o.a.createElement("div",{className:"accordion-section",key:t},e.headingStyle&&e.title&&"capitalize"!==e.headingStyle&&o.a.createElement(e.headingStyle,{className:"heading-style "},e.title),e.headingStyle&&"capitalize"===e.headingStyle&&e.title&&o.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 o.a.createElement("div",{className:"border-style",key:n},o.a.createElement("div",{className:"document-wrapper"},o.a.createElement("h3",{className:"text-style text-style-color amarr-h5 m-0 p-0"},o.a.createElement("a",{className:"link-style",href:e.path,target:"_blank","aria-label":e.title},e.title)),o.a.createElement("span",{className:"d-none d-sm-flex"},e.items&&e.items.map((function(e,a){return o.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/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)&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/xls.svg",alt:"xlsx icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"pptx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ppt.svg",alt:"pptx icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf.svg",alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"--").concat(t,"-").concat(n,"-").concat(a)}))})))),e.description&&o.a.createElement("p",{className:"text-style-description body-text2"},e.description),o.a.createElement("span",{className:"pt-2 mt-1 d-block d-sm-none"},e.items&&e.items.map((function(e,a){return o.a.createElement("span",{key:a,className:"download-icon-style mr-4 mr-md-0 ml-md-2",onClick:function(){return je(e.path,e.name)}},"pdf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf.svg",alt:"pdf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"dwg"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg.svg",alt:"dwg icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"dxf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf.svg",alt:"dxf icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"rfa"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"rfa icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"skp"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp.svg",alt:"skp",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"doc"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc.svg",alt:"doc",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"docx"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx.svg",alt:"docx",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"rtf"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf.svg",alt:"rtf",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"bim"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/bim.svg",alt:"bim icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"mp3"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/mp3.svg",alt:"mp3 icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}),"wmv"===e.extension&&o.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/wmv.svg",alt:"wmv icon",id:"".concat(e.name,"-").concat(e.extension,"-").concat(t,"--").concat(n,"-").concat(a)}))}))))})))})),We&&n.ctaSectionList&&n.ctaSectionList.map((function(e,n){return o.a.createElement("div",{key:n,className:"accordion-section"},o.a.createElement("h2",{className:"heading-style"},e.ctaHeading),o.a.createElement("span",{className:"ctalist"},e.ctaItems&&e.ctaItems.map((function(e,n){return o.a.createElement(o.a.Fragment,null,e.isInternal&&o.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&&o.a.createElement("a",{href:e.url,target:e.linkAction,"aria-label":e.label},e.label),!e.isInternal&&"_blank"===e.linkAction&&o.a.createElement("a",{href:e.url,target:e.linkAction,rel:"noopener","aria-label":e.label},e.label))}))))})))),"search"!==n.variation&&n.ctaSectionList&&n.ctaSectionList.map((function(e,t){return o.a.createElement("div",{key:t,className:"accordion-section ".concat(("faq"===n.variation||"grouped-document"===n.variation||"document"===n.variation)&&"mt-4")},e.ctaHeading&&o.a.createElement("h2",{className:"heading-style"},e.ctaHeading),o.a.createElement("span",{className:"ctalist"},e.ctaItems&&e.ctaItems.length>0&&e.ctaItems.map((function(e,n){return o.a.createElement("div",{className:"".concat(e.label.length>25&&"button-auto-height"),key:n},o.a.createElement(m.a,{label:Object(l.i)(e.label),link:!0,linkHref:e.url}))}))))}))))))))))};N.defaultProps={theme:"",content:""};n.a=N},63:function(e,n,t){"use strict";t.d(n,"a",(function(){return d}));var a=t(23),i=t(0),o=t.n(i),l=t(5),r=(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);}}"])),c=t(33),s=t.n(c),d=function(e){return Object(a.a)(e),o.a.createElement(r,null,o.a.createElement("div",{className:"d-flex justify-content-center loader"},o.a.createElement("div",{className:"d-flex"},o.a.createElement(s.a,{type:"Oval",color:"rgb(0, 97, 102)",height:100,width:100}))))}},7:function(e,n,t){"use strict";t.d(n,"a",(function(){return l}));var a=t(5),i=t(0),o=t.n(i),l=function(e){var n=e.setter,t=n.componentThemes,i=n.selectedTheme;return o.a.createElement(a.ThemeProvider,{theme:function(){if(!i)return t.theme1;var e=i.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)}},711:function(e,n,t){"use strict";t.r(n);var a=t(21),i=t(76);n.default=a.a.create({component:i.a,configuration:{tagname:"amarr-product-details",useShadow:!1},plugins:[]})},76:function(e,n,t){"use strict";var a=t(32),i=t.n(a),o=t(39),l=t(3),r=t(0),c=t.n(r),s=t(10),d=t.n(s),m=t(6),p=t(12),g=t.n(p),u={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},b=t(11),x=t(5),h=t(1);function v(){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.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(--text-color-warning) !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 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// 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: 84px;\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 0 0 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\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 {\n // margin: 0;\n max-height: 350px;\n }\n }\n }\n .slick-list {\n background: none;\n }\n .nav-slider{\n img{\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 {\n border-radius: var(--border-radius) !important;\n border: 4px solid var(--text-color-warning);\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}\n.slick-slider-custom.slick-slider-custom-gallery .showMoreIcon .slick-slide.slick-active.slick-current{\n border: none;\n}\n.showMoreIcon{ \n img{\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(--text-color-warning);\n img{\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;\n\n @media screen and "," {\n left: -60px\n }\n\n @media screen and "," {\n left: -30px;\n }\n\n &:before {\n background-image: url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-left-carousel.svg);\n }\n }\n &-next {\n right: -40px;\n\n @media screen and "," {\n right: -60px\n }\n\n @media screen and "," {\n right: -30px;\n }\n\n &:before {\n background-image: url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-right-carousel.svg);\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{\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(--text-color-warning);\n img{\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{\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{\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{\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 .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{\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}\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 }\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}\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-grey3);\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 position: sticky;\n // bottom: 0;\n z-index: 2;\n align-self: flex-start;\n top: 228px;\n @media screen and (min-width: 1024px) and (max-width: 1280px) {\n top: 228px;\n }\n @media screen and (min-width: 1281px) and (max-width: 1680px) {\n top: 245px;\n }\n @media screen and (min-width: 1681px) {\n top: 330px;\n }\n}\n.right-costco {\n @media screen and (min-width: 1024px) {\n padding-bottom: 100px;\n }\n}\n "]);return v=function(){return e},e}var f=x.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(x.css)(v(),h.b.tabletPortraitAndUpMax,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp3Max,h.b.tabletPortraitAndUp,h.b.desktopAndUpMax,h.b.smallDesktopAndUp,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitMax,h.b.largeDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitMin,h.b.smallDesktopAndUp3Max,h.b.largeDesktopMin,h.b.tabletLandscapeAndUp,h.b.largeDesktopMin,h.b.tabletLandscapeAndUp,h.b.tabletLandscapeAndUp,h.b.smallDesktopAndUp3Max,h.b.largeDesktopMin,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.tabletPortraitMax,h.b.tabletLandscapeAndUp,h.b.mediumDesktopAndUpMax,h.b.largeDesktop,h.b.tabletPortraitMax,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.mediumDesktopAndUp3Max,h.b.desktopAndUpMax,h.b.mobileMax,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitAndUp,h.b.smallDesktopAndUp2Max,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitAndUpMax,h.b.mobileMax,h.b.largeDesktopMin,h.b.mobileMax,h.b.mobileMax,h.b.largeMobileAndUp2Max,h.b.tabletPortraitAndUp,h.b.mobileMax,h.b.mobileMax,h.b.mobileMax,h.b.mobileMax,h.b.mediumDesktopAndUp3Max,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.tabletPortraitMax,h.b.tabletLandscapeAndUp,h.b.smallDesktopAndUp,h.b.mediumDesktopAndUpMax,h.b.tabletPortraitMax,h.b.mediumDesktopAndUp4Max,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.mediumDesktopAndUp3Max,h.b.mobileMax,h.b.mobileMax,h.b.mediumDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.tabletLandscapeAndUp,h.b.desktopAndUpMax,h.b.tabletPortraitMax,h.b.mobileMax,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.smallDesktopAndUp3Max,h.b.mobileMax,h.b.mobileMax,h.b.mobileMax,h.b.mobileMax,h.b.desktopAndUp,h.b.largeMobileMin,h.b.desktop2Max,h.b.largeDesktopMin,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitAndUpMax,h.b.mobileMax,h.b.largeMobileAndUpMax,h.b.mobileMax,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.tabletPortraitMax,h.b.tabletLandscapeAndUp,h.b.tabletPortraitAndUp,h.b.mobileMax,h.b.mobileMax,h.b.mobileMax,h.b.smallDesktopAndUp,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max,h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.mobileMax,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitMin,h.b.mediumDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.tabletPortraitAndUp,h.b.smallDesktopAndUp2Max,h.b.mobileMax,h.b.mobileMax)})),w=t(7),y=t(8),E=t(9),k=t(2),O=t(15),N=t(17),j=function(e){var n=e.doorDetails,t=e.content,a=Object(r.useState)(!1),i=Object(l.a)(a,2),o=i[0],s=i[1],d=Object(r.useState)(!1),m=Object(l.a)(d,2),p=m[0],g=m[1],u=Object(r.useState)(""),b=Object(l.a)(u,2),x=b[0],h=b[1],v=Object(r.useState)(""),f=Object(l.a)(v,2),w=f[0],y=f[1],E=Object(r.useState)(""),O=Object(l.a)(E,2),N=O[0],j=O[1],D=Object(r.useState)(""),L=Object(l.a)(D,2),A=L[0],S=L[1],M=Object(r.useState)(""),U=Object(l.a)(M,2),T=U[0],C=U[1],z=Object(r.useState)(""),I=Object(l.a)(z,2),_=I[0],P=I[1],F=Object(r.useState)(!1),W=Object(l.a)(F,2),R=W[0],H=W[1];Object(r.useEffect)((function(){var e=!1;if(window.self!==window.top&&(H(!0),e=!0),!1===e&&localStorage.getItem("product-fav")){var t=localStorage.getItem("product-fav"),a=JSON.parse(t),i=!1;a.forEach((function(e){e.data.id===_&&(i=!0)})),g(i)}k.F.subscribe((function(e){s(e)})),k.R.subscribe((function(e){e.length>0&&h(e)})),k.m.subscribe((function(e){e&&e.length>0&&y(e)})),k.n.subscribe((function(e){e&&e.length>0&&j(e)})),k.j.subscribe((function(e){e&&e.length>0&&S(e)})),k.k.subscribe((function(e){e&&e.length>0&&C(e)})),k.x.subscribe((function(t){!0===t&&(k.l.subscribe((function(t){if(t.length>0){P(t);var a=window.location.origin+n.rootImagePath+"/"+t.split("_")[1]+"/"+t.split("_")[2]+"/"+t.split("_")[1]+"-"+t.split("_")[2]+"-"+t.split("_")[3]+".jpg",i=window.location.origin+window.location.pathname+"?panel="+t.split("_")[1]+"&window="+t.split("_")[2]+"&color="+t.split("_")[3];t.split("_")[4]&&(a=window.location.origin+n.rootImagePath+"/"+t.split("_")[1]+"/"+t.split("_")[2]+"/"+t.split("_")[1]+"-"+t.split("_")[2]+"-"+t.split("_")[3]+"-"+t.split("_")[4]+".jpg",i=window.location.origin+window.location.pathname+"?panel="+t.split("_")[1]+"&window="+t.split("_")[2]+"&color="+t.split("_")[3]+"&glass="+t.split("_")[4]);var o={id:t,title:n.collectionName,thumbnailImage:a,type:n.type,url:i,panelDesign:t.split("_")[1],color:t.split("_")[3],glass:t.split("_")[4]};if(!1===e&&localStorage.getItem("product-fav")){var l=localStorage.getItem("product-fav"),r=JSON.parse(l),c=!1;if(r.forEach((function(e){e.data.id===t&&(c=!0)})),!1===c&&r){var s=r;s.push({data:o,time:new Date}),!1===e&&localStorage.setItem("product-fav",JSON.stringify(s))}}else{var d=[];d.push({data:o,time:new Date}),!1===e&&localStorage.setItem("product-fav",JSON.stringify(d))}}})),k.x.next(!1),window.location.reload())})),k.l.subscribe((function(n){if(n.length>0&&(P(n),!1===e&&localStorage.getItem("product-fav"))){var t=localStorage.getItem("product-fav"),a=JSON.parse(t),i=!1;a.forEach((function(e){e.data.id===n&&(i=!0)})),g(i)}}))}),[]);return c.a.createElement("section",{className:"door-header"},c.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},c.a.createElement("div",{className:"d-flex align-items-center"},c.a.createElement("h1",{className:"door-header-sub-title m-0 amarr-h3"},n.collectionName),o&&c.a.createElement("span",{className:"body-text3 new-icon"},t.newFlagText)),!1===R&&t.favoritesLabel&&""!==t.favoritesLabel&&c.a.createElement("div",{className:"door-header-share-icons"},c.a.createElement("a",{onClick:function(){g(!p),function(){var e=window.location.origin+n.rootImagePath+"/"+w+"/"+N+"/"+x+".jpg",t=window.location.origin+window.location.pathname+"?panel="+w+"&window="+N+"&color="+A;T&&(t=window.location.origin+window.location.pathname+"?panel="+w+"&window="+N+"&color="+A+"&glass="+T);var a={id:_,title:n.collectionName,thumbnailImage:e,type:n.type,url:t,panelDesign:w,color:A,glass:T};if(!1===p)if(!1===R&&localStorage.getItem("product-fav")){var i=localStorage.getItem("product-fav"),o=JSON.parse(i),l=!1;o.forEach((function(e){e.data.id===_&&(l=!0)})),!1===l&&(o.push({data:a,time:new Date}),localStorage.setItem("product-fav",JSON.stringify(o)),k.S.next(!0))}else{var r=[];r.push({data:a,time:new Date}),!1===R&&localStorage.setItem("product-fav",JSON.stringify(r)),k.S.next(!0)}else if(!1===R&&localStorage.getItem("product-fav")){var c=localStorage.getItem("product-fav"),s=JSON.parse(c),d=-1;s.forEach((function(e,n){e.data.id===_&&(d=n)})),s.splice(d,1),localStorage.setItem("product-fav",JSON.stringify(s)),k.S.next(!1)}}()}},!0===p?c.a.createElement("img",{loading:"lazy",className:"rating-fill",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav-red-fill.svg",alt:"Favorite"}):c.a.createElement("img",{loading:"lazy",className:"rating-fill",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav.svg",alt:"Favorite"})))),c.a.createElement("div",{className:"door-header-power-reviews pb-3"},c.a.createElement("div",{id:"pr-reviewsnippet"})))},D=t(30),L=t(25),A=t(24),S=function(e){var n=e.doorDetails,t=e.content,a=Object(r.useState)([]),i=Object(l.a)(a,2),o=i[0],s=i[1],d=Object(r.useState)([]),m=Object(l.a)(d,2),p=m[0],g=m[1],u=Object(r.useState)([]),b=Object(l.a)(u,2),x=b[0],h=b[1],v=Object(r.useState)([]),f=Object(l.a)(v,2),w=f[0],y=f[1],E=Object(r.useState)([]),O=Object(l.a)(E,2),N=(O[0],O[1],Object(r.useState)("")),j=Object(l.a)(N,2),S=j[0],M=j[1],U=Object(r.useState)(""),T=Object(l.a)(U,2),C=T[0],z=T[1],I=Object(r.useState)(""),_=Object(l.a)(I,2),P=_[0],F=_[1],W=Object(r.useState)(""),R=Object(l.a)(W,2),H=R[0],G=R[1],V=Object(r.useState)(""),J=Object(l.a)(V,2),B=(J[0],J[1],Object(r.useState)({image:"",alt:"",name:"",value:"",desc:"",popupimage:"",popupalt:""})),$=Object(l.a)(B,2),q=$[0],Z=($[1],Object(r.useState)(!1)),K=Object(l.a)(Z,2),Q=K[0],X=K[1],Y=Object(r.useState)(!1),ee=Object(l.a)(Y,2),ne=ee[0],te=ee[1],ae=Object(r.useState)(!1),ie=Object(l.a)(ae,2),oe=ie[0],le=ie[1],re=Object(r.useState)(!1),ce=Object(l.a)(re,2),se=(ce[0],ce[1],Object(r.useState)(!1)),de=Object(l.a)(se,2),me=de[0],pe=de[1],ge=Object(r.useState)(4),ue=Object(l.a)(ge,2),be=ue[0],xe=ue[1],he=Object(r.useState)(3),ve=Object(l.a)(he,2),fe=ve[0],we=ve[1],ye=Object(r.useState)(6),Ee=Object(l.a)(ye,2),ke=Ee[0],Oe=Ee[1],Ne=Object(r.useState)(3),je=Object(l.a)(Ne,2),De=je[0],Le=je[1],Ae=Object(r.useState)(!1),Se=Object(l.a)(Ae,2),Me=Se[0],Ue=Se[1],Te=Object(r.useState)(!1),Ce=Object(l.a)(Te,2),ze=Ce[0],Ie=Ce[1],_e=Object(r.useState)(!1),Pe=Object(l.a)(_e,2),Fe=Pe[0],We=Pe[1],Re=Object(r.useState)(!1),He=Object(l.a)(Re,2),Ge=He[0],Ve=He[1];Object(r.useEffect)((function(){if(window.location.search){var e=window.location.search.substring(1).split("&"),t="",a="",i="",o="";e.forEach((function(e){var n=e.split("=");"panel"===n[0]&&(t=n[1]),"color"===n[0]&&(a=n[1]),"window"===n[0]&&(i=n[1]),"glass"===n[0]&&(o=n[1])}));var r=!1,c=!1,d=!1,m=!1;n.panelList&&n.panelList.length>0&&n.panelList.forEach((function(e){e.panel===t&&(r=!0,e.colors&&e.colors.length>0&&e.colors.forEach((function(e){e.colorValue===a&&(c=!0)})),!1===c&&e.newColor&&e.newColor.length>0&&e.newColor.forEach((function(e){e.colorValue===a&&(c=!0)})),e.windowOptionsList&&e.windowOptionsList.forEach((function(e){e.windowOption===i&&(d=!0)})),!1===d&&e.newWindowOption&&e.newWindowOption.length>0&&e.newWindowOption.forEach((function(e){e.windowOption===i&&(d=!0)})),e.glassOptionsList&&e.glassOptionsList.forEach((function(e){e.glassOption===o&&(m=!0)})),!1===m&&e.newGlassOption&&e.newGlassOption.length>0&&e.newGlassOption.forEach((function(e){e.glassOption===o&&(m=!0)})))}));var p="",u="",b="",x="";p=!0===r?t:n.panelDefault,u=!0===c?a:n.colorDefault,b=!0===d?i:n.windowOptionDefault,x=!0===m?o:(null===n||void 0===n?void 0:n.glassOptionDefault)||"",z(p),M(u),F(b),G(x),x?k.R.next(p+"-"+b+"-"+u+"-"+x):k.R.next(p+"-"+b+"-"+u),k.m.next(p),k.j.next(u),k.n.next(b),k.k.next(x),x?k.l.next(n.collection+"_"+p+"_"+b+"_"+u+"_"+x):k.l.next(n.collection+"_"+p+"_"+b+"_"+u)}else M(n.colorDefault),z(n.panelDefault),F(n.windowOptionDefault),G(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.colorDefault+"-"+n.glassOptionDefault,t=n.collection+"_"+n.panelDefault+"_"+n.windowOptionDefault+"_"+n.colorDefault+"_"+(null===n||void 0===n?void 0:n.glassOptionDefault)),k.R.next(e),k.m.next(n.panelDefault),k.j.next(n.colorDefault),k.n.next(n.windowOptionDefault),k.k.next(null===n||void 0===n?void 0:n.glassOptionDefault),k.l.next(t)}),1e3);k.z.subscribe((function(e){if(e){var t=e.split("/");z(t[0]),n.panelList&&n.panelList.length>0&&n.panelList.forEach((function(e){if(e.panel===t[0]){var n=[],a=[],i=[];if(e.windowOptionsList&&e.windowOptionsList.length>0)for(var o=function(t){var a=e.windowOptionsList[t],i=!1;n.forEach((function(e){e.value===a.windowOption&&(i=!0)})),!1===i&&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++)o(l);if(e.newWindowOption&&e.newWindowOption.length>0)for(var r=function(t){var a=e.newWindowOption[t],i=!1;n.forEach((function(e){e.value===a.windowOption&&(e.isNew=!0,i=!0)})),!1===i&&n.push({name:a.windowOptionTitle,value:a.windowOption,image:a.windowOptionImage,alt:a.imageAltText,isNew:!0,doorDesignerCode:a.doorDesignerCode,available:!1!==a.available})},c=0;c<e.newWindowOption.length;c++)r(c);if(e.colors&&e.colors.length>0)for(var s=function(n){var t=e.colors[n],i=!1;a.forEach((function(e){e.value===t.colorValue&&(i=!0)})),!1===i&&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],i=!1;a.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,i=!0)})),!1===i&&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 u=function(n){var t=e.glassOptionsList[n],a=!1;i.forEach((function(e){e.value===t.glassOption&&(a=!0)})),!1===a&&i.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++)u(b);if(e.newGlassOption&&e.newGlassOption.length>0)for(var x=function(n){var t=e.newGlassOption[n],a=!1;i.forEach((function(e){e.value===t.glassOption&&(e.isNew=!0,a=!0)})),!1===a&&i.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++)x(v);g(n),y(a),h(i),t[1]||(t[1]=n[0].value),t[2]||(t[2]=a[0].value),!t[4]&&i&&i.length&&(t[4]=i[0].value)}})),t[1]&&F(t[1]),t[2]&&M(t[2]),t[3]&&G(t[3]),t[3]?k.R.next(t[0]+"-"+t[1]+"-"+t[2]+"-"+t[3]):k.R.next(t[0]+"-"+t[1]+"-"+t[2]),k.m.next(t[0]),k.j.next(t[2]),k.n.next(t[1]),t[3]?(k.k.next(t[3]),k.l.next(n.collection+"_"+t[0]+"_"+t[1]+"_"+t[2]+"_"+t[3])):k.l.next(n.collection+"_"+t[0]+"_"+t[1]+"_"+t[2])}}));var v=[],f=[],w=[];if(n.panelList&&n.panelList.length>0){var E=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],S=L[1];"panel"===A&&(E=S)}}catch(Ae){j.e(Ae)}finally{j.f()}}else E=n.panelDefault;for(var U=0;U<n.panelList.length;U++)if(n.panelList[U].panel===E){if(n.panelList[U].windowOptionsList&&n.panelList[U].windowOptionsList.length>0)for(var T=function(e){var t=n.panelList[U].windowOptionsList[e],a=!1;v.forEach((function(e){e.value===t.windowOption&&(a=!0)})),!1===a&&v.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},C=0;C<n.panelList[U].windowOptionsList.length;C++)T(C);if(n.panelList[U].newWindowOption&&n.panelList[U].newWindowOption.length>0)for(var I=function(e){var t=n.panelList[U].newWindowOption[e],a=!1;v.forEach((function(e){e.value===t.windowOption&&(e.isNew=!0,a=!0)})),!1===a&&v.push({name:t.windowOptionTitle,value:t.windowOption,image:t.windowOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},_=0;_<n.panelList[U].newWindowOption.length;_++)I(_);if(n.panelList[U].colors&&n.panelList[U].colors.length>0)for(var P=function(e){var t=n.panelList[U].colors[e],a=!1;f.forEach((function(e){e.value===t.colorValue&&(a=!0)})),!1===a&&f.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[U].colors.length;W++)P(W);if(n.panelList[U].newColor&&n.panelList[U].newColor.length>0)for(var R=function(e){var t=n.panelList[U].newColor[e],a=!1;f.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,a=!0)})),!1===a&&f.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})},H=0;H<n.panelList[U].newColor.length;H++)R(H);if(n.panelList[U].glassOptionsList&&n.panelList[U].glassOptionsList.length>0)for(var V=function(e){var t=n.panelList[U].glassOptionsList[e],a=!1;w.forEach((function(e){e.value===t.glassOption&&(a=!0)})),!1===a&&w.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},J=0;J<n.panelList[U].glassOptionsList.length;J++)V(J);if(n.panelList[U].newGlassOption&&n.panelList[U].newGlassOption.length>0)for(var B=function(e){var t=n.panelList[U].newGlassOption[e],a=!1;w.forEach((function(e){e.value===t.glassOption&&(e.isNew=!0,a=!0)})),!1===a&&w.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!0,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},$=0;$<n.panelList[U].newGlassOption.length;$++)B($)}}g(v),y(f),h(w);var q=[];if(n.panelList&&n.panelList.length>0)for(var Z=0;Z<n.panelList.length;Z++){var K;q.push({name:n.panelList[Z].panelName,value:n.panelList[Z].panel,isNew:!!(null===(K=n.panelList[Z])||void 0===K?void 0:K.isNew)&&n.panelList[Z].isNew,image:n.panelList[Z].images.url,alt:n.panelList[Z].images.altText,available:!1!==n.panelList[Z].available,doorDesignerCode:n.panelList[Z].doorDesignerCode})}if(s(q),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)k.F.next(!0);else{var Q=!1,X=n.panelDefault;if(window.location.search){var Y,ee=new URLSearchParams(window.location.search),ne=Object(D.a)(ee);try{for(ne.s();!(Y=ne.n()).done;){var te=Object(l.a)(Y.value,2),ae=te[0],ie=te[1];"panel"===ae&&(X=ie)}}catch(Ae){ne.e(Ae)}finally{ne.f()}}else X=n.panelDefault;if(q.forEach((function(e){e.value===X&&(Q=!!e.isNew&&e.isNew)})),Q)k.F.next(!0);else{var oe=!1,le=n.windowOptionDefault;if(window.location.search){var re,ce=new URLSearchParams(window.location.search),se=Object(D.a)(ce);try{for(se.s();!(re=se.n()).done;){var de=Object(l.a)(re.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(v.forEach((function(e){e.value===le&&(oe=!!e.isNew&&e.isNew)})),!1===oe){var ge=!1,ue=n.colorDefault;if(window.location.search){var be,xe=new URLSearchParams(window.location.search),he=Object(D.a)(xe);try{for(he.s();!(be=he.n()).done;){var ve=Object(l.a)(be.value,2),fe=ve[0],we=ve[1];"color"===fe&&(ue=we)}}catch(Ae){he.e(Ae)}finally{he.f()}}else ue=n.colorDefault;if(f.forEach((function(e){e.value===ue&&(ge=!!e.isNew&&e.isNew)})),ge)k.F.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;w.forEach((function(e){e.value===Ee&&(ye=!!e.isNew&&e.isNew)})),k.F.next(ye)}}else k.F.next(!0)}}}),[]),Object(r.useEffect)((function(){matchMedia("(max-width: 767px)").matches&&(xe(2),we(2),Oe(3),Le(2))}),[]);var Je=function(e,n){var t=null,a=!1;if(e&&e.length>0){for(var i,o=0;o<e.length;o++)e[o].value===n&&(t=e[o]);a=!(!(null===(i=t)||void 0===i?void 0:i.isNew)||!0!==t.isNew)}return a};return c.a.createElement("section",null,c.a.createElement("div",{className:"border-b pt-3 pb-2"},c.a.createElement("section",{className:"panel-design"},c.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.panelListLabel),c.a.createElement("ul",{className:"d-flex panel-design-container"},o&&o.length>0&&o.map((function(e,a){return(a<be||o.length===be+1&&a===be||Q)&&c.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},c.a.createElement("img",{loading:"lazy",role:"presentation",onClick:function(){return function(e){var t,a,i;z(e.value);for(var o=[],l=[],r=[],c=0;c<n.panelList.length;c++)if(n.panelList[c].panel===e.value){if(n.panelList[c].windowOptionsList&&n.panelList[c].windowOptionsList.length>0)for(var s=function(e){var t=n.panelList[c].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[c].windowOptionsList.length;d++)s(d);if(n.panelList[c].newWindowOption&&n.panelList[c].newWindowOption.length>0)for(var m=function(e){var t=n.panelList[c].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[c].newWindowOption.length;p++)m(p);if(n.panelList[c].colors&&n.panelList[c].colors.length>0)for(var u=function(e){var t=n.panelList[c].colors[e],a=!1;o.forEach((function(e){e.value===t.colorValue&&(a=!0)})),!1===a&&o.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})},b=0;b<n.panelList[c].colors.length;b++)u(b);if(n.panelList[c].newColor&&n.panelList[c].newColor.length>0)for(var x=function(e){var t=n.panelList[c].newColor[e],a=!1;o.forEach((function(e){e.value===t.colorValue&&(e.isNew=!0,a=!0)})),!1===a&&o.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})},v=0;v<n.panelList[c].newColor.length;v++)x(v);if(n.panelList[c].glassOptionsList&&n.panelList[c].glassOptionsList.length>0)for(var f=function(e){var t=n.panelList[c].glassOptionsList[e],a=!1;o.forEach((function(e){e.value===t.value&&(a=!0)})),!1===a&&r.push({name:t.glassOptionTitle,value:t.glassOption,image:t.glassOptionImage,alt:t.imageAltText,isNew:!1,doorDesignerCode:t.doorDesignerCode,available:!1!==t.available})},w=0;w<n.panelList[c].glassOptionsList.length;w++)f(w);if(n.panelList[c].newGlassOption&&n.panelList[c].newGlassOption.length>0)for(var E=function(e){var t=n.panelList[c].newGlassOption[e],a=!1;r.forEach((function(e){e.value===t.value&&(e.isNew=!0,a=!0)})),!1===a&&r.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[c].newGlassOption.length;O++)E(O)}g(l),y(o),h(r);var N=!1,j=!1,D=!1;o&&o.length>0&&o.forEach((function(e){e.value===S&&(N=!0)})),l&&l.length>0&&l.forEach((function(e){e.value===P&&(j=!0)})),r&&r.length>0&&r.forEach((function(e){e.value===H&&(D=!0)}));var L=N?S:o&&o.length?null===(t=o[0])||void 0===t?void 0:t.value:"",A=j?P:l&&l.length?null===(a=l[0])||void 0===a?void 0:a.value:"",U=D?H:r&&r.length?null===(i=r[0])||void 0===i?void 0:i.value:"";M(L),F(A),G(U);var T=e.value,C=n.collection;if(A&&(T+="-"+A,C+="_"+A),L&&(T+="-"+L,C+="_"+L),U&&(T+="-"+U,C+="_"+U,k.k.next(U)),k.R.next(T),k.m.next(e.value),k.j.next(L),k.n.next(A),k.l.next(C),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)k.F.next(!0);else if((null===e||void 0===e?void 0:e.isNew)&&!0===e.isNew)k.F.next(!0);else{var I,_=null;if(l.forEach((function(e){e.value===P&&(_=e)})),(null===(I=_)||void 0===I?void 0:I.isNew)&&!0===_.isNew)k.F.next(!0);else{var W,R=null;if(o.forEach((function(e){e.value===S&&(R=e)})),(null===(W=R)||void 0===W?void 0:W.isNew)&&!0===R.isNew)k.F.next(!0);else{var V,J=null;r.forEach((function(e){e.value===H&&(J=e)})),(null===(V=J)||void 0===V?void 0:V.isNew)&&!0===J.isNew?k.F.next(!0):k.F.next(!1)}}}}(e)},src:e.image,alt:e.alt,className:"action-item ".concat(C===e.value?"door-active":"")}),c.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&c.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},c.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:c.a.createElement(A.a,{id:"button-tooltip-".concat(a)},c.a.createElement("div",{className:"p-1 amarr-h6"},t.panelUnavailableMessage))},c.a.createElement("div",{className:"panel-un-icon unavailable-icon"},c.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_unavailable.svg",alt:t.panelUnavailableMessage})))))})),o&&o.length>be&&o.map((function(e,n){return n===be+1&&!Q&&c.a.createElement("li",{className:"panel-design-item more-item-container",key:n,onClick:function(){X(!0),Ue(!0)}},c.a.createElement("img",{loading:"lazy",role:"presentation",src:e.image,className:"action-item"}),c.a.createElement("h5",{className:"panel-design-more-items"},"+",o.length-be))})),Me&&c.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",onClick:function(){X(!1),Ue(!1)}},c.a.createElement("h6",{className:"panel-design-less-items"},t.showLessLabel))))),p&&p.length>0&&c.a.createElement("div",{className:"border-b pt-3 pb-2"},c.a.createElement("section",{className:"panel-design window-panel"},c.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.windowOptionsListLabel),c.a.createElement("ul",{className:"d-flex panel-design-container"},p&&p.length>0&&p.map((function(e,a){return(a<fe||p.length===fe+1&&a===fe||ne)&&c.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},c.a.createElement("div",{className:"window ".concat(P===e.value?"door-active":"")},c.a.createElement("img",{loading:"lazy",role:"presentation",onClick:function(){return function(e){F(e.value);var t=C+"-"+e.value+"-"+S,a=n.collection+"_"+C+"_"+e.value+"_"+S;if(H&&(t=C+"-"+e.value+"-"+S+"-"+H,a=n.collection+"_"+C+"_"+e.value+"_"+S+"_"+H),k.R.next(t),k.m.next(C),k.j.next(S),k.n.next(e.value),k.k.next(H),k.l.next(a),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)k.F.next(!0);else{for(var i,o=null,l=0;l<n.panelList.length;l++)n.panelList[l].panel===C&&(o=n.panelList[l]);if((null===(i=o)||void 0===i?void 0:i.isNew)&&!0===o.isNew)k.F.next(!0);else if(e.isNew&&!0===e.isNew)k.F.next(!0);else{var r=null,c=w;if(c&&c.length>0){for(var s,d=0;d<c.length;d++)c[d].value===S&&(r=c[d]);return(null===(s=r)||void 0===s?void 0:s.isNew)&&!0===r.isNew?void k.F.next(!0):void k.F.next(Je(x,H))}k.F.next(Je(x,H))}}}(e)},src:e.image,alt:e.alt,className:"action-item"})),c.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&c.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},c.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:c.a.createElement(A.a,{id:"button-tooltip-".concat(a)},c.a.createElement("div",{className:"p-1 amarr-h6"},t.windowOptionUnavailableMessage))},c.a.createElement("div",{className:"panel-un-icon unavailable-icon"},c.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_unavailable.svg",alt:"unavailable"})))))})),p&&p.length>fe&&p.map((function(e,n){return n===fe+1&&!ne&&c.a.createElement("li",{className:"panel-design-item more-item-container",key:n,onClick:function(){te(!0),Ie(!0)}},c.a.createElement("div",{className:"window"},c.a.createElement("img",{loading:"lazy",role:"presentation",src:e.image,className:"action-item"})),c.a.createElement("p",{className:"panel-design-block-text body-text3"},"+",p.length-fe),c.a.createElement("h5",{className:"panel-design-more-items"},"+",p.length-fe))})),ze&&c.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",onClick:function(){te(!1),Ie(!1)}},c.a.createElement("h6",{className:"panel-design-less-items"},t.showLessLabel))))),x&&x.length>0&&c.a.createElement("div",{className:"border-b pt-3 pb-2"},c.a.createElement("section",{className:"panel-design window-panel"},c.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.glasssOptionListLabel),c.a.createElement("ul",{className:"d-flex panel-design-container"},x&&x.length>0&&x.map((function(e,a){return(a<De||x.length===De+1&&a===De||me)&&c.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item"),key:a},c.a.createElement("div",{className:"window ".concat(H===e.value?"door-active":"")},c.a.createElement("img",{loading:"lazy",onClick:function(){return function(e){if(G(e.value),k.R.next(C+"-"+P+"-"+S+"-"+e.value),k.m.next(C),k.j.next(S),k.n.next(P),k.k.next(e.value),k.l.next(n.collection+"_"+C+"_"+P+"_"+S+"_"+e.value),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)k.F.next(!0);else{for(var t,a=null,i=0;i<n.panelList.length;i++)n.panelList[i].panel===C&&(a=n.panelList[i]);if((null===(t=a)||void 0===t?void 0:t.isNew)&&!0===a.isNew)k.F.next(!0);else if(e.isNew&&!0===e.isNew)k.F.next(!0);else{var o=null,l=p;if(l&&l.length>0){for(var r,c=0;c<l.length;c++)l[c].value===P&&(o=l[c]);if((null===(r=o)||void 0===r?void 0:r.isNew)&&!0===o.isNew)return void k.F.next(!0);var s=Je(w,S);k.F.next(s)}else k.F.next(!1)}}}(e)},src:e.image,alt:e.alt,className:"action-item"})),c.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&c.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},c.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:c.a.createElement(A.a,{id:"button-tooltip-".concat(a)},c.a.createElement("div",{className:"p-1 amarr-h6"},t.glassOptionUnavailableMessage))},c.a.createElement("div",{className:"panel-un-icon unavailable-icon"},c.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_unavailable.svg",alt:"unavailable"})))))})),x&&x.length>De&&x.map((function(e,n){return n===fe+1&&!me&&c.a.createElement("li",{className:"panel-design-item more-item-container",key:n,onClick:function(){pe(!0),Ve(!0)}},c.a.createElement("div",{className:"window"},c.a.createElement("img",{loading:"lazy",src:e.image,className:"action-item"})),c.a.createElement("p",{className:"panel-design-block-text body-text3"},"+",x.length-De),c.a.createElement("h5",{className:"panel-design-more-items"},"+",x.length-De))})),Ge&&c.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",onClick:function(){pe(!1),Ve(!1)}},c.a.createElement("h6",{className:"panel-design-less-items"},t.showLessLabel))))),c.a.createElement("div",{className:"pt-3 pb-2"},c.a.createElement("section",{className:"panel-design"},c.a.createElement("h2",{className:"panel-design-title amarr-h6"},t.colorListLabel),c.a.createElement("ul",{className:"d-flex panel-design-container"},w&&w.length>0&&w.map((function(e,a){return(a<ke||w.length===ke+1&&a===ke||oe)&&c.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item color-circle"),key:a},c.a.createElement("span",{onClick:function(){return function(e){M(e.value);var t=C+"-"+P+"-"+e.value,a=n.collection+"_"+C+"_"+P+"_"+e.value;if(H&&(t=C+"-"+P+"-"+e.value+"-"+H,a=n.collection+"_"+C+"_"+P+"_"+e.value+"_"+H),k.R.next(t),k.m.next(C),k.j.next(e.value),k.n.next(P),k.k.next(H),k.l.next(a),(null===n||void 0===n?void 0:n.isNew)&&!0===n.isNew)k.F.next(!0);else{for(var i,o=null,l=0;l<n.panelList.length;l++)n.panelList[l].panel===C&&(o=n.panelList[l]);if((null===(i=o)||void 0===i?void 0:i.isNew)&&!0===o.isNew)k.F.next(!0);else{var r=null,c=p;if(c&&c.length>0){for(var s,d=0;d<c.length;d++)c[d].value===P&&(r=c[d]);if((null===(s=r)||void 0===s?void 0:s.isNew)&&!0===r.isNew)return void k.F.next(!0);e.isNew&&!0===e.isNew?k.F.next(!0):k.F.next(Je(x,H))}else e.isNew&&!0===e.isNew?k.F.next(!0):k.F.next(Je(x,H))}}}(e)},className:"action-item door-color ".concat(S===e.value?"door-active":""),style:null!=e.colorImage?{backgroundImage:"url("+e.colorImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}:{backgroundColor:"#"+e.hexCode}}),c.a.createElement("p",{className:"panel-design-block-text body-text3"},e.name),!1===e.available&&c.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable color-unavailable")},c.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:c.a.createElement(A.a,{id:"button-tooltip-".concat(a)},c.a.createElement("div",{className:"p-1 amarr-h6"},t.colorUnavailableMessage))},c.a.createElement("div",{className:"color-un-icon unavailable-icon"},c.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_unavailable.svg",alt:t.colorUnavailableMessage})))))})),w&&w.length>ke&&w.map((function(e,n){return n===ke+1&&!oe&&c.a.createElement("li",{className:"panel-design-item more-item-container color-circle",key:n,onClick:function(){le(!0),We(!0)}},c.a.createElement("span",{className:"action-item door-color",style:{background:"#"+e.value}},c.a.createElement("h5",{className:"color-design-more-items"},"+",w.length-ke)))})),Fe&&c.a.createElement("li",{className:"panel-design-item more-item-container w-100 d-flex align-items-center justify-content-center",onClick:function(){le(!1),We(!1)}},c.a.createElement("h6",{className:"panel-design-more-items panel-design-less-items"},t.showLessLabel))))),c.a.createElement("div",{className:"modal fade alert-popup",id:"icon-popup",role:"dialog","aria-hidden":"true"},c.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},c.a.createElement("div",{className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},c.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),c.a.createElement("div",{className:"modal-body text-left feature-icons-body"},c.a.createElement("h4",{className:"mb-3"},q.name),c.a.createElement("div",{className:"row"},c.a.createElement("div",{className:"col-lg-3"},c.a.createElement("img",{role:"presentation",loading:"lazy",src:q.popupimage,alt:q.popupalt})),c.a.createElement("div",{className:"col-lg-9"},c.a.createElement("p",{className:"body-text1",dangerouslySetInnerHTML:{__html:q.desc}}))))))))},M=function(e){var n=e.doorDetails,t=e.content,a=Object(r.useState)(!1),i=Object(l.a)(a,2),o=i[0],s=i[1],d=Object(r.useState)(!1),m=Object(l.a)(d,2),p=m[0],g=m[1];Object(r.useEffect)((function(){var e=!1;if(window.self!==window.top&&(g(!0),e=!0),!1===e&&localStorage.getItem("product-fav")){var t=localStorage.getItem("product-fav"),a=JSON.parse(t),i=!1;a.forEach((function(e){e.data.id===n.id&&(i=!0)})),s(i)}}),[]);return c.a.createElement("section",null,c.a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-1"},c.a.createElement("h1",{className:"opener-details-heading m-0"},n.productName),(null===n||void 0===n?void 0:n.isNew)&&n.isNew&&c.a.createElement("span",{className:"body-text3 new-icon"},t.newFlagText),!1===p&&"operators"!==t.productType&&t.favoritesLabel&&""!==t.favoritesLabel&&c.a.createElement("a",{onClick:function(){s(!o);var e={id:n.id,title:n.productName,thumbnailImage:window.location.origin+n.images[0].url,type:n.type,url:window.location.href};if("accessory"===n.type&&(e.description=n.shortDescription),"openers"===n.type&&(e.motorWarranty=n.warrantyMotor,e.partsWarranty=n.warrantyParts,n.series&&(e.series=n.series),n.drive&&(e.drive=n.drive),n.force&&(e.force=n.force),n.horsePower&&(e.horsePower=n.horsePower)),!1===o)if(!1===p&&localStorage.getItem("product-fav")){var t=localStorage.getItem("product-fav"),a=JSON.parse(t),i=!1;a.forEach((function(e){e.data.id===n.id&&(i=!0)})),!1===i&&(a.push({data:e,time:new Date}),localStorage.setItem("product-fav",JSON.stringify(a)))}else{var l=[];l.push({data:e,time:new Date}),!1===p&&localStorage.setItem("product-fav",JSON.stringify(l))}else if(!1===p&&localStorage.getItem("product-fav")){var r=localStorage.getItem("product-fav"),c=JSON.parse(r),d=-1;c.forEach((function(e,t){e.data.id===n.id&&(d=t)})),c.splice(d,1),localStorage.setItem("product-fav",JSON.stringify(c))}}},!0===o?c.a.createElement("img",{loading:"lazy",className:"rating-fill",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav-red-fill.svg",alt:"Favorite"}):c.a.createElement("img",{loading:"lazy",className:"rating-fill",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic-fav.svg",alt:"Favorite"}))))},U=t(43),T=t.n(U),C=function(e){var n=e.doorDetails,t=e.content;Object(r.useEffect)((function(){}),[]);return c.a.createElement("section",null,c.a.createElement("div",{className:"d-flex align-items-center pb-1"},c.a.createElement("h1",{className:"amarr-h3 font-weight-semi mb-0"},n.productName),n.isNew&&c.a.createElement("span",{className:"new-icon body-text3"},t.newFlagText)),c.a.createElement("div",{className:"door-header-power-reviews pb-3 border-b"},c.a.createElement("div",{id:"pr-reviewsnippet"})),c.a.createElement("div",{className:"py-3"},c.a.createElement("div",{className:"body-text2 enable-list-style",dangerouslySetInnerHTML:{__html:n.description}})),c.a.createElement("div",{className:"row col-xl-8 col-12 mb-3 mb-md-0 commercial-bottom-space"},n.productDocuments&&n.productDocuments.length>0&&c.a.createElement("div",{className:"list-width pb-3"},c.a.createElement("h2",{className:"amarr-h5 mb-2"},t.productDocumentsLabel),c.a.createElement("div",null,n.productDocuments.map((function(e,n){return c.a.createElement("div",{className:"list-item",key:n},c.a.createElement("p",{className:"body-text2 mb-0 text-container mr-2 mr-md-0"},e.title),e.items.map((function(e,n){return c.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(k.b)(),d.a.get(n,{responseType:"blob"}).then((function(e){return T.a.saveAs(e.data,t),Object(k.O)(),e}),(function(e){Object(k.O)()})).catch((function(e){Object(k.O)()}))));var n,t}},"pdf"===e.extension&&c.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pdf-color.svg",alt:"pdf icon"}),"dwg"===e.extension&&c.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dwg-color.svg",alt:"dwg icon"}),"dxf"===e.extension&&c.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/dxf-color.svg",alt:"dxf icon"}),"rfa"===e.extension&&c.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rfa-color.svg",alt:"rfa icon"}),"skp"===e.extension&&c.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/skp-color.svg",alt:"skp icon"}),"doc"===e.extension&&c.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/doc-color.svg",alt:"doc icon"}),"docx"===e.extension&&c.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/docx-color.svg",alt:"docx icon"}),"rtf"===e.extension&&c.a.createElement("img",{loading:"lazy",className:"pt-2 pt-md-0",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/rtf-color.svg",alt:"rtf icon"}))})))})))),t.productLinksLabel&&t.productLinksCta&&c.a.createElement("div",null,c.a.createElement("h2",{className:"amarr-h5"},t.productLinksLabel),c.a.createElement("div",null,"noTheme"===t.productLinksCta.color&&t.productLinksCta.isInternal&&c.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction},t.productLinksCta.label,c.a.createElement("img",{loading:"lazy",className:"pl-2",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_link.svg",alt:"link icon"})),"noTheme"===t.productLinksCta.color&&!t.productLinksCta.isInternal&&"_self"===t.productLinksCta.linkAction&&c.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction},t.productLinksCta.label,c.a.createElement("img",{loading:"lazy",className:"pl-2",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_link.svg",alt:"link icon"})),"noTheme"===t.productLinksCta.color&&!t.productLinksCta.isInternal&&"_blank"===t.productLinksCta.linkAction&&c.a.createElement("a",{className:"amarrHighlight",href:t.productLinksCta.url,target:t.productLinksCta.linkAction,rel:"noopener"},t.productLinksCta.label,c.a.createElement("img",{loading:"lazy",className:"pl-2",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_link.svg",alt:"link icon"})),"noTheme"!==t.productLinksCta.color&&c.a.createElement(m.a,{label:Object(k.i)(t.productLinksCta.label),link:!0,linkHref:t.productLinksCta.url,target:t.productLinksCta.linkAction,inverse:"inverse"===t.productLinksCta.color})))))},z=x.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;}}"],h.b.mobileMax,h.b.tabletPortraitAndUp,h.b.desktopMin,h.b.mediumDesktopAndUp3Max,h.b.desktopAndUpMax),I=function(e){var n,t,a=e.doorDetails,i=Object(r.useState)({featureTitle:"",featureDescription:"",featureImage:"",imageAltText:"",featureIconImage:"",iconImageAltText:""}),o=Object(l.a)(i,2),s=o[0],d=o[1];return Object(r.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")})),c.a.createElement("section",{className:"door-overview door-details-ul door-details-li body-text2"},c.a.createElement("div",{className:"overview-content",dangerouslySetInnerHTML:{__html:a.data.body.text}}),a.data.specificationLabel&&a.data.specificationList&&a.data.specificationList.length>0&&a.data.colNameList&&a.data.colNameList.length>0&&c.a.createElement("div",{className:"overview-content"},c.a.createElement("h4",{className:"pb-2 amarr-h5"},a.data.specificationLabel),c.a.createElement("div",{className:"row specification"},c.a.createElement("div",{className:"table-responsive"},c.a.createElement("table",{className:"table table-striped",role:"table"},c.a.createElement("thead",null,c.a.createElement("tr",null,c.a.createElement("th",null),a.data.colNameList&&a.data.colNameList.length>0&&a.data.colNameList.map((function(e,n){return c.a.createElement("th",{key:n},e.text)})))),c.a.createElement("tbody",null,a.data.specificationList&&a.data.specificationList.length>0&&a.data.specificationList.map((function(e,n){return c.a.createElement("tr",{key:n},c.a.createElement("th",null,e.specificationName),e.specificationValues&&e.specificationValues.length>0&&e.specificationValues.map((function(e,n){return c.a.createElement("td",{key:n},e.text)})))}))))))),a.data.featuresLabel&&a.data.featuresList&&a.data.featuresList.length>0&&c.a.createElement("div",{className:"overview-content"},a.data.featuresLabelHeadingStyle&&""!==a.data.featuresLabelHeadingStyle?c.a.createElement(a.data.featuresLabelHeadingStyle,null,c.a.createElement("div",{className:"pb-1"},a.data.featuresLabel)):c.a.createElement("h4",{className:"pb-1"},a.data.featuresLabel),c.a.createElement("div",{className:"overview-features"},a.data.featuresList&&a.data.featuresList.length>0&&a.data.featuresList.map((function(e,n){return c.a.createElement("div",{className:"feature-item",key:n},c.a.createElement("div",{className:"feature-item-img-container"},c.a.createElement("img",{loading:"lazy",className:"",src:e.featureIconImage,alt:e.iconImageAltText,onClick:function(){return d(e)},"data-toggle":"modal",role:"presentation","data-target":"#icon-popup1"})),c.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)&&c.a.createElement("div",{dangerouslySetInnerHTML:{__html:a.data.bottomText.text}}),c.a.createElement("div",{className:"modal fade alert-popup",id:"icon-popup1",role:"dialog","aria-hidden":"true"},c.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},c.a.createElement("div",{className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},c.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),c.a.createElement("div",{className:"modal-body text-left feature-popup-body"},c.a.createElement("h4",{className:"mb-3"},null===s||void 0===s?void 0:s.featureTitle),c.a.createElement("div",{className:"row"},c.a.createElement("div",{className:"".concat((null===s||void 0===s?void 0:s.featureDescription)?"col-lg-4":"")},c.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)&&c.a.createElement("div",{className:"col-lg-8"},c.a.createElement("p",{className:"body-text1 pt-2 pt-lg-0",dangerouslySetInnerHTML:{__html:null===s||void 0===s?void 0:s.featureDescription}}))))))))},_=function(e){var n=e.doorDetails,t=e.content,a=Object(r.useState)([]),i=Object(l.a)(a,2),o=i[0],s=i[1],m=Object(r.useState)(!1),p=Object(l.a)(m,2),g=p[0],u=p[1],b=Object(r.useState)(""),x=Object(l.a)(b,2),h=x[0],v=x[1],f=Object(r.useState)([]),w=Object(l.a)(f,2),y=w[0],E=w[1],N=Object(r.useState)(""),j=Object(l.a)(N,2),D=j[0],S=j[1],M=Object(r.useState)(""),U=Object(l.a)(M,2),T=U[0],C=U[1],z=Object(r.useState)(""),I=Object(l.a)(z,2),_=I[0],P=I[1],F=Object(r.useState)(""),W=Object(l.a)(F,2),R=W[0],H=W[1];Object(r.useEffect)((function(){G(),Object(k.A)().subscribe((function(e){u(e)}))}),[]);var G=function(){Object(k.b)(),d.a.get(n.apiPath).then((function(e){var n,t,a=e.data.designOptions;s(a),v(null===(n=e.data.body)||void 0===n?void 0:n.text),E(e.data.colorsList),S(e.data.colorsLabel),H(null===(t=e.data.materialOptions)||void 0===t?void 0:t.text),Object(k.O)()}),(function(e){Object(k.O)()})).catch((function(e){Object(k.O)()}))};return c.a.createElement("section",{className:"design-options door-details-ul"},g&&c.a.createElement(O.a,null),c.a.createElement("div",{className:"".concat(R&&"enable-list-style mb-3"),dangerouslySetInnerHTML:{__html:R}}),c.a.createElement("ul",null,o&&o.length>0&&o.map((function(e,n){return c.a.createElement("li",{className:"design-options-section",key:n},c.a.createElement("h4",{className:"door-title amarr-h5"},e.label),e.images&&e.images.length&&c.a.createElement("ul",{className:"door-image-block my-3"},e.images.map((function(e,n){return c.a.createElement("li",{className:"image-text-li-container",key:n},c.a.createElement("div",{className:"door-img-container"},c.a.createElement("img",{loading:"lazy","data-toggle":"modal","data-target":"#image-popup",onClick:function(){return function(e){C(e.url),P(e.altText)}(e)},src:e.url,alt:e.altText})),c.a.createElement("p",{className:"door-text body-text2"},e.title))}))))}))),c.a.createElement("h4",{className:"amarr-h5"},D),c.a.createElement("div",{className:"panel-design pb-4 mb-4"},c.a.createElement("ul",{className:"d-flex design-options-container"},y&&y.length>0&&y.map((function(e,n){return c.a.createElement("li",{className:"".concat(!1===e.available&&"unavailable-img"," panel-design-item color-circle-tab"),key:n},c.a.createElement("span",{className:"action-item door-color",style:null!=e.colorImage?{backgroundImage:"url("+e.colorImage+")",backgroundRepeat:"no-repeat",backgroundSize:"cover"}:{backgroundColor:"#"+e.hexCode}}),c.a.createElement("p",{className:"panel-design-block-text body-text3"},e.colorTitle),!1===e.available&&c.a.createElement("div",{className:"".concat(!1===e.available&&"unavailable")},c.a.createElement(L.a,{placement:"top",delay:{show:250,hide:250},overlay:c.a.createElement(A.a,{id:"button-tooltip-".concat(n)},c.a.createElement("div",{className:"p-1 amarr-h6"},t.colorUnavailableMessage))},c.a.createElement("div",{className:"panel-un-icon unavailable-icon"},c.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/ic_unavailable.svg",alt:"unavailable"})))))})))),c.a.createElement("div",{dangerouslySetInnerHTML:{__html:h}}),c.a.createElement("div",{className:"modal fade alert-popup zoom-popup",id:"image-popup",role:"dialog","aria-hidden":"true"},c.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},c.a.createElement("div",{className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},c.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),c.a.createElement("div",{className:"modal-body text-center"},c.a.createElement("img",{loading:"lazy",role:"presentation",src:T,alt:_}))))))},P=function(e){var n=e.doorDetails,t=Object(r.useState)([]),a=Object(l.a)(t,2),i=a[0],o=a[1],s=Object(r.useState)([]),m=Object(l.a)(s,2),p=m[0],g=m[1],u=Object(r.useState)(""),b=Object(l.a)(u,2),x=b[0],h=b[1],v=Object(r.useState)(""),f=Object(l.a)(v,2),w=f[0],y=f[1],E=Object(r.useState)(""),N=Object(l.a)(E,2),j=(N[0],N[1]),D=Object(r.useState)(!1),L=Object(l.a)(D,2),A=L[0],S=L[1];Object(r.useEffect)((function(){M(),U(),Object(k.A)().subscribe((function(e){S(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 M=function(){var e="";n.forEach((function(n){"standardDoorDesignsTab"===n.type&&(e=n.apiPath)})),e.length>0&&(Object(k.b)(),d.a.get(e).then((function(e){o(e.data),Object(k.O)()}),(function(e){Object(k.O)()})).catch((function(e){Object(k.O)()})))},U=function(){var e="";n.forEach((function(n){"mosaicDoorDesignsTab"===n.type&&(e=n.apiPath)})),e.length>0&&(Object(k.b)(),d.a.get(e).then((function(e){g(e.data),Object(k.O)()}),(function(e){Object(k.O)()})).catch((function(e){Object(k.O)()})))},T=function(e,n){h(e.image),y(e.altText),j(n)};return c.a.createElement("section",{className:"door-style door-details-ul"},A&&c.a.createElement(O.a,null),c.a.createElement("div",{className:"tab-heading sub-tabs"},c.a.createElement("div",{className:""},c.a.createElement("ul",{className:"nav nav-tabs"},n&&n.length>0&&n.map((function(e,n){return c.a.createElement("li",{key:n},"standardDoorDesignsTab"===e.type&&c.a.createElement("a",{"data-toggle":"tab",href:"#door-style",className:"style-tabs body-text1"},e.text),"mosaicDoorDesignsTab"===e.type&&p&&p.length>0&&c.a.createElement("a",{"data-toggle":"tab",href:"#mosaic-style",className:"style-tabs body-text1"},e.text))}))))),c.a.createElement("div",{className:"tab-content"},c.a.createElement("div",{id:"door-style",className:"style-pane tab-pane fade door-style-ul"},i&&i.length>0&&c.a.createElement("ul",{className:"door-image-block my-3"},i.map((function(e,n){return c.a.createElement("li",{className:"image-text-li-container",key:n},c.a.createElement("div",{className:"door-img-container"},e.images&&e.images.length>0&&e.images.map((function(e,t){return c.a.createElement("img",{loading:"lazy",key:t,"data-toggle":"modal","data-target":"#imagePopUp",src:e.thumbnailImage,alt:e.altText,role:"presentation",onClick:function(){return T(e,"image-popup-doorstyle-"+n)}})}))),c.a.createElement("p",{className:"door-text body-text2"},e.title))})))),c.a.createElement("div",{id:"mosaic-style",className:"style-pane tab-pane fade"},p&&p.length>0&&c.a.createElement("ul",{className:"door-image-block my-3 mosiac-style-ul"},p.map((function(e,n){return c.a.createElement("li",{className:"mosaic-tile",key:n},c.a.createElement("div",{className:"door-img-container"},c.a.createElement("img",{loading:"lazy","data-toggle":"modal","data-target":"#imagePopUp",src:e.thumbnailImage,alt:e.altText,role:"presentation",onClick:function(){return T(e,"image-popup-mosaic-"+n)}})),c.a.createElement("p",{className:"door-text body-text2"},e.title))}))))),c.a.createElement("div",{className:"modal fade alert-popup zoom-popup",id:"imagePopUp",role:"dialog","aria-hidden":"true"},c.a.createElement("div",{className:"modal-dialog modal-dialog-centered",role:"document"},c.a.createElement("div",{className:"modal-content"},c.a.createElement("div",{className:"modal-header"},c.a.createElement("button",{type:"button",className:"close cursor-pointer","data-dismiss":"modal","aria-label":"Close"},c.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),c.a.createElement("div",{className:"modal-body text-center"},c.a.createElement("img",{loading:"lazy",src:x,alt:w,role:"presentation"}))))))},F=function(e){var n=e.doorDetails,t=Object(r.useState)([]),a=Object(l.a)(t,2),i=a[0],o=a[1],s=Object(r.useState)(),m=Object(l.a)(s,2),p=m[0],g=m[1],u=Object(r.useState)(),b=Object(l.a)(u,2),x=b[0],h=b[1],v=Object(r.useState)(!1),f=Object(l.a)(v,2),w=f[0],y=f[1];Object(r.useEffect)((function(){E(),Object(k.A)().subscribe((function(e){y(e)}))}),[]);var E=function(){Object(k.b)(),d.a.get(n.apiPath).then((function(e){g(e.data.headingStyle),h(e.data.header.text),o(e.data.productDocumentTab),Object(k.O)()}),(function(e){Object(k.O)()})).catch((function(e){Object(k.O)()}))};return c.a.createElement("section",{className:"brochures-installation door-details-ul"},w&&c.a.createElement(O.a,null),"h1"===p&&c.a.createElement("h1",null,x),"h2"===p&&c.a.createElement("h2",null,x),"h3"===p&&c.a.createElement("h3",null,x),"h4"===p&&c.a.createElement("h4",null,x),"h5"===p&&c.a.createElement("h5",null,x),"h6"===p&&c.a.createElement("h6",null,x),i&&i.length>0&&c.a.createElement("ul",{className:"door-image-block my-3"},i.map((function(e,n){return c.a.createElement("li",{className:"brochure-image-container",key:n},c.a.createElement("div",{className:"door-img-container"},c.a.createElement("a",{href:e.path,target:"_blank"},c.a.createElement("img",{loading:"lazy",src:e.image.url,role:"presentation",alt:e.imagealtText?e.imagealtText:e.name}))),c.a.createElement("a",{className:"door-text amarr-h5",href:e.path,target:"_blank",id:e.name},e.name))}))))},W=function(e){var n=e.doorDetails;return c.a.createElement("section",null,n.data&&n.data.length>0&&n.data.map((function(e,n){return c.a.createElement("div",{className:"accessory-container",key:n},e.images&&e.images.length>0&&c.a.createElement("a",{href:e.url,className:"img-container"},c.a.createElement("img",{loading:"lazy",role:"presentation",src:e.images[0].url,alt:e.images[0].altText})),c.a.createElement("div",null,c.a.createElement("a",{href:e.url,className:"color-heading"},c.a.createElement("h4",{className:"accessory-header m-0 amarr-h5"},e.productName)),c.a.createElement("div",{className:"body-text2",dangerouslySetInnerHTML:{__html:e.shortDescription}})))})))},R=function(e){var n=e.doorDetails;return c.a.createElement("section",null,n.data&&n.data.length>0&&n.data.map((function(e,n){return c.a.createElement("div",{className:"accessory-container",key:n},c.a.createElement("a",{href:e.url,className:"img-container"},e.images&&e.images.length>0&&c.a.createElement("img",{loading:"lazy",role:"presentation",src:e.images[0].url,alt:e.images[0].altText})),c.a.createElement("div",null,c.a.createElement("a",{href:e.url,className:"color-heading"},c.a.createElement("h4",{className:"accessory-header m-0 amarr-h5"},e.productName)),c.a.createElement("div",{className:"body-text2",dangerouslySetInnerHTML:{__html:e.shortDescription}})))})))},H=function(e){var n=e.doorDetails;return c.a.createElement("section",{className:"brochures-installation door-details-ul"},c.a.createElement(n.data.headingStyle,null,n.data.header.text),c.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 c.a.createElement("li",{key:n,className:"brochure-image-container"},c.a.createElement("div",{className:"door-img-container"},c.a.createElement("a",{href:e.path,target:"_blank","aria-label":e.image.altText},c.a.createElement("img",{loading:"lazy",src:e.image.url,alt:e.image.altText?e.image.altText:e.name}))),c.a.createElement("a",{href:e.path,className:"amarr-h5 door-text",target:"_blank","aria-label":e.image.altText},e.name))}))))},G=function(){return c.a.createElement("section",{className:"door-header"},c.a.createElement("div",{id:"pr-reviewdisplay"}))},V=t(45),J=t.n(V),B=(t(69),t(70),x.default.section.withConfig({displayName:"styles__Content",componentId:"sc-1u8786f-0"})([".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{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;}}}&-prev{left:2.5%;&:before{background-image:url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-left-carousel.svg);}}&-next{right:2.5%;&:before{background-image:url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-right-carousel.svg);}}&-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{@media screen and (min-width:1024px) and (max-width:1280px){max-height:70px;}}}.slick-slider-container{gap:10px;img{@media screen and (min-width:1024px) and (max-width:1280px){max-height:230px;}}}&.slick-slider-custom{.slider-background{padding:20px;@media screen and (min-width:1281px) and (max-width:1440px){padding:20px 60px;}@media screen and (min-width:1024px) and (max-width:1280px){padding:20px 46px;}@media screen and (min-width:768px) and (max-width:1023px){padding:20px 36px;}@media screen and (max-width:767px){padding:0;}}}}"],h.b.mediumDesktopMin,h.b.mediumDesktopAndUp4Max,h.b.desktopAndUp,h.b.smallDesktopAndUp2Max,h.b.tabletPortraitAndUp,h.b.desktop2Max,h.b.mobileMax,h.b.smallDesktopAndUp3Max,h.b.tabletPortraitAndUp,h.b.desktopMin,h.b.smallDesktopAndUp2Max,h.b.mediumDesktopMin,h.b.mediumDesktopAndUp3Max,h.b.mediumDesktopAndUp3Max,h.b.smallDesktopAndUp2Max)),q=function(e){var n=e.doorDetails,t=Object(r.useState)([]),a=Object(l.a)(t,2),i=a[0],o=a[1],s=Object(r.useState)(!1),p=Object(l.a)(s,2),g=p[0],u=p[1],b=Object(r.useState)([]),x=Object(l.a)(b,2),h=x[0],v=x[1],f=Object(r.useState)(!1),w=Object(l.a)(f,2),y=w[0],E=w[1],N=Object(r.useState)(),j=Object(l.a)(N,2),D=j[0],L=j[1],A=Object(r.useState)(),S=Object(l.a)(A,2),M=S[0],U=S[1],T=[],C=[];c.a.useEffect((function(){setTimeout((function(){L(T),U(C)}),1e3)}),[T,C]),Object(r.useEffect)((function(){z(),Object(k.A)().subscribe((function(e){u(e)}))}),[]);var z=function(){Object(k.b)(),d.a.get(n.apiPath).then((function(e){if(o(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})})),v(n),E(n.length>8)}Object(k.O)()}),(function(e){Object(k.O)()})).catch((function(e){Object(k.O)()}))},I={dots:!1,infinite:!!y,speed:500,arrows:!1,slidesToShow:1,slidesToScroll:1,focusOnSelect:!0,centerMode:!1,initialSlide:0,swipeToSlide:!0},_={dots:!1,infinite:!!y,speed:500,arrows:!!y,slidesToScroll:1,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 c.a.createElement(B,null,c.a.createElement("section",null,g&&c.a.createElement(O.a,null),c.a.createElement("section",{className:"slick-slider-custom slick-slider-custom-gallery"},c.a.createElement(J.a,Object.assign({asNavFor:M,ref:function(e){return T=e}},I),i&&i.length>0&&i.map((function(e,n){var t,a,i,o,l,r,s;return c.a.createElement("div",{key:n,className:"slick-slider-container","aria-label":(null===e||void 0===e||null===(t=e.image)||void 0===t?void 0:t.altText)?null===e||void 0===e||null===(a=e.image)||void 0===a?void 0:a.altText:""},c.a.createElement("div",null,c.a.createElement("img",{loading:"lazy",role:"presentation",src:null===e||void 0===e||null===(i=e.image)||void 0===i?void 0:i.url,key:n,alt:(null===e||void 0===e||null===(o=e.image)||void 0===o?void 0:o.altText)?null===e||void 0===e||null===(l=e.image)||void 0===l?void 0:l.altText:""})),c.a.createElement("div",null,c.a.createElement("h4",{className:"amarr-h2"},null===e||void 0===e||null===(r=e.header)||void 0===r?void 0:r.text),c.a.createElement("div",{dangerouslySetInnerHTML:{__html:null===e||void 0===e||null===(s=e.body)||void 0===s?void 0:s.text}}),e.cta&&e.cta.visible&&c.a.createElement(m.a,{label:Object(k.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:"",i=e.glass?e.glass:"";i&&n+"/"+t+"/"+a+"/"+i,k.z.next(i),$("html, body").animate({scrollTop:0},500)}}(e)}})))}))),c.a.createElement("section",{className:"".concat(y&&"showMoreIcon"," pt-4 nav-slider ")},c.a.createElement(J.a,Object.assign({asNavFor:D,ref:function(e){C=e,null===e||void 0===e||e.slickGoTo(0)}},_),h&&h.length>0&&h.map((function(e,n){return c.a.createElement("img",{loading:"lazy",role:"presentation",src:e.url+"/jcr:content/renditions/thumbnail-150-100.jpeg",key:n,alt:e.altText})})))))))},Z=t(61),K=function(e){var n=e.doorDetails,t=(e.content,Object(r.useState)([])),a=Object(l.a)(t,2),i=a[0],o=a[1],s=Object(r.useState)(!1),m=Object(l.a)(s,2),p=m[0],g=m[1];Object(r.useEffect)((function(){u(),Object(k.A)().subscribe((function(e){g(e)}))}),[]);var u=function(){Object(k.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})),o(n),Object(k.O)()}),(function(e){Object(k.O)()})).catch((function(e){Object(k.O)()}))};return c.a.createElement("section",null,p&&c.a.createElement(O.a,null),o&&o.length>0&&i.map((function(e,n){return c.a.createElement("div",{className:"details-searchable-list",key:n},c.a.createElement(Z.a,{content:Object(k.U)(JSON.stringify(e)),theme:""}))})))},Q=function(e){e.sectionName,e.searchableListData;var n=e.doorDetails,t=e.content;return Object(r.useEffect)((function(){setTimeout((function(){var e,n,t,a=document.getElementsByClassName("collection-tabs"),i=document.getElementsByClassName("collection-tab-pane");null===(e=a[0])||void 0===e||e.classList.add("active"),null===(n=i[0])||void 0===n||n.classList.add("active"),null===(t=i[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)}),[]),c.a.createElement(z,null,n.tabs&&n.tabs.length>0&&c.a.createElement("section",null,c.a.createElement("div",{className:"tab-heading"},c.a.createElement("div",{className:"container inner-container"},c.a.createElement("ul",{className:"nav nav-tabs"},n.tabs.map((function(e,n){return c.a.createElement("li",{key:n,className:"body-text1"},c.a.createElement("a",{id:"".concat(e.type,"-click"),className:"collection-tabs","data-toggle":"tab",href:"#".concat(e.type)},c.a.createElement("h3",{className:"body-text1 mb-0 font-weight-normal"},e.text)))}))))),c.a.createElement("div",{className:"container inner-container tab-content"},n.tabs.map((function(e,n){return c.a.createElement("div",{id:e.type,key:n,className:"tab-pane fade collection-tab-pane"},"overviewTab"===e.type&&c.a.createElement(I,{doorDetails:e}),"designOptionsTab"===e.type&&c.a.createElement(_,{doorDetails:e,content:t}),"drawingsTab"===e.type&&c.a.createElement(K,{doorDetails:e}),"doorStylesTab"===e.type&&c.a.createElement(P,{doorDetails:e.subTabItems}),"brochuresTab"===e.type&&c.a.createElement(F,{doorDetails:e}),"galleryTab"===e.type&&c.a.createElement(q,{doorDetails:e}),"reviewsTab"===e.type&&c.a.createElement(G,null),"optionalAccessoryTab"===e.type&&c.a.createElement(W,{doorDetails:e}),"includedAccessoryTab"===e.type&&c.a.createElement(R,{doorDetails:e}),"productDocumentsTab"===e.type&&c.a.createElement(H,{doorDetails:e}))})))))},X=t(63),Y=function(e){var n=e.doorDetails,t=e.productSlider,a=void 0!==t&&t,i=e.productType,o=void 0===i?"":i,s=Object(r.useState)([]),d=Object(l.a)(s,2),m=d[0],p=d[1],g=Object(r.useState)([]),u=Object(l.a)(g,2),b=u[0],x=u[1],h=Object(r.useState)(!1),v=Object(l.a)(h,2),f=v[0],w=v[1],y=Object(r.useState)(!1),E=Object(l.a)(y,2),O=E[0],N=E[1],j=Object(r.useState)(),D=Object(l.a)(j,2),L=D[0],A=D[1],S=Object(r.useState)(),M=Object(l.a)(S,2),U=M[0],T=M[1],C=[],z=[],I=n.rootImagePath,_={dots:!1,infinite:!1,speed:500,arrows:!!f,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}}]};return c.a.useEffect((function(){setTimeout((function(){A(C),T(z)}),1e3)}),[C,z]),Object(r.useEffect)((function(){if(null===n||void 0===n?void 0:n.images){p(n.images);var e=[];n.images.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"===o&&(t+=" Commercial Door"),"doors"===o&&(t+=" Garage Door"),n.altText=t}e.push({url:n.url,altText:n.altText})})),x(e),w(e.length>5)}k.l.subscribe((function(e){if(e.length>0&&!0===a){N(!0),p([]),x([]);var t,i="",o=e.split("_");o.shift(),i=I,o[0]&&void 0!==o[0]&&"undefined"!==o[0]&&(i=i+"/"+o[0]),o[1]&&void 0!==o[1]&&"undefined"!==o[1]&&(i=i+"/"+o[1]),i=i+"/"+(o=o.filter((function(e){return"undefined"!==e}))).join("-")+".jpg",t=e.split("_").join(" ")+" Garage Door";var l=JSON.parse(JSON.stringify(n.images)),r=[];n.images.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]}r.push({url:e.url,altText:n})})),l.unshift({url:i,altText:t}),p(l),r.unshift({url:i,altText:t}),x(r),setTimeout((function(){N(!1)}),1)}})),setTimeout((function(){window.scrollTo(0,0)}),2e3)}),[]),c.a.createElement(B,null,c.a.createElement("section",{className:"slick-slider-custom ".concat(window.location.href.indexOf(".garagedoor.com")>-1?"sticky-slider-costco":"sticky-slider-amarr")},c.a.createElement(J.a,Object.assign({asNavFor:U,ref:function(e){return C=e}},{dots:!1,infinite:!1,speed:500,arrows:!0,slidesToShow:1,slidesToScroll:1,swipeToSlide:!0,initialSlide:1,responsive:[{breakpoint:767,settings:{slidesToShow:1,arrows:!0}}]}),m&&m.length>0&&m.map((function(e,n){return c.a.createElement("div",{key:n,className:"slick-slider-container slider-background slider-img-container","aria-label":e.altText?e.altText:""},c.a.createElement("div",{id:"small-loader",className:"".concat(!O&&"img-loading-icon")},c.a.createElement(X.a,null)),c.a.createElement("img",{loading:"lazy",role:"presentation",src:e.url,key:n,alt:e.altText?e.altText:"",className:"".concat(O&&"img-loading"," ").concat(!O&&"img-loading-completed")}))}))),c.a.createElement("section",{className:"".concat(f&&"showMoreIcon"," nav-slider panel-nav-slider ").concat(b.length>1&&(window.location.href.indexOf(".garagedoor.com")>-1?"pt-3":"pt-4"))}," ",c.a.createElement(J.a,Object.assign({asNavFor:L,ref:function(e){z=e,null===e||void 0===e||e.slickGoTo(0)}},_),b&&b.length>1&&b.map((function(e,n){return c.a.createElement("img",{loading:"lazy",role:"presentation",src:e.url+"/jcr:content/renditions/thumbnail-85-92.jpeg",key:n,alt:e.altText?e.altText:""})}))))))},ee={productDetailsApiPath:"",ctaItems:[{label:"",url:"",linkAction:"",color:"",isInternal:!0}],panelListLabel:"",colorListLabel:"",windowOptionsListLabel:"",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:{label:"",url:"",linkAction:"",color:""},showMoreLabel:"",showLessLabel:"",favoritesLabel:""},ne=function(e){var n=g()({},ee,Object(k.g)(e.content)),t=Object(r.useState)(null),a=Object(l.a)(t,2),s=a[0],p=a[1],b=Object(r.useState)(!1),x=Object(l.a)(b,2),h=x[0],v=x[1],D=Object(r.useState)(!1),L=Object(l.a)(D,2),A=L[0],U=L[1],T=Object(r.useState)(!1),z=Object(l.a)(T,2),I=z[0],_=z[1],P=Object(r.useState)(!1),F=Object(l.a)(P,2),W=F[0],R=F[1];Object(r.useEffect)((function(){window.self!==window.top&&R(!0),!n.productType||"openers"!==n.productType&&"operators"!==n.productType?n.productType&&"commercial"===n.productType?H():V():G(),Object(k.A)().subscribe((function(e){v(e)})),matchMedia("(max-width: 768px)").matches&&U(!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"),k.l.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)})),_(a)}})),k.S.subscribe((function(e){_(e)}))}),[]);var H=function(){Object(k.b)(),d.a.get(n.productDetailsApiPath).then(function(){var e=Object(o.a)(i.a.mark((function e(n){var t,a,o;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p(n.data);case 2: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 });",(o=document.createElement("script")).innerHTML=a,document.body.appendChild(o),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(k.O)();case 9:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),(function(e){Object(k.O)()})).catch((function(e){Object(k.O)()}))},G=function(){Object(k.b)(),d.a.get(n.productDetailsApiPath).then((function(e){p(e.data),Object(k.O)()}),(function(e){Object(k.O)()})).catch((function(e){Object(k.O)()}))},V=function(){Object(k.b)(),d.a.get(n.productDetailsApiPath).then(function(){var e=Object(o.a)(i.a.mark((function e(n){var t,a,o;return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p(n.data);case 2: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 });",(o=document.createElement("script")).innerHTML=a,document.body.appendChild(o),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(k.O)();case 9:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),(function(e){Object(k.O)()})).catch((function(e){Object(k.O)()}))},J=function(e){var t=e.doorDetails;return c.a.createElement(c.a.Fragment,null,c.a.createElement("p",{className:"body-text1 order-header-data",dangerouslySetInnerHTML:{__html:t.overview}}),c.a.createElement("div",{className:"button-container pt-2"},n.whereToBuy&&n.whereToBuy.label&&c.a.createElement("div",{className:"cta-item"},c.a.createElement(m.a,{label:Object(k.i)(n.whereToBuy.label),link:!0,linkHref:n.whereToBuy.url,target:n.whereToBuy.linkAction,inverse:"inverse"===n.whereToBuy.color})),t.brochure&&n.brochure.label&&c.a.createElement("div",{className:"cta-item"},c.a.createElement(m.a,{label:Object(k.i)(n.brochure.label),link:!0,linkHref:t.brochure,target:"_blank"})),t.comparison&&n.comparison.label&&c.a.createElement("div",{className:"cta-item"},c.a.createElement(m.a,{label:Object(k.i)(n.comparison.label),link:!0,linkHref:t.comparison,target:"_blank"}))))};return c.a.createElement(w.a,{setter:{componentThemes:u,selectedTheme:e.theme}},c.a.createElement(y.a,null,c.a.createElement(E.a,{padding:!1},c.a.createElement(f,{isReversed:!1},c.a.createElement("section",{className:"container door-details"},h&&c.a.createElement(O.a,null),c.a.createElement("div",{className:"row mt-4 mb-lg-4"},c.a.createElement("div",{className:"col-lg-6 padding-right ".concat(window.location.href.indexOf(".garagedoor.com")>-1?"sticky-content-costco":"sticky-content-amarr")},s&&c.a.createElement("div",null,A&&n.productType&&"doors"===n.productType&&c.a.createElement(j,{doorDetails:s,content:n}),A&&n.productType&&("openers"===n.productType||"operators"===n.productType)&&c.a.createElement("div",{className:"mb-3"},c.a.createElement(M,{doorDetails:s,content:n})),!n.productType||"openers"!==n.productType&&"operators"!==n.productType&&"commercial"!==n.productType?c.a.createElement(Y,{doorDetails:s,productSlider:!0,productType:n.productType}):c.a.createElement(Y,{doorDetails:s,productType:n.productType}),s&&(null===s||void 0===s?void 0:s.carouselFootnote)&&c.a.createElement("div",{className:"carousel-text-color pt-5 mt-3 body-text3 footnote",dangerouslySetInnerHTML:{__html:null===s||void 0===s?void 0:s.carouselFootnote}}))),s&&c.a.createElement("div",{className:"col-lg-6 padding-left ".concat(window.location.href.indexOf(".garagedoor.com")>-1?"right-costco":"right-amarr")},!n.productType||"openers"!==n.productType&&"operators"!==n.productType?n.productType&&"commercial"===n.productType?c.a.createElement(C,{doorDetails:s,content:n}):c.a.createElement("div",null,c.a.createElement("div",{className:"d-lg-block d-none border-b"},c.a.createElement(j,{doorDetails:s,content:n})),c.a.createElement("div",null,c.a.createElement(S,{doorDetails:s,content:n})),(s.textFootnote1||s.textFootnote2)&&c.a.createElement("div",{className:"row body-text3 footnote mt-3"},s.textFootnote1&&c.a.createElement("div",{className:"".concat(s.textFootnote2&&"col-md-6"," ").concat(!s.textFootnote2&&"single-footnote"," col-12 pb-3")},c.a.createElement("div",{className:"d-flex "},c.a.createElement("div",{className:"".concat(s.imageFootnote1&&"mr-3 img-container-footnote")},c.a.createElement("img",{loading:"lazy",src:s.imageFootnote1,alt:s.imageFootnote1AltText})),c.a.createElement("div",{className:"text-container-footnote body-text3",dangerouslySetInnerHTML:{__html:null===s||void 0===s?void 0:s.textFootnote1}}))),s.textFootnote2&&c.a.createElement("div",{className:"".concat(s.textFootnote1&&"col-md-6"," ").concat(!s.textFootnote1&&"single-footnote"," col-12 pb-3")},c.a.createElement("div",{className:"d-flex "},c.a.createElement("div",{className:"".concat(s.imageFootnote2&&"mr-3 img-container-footnote")},c.a.createElement("img",{loading:"lazy",src:s.imageFootnote2,alt:s.imageFootnote2AltText})),c.a.createElement("div",{className:"text-container-footnote body-text3",dangerouslySetInnerHTML:{__html:null===s||void 0===s?void 0:s.textFootnote2}})))),c.a.createElement("div",{className:"cta-list"},!1===W&&n.doorDesign&&function(){var e=s;return!(!e.doorDesignerCode||""===e.doorDesignerCode)}()&&c.a.createElement("div",{className:"cta-list-child"},c.a.createElement(m.a,{onClick:function(e){var t,a;e.preventDefault();var i=null===n||void 0===n||null===(t=n.doorDesign)||void 0===t?void 0:t.url,o=null===k.l||void 0===k.l||null===(a=k.l.value)||void 0===a?void 0:a.split("_"),l=s,r=l.doorDesignerCode,c="",d="",m="",p="",g="";l.panelList&&l.panelList.length>0&&l.panelList.forEach((function(e){e.panel===o[1]&&(c=e.doorDesignerCode,e.colors&&e.colors.length>0&&e.colors.forEach((function(e){e.colorValue===o[3]&&(d=e.doorDesignerCode)})),e.newColor&&e.newColor.length>0&&e.newColor.forEach((function(e){e.colorValue===o[3]&&(d=e.doorDesignerCode)})),e.windowOptionsList&&e.windowOptionsList.length>0&&e.windowOptionsList.forEach((function(e){e.windowOption===o[2]&&(m=e.doorDesignerCode,p=e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.newWindowOption&&e.newWindowOption.length>0&&e.newWindowOption.forEach((function(e){e.windowOption===o[2]&&(m=e.doorDesignerCode,p=e.doorDesignerWindowPlacementCode?e.doorDesignerWindowPlacementCode:"")})),e.glassOptionsList&&e.glassOptionsList.length>0&&e.glassOptionsList.forEach((function(e){e.glassOption===o[4]&&(g=e.doorDesignerCode)})),e.newGlassOption&&e.newGlassOption.length>0&&e.newGlassOption.forEach((function(e){e.glassOption===o[4]&&(g=e.doorDesignerCode)})))})),i=i+"?collection="+r,""!=c&&(i=i+"&panel="+c),""!=p&&(i=i+"&windowPlacement="+p),m&&(i=i+"&window="+m),d&&(i=i+"&color="+d),g&&(i=i+"&glass="+g),window.location.href=i},inverse:"inverse"===n.doorDesign.color,label:Object(k.i)(n.doorDesign.label),link:!0,target:n.doorDesign.linkAction})),n.ctaItems&&n.ctaItems.length>0&&n.ctaItems.map((function(e,n){return c.a.createElement("div",{className:"cta-list-child",key:n},c.a.createElement(m.a,{inverse:"inverse"===e.color,label:Object(k.i)(e.label),link:!0,linkHref:e.url,target:e.linkAction}))})),!1===W&&n.favoritesLabel&&c.a.createElement("div",{className:"cta-list-child"},c.a.createElement(m.a,{onClick:function(){k.x.next(!0)},label:Object(k.i)(n.favoritesLabel),link:!0,disabled:I})))):c.a.createElement(c.a.Fragment,null,!A&&c.a.createElement(M,{doorDetails:s,content:n}),c.a.createElement(J,{doorDetails:s}))))),c.a.createElement("section",null,c.a.createElement("div",{className:"row py-4 door-details no-gutters"},c.a.createElement("div",{className:"col-12"},s&&c.a.createElement(Q,{doorDetails:s,content:n}))))))))};ne.defaultProps={theme:"",content:""};n.a=ne},8:function(e,n,t){"use strict";var a=t(0),i=t.n(a),o=t(5),l=t(20),r=t.n(l),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(l){console.log(l)}var a=n?[r.a]:[];return i.a.createElement(o.StyleSheetManager,{stylisPlugins:a},i.a.createElement(c.Provider,{value:{rtl:n}},e.children))}},9:function(e,n,t){"use strict";t.d(n,"a",(function(){return l}));var a=t(0),i=t.n(a),o=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,r=e.padding,c=void 0===r||r;return i.a.createElement(o,{className:n,maxWidth:l,padding:c},t)}}});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@assaabloy/amarr-wc-collection-details",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.2",
|
|
4
4
|
"description": "Web component - Collection-details",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "collection-details.js",
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"author": "Nagarro",
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"gitHead": "
|
|
14
|
+
"gitHead": "609e20c09ff65c9dac33438e4255513ead6a3195"
|
|
15
15
|
}
|