https://pushsecurity.com/_nuxt/DSwWgARb.js

1import{o as e}from"./D9EMzgjW.js";import{B as t,K as n,N as r,S as i,St as a,U as o,V as s,X as c,Zt as l,b as u,d,dt as f,en as ee,f as p,it as m,jt as h,lt as te,m as g,p as _,r as v,st as ne,tn as y,tt as re,u as b,ut as x,y as ie}from"./DLmMJ18v.js";import{u as ae}from"./CG0lLbCs.js";import{_ as oe}from"./z-VXDGiw.js";import{w as se}from"./ClIeF4Cf.js";import{t as ce}from"./3O9jAi12.js";import{n as S,r as C}from"#entry";import{i as le,l as ue,r as de,t as fe}from"./Bi6hTUrG.js";import{n as pe}from"./BE09SGAg.js";import{t as me}from"./DTMH4tWG.js";import{n as he}from"./DJL0J9N_.js";import{t as ge}from"./iSfuYly5.js";var _e={class:`relative isolate px-2 sm:px-8 pt-12 sm:pt-16 pb-8 sm:pb-24`},ve={class:`mb-10 text-center text-2xl sm:text-3xl md:text-5xl font-bold text-balance text-white md:mb-12`},ye={key:0,class:`pointer-events-none absolute inset-0 -z-10 h-full w-full overflow-visible`,"aria-hidden":`true`},be=[`data-tab-id`],xe={key:0,class:`flex h-10 w-10 items-center justify-center rounded-full border border-web-orange`},Se={class:`text-xl xl:text-2xl font-bold text-white`},Ce={key:1,class:`text-base text-mirage-light`},we={class:`pointer-events-none mt-2 grid place-items-center`},Te=[`aria-hidden`],Ee=[`aria-hidden`],De=[`aria-expanded`,`aria-controls`,`aria-label`,`onClick`],Oe=[`id`],ke={class:`flex h-7 w-7 xl:h-10 xl:w-10 items-center justify-center rounded-full border border-mirage-light`},Ae={class:`text-base xl:text-2xl font-normal text-white text-balance`},je={class:`text-xs xl:text-sm text-body-dark-mode`},Me={class:`flex flex-col gap-3 lg:hidden`},Ne=[`aria-expanded`,`aria-controls`,`onClick`],Pe={class:`flex items-center gap-3`},Fe={class:`text-base sm:text-2xl font-bold text-white`},Ie=[`id`],Le={class:`flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-deep-blue-grey`},Re={class:`flex flex-col gap-1`},ze={class:`text-base sm:text-xl font-bold text-white`},Be={class:`text-sm sm:text-base text-body-dark-mode`},w=1,Ve=.6,He=.7,Ue=8,T=1280,E=140,We=240,Ge=150,Ke=.15,D=40,O=.7,k=.6,qe=.05,A=Object.assign(S(i({__name:`ProductOutcomes`,props:{sectionHeading:{default:`Security outcomes you can actually achieve`}},async setup(i){let S,A,Je=i,Ye=([S,A]=te(()=>pe()),S=await S,A(),S),j=b(()=>Ye.value.map(e=>({...e,...he(e.navIcon),items:e.items.map(e=>({...e,...he(e.navIcon)}))}))),M=a(null),N=a(null),P=a(null),F=m(`stageRef`),I=m(`rowRef`),L=re(),R=a(0),z=a(0),Xe=a(0),B=a(0),V=a(`auto`),H=a(!1),U=null,W=b(()=>j.value.find(e=>e.id===M.value)?.items??[]),Ze=e=>({x:Xe.value/2-(e.offsetLeft+e.offsetWidth/2),y:B.value/2-(e.offsetTop+e.offsetHeight/2)}),G=(e,t)=>{if(t===4)return{x:(e%2==0?-1:1)*R.value,y:(e<2?-1:1)*z.value};let n=(-90+360/t*e)*(Math.PI/180),r=window.innerWidth<T?n-Ke*Math.sin(2*n):n;return{x:Math.cos(r)*R.value,y:Math.sin(r)*z.value}},Qe=e=>{e.map((t,n)=>({el:t,y:G(n,e.length).y})).sort((e,t)=>t.y-e.y).forEach(({el:e},t)=>{e.style.zIndex=String(t)})},$e=()=>window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,K=(e,t)=>{let n=F.value;if(!n)return;let r=n.clientWidth;if(!r)return;Xe.value=r;let i=(e[0]?.offsetHeight??0)*w,a=Math.max(0,...t.map(e=>e.offsetHeight));if(W.value.length===4){let n=(e[0]?.offsetWidth??0)*w,o=Math.max(0,...t.map(e=>e.offsetWidth));R.value=Math.min(n/2+o/2+D,r/2-E),z.value=i/2+a/2+D}else{R.value=Math.max(We,r/2-E);let e=W.value.length>Ue?He:Ve,t=window.innerWidth<T?1:e;z.value=Math.max(Ge,R.value*t)}B.value=Math.round(Math.max(2*z.value+a,i)+80)},q=()=>Array.from(F.value?.querySelectorAll(`.tab-card`)??[]),J=()=>Array.from(F.value?.querySelectorAll(`.child-card`)??[]),Y=()=>Array.from(F.value?.querySelectorAll(`.connector`)??[]),X=(e=J(),t=Y())=>{let n=F.value;if(!n)return;let r=n.clientWidth/2,i=n.clientHeight/2;e.forEach((e,n)=>{let a=t[n];a&&(a.setAttribute(`x1`,String(r)),a.setAttribute(`y1`,String(i)),a.setAttribute(`x2`,String(r+Number(C.getProperty(e,`x`)))),a.setAttribute(`y2`,String(i+Number(C.getProperty(e,`y`)))))})},Z=e=>{let t=F.value;if(!t)return window.scrollY;let n=t.getBoundingClientRect().top+window.scrollY;return Math.max(0,n+e/2-window.innerHeight/2)},Q=e=>{F.value&&(F.value.style.height=`${e}px`)},et=()=>

1{q().forEach(e=>{C.set(e,{x:0,y:0,scale:1,opacity:1,clearProps:`zIndex`}),e.style.pointerEvents=`auto`})},tt=e=>{let t=F.value;if(!t)return;let n=q(),r=J(),i=Y();K(n,r);let a=r.length,o=(I.value??t).offsetHeight,s=Z(B.value),c=n.find(t=>t.dataset.tabId===e);if(!c)return;let{x:l,y:u}=Ze(c);if(C.set(r,{x:0,y:0,scale:.6,opacity:0}),C.set(i,{opacity:0}),X(r,i),Qe(r),$e()){n.forEach(e=>{let t=e===c;C.set(e,{x:t?l:0,y:t?u:0,scale:t?w:.85,opacity:+!!t}),e.style.pointerEvents=t?`auto`:`none`}),r.forEach((e,t)=>{let{x:n,y:r}=G(t,a);C.set(e,{x:n,y:r,scale:1,opacity:1})}),C.set(i,{opacity:1}),Q(B.value),V.value=`${B.value}px`,X(r,i),window.scrollTo(0,s),H.value=!1;return}let d={h:o,scroll:window.scrollY};U?.kill();let f=C.timeline({onUpdate:()=>X(r,i),onComplete:()=>{V.value=`${B.value}px`,H.value=!1}});U=f,f.to(d,{h:B.value,scroll:s,duration:O,ease:`power2.inOut`,onUpdate:()=>{Q(d.h),window.scrollTo(0,d.scroll)}},0),n.forEach(e=>{e===c?(e.style.pointerEvents=`auto`,e.style.zIndex=`2`,f.to(e,{x:l,y:u,scale:w,opacity:1,duration:O,ease:`power2.inOut`},0)):(e.style.pointerEvents=`none`,f.to(e,{scale:.85,opacity:0,duration:O*.5,ease:`power2.in`},0))}),r.forEach((e,t)=>{let{x:n,y:r}=G(t,a);f.to(e,{x:n,y:r,scale:1,opacity:1,duration:O*.8,ease:`power3.out`},O*.25+t*qe)}),f.to(i,{opacity:1,duration:O*.6},O*.25)},nt=()=>{let e=F.value;if(!e)return;let t=q(),n=J(),r=Y(),i=e.offsetHeight,a=(I.value??e).offsetHeight,o=Z(a),s=()=>{e.style.height=``,V.value=`auto`,M.value=null,H.value=!1};if($e()){window.scrollTo(0,o),t.forEach(e=>{e.style.zIndex=``}),et(),s();return}let c={h:i,scroll:window.scrollY};U?.kill();let l=C.timeline({onUpdate:()=>X(n,r),onComplete:()=>{t.forEach(e=>{e.style.zIndex=``}),s()}});U=l,l.to(Y(),{opacity:0,duration:k*.4},0),n.forEach((e,t)=>{l.to(e,{x:0,y:0,scale:.6,opacity:0,duration:k*.55,ease:`power2.in`},t*qe)}),l.to(c,{h:a,scroll:o,duration:k,ease:`power2.inOut`,onUpdate:()=>{Q(c.h),window.scrollTo(0,c.scroll)}},k*.2),t.forEach(e=>{e.style.pointerEvents=`auto`,l.to(e,{x:0,y:0,scale:1,opacity:1,duration:k,ease:`power2.out`},k*.2)})},rt=e=>{H.value||(M.value===e?(H.value=!0,N.value=null,nt()):M.value||(H.value=!0,N.value=e,M.value=e,r(()=>tt(e))))},it=e=>{P.value=P.value===e?null:e},$=t=>{let{$segment:n}=e();n?.track?.(`Achievable outcomes item clicked`,{title:t.title,url:t.url})},{width:at}=se(),ot=oe(()=>{if(H.value||!M.value)return;let e=q(),t=J();K(e,t);let n=t.length;t.forEach((e,t)=>{let{x:r,y:i}=G(t,n);C.set(e,{x:r,y:i})});let r=e.find(e=>e.dataset.tabId===M.value);r&&C.set(r,Ze(r)),Q(B.value),V.value=`${B.value}px`,X()},150);return ne(at,ot),t(()=>{r(()=>{K(q(),J()),et()})}),s(()=>{U?.kill(),U=null}),(e,t)=>{let r=me,i=fe,a=ce,s=ge;return o(),p(s,{tag:`section`,class:`py-4 overflow-x-clip`},{default:x(()=>[d(`div`,_e,[t[2]||=d(`div`,{class:`panel-backdrop absolute -inset-64 -z-10 rounded-[18px] pointer-events-none`,"aria-hidden":`true`},null,-1),d(`h2`,ve,y(Je.sectionHeading),1),d(`div`,{ref_key:`stageRef`,ref:F,class:`relative isolate mx-auto hidden w-full lg:block`,style:ee({height:h(V)})},[h(M)?(o(),g(`svg`,ye,[(o(!0),g(v,null,n(h(W),e=>(o(),g(`line`,{key:e.url,class:`connector`}))),128))])):_(``,!0),d(`div`,{ref_key:`rowRef`,ref:I,class:`flex w-full gap-6`},[(o(!0),g(v,null,n(h(j),e=>(o(),g(`div`,{key:e.id,class:l([`tab-card outcome-card card-hover-glow group relative`,`flex flex-1 aspect-[25/16] flex-col items-center justify-center gap-2`,`rounded-2xl p-4 xl:p-8 text-center`]),"data-tab-id":e.id},[e.iconName||e.customIconComponent?(o(),g(`span`,xe,[e.customIconComponent?(o(),p(c(e.customIconComponent),{key:0,class:`h-5 w-5 text-web-orange`})):e.iconName?(o(),p(r,{key:1,name:e.iconName,pack:e.iconPack||`solid`,"icon-class":`block h-5 w-5 text-web-orange`},null,8,[`name`,`pack`])):_(``,!0)])):_(``,!0),d(`h3`,Se,y(e.label),1),e.text?(o(),g(`p`,Ce,y(e.text),1)):_(``,!0),d(`div`,we,[d(`span`,{class:l([`col-start-1 row-start-1 flex items-center text-base font-semibold text-mirage-light transition-opacity duration-700`,h(N)===e.id?`opacity-100`:`opacity-0`]),"aria-hidden":h(N)!==e.id},[u(i,{icon:h(le),class:`text-web-orange block mr-1`},null,8,[`icon`]),t[0]||=d(`span`,{class:`transition-colors duration-300 group-hover:text-web-orange`},`Back`,-1)],10,Te),d(`span`,{class:l([`col-start-1 row-start-1 flex items-center text-base font-semibold text-mirage-light transition-opacity duration-700`,h(N)===e.id?`opacity-0`:`opacity-100`]),"aria-hidden":h(N)===e.id},[t[1]||=d(`span`,{class:`transition-colors duration-300 group-hover:text-web-orange`},`Explore more`,-1),u(i,{icon:h(de),class:`text-web-orange block ml-1`},null,8,[`icon`])],10,Ee)]),d(`button`,{type:`button`,class:`absolute inset-0 cursor-pointer rounded-2xl focus-visible:outline-hidden focu

1s-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[#0eb1e4]`,"aria-expanded":h(N)===e.id,"aria-controls":`${h(L)}-ring`,"aria-label":h(N)===e.id?`Back from ${e.label}`:`Explore ${e.label}`,onClick:t=>rt(e.id)},null,8,De)],8,be))),128))],512),f(d(`div`,{id:`${h(L)}-ring`,class:`absolute left-1/2 top-1/2 grid -translate-x-1/2 -translate-y-1/2`},[(o(!0),g(v,null,n(h(W),e=>(o(),p(a,{key:e.url,to:e.url,class:l([`child-card outcome-card card-hover-glow relative cursor-pointer`,`col-start-1 row-start-1 self-stretch`,`flex w-[280px] xl:w-[320px] flex-col items-center justify-center gap-2`,`rounded-2xl p-4 xl:p-8 text-left opacity-0`,`text-center bg-grey-darkest`,`focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[#0eb1e4]`]),onClick:t=>$(e)},{default:x(()=>[d(`span`,ke,[e.customIconComponent?(o(),p(c(e.customIconComponent),{key:0,class:`h-4 w-4 xl:h-5 xl:w-5 text-mirage-light`})):e.iconName?(o(),p(r,{key:1,name:e.iconName,pack:e.iconPack||`solid`,"icon-class":`block h-4 w-4 xl:h-5 xl:w-5 text-mirage-light`}

1,null,8,[`name`,`pack`])):_(``,!0)]),d(`h4`,Ae,y(e.title),1),d(`p`,je,[ie(y(e.text)+` `,1),u(i,{icon:h(de),class:`text-web-orange inline-block ml-1`},null,8,[`icon`])])]),_:2},1032,[`to`,`onClick`]))),128))],8,Oe),[[ae,h(M)]])],4),d(`div`,Me,[(o(!0),g(v,null,n(h(j),e=>(o(),g(`div`,{key:e.id,class:`outcome-card overflow-hidden rounded-2xl`},[d(`button`,{type:`button`,class:`flex w-full items-center justify-between gap-4 p-5 text-left`,"aria-expanded":h(P)===e.id,"aria-controls":`${h(L)}-${e.id}`,onClick:t=>it(e.id)},[d(`span`,Pe,[e.customIconComponent?(o(),p(c(e.customIconComponent),{key:0,class:`h-7 w-7 shrink-0 text-web-orange`})):e.iconName?(o(),p(r,{key:1,name:e.iconName,pack:e.iconPack||`solid`,"icon-class":`block h-7 w-7 shrink-0 text-web-orange`},null,8,[`name`,`pack`])):_(``,!0),d(`span`,Fe,y(e.label),1)]),u(i,{icon:h(ue),class:l([`h-4 w-4 shrink-0 text-web-orange transition-transform duration-300`,h(P)===e.id?`rotate-180`:``])},null,8,[`icon`,`class`])],8,Ne),f(d(`ul`,{id:`${h(L)}-${e.id}`,class:`flex flex-col gap-1 px-3 pb-4`},[(o(!0),g(v,null,n(e.items,e=>(o(),g(`li`,{key:e.url},[u(a,{to:e.url,class:`flex gap-3 rounded-lg p-3 transition-colors hover:bg-deep-blue-grey`,onClick:t=>$(e)},{default:x(()=>[d(`span`,Le,[e.customIconComponent?(o(),p(c(e.customIconComponent),{key:0,class:`h-6 w-6 text-web-orange`})):e.iconName?(o(),p(r,{key:1,name:e.iconName,pack:e.iconPack||`solid`,"icon-class":`block h-6 w-6 text-web-orange`},null,8,[`name`,`pack`])):_(``,!0)]),d(`span`,Re,[d(`span`,ze,y(e.title),

11),d(`span`,Be,y(e.text),1)])]),_:2},1032,[`to`,`onClick`])]))),128))],8,Ie),[[ae,h(P)===e.id]])]))),128))])])]),_:1})}}}),[[`__scopeId`,`data-v-f20d13e8`]]),{__name:`SiteCommonProductOutcomes`});export{A as t};
2//# sourceMappingURL=DSwWgARb.js.map