https://www.levolor.ca/HeaderLevolorHeader.73aa506b31d36b86b112.js

1/*!
2 * @version f517a5a-dev
3 * 
4 */
5(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{KTmo:function(e,t,n){e.exports=n.p+"directBuyLogo-beh.png"},STEg:function(e,t,n){"use strict"
6var a=n("J4zp"),r=n.n(a),c=n("QILm"),i=n.n(c),l=n("Hupy"),o=["type"],s=new l.a,u=(globalThis.document||{}).documentElement,d="backend"===(u?u.dataset:{}).imageOptimizingOrigin,h=s.getItem("store_view_code")||"default",m={};[{code:"default",id:1,secure_base_media_url:"https://www.levolor.com/media/",store_name:"Levolor (Default Store View)",default_display_currency_code:"USD"},{code:"levolor_ca",id:3,secure_base_media_url:"https://www.levolor.ca/media/",store_name:"Levolor CA",default_display_currency_code:"USD"},{code:"partners",id:9,secure_base_media_url:"https://partners.levolor.com/media/",store_name:"Partners",default_display_currency_code:"USD"},{code:"installer_ca",id:10,secure_base_media_url:"https://installer.levolor.ca/media/",store_name:"Installer CA",default_display_currency_code:"USD"},{code:"installer",id:8,secure_base_media_url:"https://installer.levolor.com/media/",store_name:"Installer",default_display_currency_code:"USD"},{code:"directbuy",id:5,secure_base_media_url:"https://directbuy2.levolor.com/media/",store_name:"DirectBuy",default_display_currency_code:"USD"},{code:"employee",id:4,secure_base_media_url:"https://employeepurchase.levolor.com/media/",store_name:"Employee",default_display_currency_code:"USD"},{code:"exchange",id:2,secure_base_media_url:"https://exchange.levolor.com/media/",store_name:"Exchange",default_display_currency_code:"USD"}].forEach(function(e){m[e.code]=e.secure_base_media_url})
7var g=s.getItem("store_view_secure_base_media_url")||m[h]
8g||(g="https://backend.test/media/")
9var f=/^(data|http|https)?:/i,p=(new Map).set("image-product","catalog/product/").set("image-category","catalog/category/").set("image-swatch","attribute/swatch/")
10t.a=function makeOptimizedUrl(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.type,a=i()(t,o)
11if(!n||!n.startsWith("image-"))return e
12var c=(globalThis.location||{}).origin,l=f.test(e),s=new URL(e,g)
13if(!l&&p.has(n)){var u=p.get(n)
14s.pathname.includes(u)||(s=new URL(function joinUrls(e,t){return(e.endsWith("/")?e.slice(0,-1):e)+"/"+(t.startsWith("/")?t.slice(1):t)}(u,e),g))}s.href.startsWith("https://www.levolor.com/")&&!d&&(s=new URL(s.href.slice("https://www.levolor.com/".length),c))
15var h=new URLSearchParams(s.search)
16return h.set("auto","webp"),"png"===function getFileType(e){return e.pathname.split("/").reverse()[0].split(".").reverse()[0]}(s)?h.set("format","png"):h.set("format","pjpg"),Object.entries(a).forEach(function(e){var t=r()(e,2),n=t[0],a=t[1]
17null!=a&&h.set(n,a)}),s.search=h.toString(),s.origin===c?s.href.slice(s.origin.length):s.href}},VQix:function(e,t,n){"use strict"
18var a=n("JPst"),r=n.n(a)()(function(e){return e[1]})

19r.push([e.i,".clickable-root-sDL {\n    align-items: center;\n    cursor: pointer;\n    display: inline-flex;\n    justify-content: center;\n    line-height: 1;\n    pointer-events: auto;\n    text-align: center;\n}\n",""]),r.locals={root:"clickable-root-sDL"},t.a=r},XI8w:function(e,t,n){"use strict"
20n.d(t,"a",function(){return i})
21var a=n("J4zp"),r=n.n(a),c=n("q1tI"),i=function useDetectScroll(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).threshold,t=void 0===e?0:e,n=Object(c.useState)(),a=r()(n,2),i=a[0],l=a[1]
22return Object(c.useEffect)(function(){var e=window.pageYOffset,n=!1,a=function updateScrollDir(){var a=window.pageYOffset
23if(Math.abs(a-e)<t)n=!1
24else{var r=a>e?"down":"up"
25l(function(e){return e!==r?r:e}),e=a>0?a:0,n=!1}},r=function onScroll(){n||(window.requestAnimationFrame(a),n=!0)}
26return window.addEventListener("scroll",r,{passive:!0}),function(){return window.removeEventListener("scroll",r,{passive:!0})}},[i,t]),{scrollDir:i}}},eVhN:function(e,t,n){"use strict"
27var a=n("J4zp"),r=n.n(a),c=n("q1tI")
28t.a=function useCallbackRef(e,t){var n=Object(c.useState)(function(){return{value:e,callback:t,facade:{get current(){return a.value},set current(e){var t=a.value
29t!==e&&(a.value=e,a.callback(e,t))}}}}),a=r()(n,1)[0]
30return a.callback=t,a.facade}},prjH:function(e,t,n){"use strict"
31n.d(t,"a",function(){return l})
32var a=n("J4zp"),r=n.n(a),c=n("q1tI"),i=n("zCJ/"),l=function useDropdown(){var e=Object(c.useRef)(null),t=Object(c.useRef)([]),n=Object(c.useState)(!1),a=r()(n,2),l=a[0],o=a[1],s=Object(c.useCallback)(function(n){var a=n.target,r=!e.current||!e.current.contains(a),c=!0
33t.current.map(function(e){e&&e.contains(a)&&(c=!1)}),r&&c&&o(!1)},[])
34return Object(i.a)(document,"mousedown",s),{elementRef:e,expanded:l,setExpanded:o,triggersRef:t}}},rHCy:function(e,t,n){"use strict"
35var a=n("q1tI"),r=n.n(a),c=n("jOa7"),i=n("TSYQ"),l=n.n(i)
36t.a=function ShimmerLine(e){var t=e.width,n=e.height,a=e.classes
37return r.a.createElement("div",{style:{width:t,height:n},className:l()(c.a.lines,c.a.shine,c.a.animate,a)},r.a.createElement("div",{className:c.a.inner}))}},tPo8:function(e,t,n){"use strict"
38n.r(t)
39var a=n("MVZn"),r=n.n(a),c=n("pVnL"),i=n.n(c),l=n("J4zp"),o=n.n(l),s=n("q1tI"),u=n.n(s),d=n("TSYQ"),h=n.n(d),m=n("17x9"),g=n("dDsW"),f=n("y1Xp"),p=n("LboF"),b=n.n(p),v=n("vcm9"),_={injectType:"singletonStyleTag",insert:"head",singleton:!0},w=(b()(v.a,_),v.a.locals||{}),E=n("OlZo"),y=function HamburgerIcon(e){return u.a.createElement("svg",i()({},e,{viewBox:"0 0 19.99 16.95",fill:"currentColor"}),u.a.createElement("path",{d:"M.876 15.2a.875.875 0 00-.875.874.875.875 0 00.875.875h18.238a.875.875 0 00.875-.875.875.875 0 00-.875-.875H.876z"}),u.a.createElement("path",{d:"M.876 7.6A.875.875 0 000 8.473a.875.875 0 00.875.875h12.92a.875.875 0 00.875-.875.875.875 0 00-.875-.875H.876z"}),u.a.createElement("path",{d:"M.876 0A.875.875 0 000 .873a.875.875 0 00.875.875h18.238a.875.875 0 00.875-.875.875.875 0 00-.875-.875H.876z"}))}
40y.propTypes={"data-testelementid":m.string,width:m.number,height:m.number}
41var O=y,j=function NavigationTrigger(e){var t=Object(g.a)().formatMessage,n=function useNavigationTrigger(){var e=Object(E.b)(),t=o()(e,2)[1].toggleDrawer
42return{handleOpenNavigation:Object(s.useCallback)(function(){t("nav")},[t])}}().handleOpenNavigation,a=Object(f.a)(w,e.classes)
43return u.a.createElement("button",{className:a.root,"aria-label":t({id:"navigationTrigger.ariaLabel",defaultMessage:"Toggle navigation panel"}),onClick:n},u.a.createElement(O,{"data-testelementid":"nav_trigger_hamburger_icon",className:a.icon,width:20,height:47}))}
44j.propTypes={children:m.node,classes:Object(m.shape)({root:m.string})}
45var S=j,T=n("55Ip"),k=n("STEg"),M=n("zL3n"),x=n("prjH"),C=n("SkmS"),I=n("XI8w"),R=n("9rXH"),D=n("xY7f"),z=n.n(D),L=n("KTmo"),N=n.n(L),H=n("gBRb"),U=n("eVhN"),A=n("UFbC"),J=n("jfSQ"),P=n("rHCy"),B=n("qbCy"),q=u.a.lazy(function(){return Object(J.a)(function(){return Promise.all([n.e(0),n.e(1),n.e(3),n.e(19),n.e(89)]).then(n.bind(null,"ep1S"))})}),V=u.a.lazy(function(){return Object(J.a)(function(){return Promise.all([n.e(19),n.e(88)]).then(n.bind(null,"qr7C"))})}),Q=u.a.lazy(function(){return Object(J.a)(function(){return Promise.all([n.e(0),n.e(1),n.e(2),n.e(6),n.e(91)]).then(n.bind(null,"9E

45xo"))})}),Y=u.a.lazy(function(){return Object(J.a)(function(){return n.e(86).then(n.bind(null,"PvIS"))})}),F=u.a.lazy(function(){return Object(J.a)(function(){return n.e(90).then(n.bind(null,"rP2T"))})}),W=u.a.lazy(function(){return Object(J.a)(function(){return n.e(87).then(n.bind(null,"510Z"))})})
46t.default=function LevolorHeader(e){var t,n,a=e.classes,c=e.storeCode,l=e.isDirectBuy,d=e.isExchange,m=e.headerHeight,g=Object(s.useRef)(),f=function useAccountTrigger(){var e=Object(x.a)(),t=e.elementRef,n=e.expanded,a=e.setExpanded,r=e.triggersRef,c=Object(s.useCallback)(function(){a(function(e){return!e})},[a])
47return{accountMenuIsOpen:n,accountMenuRef:t,accountMenuTriggersRef:r,setAccountMenuIsOpen:a,handleTriggerClick:c}}(),p=f.accountMenuIsOpen,b=f.accountMenuRef,v=f.setAccountMenuIsOpen,_=f.accountMenuTriggersRef,w=f.handleTriggerClick,E=Object(s.useState)(),y=o()(E,2)[1],O=Object(U.a)(null,function(){return y()}),j=Object(U.a)({},function(){return y()})
48Object(s.useEffect)(function(){j.current&&Object(A.sb)(j.current.clientHeight)},[j.current.clientHeight])
49var D=Object(H.a)(A.tb),L=Object(C.a)().isMobile,J="down"===Object(I.a)().scrollDir,X=Object(H.a)(R.b),Z=L?u.a.createElement(q,{storeCode:c,isExchange:d,isDirectBuy:l}):null,K=L?null:u.a.createElement(V,{storeCode:c,isExchange:d,isDirectBuy:l}),G=X.title.length||(null===(t=X.buttons)||void 0===t?void 0:t.length)||(null===(n=X.price)||void 0===n?void 0:n.length),$=Object(s.useMemo)(function(){return G?u.a.createElement(s.Suspense,{fallback:u.a.createElement(B.a,{width:"100%",height:56})},u.a.createElement(F,i()({headerRef:g},X))):null},[G,X]),ee=Object(s.useMemo)(function(){var e={exchange:u.a.createElement(s.Suspense,{fallback:null},u.a.createElement(W,{width:157,height:21,type:"media",alt:"Exchange",src:z.a})),directbuy:u.a.createElement(s.Suspense,{fallback:null},u.a.createElement(W,{width:95,height:30,type:"media",alt:"DirectBuy",src:N.a})),default:u.a.createElement(M.a,{width:135,height:24,className:a.logo})}
50return e[c]||e.default},[c,a]),te=Object(s.useMemo)(function(){var e
51if(!D&&J)return{top:-((null===(e=O.current)||void 0===e?void 0:e.clientHeight)||120)}},[J,D,O])
52return u.a.createElement(u.a.Fragment,null,u.a.createElement(s.Suspense,{fallback:null},Z),u.a.createElement("header",{id:"siteHeader",ref:g,className:h()(a.root),style:r()({},te,m)},u.a.createElement(s.Suspense,{fallback:u.a.createElement(B.a,{width:"100%",height:64})},u.a.createElement(Q,{ref:O,handleTriggerClick:w,accountMenuTriggersRef:_})),u.a.createElement("div",{className:a.toolbar,ref:j},L?u.a.createElement("div",{className:a.primaryActions},u.a.createElement(S,null)):null,u.a.createElement(T.b,{to:Object(k.a)("/"),className:a.logoContainer,"data-testelementid":"logo"},ee),u.a.createElement(s.Suspense,{fallback:u.a.createElement("div",{className:a.shimmerMegaMenuRoot},u.a.createElement(P.a,{width:115,height:22}),u.a.createElement(P.a,{width:115,height:22}),u.a.createElement(P.a,{width:115,height:22}),u.a.createElement(P.a,{width:115,height:22}),u.a.createElement(P.a,{width:115,height:22}),u.a.createElement(P.a,{width:115,height:22}))},K),u.a.createElement(s.Suspense,{fallback:u.a.createElement("div",{className:a.shimmerCustomerActionsRoot},u.a.createElement(B.a,{width:20,height:20}),u.a.createElement(B.a,{width:20,height:20}),u.a.createElement(B.a,{width:20,height:20}),u.a.createElement(B.a,{width:20,height:20}))},u.a.createElement(Y,{accountMenuIsOpen:p,accountMenuRef:b,setAccountMenuIsOpen:v,accountMenuTriggersRef:_,handleTriggerClick:w}))),$))}},vcm9:function(e,t,n){"use strict"
53var a=n("JPst"),r=n.n(a),c=n("VQix"),i=r()(function(e){return e[1]})
54i.i(c.a,"",!0),i.push([e.i,".navTrigger-root-yIv {\n    height: 3rem;\n    width: 3rem;\n}\n\n.navTrigger-icon-odA {\n    fill: RGB(var(--levolor-global-color-blue-800));\n}\n\n@media (min-width: 1024px) {\n    .navTrigger-root-yIv {\n        display: none;\n    }\n}\n",""]),i.locals={root:"navTrigger-root-yIv "+c.a.locals.root,icon:"navTrigger-icon-odA"},t.a=i},xY7f:function(e,t,n){e.exports=n.p+"exchange_logo-bVC.png"}}])