https://www.levolor.com/PbVideo.02e31343492af0b8531b.js

1/*!
2 * @version 6fe2f1c-dev
3 * 
4 */
5(window.webpackJsonp=window.webpackJsonp||[]).push([[131],{"7iuD":function(e,n,t){"use strict"
6t.r(n),t.d(n,"default",function(){return j})
7var o=t("RIqP"),a=t.n(o),i=t("J4zp"),r=t.n(i),l=t("MVZn"),s=t.n(l),d=t("q1tI"),c=t.n(d),m=t("LboF"),p=t.n(m),u=t("GZwL"),g={injectType:"singletonStyleTag",insert:"head",singleton:!0},h=(p()(u.a,g),u.a.locals||{}),v=t("y1Xp"),b=t("17x9"),w=t("Hupy"),f=t("CYgd"),y=t("dqi2"),x=t("IP2g"),E=t("twK/"),O=t("aKy7"),C=t("XOrN"),I=t("hMnm"),T=function Video(e){var n=Object(v.a)(h,e.classes),t=e.url,o=void 0===t?"":t,i=e.appearance,l=e.autoplay,m=e.muted,p=e.loop,u=e.maxWidth,g=e.subHeadingText,b=e.displayVideoTitle,T=e.textAlign,j=e.border,k=e.borderColor,R=e.borderWidth,L=e.borderRadius,N=e.marginTop,B=e.marginRight,V=e.marginBottom,F=e.marginLeft,M=e.paddingTop,q=e.paddingRight,S=e.paddingBottom,W=e.paddingLeft,Z=e.controls,z=e.cssClasses,A=void 0===z?[]:z,J=Object(O.a)().refreshAll,P={textAlign:T,marginTop:N,marginRight:B,marginBottom:V,marginLeft:F},D={maxWidth:u},G={border:j,borderColor:k,borderWidth:R,borderRadius:L,paddingTop:M,paddingRight:q,paddingBottom:S,paddingLeft:W},H=s()({},P,G,D),Q=new RegExp("^(?:https?://|//)?(?:www\\.|m\\.)?(?:youtu\\.be/|youtube\\.com/(?:embed/|v/|watch\\?v=|watch\\?.+&v=))([\\w-]{11})(?![\\w-])"),Y=new RegExp("https?://(?:www\\.|player\\.)?vimeo.com/(?:channels/(?:\\w+/)?|groups/([^/]*)/videos/|album/(\\d+)/video/|video/|)(\\d+)(?:$|/|\\?)"),K=function useVideoData(e,n){var t=Object(d.useState)({}),o=r()(t,2),a=o[0],i=o[1],l=new w.a,s=new RegExp("https?://(?:www\\.|player\\.)?vimeo.com/(?:channels/(?:\\w+/)?|groups/([^/]*)/videos/|album/(\\d+)/video/|video/|)(\\d+)(?:$|/|\\?)"),c=new RegExp("^(?:https?://|//)?(?:www\\.|m\\.)?(?:youtu\\.be/|youtube\\.com/(?:embed/|v/|watch\\?v=|watch\\?.+&v=))([\\w-]{11})(?![\\w-])"),m=e,p="vimeo",u=""
8if(s.test(m)){var g=m.match(s)
9m=g[3],u="https://vimeo.com/api/v2/video/"+m+".json"}if(c.test(m)){var h=m.match(c)
10p="youtube",m=h[1],u="https://www.youtube.com/oembed?format=json&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D"+m}return Object(d.useEffect)(function(){if("modal"===n){var e=["video","data",p,m].join("-"),t=l.getItem(e)
11if(!t){var o=new AbortController
12return fetch(u,{signal:o.signal}).then(function(e){return e.json()}).then(function(n){if(void 0!==n&&n){var t=n
13"vimeo"===p&&(t=n[0]),"youtube"===p&&(t.thumbnail_large="https://img.youtube.com/vi/"+m+"/sddefault.jpg"),i(t),l.setItem(e,t)}}).catch(function(e){i({error:e})}),function(){o.abort()}}i(t)}},[m,p,u]),{videoData:a}}(o,i).videoData,X=Object(d.useState)(!1),_=r()(X,2),$=_[0],U=_[1]
14Object(d.useEffect)(function(){K&&J()},[K,J])
15var ee=Object(C.a)().dataLayer,Video="",ne=Q.test(o)||Y.test(o)
16o&&o.length&&ne?Video=c.a.createElement("iframe",{className:n.video,title:o,frameBorder:"0",allowFullScreen:"1",loading:"lazy",src:o,id:"iframeVimeo"}):o&&o.length&&(Video=c.a.createElement("video",{loop:p,className:n.video,src:o,autoPlay:l,muted:m,frameBorder:"0",controls:Z}))
17var te=Object(d.useRef)(),oe=c.a.createElement("div",{style:P,className:[n.root].concat(a()(A)).join(" ")},c.a.createElement("div",{style:D,className:n.inner},c.a.createElement("div",{style:G,className:n.wrapper},c.a.createElement("div",{className:n.container,ref:te},Video))))
18if(Object(d.useEffect)(function(){if(ne){var e=document.querySelector("#iframeVimeo")
19new I.a(e).on("play",function(){ee({event:"levolorEvents",eventCategory:"Explore",eventAction:"Click to Play",eventLabel:"Videos - Get Back to Life"})})}},[ee,ne]),"modal"===i&&K.thumbnail_large){var ae=function handleClick(){U(!0)},ie=""
20g.length>0&&(ie=c.a.createElement("h5",null,g))
21var re=""
22"true"===b&&(re=c.a.createElement("h4",null,K.title))
23var le=""
24return $&&(le=c.a.createElement(c.a.Fragment,null,c.a.createElement("button",{className:n.close,onClick:function handleClose(){U(!1)}},c.a.createElement(x.a,{icon:E.c,className:n.closeIcon})),c.a.createElement("div",{className:n.modalInnerContainer},Video))),c.a.createElement(c.a.Fragment,null,c.a.createElement("div",{className:n.modalContainer,onClick:ae,onKeyDown:ae,role:"button",tabIndex:"0",style:H},c.a.createElement("div",{className:n.thumbnailContainer},c.a.createElement(y.a,{src:K.thumbnail_large,alt:K.title,className:n.thumbnail}),c.a.createElement(x.a,{icon:E.b,className:n.play})),ie,re),c.a.createElement(f.a,{isOpen:$},le))}return oe}
25T.propTypes={classes:Object(b.shape)({root:b.string,inner:b.string,wrapper:b.string,container:b.string,video:b.string}),url:b.string,appearance:b.string,autoplay:b.bool,muted:b.bool,maxWidth: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,cssClasse

25s:Object(b.arrayOf)(b.string)}
26var j=T},CYgd:function(e,n,t){"use strict"
27var o=t("q1tI"),a=t.n(o),i=t("17x9"),r=t("y1Xp"),l=t("TsSr"),s=t("INpp"),d=t("LboF"),c=t.n(d),m=t("sh3g"),p={injectType:"singletonStyleTag",insert:"head",singleton:!0},u=(c()(m.a,p),m.a.locals||{}),g=t("TSYQ"),h=t.n(g),v=a.a.forwardRef(function(e,n){var t=e.children,o=e.isOpen,i=e.isTransparentBackground,d=e.width,c=e.height
28Object(s.a)(o)
29var m=Object(r.a)(u,e.classes),p=h()(o?m.rootOpen:m.root,i?m.transparentBackground:null)
30return a.a.createElement(l.a,null,a.a.createElement("aside",{ref:n,className:p,style:{width:d,height:c}},t))})
31v.propTypes={cancelText:i.string,classes:Object(i.shape)({root:i.string,rootOpen:i.string,transparentBackground:i.string}),isOpen:i.bool,isTransparentBackground:i.bool},v.defaultProps={isOpen:!1}
32n.a=v},GZwL:function(e,n,t){"use strict"
33var o=t("JPst"),a=t.n(o)()(function(e){return e[1]})
34a.push([e.i,".video-root-ixT {\n    font-size: 0;\n}\n\n.video-inner-L6l {\n    display: inline-block;\n    width: 100%;\n}\n\n.video-wrapper-Mew {\n    overflow: hidden;\n    transform: translateZ(0px);\n}\n\n.video-container-uxe {\n    overflow: hidden;\n    padding-top: 56.25%;\n    position: relative;\n}\n\n.video-video-b8u {\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n}\n\n.video-modalContainer-Jeo {\n    width: auto;\n    cursor: pointer;\n}\n\n.video-thumbnail-x6W {\n    opacity: 0.8;\n    width: 100%;\n}\n\n.video-thumbnailContainer-oal {\n    width: 100%;\n    position: relative;\n    overflow: hidden;\n    background-color: rgb(var(--levolor-global-color-black));\n}\n\n.video-play-1jI {\n    position: absolute;\n    left: 35%;\n    top: 50%;\n    transform: translateY(-50%);\n    min-width: 30%;\n    max-width: 30%;\n    height: auto;\n    color: rgb(var(--levolor-global-color-white));\n    opacity: 0.25;\n}\n\n.video-thumbnailContainer-oal:hover .video-play-1jI {\n    opacity: 0.8;\n}\n.video-thumbnailContainer-oal:hover .video-thumbnail-x6W {\n    opacity: 0.95;\n}\n\n.video-close-iRk {\n    width: 110px;\n    height: 110px;\n    position: absolute;\n    right: 0;\n    top: 0;\n    cursor: pointer;\n    z-index: 1;\n}\n\n.video-closeIcon-xcQ {\n    min-width: 35px;\n    min-height: 35px;\n}\n\n.video-close-iRk:hover {\n    background: RGB(var(--levolor-global-color-gray-100));\n}\n\n.video-modalInnerContainer-TZI {\n    margin-top: 80px;\n    width: 100%;\n    height: 100%;\n}\n\n.video-modalInnerContainer-TZI iframe {\n    width: 100%;\n    height: 100%;\n}\n\n@media (min-width: 769px) {\n    .video-modalInnerContainer-TZI {\n        width: 90vw;\n        margin: 80px auto;\n        height: 100%;\n    }\n}\n",""]),a.locals={root:"video-root-ixT",inner:"video-inner-L6l",wrapper:"video-wrapper-Mew",container:"video-container-uxe",video:"video-video-b8u",modalContainer:"video-modalContainer-Jeo",thumbnail:"video-thumbnail-x6W",thumbnailContainer:"video-thumbnailContainer-oal",play:"video-play-1jI",close:"video-close-iRk",closeIcon:"video-closeIcon-xcQ",modalInnerContainer:"video-modalInnerContainer-TZI"},n.a=a},dqi2:function(e,n,t){"use strict"
35var o=t("pVnL"),a=t.n(o),i=t("QILm"),r=t.n(i),l=t("q1tI"),s=t.n(l),d=t("17x9"),c=["alt","className","handleError","handleLoad","height","src","width"],m=function SimpleImage(e){var n=e.alt,t=e.className,o=e.handleError,i=e.handleLoad,l=e.height,d=e.src,m=e.width,p=r()(e,c)
36return s.a.createElement("img",a()({loading:"lazy"},p,{alt:n,className:t,height:l,onError:o,onLoad:i,src:d,width:m}))}

37m.propTypes={alt:d.string.isRequired,className:d.string,handleError:d.func,handleLoad:d.func,height:Object(d.oneOfType)([d.number,d.string]),src:d.string.isRequired,width:Object(d.oneOfType)([d.number,d.string])},n.a=m},sh3g:function(e,n,t){"use strict"
38var o=t("JPst"),a=t.n(o)()(function(e){return e[1]})
39a.push([e.i,".simpleModal-root-Fa9 {\n    /* The root aside element takes up the whole screen. */\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    padding: 0;\n    background: white;\n\n    /* It is hidden by default. */\n    opacity: 0;\n    visibility: hidden;\n\n    /* It sits over all background content. */\n    z-index: -1;\n\n    align-content: start;\n\n    transition: all 0.5s ease-in-out;\n}\n\n.simpleModal-transparentBackground-upO {\n    background: transparent;\n}\n\n.simpleModal-rootOpen-Hgo {\n\n    z-index: 1000;\n    opacity: 1;\n    visibility: visible;\n    overflow: auto;\n}\n",""]),a.locals={root:"simpleModal-root-Fa9",transparentBackground:"simpleModal-transparentBackground-upO",rootOpen:"simpleModal-rootOpen-Hgo simpleModal-root-Fa9"},n.a=a}}])