1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[345],{1908:(e,r,n)=>{Promise.resolve().then(n.t.bind(n,6874,23)),Promise.resolve().then(n.bind(n,9278))},9278:(e,r,n)=>{"use strict";n.d(r,{Header:()=>N});var s=n(5155),l=n(1362),i=n(6842),t=n(4315);function a(e){let{theme:r,setTheme:n}=(0,l.D)();return r?(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(i.P.div,{className:"bg-foreground-light h-10 w-10 flex items-center justify-center rounded-full cursor-pointer z-10 ".concat(e.isMenuOpen?"text-white":""),onClick:()=>n("light"===r?"dark":"light"),whileHover:{scale:1.125},children:"light"===r?(0,s.jsx)(t.wQq,{className:""}):(0,s.jsx)(t.V6H,{className:""})})}):(0,s.jsx)("div",{className:"bg-transparent h-10 w-10 rounded-full"})}var c=n(6874),o=n.n(c);function u(){return(0,s.jsx)("div",{children:(0,s.jsxs)(o(),{href:"/",className:"uppercase flex flex-col-reverse xl:block",children:[(0,s.jsx)("span",{className:"font-bold text-2xl",children:"Ghibli"}),(0,s.jsx)("span",{className:"font-light text-md -mb-2.5 xl:text-2xl xl:mt-0",children:" Movies"})]})})}var h=n(5695),x=n(9603),d=n(9105),m=n(2115);function p(e){return(0,s.jsx)(i.P.div,{className:"xl:hidden bg-foreground-light h-10 w-10 flex items-center justify-center rounded-full cursor-pointer z-10 ".concat(e.isMenuOpen?"text-white":""),onClick:e.onClick,whileHover:{scale:1.125},children:e.isMenuOpen?(0,s.jsx)(t.V2x,{}):(0,s.jsx)(t.f08,{})})}function f(e){return(0,s.jsx)(i.P.div,{className:"bg-foreground-light h-10 w-10 flex items-center justify-center rounded-full cursor-pointer z-10 ".concat(e.isMenuOpen?"text-white":""),onClick:e.onClick,whileHover:{scale:1.125},children:(0,s.jsx)(t.VxX,{})})}function j(e){return(0,s.jsxs)("nav",{className:"hidden xl:flex gap-8 text-sm font-semibold uppercase",children:[(0,s.jsx)(o(),{href:"/",className:"menu-item",children:"Home"}),(0,s.jsx)(o(),{href:"/movies",className:"menu-item",children:"Movies"}),"/"===e.pathname&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o(),{href:"#about",className:"menu-item",children:"About"}),(0,s.jsx)(o(),{href:"#start",className:"menu-item",children:"Start"}),(0,s.jsx)(o(),{href:"#tech",className:"menu-item",children:"Tech"})]})]})}var g=n(5084);function v(e){return(0,s.jsx)(g.N,{initial:!1,children:e.isMenuOpen?(0,s.jsx)(i.P.div,{className:"xl:hidden bg-primary-sm text-white fixed z-0 right-0 top-0 w-full max-w-[576px]",initial:{opacity:0,x:50,paddingTop:"calc(80px + 4rem)"},animate:{opacity:1,x:0},exit:{opacity:0,x:50},children:(0,s.jsxs)("nav",{className:"h-screen flex flex-col gap-8 px-12 text-2xl uppercase",children:[(0,s.jsx)(o(),{href:"/",children:"Home"}),(0,s.jsx)(o(),{href:"/movies",children:"Movies"}),"/"===e.pathname&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o(),{href:"#about",onClick:e.onClick,children:"About"}),(0,s.jsx)(o(),{href:"#start",onClick:e.onClick,children:"Start"}),(0,s.jsx)(o(),{href:"#tech",onClick:e.onClick,children:"Tech"})]})]})}):null})}function b(e){let{inputValue:r,scrolled:n,isSearchOpen:l,onSubmit:a,onChange:c,clearSearchBar:o}=e,u=(0,h.useRouter)();return(0,s.jsx)(g.N,{initial:!1,children:l?(0,s.jsx)(i.P.div,{className:"wrapper ".concat(n?"mt-4":""),initial:{opacity:0,y:50},animate:{opacity:1,y:0},exit:{opacity:0,y:50},children:(0,s.jsxs)("form",{onSubmit:e=>a(e),className:"relative grid items-center gap-4 bg-background text-foreground rounded-full h-[56px]",children:[(0,s.jsx)("div",{className:"absolute left-4 w-[16px] pr-6 border-r-2 border-foreground-light",children:(0,s.jsx)(t.VxX,{className:"cursor-pointer",onClick:()=>{o(),u.push("/movies?search=".concat(r.trim()))}})}),(0,s.jsx)("input",{type:"text",placeholder:"Type and press Enter (âµ)",value:r,onChange:e=>c(e),className:"w-full h-[100%] block rounded-full pl-13 pr-8 border-2 border-foreground-light focus:border-primary focus:outline-none"}),(0,s.jsxs)(i.P.div,{className:"absolute right-2 xl:right-3 xl:px-4 xl:text-sm flex gap-2 items-center justify-center cursor-pointer bg-foreground-light h-[40px] w-fit min-w-[40px] rounded-full",whileHover:{scale:1.1},onClick:o,children:[(0,s.jsx)("span",{className:"hidden xl:inline-block uppercase",children:"Clear"}),(0,s.jsx)(t.zy,{})]})]})}):null})}function N(){let e=(0,h.useRouter)(),r=(0,h.usePathname)(),{scrollY:n}=(0,x.L)(),[l,t]=(0,m.useState)(!1),[c,o]=(0,m.useState)(!1),[g,N]=(0,m.useState)(!1),[w,k]=(0,m.useState)("");(0,d.L)(n,"change",e=>{t(e>100)});let C=()=>{g&&N(!1),o(!c)},y=()=>{k("")};return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(i.P.header,{className:"fixed w-full top-0 ",initial:{color:"var(--white)",backgroundColor:"rgba(0, 0, 0, 0)",height:128},animate:{color:l?"var(--foreground)":"var(--white)",backgroundColor:l?"var(--background)":"rgba(0, 0, 0, 0)",height:l?80:128},transition:{duration:.3,ease:"easeInOut"},style:{zIndex:100},children:(0,s.jsxs)("div",{className:"h-full w-full",children:[(0,s.jsxs)("div",{className:"h-full w-full wrapper flex justify-between items-center",children:[(0,s.jsx)(u,{}),(0,s.jsx)(j,{pathname:r}),(0,s.jsxs)("div",{className:"flex justify-end gap-4 relative",children:[(0,s.jsx)(a,{isMenuOpen:c}),(0,s.jsx)(f,{isMenuOpen:c,onClick:()=>{c&&o(!1),N(!g)}}),(0,s.jsx)(p,{isMenuOpen:c,onClick:C})]})]}),(0,s.jsx)(b,{onChange:e=>{k(e.currentTarget.value)},inputValue:w,scrolled:l,isSearchOpen:g,onSubmit:r=>{r.preventDefault(),y(),e.push("/movies?search=".concat(w.trim()))},clearSearchBar:y}),(0,s.jsx)(v,{pathname:r,isMenuOpen:c,onClick:C})]})})})}}},e=>{var r=r=>e(e.s=r);e.O(0,[446,128,441,684,358],()=>r(1908)),_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.