https://ventionteams.com/_next/static/chunks/58.83e05dee1d0cc16d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58],{10937:(e,t,r)=>{r.d(t,{P:()=>n,u:()=>i});let i=e=>{let t="https://ventionteams.com".split("/").pop()||"ventionteams.com";return e.toString().includes(t)||e.toString().startsWith("/")||e.toString().startsWith("tel:")||e.toString().startsWith("mailto:")||e.toString().startsWith("#")||e.toString().startsWith("?")||e.toString().startsWith("..")||0===e.length?"_self":"_blank"},s=e=>{if(e.includes("target="))return e;if(e.includes("href=")){let t=e.indexOf('href="')+6,r=e.indexOf('"',t),s=e.substring(t,r),n=s.includes("/media/"),a=n?"_blank":i(s);return`${e.slice(0,-1)} target="${a}"${n?" download noopener noreferrer":""}>`}return e},n=e=>{let t=[],r=[],i=0,n=String(e);for(;-1!==n.indexOf("<a",i);)t.push(n.indexOf("<a",i)),i=n.indexOf("<a",i)+1,r.push(n.indexOf(">",i));let a=t.reduce((e,t,i)=>[...e,{start:t,end:r[i]}],[]),l=a.reduce((e,{start:t,end:r})=>[...e,n.substring(t,r+1)],[]).map(s);return a.reduce((e,{start:t,end:r},i)=>e.replace(n.substring(t,r+1),l[i]),n)}},11561:(e,t,r)=>{r.r(t),r.d(t,{default:()=>_});var i=r(37876),s=r(14232),n=r(12478),a=r(65650),l=r(28810),o=r(70285),d=r(74401),c=r(71086),u=r.n(c),h=r(48230),x=r.n(h),m=r(74495),f=r(69556),v=r(63467),p=r(92542),g=r(71237),j=r(40509),b=r(54518),y=r(70498),A=r(90004),$=r.n(A);let w=({project:e,itemUUID:t,index:r,activeIndex:n})=>{let{project_heading:o,project_description:c,color:u,project_image:h,project_info:A}=e,w=r===n,{width:_,height:N}=(0,j.A)(),C=(0,s.useRef)(null),S=(0,s.useRef)(null),[k,E]=(0,s.useState)((h?.width||1)/(h?.height||1));return(0,s.useEffect)(()=>{if(!C.current||!S.current)return;let e=C.current.offsetWidth,t=Math.round(S.current.offsetHeight);e&&t&&E(Math.min(Math.max(Math.round(e/t*1e3)/1e3,.4),2.5))},[_,N]),(0,i.jsxs)(m.A,{uuid:t,children:[(0,i.jsx)(f.A,{sx:{borderTop:"1px solid",borderColor:"border",backgroundColor:w?"background2":"inherit"},children:(0,i.jsx)("div",{className:$().headerContent,children:(0,i.jsxs)("div",{className:`${$().headerFlex}${w?` ${$().headerFlexActive}`:""}`,children:[(0,i.jsx)(l.A,{className:$().title,variant:d.YV.h3,children:o}),(0,i.jsx)("div",{children:(0,i.jsx)(y.A,{className:$().icon,condition:r!==n,color:"text"})})]})})}),(0,i.jsx)(v.A,{children:(0,i.jsxs)("div",{ref:S,className:$().grid,children:[h&&(0,i.jsx)("div",{ref:C,className:$().imageBox,children:(0,i.jsx)("div",{className:$().imageWrapper,children:(0,i.jsx)(g.A,{image:{...h,ratioOptions:{mobile:360/224,tablet:1032/279,desktop:k}},sizes:{mobile:100,desktop:50}})})}),(0,i.jsxs)("div",{className:$().contentFlex,children:[c&&(0,i.jsx)(a.A,{isColored:!0,variant:d.YV.b1Light,children:c}),(0,i.jsx)("div",{className:$().projectInfo,children:A.map((e,t)=>(0,i.jsxs)("div",{className:$().infoItem,children:[(0,i.jsx)(l.A,{variant:d.YV.figures,color:u?`secondary_${u}`:"secondary",children:e.info_heading}),(0,i.jsx)(a.A,{isColored:!0,variant:d.YV.b2Light,children:e.info_description})]},t))}),(0,i.jsxs)(x(),{prefetch:!1,href:e.button[0].value,className:`${$().button} onpage_CTA_${b.H8.OurWorkWithButton}`,style:{"--button-bg":u?`var(--my-colors-${u})`:"var(--my-colors-primary)","--button-bg-hover":u?`var(--my-colors-secondary_${u})`:"var(--my-colors-secondary)","--button-text-color":u?`var(--my-colors-${u}_primary_text)`:"var(--my-colors-primary_text)"},children:[(0,i.jsx)(l.A,{className:$().buttonText,variant:d.YV.h3,children:e.button_text}),(0,i.jsx)(p.A,{variant:d.YV.h3,className:$().arrowButton})]})]})]})})]})},_=({value:e})=>{let{heading_line:t,heading_description:r,projects:c}=e,[h,x]=(0,s.useState)(0),m=(0,o.Z)(h),f=(0,s.useCallback)(e=>{if(!e.length)return void x(-1);let t=e[e.length-1];"string"==typeof t?x(Number(t.replace("i-",""))):x(t)},[]);return(0,i.jsx)("section",{children:(0,i.jsxs)("div",{className:u().container,children:[(0,i.jsx)("div",{}),(0,i.jsxs)("div",{className:u().leftColumn,children:[(0,i.jsxs)("div",{className:u().contentWrapper,children:[t&&(0,i.jsx)(l.A,{variant:d.YV.h2,children:t}),r&&(0,i.jsx)(a.A,{variant:d.YV.b1Light,isColored:!0,children:r})]}),(0,i.jsx)(n.A,{sx:{gridColumn:"1/-1"},defaultExpanded:[0],onChange:f,children:c.map((e,t)=>(0,i.jsx)(w,{project:e,itemUUID:t,index:t,activeIndex:h,prevIndex:m,isLast:t===c.length-1},t))})]})]})})}},12478:(e,t,r)=>{r.d(t,{A:()=>a});var i=r(37876),s=r(53782),n=r(20391);let a=e=>{let{children:t,onChange:r,isMultiExpanded:a,sx:l,isHoverEvent:o,lockedExpandedItems:d,defaultExpanded:c,isAllExpanded:u,isAutoExpanded:h,isWithDelay:x,time:m,isEqualTime:f,isDisabled:v,className:p}=e;return(0,i.jsx)(n.A,{onChange:r,isMultiExpanded:a,isHoverEvent:o,lockedExpandedItems:d,defaultExpanded:c,isAllExpanded:u,isAutoExpanded:h,isWithDelay:x,time:m,isEqualTime:f,isDisabled:v,children:(0,i.jsx)(s.A,{className:p,sx:{width:"100%",...l},children:t})})}},20391:(e,t,r)=>{r.d(t,{A:()=>l,D:()=>a});var i=r(37876),s=r(14232);let n=(0,s.createContext)({}),a=()=>(0,s.useContext)(n),l=e=>{let{children:t,onChange:r,isMultiExpanded:a,isHoverEvent:l,lockedExpandedItems:o,defaultExpanded:d,isAllExpanded:c,isAutoExpanded:u,isWithDelay:h,time:x,isEqualTime:m,isDisabled:f}

