https://account.canapii.com/chunk-SYCGSRCB.js

1import{a as L,b as H}from"./chunk-CK6VKG2C.js";import{b as $,d as N,f as A,g as R,h as s,i as V}from"./chunk-AYFGFFIC.js";import"./chunk-X6WED2AZ.js";import"./chunk-E34OQ4RJ.js";import"./chunk-H4EPMV5Z.js";import{k as z}from"./chunk-JN6AA4VD.js";import"./chunk-ZSHO3KMD.js";import"./chunk-QVGEDMLN.js";import"./chunk-UZY2R5Q5.js";import"./chunk-5GAGQHFR.js";import"./chunk-RYT6C367.js";import"./chunk-SNZM6YGS.js";import"./chunk-33XKUF6S.js";import"./chunk-3PGMBZAP.js";import"./chunk-VT7CJSCD.js";import"./chunk-PNYSZFNB.js";import{A as j,k as I}from"./chunk-Y3MTRBLK.js";import"./chunk-XMBPLYUK.js";import"./chunk-QRMJLQVM.js";import"./chunk-24HYNKH3.js";import"./chunk-65I45D2I.js";import"./chunk-GZL4NBTB.js";import"./chunk-OMIAKVTT.js";import"./chunk-3XCK7DOC.js";import"./chunk-PJWNDC7A.js";import{M as S,N as T}from"./chunk-QDFFLVTB.js";import"./chunk-JIVZONLP.js";import"./chunk-S43ITSQ5.js";import{k as O}from"./chunk-5FWAKVG3.js";import{z as k}from"./chunk-KAXBUATZ.js";import{Ac as M,Bc as E,Cc as l,Dc as n,Eb as C,Ec as r,Fa as b,Fc as f,Jb as i,Oc as w,Sa as x,Ta as _,Vc as p,Wb as v,Xc as g,bc as y,cc as F,hd as P,jd as c,kd as u}from"./chunk-XW6AEKHB.js";import"./chunk-6G35VSEK.js";var D=(o,d)=>d.value;function U(o,d){if(o&1){let e=w();n(0,"label",11)(1,"span",12),f(2,"img",13),n(3,"span",14)(4,"input",15),p("change",function(){let a=x(e).$implicit,m=g();return _(m.selectFormat(a.value))}),r()()(),n(5,"span",16)(6,"span",17),c(7),r(),n(8,"span",18),c(9),r()()()}if(o&2){let e=d.$implicit,t=g();P("selected",t.selectedFormat===e.value),i(2),l("src",e.image,C),i(2),l("value",e.value)("checked",t.selectedFormat===e.value),i(3),u(e.title),i(2),u(e.description)}}var h=(()=>{class o{constructor(e,t){this.store=e,this.createEventFacade=t,this.eventFormats=s,this.selectedFormat=null,this.formats=[{value:s.HYBRID,title:"In-person",description:"A combination of physical and virtual experiences, allowing attendees to participate either on-site or remotely.",image:"assets/images/event-format-inperson.png"},{value:s.VIRTUAL,title:"Virtual",description:"A fully online experience where attendees join and engage remotely through digital platforms.",image:"assets/images/event-format-virtual.png"}],this.isLoading=!1,this.selectedMethod$=this.createEventFacade.selectedMethod$,this.selectedTemplate$=this.createEventFacade.selectedTemplate$}ngOnInit(){this.store.select($).subscribe(e=>{e&&(this.selectedFormat=e)}),this.selectedMethod$.subscribe(e=>{e===A.TEMPLATE&&this.selectedTemplate$.subscribe(t=>{t===R.WEBINAR&&(this.selectedFormat=s.VIRTUAL)})})}selectFormat(e){this.selectedFormat=e}onNext(){this.selectedFormat&&(this.createEventFacade.setEventFormat(this.selectedFormat),this.createEventFacade.proceedToNextStep())}onPrevious(){this.createEventFacade.goToPreviousStep()}static{this.\u0275fac=function(t){return new(t||o)(v(z),v(N))}}static{this.\u0275cmp=y({type:o,selectors:[["app-event-format"]],decls:17,vars:2,consts:[[1,"event-builder-body"],["heading","Select event format","description","Choose the format of your event."],[1,"section-card"],[1,"section-head"],[1,"section-heading"],[1,"section-body","format-grid"],[1,"cnp-visually-hidden"],[1,"format-card",3,"selected"],[1,"event-builder-footer"],["variant","secondary",3,"click"],[3,"click","loading","disabled"],[1,"format-card"],[1,"format-image-wrapper"],["alt","",1,"format-image",3,"src"],[1,"format-radio-chip"],["type","radio","name","event-format",1,"format-radio",3,"change","value","checked"],[1,"format-details"],[1,"format-title"],[1,"format-description"]],template:function(t,a){t&1&&(n(0,"div",0),f(1,"app-horizontal-steps")(2,"cnp-page-header",1),n(3,"section",2)(4,"div",3)(5,"h2",4),c(6,"Event format"),r()(),n(7,"fieldset",5)(8,"legend",6),c(9,"Event format"),r(),M(10,U,10,7,"label",7,D),r()()(),n(12,"div",8)(13,"cnp-button",9),p("click",function(){return a.onPrevious()}),c(14,"Previous"),r(),n(15,"cnp-button",10),p("click",function(){return a.onNext()}),c(16,"Next"),r()()),t&2&&(i(10),E(a.formats),i(5),l("loading",a.isLoading)("disabled",!a.selectedFormat))},dependencies:[L,I,j],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 71px)}

1.event-builder-body[_ngcontent-%COMP%]{display:flex;flex:1;flex-direction:column;gap:var(--cnp-space-card-gap);overflow-y:auto;padding:var(--cnp-space-page-gutter-y) var(--cnp-space-page-gutter-x) var(--cnp-space-8)}.section-card[_ngcontent-%COMP%]{background-color:var(--cnp-color-bg-card);border-radius:var(--cnp-radius-container);box-shadow:var(--cnp-shadow-low);padding:var(--cnp-space-5) var(--cnp-space-card-padding)}.section-head[_ngcontent-%COMP%]{align-items:center;border-bottom:2px solid var(--cnp-color-rule);display:flex;flex-wrap:wrap;gap:var(--cnp-space-3);justify-content:space-between;padding-bottom:var(--cnp-space-2)}.section-heading[_ngcontent-%COMP%]{color:var(--cnp-color-text-heading);font-size:var(--cnp-font-size-section);font-weight:var(--cnp-font-weight-bold);margin:0}.section-description[_ngcontent-%COMP%]{color:var(--cnp-color-text-secondary);margin:var(--cnp-space-4) 0 0;max-width:var(--cnp-font-measure-prose)}.section-body[_ngcontent-%COMP%]{margin-top:var(--cnp-space-5)}.event-builder-footer[_ngcontent-%COMP%]{--cnp-button-min-height: var(--cnp-size-control);align-items:center;background-color:var(--cnp-color-bg-body);border-top:1px solid var(--cnp-color-border);bottom:0;display:flex;gap:var(--cnp-space-3);justify-content:space-between;left:0;padding:var(--cnp-space-4) var(--cnp-space-page-gutter-x);position:sticky;right:0;z-index:var(--cnp-z-sticky)}.format-grid[_ngcontent-%COMP%]{border:0;display:grid;gap:var(--cnp-space-card-gap);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-block-end:0;margin-inline:0;padding:0}.format-card[_ngcontent-%COMP%]{background-color:var(--cnp-color-bg-card);border:1px solid var(--cnp-color-border);border-radius:var(--cnp-radius-container);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--cnp-duration-fast) var(--cnp-ease-standard)}.format-card.selected[_ngcontent-%COMP%]{background-color:var(--cnp-color-action-tint);border-color:var(--cnp-color-action)}.format-card[_ngcontent-%COMP%]:has(.format-radio:focus-visible){outline:2px solid var(--cnp-color-focus-ring);outline-offset:2px}.format-image-wrapper[_ngcontent-%COMP%]{aspect-ratio:1/1;background-color:var(--cnp-color-bg-surface);display:block;overflow:hidden;position:relative;width:100%}.format-image[_ngcontent-%COMP%]{display:block;height:100%;object-fit:cover;width:100%}.format-radio-chip[_ngcontent-%COMP%]{align-items:center;background-color:var(--cnp-color-bg-card);border-radius:50%;display:inline-flex;inset-block-start:var(--cnp-space-4);inset-inline-end:var(--cnp-space-4);justify-content:center;padding:var(--cnp-space-1);position:absolute}.format-radio[_ngcontent-%COMP%]{accent-color:var(--cnp-color-action);display:block;margin:0}.format-details[_ngcontent-%COMP%]{display:flex;flex:1;flex-direction:column;gap:var(--cnp-space-2);padding:var(--cnp-space-5)}.format-title[_ngcontent-%COMP%]{color:var(--cnp-color-text-heading);font-weight:var(--cnp-font-weight-semibold)}.format-description[_ngcontent-%COMP%]{color:var(--cnp-color-text-secondary);font-size:var(--cnp-font-size-label)}"]})}}return o})();var W=[{path:"",component:h}],ae=(()=>{class o{static{this.\u0275fac=function(t){return new(t||o)}}static{this.\u0275mod=F({type:o})}static{this.\u0275inj=b({imports:[k,S,T,O.forChild(W),V,H,h]})}}return o})();export{ae as EventFormatModule};