https://www.canto.com/_nuxt/CQ4GWZOL.js

1import{_ as X}from"./DSg7OATX.js";import{_ as Y}from"./Cd645TAR.js";import{u as ee,_ as te,a as ne,b as re,c as ae,d as oe,e as se,f as ie,g as le,h as ce,j as de,i as ue}from"./3H174XKB.js";import{a as H,L as me,B as M,o as d,j as q,i as W,q as pe,e as n,g as p,f as e,k as $,aa as _e,s as N,d as z,u as R,b as L,c as h,p as F,t as m,F as B,r as U,E as V,G as I,n as fe,z as be,A as he,ag as ge,v as D,H as ve,_ as P,w as A,m as we,h as ye}from"./49H4LPy_.js";import{u as $e}from"./qJtwYPEY.js";import{_ as ke}from"./Dd1TkX9P.js";import{_ as xe}from"./Bh7G1Br1.js";import{_ as qe}from"./CG8nGnO2.js";import{i as Se,g as Ve}from"./BHh9qQUu.js";import{g as Ie,h as We}from"./B4rKwQd8.js";import{u as Ne,w as Te,q as Ce}from"./DGfxLm2G.js";import{u as Be}from"./CjOdzS5v.js";import"./KuK9K8fK.js";import"./Dc7tRAHe.js";import"./D6OqeVn3.js";import"./gMQZ3bgY.js";import"./DrV9I3VX.js";import"./D2DEg0B1.js";import"./_dUs4idh.js";import"./DKAk1A3-.js";import"./B-V5g-ay.js";import"./JaaZu2MZ.js";const Ue={class:"flex--xs flex--gap-1"},De={class:"flex--1"},ze={class:"flex--1"},Re={class:"flex--xs flex--gap-1"},Fe={class:"flex--1"},He={class:"flex--1"},Me={__name:"WebinarRegistrationForm",props:{btnText:{type:[String,Boolean],default:!1},on24Id:{type:String,required:!0},on24Key:{type:String,required:!0},sfCampaignId:{type:String,default:""}},setup(a){const l=a,g=H(),t=_e({firstName:"",lastName:"",email:"",phone:"",company:"",country:"",state:"",consent:!1});me(()=>t.country,w=>{w!=="USA"&&(t.state="")});const{showSpinner:v,showErrorMessage:_,formHasBeenSubmitted:u,param:y,buildHiddenData:f,prefillForm:r,submit:o}=ee("webinar");M(()=>r(t));const b=N(()=>ue(t.country)),{v:s,isInvalid:k,touch:x}=$e(t,()=>({firstName:{required:!0},lastName:{required:!0},email:{required:!0,email:!0},phone:{required:!0,rules:{isPhoneNumber:de}},company:{required:!0},country:{required:!0},state:{required:()=>t.country==="USA"},consent:{rules:{consentIsValid:w=>b.value?!!w:!0}}})),T=async w=>{if(x(),k.value||u.value)return;u.value=!0;const i=f({...w,on24Id:l.on24Id,on24Key:l.on24Key,sfCampaignId:l.sfCampaignId});await o(t,i,{endpoint:"/api/form-submit-webinar"})},C=()=>{_.value=!1,u.value=!1};return(w,i)=>{const S=te,E=ne,j=re,K=ae,G=oe,O=se,Z=ie,J=le,Q=ce;return d(),q(Q,{key:e(g).path,param:e(y),"btn-text":a.btnText,spinner:e(v),error:e(_),onSendForm:T,onRetry:C},{default:W(()=>[pe(w.$slots,"default"),n("div",Ue,[n("div",De,[p(S,{modelValue:e(t).firstName,"onUpdate:modelValue":i[0]||(i[0]=c=>e(t).firstName=c),error:e(s).firstName.$error,"error-required":!e(s).firstName.required},null,8,["modelValue","error","error-required"])]),n("div",ze,[p(E,{modelValue:e(t).lastName,"onUpdate:modelValue":i[1]||(i[1]=c=>e(t).lastName=c),error:e(s).lastName.$error,"error-required":!e(s).lastName.required},null,8,["modelValue","error","error-required"])])]),n("div",Re,[n("div",Fe,[p(j,{modelValue:e(t).email,"onUpdate:modelValue":i[2]||(i[2]=c=>e(t).email=c),error:e(s).email.$error,"error-required":!e(s).email.required,"error-valid":!e(s).email.email},null,8,["modelValue","error","error-required","error-valid"])]),n("div",He,[p(K,{modelValue:e(t).phone,"onUpdate:modelValue":i[3]||(i[3]=c=>e(t).phone=c),error:e(s).phone.$error,"error-required":!e(s).phone.required,"error-valid":!e(s).phone.isPhoneNumber},null,8,["modelValue","error","error-required","error-valid"])])]),p(G,{modelValue:e(t).company,"onUpdate:modelValue":i[4]||(i[4]=c=>e(t).company=c),error:e(s).company.$error,"error-required":!e(s).company.required},null,8,["modelValue","error","error-required"]),p(O,{modelValue:e(t).country,"onUpdate:modelValue":i[5]||(i[5]=c=>e(t).country=c),error:e(s).country.$error,"error-required":!e(s).country.required},null,8,["modelValue","error","error-required"]),e(t).country==="USA"?(d(),q(Z,{key:0,modelValue:e(t).state,"onUpdate:modelValue":i[6]||(i[6]=c=>e(t).state=c),error:e(s).state.$error,"error-required":!e(s).state.required},null,8,["modelValue","error","error-required"])):$("",!0),p(J,{modelValue:e(t).consent,"onUpdate:modelValue":i[7]||(i[7]=c=>e(t).consent=c),required:e(b),error:e(s).consent.$error,"error-required":!e(s).consent.consentIsValid&&!e(u)},null,8,["modelValue","required","error","error-required"])]),_:3},8,["param","btn-text","spinner","error"])}}},Le={class:"section section--speakers"},Pe={class:"container"},Ae={class:"tabs"},Ee=["aria-label"],je=["id","aria-label","aria-selected","aria-controls","tabindex","onClick","onKeydown"],Ke={class:"tab__content"},Ge=["id","aria-labelledby"],Oe={class:"name"},Ze={class:"title"},Je={class:"info"},Qe=z({__name:"SpeakerSection",props:{speakers:{}},setup(a){const l=a,g=R(),t=D(0),v=D([]),_=(y,f)=>{const r=l.speakers.length;r&&(t.value=(y+f+r)%r,ve(()=>v.value[t.value]?.focus()))},u=L({en:{speakers:"Speakers"},de:{speakers:"Redner"}});return(y,f)=>(d(),h("section",Le,[n("div",Pe,[n("div",{class:F(["speakers d--center",{max7:a.speakers.length<=7}])},[n("h2",null,[n("span",null,m(e(u).speakers),1)]),n("div",Ae,[n("ul",{class:"nostyle",role:"tablist","aria-label":e(u).speakers},[(d(!0),h(B,null,U(a.speakers,(r,o)=>(d(),h("li",{key:`tab-${o}`,id:`speaker-${o}-tab`,ref_for:!0,ref_key:"tabRefs",ref:v,role:"tab","aria-label":r.name,"aria-selected":e(t)===o,"aria-controls":`speaker-${o}-panel`,tabindex:e(t)===o?0:-1,class:F({"--active":e(t)===o}),onClick:b=>t.value=o,onKeydown:[V(I(b=>t.value=o,["prevent"]),["enter"]),V(I(b=>t.value=o,["prevent"]),["space"]),V(I(b=>_(o,-1),["prevent"]),["left"]),V(I(b=>_(o,1),["prevent"]),["right"])]},[n("div",{class:"sp-img d--center pos--rel",style:fe({backgroundImage:`url(${r.img})`}),"aria-hidden":"true"},null,4)],42,je))),128))],8,Ee)]),n("div",Ke,[(d(!0),h(B,null,U(a.speakers,(r,o)=>(d(),q(ge,{key:`info-${o}`,name:"fade-in"},{default:W(()=>[be(n("div",{id:`speaker-${o}-panel`,role:"tabpanel","aria-labelledby":`speaker-${o}-tab`,tabindex:"0",class:"content"}

1,[n("h3",Oe,m(r.name),1),n("p",Ze,m(r.title),1),n("p",Je,m(r.info[e(g)]),1)],8,Ge),[[he,e(t)===o]])]),_:2},1024))),128))])],2)])]))}}),Xe=Object.assign(P(Qe,[["__scopeId","data-v-4cc4b66d"]]),{__name:"SpeakerSection"}),Ye={class:"webinar"},et={class:"section section--header"},tt={class:"container"},nt={class:"hero pos--rel"},rt=["src","alt","width","height"],at=["title"],ot={class:"section section--content overflow pb2"},st={class:"container"},it={class:"wb-content"},lt={class:"wb-content__main"},ct={key:0,class:"upcoming"},dt={class:"box pos--rel"},ut={class:"title"},mt={class:"date","data-allow-mismatch":"text"},pt={class:"time"},_t={"data-allow-mismatch":"text"},ft=["innerHTML"],bt={class:"wb-content__form"},ht={class:"form-title"},gt={key:1,class:"section section--webinars bg--light pt3 pb1"},vt={class:"container"},wt={class:"my0 text-center"},yt=z({__name:"WebinarTemplate",props:{webinar:{}},async setup(a){let l,g;const t=a,v=R(),_=D(!t.webinar.isPastWebinar);M(()=>{_.value=Se(t.webinar.event.dateTime)});const u=N(()=>Ve(t.webinar.event.dateTime,v)),{data:y}=([l,g]=A(()=>Ie(t.webinar.slug)),l=await l,g(),l),f=N(()=>y.value||[]),r=L({en:{upcoming:"upcoming webinar",duration:"webinar duration",formHeading:{past:"Get access to the recorded webinar now",future:"Register for the webinar now"},prevWebinars:"Previously recorded webinars",cta:"Ready to take control of your media library? Get a free, personalized consultation with an expert.",formBtnText:{upcoming:"Register now",onDemand:"Watch recording now"}},de:{upcoming:"anstehendes Webinar",duration:"Dauer des Webinars",formHeading:{past:"Erhalten Sie jetzt Zugang zum aufgezeichneten Webinar",future:"Melden Sie sich jetzt für das Webinar an"},prevWebinars:"Zuvor aufgezeichnete Webinare",cta:"Bereit, Ihre Medienbibliothek voll auszuschöpfen? Vereinbaren Sie Ihre kostenfreie, persönliche Beratung.",formBtnText:{upcoming:"Jetzt registrieren",onDemand:"Aufzeichnung ansehen"}}});return(o,b)=>{const s=Y,k=Me,x=Xe,T=ke,C=xe,w=qe;return d(),h("div",Ye,[n("section",et,[n("div",tt,[n("h1",null,m(a.webinar.title),1),b[0]||(b[0]=n("div",{class:"pattern pos--rel"},null,-1)),n("div",nt,[n("img",{src:a.webinar.featuredImage?.url,alt:a.webinar.featuredImage?.alt,class:"img-fluid pos--rel",width:a.webinar.featuredImage?.width,height:a.webinar.featuredImage?.height},null,8,rt),n("div",{class:"badge",title:e(r).duration},m(a.webinar.event.duration),9,at)])])]),n("section",ot,[n("div",st,[n("div",it,[n("div",lt,[e(_)?(d(),h("div",ct,[n("div",dt,[n("div",ut,m(e(r).upcoming),1),n("div",mt,m(e(u).dateStr),1),n("div",pt,[n("span",_t,m(e(u).timeStr),1),p(s,{w:"110"},{default:W(()=>[(d(!0),h(B,null,U(e(u).times,(i,S)=>(d(),h("div",{key:S,class:"tz"},[n("span",null,m(S)+":",1),we("   "+m(i),1)]))),128))]),_:1})])])])):$("",!0),n("div",{class:"content editor-content",innerHTML:a.webinar.content},null,8,ft)]),n("div",bt,[p(k,{"on24-id":a.webinar.on24.id,"on24-key":a.webinar.on24.key,"sf-campaign-id":a.webinar.sfCampaignId,"btn-text":e(_)?e(r).formBtnText.upcoming:e(r).formBtnText.onDemand},{default:W(()=>[n("p",ht,m(e(_)?e(r).formHeading.future:e(r).formHeading.past),1)]),_:1},8,["on24-id","on24-key","sf-campaign-id","btn-text"])])])])]),a.webinar.speakers.length>0?(d(),q(x,{key:0,speakers:a.webinar.speakers},null,8,["speakers"])):$("",!0),p(T,{class:"mb3","page-title":a.webinar.title,path:`/webinars/${a.webinar.slug}/`,locale:e(v),center:""},null,8,["page-title","path","locale"]),e(f)?.length?(d(),h("section",gt,[n("div",vt,[n("h2",wt,m(e(r).prevWebinars),1),p(C,{posts:e(f),"no-pagination":"","mobile-center":""},null,8,["posts"])])])):$("",!0),p(w,{h:e(r).cta,mw_en:925,mw_de:1050,btn1:"demo"},null,8,["h"])])}}}),$t=Object.assign(P(yt,[["__scopeId","data-v-414f866e"]]),{__name:"WebinarTemplate"}),kt={key:0},Kt=z({__name:"[slug]",async setup(a){let l,g;const v=H().params.slug,_=R(),{data:u,error:y}=([l,g]=A(()=>We(v)),l=await l,g(),l);if(y.value||!u.value)throw ye({statusCode:404,statusMessage:"Webinar not found",fatal:!1});const f=N(()=>u.value),r=f.value,o=`/webinars/${r.slug}/`;return Ne({title:`Webinar: ${r.seoTitle}`,description:r.seoDescription,ogImage:r.featuredImage||void 0,published:r.date,modified:r.modified,noIndex:!r.indexed}),r.indexed&&Be(Ce(r.title,o),Te({lang:_==="de"?"de-DE":"en-US",path:o,title:r.seoTitle,de

1scription:r.seoDescription,published:r.date,modified:r.modified})),(b,s)=>{const k=X,x=$t;return e(f)?(d(),h("div",kt,[e(f).indexed?(d(),q(k,{key:0,archive:"webinars"})):$("",!0),p(x,{webinar:e(f)},null,8,["webinar"])])):$("",!0)}}});export{Kt as default};