1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5275],{75275:function(n,e,t){t.r(e),t.d(e,{default:function(){return I}});var l=t(27573),a=t(7653),r=t(4144),o=t(54458),i=t(16081),d=t(15693),c=t(46422),s=t(73349),_=t(56683),b=t(83723);function p(){let n=(0,_._)(["\n document-search\n"]);return p=function(){return n},n}function u(){let n=(0,_._)(["\n form__main\n mt-8\n mb-14\n"]);return u=function(){return n},n}function x(){let n=(0,_._)(["\n document-search__intro\n"]);return x=function(){return n},n}function h(){let n=(0,_._)(["\n docsearch__form\n"]);return h=function(){return n},n}function f(){let n=(0,_._)(["\n document-search-results\n pb-4\n"]);return f=function(){return n},n}function m(){let n=(0,_._)(["\n mt-4\n mx-3\n"]);return m=function(){return n},n}function g(){let n=(0,_._)(["\n form__aside\n"]);return g=function(){return n},n}function w(){let n=(0,_._)(["\n py-5\n"]);return w=function(){return n},n}let y=b.Z.div(p()),v=b.Z.div(u()),k=b.Z.div(x()),j=b.Z.form(h()),S=b.Z.div(f()),Z=b.Z.div(m()),C=b.Z.div(g()),T=b.Z.div(w());var E=t(80878),H=t(70866);let z=n=>{let e=(0,E.Z)(),{data:t,isLoading:l,isFetching:a,isError:r}=(0,H.UL)({model:n,language:e},{skip:!n});return{...t||{searchResults:""},isLoading:l,isFetching:a,isError:r}};var L=t(96765),D=t(27112),N=t(24168);let R=["2767","2767-20","2767-22","2767-22R"];var W=n=>{let{searchKey:e}=n;return R.includes(e)?(0,l.jsx)(T,{children:(0,l.jsxs)(D.n,{children:['The "H96B" Service Parts List was removed from this page because the tools with this serial code are no longer in production. Click ',(0,l.jsx)(N.Z,{href:"https://www.milwaukeetool.com/news/h96b",children:" here "}),"for more information."]})}):(0,l.jsx)(l.Fragment,{})},A=t(23203),F=t(7577),I=n=>{let{introCopy:e,introImage:t,searchBoxLabel:_,searchButtonText:b,searchFilterOptions:p}=n,u=(0,F.US)(n=>
1n.mtWindow.urlParams.search),[x,h]=(0,a.useState)(null!=u?u:void 0),[f,m]=(0,a.useState)(null),g=(0,a.useRef)(null),w=(0,A.D)();(0,a.useEffect)(()=>{u&&(h(u),m({SearchText:u}))},[u]);let{searchResults:T,isFetching:E,isLoading:H,isError:D}=z(f);return(0,L.X)({css:'\n\n@media screen and (max-width: 767px) {\n .hidden-mobile {\n display:none!important\n }\n}\n\n@media screen and (min-width: 480px) {\n .hidden-mobile-up {\n display:none!important\n }\n}\n\n@media screen and (max-width: 480px) {\n .hidden-mobile-min {\n display:none!important\n }\n}\n\n@media screen and (min-width: 768px) and (max-width:1023px) {\n .hidden-md-tablet {\n display:none!important\n }\n}\n\n@media screen and (min-width: 768px) {\n .hidden-md-tablet-up {\n display:none!important\n }\n}\n\n@media screen and (min-width: 1024px) and (max-width:1399px) {\n .hidden-lg-tablet {\n display:none!important\n }\n}\n\n@media screen and (min-width: 1024px) {\n .hidden-lg-tablet-up {\n display:none!important\n }\n}\n\n@media screen and (min-width: 1400px) {\n .hidden-desktop {\n display:none!important\n }\n}\n\n .document-search > .container {\n padding-top: 15px;\n padding-bottom: 15px;\n }\n .document-search .form__aside {\n float: right;\n }\n \n .document-search__intro {\n margin-left: 1.52941%;\n margin-right: 1.52941%;\n }\n \n .document-search-results .table {\n padding: 0;\n }\n \n @media screen and (max-width: 767px) {\n /* Force table to not be like tables anymore */\n .documents .table__body {\n margin: 0 0 30px 0;\n }\n .documents .table,\n .documents .table__header,\n .documents .table__head,\n .documents .table__body,\n .documents .table__cell,\n .documents .table__row {\n display: block;\n }\n /* Hide table headers (but not display: none;, for accessibility) */\n .documents .table__header .table__row {\n position: absolute;\n left: 0;\n background: #ccc;\n }\n .documents .table__head {\n width: auto;\n padding: 16px 14px 14px 14px;\n }\n .documents .table__row {\n margin: 0;\n }\n .documents .table__row:nth-child(odd) {\n background: #ccc;\n }\n .documents .table__cell {\n /* Behave like a "row" */\n border: none;\n border-bottom: 1px solid #eee;\n position: relative;\n /* Copied styles from FindServiceCenter.scss */\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: space-between;\n align-content: stretch;\n align-items: center;\n padding: 5px 12px;\n }\n .documents:nth-child(1) > div.table__cell-inn {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-content: stretch;\n align-items: flex-start;\n }\n .documents .table__row.table__row-category {\n position: relative !important;\n top: 0px;\n width: 100%;\n background: #606060 !important;\n }\n }\n \n .table__cell-title,\n .table__head {\n @media screen and (max-width: 767px) {\n display: block;\n width: 30%;\n font-family: "Helvetica Neue LT W01_83 Hv Ex", "Helvetica Neue", Helvetica, Arial, sans-serif;\n font-size: 12px;\n }\n }\n \n .table__cell-inn {\n @media screen and (max-width: 767px) {\n display: block;\n width: 65%;\n padding: 8px;\n }\n }\n\n .document-search-results h2 {font-size: 24px; margin-bottom: 20px;}\n',id:"documentStyles"}),(0,L.X)({css:"\n .table {\n display: table;\n padding: 25px 30px;\n width: 100%;\n border-collapse: separate;\n box-sizing: border-box;\n text-indent: initial;\n border-spacing: 2px;\n }\n\n .table td {\n border-color: transparent;\n }\n\n @media screen and (max-width: 1023px) {\n .table {\n padding: 25px 5%;\n }\n }\n\n .table--accessories .table__cell-inn {\n padding: 1px;\n }\n\n .table--accessories .table__row:hover .table__cell {\n background-color: #aaa;\n }\n\n @media screen and (max-width: 1023px) {\n .table--accessories {\n padding: 0;\n }\n }\n\n .table--accessories.table__flex {\n display: block;\n overflow: hidden;\n overflow-x: auto;\n }\n\n .table__header {\n background-color: #606060;\n display: table-header-group;\n }\n\n .table__header .table__row + .table__row {\n background-color: #ebebeb;\n color: #000;\n }\n\n .table__flex .table__header {\n width: 100%;\n }\n\n .table__header-plain {\n background-color: #fff;\n display: table-header-group;\n }\n\n .table__header-plain .table__row + .table__row {\n background-color: #ebebeb;\n color: #000;\n }\n\n .table__row {\n display: table-row;\n margin-top: 5px;\n }\n\n .table--bordered .table__row + .table__row .table__cell {\n border-top: 1px solid #989898;\n }\n\n .table--alternating .table__row:nth-child(2n) .table__cell {\n background-color: #fff;\n }\n\n .table--alternating .table__row:nth-child(2n):hover .table__cell {\n background-color: #c7261e;\n }\n\n .table__head {\n color: #fff;\n display: table-cell;\n padding: 10px;\n text-align: center;\n }\n\n .table__row + .table__row .table__head {\n color: #000;\n }\n\n .table--left .table__head {\n text-align: left;\n }\n\n .table__cell {\n background-color: #f0f0f0;\n color: #000;\n display: table-cell;\n line-height: inherit;\n padding: 0;\n text-align: center;\n transition: background-color .4s ease;\n }\n\n .table--bordered .table__cell {\n background-color: transparent;\n }\n\n .table--left .table__cell {\n text-align: left;\n }\n\n .table__row:hover .table__cell {\n background-color: #c7261e;\n color: #fff;\n }\n\n .table--bordered .table__row:hover .table__cell {\n background-color: transparent;\n color: #000;\n }\n\n .table__flex-wrapper {\n border-bottom: 1px solid #333;\n border-top: 1px solid #333;\n display: block;\n overflow: hidden;\n position: relative;\n }\n\n .table__sticky-column {\n background: #fff;\n border-left: 1px solid #333;\n box-shadow: -1px 0 5px #000;\n height: 100%;\n position: absolute;\n right: 0;\n top: 0;\n width: 120px;\n }\n\n .table__sticky-column--top-padding {\n background-color: #606060;\n padding-top: 29px;\n }\n\n .table__sticky-column .ps-widget[ps-sku] {\n background-color: #db011c;\n color: #fff;\n font-size: 15px;\n margin: 3px 0 0;\n min-width: 120px;\n padding: 3px 10px 2.69px;\n }\n\n .table__row-flex {\n display: flex;\n margin-top: 3px;\n min-height: 28.19px;\n }\n\n .table__header .table__row-flex,\n .table__row-flex.table__hidden {\n margin-top: 0;\n }\n\n .table--bordered .table__row-flex + .table__row .table__cell {\n border-top: 1px solid #989898;\n }\n\n .table--alternating .table__row-flex:nth-child(2n) .table__cell {\n background-color: #fff;\n }\n\n .table--alternating .table__row-flex:nth-child(2n):hover .table__cell {\n background-color: #c7261e;\n }\n\n .table__head-flex {\n align-items: center;\n color: #fff;\n display: flex;\n flex: 1 0 auto;\n justify-content: center;\n padding: 5px 10px;\n text-align: center;\n width: 85px;\n }\n\n .table__head-flex:last-child {\n width: 120px;\n }\n\n .table--accessories .table__head-flex:last-child > .table__cell-inn {\n padding: 0;\n }\n\n .table__head-flex:nth-child(4) {\n width: 250px;\n }\n \n .table__row + .table__row .table__head-flex {\n color: #000;\n }\n\n .table--left .table__head-flex {\n text-align: left;\n }\n\n .table__cell-flex {\n align-items: center;\n background-color: #f0f0f0;\n color: #000;\n display: flex;\n flex: 1 0 auto;\n justify-content: center;\n line-height: inherit;\n min-width: 85px;\n padding: 0;\n text-align: center;\n transition: background-color .4s ease;\n }\n\n .table__cell-flex:last-child {\n width: 120px;\n }\n\n .table__cell-flex:nth-child(4) {\n width: 250px;\n }\n\n .table--accessories .table__cell-flex>.table__cell-inn {\n padding: 5px;\n }\n\n .table__cell-flex>.table__cell-inn>.ps-widget {\n margin: 0 !important;\n }\n\n .table--bordered .table__cell-flex {\n background-color: transparent;\n }\n\n .table--left .table__cell-flex {\n text-align: left;\n }\n\n .table__row:hover .table__cell-flex {\n background-color: #c7261e;\n color: #fff;\n }\n\n .table--bordered .table__row:hover .table__cell-flex {\n background-color: transparent;\n color: #000;\n }\n\n @media screen and (max-width: 850px) {\n .table__cell-flex {\n display: table-cell;\n }\n }\n\n .table__cell-inn {\n padding: 7px 10px;\n }\n\n @media screen and (max-width: 1023px) {\n .table--accessories .table__cell-inn {\n padding: 10px 5px;\n }\n }\n\n .table__body {\n display: table-row-group;\n }\n\n .table__flex .table__body {\n width: 100%;\n }\n\n .table__row--alternate .table__cell {\n background-color: #fff;\n }\n\n .table__row--alternate:hover .table__cell {\n background-color: #c7261e;\n }\n\n .table__caption {\n background-color: #000;\n caption-side: top;\n color: #fff;\n display: table-caption;\n margin: 0 30px;\n padding: 10px;\n text-align: center;\n }\n\n @media screen and (max-width: 1023px) {\n .table__caption {\n padding: 25px 5%;\n }\n\n }\n\n @media screen and (max-width: 767px) {\n .table--bordered .table__row + .table__row:nth-child(odd) .table__cell {\n border-top: 1px solid transparent;\n }\n }\n\n @media screen and (min-width: 768px) {\n .table__cell-inn {\n padding: 20px 10px;\n }\n }\n\n ",id:"tableStyles"}),(0,l.jsxs)(y,{children:[(0,l.jsx)(r.W2,{children:(0,l.jsx)(s.r,{container:!0,justifyContent:"center",children:(0,l.jsxs)(s.P,{col:12,md:8,children:[(0,l.jsxs)(v,{children:[e&&(0,l.jsx)(k,{children:e}),(0,l.jsxs)(j,{ref:g,onSubmit:n=>{n.preventDefault();let e=new FormData(g.current),t={};for(let[n,l]of e.entries())t[n]=l;if(""!==t.SearchText){var l,a;let n=g.current;w({event:"view_search_results",search_term:x,site_search_type:(null===(l=n.querySelector('label[for="'.concat(null===(a=[...n.querySelectorAll('input[name="SelectedOption"]')].find(n=>n.value===t.SelectedOption))||void 0===a?void 0:a.id,'"]')))||void 0===l?void 0:l.innerText)+" | documentation search",num_site_search_results:void 0}),m(t);let e=location.href.split("?")[0];window.history.pushState({},document.title,"".concat(e,"?search=").concat(x))}},children:[(0,l.jsx)(o.Z,{id:"DatasourceId",name:"DatasourceId",type:"hidden",value:"c1caaa98-8a81-4c6d-af5b-28cc19af12af"}),(0,l.jsx)(i.Z,{wrapperClass:"m-3",id:"SearchText",name:"SearchText",value:x,labelText:_||"",onValueChange:n=>h(n),isRequired:!0}),p&&p.map((n,e)=>(0,l.jsx)(i.Z,{wrapperClass:"m-3",id:"SelectedOption-".concat(e),name:"SelectedOption",type:"radio",value:n.value,defaultChecked:0===e,labelText:n.name},e)),(0,l.jsx)(Z,{children:(0,l.jsx)(c.z,{"data-testid":"manual-search-button",type:"submit",size:"SMALL",text:b})})]})]}),t&&(0,l.jsx)(C,{children:(0,l.jsx)(d.Z,{url:null==t?void 0:t.url,alt:null==t?void 0:t.alt})})]})})}),D?(0,l.jsx)("div",{children:"An error has occurred!"}):(!E||!H)&&(0,l.jsx)(r.W2,{children:(0,l.jsx)(s.r,{container:!0,justifyContent:"center",children:(0,l.jsxs)(s.P,{col:12,children:[T&&(0,l.jsx)(S,{"data-testid":"manual-search-results",dangerouslySetInnerHTML:{__html:T}}),(0,l.jsx)(W,{searchKey:null!=x?x:""})]})})})]})}},23203:function(n,e,t){t.d(e,{D:function(){return r}});
1var l=t(59372),a=t(83746);let r=()=>{var n;let{isLoading:e,isAuthenticated:t,user:r}=(0,l.J)(),o=e?"met session id is not yet available":null==r?void 0:null===(n=r.session)||void 0===n?void 0:n.id;return n=>{t&&r?a.default.fireEvent({rudderstack_user_id:r.details.email,...n},o):a.default.fireEvent(n,o)}}},96765:function(n,e,t){t.d(e,{X:function(){return a}});var l=t(7653);let a=n=>{let{id:e,css:t,onLoad:a,onError:r,onSuccess:o}=n,i=(0,l.useRef)("undefined"!=typeof document?document.createElement("style"):null);(0,l.useEffect)(()=>{let n=i.current;if(null!==n)return null===n.parentNode&&null===document.getElementById(n.id)&&(n.id=e||"",t&&(n.innerHTML=t),a&&(n.onload=a),r&&(n.onerror=r),document.body.appendChild(n),o&&o()),()=>{n.remove()}},[e,t,a,r,o])}},46422:function(n,e,t){t.d(e,{z:function(){return r}});var l=t(40261),a=t(27573),r=({text:n,theme:e,className:t,size:r,width:o,children:i,...d})=>(0,a.jsx)(l.W,{theme:e,size:r,width:o,className:t||"",type:"button",...d,children:n||i})}}]);
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.