1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3884],{3884:function(s,e,t){"use strict";t.r(e);var n=t(30748),c=t(56858),r=t(74193),o=t(14554),l=t(23672),a=t(90275);let i={[c.Pj.EVENT_NAME]:c.PL.CLICK_BUTTON,[c.Pj.SECTION]:c.fV.SECTION_PLACEHOLDER,[c.Pj.CLICK_ITEM]:"Search_News"},u=(0,r.z)("div")({name:"View",class:"vytj6os",propsAsIs:!1}),p=(0,r.z)("button")({name:"Button",class:"bms8lqq",propsAsIs:!1}),d=(0,r.z)("button")({name:"SearchIcon",class:"s1gtpbvm",propsAsIs:!1}),h=(0,r.z)("button")({name:"SearchButton",class:"ss6colv",propsAsIs:!1,vars:{"ss6colv-0":[s=>{let{isActive:e}=s;return e?"1":"0.5"}],"ss6colv-1":[s=>{let{isActive:e}=s;return e?"#3ec1ce":"#848d97"}],"ss6colv-2":[s=>{let{isActive:e}=s;return e?"inset 0 0 0 1px #3ec1ce, 0 0 0 2px #c1f6ff":"none"}]}}),v=(0,r.z)("div")({name:"Container",class:"cxewot7",propsAsIs:!1,vars:{"cxewot7-0":[s=>{let{open:e}=s;return e?"100%":"300px"}],"cxewot7-1":[s=>{let{open:e}=s;return e?"visible":"hidden"}],"cxewot7-2":[s=>{let{open:e}=s;return e?"1":"0"}]}}),m=(0,r.z)("input")({name:"Input",class:"i1i0wmqp",propsAsIs:!1}),C=(0,r.z)("span")({name:"Span",class:"s1dlal9",propsAsIs:!1});e.default=()=>{let s=(0,l.useRouter)(),e=(0,a.useRef)(null),[t,r]=(0,a.useState)(!1),[x,w]=(0,a.useState)(!1),E="end",f=()=>{r(s=>!s)},j=()=>{t||(0,c.gv)(i),f()};(0,a.useEffect)(()=>{t&&e&&e.current&&(e.current.value="",setTimeout(()=>{var s;null===(s=e.current)||void 0===s||s.focus()},750))},[t]);let I=()=>{var t;let n=null===(t=e.current)||void 0===t?void 0:t.value;n&&((0,c.gv)({[c.Pj.EVENT_NAME]:c.PL.SEARCH,[c.Pj.SECTION]:"%p",[c.Pj.CLICK_ITEM]:n}),s.push("/search?q=".concat(n)),f())},b=()=>{w(!1),j()},g=s=>()=>{E=s};return(0,n.jsxs)(u,{children:[(0,n.jsxs)(p,{onClick:j,children:[(0,n.jsx)(o.default,{src:"/assets/icons/search/search-gray.svg",width:24,height:24,alt:"search icon",unoptimized:!0}),(0,n.jsx)(C,{children:"æå°æ°è"})]}),(0,n.jsxs)(v,{open:t,children:[(0,n.jsx)(m,{ref:e,type:"search",placeholder:"è«è¼¸å ¥ééµå",onCompositionStart:g("start"),onCompositionEnd:g("end"),onKeyDown:s=>{"end"===E&&13===s.keyCode&&I()},onChange:()=>{var s;e&&e.current&&(null===(s=e.current)||void 0===s?void 0:s.value)===""?w(!1):w(!0)},onBlur:b}),x&&(0,n.jsx)(d,{onClick:b,children:(0,n.jsx)(o.default,{src:"/assets/icons/close/search-close.svg",width:24,height:24,alt:"close search icon",unoptimized:!0})}),(0,n.jsx)(h,{onClick:()=>{I()},isActive:x,disabled:!x,children:(0,n.jsx)(o.default,{src:"/assets/icons/search/search-white.svg",width:24,height:24,alt:"search button",unoptimized:!0})})]})]})},t(78930)},78930:function(s){s.exports={bms8lqq:"bms8lqq",s1gtpbvm:"s1gtpbvm",ss6colv:"ss6colv",cxewot7:"cxewot7",i1i0wmqp:"i1i0wmqp",s1dlal9:"s1dlal9"}}}]); 2//# sourceMappingURL=3884.ea30a61345ed4788.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.