https://www.milwaukeetool.com/_next/static/chunks/158.8a1ff81d9e1d29f5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[158],{158:function(e,n,t){t.r(n),t.d(n,{default:function(){return G}});var r=t(27573),l=t(58464),i=t(11363),a=t(31547),o=t(99370),u=t(67430),s=t(14118),d=t(7653),c=t(7577),p=t(24790),f=t(23203),v=t(46422),m=t(42347),x=(0,m.tw)(v.z)`
2  sm:pl-11
3  sm:pr-5
4  md:pl-16
5  relative
6  [&_svg]:absolute
7  [&_svg]:-translate-y-[8px]
8  md:[&_svg]:-translate-y-[10px]
9  sm:[&_svg]:left-3
10  md:[&_svg]:left-6
11  mt-3
12`,h=({text:e,theme:n,className:t,size:l,width:i,children:o,...u})=>(0,r.jsxs)(x,{theme:n,size:l,width:i,className:`${t||""} `,type:"button",...u,children:[(0,r.jsx)(a.P,{className:"w-[27px] md:w-[36px]",fillColor:"WHITE"}),e||o]}),_=t(56683),b=t(83723),y=t(15693),g=t(36984),w=t(40261),j=t(11431),k=m.tw.div`
13  relative
14`,Z=(0,m.tw)(w.W)`
15  sm:px-5
16  inline-flex
17  border-2
18  border-solid
19  leading-none  
20  text-center
21  capitalize
22  transition-all   
23  border-MILWAUKEE_RED
24  bg-transparent   
25  hover:bg-transparent   
26  font-helvetica71
27  text-xl
28  py-2
29  px-5
30  border-b-0
31  text-white
32  relative
33  focus:border-2
34  focus:border-b-0
35  focus:bg-transparent
36`,C=m.tw.div`
37  absolute
38  top-full
39  left-0
40  w-full
41`,E=()=>(0,r.jsx)(C,{children:(0,r.jsx)(j.u,{width:"100%",height:"100%",viewBox:"0 0 170 15",fillColor:"TRANSPARENT",children:(0,r.jsx)("path",{d:"M0 1L86.1184 13.5L170 1",className:"stroke-MILWAUKEE_RED",strokeWidth:"2"})})});function N(){let e=(0,_._)(["\n  hero-banner\n  relative\n  h-[200px]\n  w-full\n  overflow-hidden\n  ","\n  bg-gray-900\n"]);return N=function(){return e},e}function I(){let e=(0,_._)(["\n  hero-banner__logo\n  max-w-1/2\n"]);return I=function(){return e},e}function R(){let e=(0,_._)(["\n  hero-banner__content\n  z-20\n  absolute\n  top-2/3\n  flex\n  flex-col\n  w-full\n  -translate-y-1/2\n  items-center\n  justify-center\n  bg-black/50\n  py-3\n  md:py-10\n  uppercase\n  gap-1\n  md:gap-4\n  ","\n  ","\n"]);return R=function(){return e},e}function T(){let e=(0,_._)(["\n  font-helvetica83\n  text-2xl\n  text-brandWhite\n  uppercase\n  font-normal\n  text-center\n  ","\n"]);return T=function(){return e},e}function W(){let e=(0,_._)(["\n  hidden\n  md:block\n"]);return W=function(){return e},e}function z(){let e=(0,_._)(["\n  ","\n  [&_[data-vimeo-initialized='true']_iframe]:bg-gray-900\n  ","\n"]);return z=function(){return e},e}function L(){let e=(0,_._)(["\n  ","\n"]);return L=function(){return e},e}function P(){let e=(0,_._)(["\n  w-[60px]\n  h-[60px]\n  rounded-full\n  border-white\n  border-2\n  sm:p-0\n  p-0\n  flex-wrap\n  content-center\n  justify-center\n  hover:border-white\n  mt-3\n"]);return P=function(){return e},e}function D(){let e=(0,_._)(["\n  top-7\n  right-7\n  absolute\n  z-[1]\n"]);return D=function(){return e},e}let M=e=>{switch(e){case"secondary":return"hero-banner--secondary sm:h-[300px] xl:h-[450px]";case"tertiary":return"hero-banner--tertiary sm-max:h-[150px] sm:h-[200px] md:h-[300px]";default:return"hero-banner--primary sm-max:h-[175px] sm:h-[600px] md:h-[780px]"}},A=e=>{switch(e){case"secondary":case"tertiary":return"md:pt-5 md:pb-10 sm:max-p-[10px_0_20px]";default:return"md:py-10 md:px-0 sm:max-p-[12px_0_17px]"}},H=e=>{switch(e){case"secondary":case"tertiary":return"leading-none sm-max:text-[13px] md:text-3xl";default:return"sm-max:text-[15px] sm-max:leading-[1.3] sm:leading-[1.1] md:text-4xl"}},V=b.Z.div(N(),e=>{let{bannerType:n}=e;return M(n)}),F=(0,b.Z)(y.Z)(I()),K=b.Z.div(R(),e=>{let{bannerType:n}=e;return A(n)},e=>{let{isVisible:n}=e;return n?"":"hidden"}),S=(0,b.Z)(g.h)(T(),e=>{let{bannerType:n}=e;return H(n)}),U=(0,b.Z)(({className:e,...n})=>{let{text:t,children:l,...i}=n;return(0,r.jsxs)(k,{children:[(0,r.jsx)(Z,{className:`${e||""} `,type:"button",...i,children:t||l}),(0,r.jsx)(E,{})]})})(W()),O="\n  [&>div]:pt-[40%]  \n  [&>div]:h-[75vh]  \n  [&_iframe]:absolute\n  [&_iframe]:h-full\n  [&_iframe]:left-1/2\n  [&_iframe]:top-1/2\n  [&_iframe]:min-h-[56.25vw]\n  [&_iframe]:min-w-full\n  [&_iframe]:-translate-y-1/2\n  [&_iframe]:-translate-x-1/2  \n  [&_iframe]:w-[177.77777778vh]\n",$=b.Z.div(z(),O,e=>{let{isVisible:n}=e;return n?"":"hidden"}),B=b.Z.div(L(),O),J=(0,b.Z)(v.z)(P()),X=b.Z.button(D());var q=t(29242),G=e=>{let{anchorText:n,autoplay:t,bannerImage:v,bannerTitle:m,bannerTitleLogo:x,bannerType:_,buttonText:b,loop:y,mute:g,openSecondaryVideoInModal:w,secondaryVideoID:j,vimeoVideoID:k}=e,{openModal:Z}=(0,s.d)(),[C,E]=(0,d.useState)(!1),N=(0,c.bO)(),I=(0,d.useRef)(null),R=(0,f.D)(),T=()=>{R({event:"link_engagement_tracking",action_type:"cta link click",action_category:"content viewing",action_content:b,action_target:n||"",action_parent:"hero banner",action_parent_detail:void 0,action_depth:void 0,action_depth_context:void 0,action_level:void 0,action_level_context:void 0})},W=()=>{w&&j?Z({content:(0,r.jsx)(u.Z,{videoId:j,autoplay:t,muted:g,loop:y})}):E(!0)};return(0,r.jsxs)(V,{bannerType:null==_?void 0:_.stylingClass,ref:I,children:[v&&(0,r.jsx)(l.Z,{alt:null==v?void 0:v.alt,url:null==v?void 0:v.url}),k&&(0,r.jsx)($,{bannerType:null==_?void 0:_.stylingClass,isVisible:!C,children:(0,r.jsx)(i.Z,{videoId:k,autoplay:!0,controls:!1,autopause:!1,loop:!0,muted:!0}

41)}),C&&j&&(0,r.jsxs)(B,{children:[(0,r.jsx)(X,{onClick:()=>E(!1),children:(0,r.jsx)(o.A,{fillColor:"WHITE",width:36,height:36})}),(0,r.jsx)(i.Z,{videoId:j,autoplay:!0,controls:!1,autopause:!1,loop:!0,muted:!0})]}),(m||(null==x?void 0:x.url))&&(0,r.jsxs)(K,{isVisible:!C,bannerType:null==_?void 0:_.stylingClass,children:[x&&(0,r.jsx)(F,{url:null==x?void 0:x.url,alt:null==x?void 0:x.alt}),m&&(0,r.jsx)(S,{as:"h1",bannerType:null==_?void 0:_.stylingClass,children:(0,r.jsx)(q.Z,{code:m,as:"span"})}),b&&!j&&(0,r.jsx)(U,{onClick:e=>{if(e.preventDefault(),n&&"#"!==n)N((0,p.pK)(n));else{if(!I.current)return;let e=I.current.offsetHeight+I.current.offsetTop-50;N((0,p.sz)(0,e))}T()},text:b,className:"text-brandWhite"}),j&&(b?(0,r.jsx)(h,{size:{xs:"XSMALL",md:"MEDIUM"},onClick:()=>W(),text:b}):(0,r.jsx)(J,{onClick:()=>W(),children:(0,r.jsx)(a.P,{fillColor:"WHITE",width:40,height:40})}))]})]})}},23203:function(e,n,t){t.d(n,{D:function(){return i}});var r=t(59372),l=t(45950);let i=()=>{var e;let{isLoading:n,isAuthenticated:t,user:i}=(0,r.J)(),a=n?"met session id is not yet available":null==i?void 0:null===(e=i.session)||void 0===e?void 0:e.id;return e=>{t&&i?l.default.fireEvent({rudderstack_user_id:i.details.email,...e},a):l.default.fireEvent(e,a)}}},11363:function(e,n,t){var r=t(27573),l=t(7653),i=t(307);let a=(0,l.forwardRef)((e,n)=>{let{autopause:t,autoplay:a=!1,byline:o=!1,className:u,controls:s=!0,loop:d=!1,muted:c=!1,portrait:p=!1,title:f=!1,responsive:v=!1,videoId:m,autoSlideVideosEnabled:x,videoPlaybackFinishedCb:h}=e,_=(0,l.useRef)(null),b=(0,l.useRef)(null);return(0,l.useImperativeHandle)(n,()=>({play:()=>{var e;null===(e=b.current)||void 0===e||e.play()},playPause:()=>{var e;null===(e=b.current)||void 0===e||e.play().then(()=>{var e;null===(e=b.current)||void 0===e||e.pause()})},pause:()=>{var e;null===(e=b.current)||void 0===e||e.pause()},pauseOrPauseReset:()=>{var e,n;x?null===(e=b.current)||void 0===e||e.pause().then(()=>{var e;null===(e=b.current)||void 0===e||e.setCurrentTime(0)}):null===(n=b.current)||void 0===n||n.pause()}})),(0,l.useEffect)(()=>{if(_.current){if(b.current=new i.Z(_.current,{autopause:t,autoplay:a,byline:o,controls:s,id:Number(m),loop:d,muted:c,portrait:p,title:f,responsive:v}),void 0!==h){var e;null===(e=b.current)||void 0===e||e.on("ended",()=>{var e;null===(e=b.current)||void 0===e||e.getVideoId().then(function(e){h(e)})})}return()=>{var e;null===(e=b.current)||void 0===e||e.unload()}}},[t,a,o,s,d,c,p,f,m,v,x,h]),(0,r.jsx)("div",{ref:_,className:u})});n.Z=a,a.displayName="VideoPlayer"},67430:function(e,n,t){var r=t(27573),l=t(7653),i=t(307),a=t(45950),o=t(23203);n.Z=e=>{let{videoId:n,autoplay:t=!1,controls:u=!0,loop:s=!1,muted:d=!1,width:c,height:p,videoSize:f,skipOnClickTracking:v,slideIndex:m,totalSlides:x}=e,h=(0,l.useRef)(null),_=(0,l.useRef)(null),b=(0,o.D)(),y=(0,l.useCallback)(e=>{var t;b({event:"media_engagement_tracking",action_type:"play media",action_category:"content viewing",action_content:"https://player.vimeo.com/video/".concat(n),action_target:e,action_parent:"".concat(a.default.metContext.page_template_name," media gallery|video"),action_parent_detail:null!==(t=a.default.metContext.product_sku)&&void 0!==t?t:"standalone",action_depth:m?m+1:void 0,action_depth_context:null!=x?x:void 0,action_level:void 0,action_level_context:void 0})},[m,x,n,b]);return(0,l.useEffect)(()=>{h.current&&(_.current=new i.Z(h.current,{title:!1,portrait:!1,byline:!1,id:Number(n),autoplay:t,loop:s,controls:u,muted:d,width:c,height:p}))},[n,t,s,u,d,c,p]),(0,l.useEffect)(()=>{_.current&&(v||y("open video modal"),_.current.on("play",function(){y("play video")}))},[m,x,v,y]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{children:"\n          .modal__content {\n            background-color: #fff;\n            overflow: hidden;\n            padding: 0;\n            position: relative;\n            ".concat((e=>{switch(e){case"4-3":return"padding-bottom: 75%";case"16-9":default:return"padding-bottom: 56.25%";case"9-16":case"1-1":case"2-3":return"\n        padding-bottom: 0;\n        width: 100%;\n        height: calc(100% - 60px);\n        "}})(null!=f?f:"16-9"),"\n           }\n          #vimeo-modal-video iframe {height: 100%; width: 100%; position: absolute; left: 0; top: 0; max-height: 100%; max-width: 100%;}\n        ")}),(0,r.jsx)("div",{id:"vimeo-modal-video",ref:h})]})}},31547:function(e,n,t){t.d(n,{P:function(){return i}});var r=t(11431),l=t(27573),i=({...e})=>(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(r.u,{...e,children:(0,l.jsx)("g",{children:(0,l.jsx)("path",{d:"M8 18.925V4.92499L19 11.925L8 18.925Z"})})})})},46422:function(e,n,t){t.d(n,{z:function(){return i}});

41var r=t(40261),l=t(27573),i=({text:e,theme:n,className:t,size:i,width:a,children:o,...u})=>(0,l.jsx)(r.W,{theme:n,size:i,width:a,className:t||"",type:"button",...u,children:e||o})}}]);