https://c-lol-web.op.gg/app-router/releases/production-298-1-d4609…/static/chunks/7215-407f9274c47958fb.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7215],{1494:(e,t,n)=>{n.d(t,{F:()=>d,I:()=>c,default:()=>u});var r=n(95155),a=n(53404),l=n(80074),s=n(77202),o=n(12115),i=n(88564);let d=()=>"undefined"!=typeof document&&(0,i.$N)((0,a.getCookie)(i.oP)),c=(0,l.eU)(!1);function u(e){let{children:t}=e,n=(0,s.useSetAtom)(c);return(0,o.useLayoutEffect)(()=>{let e=window.matchMedia("(min-width: ".concat(i.UK,"px)"));n((0,i.zH)(!e.matches,d()));let t=e=>{n((0,i.zH)(!e.matches,d()))};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[n]),(0,r.jsx)(r.Fragment,{children:t})}},2844:(e,t,n)=>{n.d(t,{Z5:()=>r,bE:()=>s,ip:()=>o,uw:()=>l,w9:()=>a});let r="2026-03-12T03:00:00+09:00",a="2026-03-19T15:59:59+09:00",l="time-takers-2026",s="/assets/images/event/time-takers-2026",o="https://store.steampowered.com/app/3596040/Time_Takers/?utm_source=opgg&utm_medium=display_branding&utm_campaign=cbt1"},13324:(e,t,n)=>{n.d(t,{$u:()=>m,L:()=>l,LM:()=>i,Pr:()=>h,km:()=>c,mY:()=>s,ow:()=>u,zP:()=>o});var r=n(24805),a=n(64269);function l(e){let t=["ㄱ","ㄲ","ㄴ","ㄷ","ㄸ","ㄹ","ㅁ","ㅂ","ㅃ","ㅅ","ㅆ","ㅇ","ㅈ","ㅉ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"],n="";for(let r=0;r<e.length;r++){let a=e.charCodeAt(r)-44032;a>-1&&a<11172?n+=t[Math.floor(a/588)]:n+=e.charAt(r)}return n}function s(e){let t=["ㄱ","ㄱㄱ","ㄱㅅ","ㄴ","ㄴㅈ","ㄴㅎ","ㄷ","ㄷㄷ","ㄹ","ㄹㄱ","ㄹㅁ","ㄹㅂ","ㄹㅅ","ㄹㅌ","ㄹㅍ","ㄹㅎ","ㅁ","ㅂ","ㅂㅂ","ㅂㅅ","ㅅ","ㅅㅅ","ㅇ","ㅈ","ㅈㅈ","ㅊ","ㅋ","ㅌ","ㅍ","ㅎ"],n="";for(let r=0;r<e.length;r++){let a=e.charCodeAt(r);a>=12593&&a<=12622&&12611!==a&&12617!==a&&12600!==a&&12594!==a&&12614!==a?(a-=12593,n+=t[a

