https://afom.com.au/ceef714a-396ade7982de049d797a.js

1"use strict";(self.webpackChunkstarter=self.webpackChunkstarter||[]).push([[190],{9304:function(t,i,n){n.r(i);var e=n(2982),l=n(9110),r=n(7294),o=n(3711),a=n(7875),u=n(6919),c=n(9339),d=n(3503),s=n(4153),v=n(6603),p=n(6620),m=n(9606),g=n(7633),f=n(818),Z=n(7490),x=n(3431);var y=(0,l.Z)(u.Z,{target:"e1qfi7ru17"})("margin-top:120px;padding-bottom:22px;border-bottom:1px solid var(--black);",s.ai,"{margin-top:105px;padding-bottom:0;}"),b=(0,l.Z)("div",{target:"e1qfi7ru16"})("grid-column:span 2;@media (max-width: 1400px){grid-column:span 3;margin-bottom:6px;}",s.ai,"{grid-column:span 12;display:flex;justify-content:space-between;margin-bottom:6px;}"),h=(0,l.Z)("div",{target:"e1qfi7ru15"})("grid-column:span 12;border-top:1px solid;margin:0 -20px;display:none;",s.ai,"{display:block;}"),k=(0,l.Z)("button",{target:"e1qfi7ru14"})("display:flex;",s.ai,"{",s.Ld,";}"),q=(0,l.Z)("div",{target:"e1qfi7ru13"})("grid-column:span 10;@media (max-width: 1400px){grid-column:1/13;}",s.ai,"{display:none;}"),C=(0,l.Z)("div",{target:"e1qfi7ru12"})("margin-bottom:12px;",s.ai,"{",s.Ld," margin-bottom:8px;}"),w=(0,l.Z)("div",{target:"e1qfi7ru11"})("display:inline-flex;margin-left:12px;",s.ai,"{margin-left:12px;margin-bottom:10px;}"),N=(0,l.Z)(Z.Z,{target:"e1qfi7ru10"})(""),F=(0,l.Z)(N,{target:"e1qfi7ru9"})(s.ai,"{padding:5px 14px 4px 14px;}"),M=(0,l.Z)("div",{target:"e1qfi7ru8"})({name:"1rypsez",styles:"font-size:65%;margin-left:3px;position:relative;top:-3px"}),S=(0,l.Z)("button",{target:"e1qfi7ru7"})("position:relative;:after{position:absolute;content:'';left:0;right:0;top:calc(100% - 2px);border-bottom:1px solid;border-color:",(function(t){return t.active?"var(--black)":"transparent"}),";transition:border-color 0.25s;",s.ai,"{top:calc(100% - 3px);}}:hover{:after{border-color:var(--black);}}"),j=(0,l.Z)("div",{target:"e1qfi7ru6"})({name:"y35is9",styles:"margin:0 13px"}),E=(0,l.Z)(m.E.div,{target:"e1qfi7ru5"})("display:grid;grid-template-columns:repeat(3, 1fr);min-height:70vh;",s.ai,"{grid-template-columns:1fr;}"),L=(0,l.Z)("div",{target:"e1qfi7ru4"})("padding:0 30px;grid-column:span 3;margin-top:42px;",s.ai,"{margin-top:30px;grid-column:span 1;padding:0 20px;}"),V=(0,l.Z)("div",{target:"e1qfi7ru3"})("padding:0 30px;",s.ai,"{padding:0 20px;}"),G=(0,l.Z)(m.E.div,{target:"e1qfi7ru2"})("padding-top:20px;min-height:70vh;padding-bottom:24px;",s.ai,"{padding-bottom:29px;}"),O=(0,l.Z)("div",{target:"e1qfi7ru1"})("display:none;",s.ai,"{display:block;grid-column:span 12;padding-top:8px;}"),T=(0,l.Z)("div",{target:"e1qfi7ru0"})({name:"xl3o97",styles:"padding-bottom:9px"});i.default=function(t){var i,n,l,u,s,Z,z,R,W=t.data,B=W.page,D=null===(i=W.projectList)||void 0===i?void 0:i.nodes,I=((0,g.Z)().isMobile,(0,c.Wd)("s",(0,c.Wc)(c.F$,[]))),$=I[0],A=I[1],H=(0,r.useState)([]),J=H[0],K=H[1],P=(0,r.useState)("thumbnail"),Q=P[0],U=P[1],X=(0,r.useState)("service"),Y=X[0],_=X[1],tt=(0,r.useState)([]),it=tt[0],nt=tt[1],et=function(t){var i,n=(0,e.Z)($),l=n.indexOf(null==t||null===(i=t.slug)||void 0===i?void 0:i.current);-1!==l?(n.splice(l,1),A((function(){return n}))):A((function(i){var n;return[].concat((0,e.Z)(i),[null==t||null===(n=t.slug)||void 0===n?void 0:n.current])}))},lt=function(t){var i,n=(0,e.Z)(J),l=n.indexOf(null==t||null===(i=t.slug)||void 0===i?void 0:i.current);-1!==l?(n.splice(l,1),K((function(){return n}))):K((function(i){var n;return[].concat((0,e.Z)(i),[null==t||null===(n=t.slug)||void 0===n?void 0:n.current])}))},rt=function(t){var i="thumbnail"===Q?B.projectGrid:D;return(null==i?void 0:i.filter((function(i){var n,e;return null==i||null===(n=i.services)||void 0===n?void 0:n.map((function(t){var i;return null==t||null===(i=t.slug)||void 0===i?void 0:i.current})).includes(null==t||null===(e=t.slug)||void 0===e?void 0:e.current)}))).length},ot=function(t){var i="thumbnail"===Q?B.projectGrid:D;return(null==i?void 0:i.filter((function(i){var n,e,l;return(null==i||null===(n=i.sector)||void 0===n||null===(e=n.slug)||void 0===e?void 0:e.current)===(null==t||null===(l=t.slug)||void 0===l?void 0:l.current)}))).length};(0,r.useEffect)((function(){var t="thumbnail"===Q?B.projectGrid:D,i=t;if("service"===Y)if($.length<1)nt(t);else{var n=i.filter((function(t){if($.some((function(i){var n;return null==t||null===(n=t.services)||void 0===n?void 0:n.map((function(t){var i;return null==t||null===(i=t.slug)||void 0===i?void 0:i.current})).includes(i)})))return!0}));nt(n)}else if(J.length<1)nt(t);else{var e=i.filter((function(t){if(J.some((function(i){var n,e,l;return null==t||null===(n=t.sector)||void 0===n||null===(e=n.slug)||void 0===e||null===(l=e.current)||void 0===l?void 0:l.includes(i)})))return!0}));nt(e)}}),[$,Q,Y,J]);var at={hidden:{opacity:0}

1,show:{opacity:1}};return(0,x.tZ)(r.Fragment,null,(0,x.tZ)(o.Z,{title:B.title,metaTitle:null===(n=B.seo)||void 0===n?void 0:n.metaTitle,description:null===(l=B.seo)||void 0===l?void 0:l.metaDescription,image:null===(u=B.seo)||void 0===u?void 0:u.socialImage}),(0,x.tZ)(y,null,(0,x.tZ)(b,null,(0,x.tZ)(k,{className:"sm"},(0,x.tZ)(S,{active:"thumbnail"===Q,onClick:function(){return U("thumbnail")}},"Thumbnail"),(0,x.tZ)(j,null,"|"),(0,x.tZ)(S,{active:"list"===Q,onClick:function(){return U("list")}},"Full List"))),(0,x.tZ)(h,null),(0,x.tZ)(q,null,(0,x.tZ)(C,{className:"sm"},"Filter by",(0,x.tZ)(w,null,(0,x.tZ)(S,{active:"service"===Y,onClick:function(){return _("service")}},"Service"),(0,x.tZ)(j,null,"|"),(0,x.tZ)(S,{active:"sector"===Y,onClick:function(){return _("sector")}},"Sector"))),"service"===Y?(0,x.tZ)(r.Fragment,null,(0,x.tZ)(F,{className:"sm",onClick:function(){return A([])},active:$.length<1},"View all"),null===(s=B.filterMenu)||void 0===s?void 0:s.map((function(t){return(0,x.tZ)(N,{key:null==t?void 0:t.title,className:"sm",onClick:function(){return et(t)},active:$.includes(null==t?void 0:t.slug.current)},null==t?void 0:t.title,(0,x.tZ)(M,null,rt(t)))}))):(0,x.tZ)(r.Fragment,null,(0,x.tZ)(F,{className:"sm",onClick:function(){return K([])},active:J.length<1},"View all"),null===(Z=B.sectorFilterMenu)||void 0===Z?void 0:Z.map((function(t){return(0,x.tZ)(N,{key:null==t?void 0:t.title,className:"sm",onClick:function(){return lt(t)},active:J.includes(null==t?void 0:t.slug.current)},null==t?void 0:t.title,(0,x.tZ)(M,null,ot(t)))})))),(0,x.tZ)(O,null,"Filter by",(0,x.tZ)(w,null,(0,x.tZ)(S,{onClick:function(){return _("service")},active:"service"===Y},"Service"),(0,x.tZ)(j,null,"|"),(0,x.tZ)(S,{onClick:function(){return _("sector")},active:"sector"===Y},"Sector")),(0,x.tZ)(f.Collapse,{isOpened:!0},"service"===Y&&(0,x.tZ)(T,null,(0,x.tZ)(F,{className:"sm",onClick:function(){return A([])},active:$.length<1},"View all"),null===(z=B.filterMenu)||void 0===z?void 0:z.map((function(t){return(0,x.tZ)(N,{key:null==t?void 0:t.title,className:"sm",onClick:function(){return et(t)},active:$.includes(null==t?void 0:t.slug.current)},null==t?void 0:t.title,(0,x.tZ)(M,null,rt(t)))}))),"sector"===Y&&(0,x.tZ)(T,null,(0,x.tZ)(F,{className:"sm",onClick:function(){return K([])},active:J.length<1},"View all"),null===(R=B.sectorFilterMenu)||void 0===R?void 0:R.map((function(t){return(0,x.tZ)(N,{key:null==t?void 0:t.title,className:"sm",onClick:function(){return lt(t)},active:J.includes(null==t?void 0:t.slug.current)},null==t?void 0:t.title,(0,x.tZ)(M,null,ot(t)))})))))),(0,x.tZ)(p.M,{exitBeforeEnter:!0},"thumbnail"===Q&&(0,x.tZ)(E,{initial:"hidden",animate:"show",variants:{hidden:{opacity:0},show:{opacity:1,transition:{staggerChildren:.3,duration:.6}}},key:Q},null==it?void 0:it.map((function(t,i){return(0,x.tZ)(m.E.div,{variants:at,key:t.title},(0,x.tZ)(d.Z,{project:t}))})),(null==it?void 0:it.length)<1&&(0,x.tZ)(L,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0}},B.emptyResultsMessage)),"list"===Q&&(0,x.tZ)(G,{transition:{delay:0,duration:1.2},key:Q},it.map((function(t,i){return(0,x.tZ)(m.E.div,{key:Q,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{delay:.04*i}},(0,x.tZ)(v.Z,{project:t,i:i}))})),(null==it?void 0:it.length)<1&&(0,x.tZ)(V,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},B.emptyResultsMessage))),(0,x.tZ)(a.Z,{data:W,name:"data"}))}}}]);
2//# sourceMappingURL=ceef714a-396ade7982de049d797a.js.map