https://www.1000oceanstartups.org/src_app_features_sign-up-editor_sign-up-editor_module_ts.0f6582528eaecc95.js

1"use strict";(self.webpackChunkinitiative_as_a_service=self.webpackChunkinitiative_as_a_service||[]).push([["src_app_features_sign-up-editor_sign-up-editor_module_ts"],{71621(W,O,i){i.d(O,{SignUpEditorModule:()=>Q});var c=i(72200),s=i(89417),h=i(99213),g=i(78884),I=i(53182),m=i(38132),M=i(84412),y=i(96697),u=i(5964),E=i(65245),j=i(96354),T=i(23294),S=i(13946),f=i(56977),P=i(86906),G=i(67802),b=i(91708),v=i(1835),w=i(21413);const R=({backgroundImageUrl:r,initiativeLogoUrl:p,sloganText:e})=>({backgroundImageUrl:r||"",initiativeLogoUrl:p||"",sloganText:e||""});var _=function(r){return r.BACKGROUND_IMAGE_URL="backgroundImageUrl",r.INITIATIVE_LOGO_URL="initiativeLogoUrl",r.SLOGAN_TEXT="sloganText",r}(_||{}),t=i(73664),n=i(2615),C=i(17705),x=i(32591),D=i(1308),U=i(71957),F=i(95416);function k(r,p){if(1&r){const e=t.RV6();t.qex(0),t.j41(1,"div",19),t.bIt("click",function(){n.eBV(e);const o=t.sdS(10);return n.Njj(o.click())})("dragover",function(o){n.eBV(e);const l=t.XpG();return n.Njj(l.preventEvents(o))})("dragleave",function(o){n.eBV(e);const l=t.XpG();return n.Njj(l.preventEvents(o))})("drop",function(o){n.eBV(e);const l=t.XpG();return l.preventEvents(o),n.Njj(l.uploadMedia(null==o.dataTransfer||null==o.dataTransfer.files?null:o.dataTransfer.files.item(0),l.signUpFormControls.BACKGROUND_IMAGE_URL))}),t.j41(2,"span",20)(3,"mat-icon"),t.EFF(4,"attach_file"),t.k0s()(),t.j41(5,"span",21),t.EFF(6," Drop Image to attach, or "),t.j41(7,"span",17),t.EFF(8,"Browse"),t.k0s()(),t.j41(9,"input",22,2),t.bIt("change",function(o){n.eBV(e);const l=t.XpG();return n.Njj(l.handleFileChange(o,l.signUpFormControls.BACKGROUND_IMAGE_URL))}),t.k0s()(),t.j41(11,"span",23),t.EFF(12,"4:3 ( preferable high-resolution 1920 x 1440 )"),t.k0s(),t.bVm()}}function B(r,p){if(1&r){const e=t.RV6();t.j41(0,"div",25)(1,"div",26)(2,"div",27),t.nrm(3,"img",28),t.k0s(),t.j41(4,"div",29)(5,"p",30),t.EFF(6),t.k0s(),t.j41(7,"p",31),t.EFF(8,"Image"),t.k0s()()(),t.j41(9,"lib-button",32),t.bIt("buttonClick",function(){n.eBV(e);const o=t.XpG(2);return n.Njj(o.deleteFile(o.signUpFormControls.BACKGROUND_IMAGE_URL))}),t.j41(10,"mat-icon",33),t.EFF(11,"delete"),t.k0s(),t.EFF(12," Delete "),t.k0s()()}if(2&r){const e=p.ngIf,a=t.XpG(2);t.R7$(3),t.Y8G("src",e,t.B4B),t.R7$(3),t.JRh(a.getFileName(e)),t.R7$(3),t.Aen(a.buttonStyle.Ghost),t.Y8G("type",a.buttonType.Negative)("iconPosition",a.buttonIconPosition.Left)}}function z(r,p){if(1&r&&t.DNE(0,B,13,6,"div",24),2&r){const e=t.XpG();t.Y8G("ngIf",e.getValueFromControl(e.signUpFormControls.BACKGROUND_IMAGE_URL))}}function N(r,p){if(1&r){const e=t.RV6();t.qex(0),t.j41(1,"div",19),t.bIt("click",function(){n.eBV(e);const o=t.sdS(10);return n.Njj(o.click())})("dragover",function(o){n.eBV(e);const l=t.XpG();return n.Njj(l.preventEvents(o))})("dragleave",function(o){n.eBV(e);const l=t.XpG();return n.Njj(l.preventEvents(o))})("drop",function(o){n.eBV(e);const l=t.XpG();return l.preventEvents(o),n.Njj(l.uploadMedia(null==o.dataTransfer||null==o.dataTransfer.files?null:o.dataTransfer.files.item(0),l.signUpFormControls.INITIATIVE_LOGO_URL))}),t.j41(2,"span",20)(3,"mat-icon"),t.EFF(4,"attach_file"),t.k0s()(),t.j41(5,"span",21),t.EFF(6," Drop Image to attach, or "),t.j41(7,"span",17),t.EFF(8,"Browse"),t.k0s()(),t.j41(9,"input",22,2),t.bIt("change",function(o){n.eBV(e);const l=t.XpG();return n.Njj(l.handleFileChange(o,l.signUpFormControls.INITIATIVE_LOGO_URL))}),t.k0s()(),t.j41(11,"span",23),t.EFF(12," You may choose to upload a different logo here to match the background image. This logo will only be used on the member sign up page. "),t.k0s(),t.bVm()}}function V(r,p){if(1&r){const e=t.RV6();t.j41(0,"div",25)(1,"div",26)(2,"div",27),t.nrm(3,"img",28),t.k0s(),t.j41(4,"div",29)(5,"p",30),t.EFF(6),t.k0s(),t.j41(7,"p",31),t.EFF(8,"Image"),t.k0s()()(),t.j41(9,"lib-button",32),t.bIt("buttonClick",function(){n.eBV(e);const o=t.XpG(2);return n.Njj(o.deleteFile(o.signUpFormControls.INITIATIVE_LOGO_URL))}),t.j41(10,"mat-icon",33),t.EFF(11,"delete"),t.k0s(),t.EFF(12," Delete "),t.k0s()()}if(2&r){const e=p.ngIf,a=t.XpG(2);t.R7$(3),t.Y8G("src",e,t.B4B),t.R7$(3),t.JRh(a.getFileName(e)),t.R7$(3),t.Aen(a.buttonStyle.Ghost),t.Y8G("type",a.buttonType.Negative)("iconPosition",a.buttonIconPosition.Left)}}function L(r,p){if(1&r&&t.DNE(0,V,13,6,"div",24),2&r){const e=t.XpG();t.Y8G("ngIf",e.getValueFromControl(e.signUpFormControls.INITIATIVE_LOGO_URL))}}let A=(()=>{class r{get sloganTextControl(){return this.signUpForm.get(this.signUpFormControls.SLOGAN_TEXT)}constructor(e,a,o,l,d){this.dialogRef=e,this.cdRef=a,this.mediaService=o,this.signUpService=l,this.snackBar=d,this.signUpFormControls=_,this.signUpForm=new s.gE({[this.signUpFormControls.BACKGROUND_IMAGE_

1URL]:new s.MJ(""),[this.signUpFormControls.INITIATIVE_LOGO_URL]:new s.MJ(""),[this.signUpFormControls.SLOGAN_TEXT]:new s.MJ("")}),this.buttonSize=g.or0,this.buttonStyle=g.inm,this.buttonType=g.VQ,this.buttonState=g.UwB,this.buttonIconPosition=g.fEU,this.destroy$=new w.B}ngOnInit(){this.signUpService.signUpSettings$.pipe((0,y.s)(1)).subscribe(e=>{e&&(this.signUpForm.setValue({...R(e)}),this.cdRef.detectChanges())})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}onLeave(e){this.dialogRef.close(e)}onSave(){this.canDisableSaveButton()||this.onLeave({[this.signUpFormControls.BACKGROUND_IMAGE_URL]:this.getValueFromControl(this.signUpFormControls.BACKGROUND_IMAGE_URL),[this.signUpFormControls.INITIATIVE_LOGO_URL]:this.getValueFromControl(this.signUpFormControls.INITIATIVE_LOGO_URL),[this.signUpFormControls.SLOGAN_TEXT]:this.getValueFromControl(this.signUpFormControls.SLOGAN_TEXT)})}uploadMedia(e,a){e&&this.mediaService.uploadImage(e).pipe((0,y.s)(1),(0,f.Q)(this.destroy$)).subscribe(o=>{this.signUpForm.patchValue({[a]:o.url}),this.cdRef.detectChanges()},()=>{})}handleFileChange(e,a){this.uploadMedia(e.srcElement.files[0],a),this.signUpForm.markAsDirty()}preventEvents(e){e.preventDefault(),e.stopPropagation()}getFileName(e){return e.split("/").pop()?.split(".").shift()||""}deleteFile(e){this.signUpForm.patchValue({[e]:""}),this.signUpForm.markAsDirty()}canDisableSaveButton(){return this.signUpForm.invalid||!this.signUpForm.dirty}getValueFromControl(e){return this.signUpForm.get(e)?.value||null}static{this.\u0275fac=function(a){return new(a||r)(t.rXU(x.CP),t.rXU(C.gRc),t.rXU(D.u),t.rXU(U.K),t.rXU(F.UG))}}static{this.\u0275cmp=t.VBU({type:r,selectors:[["app-sign-up-dialog"]],standalone:!1,decls:34,vars:8,consts:[["backgroundImageDesktopView",""],["initiativeLogoView",""],["bgImgDesktopUploader",""],[3,"leave"],["modalContainerHeader","","headerText","Members Sign Up",3,"closeModal"],[1,"main-content",3,"formGroup"],[1,"dialog-control"],[1,"dialog-control__label-wrapper"],["for","bgc-img-desktop",1,"dialog-control__label","body-small"],[4,"ngIf","ngIfElse"],["for","sloganText",1,"dialog-control__label","body-small"],[1,"dialog-control__counter","body-small"],[1,"dialog-control__textarea-wrapper"],["id","sloganText","type","text","placeholder","Put your slogan here","maxlength","100",1,"dialog-control__textarea",3,"formControlName"],[1,"dialog-control__hint","body-xs-regular"],[1,"dialog-hint"],[1,"body-xs-regular"],[1,"text-highlighted"],["modalContainerFooter","","primaryButtonLabel","Save","secondaryButtonLabel","Cancel",3,"primaryButtonClick","secondaryButtonClick","isPrimaryButtonDisabled"],[1,"dialog-control__file-upload",3,"click","dragover","dragleave","drop"],[1,"dialog-control__file-icon"],[1,"dialog-control__file-label","body-xs-regular"],["id","bgc-img-desktop","type","file",1,"dialog-control__file-input",3,"change"],[1,"dialog-control__hint","body-small"],["class","uploaded-file",4,"ngIf"],[1,"uploaded-file"],[1,"d-flex","uploaded-file__image-wrapper"],[1,"uploaded-file__image","uploaded-file__image--gradient"],[3,"src"],[1,"uploaded-file__name"],[1,"body-small-regular"],[1,"uploaded-file__placeholder-text","body-xs-regular"],[3,"buttonClick","type","iconPosition"],["libIconContent",""]],template:function(a,o){if(1&a){const l=t.RV6();t.j41(0,"lib-modal-container",3),t.bIt("leave",function(){return n.eBV(l),n.Njj(o.onLeave())}),t.j41(1,"lib-modal-container-header",4),t.bIt("closeModal",function(){return n.eBV(l),n.Njj(o.onLeave())}),t.k0s(),t.j41(2,"div",5)(3,"div",6)(4,"div",7)(5,"label",8),t.EFF(6,"Background Image Desktop"),t.k0s()(),t.DNE(7,k,13,0,"ng-container",9)(8,z,1,1,"ng-template",null,0,t.C5r),t.k0s(),t.j41(10,"div",6)(11,"div",7)(12,"label",8),t.EFF(13,"Initiative Logo"),t.k0s()(),t.DNE(14,N,13,0,"ng-container",9)(15,L,1,1,"ng-template",null,1,t.C5r),t.k0s(),t.j41(17,"div",6)(18,"div",7)(19,"label",10),t.EFF(20,"Slogan"),t.k0s(),t.j41(21,"span",11),t.EFF(22),t.k0s()(),t.j41(23,"div",12),t.nrm(24,"textarea",13),t.k0s(),t.j41(25,"span",14),t.EFF(26," It will be shown below your initiative title. Add a short text to motivate your invited members to join. "),t.k0s()(),t.j41(27,"div",15)(28,"p",16),t.EFF(29," You can preview Sign Up Page in the "),t.j41(30,"span",17),t.EFF(31,"Editor"),t.k0s(),t.EFF(32," after saving. "),t.k0s()()(),t.j41(33,"lib-modal-container-footer",18),t.bIt("primaryButtonClick",function(){return n.eBV(l),n.Njj(o.onSave())})("secondaryButtonClick",function(){return n.eBV(l),n.Njj(o.onLeave())}),t.k0s()()}if(2&a){const l=t.sdS(9),d=t.sdS(16);t.R7$(2),t.Y8G("formGroup",o.signUpForm),t.R7$(5),t.Y8G("ngIf",!o.getValueFromControl(o.signUpFormControls.BACKGROUND_IMAGE_

1URL))("ngIfElse",l),t.R7$(7),t.Y8G("ngIf",!o.getValueFromControl(o.signUpFormControls.INITIATIVE_LOGO_URL))("ngIfElse",d),t.R7$(8),t.JRh(100-o.sloganTextControl.value.length),t.R7$(2),t.Y8G("formControlName",o.signUpFormControls.SLOGAN_TEXT),t.R7$(9),t.Y8G("isPrimaryButtonDisabled",o.canDisableSaveButton())}},dependencies:[c.bT,s.me,s.BC,s.cb,s.tU,s.j4,s.JD,g.Qpp,g.CR$,g.CYR,g.rxf,g.bEy,h.An],styles:[".heading-medium[_ngcontent-%COMP%]{font-family:var(--typography-title-x-small-font-family);font-weight:var(--typography-title-x-small-font-weight);line-height:var(--typography-title-x-small-line-height);font-size:var(--typography-title-x-small-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.heading-small[_ngcontent-%COMP%]{font-family:var(--typography-title-xx-small-font-family);font-weight:var(--typography-title-xx-small-font-weight);line-height:var(--typography-title-xx-small-line-height);font-size:var(--typography-title-xx-small-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.heading-medium-bold[_ngcontent-%COMP%]{font-family:var(--typography-title-x-small-font-family);font-weight:var(--typography-title-x-small-font-weight);line-height:var(--typography-title-x-small-line-height);font-size:var(--typography-title-x-small-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.heading-bold[_ngcontent-%COMP%]{font-family:var(--typography-title-small-font-family);font-weight:var(--typography-title-small-font-weight);line-height:var(--typography-title-small-line-height);font-size:var(--typography-title-small-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}

1.heading-bold-medium[_ngcontent-%COMP%]{font-family:var(--typography-title-xx-small-font-family);font-weight:var(--typography-title-xx-small-font-weight);line-height:var(--typography-title-xx-small-line-height);font-size:var(--typography-title-xx-small-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.body-medium[_ngcontent-%COMP%]{font-family:var(--typography-body-regular-font-family);font-weight:var(--typography-body-regular-font-weight);line-height:var(--typography-body-regular-line-height);font-size:var(--typography-body-regular-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.body-bold-regular[_ngcontent-%COMP%]{font-family:var(--typography-body-bold-regular-font-family);font-weight:var(--typography-body-bold-regular-font-weight);line-height:var(--typography-body-bold-regular-line-height);font-size:var(--typography-body-bold-regular-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.body-regular[_ngcontent-%COMP%]{font-family:var(--typography-body-regular-font-family);font-weight:var(--typography-body-regular-font-weight);line-height:var(--typography-body-regular-line-height);font-size:var(--typography-body-regular-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.body-small[_ngcontent-%COMP%]{font-family:var(--typography-body-bold-small-font-family);font-weight:var(--typography-body-bold-small-font-weight);line-height:var(--typography-body-bold-small-line-height);font-size:var(--typography-body-bold-small-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.body-small-regular[_ngcontent-%COMP%], .body-small-medium[_ngcontent-%COMP%], .body-sm-regular[_ngcontent-%COMP%], .body-sm-regular-higher[_ngcontent-%COMP%], .body-sm-medium[_ngcontent-%COMP%]{font-family:var(--typography-body-small-font-family);font-weight:var(--typography-body-small-font-weight);line-height:var(--typography-body-small-line-height);font-size:var(--typography-body-small-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.body-xs-regular[_ngcontent-%COMP%]{font-family:var(--typography-label-small-font-family);font-weight:var(--typography-label-small-font-weight);line-height:var(--typography-label-small-line-height);font-size:var(--typography-label-small-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}

1.body-xxs-medium[_ngcontent-%COMP%]{font-family:var(--typography-label-x-small-font-family);font-weight:var(--typography-label-x-small-font-weight);line-height:var(--typography-label-x-small-line-height);font-size:var(--typography-label-x-small-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.body-xxs-bold[_ngcontent-%COMP%]{font-family:var(--typography-label-bold-caps-x-small-font-family);font-weight:var(--typography-label-bold-caps-x-small-font-weight);line-height:var(--typography-label-bold-caps-x-small-line-height);font-size:var(--typography-label-bold-caps-x-small-font-size);letter-spacing:var(--typography-label-bold-caps-x-small-letter-spacing);text-transform:var(--typography-label-bold-caps-x-small-text-case)}.body-xs-medium[_ngcontent-%COMP%], .label-s-bold[_ngcontent-%COMP%]{font-family:var(--typography-label-bold-small-font-family);font-weight:var(--typography-label-bold-small-font-weight);line-height:var(--typography-label-bold-small-line-height);font-size:var(--typography-label-bold-small-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.label-bold-regular[_ngcontent-%COMP%]{font-family:var(--typography-label-bold-regular-font-family);font-weight:var(--typography-label-bold-regular-font-weight);line-height:var(--typography-label-bold-regular-line-height);font-size:var(--typography-label-bold-regular-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.label-bold-large[_ngcontent-%COMP%]{font-family:var(--typography-label-bold-large-font-family);font-weight:var(--typography-label-bold-large-font-weight);line-height:var(--typography-label-bold-large-line-height);font-size:var(--typography-label-bold-large-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.label-bold-x-large[_ngcontent-%COMP%]{font-family:var(--typography-label-bold-x-large-font-family);font-weight:var(--typography-label-bold-x-large-font-weight);line-height:var(--typography-label-bold-x-large-line-height);font-size:var(--typography-label-bold-x-large-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.label-regular[_ngcontent-%COMP%]{font-family:var(--typography-label-regular-font-family);font-weight:var(--typography-label-regular-font-weight);line-height:var(--typography-label-regular-line-height);font-size:var(--typography-label-regular-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.label-large[_ngcontent-%COMP%]{font-family:var(--typography-label-large-font-family);font-weight:var(--typography-label-large-font-weight);line-height:var(--typography-label-large-line-height);font-size:var(--typography-label-large-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.color-text-primary[_ngcontent-%COMP%]{color:var(--colour-text-primary)}.color-text-secondary[_ngcontent-%COMP%]{color:var(--colour-text-secondary)}.color-text-on-image[_ngcontent-%COMP%]{color:var(--colour-text-on-image-default)}.color-text-accent-default[_ngcontent-%COMP%]{color:var(--colour-text-accent-default)}.color-text-warning-default[_ngcontent-%COMP%]{color:var(--colour-text-warning-default)}.color-text-neutral-default[_ngcontent-%COMP%]{color:var(--colour-text-neutral-default)}@keyframes _ngcontent-%COMP%_shine-lines{to{transform:translate(100%)}}.text-highlighted[_ngcontent-%COMP%]{color:#0065f2}.dialog-hint[_ngcontent-%COMP%]{color:var(--colour-text-neutral-default);margin-top:var(--space-500)}.dialog-control[_ngcontent-%COMP%]{margin-bottom:var(--space-300)}.dialog-control__label-wrapper[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-100);color:var(--colour-text-neutral-default)}.dialog-control__label[_ngcontent-%COMP%]{font-family:var(--typography-label-bold-regular-font-family);

1font-weight:var(--typography-label-bold-regular-font-weight);line-height:var(--typography-label-bold-regular-line-height);font-size:var(--typography-label-bold-regular-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case)}.dialog-control__file-upload[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-050);border:var(--border-width-hairline) dashed var(--colour-border-tertiary);color:var(--colour-text-neutral-default);margin-bottom:var(--space-050);padding:var(--space-300) 0}.dialog-control__file-upload[_ngcontent-%COMP%]:hover{cursor:pointer}.dialog-control__file-icon[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{height:18px;width:18px;font-size:18px;line-height:18px;vertical-align:middle}.dialog-control__file-input[_ngcontent-%COMP%]{display:none}.dialog-control__input-textarea[_ngcontent-%COMP%]{margin-bottom:var(--space-025);padding:var(--space-150) var(--space-200);border-radius:var(--border-radius-050);border:var(--border-width-hairline) solid var(--colour-border-tertiary)}.dialog-control__input-textarea--disabled[_ngcontent-%COMP%]{border-color:var(--colour-border-neutral-disabled)}.dialog-control__input-textarea[_ngcontent-%COMP%]:hover:not(.dialog-control__input-textarea--disabled){border-color:var(--colour-border-neutral-strong-hover);cursor:text}.dialog-control__textarea[_ngcontent-%COMP%]{font-family:var(--typography-body-regular-font-family);font-weight:var(--typography-body-regular-font-weight);line-height:var(--typography-body-regular-line-height);font-size:var(--typography-body-regular-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case);width:100%;padding:var(--space-150) var(--space-200);color:var(--colour-text-neutral-default);resize:none;border:var(--border-width-hairline) solid var(--colour-border-tertiary);border-radius:var(--border-radius-050)}.dialog-control__textarea[_ngcontent-%COMP%]:focus{outline:none}.dialog-control__textarea[_ngcontent-%COMP%]::placeholder{color:var(--colour-text-neutral-disabled)}.dialog-control__hint[_ngcontent-%COMP%]{color:var(--colour-text-secondary)}.uploaded-file[_ngcontent-%COMP%]{display:flex;margin-top:var(--space-100);padding:var(--space-100);border-radius:var(--border-radius-050);border:var(--border-width-hairline) solid var(--colour-border-tertiary);align-items:center;justify-content:space-between}.uploaded-file__image-wrapper[_ngcontent-%COMP%]{align-items:center}.uploaded-file__image[_ngcontent-%COMP%]{width:var(--size-600);height:var(--size-600);border-radius:var(--border-radius-050);border:var(--border-width-hairline) solid var(--colour-icon-on-image-default);margin-right:var(--space-100);display:flex;align-items:center}.uploaded-file__image--gradient[_ngcontent-%COMP%]{background:var(--colour-gradient-on-image-bt)}.uploaded-file__image--gradient[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:100%;object-fit:cover;border-radius:var(--border-radius-050)}.uploaded-file__name[_ngcontent-%COMP%]{flex:2;color:var(--colour-text-neutral-default)}.uploaded-file__name[_ngcontent-%COMP%]   .body-small-regular[_ngcontent-%COMP%]{margin-bottom:var(--space-050)}.uploaded-file__placeholder-text[_ngcontent-%COMP%]{color:var(--colour-text-secondary)}"],changeDetection:0})}}return r})();var X=i(61945),$=i(4397);function Y(r,p){1&r&&t.nrm(0,"app-sign-up")}const K=[{path:"",component:(()=>{class r extends G.h{constructor(e,a,o,l,d){super(),this.dialog=e,this.sitesSnapshotsService=a,this.signUpService=o,this.snackBar=l,this.cdr=d,this.siteChangedFlip$=new M.t(!0),this.buttonType=g.VQ}ngOnInit(){this.reloadSignUpWidgetOnPolicyUrlChanged()}openSignUpDialog(){this.dialog.open(A,{disableClose:!0,width:"648px",autoFocus:!1,panelClass:P.C}).afterClosed().pipe((0,y.s)(1),(0,u.p)(Boolean)).subscribe(a=>{const o=this.sitesSnapshotsService.currentSite$.value?.id;o&&this.signUpService.updateSignUpSettings(o,a).pipe((0,y.s)(1)).subscribe(()=>{this.snackBar.openFromComponent(b.Y,v.U_)}

1)})}reloadSignUpWidgetOnPolicyUrlChanged(){this.sitesSnapshotsService.currentSite$.pipe((0,E.i)(1),(0,j.T)(e=>e?.configuration?.policyUrl),(0,T.F)(),(0,S.J)(),(0,u.p)(([e,a])=>e!==a),(0,f.Q)(this.destroy$)).subscribe(()=>{this.siteChangedFlip$.next(!1),this.cdr.detectChanges(),this.siteChangedFlip$.next(!0)})}static{this.\u0275fac=function(a){return new(a||r)(t.rXU(x.bZ),t.rXU(X.X),t.rXU(U.K),t.rXU(F.UG),t.rXU(C.gRc))}}static{this.\u0275cmp=t.VBU({type:r,selectors:[["app-sign-up-editor"]],standalone:!1,features:[t.Vt3],decls:7,vars:4,consts:[[1,"tl-banner"],[1,"tl-banner-text"],[3,"buttonClick","type"],[4,"ngIf"]],template:function(a,o){1&a&&(t.j41(0,"div",0)(1,"p",1),t.EFF(2,"You are viewing the default page, you can customize it to suit your branding."),t.k0s(),t.j41(3,"lib-button",2),t.bIt("buttonClick",function(){return o.openSignUpDialog()}),t.EFF(4,"Customize"),t.k0s()(),t.DNE(5,Y,1,0,"app-sign-up",3),t.nI1(6,"async")),2&a&&(t.R7$(3),t.Y8G("type",o.buttonType.OnImage),t.R7$(2),t.Y8G("ngIf",t.bMT(6,2,o.siteChangedFlip$)))},dependencies:[c.bT,$.U,g.Qpp,c.Jj],styles:[".tl-banner[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;height:var(--size-800);padding:var(--space-200) var(--space-800);background-color:#666}.tl-banner-text[_ngcontent-%COMP%]{font-family:var(--typography-body-bold-regular-font-family);font-weight:var(--typography-body-bold-regular-font-weight);line-height:var(--typography-body-bold-regular-line-height);font-size:var(--typography-body-bold-regular-font-size);letter-spacing:var(--typography-body-regular-letter-spacing);text-transform:var(--typography-body-regular-text-case);color:#fff}"],changeDetection:0})}}return r})()}];let J=(()=>{class r{static{this.\u0275fac=function(a){return new(a||r)}}static{this.\u0275mod=t.$C({type:r})}static{this.\u0275inj=n.G2t({imports:[m.iI.forChild(K),m.iI]})}}return r})(),Q=(()=>{class r{static{this.\u0275fac=function(a){return new(a||r)}}static{this.\u0275mod=t.$C({type:r})}static{this.\u0275inj=n.G2t({imports:[c.MD,J,I.SignUpModule,s.X1,g.Qpp,g.CYR,g.rxf,g.bEy,h.m_]})}}return r})()}}]);