1"use strict";(self.webpackChunkdesign_system=self.webpackChunkdesign_system||[]).push([[8793],{38740(e,t,i){var s=i(96540),r=i(5338),l=i(89379),o=i(97965),a=i(41522),n=i(63679),d=(i(20450),i(32940)),p=i(5556),c=i.n(p),h=i(74848);class x extends s.Component{render(){return(0,h.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:`${this.props.width}`,height:`${this.props.height}`,viewBox:"0 0 16 16",fill:`${this.props.hexColor}`,children:(0,h.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2697 2H2V13.2697H3.60996V4.74746L12.8626 14.0001L14.001 12.8617L4.74929 3.60996H13.2697V2Z",fill:"#BCBCBC"})})}}x.propTypes={hexColor:c().string},x.defaultProps={hexColor:"#000"};const u=x;var m=i(14123);let g,v,w,b=e=>e;const y=n.Ay.div(g||(g=b` 2 display: ${0}; 3 display: flex; 4 flex-direction: column; 5 flex-wrap: wrap; 6 align-content: flex-start; 7 justify-content: space-between; 8 align-items: flex-start; 9 text-align: left; 10 background-color: white; 11 justify-content: flex-start; 12 padding: 8px 0; 13 14 @media (min-width:992px) { 15 width: 295px; 16 flex-direction: row; 17 border: 1px solid ${0}; 18 box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.24); 19 border-radius: 4px 0px 4px 4px; 20 } 21`),e=>e.hide?"none":"block",d.A.Global.grayscale.base200),f=n.Ay.a(v||(v=b` 22 display: flex; 23 width: 100%; 24 justify-content: space-between; 25 padding: 12px 6px; 26 padding: 12px; 27 border-bottom: 1px solid ${0}; 28 29 &:last-child { 30 border-bottom: none; 31 } 32 33 @media (min-width:992px) { 34 padding: 12px; 35 } 36`),d.A.Global.grayscale.base200),A=n.Ay.p(w||(w=b` 37 display: block; 38 font-size: 16px; 39 margin: 0; 40 color: ${0}; 41 42 b { 43 font-weight: 600; 44 color: ${0}; 45 } 46 47 @media (min-width:992px) { 48 font-size: 14px; 49 50 &:hover { 51 text-decoration: underline; 52 } 53 } 54`),d.A.Global.grayscale.T5,d.A.Global.grayscale.base500),C=e=>{var t;const{siteTheme:i,vehicleGroup:s,vehicleType:r,isHidden:l,searchTerm:o,autoCompleteResults:a}=e;return!l&&o&&null!=a&&null!==(t=a.AutocompleteResults)&&void 0!==t&&t.length?(0,h.jsx)(y,{hide:l,children:a.AutocompleteResults.map(e=>{let t="/search?keywords="+e.Autocomplete;s&&(t+="&vehicleGroup="+s),r&&(t+="&vehicleType="+r);const i=e.Highlight.replace("<em>","<b>").replace("</em>","</b>");return(0,h.jsxs)(f,{"data-link-type":"auto_suggestion",href:t,children:[(0,h.jsx)(A,{dangerouslySetInnerHTML:{__html:i}}),(0,h.jsx)(m.A,{children:(0,h.jsx)(u,{width:"16px",height:"16px",hexColor:d.A.Global.grayscale.base300})})]})})}):void 0};var j=i(95261);const T=e=>{const{siteTheme:t}=e,[i,r]=(0,s.useState)(!0),[o,a]=(0,s.useState)(""),[n,d]=(0,s.useState)(!0),{data:p,isLoading:c}=(0,j.SW)({term:o},{skip:n}),x=e=>{e&&e.detail&&(e.detail.term&&""!=e.detail.term?(i&&r(!1),a(e.detail.term)):u())},u=()=>{r(!0)};return(0,s.useEffect)(()=>(window.addEventListener("Search_KeyPressed",x),()=>{window.removeEventListener("Search_KeyPressed",x)}),[]),(0,s.useEffect)(()=>(window.addEventListener("Search_Cleared",u),()=>{window.removeEventListener("Search_Cleared",u)}),[]),(0,s.useEffect)(()=>{d(!1)},[]),(0,h.jsx)(C,(0,l.A)({isHidden:i,searchTerm:o,autoCompleteResults:p},e))},S=e=>{const{sitetheme:t,vehiclegroup:i,vehicletype:s}=e;return(0,h.jsx)(o.Kq,{store:a.A,children:(0,h.jsx)(T,(0,l.A)({siteTheme:t,vehicleGroup:i,vehicleType:s},e))})};var k=i(32038);(()=>{const e=document.getElementById("SiteSearchCardContainer");e&&((0,r.createRoot)(e).render((0,h.jsx)(S,{sitetheme:e.getAttribute("sitetheme"),vehiclegroup:e.getAttribute("vehiclegroup"),vehicletype:e.getAttribute("vehicletype")})),setTimeout(()=>(0,k.ae)(e),3e3))})()}},e=>{var t=t=>e(t);e.O(0,[8096,2076],()=>(t(98975),t(38740))),e.O()}]); 55//# sourceMappingURL=sitesearchcardcontainer.bundle.js.map
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.