https://livestorm.co/_nuxt/1E9OBgKk.js

1import{_ as ee}from"./alFp3Ems.js";import{_ as te}from"./DMZ1IPxQ.js";import{_ as ae}from"./qXcN0wVW.js";import{_ as oe,k as ne,a as re,l as le,u as se,B as ie,b as ce,o as ue,m as pe,d as me,D as ge,q as de,f as _e,g as he,r as ve,G as fe,t as V,I as ke,J as ye,L as be,v as Te}from"./Ba6k9c7N.js";import{_ as xe}from"./DLqgYMc_.js";import{_ as Be}from"./DuTQTJ3L.js";import{_ as we}from"./BE8fwlYt.js";import{_ as Ce}from"./Dpijic9R.js";import{w as Ie,o as Ae,c as m,m as a,a as s,q as c,s as x,u as t,b as u,t as n,v as r,x as G,F as $,y as D,h as Pe}from"./CGPNxvoe.js";import"./i8wwTqHc.js";import"./BNVL7EbM.js";import"./BghSF4GF.js";import"./DhBb4WS-.js";import"./Ceep3lFU.js";import"./W5NKTDU8.js";import"./QJ3bMqkb.js";import"./sO4uyacF.js";import"./B8XptFOt.js";import"./CmUlqqKf.js";import"./DKxTjL2y.js";const Se={__name:"[id]",async setup(Le){let B,N;const{page:M}=ne(),{setAvailableLanguages:O}=re(),{updateListItems:q}=le(),{locale:_}=se(),{isLogged:J}=ie(),h=ce(),{params:A}=ue(),E=pe(),{public:w}=me(),{width:H}=ge();de([`/api/content/pages/virtual-background-index/${_.value}`],()=>Te(`page-virtual-background-library-page-[id]-${A.id}-${_.value}`));const{data:e}=([B,N]=Ie(()=>ve(`page-virtual-background-library-page-[id]-${A.id}-${_.value}`,async()=>Promise.all([V(`/api/content/pages/virtual-background-index/${_.value}`),V(`/api/content/pages/virtual-background-cards/${_.value}`)]),{transform:([{allCategories:o,allPillarPages:l,allPlatforms:p,componentGetStarted:g,componentGlobal:f,componentHowToAddVirtualBackground:d,componentOurGuides:k,componentRelatedPosts:i,home:y,page:I},L])=>({allBackgrounds:L,allCategories:o,allPillarPages:l,allPlatforms:p,componentGetStarted:g,componentGlobal:f,componentHowToAddVirtualBackground:d,componentOurGuides:k,componentRelatedPosts:i,home:y,page:I})})),B=await B,N(),B);_e({title:e.value.page.seoTitle,description:e.value.page.seoDescription,ogTitle:e.value.page.seoTitle,ogDescription:e.value.page.seoDescription,twitterTitle:e.value.page.seoTitle,twitterDescription:e.value.page.seoDescription}),he({link:[{rel:"canonical",href:`${w.baseUrl}${h("virtual-background-library")}`}],script:[{innerHTML:JSON.stringify({"@context":"https://schema.org","@type":"BreadcrumbList",itemListElement:[{"@type":"ListItem",position:1,name:e.value.home.trackingBreadcrumbTitle,item:`${w.baseUrl}${h("index")}`},{"@type":"ListItem",position:2,name:e.value.page.trackingBreadcrumbTitle}]}),type:"application/ld+json"},{innerHTML:JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:e.value.page.faqItems.map(({title:o,text:l})=>({"@type":"Question",name:o,acceptedAnswer:{"@type":"Answer",text:l}}))}),type:"application/ld+json"}]});const C=Pe(!1),W=u(()=>H.value>=768&&H.value<1328?"row":"column"),R=u(()=>({cards:e.value.componentHowToAddVirtualBackground.howToSteps.map(({id:o,image:l,number:p,text:g})=>({id:o,image:l,paragraph:g,step:p})),cta:{action:"",to:e.value.componentHowToAddVirtualBackground.ctaLink,slot:e.value.componentHowToAddVirtualBackground.ctaTitle}})),P=u(()=>{const o=C.value?e.value.allPlatforms.length:6;return e.value.allPlatforms.slice(0,o)}),S=u(()=>J.value?{action:"Upgrade clicked",slot:e.value.componentGlobal.ctaUpgradeNow,to:`https://${w.appBaseUrl}/#/settings/billing/overview`}:{action:"Signup clicked",alternativeSlot:e.value.componentGlobal.ctaGetStartedForFree,slot:e.value.componentGlobal.ctaTryForFree,to:`https://${w.appBaseUrl}/#/signup`}),j=u(()=>({pattern:e.value.page.pushBackgroundImage,primaryCallToAction:S.value,secondaryCallToAction:F.value,text:e.value.page.pushText,title:e.value.page.pushTitle,type:"push-card"})),Q=u(()=>[...new Set(U.value.map(({category:{id:o}})=>o))]),F=u(()=>({to:"#form-demo",action:"Demo clicked",slot:e.value.componentGlobal.ctaGetDemo})),z=u(()=>C.value?e.value.page.showLess:e.value.page.showMore),U=u(()=>e.value.allBackgrounds.filter(({slug:o})=>!!o).map(({id:o,_firstPublishedAt:l,backgroundImageForWebsite:p,backgroundTitle:g,category:f,createdAt:d,isDaylightBackgroun

1d:k,searchLexicalField:i,slug:y})=>({id:o,_firstPublishedAt:l,category:f,createdAt:d,image:p,isDaylightBackground:!!k,searchLexicalField:i,slug:y,title:g,type:"background-card"}))),K=u(()=>e.value.allCategories.filter(({id:o})=>Q.value.includes(o)).map(({id:o,categoryShortName:l,slug:p})=>({id:o,name:l,slug:p})));return Ae(()=>{M(e.value.page.trackName||e.value.page.trackNameFallback),O([_.value]),q([{item:h("index"),name:e.value.home.trackingBreadcrumbTitle},{item:h({name:E()}),name:e.value.page.trackingBreadcrumbTitle}])}),(o,l)=>{const p=ee,g=te,f=ae,d=ye,k=xe,i=fe,y=Be,I=be,L=ke,X=we,Y=Ce;return s(),m(i,{class:"page"},{default:a(()=>[c(L,{class:"inner"},{default:a(()=>[c(p,{ref:"template","animated-images":t(e).page.heroAnimatedImages,cards:t(U),categories:t(K),"current-page":Number.parseInt(t(A).id),image1:t(e).page.heroImage1,image2:t(e).page.heroImage2,image3:t(e).page.heroImage3,"no-match-image":t(e).page.emptySearchImage,"pagination-root":t(h)("virtual-background-library"),"primary-call-to-action":t(S),"push-card":t(j),"secondary-call-to-action":t(F)},{title:a(()=>[n(r(t(e).page.heroTitle),1)]),description:a(()=>[n(r(t(e).page.heroText),1)]),subtitle:a(()=>[n(r(t(e).page.searchBarTitle),1)]),placeholder:a(()=>[n(r(t(e).page.searchBarPlaceholder),1)]),all:a(()=>[n(r(t(e).page.all),1)]),more:a(()=>[n(r(t(e).page.showMore),1)]),"no-match-title":a(()=>[n(r(t(e).page.emptySearchTitle),1)]),"no-match-description":a(()=>[n(r(t(e).page.emptySearchText),1)]),_:1},8,["animated-images","cards","categories","current-page","image1","image2","image3","no-match-image","pagination-root","primary-call-to-action","push-card","secondary-call-to-action"]),c(g,{cards:t(R).cards,cta:t(R).cta},{title:a(()=>[n(r(t(e).componentHowToAddVirtualBackground.howToTitle),1)]),_:1},8,["cards","cta"]),c(f,{"call-to-action":{...t(S),label:"Small section CTA"},"pattern-desktop":t(e).componentGetStarted.backgroundImage,"pattern-mobile":t(e).componentGetStarted.backgroundImage},{heading:a(()=>[n(r(t(e).componentGetStarted.title),1)]),paragraph:a(()=>[n(r(t(e).componentGetStarted.paragraph),1)]),_:1},8,["call-to-action","pattern-desktop","pattern-mobile"]),c(i,{class:"features"},{default:a(()=>[c(d,{level:2},{default:a(()=>[n(r(t(e).page.featuresTitle),1)]),_:1}),c(i,null,{default:a(()=>[(s(!0),G($,null,D(t(e).page.featuresItems,({id:v,icon:b,title:T,text:Z})=>(s(),m(k,{key:v,direction:t(W),feature:{icon:b,description:Z,title:T}},null,8,["direction","feature"]))),128))]),_:1})]),_:1}),t(e).page.faqItems&&t(e).page.faqItems.length>0?(s(),m(i,{key:0,class:"faq"},{default:a(()=>[(s(!0),G($,null,D(t(e).page.faqItems,({id:v,title:b,text:T})=>(s(),m(i,{key:v,class:"items"},{default:a(()=>[c(d,{level:2},{default:a(()=>[n(r(b),1)]),_:2},1024),c(y,{content:[{__typename:"ContentTextHtmlRecord",text:T}]},null,8,["content"])]),_:2},1024))),128))]),_:1})):x("",!0),t(P).length>0?(s(),m(i,{key:1,class:"explore"},{default:a(()=>[c(d,{level:2},{default:a(()=>[n(r(t(e).page.exploreTitle),1)]),_:1}),c(i,null,{default:a(()=>[(s(!0),G($,null,D(t(P),({id:v,slug:b,platformShortName:T})=>(s(),m(I,{key:v,to:t(h)({name:"virtual-background-library-platform-slug",params:{slug:b}}),type:"text"},{default:a(()=>[n(r(T),1)]),_:2},1032,["to"]))),128))]),_:1}),t(P).length>7?(s(),m(I,{key:0,to:"#",type:"text",class:"action",onClick:l[0]||(l[0]=v=>C.value=!t(C))},{default:a(()=>[n(r(t(z)),1)]),_:1})):x("",!0)]),_:1})):x("",!0)]),_:1}),t(e).page.relatedPosts.length>=4||t(e).componentRelatedPosts.items.length>0?(s(),m(X,{key:0,class:"our-guides",items:t(e).page.relatedPosts.length>=4?t(e).page.relatedPosts:t(e).componentRelatedPosts.items},{default:a(()=>[n(r(t(e).page.relatedPostsTitle||t(e).componentRelatedPosts.title),1)]),_:1},8,["items"])):x("",!0),t(e).allPillarPages.length>0||t(e).page.ourGuides.length>0?(s(),m(Y,{key:1,class:"our-guides",items:t(e).page.ourGuides.length>0?t(e).page.ourGuides:t(e).allPillarPages},{default:a(()=>[n(r(t(e).page.ourGuidesTitle||t(e).componentOurGuides.title),1)]),_:1},8,["items"])):x("",!0)]),_:1})}}},Ye=oe(Se,[["__scopeId","data-v-aee19aa4"]]);export{Ye as default};