1"use strict";(self.webpackChunkairfocus=self.webpackChunkairfocus||[]).push([[9520],{1542:function(e,a,i){var r=i(3769),t=i(6540),n=i(196),s=i(2358),d=i(4033),o=i(6065),m=i(5809),l=i(2982);a.A=({isSidebarCta:e=!1})=>(0,l.Y)("div",{className:"purple-bg with-box-shadow",css:c(e)},e?(0,l.Y)(t.Fragment,null,(0,l.Y)("div",{css:p(e)},(0,l.Y)("span",{className:"bold"},"Explore ",(0,l.Y)("br",null),(0,l.Y)("span",{css:g},"how ",(0,l.Y)(m.A,{width:28,css:h(e)}))," ",(0,l.Y)("span",{css:u(e)},"airfocus"))," ",!e&&(0,l.Y)("br",null),"can support ",(0,l.Y)("span",{className:"underline"},"your team"),"."),(0,l.Y)(d.s,{cssStyles:x(e)})):(0,l.Y)(o.A,{columnsTemplate:"1fr max-content",columnGap:0,noBreakForTablet:!0},(0,l.Y)("div",{css:p(e)},(0,l.Y)("span",{className:"bold"},"Explore how"," ",(0,l.Y)("span",{css:u(e)},"airfocus ",(0,l.Y)(m.A,{width:28,css:h(e)})))," ",!e&&(0,l.Y)("br",null),"can support ",(0,l.Y)("span",{className:"underline"},"your team"),"."),(0,l.Y)(d.s,{cssStyles:x(e)})));const c=e=>r.AH` 2 // richt-text (center column) always has a slight margin-top for which we need to align 3 ${e?"margin-top: 0.25rem":"margin: 2rem 0"}; 4 ${e?"position: sticky; top: 6rem;":"position: relative;"}; 5 border-radius: 0.5rem; 6 padding: ${e?"2rem 12%":"3rem 2rem"}; 7 8 @media screen and (min-width: ${n.fi.medium+1}px) and (max-width: ${n.vS}px) { 9 padding: 2rem 1.5rem; 10 } 11 12 @media screen and (max-width: ${n.fi.small}px) { 13 padding: 2rem; 14 } 15`,p=e=>r.AH` 16 font-size: ${e?"2rem":"2.2rem"}; 17 line-height: ${e?"2.5rem":"3rem"}; 18 19 .underline { 20 position: relative; 21 display: inline-block; 22 z-index: 1; 23 24 &::after { 25 content: ''; 26 position: absolute; 27 left: ${e?"12px":"8px"}; 28 bottom: ${e?"-8px":"-5px"}; 29 width: ${e?"95%":"100%"}; 30 height: ${e?"11px":"12px"}; 31 z-index: -1; 32 background-repeat: no-repeat; 33 background-size: 100% 100%; 34 background-image: url('/images/underline-blue-purple.svg'); 35 } 36 } 37 38 @media screen and (min-width: ${n.fi.large}px) and (max-width: ${n.fi.xlarge}px) { 39 font-size: ${e?"1.9rem":"1.75rem"}; 40 line-height: ${e?"2.35rem":"2.25rem"}; 41 } 42 43 @media screen and (min-width: ${n.fi.medium+1}px) and (max-width: ${n.vS}px), 44 (max-width: ${n.fi.small}px) { 45 font-size: 1.5rem; 46 line-height: 2.25rem; 47 } 48`,u=e=>r.AH` 49 position: relative; 50 background-color: ${s.T.white}; 51 padding: 0 14px 3px; 52 border-radius: 2rem; 53 54 ${e?"left: -13px;":""}; 55 56 @media screen and (max-width: ${n.fi.small}px) { 57 position: initial; 58 } 59`,g=r.AH` 60 position: relative; 61`,h=e=>r.AH` 62 position: absolute; 63 ${e?"\n top: 50%;\n transform: translateY(-50%);\n right: -38px;\n ":"\n top: -18px;\n right: -26px;\n "} 64 65 @media screen and (min-width: ${n.fi.medium+1}px) and (max-width: ${n.vS}px) { 66 width: 24px; 67 } 68 69 @media screen and (max-width: ${n.fi.small}px) { 70 width: 34px; 71 top: -19px; 72 right: 15px; 73 } 74`,x=e=>r.AH` 75 ${e?"margin-top: 2rem; max-width: 100%; width: 100%;":""}; 76 77 @media screen and (max-width: ${n.fi.small}px) { 78 margin-top: 1rem; 79 } 80`},3442:function(e,a,i){i.d(a,{Kq:function(){return B},E$:function(){return H},oi:function(){return G},he:function(){return T},De:function(){return z}});var r=i(3769),t=i(1542),n=i(5992),s=i(196),d=i(1887),o=i(4033),m=i(6994),l=i(2982);var c=({title:e,buttonText:a,buttonLink:i,imageFileName:r,customStyles:t})=>(0,l.Y)("div",{className:"purple-bg with-box-shadow",css:[p,null==t?void 0:t.containerStyles,"",""]},(0,l.Y)("div",{css:u},(0,l.Y)("h3",{className:"heading3 black-text no-margin"},(0,n.Ay)(e)),(0,l.Y)(o.$n,{link:i,cssStyles:g},(0,n.Ay)(a))),(0,l.Y)("div",{css:[h,null==t?void 0:t.imageStyles,"",""]},(0,l.Y)(m.A,{src:`cta/${r}${(0,d.Fr)(s.vS)?"-small":""}.webp`,alt:"airfocus production operations job description"})));const p=r.AH` 81 position: relative; 82 border-radius: 0.5rem; 83 overflow: hidden; 84 85 @media screen and (max-width: ${s.fi.small}px) { 86 overflow: visible; 87 } 88`,u=r.AH` 89 padding: 3rem 0 3rem 3rem; 90 91 @media screen and (max-width: ${s.fi.xlarge}px) { 92 padding: 2rem 0 2rem 3rem; 93 } 94 95 @media screen and (max-width: ${s.vS}px) and (min-width: ${s.fi.medium+1}px) { 96 padding: 2rem 0 2rem 2.5rem; 97 } 98 99 @media screen and (max-width: ${s.fi.small}px) { 100 padding: 2rem; 101 } 102`,g=r.AH` 103 margin-top: 2rem; 104`,h=r.AH` 105 position: absolute; 106`;var x=i(9505),f=i(8018);var w=()=>
106(0,l.Y)("div",{className:"purple-bg with-box-shadow",css:b},(0,l.Y)("div",{css:$},(0,l.Y)("div",{className:"heading4 blue-text",css:f.v},"Product Walkthrough"),(0,l.Y)("h2",{className:"heading2 black-text no-margin"},"See airfocus ",(0,l.Y)("br",null)," in action"),(0,l.Y)(o.$n,{link:"/cta/inline/resources/events/learn-airfocus/index/",cssStyles:Y},"Sign up")),(0,l.Y)("div",{css:v},(0,l.Y)(m.A,{src:`cta/product-walkthrough${(0,d.Fr)(s.fi.small)?"-small":""}.webp`,alt:"airfocus live training"})));const b=r.AH` 107 margin: 2rem 0; 108 border-radius: 0.5rem; 109 position: relative; 110 111 @media screen and (max-width: ${s.fi.small}px) { 112 margin-top: 3rem; 113 } 114`,$=r.AH` 115 padding: 3rem 0 3rem 3rem; 116 117 @media screen and (max-width: ${s.fi.xlarge}px) { 118 padding: 2rem 0 2rem 3rem; 119 } 120 121 @media screen and (max-width: ${s.vS}px) and (min-width: ${s.fi.medium+1}px) { 122 padding: 2rem 0 2rem 2.5rem; 123 } 124 125 @media screen and (max-width: ${s.fi.small}px) { 126 padding: 2rem; 127 } 128`,Y=r.AH` 129 margin-top: 1.5rem; 130`,v=r.AH` 131 position: absolute; 132 width: 45%; 133 right: 3%; 134 top: 50%; 135 transform: translateY(-45%); 136 137 @media screen and (max-width: ${s.fi.medium}px) { 138 width: 40%; 139 right: 3%; 140 } 141 142 @media screen and (max-width: ${s.fi.small}px) { 143 width: 75px; 144 top: 0; 145 right: 1rem; 146 } 147`;var A=i(4017);var k=({isSidebarCta:e=!1,templatesCategoryUrl:a="product-management"})=>e&&(0,d.Fr)(s.BA)?null:(0,l.Y)("div",{className:"purple-bg with-box-shadow",css:y(e)},e&&(0,l.Y)(A.N_,{className:"scale-on-hover",href:`/cta/${e?"sidebar":"inline"}/templates/category/${a}/`,css:S(e)},(0,l.Y)(m.A,{src:`cta/templates-${a}.webp`,alt:"airfocus templates"})),(0,l.Y)("div",null,(0,l.Y)("div",{className:"blue-text "+(e?"strong-body-2":"heading4"),css:(0,x.v)(e)},"Templates"),e?(0,l.Y)("div",{className:"cta-sidebar-title black-text"},"Get started with ",a.replace("-"," ")," templates"):(0,l.Y)("h2",{className:"heading3 black-text no-margin"},"Get started with ",!a.includes("-")&&(0,l.Y)("br",null),(0,n.Ay)(a.replace("-",'<br class="hide-on-small" /> '))," templates"),(0,l.Y)(o.$n,{link:`/cta/${e?"sidebar":"inline"}/templates/category/${a}/`,cssStyles:N(e)},"Find template")),!e&&(0,l.Y)(A.N_,{className:"scale-on-hover",href:`/cta/${e?"sidebar":"inline"}/templates/category/${a}/`,css:S(e)},(0,l.Y)(m.A,{src:`cta/templates-${(0,d.Fr)(s.fi.small)?"small":a}.webp`,alt:"airfocus templates"})));const y=e=>r.AH` 148 // richt-text (center column) always has a slight margin-top for which we need to align 149 ${e?"margin-top: 0.25rem":"margin: 2rem 0"}; 150 ${e?"position: sticky; top: 6rem;":"position: relative;"}; 151 border-radius: 0.5rem; 152 padding: ${e?"1.25rem":"2rem"}; 153 overflow: hidden; 154 155 ${!e&&`\n @media screen and (min-width: ${s.fi.small+1}px) {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n @media screen and (max-width: ${s.fi.medium}px) {\n padding: 2rem 2.2rem;\n }\n \n @media screen and (max-width: ${s.fi.small}px) {\n margin-top: 3rem;\n padding: 2rem;\n overflow: initial;\n }\n `}; 156`,S=e=>r.AH` 157 display: block; 158 159 ${!e&&`\n width: 238px;\n \n @media screen and (max-width: ${s.fi.xlarge}px) and (min-width: ${s.BA+1}px) {\n position: absolute;\n right: -48px;\n }\n \n @media screen and (max-width: ${s.vS}px) and (min-width: ${s.fi.medium+1}px) {\n position: absolute;\n left: 66%;\n }\n \n @media screen and (max-width: ${s.fi.medium}px) {\n margin-left: 1.5rem;\n }\n\n @media screen and (max-width: ${s.fi.small}px) {\n position: absolute;\n width: 4.5rem;\n top: -1.5rem;\n right: 1.5rem;\n }\n \n `} 160`,N=e=>r.AH` 161 margin-top: ${e?"1rem":"1.5rem"}; 162 ${e&&"width: 100%; padding: 0.75rem;"}; 163`;var F=i(5904);const H=e=>{switch(e){case"prioritization":return"prioritization";case"product-management":default:return"product-management";case"product-manager-job":return"modern-product-manager";case"agile":return"agile";case"customer-feedback":case"feedback-management":case"discovery-and-feedback-management":return"customer-feedback";case"roadmaps":case"roadmapping":return"roadmapping";case"internal-pm":return"internal-pm";case"feature-factory":return"feature-factory";case"product-operations":return"product-ops";case"product-strategy":return"product-strategy"}},B=(e,a,i)=>a===F.r.eBooks?`/cta/${e?"sidebar":"inline"}/resources/ebooks/${i}/`:`/cta/${e?"sidebar":"inline"}/resources/${i}/`,C=e=>{switch(e){case"feedback-management":case"customer-feedback":case"discovery-and-feedback-management":return"feedback-management";case"prioritization":return"prioritization";case"product-management":default:return"product-management";case"roadmapping":case"roadmaps":return"roadmaps"}},R=(e,a,i,r)=>{switch(e){case"TOFU - Main":case"TOFU - Additional":return(0,l.Y)(x.A,{isSidebarCta:i,educationResourceUrl:H(a)});case"MOFU - Main":case"MOFU - Additional":case"Newsletter":case"Templates":return(0,l.Y)(k,{templatesCategoryUrl:C(a),isSidebarCta:i});case"BOFU - Main":case"BOFU - Additional":case"Book a demo":case"Product Walkthrough":return(0,l.Y)(t.A,{isSidebarCta:i});case"eBook / Report":return(0,l.Y)(x.A,{isSidebarCta:i,educationResourceUrl:r});default:return null}},U=(e,a,i)=>{switch(e){case"TOFU":default:return(0,l.Y)(x.A,{isSidebarCta:i,educationResourceUrl:H(a)});case"MOFU":return(0,l.Y)(k,{templatesCategoryUrl:C(a),isSidebarCta:i});case"BOFU":return(0,l.Y)(t.A,{isSidebarCta:i})}},T=(e,a,i,r)=>{if(i){const e=R(i,a,!0,r);if(e)return e}return U(e,a,!0)},z=e=>{const{type:a,ebookResource:i,funnelStage:r,categorySlug:t,title:n,buttonText:s,buttonLink:d}=e,o=null==i?void 0:i.slug;var m,p,u;
163if(a)return a.startsWith("Custom")?(0,l.Y)(c,{title:n,buttonText:s,buttonLink:d,imageFileName:null===(p=M(a))||void 0===p?void 0:p.imageFileName,customStyles:null===(u=M(a))||void 0===u?void 0:u.customStyles}):null!==(m=R(a,t,!1,o))&&void 0!==m?m:(0,l.Y)(x.A,null);if(r)return U(r,t,!1);switch(n){case"Get our OKRs Roundtable Report":return(0,l.Y)(x.A,{educationResourceUrl:"roundtable-debate-okrs"});case"Get our Customer Feedback eBook":return(0,l.Y)(x.A,{educationResourceUrl:"customer-feedback"});case"Get our Mastering Prioritization eBook":return(0,l.Y)(x.A,{educationResourceUrl:"prioritization"});case"Get our How To Succeed as a Modern Product Manager eBook":return(0,l.Y)(x.A,{educationResourceUrl:"modern-product-manager"});case"Get our Agile: Best Practices and Methodologies eBook":return(0,l.Y)(x.A,{educationResourceUrl:"agile"});case"Get our Roadmapping From A to Z eBook":return(0,l.Y)(x.A,{educationResourceUrl:"roadmapping"});case"Get our Internal Product Management eBook":return(0,l.Y)(x.A,{educationResourceUrl:"internal-pm"});case"Learn from product experts":return(0,l.Y)(w,null);default:return(0,l.Y)(x.A,null)}},G=e=>{switch(e){case"Customer Feedback":case"feedback-management":case"discovery-and-feedback-management":return"insights";case"Prioritization":case"prioritization":return"prioritization";case"Product Strategy":case"business":case"product-discovery":case"product-strategy":case"releases":return"product-strategy";case"Roadmapping":case"roadmapping":case"roadmaps":return"roadmaps";default:return"general"}},M=e=>"Custom - Human"===e?{imageFileName:"human",customStyles:{containerStyles:r.AH` 164 background: radial-gradient(80.63% 133.75% at 77.34% 45.94%, #ffffff 8.5%, #eae0ff 38.46%, #eae0ff 75%); 165 @media screen and (max-width: ${s.fi.small}px) { 166 background-image: url('/images/purple-gradient-bg.webp'); 167 margin-top: 3rem !important; 168 } 169 `,imageStyles:r.AH` 170 width: 270px; 171 top: 0; 172 right: 0; 173 174 @media screen and (max-width: ${s.fi.xlarge}px) { 175 width: 242px; 176 } 177 178 @media screen and (max-width: ${s.vS}px) { 179 width: 100px; 180 top: 50%; 181 transform: translateY(-50%); 182 right: 42px; 183 } 184 185 @media screen and (max-width: ${s.fi.small}px) { 186 width: 45px; 187 top: -10px; 188 right: 10px; 189 } 190 `}}:{imageFileName:"human",customStyles:{imageStyles:r.AH` 191 width: 270px; 192 top: 0; 193 right: 0; 194 195 @media screen and (max-width: ${s.fi.xlarge}px) { 196 width: 242px; 197 } 198 199 @media screen and (max-width: ${s.vS}px) { 200 width: 100px; 201 top: 50%; 202 transform: translateY(-50%); 203 right: 42px; 204 } 205 206 @media screen and (max-width: ${s.fi.small}px) { 207 width: 45px; 208 top: -10px; 209 right: 10px; 210 } 211 `}}},9505:function(e,a,i){i.d(a,{v:function(){return $}});var r=i(3769),t=i(4794),n=i(5588),s=i(5992),d=i(196),o=i(1887),m=i(3442),l=i(2258),c=i(4033),p=i(6994),u=i(4017),g=i(2982);a.A=({educationResourceUrl:e="product-management",isCtaForGuidePage:a=!1,isSidebarCta:i=!1,cssStyles:r})=>{if(i&&(0,o.Fr)(d.BA))return null;const{educationResources:y}=(0,t.useStaticQuery)("3322666119"),S=y.edges.find(a=>a.node.slug===e);if(!S)return null;const{educationCategory:N,slug:F,title:H,ctaTitle:B,ctaImage:C}=S.node,R=(0,m.Kq)(i,N.id,F);return a?(0,g.Y)(l.A,{className:"purple-gradient-bg with-box-shadow",columns:2,columnsTemplate:"1fr 17%",css:h},(0,g.Y)("div",null,(0,o.Fr)()?(0,g.Y)("h3",{className:"heading3 no-margin"},"Too busy? ",(0,g.Y)("br",null)," Download now & read later."):(0,g.Y)("h2",{className:"heading2 no-margin"},"Too busy? ",(0,g.Y)("br",null)," Download now & read later."),(0,g.Y)(c.$n,{link:`/resources/ebooks/${F}/`,cssStyles:x},"Get the PDF")),(0,o.Fr)(d.fi.small)?(0,g.Y)("div",{css:k},(0,g.Y)(p.A,{src:"cta/ebook-small.webp",alt:`airfocus eBook ${H}`})):(0,g.Y)(u.N_,{className:"scale-on-hover with-blue-box-shadow",href:`/resources/ebooks/${F}/`,css:f},(0,g.Y)(n.G,{image:C.gatsbyImageData,alt:`airfocus eBook ${H}`,imgStyle:{borderRadius:"0 0.5rem 0.5rem 0"}}
211))):(0,g.Y)("div",{className:"purple-bg with-box-shadow",css:[w(i),r,"",""]},i&&(0,g.Y)(u.N_,{className:"scale-on-hover",href:R,css:A(i)},(0,g.Y)(n.G,{image:C.gatsbyImageData,alt:`airfocus eBook ${H}`,imgStyle:{borderRadius:"0 0.5rem 0.5rem 0"}})),(0,g.Y)("div",{css:b(i)},(0,g.Y)("div",null,(0,g.Y)("div",{className:"blue-text "+(i?"strong-body-2":"heading4"),css:$(i)},(0,o.sl)(N.name)),i?(0,g.Y)("div",{className:"cta-sidebar-title black-text"},B?(0,s.Ay)(B):H):(0,g.Y)("h3",{className:"heading3 black-text no-margin"},B?(0,s.Ay)(B):H)),(0,g.Y)(c.$n,{link:R,cssStyles:Y(i)},"Read now")),!i&&!(0,o.Fr)(d.fi.xlarge)&&(0,g.Y)("div",{css:v},(0,g.Y)(p.A,{src:"cta/paper-plane-ebook.webp",alt:"CTA eBook image background"})),!i&&((0,o.Fr)(d.vS)&&!(0,o.Fr)(d.fi.medium)||(0,o.Fr)(d.fi.small)?(0,g.Y)("div",{css:k},(0,g.Y)(p.A,{src:"cta/ebook-small.webp",alt:`airfocus eBook ${H}`})):(0,g.Y)(u.N_,{className:(0,o.Fr)(d.fi.xlarge)?"scale-on-hover":void 0,href:R,css:A(i)},(0,g.Y)(n.G,{image:C.gatsbyImageData,alt:`airfocus eBook ${H}`,imgStyle:{borderRadius:"0 0.5rem 0.5rem 0"}}))))};const h=r.AH` 212 margin-top: 4rem; 213 border-radius: 0.5rem; 214 padding: 3rem 5rem; 215 216 @media screen and (max-width: ${d.BA}px) { 217 padding: 3rem; 218 grid-template-columns: 1fr 19%; 219 } 220 221 @media screen and (max-width: ${d.BA}px) { 222 padding: 2.5rem 7%; 223 grid-template-columns: 1fr 19%; 224 } 225 226 @media screen and (max-width: ${d.fi.small}px) { 227 padding: 2rem; 228 grid-template-columns: 1fr; 229 } 230`,x=r.AH` 231 margin-top: 3rem; 232 233 @media screen and (max-width: ${d.fi.small}px) { 234 margin-top: 1rem; 235 max-width: 100%; 236 } 237`,f=r.AH` 238 border-radius: 0 0.5rem 0.5rem 0; 239 overflow: hidden; 240`,w=e=>r.AH` 241 // richt-text (center column) always has a slight margin-top for which we need to align 242 ${e?"margin-top: 0.25rem":"margin: 2rem 0"}; 243 ${e?"position: sticky; top: 6rem;":"position: relative;"}; 244 border-radius: 0.5rem; 245 padding: ${e?"1.25rem":"2rem"}; 246 overflow: hidden; 247 min-height: 9rem; 248 // stretch content div to 100% height & for tablet / mobile design 249 ${!e&&`\n display: flex;\n\n @media screen and (max-width: ${d.fi.xlarge}px) {\n justify-content: space-between;\n overflow: visible;\n min-height: initial;\n padding: 2rem 3rem;\n }\n\n @media screen and (max-width: ${d.fi.small}px) {\n display: block;\n padding: 2rem;\n }\n `}; 250 251 @media screen and (max-width: ${d.vS}px) and (min-width: ${d.fi.medium+1}px), 252 (max-width: ${d.fi.small}px) { 253 margin-top: 3rem; 254 } 255`,b=e=>r.AH` 256 display: flex; 257 flex-direction: column; 258 justify-content: space-between; 259 align-items: flex-start; 260 261 ${!e&&`\n @media screen and (min-width: ${d.fi.xlarge}px) {max-width: 60%};\n @media screen and (min-width: ${d.fi.small+1}px) and (max-width: ${d.fi.medium}px) {max-width: 68%};\n `}; 262`,$=e=>r.AH` 263 ${e&&"margin: 0.75rem 0 0.25rem"}; 264`,Y=e=>r.AH` 265 margin-top: ${e?"1rem":"1.5rem"}; 266 ${e&&"width: 100%"}; 267`,v=r.AH` 268 position: absolute; 269 width: 325px; 270 right: -2px; 271 bottom: -1px; 272 273 @media screen and (max-width: ${d.BA}px) { 274 width: 241px; 275 } 276`,A=e=>r.AH` 277 display: block; 278 border-radius: 0 0.5rem 0.5rem 0; 279 280 ${e?"max-width: 150px;":`\n // hover effect: #3146ff (12.5%) box-shadow only for inlineCTA with paper-plane-bg (screen width > breakpoints.xlarge)\n transition: all 0.3s ease-in-out;\n &:hover {\n box-shadow: rgb(49, 70, 255, 0.125) 0 0.2rem 2rem 1rem;\n }\n\n @media screen and (min-width: ${d.fi.xlarge+1}px) {\n position: absolute;\n width: 157px;\n height: 203px;\n bottom: -41px;\n right: 58px;\n }\n\n @media screen and (min-width: ${d.vS+1}px) and (max-width: ${d.fi.xlarge}px),\n (max-width: ${d.fi.medium}px) {\n margin: auto 0 auto 2rem;\n width: 100%;\n max-width: 8rem;\n }\n `} 281 282 @media screen and (max-width: ${d.fi.medium}px) { 283 width: 145px; 284 } 285`,k=r.AH` 286 width: 4rem; 287 position: absolute; 288 top: -2rem; 289 right: 2rem; 290`}}]); 291//# sourceMappingURL=9ce06bfdd2641e871d7dfe079e2a2ee4d7d4f3aa-71bb673ccd8bcea58a64.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.