1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8090],{91766:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tpg-games/terminal-trek-debug",function(){return r(40951)}])},40951:function(e,t,r){"use strict";r.r(t);var s=r(85893),a=r(97310),i=r(395),l=r(41664),w=r.n(l),n=r(2962),d=r(67294);let DebugAirportCard=e=>{let{activeViewType:t,airport:r}=e,a=(0,d.useRef)(null),[l,w]=(0,d.useState)(!1),n=(0,i.bg)(r,t),c=r.streetViews[n];return(0,d.useEffect)(()=>{let e=a.current;if(!e)return;let t=new IntersectionObserver(e=>{let[t]=e;w((null==t?void 0:t.isIntersecting)===!0)},{rootMargin:"400px 0px",threshold:.05});return t.observe(e),()=>{t.disconnect()}},[]),(0,s.jsxs)("article",{className:"tw-overflow-hidden tw-rounded-[20px] tw-border tw-border-gray-3 tw-bg-white tw-shadow-[0_10px_30px_rgba(15,92,100,0.08)]",ref:a,children:[(0,s.jsxs)("div",{className:"tw-flex tw-items-start tw-justify-between tw-gap-3 tw-border-b tw-border-gray-3 tw-p-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"tw-flex tw-items-center tw-gap-2",children:[(0,s.jsx)("p",{className:"tw-heading-8 tw-text-gray-6",children:r.iata}),(0,s.jsx)("span",{className:"tw-text-xs-semibold-caps tw-rounded-full tw-bg-[#deffbf] tw-px-2 tw-py-1 tw-text-[#0f5c64]",children:"outside"===t?"Outdoor":"Indoor"})]}),(0,s.jsx)("p",{className:"tw-text-sm-semibold tw-text-gray-6",children:r.name}),(0,s.jsxs)("p",{className:"tw-text-sm-regular tw-text-gray-5",children:[r.city,", ",r.country]})]}),(0,s.jsx)("a",{className:"tw-text-xs-semibold tw-rounded-full tw-border tw-border-gray-3 tw-px-3 tw-py-2 tw-text-gray-6",href:c.gmapsUrl,rel:"noreferrer",target:"_blank",children:"Open Maps"})]}),(0,s.jsx)("div",{className:"tw-aspect-[16/10] tw-bg-gray-2",children:l?(0,s.jsx)("iframe",{allowFullScreen:!0,className:"tw-size-full","data-airport":r.iata,"data-view-type":t,referrerPolicy:"no-referrer-when-downgrade",src:(0,i.Le)(r,n),title:"".concat(r.iata," ").concat(t," street view")}):(0,s.jsx)("div",{className:"tw-flex tw-size-full tw-items-center tw-justify-center tw-bg-[linear-gradient(135deg,#eaf3f7,#f8fbfd)] tw-p-6 tw-text-center",children:(0,s.jsxs)("div",{className:"tw-space-y-2",children:[(0,s.jsxs)("p",{className:"tw-text-sm-semibold tw-text-gray-6",children:[r.iata," ","outside"===t?"Outdoor":"Indoor"," 360"]}),(0,s.jsx)("p",{className:"tw-text-xs-regular tw-text-gray-5",children:"Scroll this tile into view to load the Street View iframe."})]})})}),(0,s.jsx)("div",{className:"tw-space-y-2 tw-p-4",children:(0,s.jsx)("p",{className:"tw-text-xs-regular tw-break-all tw-text-gray-5",children:c.gmapsUrl})})]},r.iata)};t.default=()=>{let[e,t]=(0,d.useState)(!1),r=e?"outside":"inside",l=(0,d.useMemo)(()=>Object.values(i.$1).filter(e=>{var t;return null===(t=e.streetViews)||void 0===t?void 0:t.length}).map(e=>(0,i.Ky)(e)).sort((e,t)=>e.iata.localeCompare(t.iata)),[]),c=(0,d.useMemo)(()=>l.filter(e=>e.streetViews.some(e=>e.viewType===r)),[r,l]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.PB,{description:"Debug view for Terminal Trek Google Maps Street View embeds.",title:"Terminal Trek Debug"}),(0,s.jsxs)("main",{className:"tw-min-h-screen tw-bg-[#f4f8fb] tw-pb-10",id:"main",children:[(0,s.jsx)("section",{className:"tw-sticky tw-top-0 tw-z-20 tw-border-b tw-border-gray-3 tw-bg-white/95 tw-backdrop-blur",children:(0,s.jsxs)("div",{className:"tw-mx-auto tw-flex tw-max-w-[1440px] tw-flex-col tw-gap-4 tw-p-4 md:tw-flex-row md:tw-items-center md:tw-justify-between md:tw-px-6",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"tw-text-sm-semibold-caps tw-text-blue-1",children:"Terminal Trek Debug"}),(0,s.jsxs)("h1",{className:"tw-heading-5 tw-text-gray-6",children:[c.length," ",r," airport embeds"]}),(0,s.jsx)("p",{className:"tw-text-sm-regular tw-text-gray-5",children:"Toggle every tile between indoor and outdoor Street View. Embeds only mount when cards are near the viewport so the page stays responsive."})]}),(0,s.jsxs)("div",{className:"tw-flex tw-flex-wrap tw-items-center tw-gap-3",children:[(0,s.jsxs)("div",{className:"tw-flex tw-items-center tw-gap-3 tw-rounded-full tw-border tw-border-gray-3 tw-bg-white tw-px-4 tw-py-2",children:[(0,s.jsx)("span",{className:"tw-text-sm-semibold ".concat(e?"tw-text-gray-5":"tw-text-blue-1"),children:"Indoor"}),(0,s.jsx)(a.rs,{onClick:t,selected:e}),(0,s.jsx)("span",{className:"tw-text-sm-semibold ".concat(e?"tw-text-blue-1":"tw-text-gray-5"),children:"Outdoor"})]}),(0,s.jsx)(w(),{href:"/tpg-games/terminal-trek",children:(0,s.jsx)(a.zx,{variant:"primary",children:"Open Game"})})]})]})}),(0,s.jsx)("section",{className:"tw-mx-auto tw-grid tw-max-w-[1440px] tw-gri
1d-cols-1 tw-gap-4 tw-px-4 tw-pt-6 md:tw-grid-cols-2 md:tw-px-6 xl:tw-grid-cols-3",children:c.map(e=>(0,s.jsx)(DebugAirportCard,{activeViewType:r,airport:e},"".concat(e.iata,"-").concat(r)))})]})]})}}},function(e){e.O(0,[395,9774,2888,179],function(){return e(e.s=91766)}),_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.