https://skanska-citygate.netlify.app/_next/static/chunks/1587.bcbc816374a2c9a3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1587],{66375:function(e,t,n){var l=n(85893),i=n(21167);let a="grid grid-cols-4 gap-5 mx-5 sm:grid-cols-12 sm:mx-12 md:mx-16 lg:gap-10 lg:mx-20 xl:mx-28 3xl:max-w-[1920px] 4xl:mx-auto 4xl:w-full",r={default:a,timeline:(0,i.cn)(a,"mx-0 sm:mx-12 md:mx-16 lg:mx-20 xl:mx-28"),"sidescroll-nav":(0,i.cn)(a,"mx-5 sm:mx-12 md:mx-16 lg:mx-20 xl:mx-28 3xl:max-w-[1920px] 4xl:mx-auto 4xl:w-full"),"no-margin":(0,i.cn)(a,"m-0 sm:m-0 md:m-0 lg:m-0 xl:m-0 3xl:m-0 4xl:m-0"),"no-gap":(0,i.cn)(a,"gap-0 sm:gap-0 md:gap-0 lg:gap-0 xl:gap-0 3xl:gap-0 4xl:gap-0"),"no-y-gap":(0,i.cn)(a,"gap-y-0 sm:gap-y-0 md:gap-y-0 lg:gap-y-0 xl:gap-y-0 3xl:gap-y-0 4xl:gap-y-0")};t.Z=e=>{let{children:t,className:n,layout:a="default",as:o="div"}=e;return(0,l.jsx)(o,{className:(0,i.cn)(r[a],n),children:t})}},11587:function(e,t,n){n.r(t),n.d(t,{default:function(){return s}});var l=n(85893),i=n(66375),a=n(40002),r=n(2151),o=n(61304),c=n(67294);function s(e){let{blok:t}=e,{content:n,image:s}=t;return(0,l.jsxs)(a.Z,{block:t,className:"mb-20",children:[(0,l.jsxs)("div",{className:"relative -z-10 h-[300px] w-full lg:h-[400px] xl:h-[600px]",children:[(0,l.jsx)(o.Z,{src:s.filename,alt:s.alt||"",focalPoint:s.focus,fill:!0,className:"object-cover h-full w-full"}),(0,l.jsx)("div",{className:"from-transparent to-black/40 absolute inset-0 bg-gradient-to-b"})]}),(0,l.jsx)(i.Z,{className:"-mt-8",children:(0,l.jsx)("div",{className:"col-span-full",children:n&&n.length>0&&n.map((e,t)=>(0,l.jsx)(c.Fragment,{children:(0,l.jsx)(r.Z,{block:e})},"item-".concat(t)))})})]})}},40002:function(e,t,n){let l,i,a,r;n.d(t,{Z:function(){return N}});var o=n(85893),c=n(12777);let s=new Map,m=new Set,d=e=>{var t;null===(t=e.animation)||void 0===t||t.cancel(),e.animation=void 0,e.element.style.opacity="1",e.element.style.transform="none"},u=e=>{m.delete(e.element),null==a||a.unobserve(e.element),s.delete(e.element)},x=e=>{d(e),u(e)},f=(e,t)=>{let{delay:n,duration:l,startOpacity:i,startY:r}=t;null==a||a.unobserve(e.element),e.animation=e.element.animate([{opacity:i,transform:"translateY(".concat(r,"px)")},{opacity:1,transform:"translateY(0)"}],{duration:l,delay:n,easing:"cubic-bezier(0, 0, 0.2, 1)",fill:"both"}),e.animation.onfinish=()=>x(e)},p=()=>(null!=a||(a=new IntersectionObserver(e=>{e.forEach(e=>{if(!e.isIntersecting)return;let t=s.get(e.target);t&&f(t,{delay:1e3*t.delay,duration:1e3,startOpacity:0,startY:30})})},{rootMargin:"0px"})),a),g=e=>{e.matches&&s.forEach(x)},v=()=>(r||(r=window.matchMedia("(prefers-reduced-motion: reduce)")).addEventListener("change",g),r),h=()=>{i=void 0;let e=v().matches,t=Array.from(m).map(e=>{let t=s.get(e);if(!t)return;let n=e.getBoundingClientRect();return{registration:t,startsInViewport:n.top<window.innerHeight&&n.bottom>0}}).filter(e=>!!e);m.clear(),t.forEach(t=>{let{registration:n,startsInViewport:l}=t;if(e){x(n);return}if(l){n.animateInInitialViewport?f(n,{delay:0,duration:n.initialViewportDuration,startOpacity:.3,startY:n.initialViewportY}):x(n);return}n.element.style.opacity="0",n.element.style.transform="translateY(30px)",p().observe(n.element)})},y=()=>{void 0===l&&void 0===i&&(l=requestAnimationFrame(()=>{l=void 0,i=requestAnimationFrame(h)}))},w=function(e){let{animateInInitialViewport:t=!1,delay:n=0,initialViewportDuration:l=1e3,initialViewportY:i=30}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return s.set(e,{animateInInitialViewport:t,element:e,delay:n,initialViewportDuration:l,initialViewportY:i}),m.add(e),y(),()=>{let t=s.get(e);t&&(d(t),u(t))}};var b=n(67294);let j=(0,b.createContext)(0);function N(e){let{block:t,className:n="",children:l,animate:i=!0,delay:a=0}=e,r=null==t?void 0:t.component,s=(0,b.useRef)(null),m=(0,b.useContext)(j),d=i&&0===m;return(0,b.useEffect)(()=>{let e=s.current;if(i&&e)return w(e,{animateInInitialViewport:d,delay:a})},[i,d,a]),(0,o.jsx)(j.Provider,{value:m+(i?1:0),children:(0,o.jsx)("div",{ref:s,className:"block ".concat(r," ").concat(n," ").concat(d?"initial-viewport-entry-animation":""),...(0,c.LF)(t),children:l})})}},2151:function(e,t,n){var l=n(85893),i=n(12777),a=n(52706);let r=e=>e.component&&e.component in a.Z?a.Z[e.component]:null;t.Z=e=>{let{block:t,...n}=e,a=t.component||"UnknownComponent";return r(t)?(0,l.jsx)(i.Xj,{blok:t,...n}):(0,l.jsx)("div",{className:"bg-yellow-100 flex flex-1 flex-row items-center justify-center p-4 text-center text-sm",children:(0,l.jsxs)("p",{children:["Can not find a definition for component ",(0,l.jsx)("b",{children:a}),". Will you create it for me?"]})})}},61304:function(e,t,n){n.d(t,{Z:function(){return m}});var l=n(85893),i=n(74691),a=n.n(i),r=n(29260),o=n.n(r);let c=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,l={width:n?n.toString().split("/")[5].split("x")[0]:void 0,height:n?n.toString().split("/")[5].split("x")[1]:void 0};return{width:e?+e:l.width?+l.width:void 0,height:t?+t:l.height?+l.height:void 0}},s=(e,t)=>{if(!t)return;let{width:n,height:l}=c(void 0,void 0,e);if(void 0===n||void 0===l)return;let i=t.split(/:|x/).map(e=>+e),r={x:n&&a()((i[0]+i[2]/2)/+n*100,0,100),y:l&&a()((i[1]+i[3]/2)/+l*100,0,100)};return Object.keys(r).map(e=>"".concat(r[e],"%")).join(" ")};function m(e){var t,n;let{src:i,alt:a,width:r,height:m,className:d,original:u=!1,focalPoint:x,sizes:f,priority:p=!1}=e,g=c(r,m),v=i&&"string"==typeof i?s(i,x):void 0,h=u?i:"".concat(i,"/m/");return(0,l.jsx)(o(),{style:{objectPosition:v},src:h,alt:a,width:null!==(t=g.width)&&void 0!==t?t:void 0,height:null!==(n=g.height)&&void 0!==n?n:void 0,fill:void 0===r&&void 0===m,className:d,sizes:null!=f?f:"100vw",priority:p,placeholder:"blur",blurDataURL:"".concat(i,"/m/200x0/filters:quality(10)")})}},21167:function(e,t,n){n.d(t,{cn:function(){return a}});var l=n(90512),i=n(98388);function a(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,i.m6)((0,l.Z)(t))}}}]);