1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3422],{55516:function(e,t,l){Promise.resolve().then(l.bind(l,20944))},20944:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return v}});var a=l(57437),s=l(2265),x=l(51221),n=l(45574),i=l(93421);function r(e){let{children:t}=e;return(0,a.jsx)("section",{className:"grid min-h-80 grid-cols-2 gap-5 sm:min-h-64 sm:grid-cols-5 lg:min-h-80 lg:grid-cols-6 lg:gap-6 xl:min-h-96 xl:grid-cols-6 xl:gap-8 xl-big:gap-9",children:t})}var c=l(27648),h=l(59839);function g(e){let{locale:t,data:l}=e;return(0,a.jsxs)(c.default,{href:"/".concat(t,"/characters/").concat(l.slug),prefetch:!1,className:"relative block h-[260px] w-full cursor-pointer xs:h-[290px] xsl:h-[310px] xsx:h-[330px] sm:h-48 lg:h-60 xl:h-[300px] xl:hover:ring-1 xl:hover:ring-bl-green-primary xl-big:h-[335px]",children:[(0,a.jsx)("img",{src:(0,h.O)(l.portraitImage.url),alt:l.portraitImage.name,loading:"lazy",className:"h-full w-full object-cover"}),(0,a.jsx)("div",{className:"absolute inset-0 z-[1]"}),(0,a.jsxs)("section",{className:"absolute bottom-0 z-[2] flex w-full flex-col px-4 pb-3 sm:px-2 xl:px-3 xl:pb-4 xl-big:pb-5",children:[(0,a.jsx)("h4",{title:l.name,className:"line-clamp-2 w-fit max-w-full font-hgs-extrabold leading-tight text-white xs:text-lg xs:leading-tight xsl:leading-tight xsx:text-xl sm:text-sm sm:leading-tight lg:text-base lg:leading-tight xl:text-xl xl:leading-tight xl:hover:text-bl-green-secondary",children:l.name}),l.realName?(0,a.jsx)("h5",{title:l.realName,className:"truncate font-hgs-bold text-xs leading-tight text-white/90 xsx:text-sm xsx:leading-tight sm:text-[10px] sm:leading-tight lg:text-xs lg:leading-tight xl:text-sm xl:leading-tight",children:l.realName}):null]})]})}var o=l(66384);function d(e){let{className:t}=e;return(0,a.jsx)("div",{className:(0,o.cn)("h-[260px] w-full animate-pulse bg-gray-500/40 xs:h-[290px] xsl:h-[310px] xsx:h-[330px] sm:h-48 lg:h-60 xl:h-[300px] xl-big:h-[335px]",t)})}var m=l(15647);function u(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r,{children:[(0,a.jsx)(d,{}),(0,a.jsx)(d,{}),(0,a.jsx)(d,{}),(0,a.jsx)(d,{}),(0,a.jsx)(d,{}),(0,a.jsx)(d,{}),(0,a.jsx)(d,{}),(0,a.jsx)(d,{}),(0,a.jsx)(d,{className:"hidden sm:block"}),(0,a.jsx)(d,{className:"hidden sm:block"}),(0,a.jsx)(d,{className:"hidden lg:block"}),(0,a.jsx)(d,{className:"hidden lg:block"})]}),(0,a.jsx)(m.Z,{})]})}var p=l(44174),f=l(29315),b=l(4942),j=l(29149),N=l(58382);async function w(e,t,l,a){return await (0,N.L)("GET","/characters",e,t,18,"filters[$or][0][name][$containsi]=".concat(l,"&filters[$or][1][realName][$containsi]=").concat(l,"&fields[0]=name&fields[1]=realName&fields[2]=slug&populate[portraitImage][fields][0]=url&sort[0]=").concat(a))}let k=[{id:1,name:"A-Z",value:"name:asc"},{id:2,name:"Z-A",value:"name:desc"}];function v(){let e=(0,b.w)(),t="id"===e,[l,c]=(0,s.useState)(!1),[h,o]=(0,s.useState)([]),[d,m]=(0,s.useState)(1),[N,v]=(0,s.useState)(1),[C,S]=(0,s.useState)(""),[y,_]=(0,s.useState)("name:asc");return(0,s.useEffect)(()=>{(async function(){try{var t;c(!0);let l=await w(e,d,C,y);o(l.data),v((null===(t=l.meta)||void 0===t?void 0:t.pagination.pageCount)||1),c(!1)}catch(e){c(!1),(0,j.U)(e)}})()},[C,y,d]),(0,a.jsxs)("div",{className:"flex flex-col gap-6 border-b border-black/15 sm:gap-8 lg:gap-10",children:[(0,a.jsxs)("search",{className:"flex w-full items-center justify-between",children:[(0,a.jsx)(i.Z,{value:C,onDebounce:e=>{S(e),m(1)},onClear:()=>{S(""),m(1)},placeholder:t?"Cari karakter...":"Search characters...",theme:"dark",className:"w-48 xsx:w-52 sm:w-60 lg:w-72 xl:w-[400px] xl-big:w-[420px]",disabled:l}),(0,a.jsx)(n.A,{label:t?"URUTKAN":"SORT BY",value:y,onChange:e=>{_(e),m(1)},options:k,theme:"dark",className:"w-20 lg:w-24 xl:w-32 xl-big:w-36",disabled:l||!h.length})]}),l?(0,a.jsx)(u,{}):h.length?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r,{children:h.map(t=>(0,a.jsx)(g,{locale:e,data:t},t.documentId))}),(0,a.jsx)(p.default,{page:d,totalPage:N,onPageChange:e=>m(e),theme:"light"})]}):(0,a.jsxs)(f.Z,{children:[t?(0,a.jsx)("h2",{className:"font-hgs-bold text-xl text-white sm:text-2xl lg:text-3xl xl:text-4xl",children:C?"Tidak ada karakter untuk '".concat(C,"'"):"Karakter tidak ditemukan"}):(0,a.jsx)("h2",{className:"font-hgs-bold text-xl text-white sm:text-2xl lg:text-3xl xl:text-4xl",children:C?"N
1o character found for '".concat(C,"'"):"No character found"}),C?(0,a.jsx)(x.default,{onClick:()=>{S(""),m(1)},className:"px-4 text-sm text-white/80 ring-white/80 sm:px-5 xl:px-7 xl:text-base",children:t?"Hapus Pencarian":"Clear Search"}):null]})]})}}},function(e){e.O(0,[5706,7240,5452,9212,6137,2554,2972,9598,9064,3797,6914,2971,2117,1744],function(){return e(e.s=55516)}),_N_E=e.O()}]);
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.