https://c-lol-web.op.gg/app-router/releases/production-327-1-08ffe…/static/chunks/4900-6a208045784527df.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4900],{14955:(e,s,l)=>{l.r(s),l.d(s,{default:()=>j});var a=l(95155),r=l(95604),i=l(80160),n=l(1e3),t=l(64269);function d(){return(0,a.jsx)("ul",{className:"flex flex-wrap gap-y-2",children:Array.from({length:8}).map((e,s)=>(0,a.jsx)("li",{className:"flex flex-col",children:(0,a.jsxs)("div",{className:"flex",children:[s>0&&(0,a.jsx)("span",{className:"mt-[5px] inline-flex size-7 items-center justify-center bg-gray-200",children:(0,a.jsx)(i.hI,{className:"text-gray-400",viewBox:"0 0 24 24",width:24,height:24})}),(0,a.jsxs)("div",{className:"inline-flex flex-col items-center justify-center gap-1.5 first:ml-3",children:[(0,a.jsx)("div",{className:"relative inline-flex gap-1 rounded bg-gray-200 p-1 align-top",children:Array.from({length:s%2==0?2:3}).map((e,s)=>(0,a.jsx)("div",{className:(0,t.cn)("relative flex size-[30px] items-center overflow-hidden rounded bg-gray-300 md:size-8"),children:(0,a.jsx)(n.A,{className:"size-[30px] rounded md:size-8"})},"item_builds_timeline_".concat(s)))}),(0,a.jsx)("div",{className:"whitespace-nowrap text-xs text-gray-400",children:(0,a.jsx)(n.A,{className:"h-2 w-8"})})]})]})},"item_builds_timeline_".concat(s)))})}function c(){return(0,a.jsxs)("div",{className:"text-0 relative flex flex-1 items-end justify-center text-left",children:[(0,a.jsxs)("div",{className:"relative box-border inline-block w-[120px] pb-5 align-bottom md:w-[136px] md:pb-7",children:[(0,a.jsx)("span",{className:"absolute bottom-0 left-0 w-full text-center text-xs leading-4 text-gray-500",children:(0,a.jsx)(n.A,{className:"m-auto h-2 w-10"})}),(0,a.jsx)("div",{className:"flex w-full justify-center",children:(0,a.jsx)("div",{className:"pb-1",children:(0,a.jsx)(n.A,{className:"m-auto size-7 rounded-full"})})}),Array.from({length:4}).map((e,s)=>(0,a.jsx)("div",{className:"flex w-full justify-between",children:Array.from({length:0===s?4:3}).map((e,s)=>(0,a.jsx)("div",{className:"py-1 text-center",children:(0,a.jsx)("div",{className:"mx-auto h-6 w-6 overflow-hidden rounded-full md:h-7 md:w-7",children:(0,a.jsx)(n.A,{className:"h-6 w-6 md:h-7 md:w-7"})})},"perks_group_inner_".concat(s)))},"perks_group_".concat(s)))]}),(0,a.jsx)("div",{className:"mx-2.5 my-1.5 h-[174px] w-[1px] self-start bg-gray-200"}),(0,a.jsxs)("div",{className:"relative box-border inline-block w-[120px] pb-5 align-bottom md:w-[136px] md:pb-7",children:[(0,a.jsx)("span",{className:"absolute bottom-0 left-0 w-full text-center text-xs leading-4 text-gray-500",children:(0,a.jsx)(n.A,{className:"m-auto h-2 w-10"})}),(0,a.jsx)("div",{className:"flex w-full justify-center",children:(0,a.jsx)("div",{className:"pb-1",children:(0,a.jsx)(n.A,{className:"size-7 rounded-full"})})}),Array.from({length:3}).map((e,s)=>(0,a.jsx)("div",{className:"flex w-full justify-between",children:Array.from({length:3}).map((e,s)=>(0,a.jsx)("div",{className:"py-1 text-center",children:(0,a.jsx)("div",{className:"mx-auto h-6 w-6 overflow-hidden rounded-[50%] md:h-7 md:w-7",children:(0,a.jsx)(n.A,{className:"h-6 w-6 rounded-full md:h-7 md:w-7"})})},"perk_shards_group_inner_".concat(s)))},"perk_shards_group_".concat(s)))]}),(0,a.jsx)("div",{className:"mx-2.5 my-1.5 h-[174px] w-[1px] self-start bg-gray-200"}),(0,a.jsxs)("div",{className:"relative flex w-6 flex-col items-end pb-5 md:w-[96px] md:pb-7",children:[(0,a.jsx)("span",{className:"absolute bottom-0 left-0 hidden w-full text-center text-xs leading-4 text-gray-500 md:block",children:(0,a.jsx)(n.A,{className:"m-auto h-2 w-12"})}),Array.from({length:3}).map((e,s)=>(0,a.jsx)("div",{className:"flex w-full justify-between py-1 md:mt-4 md:py-0",children:Array.from({length:3}).map((e,l)=>(0,a.jsx)(n.A,{className:"size-6 rounded-full ".concat(0===l?"block":"hidden md:block")},"shards_".concat(s,"_").concat(l)))},"shard_slot_".concat(s)))]})]})}var x=l(14119),m=l(12115);function o(){return(0,a.jsxs)("div",{className:"inline-flex flex-col gap-2",children:[(0,a.jsx)("div",{className:"flex items-center",children:Array.from({length:3}).map((e,s)=>(0,a.jsxs)(m.Fragment,{children:[s>0&&(0,a.jsx)(i.hI,{className:"flex-shrink-0 text-gray-400",viewBox:"0 0 24 24",width:24,height:24}),(0,a.jsx)(n.A,{className:"size-8 rounded"})]},"skill_".concat(s)))}),(0,a.jsx)("div",{className:"flex gap-0.5",children:Array.from({length:13}).map((e,s)=>(0,a.jsx)(n.A,{className:"size-[18px] rounded md:size-6"},"skill_key_list_".concat(s)))})]})}function h(){let e=(0,r.useTranslations)();return(0,a.jsxs)(x.A,{children:[(0,a.jsx)(x.A.SubHeader,{children:(0,a.jsx)(x.A.SubHeaderTitle,{children:e("ChampionBuilds.item_builds")})}),(0,a.jsx)(x.A.Content,{className:"justify-normal pb-2 pt-3",children:(0,a.jsx)(d,{})}),(0,a.jsx)(x.A.SubHeader,{className:"border-t border-t-gray-200",children:(0,a.jsx)(x.A.SubHeaderTitle,{children:e("ChampionBuilds.skill_order")})}),(0,a.jsx)(x.A.Content,{className:"h-[88px] items-center justify-center p-3",children:(0,a.jsx)(o,{})}),(0,a.jsx)(x.A.SubHeader,{className:"border-t border-t-gray-200",children:(0,a.jsx)(x.A.SubHeaderTitle,{children:e("Runes.runes")})}),(0,a.jsx)(x.A.Content,{className:"h-[228px] p-3",children:(0,a.jsx)(c,{})})]})}function u(){return(0,a.jsx)("div",{className:(0,t.cn)(["flex-start flex flex-wrap items-center gap-1 whitespace-pre-wrap"]),children:Array.from({length:3}).map((e,s)=>(0,a.jsxs)(m.Fragment,{children:[0!==s&&(0,a.jsx)(i.hI,{className:"flex-shrink-0 text-gray-400",viewBox:"0 0 24 24",width:24,height:24}),(0,a.jsx)(n.A,{className:"size-8 rounded"})]},"".concat(s)))})}

