}\n"}};function pi(n,t){if(!(n instanceof Element)||!(t instanceof Element))throw new ct;return n===t?0:n.compareDocumentPosition(t)&2?1:-1}var ge=pi;function ui(n){return Object.entries(n).map(([t,e])=>e?`${t}=${e}`:t).join("&")}var J=ui;function mi(n){return n.split("&").reduce((t,e)=>{let[i,s]=e.split("=");return i&&(t[i]=s),t},{})}var k=mi;function fi(n){let t=k(n);return delete t.gid,delete t.pid,J(t)}var dt=fi;function _i(){return window.location.hash.substring(1)}var H=_i;function gi(){return`${window.location.pathname}${window.location.search}`}var pt=gi;var vi=n=>{let t=k(n);return Boolean(t.gid)&&Boolean(t.pid)},ut=vi;function yi(n,t){return n!==null?n:t?parseInt(t,10)-1:0}var ve=yi;var ye=E(U()),X=ye.default.createContext({remove:()=>{},set:()=>{},handleClick:()=>{},open:()=>{}});var tt=class{constructor(t){this.pswp=t,this.on=t.on.bind(t),this.off=t.off.bind(t),this.dispatch=t.dispatch.bind(t)}};var wi=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,i=Object.getOwnPropertySymbols(n);s{let[l,c]=(0,y.useState)(null),d=(0,y.useRef)(new Map),u=(0,y.useRef)(null),f=(0,y.useCallback)((A,R,z,T)=>{if(Z)return;let W=z||null,_t=[],gt=Array.from(d.current),vt=(m,p)=>{let[C,S]=m,{width:L,height:B,original:st,originalSrcset:nt,thumbnail:be,cropped:xe,content:wt,id:Y}=S,Ie=wi(S,["width","height","original","originalSrcset","thumbnail","cropped","content","id"]);(A===C||Y!==void 0&&String(Y)===R)&&(W=p),_t.push(Object.assign(Object.assign(Object.assign({w:Number(L),h:Number(B),src:st,srcset:nt,msrc:be,element:C.current,thumbCropped:xe,content:wt},wt!==void 0?{type:"html"}:{}),Y!==void 0?{pid:Y}:{}),Ie))};d.current.size>1?gt.sort(([{current:m}],[{current:p}])=>ge(m,p)).forEach(vt):gt.forEach(vt);let Se=T&&T.clientX!==void 0&&T.clientY!==void 0?{x:T.clientX,y:T.clientY}:null,_=new ht(Object.assign({dataSource:_t,index:ve(W,R),initialPointerPos:Se},t||{}));Z=_,_.on("contentActivate",({content:m})=>{m.data.content?c((0,we.createPortal)(m.data.content,m.element)):c(null)}),_.on("close",()=>{c(null)}),h&&_.on("uiRegister",()=>{var m;(m=_.ui)===null||m===void 0||m.registerElement({name:"download-button",ariaLabel:"Download",order:8,isButton:!0,tagName:"a",appendTo:"bar",html:{isCustomSVG:!0,inner:'',outlineID:"pswp__icn-download"},onInit:(p,C)=>{p.setAttribute("download",""),p.setAttribute("target","_blank"),p.setAttribute("rel","noopener"),_.on("change",()=>{var S;if(!((S=C.currSlide)===null||S===void 0?void 0:S.data.src))return;let L=p;L.href=C.currSlide.data.src})}})}),a&&_.on("uiRegister",()=>{var m;(m=_.ui)===null||m===void 0||m.registerElement({name:"default-caption",order:9,isButton:!1,appendTo:"root",onInit:(p,C)=>{p.style.position="absolute",p.style.bottom="15px",p.style.left="0",p.style.right="0",p.style.padding="0 20px",p.style.color="var(--pswp-icon-color)",p.style.textAlign="center",p.style.fontSize="14px",p.style.lineHeight="1.5",p.style.textShadow="1px 1px 3px var(--pswp-icon-color-secondary)",_.on("change",()=>{if(!C.currSlide)return;let{caption:S,alt:L}=C.currSlide.data;p.innerHTML=S||L||""})}})}),Array.isArray(i)&&i.forEach(m=>{_.on("uiRegister",()=>{var p;(p=_.ui)===null||p===void 0||p.registerElement(m)})}),typeof e=="function"&&e(new tt(_)),typeof o=="function"&&o(_);let it=()=>({gallery:{galleryUID:s}});_.on("beforeOpen",()=>{var m;if(s===void 0)return;if(!ut(H())){window.history.pushState(it(),document.title);return}if(Boolean((m=window.history.state)===null||m===void 0?void 0:m.gallery))return;let S=pt(),L=H(),B=dt(L),st=`${S}${B?`#${B}`:""}`,nt=`${S}#${L}`;window.history.replaceState(window.history.state,document.title,st),window.history.pushState(it(),document.title,nt)}),_.on("change",()=>{var m;if(s===void 0)return;let p=((m=_.currSlide)===null||m===void 0?void 0:m.data.pid)||_.currIndex+1,C=pt(),S=dt(H()),L=J({gid:s,pid:p}),B=`${C}#${S}&${L}`;window.history.replaceState(it(),document.title,B)});let yt=()=>{s!==void 0&&Z!==null&&Z.close()};window.addEventListener("popstate",yt),_.on("destroy",()=>{s!==void 0&&(window.removeEventListener("popstate",yt),ut(H())&&window.history.back()),Z=null}),_.init(),typeof r=="function"&&r(_)},[t,e,i,s,o,r,a,h]);(0,y.useEffect)(()=>()=>{Z&&Z.close()},[]);let P=(0,y.useCallback)(()=>{if(s===void 0||Z!==null)return;let A=H();if(A.length<5)return;let R=k(A),{pid:z,gid:T}=R;if(!(!z||!T)){if(d.current.size===0){u.current=z;return}z&&T===String(s)&&f(null,z)}},[f,s]);(0,y.useEffect)(()=>(P(),window.addEventListener("popstate",P),()=>{window.removeEventListener("popstate",P)}),[P]);let O=(0,y.useCallback)(A=>{d.current.delete(A)},[]),K=(0,y.useCallback)((A,R)=>{let{id:z}=R;if(d.current.set(A,R),u.current!==null){if(z===u.current){f(A),u.current=null;return}if(!z){let T=parseInt(u.current,10)-1,W=Array.from(d.current.keys())[T];W&&(f(W),u.current=null)}}},[f]),ft=(0,y.useCallback)(A=>{f(null,null,A)},[f]),Pe=(0,y.useMemo)(()=>({remove:O,set:K,handleClick:f,open:ft}),[O,K,f,ft]);return y.default.createElement(X.Provider,{value:Pe},n,l)};mt.propTypes={children:I.default.any,options:I.default.object,plugins:I.default.func,uiElements:I.default.array,id:I.default.oneOfType([I.default.string,I.default.number]),onBeforeOpen:I.default.func,onOpen:I.default.func,withCaption:I.default.bool,withDownloadButton:I.default.bool};var D=E(U()),v=E(lt());var Pi=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,i=Object.getOwnPropertySymbols(n);s{var{children:t}=n,e=Pi(n,["children"]);let i=(0,D.useRef)(),{remove:s,set:o,handleClick:r}=(0,D.useContext)(X),a=(0,D.useCallback)(h=>r(i,null,null,h),[]);return(0,D.useEffect)(()=>(o(i,e),()=>s(i)),Object.values(e)),t({ref:i,open:a})};et.propTypes={children:v.default.func.isRequired,original:v.default.string,originalSrcset:v.default.string,thumbnail:v.default.string,width:v.default.oneOfType([v.default.number,v.default.string]),height:v.default.oneOfType([v.default.number,v.default.string]),alt:v.default.string,caption:v.default.string,content:v.default.element,html:v.default.string,id:v.default.oneOfType([v.default.number,v.default.string]),cropped:v.default.bool};var Si=E(U());var bi={title:"Loadout.info",date:"2020-11-07",lastmod:"2020-11-07",tags:["project","web dev","typescript","angular","call of duty"],draft:!1,summary:"Web app to create, share, and analyse Call of Duty blueprints.",tech:["Angular","TypeScript","Firebase","Algolia"],link:"https://loadout.info",linklabel:"loadout.info"};function xi(n={}){let{wrapper:t}=n.components||{};return t?(0,w.jsx)(t,Object.assign({},n,{children:(0,w.jsx)(e,{})})):e();function e(){let i=Object.assign({p:"p",img:"img"},n.components);return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(i.p,{children:"Web app to create, share, and analyse Call of Duty blueprints."})," ",(0,w.jsx)("div",{className:"gallery grid grid-cols-1 md:grid-cols-2",children:(0,w.jsxs)(mt,{children:[(0,w.jsx)(et,{original:"/static/images/loadout-info-home.png",thumbnail:"/static/images/loadout-info-home.png",width:"1920",height:"923",children:({ref:s,open:o})=>(0,w.jsx)(i.img,{ref:s,onClick:o,src:"/static/images/loadout-info-home.png",className:"w-80 shadow-md mx-auto"})}),(0,w.jsx)(et,{original:"/static/images/loadout-info-loadout.png",thumbnail:"/static/images/loadout-info-loadout.png",width:"1920",height:"1884",children:({ref:s,open:o})=>(0,w.jsx)(i.img,{ref:s,onClick:o,src:"/static/images/loadout-info-loadout.png",className:"w-80 shadow-md mx-auto"})})]})})]})}}var Ii=xi;return Ai;})(); /*! * PhotoSwipe 5.4.2 - https://photoswipe.com * (c) 2023 Dmytro Semenov */ ;return Component;