1=e,[v,p]=(0,s.useState)(d||[]),[g,j]=(0,s.useState)(),b=(0,s.useCallback)(e=>-1!==v.indexOf(e),[v]);(0,s.useEffect)(()=>{if(u){let e=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&p(t=>{let r=e.target.dataset.id;return t.includes(r)?t:[...t,r]})})},{rootMargin:`0px 0px -${window.innerHeight/100*30}px 0px`});return j(e),()=>{e.disconnect()}}return()=>{}},[u]),(0,s.useEffect)(()=>{r&&r(v)},[v,r]);let y=o??[],A=(0,s.useCallback)(e=>{if(!c){if(v.includes(e)){if(y.includes(e))return;p(t=>t.filter(t=>t!==e));return}a?p(t=>[...t,e]):p([...y,e].filter((e,t,r)=>r.indexOf(e)===t))}},[v,a,c,y]),$=(0,s.useMemo)(()=>({expanded:v,toggleExpanded:A,isItemExpanded:b,isHoverEvent:l,observer:g,isAllExpanded:c,lockedExpandedItems:o,isWithDelay:h,time:x,isEqualTime:m,isDisabled:f}),[v,A,b,l,g,c,h,x,m,f]);return(0,i.jsx)(n.Provider,{value:$,children:t})}},28810:(e,t,r)=>{r.d(t,{A:()=>o});var i=r(37876),s=r(14232),n=r(60295),a=r.n(n);let l=(0,s.forwardRef)(({variant:e,className:t,as:r="span",color:n,style:l,...o},d)=>{let c=e?a()[e]:"",u=[a().root,c,t].filter(Boolean).join(" "),h=(0,s.useMemo)(()=>{let e=l||{};return n?{...e,color:`var(--my-colors-${n})`}:e},[n,l]);return(0,i.jsx)(r,{ref:d,className:u,style:h,...o})});l.displayName="TextScss";let o=l},48324:(e,t,r)=>{r.d(t,{A:()=>o,h:()=>l});var i=r(37876),s=r(14232),n=r(20391);let a=(0,s.createContext)({}),l=()=>(0,s.useContext)(a),o=({children:e,uuid:t})=>{let{toggleExpanded:r,isItemExpanded:l,isHoverEvent:o,isAllExpanded:d}=(0,n.D)();(0,s.useEffect)(()=>{d&&r(t)},[r,d,t]);let c=!!d||l(t),u=(0,s.useCallback)(()=>{r(t)},[r,t]),h=(0,s.useMemo)(()=>({uuid:t,expanded:c,toggleExpanded:u,isHoverEvent:o}),[t,c,u,o]);return(0,i.jsx)(a.Provider,{value:h,children:e})}},53147:(e,t,r)=>{r.d(t,{A:()=>l,h:()=>a});var i,s=r(14232);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e}).apply(null,arguments)}let a=e=>s.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),i||(i=s.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M17 4.632V3.35H0V0h24v24h-3.349V7h-1.283L2.97 23.398.602 21.03z",clipRule:"evenodd"}))),l={src:"/_next/static/media/arrow-up-right.e84e6792.svg",height:24,width:24,blurWidth:0,blurHeight:0}},55141:(e,t,r)=>{r.d(t,{B:()=>s});var i=r(57150);let s=e=>{let t=Math.ceil(e.mobile),r=Math.ceil(e.tablet||t),s=Math.ceil(e.desktop||r);return`(max-width: ${i.f[1]}px) ${t}vw, (max-width: ${i.f[3]}px) ${r}vw, ${s}vw`}},63467:(e,t,r)=>{r.d(t,{A:()=>c});var i=r(37876),s=r(14232),n=r(53782),a=r(40509),l=r(8014),o=r(20391),d=r(48324);let c=e=>{let{children:t,sx:r={},activeBg:c,className:u,style:h}=e,{isWithDelay:x,time:m,isEqualTime:f,isDisabled:v}=(0,o.D)(),p=parseFloat(m||l.tR),{width:g,height:j}=(0,a.A)(),b=x?l.tR:l.Db,[y,A]=(0,s.useState)(!1),[$,w]=(0,s.useState)(1e4),[_,N]=(0,s.useState)(p),{expanded:C}=(0,d.h)(),S=(0,s.useRef)(null),k=C&&c?c:r?.bg,E=(0,s.useCallback)(()=>{let e=S.current;e&&w(e.scrollHeight)},[]);return(0,s.useEffect)(()=>{A(!0)},[]),(0,s.useEffect)(()=>{E()},[E,g,j]),(0,s.useEffect)(()=>{let e=$/p;N(0!==$?$/e:p)},[p,$]),(0,i.jsx)(n.A,{className:u,style:h,sx:v?{}:{willChange:"max-height",maxHeight:C?y?`${$}px`:"100%":"0px",...(0,l.kf)({property:"max-height",time:f?m:`${_}s`,effect:"cubic-bezier(0.4, 0, 0.2, 1)",delay:b}),overflow:"hidden",...r,bg:k},children:(0,i.jsx)(n.A,{ref:S,sx:v?{height:"100%"}:{},children:t})})}},65650:(e,t,r)=>{r.d(t,{A:()=>o});var i=r(37876),s=r(96367),n=r(10937),a=r(59643),l=r.n(a);let o=e=>{let{variant:t,id:r,children:a,isColored:o,isHover:d,isReverse:c,color:u,isPrimary:h,as:x="div",className:m,style:f}=e,v=l()[t],p={isColored:o,isReverse:c,color:u,isPrimary:h},g={"--rich-text-color":(0,s.S)({...p,isHover:d}),"--rich-text-color-hover":(0,s.S)({...p,isHover:!0})};return(0,i.jsx)(x,{id:r,className:[v,m].filter(Boolean).join(" "),style:{...g,...f},dangerouslySetInnerHTML:{__html:(0,n.P)(a)}})}},69556:(e,t,r)=>{r.d(t,{A:()=>l});var i=r(37876),s=r(40606),n=r(53782),a=r(48324);let l=e=>{let{children:t,sx:r={},activeBg:l,className:o,style:d}=e,{toggleExpanded:c,expanded:u}=(0,a.h)()||{},h=u&&l?l:r?.bg;return(0,i.jsx)(s.A,{className:["accordion-item-header",o].filter(

1Boolean).join(" "),style:d,sx:{flexGrow:1,flexDirection:"row",justifyContent:"space-between",alignItems:"baseline",...r,bg:h},onClick:c,children:(0,i.jsx)(n.A,{sx:{flex:1},children:t})})}},70285:(e,t,r)=>{r.d(t,{Z:()=>s});var i=r(14232);let s=e=>{let t=(0,i.useRef)(void 0);return(0,i.useEffect)(()=>{t.current=e},[e]),t.current}},70498:(e,t,r)=>{r.d(t,{A:()=>l});var i=r(37876),s=r(96367),n=r(59755),a=r.n(n);let l=({condition:e,color:t="white",thin:r,className:n})=>(0,i.jsx)("div",{className:[a().icon,e&&a().iconCollapsed,r&&a().iconThin,n].filter(Boolean).join(" "),style:{"--plus-icon-color":(0,s.S)({color:t})}})},71237:(e,t,r)=>{r.d(t,{A:()=>c});var i=r(37876),s=r(54587),n=r.n(s),a=r(14232),l=r(40606),o=r(24450),d=r(55141);let c=({image:e,sx:t,id:r,priority:s,sizes:c})=>{let{url:u,width:h,height:x,alt:m,title:f,ratioOptions:v={mobile:h/x}}=e,{imagePriority:p}=(0,o.M)(),g=v.mobile,j=v.tablet||g,b=v.desktop||j,y=(0,a.useMemo)(()=>({width:"100%",position:"relative",img:{background:"border"},aspectRatio:[`auto ${g} / 1`,null,`auto ${j} / 1`,null,`auto ${b} / 1`],overflow:"hidden",...t}),[g,j,b,t]);return(0,i.jsx)(l.A,{sx:y,id:r,children:(0,i.jsx)(n(),{src:u,alt:m||f||"",fill:!0,fetchPriority:s||p?"high":void 0,loading:s||p?"eager":"lazy",draggable:!1,sizes:(0,d.B)(c),onDragStart:e=>e.preventDefault(),style:{maxWidth:"none",width:"100%",height:"100%",objectFit:"cover"}})})}},74495:(e,t,r)=>{r.d(t,{A:()=>u});var i=r(37876),s=r(14232),n=r(53782),a=r(40606);let l=0;var o=r(20391),d=r(48324);let c=({children:e,sx:t,className:r,style:l,id:c})=>{let{observer:u}=(0,o.D)(),{expanded:h}=(0,d.h)(),x=(0,s.useRef)(null);return(0,s.useEffect)(()=>{x.current&&u&&(x.current.dataset.id=c,u.observe(x.current))},[u,c]),(0,i.jsx)(n.A,{ref:x,className:[h?"opened":"",r].filter(Boolean).join(" "),style:l,sx:{...t||{}},children:(0,i.jsx)(a.A,{sx:{flexDirection:"column",width:"100%"},children:e})})},u=({children:e,uuid:t,sx:r,className:n,style:a})=>{let o,[u]=(0,s.useState)(t??(o=l,l+=1,`ita-${o}`));return(0,i.jsx)(d.A,{uuid:u,children:(0,i.jsx)(c,{id:u,sx:r,className:n,style:a,children:e})})}},77974:(e,t,r)=>{r.d(t,{A:()=>d});var i=r(37876),s=r(14232),n=r(96367),a=r(31703),l=r.n(a);let o=(0,s.forwardRef)((e,t)=>{let{src:r,isColored:s,isHover:a,isReverse:o,isOriginal:d,color:c,id:u,isPrimary:h,className:x,positon:m="center"}=e,f=(0,n.S)({isColored:s,isHover:a,isPrimary:h,color:c,isReverse:o});return(0,i.jsx)("div",{ref:t,id:u,className:`${l().root}${x?` ${x}`:""}`,style:{"--svg-image-fill":d?void 0:f,maskImage:`url(${r})`,maskRepeat:"no-repeat",maskPosition:m,maskSize:"contain"}})});o.displayName="SvgImageScss";let d=o},92542:(e,t,r)=>{r.d(t,{A:()=>o});var i=r(37876),s=r(77974),n=r(53147),a=r(5503),l=r.n(a);let o=({variant:e,isColored:t,isHover:r,isReverse:a,color:o,id:d,className:c})=>(0,i.jsx)(s.A,{className:[l().icon,e&&l()[e],c].filter(Boolean).join(" "),id:d,isColored:t,isHover:r,isReverse:a,color:o,src:n.A.src})},94114:(e,t,r)=>{function i({src:e,width:t}){try{let r=new URL(e);if("ventionteams.com"===r.hostname&&r.pathname.startsWith("/media/original_images/")){let e=r.pathname.split("/").pop();return`/api/images/${encodeURIComponent(e)}?width=${t}`}}catch{}return e}r.r(t),r.d(t,{default:()=>i})},96367:(e,t,r)=>{r.d(t,{S:()=>s});let i=new Set(Object.values(r(74401).y$)),s=({isColored:e,isHover:t,color:r,isPrimary:s,isReverse:n,isDim:a,isDark:l})=>{let o;if(r&&!i.has(r))return`var(--my-colors-${r})`;let d=n?"_reverse":"",c=a?"_dim":"",u=l?"_dark":"";return o=e?t?r?`secondary${d}${c}${u}_${r}`:`secondary${d}${c}${u}`:s?r||"primary":`text${d}`:t?`primary_hover_text${d}`:r?`${r}_primary_text`:"primary_text",`var(--my-colors-${o})`}}}]);