https://www.to-be-dressed.nl/12.fd99c4fe2e4ed5edc166.js

1/*! @version 0.0.1-2a27d6c59bb3dbbfc7c5 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{"6AoI":function(e,n,r){(n=e.exports=r("JPst")(!1)).push([e.i,".banner-root-1lO {\n}\na.banner-link-35K {\n    text-decoration: none;\n}\n.banner-wrapper-1H1 {\n    background-clip: padding-box;\n    border-radius: inherit;\n    word-wrap: break-word;\n    word-wrap: break-word;\n    overflow: hidden;\n}\n.banner-overlay-26F {\n    padding: 30px;\n    transition: background-color 500ms ease;\n    align-items: center;\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n}\n\n.banner-videoOverlay-3Bp {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 0;\n}\n\n.banner-viewportElement-3d8 {\n    height: 100%;\n    width: 1px;\n    position: absolute;\n    left: var(--leftViewportElement);\n    top: 0;\n    z-index: -100;\n    -webkit-transform: translate3d(0, 0, 0);\n}\n\n.banner-content-26J {\n    min-height: 50px;\n    width: 100%;\n}\n.banner-button-X4s {\n    margin: 20px 0 0 0;\n    max-width: 100%;\n    text-align: inherit;\n    transition: opacity 500ms ease;\n    word-break: break-word;\n    width: 100%;\n}\n.banner-root-1lO:hover .banner-buttonHover-1Iu {\n    opacity: 1;\n}\n.banner-buttonHover-1Iu {\n    opacity: 0;\n}\n.banner-posterOverlay-Kjh {\n    align-content: center;\n    justify-content: center;\n}\n.banner-posterOverlayHover-1QO {\n    background-color: transparent !important;\n}\n.banner-collageLeftOverlay-3ZB {\n    margin-right: auto;\n    max-width: 540px;\n}\n.banner-collageLeftOverlayHover-2Y0 {\n    background-color: transparent !important;\n}\n.banner-collageCenteredOverlay-2PY {\n    margin-right: auto;\n    margin-left: auto;\n    max-width: 540px;\n}\n.banner-collageCenteredOverlayHover-27g {\n    background-color: transparent !important;\n}\n.banner-collageRightOverlay-19t {\n    margin-left: auto;\n    max-width: 540px;\n}\n.banner-collageRightOverlayHover-317 {\n    background-color: transparent !important;\n}\n\n.banner-root-1lO [id*='jarallax-container'] video,\n.banner-root-1lO [id*='jarallax-container'] iframe,\n.banner-root-1lO [id*='jarallax-container'] img {\n    margin: auto !important;\n    transform: none !important;\n}\n",""]),n.locals={root:"banner-root-1lO",link:"banner-link-35K",wrapper:"banner-wrapper-1H1",overlay:"banner-overlay-26F",videoOverlay:"banner-videoOverlay-3Bp",viewportElement:"banner-viewportElement-3d8",content:"banner-content-26J",button:"banner-button-X4s",buttonHover:"banner-buttonHover-1Iu banner-button-X4s",posterOverlay:"banner-posterOverlay-Kjh banner-overlay-26F",posterOverlayHover:"banner-posterOverlayHover-1QO banner-posterOverlay-Kjh banner-overlay-26F",collageLeftOverlay:"banner-collageLeftOverlay-3ZB banner-overlay-26F",collageLeftOverlayHover:"banner-collageLeftOverlayHover-2Y0 banner-collageLeftOverlay-3ZB banner-overlay-26F",collageCenteredOverlay:"banner-collageCenteredOverlay-2PY banner-overlay-26F",collageCenteredOverlayHover:"banner-collageCenteredOverlayHover-27g banner-collageCenteredOverlay-2PY banner-overlay-26F",collageRightOverlay:"banner-collageRightOverlay-19t banner-overlay-26F",collageRightOverlayHover:"banner-collageRightOverlayHover-317 banner-collageRightOverlay-19t banner-overlay-26F"}},Pbq8:function(e,n,r){"use strict"
3r.r(n),r.d(n,"default",function(){return w})
4var a=r("RIqP"),t=r.n(a),o=r("pVnL"),l=r.n(o),i=r("J4zp"),g=r.n(i),d=r("FdF9"),c=r("n+YS"),s=r.n(c),v=r("y1Xp"),b=r("17x9"),p=r("ACyH"),y=r("206z"),u=r("coez"),m=r("55Ip"),O=function toHTML(e){return{__html:e}},f=function handleDragStart(e){return e.preventDefault()},h=function Banner(e){var n=Object(d.useRef)(null),a=Object(d.useRef)(null),o=Object(v.a)(s.a,e.classes),i=Object(d.useState)(!1),c=g()(i,2),b=c[0],h=c[1],w=function toggleHover(){return h(!b)},k=e.appearance,x=void 0===k?"poster":k,H=e.minHeight,L=e.backgroundColor,j=e.desktopImage,R=e.mobileImage,C=e.backgroundSize,T=e.backgroundPosition,E=e.backgroundAttachment,F=e.backgroundRepeat,I=e.textAlign,S=e.border,B=e.borderColor,P=e.borderWidth,z=e.borderRadius,N=e.content,A=e.showButton,J=e.buttonType,V=e.buttonText,Y=e.link,M=e.openInNewTab,K=void 0!==M&&M,_=e.showOverlay,q=e.overlayColor,X=e.marginTop,D=e.marginRight,W=e.marginBottom,Z=e.marginLeft,Q=e.paddingTop,$=e.paddingRight,G=e.paddingBottom,U=e.paddingLeft,ee=e.cssClasse

4s,ne=void 0===ee?[]:ee,re=e.backgroundType,ae=e.videoSrc,te=e.videoFallbackSrc,oe=e.videoLoop,le=e.videoPlayOnlyVisible,ie=e.videoLazyLoading,ge=e.videoOverlayColor,de=e.getParallax,ce=void 0===de?function(){}:de,se=j
5R&&window.matchMedia("(max-width: 768px)").matches&&(se=R)
6var ve={marginTop:X,marginRight:D,marginBottom:W,marginLeft:Z},be={backgroundColor:L,border:S,borderColor:B,borderWidth:P,borderRadius:z,textAlign:I},pe={backgroundColor:"never"!==_?q:null},ye={},ue={backgroundColor:ge}
7if(Object(d.useEffect)(function(){var e,t
8if("video"===re){var o={speed:1,imgSrc:te?Object(u.a)(te,{type:"image-wysiwyg",quality:85}):null,elementInViewport:a.current,videoSrc:ae,videoLoop:oe,videoPlayOnlyVisible:le,videoLazyLoading:ie}
9e=n.current
10var l=r("JOgF")
11t=l.jarallax,(0,l.jarallaxVideo)(),t(e,o),e.jarallax.video&&e.jarallax.video.on("started",function(){var n=e.jarallax
12n.$video&&(n.$video.style.visibility="visible")}),ce(e,o)}return function(){e&&"video"===re&&t(e,"destroy")}},[re,ae,te,oe,le,ie]),se){var me=Object(u.a)(se,{type:"image-wysiwyg",quality:85})
13be.backgroundImage="url(".concat(me,")"),be.backgroundSize=C,be.backgroundPosition=T,be.backgroundAttachment=E,be.backgroundRepeat=F?"repeat":"no-repeat"}"poster"===x?(be.minHeight=H,pe.minHeight=H,pe.paddingTop=Q,pe.paddingRight=$,pe.paddingBottom=G,pe.paddingLeft=U,ye.width="100%"):(be.minHeight=H,be.paddingTop=Q,be.paddingRight=$,be.paddingBottom=G,be.paddingLeft=U)
14var Oe,fe={poster:o.posterOverlay,"collage-left":o.collageLeftOverlay,"collage-centered":o.collageCenteredOverlay,"collage-right":o.collageRightOverlay},he={poster:o.posterOverlayHover,"collage-left":o.collageLeftOverlayHover,"collage-centered":o.collageCenteredOverlayHover,"collage-right":o.collageRightOverlayHover}
15if("never"!==A){var we="hover"===A?o.buttonHover:o.button
16Oe=d.default.createElement("div",{className:we},d.default.createElement(p.a,{priority:{primary:"high",secondary:"normal",link:"low"}[J],type:"button"},V))}var ke=ge?d.default.createElement("div",{className:o.videoOverlay,style:ue}):null,xe="video"===re?d.default.createElement("div",{ref:a,className:o.viewportElement}):null,He="hover"!==_||b?fe[x]:he[x],Le=d.default.createElement("div",{className:o.wrapper,style:be,ref:n},ke,d.default.createElement("div",{className:He,style:pe},d.default.createElement("div",{className:o.content,style:ye,dangerouslySetInnerHTML:O(N)}),Oe),xe)
17if("string"==typeof Y){var je=Object(y.a)(Y),Re=je.to?m.b:"a"
18Le=d.default.createElement(Re,l()({className:o.link},je,K?{target:"_blank"}:"",{onDragStart:f}),Le)}return d.default.createElement("div",{className:[o.root].concat(t()(ne)).join(" "),style:ve,onMouseEnter:w,onMouseLeave:w},Le)}
19h.propTypes={classes:Object(b.shape)({root:b.string,link:b.string,wrapper:b.string,overlay:b.string,content:b.string,button:b.string,buttonHover:b.string,posterOverlay:b.string,posterOverlayHover:b.string,collageLeftOverlay:b.string,collageLeftOverlayHover:b.string,collageCenteredOverlay:b.string,collageCenteredOverlayHover:b.string,collageRightOverlay:b.string,collageRightOverlayHover:b.string,videoOverlay:b.string,viewportElement:b.string}),appearance:Object(b.oneOf)(["poster","collage-left","collage-centered","collage-right"]),minHeight:b.string,backgroundColor:b.string,desktopImage:b.string,mobileImage:b.string,backgroundSize:b.string,backgroundPosition:b.string,backgroundAttachment:b.string,backgroundRepeat:b.bool,content:b.string,link:b.string,linkType:Object(b.oneOf)(["default","product","category","page"]),openInNewTab:b.bool,showButton:Object(b.oneOf)(["always","hover","never"]),buttonText:b.string,buttonType:Object(b.oneOf)(["primary","secondary","link"]),showOverlay:Object(b.oneOf)(["always","hover","never"]),overlayColor:b.string,textAlign:b.string,border:b.string,borderColor:b.string,borderWidth:b.string,borderRadius:b.string,marginTop:b.string,marginRight:b.string,marginBottom:b.string,marginLeft:b.string,paddingTop:b.string,paddingRight:b.string,paddingBottom:b.string,cssClasses:Object(b.arrayOf)(b.string),backgroundType:b.string,videoSrc:b.string,videoFallbackSrc:b.string,videoLoop:b.bool,videoPlayOnlyVisible:b.bool,videoLazyLoading:b.bool,videoOverlayColor:b.string,getParallax:b.func}
20var w=h},"n+YS":function(e,n,r){var a=r("LboF"),t=r("6AoI"),o={injectType:"singletonStyleTag",insert:"head",singleton:!0}

21a(t=t.__esModule?t.default:t,o)
22e.exports=t.locals||{}}}])