@assaabloy/amarr-wc-carousel 2.0.21 → 3.0.0

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.
Files changed (2) hide show
  1. package/carousel.js +1 -1
  2. package/package.json +2 -2
package/carousel.js CHANGED
@@ -1 +1 @@
1
- !function(e){function t(t){for(var n,o,d=t[0],l=t[1],c=t[2],p=0,m=[];p<d.length;p++)o=d[p],Object.prototype.hasOwnProperty.call(i,o)&&i[o]&&m.push(i[o][0]),i[o]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n]);for(s&&s(t);m.length;)m.shift()();return r.push.apply(r,c||[]),a()}function a(){for(var e,t=0;t<r.length;t++){for(var a=r[t],n=!0,d=1;d<a.length;d++){var l=a[d];0!==i[l]&&(n=!1)}n&&(r.splice(t--,1),e=o(o.s=a[0]))}return e}var n={},i={6:0},r=[];function o(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,o),a.l=!0,a.exports}o.m=e,o.c=n,o.d=function(e,t,a){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(o.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(a,n,function(t){return e[t]}.bind(null,n));return a},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/";var d=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],l=d.push.bind(d);d.push=t,d=d.slice();for(var c=0;c<d.length;c++)t(d[c]);var s=l;r.push([795,0]),a()}({0:function(e,t){e.exports=React},1:function(e,t,a){"use strict";a.d(t,"g",(function(){return i})),a.d(t,"T",(function(){return r})),a.d(t,"i",(function(){return o})),a.d(t,"C",(function(){return d})),a.d(t,"F",(function(){return l})),a.d(t,"u",(function(){return c})),a.d(t,"A",(function(){return s})),a.d(t,"n",(function(){return p})),a.d(t,"q",(function(){return m})),a.d(t,"H",(function(){return u})),a.d(t,"G",(function(){return x})),a.d(t,"O",(function(){return h})),a.d(t,"D",(function(){return g})),a.d(t,"t",(function(){return f})),a.d(t,"h",(function(){return w})),a.d(t,"s",(function(){return b})),a.d(t,"x",(function(){return v})),a.d(t,"v",(function(){return y})),a.d(t,"B",(function(){return E})),a.d(t,"r",(function(){return k})),a.d(t,"P",(function(){return N})),a.d(t,"p",(function(){return z})),a.d(t,"I",(function(){return S})),a.d(t,"E",(function(){return j})),a.d(t,"Q",(function(){return A})),a.d(t,"l",(function(){return C})),a.d(t,"j",(function(){return T})),a.d(t,"m",(function(){return _})),a.d(t,"k",(function(){return H})),a.d(t,"y",(function(){return M})),a.d(t,"K",(function(){return D})),a.d(t,"w",(function(){return $})),a.d(t,"R",(function(){return Z})),a.d(t,"S",(function(){return P})),a.d(t,"b",(function(){return L})),a.d(t,"N",(function(){return B})),a.d(t,"z",(function(){return U})),a.d(t,"a",(function(){return R})),a.d(t,"d",(function(){return F})),a.d(t,"f",(function(){return J})),a.d(t,"e",(function(){return W})),a.d(t,"V",(function(){return G})),a.d(t,"c",(function(){return q})),a.d(t,"U",(function(){return V})),a.d(t,"J",(function(){return K})),a.d(t,"L",(function(){return Q})),a.d(t,"M",(function(){return X})),a.d(t,"o",(function(){return Y}));var n=a(3),i=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},r=function(e){return btoa(unescape(encodeURIComponent(e)))},o=function(e){return e.toUpperCase()},d=function(e){return e.replaceAll(" ","-").toLowerCase()},l=new n.a(!1),c=new n.a(!1),s=new n.a(!1),p=new n.a(!1),m=new n.a(""),u=new n.a(!1),x=new n.a(!1),h=new n.a(!1),g=new n.a(!1),f=new n.a(!1),w=new n.a(!1),b=new n.a(""),v=new n.a(!0),y=new n.a(!0),E=new n.a(!0),k=new n.a(!0),N=new n.a(!0),z=new n.a(!0),S=new n.a({}),O=new n.a(!1),I=0,j=new n.a(!1),A=new n.a(""),C=new n.a(""),T=new n.a(""),_=new n.a(""),H=new n.a(""),M=new n.a(""),D=new n.a(""),$=new n.a(!1),Z=new n.a(!1),P=new n.a(!1),L=function(){setTimeout((function(){I++,O.next(!0)}),0)},B=function(){setTimeout((function(){I>0&&I--,0==I&&O.next(!1)}),0)},U=function(){return O.asObservable()},R=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)},F=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},J=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},W=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},G=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/.test(e)},q=function(e){return/^[0-9]*$/.test(e)},V=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},K=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},Q=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,t){return e=e?Number(e):0,(0===(t=t?Number(t):0)||"0"===t?0:(e-t)/t*100).toFixed(2)},Y=function(e){var t={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&&(t.color=e.selectedColor),e.colorHex&&(t.colorHex=e.colorHex),e.colorZone&&(t.colorZone=e.colorZone),e.selectedConstruction&&(t.model=e.selectedConstruction),e.selectedWindowDesign&&(t.top=e.selectedWindowDesign),e.glazepattern&&(t.glazepattern=e.glazepattern),e.selectedHardware&&(t.hardware=e.selectedHardware),t}},17:function(e,t){e.exports=ReactDOM},5:function(e,t,a){"use strict";a.d(t,"a",(function(){return p}));var n=a(22),i=a(0),r=a.n(i),o=a(4),d=o.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),l=o.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(['font-size:12px;font-family:"Open Sans";font-weight:600;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:#fff;padding:12px 19px 12px 20px;border-radius:4px;background-color:#006166;box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:#338084;color:#fff;}&:focus{transform:scale(1);box-shadow:none !important;background-color:#004347;}&:active{background-color:#006166 !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:#333333;background:#b2cfd1;&:hover{background:#8EB8BB;}&:focus{background:#8EA5A7;border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:#8EA5A7 !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media(min-width:1201px){font-size:16px;}.button-icon{vertical-align:top;padding-right:8px;}']),c=a(19),s=a(18),p=function(e){var t=e.label,a=void 0===t?"label":t,i=e.classStyle,o=void 0===i?"default":i,p=e.link,m=void 0!==p&&p,u=e.disabled,x=void 0!==u&&u,h=e.datatoggle,g=void 0===h?"":h,f=e.datatarget,w=void 0===f?"":f,b=e.linkHref,v=e.target,y=void 0===v?"_self":v,E=e.downloadLink,k=void 0!==E&&E,N=e.inverse,z=void 0!==N&&N,S=e.icon,O=void 0===S?"":S,I=e.iconAlt,j=void 0===I?"":I,A=e.dataItemName,C=void 0===A?"":A,T=e.id,_=void 0===T?"":T,H=e.type,M=void 0===H?"button":H,D=e.showDisabledMessage,$=void 0===D?"":D,Z=Object(n.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage"]);return r.a.createElement(d,null,r.a.createElement("div",{className:"".concat(x&&$&&"disabled-button-parent")},m?r.a.createElement("a",{href:b,download:k,target:y,"data-item-name":C,id:_},r.a.createElement(l,Object.assign({disabled:x,classStyle:"".concat(o)},Z,{type:M,className:z?"btn-inverse btn btn-success":"btn btn-success"}),""!=O?r.a.createElement("div",{"data-toggle":g,"data-target":w},r.a.createElement("img",{loading:"lazy",className:"button-icon",src:O,alt:j}),r.a.createElement("span",null,a)):r.a.createElement("span",null,a))):r.a.createElement(l,Object.assign({disabled:x,classStyle:o,className:z?"btn-inverse btn btn-success":"btn btn-success",id:_,"data-item-name":C,type:M},Z),r.a.createElement("span",null,a)),x&&$&&r.a.createElement(c.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(s.a,{id:"button-tooltip"},r.a.createElement("div",{className:"p-1 amarr-h6"},$))},r.a.createElement("div",{className:"disabled-button-overlay"}))))}},702:function(e,t,a){"use strict";a.r(t);var n=a(14),i=a(75);t.default=n.a.create({component:i.a,configuration:{tagname:"amarr-carousel",useShadow:!1},plugins:[]})},75:function(e,t,a){"use strict";var n=a(2),i=a(0),r=a.n(i),o=a(4),d=(a(52),a(53),o.default.section.withConfig({displayName:"styles__Content",componentId:"sc-1k0270s-0"})(['.right-structure{.carousel-text{position:absolute;left:auto;right:10%;bottom:20%;}}.carousel{background:#f0f0f0;position:relative;}.slider-dots-center{display:flex;width:100%;justify-content:center;.carousel-indicators-center{display:flex;padding-left:0px !important;}}.slider-dots-wrapper{position:absolute;left:0;bottom:60px;z-index:15;.carousel-indicators{margin:0;position:static;list-style:none;padding-left:22px;li{width:10px;height:10px;border:1px solid #8d8d8d;background-color:#fff;border-radius:50%;box-sizing:border-box;cursor:pointer;&.active{background-color:#006166;}&:first-child{margin-left:0;}@media screen and (min-width:1200px){width:12px;height:12px;}}}.carousel-inner{@media screen and (min-width:576px and max-width:991px){margin-top:70px;}}}.bxslider-parent{position:relative;margin:0 auto;.bx-pager-item{display:none;}#proprev{position:absolute;left:120px;top:42%;width:72px;cursor:pointer;}#pronext{position:absolute;right:120px;top:42%;width:72px;cursor:pointer;}.bx-wrapper{border:none;box-shadow:none;margin:0 auto 20px;}}@media screen and (max-width:767px){.bxslider-parent{width:100%;#proprev,#pronext{display:none;}.bx-wrapper{margin-bottom:0;li{height:270px;}img{object-fit:cover;min-height:100%;}}}h2.carousel-heading.heading-style-1{font-size:24px;line-height:36px;}.slider-dots-wrapper{bottom:20px;}.carousel-text{button{padding:7px 14px;font-size:14px;}}}@media screen and (min-width:768px){.slider-dots-wrapper{bottom:30px;.carousel-indicators{padding-left:30px;}}.carousel-text{button{padding:9px 15px;font-size:12px;}}.bxslider-parent{#proprev,#pronext{width:42px;}#proprev{left:4%;}#pronext{right:4%;}.bx-wrapper{max-width:calc(100% - 124px)!important;li{width:calc((100vw - 60px - 164px) / 3)!important;height:250px;overflow:hidden;}img{object-fit:cover;min-height:100%;}}}}@media screen and (min-width:992px){.slider-dots-wrapper{bottom:40px;.carousel-indicators{padding-left:60px;}}h2.carousel-heading.heading-style-1{font-size:36px;line-height:54px;}.bxslider-parent{.bx-wrapper{li{height:300px;}}}}@media screen and (min-width:992px) and (max-width:1024px){.slider-dots-wrapper{.carousel-indicators{padding-left:40px;}}}@media screen and (min-width:1281px){.slider-dots-wrapper{.carousel-indicators{padding-left:80px;}}h2.carousel-heading.heading-style-1{font-size:48px;line-height:72px;}.carousel-text{button{padding:9px 18px;font-size:14px;}}.bxslider-parent{#proprev,#pronext{width:60px;}#proprev{left:4%;}#pronext{right:4%;}.bx-wrapper{max-width:calc(100% - 180px)!important;li{width:calc((100vw - 160px - 210px) / 3)!important;height:400px;}}}}@media screen and (min-width:1681px){.slider-dots-wrapper{bottom:60px;.carousel-indicators{padding-left:120px;}}.carousel-text{button{padding:10px 24px;font-size:18px;}}h2.carousel-heading.heading-style-1{font-size:60px;line-height:90px;}.bxslider-parent{.bx-wrapper{max-width:calc(100% - 204px)!important;li{width:calc((100vw - 240px - 204px) / 3)!important;height:540px;}}}}@media screen and (min-width:1921px){.bxslider-parent{.bx-wrapper{li{width:calc(1476px / 3)!important;}}}}.custom-slick-carousel{@media screen and (max-width:767px){margin-bottom:0px;}@media screen and (min-width:768px) and (max-width:991px){margin-bottom:18px;}@media screen and (min-width:992px) and (max-width:1024px){margin-bottom:16px;}@media screen and (min-width:1025px) and (max-width:1280px){margin-bottom:14px;}@media screen and (min-width:1281px) and (max-width:1680px){margin-bottom:8px;}@media screen and (min-width:1681px){margin-bottom:4px;}.slick-track{display:flex !important;gap:1px;@media screen and (min-width:768px){gap:16px;}}.slick-slider{max-width:calc(100% - 120px);@media screen and (min-width:1281px) and (max-width:1680px){max-width:calc(100% - 80px);}@media screen and (min-width:768px) and (max-width:1280px){max-width:calc(100% - 60px);}@media screen and (min-width:992px) and (max-width:1024px){max-width:calc(100% - 40px);}@media screen and (max-width:991px){max-width:calc(100% - 30px);}@media screen and (max-width:767px){max-width:calc(100% - 40px);}}.slick{&-prev{left:-40px;@media screen and (min-width:1681px){left:-60px}@media screen and (min-width:768px) and (max-width:1280px){left:-30px;}@media screen and (min-width:992px) and (max-width:1024px){left:-22px;}@media screen and (max-width:991px){left:-16px;}@media screen and (max-width:767px){left:-20px;}&:before{background-image:url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-left-carousel.svg);}}&-next{right:-40px;@media screen and (min-width:1681px){right:-60px}@media screen and (min-width:768px) and (max-width:1280px){right:-30px;}@media screen and (min-width:992px) and (max-width:1024px){right:-22px;}@media screen and (max-width:991px){right:-16px;}@media screen and (max-width:767px){right:-20px;}&:before{background-image:url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-right-carousel.svg);}}&-prev,&-next{background:#fff;border-radius:50%;z-index:99;&:before{background-size:contain;display:inline-block;width:40px;height:40px;content:"";background-repeat:no-repeat;@media (max-width:990px){width:30px;height:30px;}@media (min-width:1920px){width:60px;height:60px;}}}}}@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media{@media screen and (min-width:1281px){.home-carousel{max-height:68vh;.carousel-inner{max-height:68vh;}}}}}@media screen and (min-width:768px) and (max-width:1280px){.carousel-text{width:40%;}}.carousel-play,.carousel-pause{height:20px;border:solid 2px #fff;border-radius:50%;margin-left:15px;margin-top:-4px;cursor:pointer;}.slider-dots-wrapper{display:flex;align-items:center;}'])),l=a(5),c=o.default.section.withConfig({displayName:"styles__Content",componentId:"sc-18r9b02-0"})(['.top-img{width:100%;@media screen and (min-width:1921px){span{display:block !important;width:100%;}}@media screen and (max-width:768px){span{display:block !important;}}max-height:400px;@media screen and (min-width:1681px){max-height:650px;}}position:relative;.carousel-text{position:absolute;bottom:26%;width:70%;@media screen and (min-width:768px) and (max-width:991px){width:70%;}@media screen and (min-width:992px){width:40%;}@media screen and (max-width:767px){bottom:48px;}}.heading-style-1{font-family:"Open Sans";font-weight:bold;color:#fff;margin-bottom:0px;}.text-style-1{color:#fff;@media screen and (min-width:1200px){}p,span{color:#ffff !important;}}@media screen and (min-width:769px){.img-responsive{height:100%;}}.text-padding{padding-top:18px;margin-bottom:36px;@media screen and (max-width:1680px){padding-top:14px;margin-bottom:32px;}@media screen and (max-width:1280px){padding-top:14px;margin-bottom:26px;}@media screen and (min-width:768px) and (max-width:991px){padding-top:9px;margin-bottom:18px;}}.gradient-overlay{content:"";position:absolute;top:0;background-image:linear-gradient(to right,#000000,rgba(0,0,0,0));width:100%;opacity:0.43;height:100%;z-index:1;}.text-section{z-index:3;}']),s=a(1),p=a(41),m=function(e){var t,a=e.item;return r.a.createElement(c,null,r.a.createElement("div",{className:"row m-0"},r.a.createElement("div",{className:"top-img p-0"},(null===a||void 0===a||null===(t=a.mobileImage)||void 0===t?void 0:t.url)?r.a.createElement(p.a,{className:"img-responsive",src:a.mobileImage.url,fallback:"",alt:a.image.altText,sources:[{source:a.mobileImage.url,media:"(min-width: 320px)"},{source:a.image.url,media:"(min-width: 768px)"}]}):r.a.createElement(p.a,{className:"img-responsive",src:a.image.url,fallback:"",alt:a.image.altText,sources:[{source:a.image.url,media:"(min-width: 320px)"},{source:a.image.url,media:"(min-width: 768px)"}]})),r.a.createElement("div",{className:"gradient-overlay"}),r.a.createElement("div",{className:"text-section"},r.a.createElement("div",{className:"container"},r.a.createElement("div",{className:"d-flex align-items-center p-0"},r.a.createElement("div",{className:"carousel-text"},"h1"===a.headingStyle&&a.header.text&&""!==a.header.text&&r.a.createElement("h1",{className:"heading-style-1"},a.header.text),"h2"===a.headingStyle&&a.header.text&&""!==a.header.text&&r.a.createElement("h2",{className:"heading-style-1 carousel-heading mb-0"},a.header.text),"h3"===a.headingStyle&&a.header.text&&""!==a.header.text&&r.a.createElement("h3",{className:"heading-style-1"},a.header.text),"h4"===a.headingStyle&&a.header.text&&""!==a.header.text&&r.a.createElement("h4",{className:"heading-style-1"},a.header.text),"h5"===a.headingStyle&&a.header.text&&""!==a.header.text&&r.a.createElement("h5",{className:"heading-style-1"},a.header.text),"h6"===a.headingStyle&&a.header.text&&""!==a.header.text&&r.a.createElement("h6",{className:"heading-style-1"},a.header.text),"capitalize"===a.headingStyle&&a.header.text&&""!==a.header.text&&r.a.createElement("div",{className:"heading-style-1 text-style-uppercase"},a.header.text),r.a.createElement("div",{className:"text-padding text-style-1",dangerouslySetInnerHTML:{__html:a.body.text}}),a.cta&&a.cta.label&&a.cta.linkAction&&r.a.createElement(l.a,{label:Object(s.i)(a.cta.label),link:!0,linkHref:a.cta.url,target:a.cta.linkAction})))))))},u=a(38),x=a.n(u),h=function(e){var t=e.carouselData,a=Object(s.g)(t),o=Object(i.useState)(!0),l=Object(n.a)(o,2),c=l[0],p=l[1],u={infinite:!0,slidesToShow:3,slidesToScroll:3,initialSlide:0,responsive:[{breakpoint:1024,settings:{slidesToShow:3,slidesToScroll:3}},{breakpoint:767,settings:{slidesToShow:1,slidesToScroll:1,initialSlide:0,infinite:!0}}]};Object(i.useEffect)((function(){if("image-only"!=a.variation){var e=document.createElement("script");e.id="carousel-script",e.innerHTML='$(".home-carousel").carousel({ interval: 6000 })',document.body.appendChild(e)}}),[]);return r.a.createElement(d,null,r.a.createElement("div",{className:"large-screen-container ".concat("image-only"===a.variation?"container":"container-fluid p-0")},r.a.createElement("div",{className:"".concat("image-only"!==a.variation&&"row mr-0 ml-0 align-items-center")},"image-only"===a.variation?r.a.createElement("section",{className:"custom-slick-carousel"},r.a.createElement(x.a,u,a.carouselImageItems&&a.carouselImageItems.length>0&&a.carouselImageItems.map((function(e,t){var a,n;return r.a.createElement("div",{key:t,className:"slick-slider-container","aria-label":(null===e||void 0===e||null===(a=e.image)||void 0===a?void 0:a.altText)?e.image.altText:""},r.a.createElement("img",{loading:"lazy",src:e.image.url,key:t,alt:(null===e||void 0===e||null===(n=e.image)||void 0===n?void 0:n.altText)?e.image.altText:""}))})))):r.a.createElement("div",{id:"home-carousel",className:"home-carousel carousel slide w-100","data-ride":"carousel"},r.a.createElement("div",{className:"".concat("center"===a.alignment&&"slider-dots-center"," slider-dots-wrapper")},r.a.createElement("ol",{className:"".concat("center"===a.alignment&&"carousel-indicators-center"," carousel-indicators"),role:"list","aria-roledescription":"carousel","aria-label":"Slides"},a.carouselItems&&a.carouselItems.length>1&&a.carouselItems.map((function(e,t){return r.a.createElement("li",{key:t,"data-target":"#home-carousel","data-slide-to":t,className:0===t?"active":"","aria-label":"Slide".concat(t),"aria-roledescription":"slide"})}))),window.location.href.indexOf(".garagedoor.com")>-1&&a.carouselItems&&a.carouselItems.length>1&&r.a.createElement("span",null,r.a.createElement("a",{onClick:function(){var e,t=document.getElementById("carousel-script");(t.parentNode.removeChild(t),c)?((e=document.createElement("script")).id="carousel-script",e.innerHTML="$(\".home-carousel\").carousel('pause')",document.body.appendChild(e)):((e=document.createElement("script")).id="carousel-script",e.innerHTML='$(".home-carousel").carousel({ interval: 6000 })',document.body.appendChild(e));p(!c)}},c?r.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pause.png",alt:"play-pause-icon",role:"presentation",className:"carousel-play"}):r.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/play.png",alt:"play-pause-icon",role:"presentation",className:"carousel-pause"})))),r.a.createElement("div",{className:"right"===a.textAlignment?"right-structure carousel-inner":"carousel-inner"},a.carouselItems&&a.carouselItems.length>0&&a.carouselItems.map((function(e,t){return r.a.createElement("div",{key:t,className:0===t?"carousel-item active":"carousel-item"},r.a.createElement(m,{key:t,item:e}))})))))))};h.defaultProps={config:"",theme:"",carouselData:""};t.a=h}});
1
+ !function(e){function n(n){for(var a,o,d=n[0],l=n[1],c=n[2],p=0,m=[];p<d.length;p++)o=d[p],Object.prototype.hasOwnProperty.call(i,o)&&i[o]&&m.push(i[o][0]),i[o]=0;for(a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a]);for(s&&s(n);m.length;)m.shift()();return r.push.apply(r,c||[]),t()}function t(){for(var e,n=0;n<r.length;n++){for(var t=r[n],a=!0,d=1;d<t.length;d++){var l=t[d];0!==i[l]&&(a=!1)}a&&(r.splice(n--,1),e=o(o.s=t[0]))}return e}var a={},i={7:0},r=[];function o(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,o),t.l=!0,t.exports}o.m=e,o.c=a,o.d=function(e,n,t){o.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,n){if(1&n&&(e=o(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(o.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var a in e)o.d(t,a,function(n){return e[n]}.bind(null,a));return t},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="/";var d=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],l=d.push.bind(d);d.push=n,d=d.slice();for(var c=0;c<d.length;c++)n(d[c]);var s=l;r.push([802,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)")}},2:function(e,n,t){"use strict";t.d(n,"g",(function(){return i})),t.d(n,"T",(function(){return r})),t.d(n,"i",(function(){return o})),t.d(n,"C",(function(){return d})),t.d(n,"F",(function(){return l})),t.d(n,"u",(function(){return c})),t.d(n,"A",(function(){return s})),t.d(n,"n",(function(){return p})),t.d(n,"q",(function(){return m})),t.d(n,"H",(function(){return u})),t.d(n,"G",(function(){return x})),t.d(n,"O",(function(){return b})),t.d(n,"D",(function(){return h})),t.d(n,"t",(function(){return g})),t.d(n,"h",(function(){return f})),t.d(n,"s",(function(){return w})),t.d(n,"x",(function(){return v})),t.d(n,"v",(function(){return A})),t.d(n,"B",(function(){return U})),t.d(n,"r",(function(){return k})),t.d(n,"P",(function(){return M})),t.d(n,"p",(function(){return y})),t.d(n,"I",(function(){return D})),t.d(n,"E",(function(){return N})),t.d(n,"Q",(function(){return z})),t.d(n,"l",(function(){return S})),t.d(n,"j",(function(){return I})),t.d(n,"m",(function(){return O})),t.d(n,"k",(function(){return T})),t.d(n,"y",(function(){return j})),t.d(n,"K",(function(){return C})),t.d(n,"w",(function(){return W})),t.d(n,"R",(function(){return L})),t.d(n,"S",(function(){return _})),t.d(n,"b",(function(){return H})),t.d(n,"N",(function(){return $})),t.d(n,"z",(function(){return Z})),t.d(n,"a",(function(){return R})),t.d(n,"d",(function(){return F})),t.d(n,"f",(function(){return J})),t.d(n,"e",(function(){return B})),t.d(n,"V",(function(){return G})),t.d(n,"c",(function(){return q})),t.d(n,"U",(function(){return V})),t.d(n,"J",(function(){return K})),t.d(n,"L",(function(){return Q})),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))))},r=function(e){return btoa(unescape(encodeURIComponent(e)))},o=function(e){return e.toUpperCase()},d=function(e){return e.replaceAll(" ","-").toLowerCase()},l=new a.a(!1),c=new a.a(!1),s=new a.a(!1),p=new a.a(!1),m=new a.a(""),u=new a.a(!1),x=new a.a(!1),b=new a.a(!1),h=new a.a(!1),g=new a.a(!1),f=new a.a(!1),w=new a.a(""),v=new a.a(!0),A=new a.a(!0),U=new a.a(!0),k=new a.a(!0),M=new a.a(!0),y=new a.a(!0),D=new a.a({}),P=new a.a(!1),E=0,N=new a.a(!1),z=new a.a(""),S=new a.a(""),I=new a.a(""),O=new a.a(""),T=new a.a(""),j=new a.a(""),C=new a.a(""),W=new a.a(!1),L=new a.a(!1),_=new a.a(!1),H=function(){setTimeout((function(){E++,P.next(!0)}),0)},$=function(){setTimeout((function(){E>0&&E--,0==E&&P.next(!1)}),0)},Z=function(){return P.asObservable()},R=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)},F=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},J=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},B=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},G=function(e){return/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/.test(e)},q=function(e){return/^[0-9]*$/.test(e)},V=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},K=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},Q=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 m}));var a=t(28),i=t(0),r=t.n(i),o=t(5),d=t(1),l=o.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),c=o.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;}"],d.b.smallDesktop2Min),s=t(25),p=t(24),m=function(e){var n=e.label,t=void 0===n?"label":n,i=e.classStyle,o=void 0===i?"default":i,d=e.link,m=void 0!==d&&d,u=e.disabled,x=void 0!==u&&u,b=e.datatoggle,h=void 0===b?"":b,g=e.datatarget,f=void 0===g?"":g,w=e.linkHref,v=e.target,A=void 0===v?"_self":v,U=e.downloadLink,k=void 0!==U&&U,M=e.inverse,y=void 0!==M&&M,D=e.icon,P=void 0===D?"":D,E=e.iconAlt,N=void 0===E?"":E,z=e.dataItemName,S=void 0===z?"":z,I=e.id,O=void 0===I?"":I,T=e.type,j=void 0===T?"button":T,C=e.showDisabledMessage,W=void 0===C?"":C,L=Object(a.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type","showDisabledMessage"]);return r.a.createElement(l,null,r.a.createElement("div",{className:"".concat(x&&W&&"disabled-button-parent")},m?r.a.createElement("a",{href:w,download:k,target:A,"data-item-name":S,id:O},r.a.createElement(c,Object.assign({disabled:x,classStyle:"".concat(o)},L,{type:j,className:y?"btn-inverse btn btn-success":"btn btn-success"}),""!=P?r.a.createElement("div",{"data-toggle":h,"data-target":f},r.a.createElement("img",{loading:"lazy",className:"button-icon",src:P,alt:N}),r.a.createElement("span",null,t)):r.a.createElement("span",null,t))):r.a.createElement(c,Object.assign({disabled:x,classStyle:o,className:y?"btn-inverse btn btn-success":"btn btn-success",id:O,"data-item-name":S,type:j},L),r.a.createElement("span",null,t)),x&&W&&r.a.createElement(s.a,{placement:"top",delay:{show:250,hide:250},overlay:r.a.createElement(p.a,{id:"button-tooltip"},r.a.createElement("div",{className:"p-1 amarr-h6"},W))},r.a.createElement("div",{className:"disabled-button-overlay"}))))}},7:function(e,n,t){"use strict";t.d(n,"a",(function(){return o}));var a=t(5),i=t(0),r=t.n(i),o=function(e){var n=e.setter,t=n.componentThemes,i=n.selectedTheme;return r.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)}},708:function(e,n,t){"use strict";t.r(n);var a=t(21),i=t(80);n.default=a.a.create({component:i.a,configuration:{tagname:"amarr-carousel",useShadow:!1},plugins:[]})},8:function(e,n,t){"use strict";var a=t(0),i=t.n(a),r=t(5),o=t(20),d=t.n(o),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(o){console.log(o)}var a=n?[d.a]:[];return i.a.createElement(r.StyleSheetManager,{stylisPlugins:a},i.a.createElement(l.Provider,{value:{rtl:n}},e.children))}},80:function(e,n,t){"use strict";var a=t(3),i=t(0),r=t.n(i),o=t(6),d=t(5),l=t(1),c=d.default.section.withConfig({displayName:"styles__Content",componentId:"sc-18r9b02-0"})([".top-img{width:100%;@media screen and ","{span{display:block !important;width:100%;}}@media screen and ","{span{display:block !important;}}max-height:400px;@media screen and ","{max-height:650px;}}position:relative;.carousel-text{position:absolute;bottom:26%;width:70%;@media screen and "," and ","{width:70%;}@media screen and ","{width:40%;}@media screen and ","{bottom:48px;}}.heading-style-1{font-family:var(--font-family-heading);font-weight:bold;color:var(--bg-main);margin-bottom:0px;}.text-style-1{color:var(--bg-main);@media screen and ","{}p,span{color:var(--bg-main);!important;}}@media screen and ","{.img-responsive{height:100%;}}.text-padding{padding-top:18px;margin-bottom:36px;@media screen and ","{padding-top:14px;margin-bottom:32px;}@media screen and ","{padding-top:14px;margin-bottom:26px;}@media screen and "," and ",'{padding-top:9px;margin-bottom:18px;}}.gradient-overlay{content:"";position:absolute;top:0;background-image:linear-gradient(to right,var(--black),transparent);width:100%;opacity:0.43;height:100%;z-index:1;}.text-section{z-index:3;}'],l.b.wrapperMaxWidth2,l.b.tabletPortraitAndUpMax,l.b.largeDesktopMin,l.b.tabletPortraitAndUp,l.b.tabletPortraitMax,l.b.tabletLandscapeAndUp,l.b.mobileMax,l.b.smallDesktopAndUp,l.b.largeMobileMin,l.b.mediumDesktopAndUp3,l.b.smallDesktopAndUp2,l.b.tabletPortraitAndUp,l.b.tabletPortraitMax),s=t(2),p=t(48),m=function(e){var n,t=e.item;return r.a.createElement(c,null,r.a.createElement("div",{className:"row m-0"},r.a.createElement("div",{className:"top-img p-0"},(null===t||void 0===t||null===(n=t.mobileImage)||void 0===n?void 0:n.url)?r.a.createElement(p.a,{className:"img-responsive",src:t.mobileImage.url,fallback:"",alt:t.image.altText,sources:[{source:t.mobileImage.url,media:"(min-width: 320px)"},{source:t.image.url,media:"(min-width: 768px)"}]}):r.a.createElement(p.a,{className:"img-responsive",src:t.image.url,fallback:"",alt:t.image.altText,sources:[{source:t.image.url,media:"(min-width: 320px)"},{source:t.image.url,media:"(min-width: 768px)"}]})),r.a.createElement("div",{className:"gradient-overlay"}),r.a.createElement("div",{className:"text-section"},r.a.createElement("div",{className:"container inner-container"},r.a.createElement("div",{className:"d-flex align-items-center p-0"},r.a.createElement("div",{className:"carousel-text"},"h1"===t.headingStyle&&t.header.text&&""!==t.header.text&&r.a.createElement("h1",{className:"heading-style-1"},t.header.text),"h2"===t.headingStyle&&t.header.text&&""!==t.header.text&&r.a.createElement("h2",{className:"heading-style-1 carousel-heading mb-0"},t.header.text),"h3"===t.headingStyle&&t.header.text&&""!==t.header.text&&r.a.createElement("h3",{className:"heading-style-1"},t.header.text),"h4"===t.headingStyle&&t.header.text&&""!==t.header.text&&r.a.createElement("h4",{className:"heading-style-1"},t.header.text),"h5"===t.headingStyle&&t.header.text&&""!==t.header.text&&r.a.createElement("h5",{className:"heading-style-1"},t.header.text),"h6"===t.headingStyle&&t.header.text&&""!==t.header.text&&r.a.createElement("h6",{className:"heading-style-1"},t.header.text),"capitalize"===t.headingStyle&&t.header.text&&""!==t.header.text&&r.a.createElement("div",{className:"heading-style-1 text-style-uppercase"},t.header.text),r.a.createElement("div",{className:"text-padding text-style-1",dangerouslySetInnerHTML:{__html:t.body.text}}),t.cta&&t.cta.label&&t.cta.linkAction&&r.a.createElement(o.a,{label:Object(s.i)(t.cta.label),link:!0,linkHref:t.cta.url,target:t.cta.linkAction})))))))},u=t(45),x=t.n(u),b=t(12),h=t.n(b),g={theme1:{background:"var(--bg-main)"},theme2:{background:"var(--bg-alt)"}},f=t(11);function w(){var e=Object(f.a)(["\n .right-structure {\n .carousel-text {\n position: absolute;\n left: auto;\n right: 10%;\n bottom: 20%;\n }\n }\n .carousel {\n background: var(--grey);\n position: relative;\n }\n .slider-dots-center {\n display: flex;\n width: 100%;\n justify-content: center;\n .carousel-indicators-center {\n display: flex;\n padding-left: 0px !important;\n }\n }\n .slider-dots-wrapper {\n position: absolute;\n left: 0;\n bottom: 60px;\n z-index: 15;\n .carousel-indicators {\n margin: 0;\n position: static;\n list-style: none;\n padding-left: 22px;\n li {\n width: 10px;\n height: 10px;\n border: 1px solid var(--border-color);\n background-color: var(--bg-main);\n border-radius: 50%;\n box-sizing: border-box;\n cursor: pointer;\n &.active {\n background-color: var(--accent);\n }\n &:first-child {\n margin-left: 0;\n }\n @media screen and "," {\n width: 12px;\n height: 12px;\n }\n }\n }\n .carousel-inner {\n @media screen and "," and "," {\n margin-top: 70px;\n }\n }\n }\n\n .bxslider-parent {\n position: relative;\n margin: 0 auto;\n .bx-pager-item {\n display: none;\n }\n #proprev {\n position: absolute;\n left: 120px;\n top: 42%;\n width: 72px;\n cursor: pointer;\n }\n #pronext {\n position: absolute;\n right: 120px;\n top: 42%;\n width: 72px;\n cursor: pointer;\n }\n .bx-wrapper {\n border: none;\n box-shadow: none;\n margin: 0 auto 20px;\n }\n }\n\n @media screen and "," {\n .bxslider-parent {\n width: 100%;\n #proprev,\n #pronext {\n display: none;\n }\n .bx-wrapper {\n margin-bottom: 0;\n li {\n height: 270px;\n }\n img {\n object-fit: cover;\n min-height: 100%;\n }\n }\n }\n h2.carousel-heading.heading-style-1 {\n font-size: 24px;\n line-height: 36px;\n }\n .slider-dots-wrapper {\n bottom: 20px;\n }\n .carousel-text {\n button {\n padding: 7px 14px;\n font-size: 14px;\n }\n }\n }\n @media screen and "," {\n .slider-dots-wrapper {\n bottom: 30px;\n .carousel-indicators {\n padding-left: 30px;\n }\n }\n .carousel-text {\n button {\n padding: 9px 15px;\n font-size: 12px;\n }\n }\n .bxslider-parent {\n #proprev,\n #pronext {\n width: 42px;\n }\n #proprev {\n left: 4%;\n }\n #pronext {\n right: 4%;\n }\n .bx-wrapper {\n max-width: calc(100% - 124px) !important;\n li {\n width: calc((100vw - 60px - 164px) / 3) !important;\n height: 250px;\n overflow: hidden;\n }\n img {\n object-fit: cover;\n min-height: 100%;\n }\n }\n }\n }\n @media screen and "," {\n .slider-dots-wrapper {\n bottom: 40px;\n .carousel-indicators {\n padding-left: 60px;\n }\n }\n h2.carousel-heading.heading-style-1 {\n font-size: 36px;\n line-height: 54px;\n }\n .bxslider-parent {\n .bx-wrapper {\n li {\n height: 300px;\n }\n }\n }\n }\n @media screen and "," and "," {\n .slider-dots-wrapper {\n .carousel-indicators {\n padding-left: 40px;\n }\n }\n }\n @media screen and "," {\n .slider-dots-wrapper {\n .carousel-indicators {\n padding-left: 80px;\n }\n }\n h2.carousel-heading.heading-style-1 {\n font-size: 48px;\n line-height: 72px;\n }\n .carousel-text {\n button {\n padding: 9px 18px;\n font-size: 14px;\n }\n }\n .bxslider-parent {\n #proprev,\n #pronext {\n width: 60px;\n }\n #proprev {\n left: 4%;\n }\n #pronext {\n right: 4%;\n }\n .bx-wrapper {\n max-width: calc(100% - 180px) !important;\n li {\n width: calc((100vw - 160px - 210px) / 3) !important;\n height: 400px;\n }\n }\n }\n }\n @media screen and "," {\n .slider-dots-wrapper {\n bottom: 60px;\n .carousel-indicators {\n padding-left: 120px;\n }\n }\n .carousel-text {\n button {\n padding: 10px 24px;\n font-size: 18px;\n }\n }\n h2.carousel-heading.heading-style-1 {\n font-size: 60px;\n line-height: 90px;\n }\n .bxslider-parent {\n .bx-wrapper {\n max-width: calc(100% - 204px) !important;\n li {\n width: calc((100vw - 240px - 204px) / 3) !important;\n height: 540px;\n }\n }\n }\n }\n @media screen and "," {\n .bxslider-parent {\n .bx-wrapper {\n li {\n width: calc(1476px / 3) !important;\n }\n }\n }\n }\n .custom-slick-carousel {\n @media screen and "," {\n margin-bottom: 0px;\n }\n @media screen and "," and "," {\n margin-bottom: 18px;\n }\n @media screen and "," and "," {\n margin-bottom: 16px;\n }\n @media screen and (min-width: 1025px) and "," {\n margin-bottom: 14px;\n }\n @media screen and "," and "," {\n margin-bottom: 8px;\n }\n @media screen and "," {\n margin-bottom: 4px;\n }\n .slick-track {\n display: flex !important;\n gap: 1px;\n @media screen and "," {\n gap: 16px;\n }\n }\n .slick-slider {\n max-width: calc(100% - 120px);\n @media screen and "," and "," {\n max-width: calc(100% - 80px);\n }\n @media screen and "," and "," {\n max-width: calc(100% - 60px);\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% - 40px);\n }\n }\n .slick {\n &-prev {\n left: -40px;\n @media screen and "," {\n left: -60px;\n }\n @media screen and "," and "," {\n left: -30px;\n }\n @media screen and "," and "," {\n left: -22px;\n }\n @media screen and "," {\n left: -16px;\n }\n @media screen and "," {\n left: -20px;\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 @media screen and "," {\n right: -60px;\n }\n @media screen and "," and "," {\n right: -30px;\n }\n @media screen and "," and "," {\n right: -22px;\n }\n @media screen and "," {\n right: -16px;\n }\n @media screen and ",' {\n right: -20px;\n }\n &:before {\n background-image: url(/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/arrow-right-carousel.svg);\n }\n }\n\n &-prev,\n &-next {\n background: var(--bg-main);\n border-radius: 50%;\n z-index: 99;\n &:before {\n background-size: contain;\n display: inline-block;\n width: 40px;\n height: 40px;\n content: "";\n background-repeat: no-repeat;\n @media '," {\n width: 30px;\n height: 30px;\n }\n\n @media "," {\n width: 60px;\n height: 60px;\n }\n }\n }\n }\n }\n\n //Safari specific fixes starts\n @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {\n @media {\n @media screen and "," {\n .home-carousel {\n max-height: 68vh;\n .carousel-inner {\n max-height: 68vh;\n }\n }\n }\n }\n }\n // Safari specific fixes ends\n // Client specific changes starts\n @media screen and "," and "," {\n .carousel-text {\n width: 40%;\n }\n }\n\n .carousel-play, .carousel-pause {\n height: 20px;\n border: solid 2px #fff;\n border-radius: 50%;\n margin-left: 15px;\n margin-top: -4px;\n cursor: pointer;\n }\n .slider-dots-wrapper {\n display: flex;\n align-items: center;\n }\n "]);return w=function(){return e},e}var v=d.default.div.withConfig({displayName:"styles__Content",componentId:"baytek-0"})(["",""],(function(e){var n;(null===(n=e.gradients)||void 0===n?void 0:n.visible)?e.theme.gradient:e.theme;return Object(d.css)(w(),l.b.smallDesktopAndUp,l.b.largeMobileAndUp2,l.b.tabletPortraitMax,l.b.mobileMax,l.b.tabletPortraitUp,l.b.tabletLandscapeAndUp,l.b.tabletLandscapeAndUp,l.b.desktopAndUpMax,l.b.mediumDesktopMin,l.b.largeDesktopMin,l.b.wrapperMaxWidth2,l.b.mobileMax,l.b.tabletPortraitUp,l.b.tabletPortraitMax,l.b.tabletLandscapeAndUp,l.b.desktopAndUpMax,l.b.tabletPortraitMax,l.b.mediumDesktopMin,l.b.mediumDesktopAndUp3Max,l.b.largeDesktopMin,l.b.tabletPortraitUp,l.b.mediumDesktopMin,l.b.mediumDesktopAndUp3Max,l.b.tabletPortraitUp,l.b.tabletPortraitMax,l.b.tabletLandscapeAndUp,l.b.desktopAndUpMax,l.b.tabletPortraitMax,l.b.mobileMax,l.b.largeDesktopMin,l.b.tabletPortraitUp,l.b.tabletPortraitMax,l.b.tabletLandscapeAndUp,l.b.desktopAndUpMax,l.b.tabletPortraitMax,l.b.mobileMax,l.b.largeDesktopMin,l.b.tabletPortraitUp,l.b.tabletPortraitMax,l.b.tabletLandscapeAndUp,l.b.desktopAndUpMax,l.b.tabletPortraitMax,l.b.mobileMax,l.b.tabletPortraitMax2,l.b.wrapperMaxWidth,l.b.mediumDesktopMin,l.b.tabletPortraitUp,l.b.tabletPortraitMax)})),A=t(7),U=t(8),k=t(9),M={variation:"",textAlignment:"",alignment:"",carouselImageItems:[{image:{url:"",altText:""}}],carouselItems:[{header:{text:""},body:{text:""},headingStyle:"",cta:{label:"",url:"",linkAction:"",visible:!1},image:{url:"",altText:""},mobileImage:{url:"",altText:""}}]},y=function(e){var n=h()({},M,Object(s.g)(e.content)),t=Object(i.useState)(!0),o=Object(a.a)(t,2),d=o[0],l=o[1],c={infinite:!0,slidesToShow:3,slidesToScroll:3,initialSlide:0,responsive:[{breakpoint:1024,settings:{slidesToShow:3,slidesToScroll:3}},{breakpoint:767,settings:{slidesToShow:1,slidesToScroll:1,initialSlide:0,infinite:!0}}]};Object(i.useEffect)((function(){if("image-only"!=n.variation){var e=document.createElement("script");e.id="carousel-script",e.innerHTML='$(".home-carousel").carousel({ interval: 6000 })',document.body.appendChild(e)}}),[]);return r.a.createElement(A.a,{setter:{componentThemes:g,selectedTheme:e.theme}},r.a.createElement(U.a,null,r.a.createElement(k.a,{padding:!1},r.a.createElement(v,{isReversed:!1},r.a.createElement("div",{className:"large-screen-container ".concat("image-only"===n.variation?"container":"container-fluid p-0")},r.a.createElement("div",{className:"".concat("image-only"!==n.variation&&"row mr-0 ml-0 align-items-center")},"image-only"===n.variation?r.a.createElement("section",{className:"custom-slick-carousel"},r.a.createElement(x.a,c,n.carouselImageItems&&n.carouselImageItems.length>0&&n.carouselImageItems.map((function(e,n){var t,a;return r.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)?e.image.altText:""},r.a.createElement("img",{loading:"lazy",src:e.image.url,key:n,alt:(null===e||void 0===e||null===(a=e.image)||void 0===a?void 0:a.altText)?e.image.altText:""}))})))):r.a.createElement("div",{id:"home-carousel",className:"home-carousel carousel slide w-100","data-ride":"carousel"},r.a.createElement("div",{className:"".concat("center"===n.alignment&&"slider-dots-center"," slider-dots-wrapper")},r.a.createElement("ol",{className:"".concat("center"===n.alignment&&"carousel-indicators-center"," carousel-indicators"),role:"list","aria-roledescription":"carousel","aria-label":"Slides"},n.carouselItems&&n.carouselItems.length>1&&n.carouselItems.map((function(e,n){return r.a.createElement("li",{key:n,"data-target":"#home-carousel","data-slide-to":n,className:0===n?"active":"","aria-label":"Slide".concat(n),"aria-roledescription":"slide"})}))),window.location.href.indexOf(".garagedoor.com")>-1&&n.carouselItems&&n.carouselItems.length>1&&r.a.createElement("span",null,r.a.createElement("a",{onClick:function(){var e,n=document.getElementById("carousel-script");(n.parentNode.removeChild(n),d)?((e=document.createElement("script")).id="carousel-script",e.innerHTML="$(\".home-carousel\").carousel('pause')",document.body.appendChild(e)):((e=document.createElement("script")).id="carousel-script",e.innerHTML='$(".home-carousel").carousel({ interval: 6000 })',document.body.appendChild(e));l(!d)}},d?r.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/pause.png",alt:"play-pause-icon",role:"presentation",className:"carousel-play"}):r.a.createElement("img",{loading:"lazy",src:"/etc.clientlibs/amarr/clientlibs/themes/amarr/resources/images/play.png",alt:"play-pause-icon",role:"presentation",className:"carousel-pause"})))),r.a.createElement("div",{className:"right"===n.textAlignment?"right-structure carousel-inner":"carousel-inner"},n.carouselItems&&n.carouselItems.length>0&&n.carouselItems.map((function(e,n){return r.a.createElement("div",{key:n,className:0===n?"carousel-item active":"carousel-item"},r.a.createElement(m,{key:n,item:e}))}))))))))))};y.defaultProps={theme:"",content:""};n.a=y},9:function(e,n,t){"use strict";t.d(n,"a",(function(){return o}));var a=t(0),i=t.n(a),r=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));"})),o=function(e){var n=e.className,t=e.children,a=e.maxWidth,o=void 0===a?1520:a,d=e.padding,l=void 0===d||d;return i.a.createElement(r,{className:n,maxWidth:o,padding:l},t)}}});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@assaabloy/amarr-wc-carousel",
3
- "version": "2.0.21",
3
+ "version": "3.0.0",
4
4
  "description": "Web component - Carousel",
5
5
  "type": "module",
6
6
  "main": "carousel.js",
@@ -11,5 +11,5 @@
11
11
  },
12
12
  "author": "Nagarro",
13
13
  "license": "MIT",
14
- "gitHead": "f62f1cecda6039f43c89934e850b719f9d8754f1"
14
+ "gitHead": "478dd2813606f648ba0c7d9665467a3d59c16687"
15
15
  }