1]):n+=String.fromCharCode(a)}return n}function o(e,t,n,r){var l;let{highlightedText:s}=function(e,t){var n,r;let a=null==(n=e.replace(/\s+/g,""))?void 0:n.toLowerCase(),l=null==(r=t.replace(/\s+/g,""))?void 0:r.toLowerCase(),s=a.indexOf(l);if(-1===s)return{highlightedText:e,highlightedLength:0};let o=0,i=0,d=0;for(let t=0;t<e.length;t++)if(d===s&&(o=t),!/\s/.test(e[t])&&d++,d===s+l.length){i=t+1;break}let c=i-o;return{highlightedText:"".concat(e.substring(0,o),"<b>").concat(e.substring(o,i),"</b>").concat(e.substring(i)),highlightedLength:c}}(e.name,t),o=!!r&&(0,a.AR)(r);return{key:e.key,highlight:s,href:o?"/modes/".concat(r,"/").concat(e.key.toLocaleLowerCase()):"/champions/".concat(null==(l=e.key)?void 0:l.toLowerCase(),"/build"),name:e.name,thumbnail:e.image_url,positions:n(e)}}function i(e,t){let n,a;try{n=decodeURIComponent(e)}catch(t){n=e}try{a=decodeURIComponent(t)}catch(e){a=t}return!n.length||n.length>r.mw||a.length>r.pZ}function d(e){return e.trim().replace(/\s+/g," ")}function c(e){return"Enter"===e.key&&(!0===e.isComposing||229===e.keyCode)}function u(e,t,n){let r=e.indexOf("?"),l=-1===r?e:e.slice(0,r),s=-1===r?"":e.slice(r+1),o=(0,a.Yn)(l)===(0,a.Yn)(t),i=new URLSearchParams(s).toString()===new URLSearchParams(n).toString();return o&&i}function m(e){let{query:t,region:n,topChampion:r}=e;if(!t)return null;let l=function(e,t){let n=d(e).toLowerCase();if(t)return n===d(t.name).toLowerCase()?t:void 0}(t,r);if(l)return{type:"champion",href:l.href};let[s="",o=""]=(0,a.Oy)(t);return i(s,o)?null:t.includes(",")?{type:"multisearch",href:"/multisearch/".concat(n,"?summoners=").concat(encodeURIComponent(t))}:{type:"summoner",href:function(e){let{page:t,query:n,region:r}=e,a=t?"&page=".concat(encodeURIComponent(t.toString())):"";return"/summoners/search?q=".concat(encodeURIComponent(n),"&region=").concat(encodeURIComponent(r)).concat(a)}({query:t,region:n})}}function h(e){let t=["^(.*?)\\: .*$","^(.*?)님이 (?:방|그룹)에 참가했습니다\\.?$","^(.*?)님이 로비에 참가하셨습니다\\.?$","^(.*?) joined the (?:room|group|lobby)\\.?$","^(.*?) entr\xf3 en la sala\\.?$","^(.*?) a rejoint la salle\\.?$","^(.*?) a rejoint le salon\\.?$","^(.*?) hat den Chatraum betreten\\.?$","^(.*?) ist der Lobby beigetreten\\.?$","^(.*?) \xe8 entrato nella stanza\\.?$","^(.*?) dołączył do pokoju\\.?$","^(.*?) a intrat \xeen sală\\.?$","^(.*?) μπήκε στο δωμάτιο\\.?$","^(.*?) entrou na sala\\.?$","^(.*?) odaya katıldı\\.?$","^(.*?) lobiye katıldı\\.?$","^(.*?) が入室しました。$","^(.*?)がロビーに参加しました$","^(.*?)がロビーに参加しました。$","^(.*?) entr\xf3 a la sala\\.?$","^(.*?) se ha unido a la sala\\.?$","^(.*?) se uni\xf3 a la sala\\.?$","^(.*?) entrou no sagu\xe3o\\.?$","^(.*?) 進入組隊房間\\.?$","^(.*?) 加入了队伍聊天\\.?$","^Użytkownik (.*?) dołączył do pokoju\\.?$","^Ο παίκτης (.*?) μπήκε στο λόμπι\\.?$","^(.*?) присоединился к лобби\\.?$","^Hr\xe1č (.*?) vstoupil do lobby\\.?$"],n=e.split("\r").join("\n").split("\n").reduce((e,n)=>{let r,a=n.trim();t.some(e=>r=a.match(RegExp(e,"i")));let l=((null==r?void 0:r[1])||"").trim();return l?e.includes(l)?e:[...e,l]:e},[]);return n.length?{data:n.join(","),isSuccess:!0}:{data:e,isSuccess:!1}}},17039:(e,t,n)=>{n.d(t,{w:()=>a});var r=n(30926);let a=(0,r.createServerReference)("40e89b0ba7550f6dd262a35915de9e918e98f4baf4",r.callServer,void 0,r.findSourceMapURL,"getMetaChampions")},30097:(e,t,n)=>{n.d(t,{$:()=>s});var r=n(12115),a=n(24805);let l=new Map,s=(e,t,n)=>{let[s,o]=(0,r.useState)(!1),[i,d]=(0,r.useState)(!1),[c,u]=(0,r.useState)(null),[m,h]=(0,r.useState)(),p=(0,r.useCallback)(async r=>{let s=!a.p8&&(null==n?void 0:n.dedupeInterval)&&e.name?"".concat(e.name,":").concat((e=>{try{return JSON.stringify(null!=e?e:null)}catch(t){return String(e)}})(r||t)):void 0,i=s?l.get(s):void 0;if(i&&i.expiresAt>Date.now())try{d(!!i.promise);let e=i.promise?await i.promise:i.data;return h(e),d(!1),o(!0),(null==n?void 0:n.onSuccess)&&void 0!==e&&n.onSuccess(e,r),e}catch(e){throw u(e.message),d(!1),e}d(!0),u(null);let c=a.p8?r:{fn:e.name,...r};try{let t=e(c);s&&(null==n?void 0:n.dedupeInterval)&&l.set(s,{expiresAt:Date.now()+n.dedupeInterval,promise:t});let a=await t;return s&&(null==n?void 0:n.dedupeInterval)&&l.set(s,{expiresAt:Date.now()+n.dedupeInterval,data:a}),h(a),d(!1),o(!0),(null==n?void 0:n.onSuccess)&&(null==n||n.onSuccess(a,r)),a}catch(e){throw s&&l.delete(s),u(e.message),d(!1),(null==n?void 0:n.onError)&&n.onError(e),e}},[e,n]);return(0,r.useEffect)(()=>{null!=n&&n.blockOnInit||p(t)},[]),{data:m,isLoading:i,isFetched:s,error:c,mutate:(e,n)=>{p(e||t).then(t=>{(null==n?void 0:n.onSuccess)&&n.onSuccess(t,e)}).catch(e=>{if(null==n?void 0:n.onError){try{e.error=JSON.parse(e.message);try{let t=JSON.parse(e.error.message);e.error={...e.error,...t}}catch(e){}}catch(e){}n.onError(e)}})}}}},33535:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(95155),a=n(80160),l=n(64269);function s(e){let{className:t,direction:n,disabled:s,...o}=e;return(0,r.jsxs)("button",{className:(0,l.cn)("box-border flex size-7 items-center justify-center rounded bg-gray-100",s?"cursor-default":"hover:bg-gray-200",t),...o,children:["left"===n&&(0,r.jsx)(a.Gk,{className:s?"text-gray-250":"text-gray-400",viewBox:"0 0 24 24",width:24,height:24}),"right"===n&&(0,r.jsx)(a.hI,{className:s?"text-gray-250":"text-gray-400",viewBox:"0 0 24 24",width:24,height:24})]})}},36777:(e,t,n)=>{n.d(t,{j:()=>a});var r=n(30926);let a=(0,r.createServerReference)("4026c4bf59208ac896df96497d888c1cbf4b99d90b",r.callServer,void 0,r.findSourceMapURL,"getESportsTeams")},50773:(e,t,n)=>{n.d(t,{default:()=>a});var r=n(97091);function a(e){let{children:t}=e,{isShowHomeAds:n}=(0,r.A)();return n?null:t}},66660:(e,t,n)=>{n.d(t,{A:()=>L});var r,a=n(95155),l=n(67909),s=n(20063),o=n(95604),i=n(12115),d=n(58146),c=n(80160),u=n(85358),m=n(64269);function h(e){let{homeVariant:t}=e,[n,r]=(0,i.useState)(!1);return(0,a.jsxs)("button",{type:"button",className:"button-bold group relative mr-4 flex transform items-center justify-center gap-2 overflow-hidden bg-main-500 transition md:mr-0 ".concat(t?"size-[40px] rounded md:size-[60px] md:rounded-2xl":"size-[40px] rounded md:size-[36px]"),onClick:()=>{var e,a,l;n||null==(l=window)||l.zE("messenger","hide"),r(!n),(null==(a=window)||null==(e=a.OPGGWidget)?void 0:e.openPanel)&&(window.OPGGWidget.openPanel

1(),(0,u.sendEvent)("op_click","click_ai_chatbot",t?"home":"search"))},style:{overflow:"hidden"},children:[(0,a.jsx)("span",{className:(0,m.cn)("absolute left-0 top-0 size-full scale-150",""),children:(0,a.jsx)("span",{className:(0,m.cn)("block size-full animate-spin bg-[conic-gradient(from_136deg_at_48.44%_49.22%,_#CAB4FF_0deg,_#00C6FF_88deg,_#74FFFF_183deg,_#00C6FF_268deg,_#CAB4FF_360deg)] ease-out"),style:{animationDuration:"2s"}})}),(0,a.jsxs)("span",{className:"group/inner relative flex items-center justify-center rounded bg-[var(--color-main-600)] transition-all ".concat(t?"h-[38px] gap-1 rounded md:size-[58px] md:flex-col md:rounded-[15px] md:group-hover:size-[60px]":"size-[38px] gap-2 group-hover:size-[40px] md:size-[34px] md:group-hover:size-[36px]"),children:[(0,a.jsx)("span",{className:"bg-animated-radial absolute inset-0 rounded opacity-0 transition-opacity duration-300 ease-in-out group-hover/inner:opacity-100"}),(0,a.jsxs)("span",{className:"relative z-10",children:[(0,a.jsx)(c.Pk,{className:(0,m.cn)("size-[24px] text-white",t?"md:size-[32px]":"")}),(0,a.jsx)(c.aG,{className:(0,m.cn)("absolute right-[-2px] top-[2px] size-[10px] text-white transition-transform duration-500 ease-in-out group-hover/inner:rotate-180",t?"md:right-0 md:top-[4px] md:size-[11px]":"")})]})]})]})}var p=n(77202),x=n(99144),g=n(1494),f=n(62243);let v=(0,l.default)(()=>n.e(3669).then(n.bind(n,43669)),{loadableGenerated:{webpack:()=>[43669]},ssr:!1}),b=()=>{},w=(0,i.createContext)({isOpen:!1,toggleDropdown:b,closeDropdown:b,selectItem:b}),y=e=>{let{children:t,className:n,id:r,onChange:l,...s}=e,[o,c]=(0,f.A)("searchMenu-".concat(r)),u=()=>c(!1),h=(0,p.useAtomValue)(g.I),x=(0,i.useMemo)(()=>({isOpen:o,toggleDropdown:()=>c(!o),closeDropdown:u,selectItem:(e,t)=>null==l?void 0:l(e,t)}),[o]);return(0,a.jsx)(w.Provider,{value:x,children:(0,a.jsx)("div",{className:(0,m.cn)("relative inline-block text-left",n),...s,children:(0,a.jsx)(d.default,{onOutsideClick:u,disabled:h,children:t})})})};function j(e){let{query:t,region:n}=e,r=(0,o.useTranslations)("SummonerSearch"),[l,s]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e=window.setTimeout(()=>s(!0),8e3);return()=>window.clearTimeout(e)},[]),(0,a.jsx)("div",{className:"bg-gray-100/95 fixed inset-0 z-modal flex items-start justify-center px-4 pt-[120px]","data-testid":"summoner-search-progress-overlay",children:(0,a.jsxs)("section",{"aria-busy":"true","aria-live":"polite",className:"flex w-full max-w-[640px] flex-col items-center rounded bg-gray-0 px-6 py-10 text-center shadow-sm",role:"status",children:[(0,a.jsx)("div",{"aria-hidden":"true",className:"h-8 w-8 animate-spin rounded-full border-4 border-gray-200 border-t-main-500 motion-reduce:animate-none"}),(0,a.jsx)("p",{className:"mt-5 break-all text-lg font-bold text-gray-900 sm:text-xl",children:t}),(0,a.jsx)("p",{className:"mt-2 text-sm text-gray-700",children:r("selected_region_searching",{region:n})}),(0,a.jsx)("p",{className:"mt-4 text-xs text-gray-500",children:r(l?"search_taking_long":"regional_search_hint")})]})})}function N(){return(N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}y.Button=function(e){let{onClick:t,...n}=e,{toggleDropdown:r}=(0,i.useContext)(w);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("label",{htmlFor:n.id,className:"hidden",children:n.id}),(0,a.jsx)("button",{onClick:e=>{r(),null==t||t(e)},...n}),(0,a.jsx)("input",{type:"hidden",name:"searchSummonerRegion",value:n.value})]})},y.Menu=function(e){let{className:t,children:n,isAlignRight:r,...l}=e,s=(0,o.useTranslations)("Search"),{isOpen:d,closeDropdown:c}=(0,i.useContext)(w);return(0,a.jsx)(a.Fragment,{children:d&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:(0,m.cn)("absolute top-full z-dropdown mt-px hidden md:block",r&&"right-0",t),...l,children:(0,a.jsx)("div",{className:"flex w-[190px] flex-col gap-px overflow-hidden rounded rounded-tr-none bg-gray-200 shadow",children:n})}),(0,a.jsx)(v,{isOpen:d,onClose:c,overlayClassName:"md:hidden",...l,children:(0,a.jsxs)("div",{className:"flex w-[290px] flex-col gap-px overflow-hidden rounded bg-gray-200 shadow",children:[(0,a.jsxs)("div",{className:"flex min-h-[48px] items-center justify-between bg-gray-0 px-4 md:hidden",children:[(0,a.jsx)("b",{className:"text-gray-900",children:s("select_region")}),(0,a.jsx)("button",{type:"button",className:"w-[24px]",onClick:c,children:(0,a.jsx)(x.A,{width:24,viewBox:"0 0 24 24"})})]}),n]})})]})})},y.Item=function(e){let{onClick:t,...n}=e,{closeDropdown:r,selectItem:l}=(0,i.useContext)(w);return(0,a.jsx)("button",{onClick:e=>{r(),l(n.value,e),null==t||t(e)},...n})},y.AnchorItem=function(e){let{onClick:t,...n}=e,{closeDropdown:r}=(0,i.useContext)(w);return(0,a.jsx)("a",{onClick:e=>{r(),null==t||t(e)},...n})};let _=function(e){return i.createElement("svg",N({xmlns:"http://www.w3.org/2000/svg",width:42,he

1ight:28,fill:"none",viewBox:"0 0 42 28"},e),r||(r=i.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M22.085 12.767H13.96v3.296h3.723c-.296 1.452-1.81 2.754-4.093 2.754-2.7 0-4.896-2.218-4.896-4.945s2.196-4.864 4.896-4.864c1.325 0 2.566.447 3.498 1.41l.206.213.247-.165 2.947-1.985.332-.224-.257-.308a9.06 9.06 0 0 0-6.973-3.282c-5.024 0-9.112 4.13-9.112 9.205s4.088 9.204 9.112 9.204c4.473 0 7.68-2.6 8.372-6.787.17-1.035.216-1.56.185-2.417-.017-.51-.042-.875-.062-1.105m19.136.002h-8.125v3.296h3.724c-.297 1.452-1.81 2.755-4.093 2.755-2.7 0-4.897-2.22-4.897-4.946 0-2.728 2.197-4.864 4.897-4.864 1.324 0 2.565.448 3.497 1.41l.207.213.247-.165 2.946-1.985.332-.224-.257-.308a9.06 9.06 0 0 0-6.972-3.282c-5.025 0-9.112 4.13-9.112 9.205s4.087 9.204 9.112 9.204c4.472 0 7.68-2.6 8.37-6.787.172-1.034.217-1.56.187-2.417a22 22 0 0 0-.063-1.105M0 21.206c0-1.03.83-1.867 1.849-1.867s1.849.837 1.849 1.867a1.86 1.86 0 0 1-1.85 1.868A1.86 1.86 0 0 1 0 21.206",clipRule:"evenodd"})))};var k=n(99171),C=n(64218),S=n(16933),$=n(13324);let z=(0,l.default)(()=>n.e(3056).then(n.bind(n,13056)),{loadableGenerated:{webpack:()=>[13056]},ssr:!1}),A=(0,l.default)(()=>n.e(910).then(n.bind(n,910)),{loadableGenerated:{webpack:()=>[910]},ssr:!1}),E=(0,k._m)();function L(e){let{variant:t="default",className:n,isHome:r,isMobile:l,...c}=e,{region:p,setRegion:x}=(0,C.G0)(),g=(0,S.rd)(),f=(0,o.useTranslations)("Search"),v=(0,o.useTranslations)("Region"),b=E.find(e=>e.value===p),[w,N]=(0,i.useState)(""),[k,L]=(0,i.useState)(!1),[I,O]=(0,i.useState)(!1),[P,R]=(0,i.useState)(!1),[G,F]=(0,i.useState)(!1),[D,M]=(0,i.useState)(null),T=(0,i.useRef)(null),[U,W]=(0,i.useTransition)(),B=(0,i.useRef)(null),q=(0,S.a8)(),H=(0,s.useSearchParams)(),V="home"===t,J=(0,i.useCallback)(()=>{var e;null==(e=B.current)||e.blur(),N(""),L(!1),M(null),T.current=null},[]);(0,i.useEffect)(()=>{J()},[q,H,J]);let Z=(0,i.useCallback)(e=>{T.current=e},[]);return b?(0,a.jsxs)("div",{className:(0,m.cn)("relative",n),...c,children:[(0,a.jsxs)(d.default,{onOutsideClick:()=>{L(!1),F(!1)},children:[(0,a.jsxs)("div",{className:"flex items-center md:gap-2",children:[(0,a.jsxs)("form",{className:(0,m.cn)("mx-4 my-2 mr-2 flex h-10 flex-1 items-stretch rounded bg-white md:m-0 md:h-9",V&&"md: md:h-[60px] md:rounded-full md:bg-gray-0"),onSubmit:e=>{e.preventDefault();let t=(0,$.$u)({query:w,region:b.value,topChampion:T.current});if(!t)return;let n=(0,$.ow)(t.href,q,H.toString());if(("champion"===t.type||n)&&J(),"summoner"!==t.type)return void g.push(t.href);M({query:w,region:b.display}),W(()=>{g.push(t.href)})},children:[(0,a.jsx)("div",{className:(0,m.cn)("flex items-stretch",V&&"md:relative md:after:absolute md:after:right-0 md:after:top-1/2 md:after:-mt-[7px] md:after:h-3.5 md:after:w-px md:after:bg-gray-200 md:after:content-['']"),children:(0,a.jsxs)(y,{id:t,onChange:e=>{x(e)},className:"flex items-stretch [&>div]:flex",children:[(0,a.jsxs)(y.Button,{id:"searchSummonerRegionSelect-".concat(t),type:"button",value:b.value,className:(0,m.cn)("relative after:absolute after:right-3.5 after:top-1/2 after:h-0 after:w-0 after:border-t-[5px] after:border-t-[var(--color-main-600)] after:content-[''] after:-mt-0.5 after:border-b-0 after:border-l-[5px] after:border-r-[5px] after:border-l-transparent after:border-r-transparent flex items-center rounded-bl rounded-tl bg-[var(--color-main-100)] pl-3 pr-8 text-xs text-[var(--color-main-600)]",G&&"after:rotate-180",V&&"md:w-[234px] md:flex-col md:items-start md:justify-center md:gap-1 md:rounded-full md:bg-gray-0 md:pl-8 md:text-gray-400 md:after:top-2/3 md:after:border-t-gray-400"),onClick:()=>{L(!1),F(!G)},children:[(0,a.jsx)("span",{className:(0,m.cn)("hidden",V&&"md:inline md:font-bold md:text-gray-900"),children:f("region")}),(0,a.jsx)("span",{className:(0,m.cn)("hidden",V&&"md:inline md:text-sm"),children:b.display}),(0,a.jsx)("span",{className:(0,m.cn)("inline",V&&"md:hidden"),children:b.display})]}),(0,a.jsx)(y.Menu,{isAlignRight:!0,children:E.map(e=>(0,a.jsxs)(y.Item,{className:(0,m.cn)("flex items-center gap-2 bg-gray-0 px-3 py-2 text-left text-xs text-gray-700 hover:bg-gray-100 [&>svg]:w-5 [&>svg]:md:w-6",e.value===p&&"bg-gray-100"),value:e.value,onClick:()=>{var n;return n=e.value,void(0,u.sendEvent)("op_click","click_region_select",t,n)},children:[e.icon,v("name",{region:e.value})]},e.value))})]})}),(0,a.jsxs)("div",{className:(0,m.cn)("relative flex-1",V&&"md:flex md:flex-col md:justify-center md:gap-1"),children:[(0,a.jsx)("label",{htmlFor:"searchSummonerName",className:"sr-only",children:f("search_summoner_name")}

1),(0,a.jsx)("span",{className:(0,m.cn)("hidden",V&&"md:inline md:px-3 md:text-xs md:font-bold"),children:f("search")}),(0,a.jsx)("input",{ref:B,id:"searchSummonerName",name:"searchSummonerName",type:"text",autoComplete:"off",className:(0,m.cn)("box-border h-10 w-full bg-transparent px-3 text-xs text-black focus:outline-none md:h-9",V&&"text-gray-900 md:h-5 md:bg-gray-0"),value:w,onChange:e=>{N(e.currentTarget.value)},onFocus:()=>{I||O(!0),L(!0),R(!1),F(!1)},onKeyDown:e=>{if((0,$.km)({key:e.key,isComposing:e.nativeEvent.isComposing,keyCode:e.keyCode}))return void e.preventDefault();"ArrowDown"===e.key?setTimeout(()=>R(!0),1):R(!1)},onPaste:e=>{e.preventDefault();let t=(e.clipboardData||window.clipboardData).getData("text"),{data:n}=(0,$.Pr)(t);N(n)}}),!w&&(0,a.jsx)("span",{className:(0,m.cn)("pointer-events-none absolute left-3 top-1/2 w-[calc(100%-24px)] -translate-y-1/2 overflow-hidden text-ellipsis text-nowrap text-[var(--color-gray-400)] md:text-xs",V&&"md:top-2/3 md:text-sm md:text-gray-400"),children:f.rich("game_name",{region:b.platform,span:e=>(0,a.jsx)("span",{className:(0,m.cn)("rounded bg-[var(--color-gray-100)] p-1 text-[var(--color-gray-400)]",V&&"md:bg-gray-100 md:text-sm md:text-gray-400"),children:e})})})]}),(0,a.jsx)("button",{type:"submit",disabled:U,className:(0,m.cn)("px-3 text-main-500",V&&"w-20 text-center"),"aria-label":f("search_summoner_name"),children:(0,a.jsx)(_,{width:36,className:(0,m.cn)("inline-block",V&&"w-[42px]")})})]}),(0,a.jsx)(h,{homeVariant:V})]}),I&&(0,a.jsxs)("div",{className:(0,m.cn)("absolute top-full z-lnbsearch hidden w-full overflow-hidden bg-gray-0 shadow-2xl md:left-[58px] md:mt-px md:w-[472px] md:rounded-bl md:rounded-br",V&&"md:left-[234px]",k&&"block"),children:[w.trim()&&(0,a.jsx)(z,{region:b.value,value:w,setValue:e=>N(e),isFocused:P,focusInput:()=>{var e;return null==(e=B.current)?void 0:e.focus()},closeQuickView:()=>L(!1),onTopChampionChange:Z}),(0,a.jsx)("div",{className:(0,m.cn)(w&&"hidden"),children:(0,a.jsx)(A,{closeQuickView:()=>L(!1)})}),(0,a.jsx)("button",{type:"button",className:"w-full bg-gray-200 p-2 text-center text-xs leading-4 text-gray-500 md:hidden",onClick:()=>L(!1),children:f("close")})]})]}),U&&D?(0,a.jsx)(j,{query:D.query,region:D.region}):null]}):null}},94968:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(95155),a=n(24805),l=n(16933);function s(e){let{label:t}=e;return(0,r.jsxs)(l.N_,{className:"inline-flex items-center gap-1 rounded-full border border-white/30 bg-main-600 px-3 py-1.5 text-xs font-bold text-white transition-colors hover:bg-main-400",href:a.a$.CLASSIC,children:[t,(0,r.jsx)("span",{"aria-hidden":"true",children:"→"})]})}},97091:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(39341),a=n(12115),l=n(43689),s=n(2844);let o=()=>{var e;let t=(0,r.MJ)(),{countryCode:n}=(0,l.A)(),o=null==t||null==(e=t.user)?void 0:e.isPremium,[i,d]=(0,a.useState)(!1),c=s.ip,u=["US","CA","BR","AR","MX","CL","CO","PE"].includes(n);return(0,a.useEffect)(()=>{let e=new Date,t=new Date(s.Z5),n=new Date(s.w9);e>=t&&e<=n?d(!0):d(!1)},[]),{isShowHomeAds:!!u&&!o&&i,adsHref:c,noAds:o}}},97625:(e,t,n)=>{n.d(t,{A:()=>u});var r=n(95155),a=n(12115),l=n(80160),s=n(85358),o=n(22789),i=n(64269),d=n(33535);function c(e){let{message:t="",data:n,options:a,className:d,op_event_section:c,...u}=e;return(0,r.jsxs)("button",{onClick:()=>{var e,r,l,o;if(t&&""!==t.trim()){try{null==(l=window)||null==(r=l.zE)||r.call(l,"messenger","hide")}catch(e){console.warn("Zendesk messenger hide failed:",e)}if(null==(e=window)?void 0:e.OPGGWidget)try{window.OPGGWidget.openPanel&&window.OPGGWidget.openPanel(),(null==(o=window.OPGGWidget)?void 0:o.sendInsight)&&(n||a?window.OPGGWidget.sendInsight(t,n,a):window.OPGGWidget.sendInsight(t)),(0,s.sendEvent)("op_click","click_ai_shortcut",c)}catch(e){console.error("[AIShortcut] Error during chat panel interaction:",e)}}},className:(0,i.cn)("group relative box-border flex items-center justify-center gap-1 overflow-hidden rounded-full bg-gray-0 px-3 py-2 transition-shadow duration-300 hover:shadow-[0px_0px_16px_0px_rgba(0,198,255,0.30)]",d),...u,children:[(0,r.jsx)("span",{className:"bg-animated-radial absolute inset-0 rounded-full opacity-0 transition-opacity duration-300 ease-in-out group-hover:opacity-100"}),(0,r.jsxs)("span",{className:"relative flex h-3 w-3 items-center justify-center transition-transform duration-500 ease-in-out group-hover:rotate-180",children:[(0,r.jsx)(o.default,{src:"/assets/images/common/icon-ai-star.png",alt:"",width:12,height:12,className:"absolute opacity-100 transition-opacity duration-200 group-hover:opacity-0"}),(0,r.jsx)(l.aG,{width:12,height:12,className:"absolute text-white opacity-0 transition-opacity duration-200 group-hover:opacity-100"})]}),(0,r.jsx)("span",{className:"relative flex-1 whitespace-nowrap text-xs text-gray-900 transition-all duration-300 group-hover:text-white group-hover:[text-shadow:_0px_0px_4px_rgb(0_0_0_/_0.25)]",children:t})]})}function u(e){let{children:t,className:n,data:l=[],isHome:s=!1,...o}=e,[u,m]=(0,a.useState)(!1),[h,p]=(0,a.useState)(!0),x=(0,a.useRef)(null),g=(0,a.useCallback)(()=>

1{if(!x.current)return;let{scrollLeft:e,scrollWidth:t,clientWidth:n}=x.current;p(e<=5),m(e+n>=t-5)},[]);(0,a.useEffect)(()=>{if(l&&l.length<=1){m(!0),p(!0);return}g();let e=x.current;if(e)return e.addEventListener("scroll",g,{passive:!0}),()=>{e.removeEventListener("scroll",g)}},[l,g]);let f=(0,a.useMemo)(()=>l&&l.length>0?l.map((e,t)=>(0,r.jsx)("div",{className:"flex animate-[fadeInScale_0.4s_ease-out_forwards] opacity-0",style:{animationDelay:"".concat(100*t,"ms")},children:(0,r.jsx)(c,{message:e.message,data:e.data,options:e.options,op_event_section:e.op_event_section})},"shortcut-".concat(t))):null,[l]),v=e=>{if(!x.current)return;let t=x.current.clientWidth,n="left"===e?Math.max(0,x.current.scrollLeft-t):Math.min(x.current.scrollWidth-x.current.clientWidth,x.current.scrollLeft+t);x.current.scrollTo({left:n,behavior:"smooth"})};return(null==l?void 0:l.length)===0?(0,r.jsx)("div",{className:"relative flex h-[32px] gap-2"}):(0,r.jsxs)("div",{...o,className:(0,i.cn)(["relative flex h-[32px] w-full min-w-0 max-w-full gap-2 overflow-hidden [contain:paint]",n]),children:[!h&&(0,r.jsx)("div",{className:"absolute left-0 top-1/2 z-10 flex h-8 -translate-y-1/2 items-center justify-center bg-[linear-gradient(270deg,transparent_0%,var(--lol-gray-100)_50.39%)] pr-4",children:(0,r.jsx)(d.A,{className:"rounded-full bg-gray-200",direction:"left",disabled:h,onClick:()=>v("left")})}),!u&&(0,r.jsx)("div",{className:"absolute right-0 top-1/2 z-10 flex h-8 -translate-y-1/2 items-center justify-center bg-[linear-gradient(90deg,transparent_0%,var(--lol-gray-100)_50.39%)] pl-4",children:(0,r.jsx)(d.A,{className:"rounded-full bg-gray-200",direction:"right",disabled:u,onClick:()=>v("right")})}),(0,r.jsx)("div",{className:(0,i.cn)("flex w-full gap-2 overflow-x-scroll px-2 text-xs scrollbar-none md:px-0",s?"[&>*:first-child]:ml-auto [&>*:last-child]:mr-auto":""),ref:x,children:f})]})}},99144:(e,t,n)=>{n.d(t,{A:()=>s});var r,a=n(12115);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}let s=function(e){return a.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24"},e),r||(r=a.createElement("path",{fill:"currentColor",fillRule:"nonzero",d:"m13.5 12 4.5 4.5-1.5 1.5-4.5-4.5L7.5 18 6 16.5l4.5-4.5L6 7.5 7.5 6l4.5 4.5L16.5 6 18 7.5z"})))}}}]);