1function j(e){let{compact:s}=e,l=(0,r.useTranslations)();return(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[!s&&(0,a.jsxs)("div",{className:"flex flex-col overflow-hidden md:flex-row md:rounded [&_section]:rounded-none [&_section]:border-l [&_section]:border-l-gray-200",children:[(0,a.jsxs)("div",{className:"flex flex-1",children:[(0,a.jsxs)(x.A,{className:"flex-1",children:[(0,a.jsx)(x.A.SubHeader,{children:(0,a.jsx)(x.A.SubHeaderTitle,{children:l("ChampionBuilds.summoner_spells")})}),(0,a.jsx)(x.A.Content,{className:"px-2 py-3",children:(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(n.A,{className:"size-8 rounded"}),(0,a.jsx)(n.A,{className:"size-8 rounded"})]})})]}),(0,a.jsxs)(x.A,{className:"flex-1",children:[(0,a.jsx)(x.A.SubHeader,{children:(0,a.jsx)(x.A.SubHeaderTitle,{children:l("ChampionBuilds.starter_items")})}),(0,a.jsx)(x.A.Content,{className:"px-2 py-3",children:(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(n.A,{className:"size-8 rounded"}),(0,a.jsx)(n.A,{className:"size-8 rounded"})]})})]}),(0,a.jsxs)(x.A,{className:"flex-1",children:[(0,a.jsx)(x.A.SubHeader,{children:(0,a.jsx)(x.A.SubHeaderTitle,{children:l("ChampionBuilds.boots")})}),(0,a.jsx)(x.A.Content,{className:"px-2 py-3",children:(0,a.jsx)(n.A,{className:"size-8 rounded"})})]})]}),(0,a.jsxs)(x.A,{className:"flex-1 border-t border-t-gray-200 md:border-t-0",children:[(0,a.jsx)(x.A.SubHeader,{children:(0,a.jsx)(x.A.SubHeaderTitle,{children:l("ChampionBuilds.core_builds")})}),(0,a.jsx)(x.A.Content,{className:"px-2 py-3",children:(0,a.jsx)(u,{})})]})]}),(0,a.jsx)(h,{})]})}},15698:(e,s,l)=>{l.d(s,{A:()=>u});var a=l(95155),r=l(95604),i=l(12115),n=l(80160),t=l(63352),d=l(64269);function c(e){let{data:s}=e,l=(0,i.useMemo)(()=>(null==s?void 0:s.length)?s.map((e,s)=>{var l;return(null==e?void 0:e.length)>0?(0,a.jsx)("li",{className:"flex flex-col",children:(0,a.jsxs)("div",{className:"flex",children:[s>0&&(0,a.jsx)("span",{className:"mt-[5px] inline-flex size-7 items-center justify-center bg-gray-200",children:(0,a.jsx)(n.hI,{className:"text-gray-400",viewBox:"0 0 24 24",width:24,height:24})}),(0,a.jsxs)("div",{className:"inline-flex flex-col items-center justify-center gap-1.5 first:ml-3",children:[(0,a.jsx)("div",{className:"relative inline-flex gap-1 rounded bg-gray-200 p-1 align-top",children:e.map((e,s)=>{var l;return(0,a.jsxs)("div",{className:(0,d.cn)("relative flex size-[30px] items-center overflow-hidden rounded bg-gray-300 md:size-8"),children:[(null==e||null==(l=e.item)?void 0:l.image_url)&&(0,a.jsx)(t.A,{item:e.item,className:(0,d.cn)("size-[30px] md:size-8","ITEM_SOLD"===e.event&&"opacity-70")}),(null==e?void 0:e.amount)>1&&(0,a.jsx)("strong",{className:"absolute bottom-0 right-0 inline-flex size-4 items-center justify-center rounded bg-[var(--color-gray-900)] text-[11px] leading-4 text-white",children:e.amount}),"ITEM_SOLD"===e.event&&(0,a.jsx)(n.fc,{className:"absolute bottom-0 right-0 text-red-500",viewBox:"0 0 20 20",width:20,height:20})]},"item_builds_timeline_".concat(e.item.id,"-").concat(s))})}),(0,a.jsx)("div",{className:"whitespace-nowrap text-xs text-gray-400",children:null==(l=e[0])?void 0:l.minute})]})]})},"item_builds_timeline_".concat(s)):null}):null,[s]);return l?(0,a.jsx)("ul",{className:"flex flex-wrap gap-y-2",children:l}):null}var x=l(12700),m=l(24670),o=l(14119),h=l(88966);function u(e){let{itemBuilds:s,skillBuilds:l,runeBuild:n}=e,t=(0,r.useTranslations)(),d=(0,i.useMemo)(()=>s&&s.length>0?(0,a.jsx)(c,{data:s}):(0,a.jsx)(x.A,{children:t("Alert.data_is_not_found")}),[s,t]),u=(0,i.useMemo)(()=>{var e,s;return l&&(null==(e=l.skills)?void 0:e.length)>0&&(null==(s=l.skillOrderList)?void 0:s.length)>0?(0,a.jsx)(h.A,{skills:l.skills,skillOrderList:l.skillOrderList,evolve:l.evolveSkills}):(0,a.jsx)(x.A,{children:t("Alert.data_is_not_found")})},[l,t]),j=(0,i.useMemo)(()=>{var e;return n&&(null==(e=Object.keys(n))?void 0:e.length)>0?(0,a.jsx)(m.A,{build:n}):(0,a.jsx)(x.A,{children:t("Alert.data_is_not_found")})},[n,t]);return(0,a.jsxs)(o.A,{children:[(0,a.jsx)(o.A.SubHeader,{children:(0,a.jsx)(o.A.SubHeaderTitle,{children:t("ChampionBuilds.item_builds")})}),(0,a.jsx)(o.A.Content,{className:"min-h-[82px] justify-normal pb-2 pt-3",children:d}),(0,a.jsx)(o.A.SubHeader,{className:"border-t border-t-gray-200",children:(0,a.jsx)(o.A.SubHeaderTitle,{children:t("ChampionBuilds.skill_order")})}),(0,a.jsx)(o.A.Content,{className:"min-h-[88px] items-center justify-center p-3",children:u}),(0,a.jsx)(o.A.SubHeader,{className:"border-t border-t-gray-200",children:(0,a.jsx)(o.A.SubHeaderTitle,{children:t("Runes.runes")})}),(0,a.jsx)(o.A.Content,{className:"min-h-[228px] p-3",children:j})]})}}}]);