1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2531],{40251:function(n,e,t){var r=t(27573);t(7653);var i=t(2566),o=t(55482);e.Z=n=>{let{accordionTitle:e,isCollapsed:t=!0,children:l,id:c,toggleCb:s}=n,a=(0,i.u)();return(0,r.jsx)(o.H,{accordionTitle:e,isCollapsed:t,onToggle:n=>{s&&s(n),a({element_type:"accordion",element_content:null==e?void 0:e.toString(),element_target:n?"Open":"Close",element_category:"accordion"})},id:c,children:l})}},61188:function(n,e,t){t.d(e,{Z:function(){return Z}});var r=t(27573),i=t(7653),o=t(23203),l=t(69082),c=t(80225),s=t(4732),a=t(17432),u=t(33312),d=t(56683),f=t(83723),x=t(36984),m=t(58464);function h(){let n=(0,d._)(["\n explore-the-systems\n pt-8\n pb-6\n bg-brandPrimary\n text-brandWhite\n text-center\n"]);return h=function(){return n},n}function p(){let n=(0,d._)(["\n text-inherit\n"]);return p=function(){return n},n}function v(){let n=(0,d._)(["\n relative\n overflow-hidden\n flex\n flex-col\n justify-center\n items-center\n h-[330px]\n w-[330px]\n shadow-md-dark\n hover:shadow-xl-dark\n transition-all\n before:border\n before:border-brandWhite\n before:absolute\n before:w-full\n before:h-full\n before:inset-0\n before:transition-all\n hover:before:border-3\n"]);return v=function(){return n},n}function _(){let n=(0,d._)(["\n absolute\n inset-0\n -z-1\n"]);return _=function(){return n},n}function g(){let n=(0,d._)(["\n explore-systems-carousel\n mt-4\n flex\n justify-center\n"]);return g=function(){return n},n}let y=f.Z.div(h()),b=(0,f.Z)(x.h)(p()),j=f.Z.a(v()),w=(0,f.Z)(m.Z)(_()),C=f.Z.div(g());var Z=()=>{let n=(0,i.useRef)(null),e=(0,o.D)(),t=(0,l.Z)(),d="overflow-visible",f=(n,t,r,i)=>{e({event:"carousel_engagement_tracking",action_type:"carousel link click",action_category:"site navigation",action_content:n,action_target:t,action_parent:"systems carousel",action_parent_detail:void 0,action_depth:r,action_depth_context:i,action_level:void 0,action_level_context:void 0})},x=(0,i.useCallback)(()=>{var t,r,i,o;n.current&&e({event:"carousel_engagement_tracking",action_type:"change focus",action_category:"content viewing",action_content:null!==(o=null===(t=n.current)||void 0===t?void 0:t.getActiveSlideImgAlt())&&void 0!==o?o:"",action_parent:"system carousel",action_parent_detail:void 0,action_depth:null===(r=n.current)||void 0===r?void 0:r.getSlideNumber(),action_depth_context:null===(i=n.current)||void 0===i?void 0:i.getSlideCount(),action_level:void 0,action_level_context:void 0})},[e]);return(0,i.useEffect)(()=>{if(!n.current)return;let e=n.current;return e.onActive(x),()=>{e.cleanUp("active")}},[x]),(0,r.jsxs)(y,{children:[(0,r.jsx)(b,{as:"h3",size:"LARGE",children:t("Explore the systems")}),(0,r.jsx)(C,{children:(0,r.jsxs)(c.Mw,{ref:n,settings:{arrows:!1,gap:"1rem",type:"slide",draggable:!1,breakpoints:{1024:{drag:"free",snap:!0,pagination:!0,focus:0,omitEnd:!0}},mobileFirst:"max"},$trackClasses:"py-5 md:-mx-4 !px-4",children:[(0,r.jsx)(c.Jj,{$slideClasses:d,children:(0,r.jsxs)(j,{href:"/innovations/solutions?system=M12",onClick:()=>f("M12","/innovations/solutions?system=M12",1,3),className:"systemM12","data-testid":"system-card-m12",children:[(0,r.jsx)(w,{url:"/-/media/Images/2022-Home-page-update/Assets/home-pg_m12-system-tile_bkg.jpg",alt:"M12 Portable Productivity, Trade Focused, System Wide"}),(0,r.jsx)(s.q,{width:330})]})}),(0,r.jsx)(c.Jj,{$slideClasses:d,children:(0,r.jsxs)(j,{href:"/innovations/solutions?system=M18",onClick:()=>f("M18","/innovations/solutions?system=M18",2,3),className:"systemM18","data-testid":"system-card-m18",children:[(0,r.jsx)(w,{url:"/-/media/Images/2022-Home-page-update/Assets/home-pg_m18-system-tile_bkg.jpg",alt:"M18 Performance Driven, Trade Focused, System Wide",fit:"FIT"}),(0,r.jsx)(a.q,{width:330})]})}),(0,r.jsx)(c.Jj,{$slideClasses:d,children:(0,r.jsxs)(j,{href:"/innovations/solutions?system=MX-FUEL",onClick:()=>f("MX-Fuel","/innovations/solutions?system=MX-FUEL",3,3),className:"systemMxfuel","data-testid":"system-card-mxfuel",children:[(0,r.jsx)(w,{url:"/-/media/Images/2022-Home-page-update/Assets/home-pg_mxfuel-system-tile_bkg.jpg",alt:"MX FUEL Equipment Redefined, Trade Focused, System Wide",fit:"FIT"}),(0,r.jsx)(u.q,{width:330})]})})]})})]})}},13911:function(n,e,t){t.d(e,{u:function(){return l}});var r=t(80878),i=t(72193),o=t(63347);let l=n=>{let{products:e,skip:t}=n,l=(0,r.Z)(),c=(0,o.U)(),{data:s,isSuccess:a,isFetching:u,isLoading:d}=(0,i.ky)({products:e,language:l,sourceSystem:c},t?!t:!!(null==e?void 0:e.length));return{returnedProds:s||[],isSuccess:a,isFetching:u,isLoading:d}}},49394:function(n,e,t){t.d(e,{s:function(){return o}});var r=t(7653),i=t(73995);let o=()=>(0,r.useContext)(i.xh)},93925:function(n,e,t){t.d(e,{Z:function(){return z}});var r=t(27573),i=t(56683),o=t(83723);
1function l(){let n=(0,i._)(["\n pip-accessory-carousel\n px-4\n py-2\n w-full\n"]);return l=function(){return n},n}function c(){let n=(0,i._)(["\n min-h-[335px]\n md:min-h-[345px]\n"]);return c=function(){return n},n}let s=o.Z.div(l()),a=o.Z.div(c());var u=t(80225),d=t(30171),f=t(66363);let x="MILWAUKEE_RED",m={arrows:!0,gap:"0.5rem",type:"slide",customArrows:{leftClass:"!right-[42px] !left-auto hidden md:block disabled:!opacity-50",rightClass:"hidden md:block disabled:!opacity-50 !border !border-brandPrimary",left:(0,r.jsx)(d.K,{fillColor:x,width:42,height:42}),right:(0,r.jsx)(f.m,{fillColor:x,width:42,height:42})},focus:0,omitEnd:!0,mobileFirst:"max",breakpoints:{1024:{arrows:!1,drag:"free",snap:!0}}};var h=t(80878),p=t(21181),v=t(23203),_=t(7653),g=t(16641),y=t(15693),b=t(24168),j=t(14520),w=t(89905),C=t(69082),Z=t(7577),k=t(27790);function E(){let n=(0,i._)(["\n img\n aspect-square\n w-full\n"]);return E=function(){return n},n}function A(){let n=(0,i._)(["\n miniCard\n h-[200px]\n text-gray-900\n bg-brandWhite\n flex\n flex-col\n items-start\n border\n border-solid\n border-gray-200\n hover:border-brandPrimary\n cursor-pointer\n overflow-hidden\n"]);return A=function(){return n},n}function S(){let n=(0,i._)(["\n h-[30px]\n overflow-hidden\n line-clamp-2\n text-ellipsis\n [-webkit-box-orient:vertical]\n [-webkit-line-clamp:2]\n [display:-webkit-box]\n"]);return S=function(){return n},n}function M(){let n=(0,i._)(["\n p-2\n flex\n flex-col\n overflow-hidden\n"]);return M=function(){return n},n}function T(){let n=(0,i._)(["\n block\n ","\n"]);return T=function(){return n},n}function D(){let n=(0,i._)(["\n w-[140px]\n flex-[0_0_140px]\n"]);return D=function(){return n},n}let N=o.Z.div(E()),L=o.Z.div(A()),R=o.Z.div(S()),U=o.Z.div(M()),P=(0,o.Z)(k.t)(T(),n=>{let{active:e}=n;return e&&"text-brandPrimary"}),O=o.Z.div(D());var F=n=>{let{title:e,image:t,sku:i,onClick:o}=n,l=(0,Z.US)(n=>n.productPage.product.sku),c=(0,C.Z)(),s=(0,h.Z)(),a=(0,p.$h)(i,s,e);return(0,r.jsx)(O,{onClick:o,children:(0,r.jsx)(b.Z,{href:a,children:(0,r.jsxs)(L,{active:l===i,children:[(0,r.jsx)(N,{children:(null==t?void 0:t.url)&&(0,r.jsx)(y.Z,{url:(0,j.y)(t.url,{mw:"140"}),alt:t.alt,loading:"lazy"})}),(0,r.jsxs)(U,{children:[(0,r.jsx)(w.n,{size:"SMALL",children:i}),(0,r.jsx)(R,{children:(0,r.jsx)(P,{active:l===i,as:"span",size:"SMALL",children:l===i?c("Currently Selected"):e})})]})]})})})},I=(0,_.memo)(n=>{let{product:e,i:t,accessoryLength:i}=n,o=(0,h.Z)(),l=(0,v.D)(),{sku:c,title:s,specs:a,launchDate:d,heroImage:f}=e,{availabilityText:x}=(0,g.x)(d),m=a.find(n=>"batterySystem"===n.key);return(0,r.jsx)(u.Jj,{"data-testid":"accessories-carousel-slide",children:(0,r.jsx)(F,{title:s,image:f||{},sku:c,onClick:()=>{let n=(0,p.$h)(c,o,s);l({event:"productlisting_engagement_tracking",action_type:"product click",action_category:"site navigation",action_content:c,action_target:n,action_parent:"accessories",action_parent_detail:void 0,action_depth:t+1,action_depth_context:i,action_level:void 0,action_level_context:void 0,product_sku:c,product_title:s,product_type:"product",product_parent_sku:void 0,product_system:null==m?void 0:m.display,product_primary_category:void 0,product_secondary_category:void 0,product_availability:x})}})})}),K=t(85996),z=n=>{let{products:e,isLoading:t}=n,i=!!(0,K.Z)()||!((null==e?void 0:e.length)<=8);return t?(0,r.jsx)(a,{}):(0,r.jsx)(s,{children:(0,r.jsx)(u.Mw,{$trackClasses:"!overflow-visible",settings:{...m,arrows:i},children:null==e?void 0:e.map((n,t)=>(0,r.jsx)(I,{product:n,i:t,accessoryLength:e.length},t))})})}},55482:function(n,e,t){t.d(e,{b:function(){return P},H:function(){return D}});var r=t(27573),i=t(7653),o=t(70738),l=t(48481),c=t(76486),s=t(66363),a=t(56683),u=t(83723),d=t(36984);function f(){let n=(0,a._)(["\n accordion\n "," \n\n"]);return f=function(){return n},n}function x(){let n=(0,a._)(["\n flex\n items-center\n cursor-pointer\n ","\n "]);return x=function(){return n},n}function m(){let n=(0,a._)(["\n "," \n md:mr-1.5\n"]);return m=function(){return n},n}function h(){let n=(0,a._)(["\n overflow-hidden\n max-h-full\n"]);return h=function(){return n},n}function p(){let n=(0,a._)(["\n ","\n"]);return p=function(){return n},n}let v=n=>"".concat(n?"bg-gray-700":"bg-gray-200"," "),_=u.Z.div(f(),n=>{let{design:e}=n;
1switch(e){case"DARK":case"DARK-ROUNDED":case"STACK":return"";case"COMPACT":return"\n border-t\n border-gray-500\n ";case"SECONDARY":return"\n border-0\n ";case"DEFAULT-CENTER":return"\n border-0\n mx-auto\n ";default:return"\n border\n md:border-2\n border-gray-200\n md-max:border-l-0\n md-max:border-r-0\n "}}),g=u.Z.div(x(),n=>{let{design:e,isOpen:t}=n;switch(e){case"DARK":return"\n ".concat(v(t)," \n px-4\n py-1 \n my-1 \n ");case"DARK-ROUNDED":return" \n ".concat(v(t)," \n px-4\n py-1 \n my-1\n rounded-md \n ");case"COMPACT":return"\n px-0\n py-5\n md:px-5\n md:py-6\n ";case"SECONDARY":return"\n ".concat(t?"bg-gray-700 text-white":"bg-white","\n bg-white\n px-0\n py-2\n md:px-5\n shadow-md\n shadow-black/10\n border-0\n ");case"STACK":return"\n p-2\n md:py-10\n md:pr-5\n md:pl-8 \n bg-brandPrimary\n mb-[3px]\n ";case"DEFAULT-CENTER":return"";default:return"\n px-4\n py-5\n md:px-5\n md:py-6\n "}}),y=u.Z.div(m(),n=>{let{noSpace:e}=n;return!e&&"ml-auto"});u.Z.div(h());let b=n=>"".concat(n&&"text-white"),j=(0,u.Z)(d.h)(p(),n=>{let{design:e,isOpen:t}=n;switch(e){case"DARK":return"\n ".concat(b(t)," \n ");case"DARK-ROUNDED":return" \n ".concat(b(t)," \n ");default:return"\n "}});var w=t(4561),C=t(79394),Z=t(47928),k=t(81535);let E=()=>null!==(0,k.N)();var A=t(23203),S=t(51512),M=t(49394),T=t(73995);let D=n=>{let{independent:e=!1,...t}=n,i=E();return(0,r.jsx)(i&&!e?N:L,{...t})},N=n=>{let{isCollapsed:e=!0,...t}=n,[i,o]=(0,Z._)({toggle:!0,defaultToIsActive:!e});return(0,r.jsx)(R,{isOpen:i,toggleAccordion:o,...t})},L=n=>{let{isCollapsed:e=!0,...t}=n,[o,l]=(0,i.useState)(!e);return(0,i.useEffect)(()=>
1{l(!e)},[e]),(0,r.jsx)(R,{isOpen:o,toggleAccordion:()=>{l(n=>!n)},...t})},R=n=>{let{children:e,accordionTitle:t,design:i,onToggle:a,id:u,isOpen:d,toggleAccordion:f,icons:x="PLUSMINUS",iconColor:m,position:h,totalAccordions:p}=n,v=(0,A.D)(),b=(0,M.s)(),w=(0,T.cZ)(),C=()=>void 0!==h?h+1:void 0!==b&&w.length?b.index?b.index+1:1:void 0,Z=()=>void 0!==p?p:w.length?w.length:void 0,k=()=>{switch(i){case"COMPACT":return 24;case"STACK":return 38;case"DEFAULT-CENTER":return 48;default:return 35}},E=()=>{if(m)return m;switch(i){case"STACK":case"COMPACT":return"WHITE";default:return"MILWAUKEE_RED"}},D=()=>{let n=null;return"CHEVRON"===x&&(n=d?c.x:s.m),"PLUSMINUS"===x&&(n=d?o.v:l.r),n&&(0,r.jsx)(n,{fillColor:E(),width:k(),height:k()})};return(0,r.jsxs)(_,{id:u,isOpen:d,design:i,children:[(0,r.jsxs)(g,{isOpen:d,onClick:()=>{f(),a&&a(!d),v({event:"accordion_engagement_tracking",action_type:"accordion click",action_category:"content viewing",action_content:(0,S.Fz)(t),action_target:d?"less":"more",action_parent:"generic accordion",action_parent_detail:void 0,action_depth:C(),action_depth_context:Z(),action_level:void 0,action_level_context:void 0})},design:i,children:["CHEVRON"===x&&(0,r.jsx)(y,{noSpace:"CHEVRON"===x,children:D()}),"string"!=typeof t?t:(0,r.jsx)(j,{as:"h4",size:"SMALL",isOpen:d,design:i,children:t}),"PLUSMINUS"===x&&(0,r.jsx)(y,{children:D()})]}),(0,r.jsx)(U,{isOpen:d,children:e})]})},U=n=>{let{isOpen:e,children:t}=n,{contentRef:i,height:o}=(0,w.z)(e,150);return(0,r.jsx)("div",{ref:i,style:{overflow:"hidden",maxHeight:o},children:t})},P=n=>{let{children:e}=n;return(0,r.jsx)(C.Z,{children:e})}},93838:function(n,e,t){t.d(e,{Z:function(){return S}});var r=t(27573),i=t(29242),o=t(55482),l=t(56683),c=t(83723),s=t(36984),a=t(27112);function u(){let n=(0,l._)(["\n w-full\n relative\n h-auto\n mx-auto\n transition-all\n md:mt-6\n"]);return u=function(){return n},n}function d(){let n=(0,l._)(["\n mx-4\n"]);return d=function(){return n},n}function f(){let n=(0,l._)(["\n flex\n items-start\n"]);return f=function(){return n},n}function x(){let n=(0,l._)(["\n py-2 \n cursor-pointer \n pb-7\n flex\n px-0\n md:px-5\n"]);return x=function(){return n},n}function m(){let n=(0,l._)(["\n flex \n items-start\n"]);return m=function(){return n},n}function h(){let n=(0,l._)(["\n flex \n overflow-hidden\n transition-all\n max-h-0\n "]);return h=function(){return n},n}function p(){let n=(0,l._)(["\n capitalize \n text-brandSecondary \n text-16\n"]);return p=function(){return n},n}function v(){let n=(0,l._)(["\n ml-2 \n capitalize \n text-16\n font-normal\n -mt-[1px]\n"]);return v=function(){return n},n}function _(){let n=(0,l._)(["\n capitalize \n text-brandSecondary \n text-16\n"]);return _=function(){return n},n}function g(){let n=(0,l._)(["\n ml-2 \n w-4/5\n [&_ul]:mt-4\n [&_ul]:pl-5\n [&_ul>li]:my-2\n [&_ul>li]:list-disc\n [&_strong]:font-bold\n [&_b]:font-bold\n marker:text-brandPrimary\n"]);return g=function(){return n},n}function y(){let n=(0,l._)(["\n ml-auto \n mr-1.5\n"]);return y=function(){return n},n}let b=c.Z.div(u()),j=c.Z.div(d()),w=c.Z.div(f()),C=c.Z.div(x());c.Z.div(m()),c.Z.div(h());let Z=(0,c.Z)(s.h)(p()),k=(0,c.Z)(a.n)(v()),E=(0,c.Z)(s.h)(_()),A=(0,c.Z)(a.n)(g());c.Z.div(y());var S=n=>{let{faq:e,accordionTitle:t}=n;return!e||(null==e?void 0:e.length)<1?null:(0,r.jsx)(b,{children:(0,r.jsx)(o.H,{accordionTitle:t,id:"faqs",children:(0,r.jsx)(o.b,{children:(0,r.jsx)(j,{children:null==e?void 0:e.map((n,t)=>(0,r.jsx)(o.H,{design:"COMPACT",position:t,totalAccordions:e.length,icons:"PLUSMINUS",iconColor:"MILWAUKEE_RED",accordionTitle:(0,r.jsxs)(w,{children:[(0,r.jsx)(Z,{as:"h4",children:"Q:"}),(0,r.jsx)(k,{children:(0,r.jsx)(i.Z,{code:n.key})})]}),children:(0,r.jsxs)(C,{children:[(0,r.jsx)(E,{as:"h4",children:"A:"}),(0,r.jsx)(A,{size:"SMALL",children:(0,r.jsx)(i.Z,{as:"span",code:n.value})})]})},t))})})})})}},30235:function(n,e,t){t.d(e,{E:function(){return o},F:function(){return l}});var r=t(27573),i=t(7653);let o=(0,i.createContext)(null),l=n=>{let{children:e}=n,[{ref:t,state:l},c]=(0,i.useState)({ref:null});return(0,r.jsx)(o.Provider,{value:{ref:t,state:l,setRef:c},children:e})}},47928:function(n,e,t){t.d(e,{_:function(){return o}});var r=t(81535),i=t(7653);let o=n=>{let{toggle:e,myActiveState:t,defaultToIsActive:o}=n,[l]=(0,i.useState)({}),{ref:c,setRef:s}=(0,r.N)(),a=c===l;return((0,i.useEffect)(()=>{o&&s({ref:l,state:t})},[o,s,l,t]),e)?[a,()=>s(a?{ref:null}:{ref:l,state:t})]:[a,()=>s({ref:l,state:t})]}},81535:function(n,e,t){t.d(e,{N:function(){return o}});var r=t(30235),i=t(7653);let o=()=>(0,i.useContext)(r.E)},79394:function(n,e,t){t.d(e,{Z:function(){return o}});var r=t(27573),i=t(30235);let o=n=>{let{children:e}=n;return(0,r.jsx)(i.F,{children:e})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.