ngx-firebase 1.1.12 → 22.0.0

package/fesm2015/ngx-firebase-ionic-auth-ui.js

@@ -1,1482 +0,0 @@
-import { __awaiter } from 'tslib';
-import { EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, Inject, forwardRef, Input, Output, ViewChild, ViewEncapsulation, Injector, NgModule } from '@angular/core';
-import { NavController, PopoverController, IonicModule } from '@ionic/angular';
-import { AuthProcessService, FirebaseService, UiService, MalSharedConfigToken, AuthProvider, PHONE_NUMBER_REGEX, FirebaseErrorCodes, ValueAccessorControlComponent, MalSharedModule } from 'ngx-firebase';
-import { FormGroup, FormControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MalIonicAlertsService, MalIonicModule } from 'ngx-firebase/ionic';
-import { animation, style, animate, trigger, transition, useAnimation, state, query, stagger, animateChild } from '@angular/animations';
-import { Subject, BehaviorSubject, of } from 'rxjs';
-import { takeUntil, map, switchMap, catchError, startWith } from 'rxjs/operators';
-import { ActivatedRoute } from '@angular/router';
-import { HttpClientModule } from '@angular/common/http';
-import { CommonModule } from '@angular/common';
-import { TooltipsModule } from 'ionic4-tooltips';
-import { FlexLayoutModule } from '@angular/flex-layout';
-
-class EmailConfirmationComponent {
-    constructor(aps, changeDetectorRef, navController, fire, ui, config) {
-        this.aps = aps;
-        this.changeDetectorRef = changeDetectorRef;
-        this.navController = navController;
-        this.fire = fire;
-        this.ui = ui;
-        this.config = config;
-        this.signOut = new EventEmitter();
-        // Context hash to use for verifyEmailTemplate.
-        this.verifyEmailContext = this.createTemplateContext();
-        this.isLoading = false;
-    }
-    ngOnChanges(changes) {
-        if (changes.verifyEmailTemplate && changes.verifyEmailTemplate.currentValue == null) {
-            this.verifyEmailTemplate = this.defaultTemplate;
-            // console.log('ngOnChanges - defaultTemplate:', this.verifyEmailTemplate);
-        }
-        this.verifyEmailContext = this.createTemplateContext();
-    }
-    ngOnInit() {
-        if (!this.verifyEmailTemplate) {
-            // console.log('ngOnInit - defaultTemplate');
-            this.verifyEmailTemplate = this.defaultTemplate;
-        }
-        this.verifyEmailContext = this.createTemplateContext();
-        // console.log('verifyEmailTemplate:', this.verifyEmailTemplate);
-        // console.log('verifyEmailContext:', this.verifyEmailContext);
-    }
-    continue() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                yield this.aps.reloadUserInfo();
-                yield this.navController.navigateBack([this.goBackURL]);
-            }
-            catch (error) {
-                this.notifyError(error);
-            }
-        });
-    }
-    sendNewVerificationEmail() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.isLoading = true;
-                this.changeDetectorRef.markForCheck();
-                yield this.aps.sendNewVerificationEmail();
-                this.ui.toast('auth.emailConfirmation.onConfirmationSuccess');
-            }
-            catch (error) {
-                this.notifyError(error);
-            }
-            finally {
-                this.isLoading = false;
-                this.changeDetectorRef.markForCheck();
-            }
-        });
-    }
-    createTemplateContext() {
-        return {
-            email: this.email,
-            goBackURL: this.goBackURL,
-        };
-    }
-    notifyError(error) {
-        this.fire.recordException(error);
-        if (this.config.authUi.toastMessageOnAuthError) {
-            const message = error.toString() || 'Sorry, something went wrong. Please retry later.';
-            this.ui.toast(message, { duration: this.config.authUi.toastDefaultDurationMil });
-        }
-    }
-}
-EmailConfirmationComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-email-confirmation',
-                template: "<ng-container *ngTemplateOutlet=\"verifyEmailTemplate; context: verifyEmailContext\"></ng-container>\n<ng-template #defaultVerifyEmail let-email=\"email\" let-goBackURL=\"goBackURL\">\n  <ion-card class=\"verify-email\">\n    <ion-card-content fxLayout=\"column\" fxLayoutAlign=\"center center\">\n      <ion-icon color=\"text\" name=\"mail-outline\"></ion-icon>\n      <p class=\"title\" fxLayout=\"column\" fxLayoutAlign=\"center center\">\n        <span class=\"mat-subheading-2\">{{ \"auth.emailConfirmation.title\" | translate }}</span>\n        <span class=\"mat-body-2\">{{ \"auth.email.label\" | translate }}</span>\n      </p>\n      <p class=\"subtitle\">{{ \"auth.emailConfirmation.bodyText\" | translate }}</p>\n      <ion-progress-bar *ngIf=\"isLoading\" type=\"indeterminate\"></ion-progress-bar>\n    </ion-card-content>\n    <ion-button color=\"primary\" (click)=\"continue()\" *ngIf=\"goBackURL\" class=\"go-back-button action-button\">\n      {{ \"auth.emailConfirmation.goBack\" | translate }}\n    </ion-button>\n    <ion-button (color=\"primary\" click)=\"sendNewVerificationEmail()\" class=\"send-new-mail-button action-button\">\n      {{ \"auth.emailConfirmation.sendNewVerificationEmail\" | translate }}\n    </ion-button>\n    <ion-button color=\"primary\" (click)=\"this.signOut.emit()\" class=\"sign-out-button action-button\" color=\"warn\">\n      {{ \"auth.emailConfirmation.signOut\" | translate }}\n    </ion-button>\n  </ion-card>\n</ng-template>",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".verify-email{width:360px}.verify-email .mat-icon{height:4rem;width:4rem;color:#444}.verify-email .title{margin-top:16px}.verify-email .title .mat-subheading-2{margin-bottom:0}.verify-email .subtitle{margin:16px auto;text-align:justify}.verify-email p{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0}"]
-            },] }
-];
-EmailConfirmationComponent.ctorParameters = () => [
-    { type: AuthProcessService },
-    { type: ChangeDetectorRef },
-    { type: NavController },
-    { type: FirebaseService },
-    { type: UiService },
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] }
-];
-EmailConfirmationComponent.propDecorators = {
-    email: [{ type: Input }],
-    goBackURL: [{ type: Input }],
-    template: [{ type: Input }],
-    signOut: [{ type: Output }],
-    defaultTemplate: [{ type: ViewChild, args: ['defaultVerifyEmail', { static: true },] }]
-};
-
-const customAnimation = animation([
-    style({
-        opacity: '{{opacity}}',
-        transform: 'scale({{scale}}) translate3d({{x}}, {{y}}, {{z}})'
-    }),
-    animate('{{duration}} {{delay}} cubic-bezier(0.0, 0.0, 0.2, 1)', style('*'))
-], {
-    params: {
-        duration: '200ms',
-        delay: '0ms',
-        opacity: '0',
-        scale: '1',
-        x: '0',
-        y: '0',
-        z: '0'
-    }
-});
-const NgxAuthFirebaseuiAnimations = [
-    trigger('animate', [transition('void => *', [useAnimation(customAnimation)])]),
-    trigger('animateStagger', [
-        state('50', style('*')),
-        state('100', style('*')),
-        state('200', style('*')),
-        transition('void => 50', query('@*', [stagger('50ms', [animateChild()])], { optional: true })),
-        transition('void => 100', query('@*', [stagger('100ms', [animateChild()])], { optional: true })),
-        transition('void => 200', query('@*', [stagger('200ms', [animateChild()])], { optional: true }))
-    ]),
-];
-
-class AuthUISignInComponent {
-    constructor(
-    // tslint:disable-next-line @typescript-eslint/ban-types
-    aps, alert, changeDetectorRef, config) {
-        this.aps = aps;
-        this.alert = alert;
-        this.changeDetectorRef = changeDetectorRef;
-        this.config = config;
-        this.providers = AuthProvider.ALL; //  google, facebook, twitter, github as array or all as one single string
-        this.registrationEnabled = true;
-        this.resetPasswordEnabled = true;
-        this.tosUrl = '';
-        this.privacyPolicyUrl = '';
-        // Events
-        // tslint:disable no-output-on-prefix
-        this.onSuccess = this.aps.onSignInEmitter;
-        this.onError = this.aps.onErrorEmitter;
-        this.onCreateAccountRequested = new EventEmitter();
-        this.onResetPasswordRequested = new EventEmitter();
-        // tslint:enable no-output-on-prefix
-        this.signInForm = new FormGroup({
-            email: new FormControl('', [Validators.required]),
-            password: new FormControl('', [Validators.required])
-        });
-        this.authProviders = AuthProvider;
-    }
-    signIn() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.changeDetectorRef.markForCheck();
-                yield this.aps.signInWith(AuthProvider.EmailAndPassword, {
-                    credentials: {
-                        email: this.signInForm.value.email,
-                        password: this.signInForm.value.password
-                    }
-                });
-            }
-            finally {
-                this.changeDetectorRef.markForCheck();
-            }
-        });
-    }
-    providerClick(provider) {
-        this.aps.signInWith(provider);
-    }
-    ngAfterViewInit() {
-        this.changeDetectorRef.detectChanges();
-    }
-    doPasswordReset() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.signInForm.controls.email.invalid) {
-                yield this.alert.errorAlert('auth.resetPassword.errors.pattern');
-            }
-            else {
-                yield this.aps.resetPassword(this.signInForm.value.email);
-            }
-        });
-    }
-}
-AuthUISignInComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-signin',
-                template: "<div fxLayout=\"column\" fxLayoutAlign=\"center center\" id=\"signin-wrapper\" class=\"authui-wrapper\">\n  <div [@animateStagger]=\"{ value: '50' }\" id=\"signin-inner\" class=\"authui-inner-wrapper\">\n\n    <form [@animate]=\"{value:'*',params:{duration:'300ms',y:'100px'}}\" [formGroup]=\"signInForm\" name=\"signInForm\"\n          novalidate>\n\n      <mal-authui-email-field formControlName=\"email\"\n                              [@animate]=\"{ value: '*', params: { x: '50px' } }\">\n      </mal-authui-email-field>\n\n      <mal-authui-password-field formControlName=\"password\"\n                                 [@animate]=\"{ value: '*', params: { x: '50px' } }\">\n      </mal-authui-password-field>\n\n      <div [@animate]=\"{ value: '*', params: { x: '50px' } }\"\n           class=\"forgot-password\"\n           fxLayout=\"row\"\n           fxLayout.xs=\"column\"\n           fxLayoutAlign=\"space-between center\">\n\n        <a (click)=\"doPasswordReset()\"\n           *ngIf=\"resetPasswordEnabled\"\n           [@animate]=\"{ value: '*', params: { x: '-50px' } }\"\n           class=\"forgot-password\"\n           type=\"button\">\n          {{ \"auth.signIn.forgotPassword\" | translate }}\n        </a>\n      </div>\n\n      <ion-button (click)=\"signIn()\"\n                  color=\"primary\"\n                  [disabled]=\"signInForm.invalid\"\n                  aria-label=\"LOG IN\"\n                  fxLayoutAlign=\"center center\"\n                  class=\"authui-submit-button\"\n                  id=\"auth_signin_btn\">\n        {{\"auth.signIn.signInButton\" | translate }}\n      </ion-button>\n\n    </form>\n\n    <!--mal-authui-or-divider *ngIf=\"providers.length > 0\"\n                           [@animate]=\"{ value: '*', params: { z: '50px', delay: '50ms', scale: '0.2' } }\">\n    </mal-authui-or-divider> -->\n\n    <mal-authui-providers [providers]=\"providers\"\n                          (providerClick)=\"providerClick($event)\"\n                          layout=\"column\"></mal-authui-providers>\n\n    <div *ngIf=\" registrationEnabled\" [@animateStagger]=\"{ value: '100' }\"\n         class=\"authui-alternate-action\"\n         fxLayout=\"column\"\n         fxLayoutAlign=\"center center\">\n      <ion-text [@animate]=\"{ value: '*', params: { x: '100px' } }\"\n                color=\"text\"\n                class=\"text\">\n        {{\"auth.signIn.dontHaveAccount\" | translate}}\n      </ion-text>\n      <a (click)=\"onCreateAccountRequested.emit()\"\n         [@animate]=\"{ value: '*', params: { x: '-100px' } }\"\n         id=\"createAccountButton\">\n        {{\"auth.signIn.createAccountButton\" | translate}}\n      </a>\n    </div>\n\n  </div>\n</div>",
-                encapsulation: ViewEncapsulation.None,
-                animations: NgxAuthFirebaseuiAnimations,
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUISignInComponent.ctorParameters = () => [
-    { type: AuthProcessService },
-    { type: MalIonicAlertsService },
-    { type: ChangeDetectorRef },
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] }
-];
-AuthUISignInComponent.propDecorators = {
-    providers: [{ type: Input }],
-    registrationEnabled: [{ type: Input }],
-    resetPasswordEnabled: [{ type: Input }],
-    tosUrl: [{ type: Input }],
-    privacyPolicyUrl: [{ type: Input }],
-    onSuccess: [{ type: Output }],
-    onError: [{ type: Output }],
-    onCreateAccountRequested: [{ type: Output }],
-    onResetPasswordRequested: [{ type: Output }]
-};
-
-function isCreateAccountFormData(x) {
-    return x && x.email && x.password;
-}
-class AuthUIRegisterComponent {
-    // tslint:disable-next-line @typescript-eslint/ban-types
-    constructor(config, aps, ui, popover, changeDetectorRef) {
-        this.config = config;
-        this.aps = aps;
-        this.ui = ui;
-        this.popover = popover;
-        this.changeDetectorRef = changeDetectorRef;
-        this.showEmail = 'popover';
-        this.providers = AuthProvider.ALL; //  google, facebook, twitter, github as array or all as one single string
-        // Events
-        // tslint:disable no-output-on-prefix
-        this.onSuccess = this.aps.onRegisterEmitter;
-        this.onError = this.aps.onErrorEmitter;
-        this.onLoginRequested = new EventEmitter();
-        // tslint:enable no-output-on-prefix
-        // Prevent somebody already logged in as guest - relogging in as gyest
-        this.guestEnabled$ = this.aps.canSignInAsGuest$;
-        // Private
-        this.destroy$ = new Subject();
-    }
-    ngAfterViewInit() {
-        this.changeDetectorRef.detectChanges();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    doCreateAccount(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.changeDetectorRef.markForCheck();
-                yield this.aps.registerWith(AuthProvider.EmailAndPassword, {
-                    credentials: {
-                        email: data.email,
-                        password: data.password
-                    },
-                    displayName: data.name,
-                    skipTosCheck: true
-                });
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-            finally {
-                this.changeDetectorRef.markForCheck();
-            }
-        });
-    }
-    doRegisterAnonymously() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.changeDetectorRef.markForCheck();
-                yield this.aps.signInWith(AuthProvider.ANONYMOUS);
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-            finally {
-                this.changeDetectorRef.markForCheck();
-            }
-        });
-    }
-    doRegisterWithEmailPopover() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const data = yield new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-                    try {
-                        const { AuthUIRegisterWithEmailPopoverComponent } = yield Promise.resolve().then(function () { return registerWithEmailPopover_component; });
-                        const popover = yield this.popover.create({
-                            component: AuthUIRegisterWithEmailPopoverComponent,
-                            cssClass: ['wide-popover', 'dark-backdrop']
-                        });
-                        popover.onDidDismiss().then((resp) => {
-                            if (isCreateAccountFormData(resp === null || resp === void 0 ? void 0 : resp.data)) {
-                                resolve(resp.data);
-                            }
-                            else {
-                                resolve(null);
-                            }
-                        });
-                        yield popover.present();
-                    }
-                    catch (error) {
-                        this.ui.logError(error);
-                        reject(error);
-                    }
-                }));
-                if (data) {
-                    yield this.doCreateAccount(data);
-                }
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        });
-    }
-    doProviderClick(provider) {
-        try {
-            this.aps.registerWith(provider);
-        }
-        catch (error) {
-            this.ui.logError(error);
-        }
-    }
-}
-AuthUIRegisterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-register',
-                template: "<div fxLayout=\"column\" fxLayoutAlign=\"center center\" id=\"register-wrapper\" class=\"authui-wrapper\">\n  <div [@animateStagger]=\"{ value: '50' }\" id=\"register-inner\" class=\"authui-inner-wrapper\">\n\n    <mal-authui-register-with-email *ngIf=\"showEmail === 'inline'\">\n      (createAccountClick)=\"doCreateAccount($event)\">\n    </mal-authui-register-with-email>\n\n    <div fxLayoutAlign=\"stretch\"\n         fxLayout=\"column\"\n         class=\"provider-buttons\">\n\n      <div *ngIf=\"showEmail === 'popover'\">\n        <ion-button id=\"auth_register_email_btn\"\n                    (click)=\"doRegisterWithEmailPopover()\"\n                    [@animate]=\"{ value: '*', params: { x: '-100px' } }\"\n                    color=\"primary\"\n                    class=\"authui-provider-button\">\n          <ion-icon name=\"mail-outline\"></ion-icon>\n          <ion-label slot=\"end\">{{ \"auth.register.emailButton\" | translate }}</ion-label>\n        </ion-button>\n      </div>\n\n      <div *ngIf=\"guestEnabled$ | async\">\n        <ion-button id=\"auth_register_anon_btn\"\n                    (click)=\"doRegisterAnonymously()\"\n                    [@animate]=\"{ value: '*', params: { x: '-100px' } }\"\n                    color=\"primary\"\n                    class=\"authui-provider-button\">\n          <ion-icon name=\"finger-print-outline\"></ion-icon>\n          <ion-label slot=\"end\">{{ \"auth.register.guestButton\" | translate }}</ion-label>\n        </ion-button>\n      </div>\n    </div>\n\n    <mal-authui-providers [providers]=\"providers\"\n                          (providerClick)=\"doProviderClick($event)\"\n                          layout=\"column\">\n    </mal-authui-providers>\n\n    <div [@animate]=\"{value:'*',params:{duration:'300ms',y:'100px'}}\"\n         class=\"alternate-action\"\n         fxLayout=\"column\"\n         fxLayoutAlign=\"center center\">\n\n      <ion-text color=\"text\" [@animate]=\"{ value: '*', params: { x: '100px' } }\">\n        {{ \"auth.register.alreadyHaveAccount\" | translate }}\n      </ion-text>\n\n      <a (click)=\"onLoginRequested.emit()\"\n         [@animate]=\"{ value: '*', params: { x: '-100px' } }\"\n         id=\"loginButton\">\n        {{\"auth.register.signInButton\" | translate}}\n      </a>\n\n    </div>\n  </div>",
-                encapsulation: ViewEncapsulation.None,
-                animations: NgxAuthFirebaseuiAnimations,
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUIRegisterComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] },
-    { type: AuthProcessService },
-    { type: UiService },
-    { type: PopoverController },
-    { type: ChangeDetectorRef }
-];
-AuthUIRegisterComponent.propDecorators = {
-    showEmail: [{ type: Input }],
-    providers: [{ type: Input }],
-    onSuccess: [{ type: Output }],
-    onError: [{ type: Output }],
-    onLoginRequested: [{ type: Output }]
-};
-
-class AuthUIUserComponent {
-    constructor(aps, ui, navController, config, popoverController, fire) {
-        this.aps = aps;
-        this.ui = ui;
-        this.navController = navController;
-        this.config = config;
-        this.popoverController = popoverController;
-        this.fire = fire;
-        this._editMode$ = new BehaviorSubject(false);
-        this.canEditAccount = this.config.authUi.allowAccountEdit;
-        this.canLogout = this.config.authUi.allowAccountLogout;
-        this.canDeleteAccount = this.config.authUi.allowAccountDelete;
-        // tslint:disable no-output-on-prefix
-        this.onSignOut = this.aps.onSignOutEmitter;
-        this.onAccountEdited = this.aps.onUserUpdatedEmitter;
-        this.onAccountDeleted = this.aps.onUserDeletedEmitter;
-        // tslint:enable no-output-on-prefix
-        this.destroy$ = new Subject();
-        this.userPhotoUrl$ = this.aps.getUserPhotoUrl();
-        this.user$ = this.aps.user$;
-        this.updateFormGroup = new FormGroup({
-            name: new FormControl('', [Validators.required]),
-            email: new FormControl('', [Validators.required]),
-            phoneNumber: new FormControl('', [Validators.pattern(PHONE_NUMBER_REGEX)])
-        });
-    }
-    get editMode() { return this._editMode$.value; }
-    set editMode(val) { this._editMode$.next(val); }
-    get editMode$() { return this._editMode$.asObservable(); }
-    ngOnInit() {
-        this.aps.user$
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(currentUser => {
-            if (currentUser) {
-                this.updateFormGroup.patchValue({
-                    name: currentUser.displayName,
-                    email: currentUser.email,
-                    phoneNumber: currentUser.phoneNumber
-                });
-                this.updateFormGroup.markAsPristine();
-            }
-            else {
-                this.updateFormGroup.reset();
-                this.editMode = false;
-            }
-        });
-        this.editMode$
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(editMode => {
-            if (editMode) {
-                this.updateFormGroup.enable();
-            }
-            else {
-                this.updateFormGroup.disable();
-            }
-        });
-        this.editMode = false;
-        this.updateFormGroup.disable();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    changeEditMode() {
-        this.editMode = !this.editMode;
-    }
-    dismiss() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.popoverController.getTop() !== null) {
-                yield this.popoverController.dismiss();
-            }
-        });
-    }
-    save() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.updateFormGroup.dirty) {
-                try {
-                    yield this.aps.updateUserInfo({
-                        displayName: (this.updateFormGroup.controls.name.dirty) ? this.updateFormGroup.controls.name.value : undefined,
-                        email: (this.updateFormGroup.controls.email.dirty) ? this.updateFormGroup.controls.email.value : undefined,
-                        phoneNumber: (this.updateFormGroup.controls.phoneNumber.dirty) ? this.updateFormGroup.controls.phoneNumber.value : undefined,
-                    });
-                }
-                catch (error) {
-                    this.fire.recordException(error);
-                    this.ui.toast(error && error.message ? error.message : error);
-                }
-                yield this.dismiss();
-            }
-            else {
-                this.editMode = false;
-            }
-        });
-    }
-    signOut() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                yield Promise.all([
-                    this.aps.signOut(),
-                    this.dismiss(),
-                    this.navController.navigateRoot(this.config.authUi.authGuardFallbackURL)
-                ]);
-            }
-            catch (error) {
-                this.fire.recordException(error);
-            }
-        });
-    }
-    /**
-     * Delete the account of the current firebase ngx-auth-firebaseui-user
-     *
-     * On Success, emit the <onAccountDeleted> event and toast a msg!#
-     * Otherwise, log the and toast and error msg!
-     *
-     * If the operation fails due to not having current enough signIn, redrect to reSignInUrl, providing forOperation=deleteUser
-     *
-     */
-    deleteAccount() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                if (yield this.ui.yesNoAlert('auth.user.message.confirmDelete', { defaultToNo: true, interpolateParams: { userName: (_a = this.aps.user) === null || _a === void 0 ? void 0 : _a.displayName } })) {
-                    yield this.aps.deleteUser();
-                    yield Promise.all([
-                        this.dismiss(),
-                        this.ui.toast('auth.user.message.acountDeleted'),
-                        this.navController.navigateRoot(this.config.authUi.authGuardFallbackURL)
-                    ]);
-                }
-            }
-            catch (error) {
-                if (error.code === FirebaseErrorCodes.requiresRecentLogin) {
-                    // If we've failed due to lack of current credentials ask the user to reauthenticate and try again.
-                    yield new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-                        const popover = yield this.popoverController.create({
-                            component: yield Promise.resolve().then(function () { return reauthenticate_component; }).then(m => m.AuthUIReauthenticateComponent),
-                            componentProps: {
-                                message: error.message
-                            },
-                            cssClass: 'wide-popover'
-                        });
-                        popover.onDidDismiss().then(() => __awaiter(this, void 0, void 0, function* () {
-                            try {
-                                yield this.aps.deleteUser();
-                                yield Promise.all([
-                                    this.dismiss(),
-                                    this.ui.toast('auth.user.message.acountDeleted'),
-                                    this.navController.navigateRoot(this.config.authUi.authGuardFallbackURL)
-                                ]);
-                            }
-                            catch (error) {
-                                yield this.ui.toast('auth.user.message.acountDeleted', { interpolateParams: { error: error.message } });
-                            }
-                            resolve();
-                        }));
-                        yield popover.present();
-                    }));
-                }
-                else {
-                    this.fire.recordException(error);
-                    yield this.ui.toast('auth.user.message.acountDeleted', { interpolateParams: { error: error.message } });
-                }
-            }
-        });
-    }
-}
-AuthUIUserComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-user',
-                template: "<div *ngIf=\"user$ | async; then authenticated else none\" class=\"authui-form\">\n</div>\n\n<ng-template #authenticated>\n  <ion-card *ngIf=\"(user$ | async) as user\">\n\n    <!--card header-->\n    <ion-card-header fxLayout=\"column\" fxLayoutAlign=\"center center\">\n\n      <ion-avatar>\n        <img [alt]=\"user.name\" *ngIf=\"(userPhotoUrl$ | async) as photoUrl\" [src]=\"photoUrl\">\n      </ion-avatar>\n\n      <div *ngIf=\"user.emailVerified; then emailVerified else emailNotVerified\"></div>\n      <ng-template #emailVerified>\n        <ion-icon name=\"shield-checkmark-outline\" color=\"primary\" [tooltip]=\"'auth.email.isVerified' | translate\"> </ion-icon>\n      </ng-template>\n      <ng-template #emailNotVerified>\n        <ion-icon name=\"warning-outline\" color=\"warn\" [tooltip]=\"'auth.email.notVerified' | translate\"> </ion-icon>\n      </ng-template>\n\n    </ion-card-header>\n\n    <!--card content-->\n    <ion-card-content>\n\n      <form (submit)=\"save()\" [formGroup]=\"updateFormGroup\" name=\"updateFormGroup\">\n\n        <div fxLayout=\"column\" fxLayoutAlign=\"center center\">\n\n          <ion-button *ngIf=\"canEditAccount && !editMode\" (click)=\"changeEditMode()\" class=\"edit-button\"\n                      color=\"primary\">\n            {{ \"auth.user.edit\" | translate }}\n          </ion-button>\n        </div>\n\n        <mal-authui-name-field formControlName=\"name\"></mal-authui-name-field>\n        <mal-authui-email-field formControlName=\"email\"></mal-authui-email-field>\n\n        <!--phone number-->\n        <mal-authui-form-field [control]=\"updateFormGroup.controls.phoneNumber\"\n                               icon=\"call-outline\"\n                               label=\"auth.phoneNumber.label\"\n                               *ngIf=\"false\"\n                               class=\"full-width\"\n                               hintEnd=\"auth.phoneNumber.hintEnd\"\n                               errorPrefix=\"auth.phoneNumber.errors\">\n          <ion-input formControlName=\"phoneNumber\" [placeholder]=\"'auth.phoneNumber.placeholder' | translate\" type=\"tel\">\n          </ion-input>\n        </mal-authui-form-field>\n\n      </form>\n\n      <div class=\"card-actions\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <ion-button *ngIf=\"editMode\" (click)=\"changeEditMode()\" class=\"edit-button\" color=\"warning\">\n          {{ \"shared.button.cancel\" | translate }}\n        </ion-button>\n        <ion-button expand=\"block\" *ngIf=\"editMode\" color=\"primary\" (click)=\"save()\">{{ \"auth.user.actions.save\" | translate }} </ion-button>\n      </div>\n      <div class=\"card-actions\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <a expand=\"block\" (click)=\"signOut()\" *ngIf=\"canLogout\" color=\"primary\">{{ \"auth.user.actions.signOut\" | translate }}</a>\n        <a expand=\"block\" (click)=\"deleteAccount()\" *ngIf=\"canDeleteAccount\" color=\"warning\">{{ \"auth.user.actions.deleteAccount\" | translate }} </a>\n      </div>\n\n    </ion-card-content>\n  </ion-card>\n</ng-template>\n\n<ng-template #none>\n  <ion-card class=\"none-card\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n    <ion-card-content fxLayout=\"row\" fxLayoutAlign=\"center center\">\n      <ion-icon color=\"accent\">warning</ion-icon>\n      <span>{{ \"auth.user.notLoggedIn\" | translate }}</span>\n    </ion-card-content>\n  </ion-card>\n</ng-template>",
-                styles: [".edit-button{margin:1rem}.full-width{width:100%}.cut-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.none-card{min-height:430px}.none-card span{font-size:24px;text-align:center;color:rgba(0,0,0,.54)}.card-actions a{margin-left:4px;margin-right:4px}", "div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUIUserComponent.ctorParameters = () => [
-    { type: AuthProcessService },
-    { type: UiService },
-    { type: NavController },
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] },
-    { type: PopoverController },
-    { type: FirebaseService }
-];
-AuthUIUserComponent.propDecorators = {
-    editMode: [{ type: Input }],
-    onSignOut: [{ type: Output }],
-    onAccountEdited: [{ type: Output }],
-    onAccountDeleted: [{ type: Output }]
-};
-
-class AuthUIReauthenticateComponent {
-    constructor(
-    // tslint:disable-next-line @typescript-eslint/ban-types
-    aps, ui, changeDetectorRef, popoverController) {
-        this.aps = aps;
-        this.ui = ui;
-        this.changeDetectorRef = changeDetectorRef;
-        this.popoverController = popoverController;
-        this.providers = AuthProvider.ALL; //  google, facebook, twitter, github as array or all as one single string
-        this.registrationEnabled = true;
-        this.resetPasswordEnabled = true;
-        this.tosUrl = '';
-        this.privacyPolicyUrl = '';
-        // Events
-        // tslint:disable no-output-on-prefix
-        this.onSuccess = this.aps.onSignInEmitter;
-        this.onError = this.aps.onErrorEmitter;
-        this.onCreateAccountRequested = new EventEmitter();
-        this.onResetPasswordRequested = new EventEmitter();
-        // tslint:enable no-output-on-prefix
-        this.providers$ = this.aps.reauthenticateProviders$;
-        this.showPasswordProvider$ = this.providers$.pipe(map(providers => providers.includes(AuthProvider.EmailAndPassword)));
-        this.showDivider$ = this.providers$.pipe(map(providers => providers.length > 1 && providers.includes(AuthProvider.EmailAndPassword)));
-        this.message = '';
-        this.reauthForm = new FormGroup({
-            password: new FormControl(null, [Validators.required])
-        });
-    }
-    ngAfterViewInit() {
-        this.changeDetectorRef.detectChanges();
-    }
-    dismiss() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.popoverController.getTop() !== null) {
-                yield this.popoverController.dismiss();
-            }
-        });
-    }
-    doReauthenticateWithPassword() {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                if (!((_a = this.aps.user) === null || _a === void 0 ? void 0 : _a.email) || !this.reauthForm.value.password) {
-                    throw new Error('Trying to reauth with email/password when not valid');
-                }
-                yield this.aps.reauthenicateWithProvider(AuthProvider.EmailAndPassword, { credentials: { email: this.aps.user.email, password: this.reauthForm.value.password } });
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-            finally {
-                yield this.dismiss();
-            }
-        });
-    }
-    doProviderClick(provider) {
-        try {
-            this.aps.reauthenicateWithProvider(provider);
-        }
-        catch (error) {
-            this.ui.logError(error);
-        }
-    }
-}
-AuthUIReauthenticateComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-reauthenticate',
-                template: "<div fxLayout=\"column\" fxLayoutAlign=\"center center\" id=\"signin-wrapper\" class=\"authui-wrapper\">\n  <div [@animateStagger]=\"{ value: '50' }\" id=\"signin-inner\" class=\"authui-inner-wrapper\">\n\n    <div *ngIf=\"logoUrl\" class=\"authui-logo\">\n      <img [@animate]=\"{ value: '*', params: { x: '50px' } }\" [src]=\"logoUrl\" alt=\"logo\">\n    </div>\n\n    <div [@animate]=\"{ value: '*', params: { x: '-50px' } }\" class=\"authui-title\">\n      {{ \"auth.reauthenticate.tabTitle\" | translate }}\n    </div>\n\n    {{ message }}\n\n    <form *ngIf=\"showPasswordProvider$ | async\"\n          [@animate]=\"{value:'*',params:{duration:'300ms',y:'100px'}}\"\n          [formGroup]=\"reauthForm\"\n          name=\"reauthForm\"\n          novalidate>\n\n      <mal-authui-password-field formControlName=\"password\"\n                                 [@animate]=\"{ value: '*', params: { x: '50px' } }\">\n      </mal-authui-password-field>\n\n      <ion-button (click)=\"doReauthenticateWithPassword()\"\n                  color=\"primary\"\n                  [disabled]=\"reauthForm.invalid\"\n                  aria-label=\"LOG IN\"\n                  fxLayoutAlign=\"center center\"\n                  class=\"authui-submit-button\"\n                  id=\"loginButton\">\n        {{\"auth.signIn.loginButton\" | translate }}\n      </ion-button>\n\n    </form>\n\n    <mal-authui-or-divider *ngIf=\"showDivider$ | async\"\n                           [@animate]=\"{ value: '*', params: { z: '50px', delay: '50ms', scale: '0.2' } }\">\n    </mal-authui-or-divider>\n\n    <mal-authui-providers [providers]=\"providers$ | async\"\n                          (providerClick)=\"doProviderClick($event)\"\n                          fxLayoutAlign=\"center center\"\n                          layout=\"column\"></mal-authui-providers>\n\n  </div>\n</div>",
-                encapsulation: ViewEncapsulation.None,
-                animations: NgxAuthFirebaseuiAnimations,
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUIReauthenticateComponent.ctorParameters = () => [
-    { type: AuthProcessService },
-    { type: UiService },
-    { type: ChangeDetectorRef },
-    { type: PopoverController }
-];
-AuthUIReauthenticateComponent.propDecorators = {
-    logoUrl: [{ type: Input }],
-    providers: [{ type: Input }],
-    registrationEnabled: [{ type: Input }],
-    resetPasswordEnabled: [{ type: Input }],
-    tosUrl: [{ type: Input }],
-    privacyPolicyUrl: [{ type: Input }],
-    onSuccess: [{ type: Output }],
-    onError: [{ type: Output }],
-    onCreateAccountRequested: [{ type: Output }],
-    onResetPasswordRequested: [{ type: Output }]
-};
-
-var reauthenticate_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AuthUIReauthenticateComponent: AuthUIReauthenticateComponent
-});
-
-var Layout;
-(function (Layout) {
-    Layout["ROW"] = "row";
-    Layout["COLUMN"] = "column";
-})(Layout || (Layout = {}));
-const displayProviders = {
-    google: { name: AuthProvider.Google, icon: 'logo-google', label: 'Google' },
-    apple: { name: AuthProvider.Apple, icon: 'logo-apple', label: 'Apple' },
-    facebook: { name: AuthProvider.Facebook, icon: 'logo-facebook', label: 'Facebook' },
-    twitter: { name: AuthProvider.Twitter, icon: 'logo-twitter', label: 'Twitter' },
-    github: { name: AuthProvider.Github, icon: 'logo-github', label: 'GitHub' },
-    microsoft: { name: AuthProvider.Microsoft, label: 'Microsoft' },
-    yahoo: { name: AuthProvider.Yahoo, icon: 'logo-yahoo', label: 'Yahoo' }
-};
-class AuthProvidersComponent {
-    constructor(aps, ui, config) {
-        this.aps = aps;
-        this.ui = ui;
-        this.config = config;
-        this.layout = Layout.ROW;
-        this.providers$ = new BehaviorSubject(AuthProvider.ALL);
-        this.providerClick = new EventEmitter();
-        this.displayProviders$ = this.providers$.pipe(
-        // Filter for those in config
-        map(providerOrArray => {
-            if (providerOrArray === AuthProvider.ALL) {
-                providerOrArray = this.config.authUi.supportedProviders;
-            }
-            const providers = Array.isArray(providerOrArray) ? providerOrArray : [providerOrArray];
-            return providers.filter(item => this.providers === AuthProvider.ALL || this.providers.includes(item));
-        }), 
-        // Filter for those valid on platform
-        switchMap((providers) => __awaiter(this, void 0, void 0, function* () {
-            const providerFilter = yield Promise.all(providers.map(item => this.aps.isProviderSupported(item)));
-            return providers.filter((_item, index) => providerFilter[index]);
-        })), 
-        // Map to display type
-        map(providers => providers.map(item => displayProviders[item])), catchError(error => {
-            this.ui.logError(error);
-            return of([]);
-        }));
-    }
-    get providers() { return this.providers$.value; }
-    set providers(val) { this.providers$.next(val); }
-}
-AuthProvidersComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-providers',
-                template: "<div [@animateStagger]=\"{ value: '50' }\">\n\n  <!--default icon buttons-->\n  <div [fxLayoutAlign]=\"layout == 'row' ? 'center' : 'stretch'\"\n       [fxLayout]=\"layout\"\n       fxLayout.xs=\"column\"\n       class=\"provider-buttons\">\n\n    <div *ngFor=\"let provider of (displayProviders$ | async)\">\n      <ion-button [id]=\"'auth_provider_' + provider.name + '_btn'\"\n                  (click)=\"providerClick.emit(provider.name)\"\n                  [@animate]=\"{value:'*',params:{duration:'300ms',y:'100px'}}\"\n                  [class]=\"provider.name + ' authui-provider-button'\">\n\n        <ion-icon *ngIf=\"provider.icon\" slot=\"start\" [name]=\"provider.icon\"></ion-icon>\n        <ion-label slot=\"end\">{{ 'auth.provider.' + provider.name | translate }}</ion-label>\n\n      </ion-button>\n    </div>\n\n  </div>\n</div>",
-                animations: NgxAuthFirebaseuiAnimations,
-                styles: [":host{display:block}ion-button.google{color:#db4437!important}ion-button.apple{color:#000!important}ion-button.facebook{color:#385899!important}ion-button.twitter{color:#1da1f2!important}ion-button.github{color:#000!important}ion-button.microsoft{color:#0078d4!important}ion-button.yahoo{color:#720e9e!important}ion-button.phone{color:#02bd7e}", "div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthProvidersComponent.ctorParameters = () => [
-    { type: AuthProcessService },
-    { type: UiService },
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] }
-];
-AuthProvidersComponent.propDecorators = {
-    layout: [{ type: Input }],
-    providers: [{ type: Input }],
-    providerClick: [{ type: Output }]
-};
-
-class AuthUIEmailFieldComponent extends ValueAccessorControlComponent {
-    constructor(injector, cdRef) {
-        super(injector, cdRef);
-        this.control = new FormControl('', [Validators.email]);
-    }
-}
-AuthUIEmailFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-email-field',
-                template: "<mal-authui-form-field [control]=\"parentControl\"\n                label=\"auth.email.label\"\n                errorPrefix=\"auth.email.errors\">\n\n    <ion-input [placeholder]=\"'auth.email.placeholder' | translate\"\n               [formControl]=\"control\"\n               type=\"email\"\n               color=\"text\"\n               autocomplete=\"email\">\n    </ion-input>\n\n</mal-authui-form-field>",
-                providers: [
-                    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AuthUIEmailFieldComponent), multi: true },
-                    { provide: NG_VALIDATORS, useExisting: AuthUIEmailFieldComponent, multi: true }
-                ],
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUIEmailFieldComponent.ctorParameters = () => [
-    { type: Injector },
-    { type: ChangeDetectorRef }
-];
-
-class AuthUIFormFieldComponent {
-    constructor(ui) {
-        this.ui = ui;
-        this.label = '';
-        this.control$ = new BehaviorSubject(undefined);
-        this.errors$ = this.control$.pipe(switchMap(control => (control && control.statusChanges)
-            ? control.statusChanges.pipe(startWith(control.errors), map(_ => this.errorMessageFn(control.errors)))
-            : of([])), catchError(error => {
-            this.ui.logError(error);
-            return of([error.message]);
-        }));
-        this.isValid$ = this.control$.pipe(switchMap(control => (control && control.statusChanges)
-            ? control.statusChanges.pipe(startWith(control.valid), map(() => control.valid || false))
-            : of(true)));
-        this.isDisabled$ = this.control$.pipe(switchMap(control => (control && control.statusChanges)
-            ? control.statusChanges.pipe(startWith(control.disabled), map(() => control.disabled || false))
-            : of(true)));
-        this.errorMessageFn = this.flattenErrors.bind(this);
-        this.translateParams = {};
-    }
-    get control() { return this.control$.value; }
-    set control(val) { this.control$.next(val); }
-    flattenErrors(errors) {
-        if (errors) {
-            if (this.customErrors || this.errorPrefix) {
-                return Object.keys(errors)
-                    .map(key => {
-                    if (this.customErrors) {
-                        if (undefined !== this.customErrors[key]) {
-                            return this.customErrors[key];
-                        }
-                        else if (undefined !== this.customErrors.default) {
-                            return this.customErrors.default;
-                        }
-                        else {
-                            return '';
-                        }
-                    }
-                    else if (this.errorPrefix) {
-                        return `${this.errorPrefix}.${key}`;
-                    }
-                })
-                    .filter(item => !!item) || [];
-            }
-            else if (this.errorMessage) {
-                return [this.errorMessage];
-            }
-            else {
-                return [];
-            }
-        }
-        else {
-            return [];
-        }
-    }
-}
-AuthUIFormFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-form-field',
-                template: "<ion-item class=\"ion-no-padding input form-field\">\n  <ion-label color=\"text\" class=\"text-size-xs\" position=\"floating\">{{ label | translate }}</ion-label>\n  <div class=\"input-wrap\">\n    <ng-content></ng-content>\n    <ion-icon size=\"large\" *ngIf=\"!(isValid$ | async) && !(isDisabled$ | async)\" class=\"invalid\" name=\"remove-circle\"></ion-icon>\n    <ion-icon size=\"large\" *ngIf=\"icon\" class=\"custom\" [name]=\"icon\"></ion-icon>\n  </div>\n</ion-item>\n<ion-grid class=\"footer-messages\">\n  <span class=\"hint-end\" *ngIf=\"hintEnd\">{{ hintEnd | translate:translateParams }}</span>\n  <ion-row *ngFor=\"let error of (errors$ | async)\" class=\"error-message\">\n    <ion-col>{{ error | translate:translateParams }} </ion-col>\n  </ion-row>\n</ion-grid>",
-                styles: ["ion-item.form-field{width:100%}ion-item.form-field div.input-wrap{display:flex;flex-wrap:nowrap;width:100%}ion-item.form-field div.input-wrap ion-icon.invalid{color:var(--ion-color-danger,red);align-items:right;height:100%}ion-grid.footer-messages{text-align:left;margin:0;padding:0;font-size:small}ion-grid.footer-messages ion-row.error-message ion-col{color:var(--ion-color-danger,red);margin:0;padding:0}ion-grid.footer-messages span.hint-end{float:right}", "div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUIFormFieldComponent.ctorParameters = () => [
-    { type: UiService }
-];
-AuthUIFormFieldComponent.propDecorators = {
-    label: [{ type: Input }],
-    control: [{ type: Input }],
-    errorMessage: [{ type: Input }],
-    errorMessageFn: [{ type: Input }],
-    errorPrefix: [{ type: Input }],
-    customErrors: [{ type: Input }],
-    translateParams: [{ type: Input }],
-    icon: [{ type: Input }],
-    hintEnd: [{ type: Input }]
-};
-
-class AuthUINameFieldComponent extends ValueAccessorControlComponent {
-    constructor(config, injector, cdRef) {
-        super(injector, cdRef);
-        this.config = config;
-        this.control = new FormControl('', [
-            Validators.minLength(this.config.authUi.nameMinLength),
-            Validators.maxLength(this.config.authUi.nameMaxLength)
-        ]);
-    }
-}
-AuthUINameFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-name-field',
-                template: "<mal-authui-form-field [control]=\"parentControl\"\n                label=\"auth.name.label\"\n                [hintEnd]=\"(control.value?.length || 0 ) + ' / ' + config.authUi.nameMaxLength\"\n                errorPrefix=\"auth.name.errors\">\n\n    <ion-input [placeholder]=\"'auth.name.placeholder' | translate\"\n               [maxlength]=\"config.authUi.nameMaxLength\"\n               [minlength]=\"config.authUi.nameMinLength\"\n               color=\"text\"\n               [formControl]=\"control\">\n    </ion-input>\n\n</mal-authui-form-field>",
-                providers: [
-                    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AuthUINameFieldComponent), multi: true },
-                    { provide: NG_VALIDATORS, useExisting: AuthUINameFieldComponent, multi: true }
-                ],
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUINameFieldComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] },
-    { type: Injector },
-    { type: ChangeDetectorRef }
-];
-
-class AuthUIOrDividerComponent {
-}
-AuthUIOrDividerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-or-divider',
-                template: "<div \n     class=\"separator\">\n    <ion-text color=\"text\" class=\"text\">{{ \"auth.common.orLabel\" | translate }}</ion-text>\n</div>",
-                styles: [".separator{font-size:15px;font-weight:600;margin:20px auto 6px;position:relative;overflow:hidden;width:100px}.separator .text{display:inline-flex;position:relative;padding:0 8px;z-index:9999}.separator .text:after,.separator .text:before{content:\"\";display:block;width:30px;position:absolute;top:10px;border-top:1px solid}.separator .text:before{right:100%}.separator .text:after{left:100%}", "div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-
-function passwordStrengthValidator(config) {
-    return (control) => {
-        let strengthErrors = null;
-        if (control.value) {
-            if (config.passwordMinLength && control.value.length < config.passwordMinLength) {
-                return { minlength: true };
-            }
-            if (config.passwordMaxLength && control.value.length > config.passwordMaxLength) {
-                return { maxlength: true };
-            }
-            if (config.passwordRequireLowercase && (!/[a-z]/.test(control.value))) {
-                if (!strengthErrors) {
-                    strengthErrors = {};
-                }
-                strengthErrors.requireLowercase = true;
-            }
-            if (config.passwordRequireUppercase && (!/[A-Z]/.test(control.value))) {
-                if (!strengthErrors) {
-                    strengthErrors = {};
-                }
-                strengthErrors.requireUppercase = true;
-            }
-            if (config.passwordRequireSpecial && (!/[!@#\$%\^&]/.test(control.value))) {
-                if (!strengthErrors) {
-                    strengthErrors = {};
-                }
-                strengthErrors.requireSpecial = true;
-            }
-            if (config.passwordRequireNumbers && (!/[0-9]/.test(control.value))) {
-                if (!strengthErrors) {
-                    strengthErrors = {};
-                }
-                strengthErrors.requireNumbers = true;
-            }
-            if (strengthErrors) {
-                return { passwordStrength: strengthErrors };
-            }
-        }
-        return null;
-    };
-}
-function confirmPasswordValidator(control) {
-    if (!control.parent || !control) {
-        return null;
-    }
-    const password = control.parent.get('password');
-    const passwordConfirm = control.parent.get('passwordConfirm');
-    if (!password || !passwordConfirm) {
-        return null;
-    }
-    if (!password.value && !passwordConfirm.value) {
-        return null;
-    }
-    if (password.value === passwordConfirm.value) {
-        return null;
-    }
-    if (password.value && !passwordConfirm.value) {
-        return { passwordConfirmationRequired: true };
-    }
-    return { passwordsNotMatching: true };
-}
-
-class AuthUIPasswordFieldComponent {
-    constructor(config, injector, cdRef, ui) {
-        this.config = config;
-        this.injector = injector;
-        this.cdRef = cdRef;
-        this.ui = ui;
-        // Validators are added by set validators function
-        this.form = new FormGroup({
-            password: new FormControl('', []),
-            passwordConfirm: new FormControl('', [])
-        });
-        this.autocomplete = 'current-password';
-        this._forUpdate = false;
-        this.isDisabled = false;
-        this.destroy$ = new Subject();
-        this.propogateChange = (val) => { };
-        this.propogateTouch = () => { };
-        this.propogateValidationChange = () => { };
-        this.setValidators();
-        this.form.controls.password.valueChanges
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(val => {
-            try {
-                this.form.controls.passwordConfirm.updateValueAndValidity();
-                this.propogateChange(val);
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        });
-        this.form.statusChanges
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(_ => {
-            try {
-                this.propogateValidationChange();
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        });
-    }
-    set forUpdate(val) {
-        this._forUpdate = val;
-        this.setValidators();
-        if (val) {
-            this.autocomplete = 'new-password';
-        }
-        else {
-            this.autocomplete = 'current-password';
-        }
-    }
-    get forUpdate() {
-        return this._forUpdate;
-    }
-    set value(val) {
-        if (val) {
-            this.form.patchValue({
-                password: val,
-                passwordConfirm: val
-            });
-        }
-        else {
-            this.form.reset();
-        }
-    }
-    get value() {
-        return this.form.controls.password.value;
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    ngAfterViewInit() {
-        this.parentControl = this.injector.get(NgControl, null);
-        this.setValidators();
-        this.cdRef.detectChanges();
-    }
-    // Form Accessor functions
-    registerOnChange(fn) { this.propogateChange = fn; }
-    registerOnTouched(fn) { this.propogateTouch = fn; }
-    registerOnValidatorChange(fn) { this.propogateValidationChange = fn; }
-    writeValue(val) { this.value = val; }
-    setDisabledState(isDisabled) { this.isDisabled = isDisabled; }
-    validate(control) {
-        if (this.form.controls.password.errors || this.form.controls.passwordConfirm.errors) {
-            return Object.assign(this.form.controls.password.errors || {}, this.form.controls.passwordConfirm.errors || {});
-        }
-        else {
-            return null;
-        }
-    }
-    setValidators() {
-        if (this.forUpdate) {
-            this.form.controls.password.setValidators([
-                Validators.maxLength(this.config.authUi.passwordMaxLength),
-                Validators.minLength(this.config.authUi.passwordMinLength),
-                passwordStrengthValidator(this.config.authUi)
-            ]);
-            this.form.controls.passwordConfirm.setValidators([
-                confirmPasswordValidator
-            ]);
-        }
-        else {
-            this.form.controls.password.setValidators([]);
-            this.form.controls.passwordConfirm.setValidators([]);
-        }
-        this.form.controls.password.updateValueAndValidity();
-        this.form.controls.passwordConfirm.updateValueAndValidity();
-    }
-}
-AuthUIPasswordFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-password-field',
-                template: "<form name=\"form\" [formGroup]=\"form\">\n    <mal-authui-form-field [control]=\"parentControl\"\n                           label=\"auth.password.label\"\n                           [hintEnd]=\"form.value.password?.length || 0 + ' / ' + config.authUi.passwordMaxLength\"\n                           errorPrefix=\"auth.password.errors\">\n\n        <ion-input (onBlur)=\"propogateTouch()\"\n                   [maxlength]=\"config.authUi.passwordMaxLength\"\n                   [minlength]=\"config.authUi.passwordMinLength\"\n                   [placeholder]=\"'auth.password.placeholder' | translate\"\n                   formControlName=\"password\"\n                   color=\"text\"\n                   type=\"password\"\n                   [autocomplete]=\"autocomplete\">\n        </ion-input>\n\n    </mal-authui-form-field>\n\n    <mal-authui-form-field *ngIf=\"forUpdate\"\n                           label=\"auth.password.confirmLabel\"\n                           errorPrefix=\"auth.password.errors\">\n\n        <ion-input (onBlur)=\"propogateTouch()\"\n                   [placeholder]=\"'auth.password.confirmPlaceholder' | translate\"\n                   formControlName=\"passwordConfirm\"\n                   color=\"text\"\n                   type=\"password\">\n        </ion-input>\n\n    </mal-authui-form-field>\n</form>\n\n<!-- TODO <mat-pass-toggle-visibility #toggle matSuffix></mat-pass-toggle-visibility> -->\n<!-- TODO <mat-password-strength #passwordStrength\n                                       [customValidator]=\"customValidator\"\n                                       [enableDigitRule]=\"enableDigitRule\"\n                                       [enableLengthRule]=\"enableLengthRule\"\n                                       [enableLowerCaseLetterRule]=\"enableLowerCaseLetterRule\"\n                                       [enableSpecialCharRule]=\"enableSpecialCharRule\"\n                                       [enableUpperCaseLetterRule]=\"enableUpperCaseLetterRule\"\n                                       [externalError]=\"signUpFormGroup.controls.password.dirty\"\n                                       [max]=\"max\"\n                                       [min]=\"min\"\n                                       [password]=\"signUpFormGroup.value.password\">\n                </mat-password-strength> -->",
-                providers: [
-                    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AuthUIPasswordFieldComponent), multi: true },
-                    { provide: NG_VALIDATORS, useExisting: AuthUIPasswordFieldComponent, multi: true }
-                ],
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUIPasswordFieldComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] },
-    { type: Injector },
-    { type: ChangeDetectorRef },
-    { type: UiService }
-];
-AuthUIPasswordFieldComponent.propDecorators = {
-    forUpdate: [{ type: Input }],
-    value: [{ type: Input }]
-};
-
-class AuthRegisterPage {
-    constructor(ui, fire, activatedRoute, navController, config) {
-        this.ui = ui;
-        this.fire = fire;
-        this.activatedRoute = activatedRoute;
-        this.navController = navController;
-        this.config = config;
-        this.logoUrl = this.config.authUi.logoUrl;
-    }
-    ngOnInit() {
-        this.fire.setScreenName('register', 'AuthRegisterPage');
-    }
-    doSuccess() {
-        try {
-            const redirectUrl = this.activatedRoute.snapshot.queryParamMap.get('redirectUrl');
-            if (redirectUrl) {
-                console.log('Redirecting logged in user to>', redirectUrl);
-                this.navController.navigateRoot(redirectUrl);
-            }
-            else {
-                this.navController.navigateRoot(['/']);
-            }
-        }
-        catch (error) {
-            this.ui.logError(error);
-        }
-    }
-    doLoginRequested() {
-        try {
-            this.navController.navigateRoot(['/auth', 'signin'], { queryParams: { redirectUrl: this.activatedRoute.snapshot.queryParamMap.get('redirectUrl') } });
-        }
-        catch (error) {
-            this.ui.logError(error);
-        }
-    }
-}
-AuthRegisterPage.decorators = [
-    { type: Component, args: [{
-                template: "<ion-header>\r\n  <ion-toolbar class=\"box-shadow\" color=\"toolbar\">\r\n    <ion-buttons slot=\"start\">\r\n      <ion-back-button defaultHref=\"/\"></ion-back-button>\r\n    </ion-buttons>\r\n    <ion-title>{{ \"auth.register.pageTitle\" | translate }}</ion-title>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content [fullscreen]=\"true\" class=\"auth-page\">\r\n  <div fxLayout=\"column\" fxLayoutAlign=\"center center\" id=\"register-page-wrapper\">\r\n\r\n    <div *ngIf=\"logoUrl\" class=\"authui-logo\">\r\n      <img [@animate]=\"{ value: '*', params: { x: '50px' } }\" [src]=\"logoUrl\" alt=\"logo\">\r\n    </div>\r\n\r\n    <mal-authui-register (onSuccess)=\"doSuccess()\" (onLoginRequested)=\"doLoginRequested()\">\r\n    </mal-authui-register>\r\n\r\n  </div>\r\n</ion-content>",
-                animations: NgxAuthFirebaseuiAnimations,
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthRegisterPage.ctorParameters = () => [
-    { type: UiService },
-    { type: FirebaseService },
-    { type: ActivatedRoute },
-    { type: NavController },
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] }
-];
-
-class AuthSignInPage {
-    constructor(activatedRoute, aps, navController, ui, fire, config) {
-        this.activatedRoute = activatedRoute;
-        this.aps = aps;
-        this.navController = navController;
-        this.ui = ui;
-        this.fire = fire;
-        this.config = config;
-        this.logoUrl = this.config.authUi.logoUrl;
-    }
-    ngOnInit() {
-        this.fire.setScreenName('signin', 'AuthSignInPage');
-    }
-    doSuccess(e) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const redirectUrl = this.activatedRoute.snapshot.queryParamMap.get('redirectUrl');
-            const forOperation = this.activatedRoute.snapshot.queryParamMap.get('forOperation');
-            if (redirectUrl) {
-                // Ridirect to page on SignIn
-                this.fire.addLogMessage(`Redirecting logged in user to> ${redirectUrl}`);
-                yield this.navController.navigateRoot(redirectUrl);
-            }
-            else {
-                try {
-                    switch (forOperation) {
-                        case 'deleteUser':
-                            if (yield this.ui.yesNoAlert('auth.user.message.confirmDelete', { interpolateParams: { userName: (_a = this.aps.user) === null || _a === void 0 ? void 0 : _a.displayName } })) {
-                                yield this.aps.deleteUser();
-                            }
-                            break;
-                        case undefined:
-                        case null:
-                            break;
-                        default:
-                            throw new Error(`Unknown forOperation: ${forOperation}`);
-                    }
-                }
-                catch (error) {
-                    this.ui.logError(error);
-                }
-                finally {
-                    yield this.navController.navigateRoot(this.config.authUi.authGuardLoggedInURL);
-                }
-            }
-        });
-    }
-    doCreateAccountRequested() {
-        try {
-            return this.navController.navigateRoot(['/auth', 'register'], { queryParams: { redirectUrl: this.activatedRoute.snapshot.queryParamMap.get('redirectUrl') } });
-        }
-        catch (error) {
-            this.ui.logError(error);
-        }
-    }
-}
-AuthSignInPage.decorators = [
-    { type: Component, args: [{
-                template: "<ion-header>\r\n  <ion-toolbar class=\"box-shadow\" color=\"toolbar\">\r\n    <ion-buttons slot=\"start\">\r\n      <ion-back-button defaultHref=\"/\"></ion-back-button>\r\n    </ion-buttons>\r\n    <ion-title id=\"auth_signin_title\">{{ \"auth.signIn.pageTitle\" | translate }}</ion-title>\r\n  </ion-toolbar>\r\n</ion-header>\r\n\r\n<ion-content [fullscreen]=\"true\" class=\"auth-page\">\r\n  <div fxLayout=\"column\" fxLayoutAlign=\"center center\" id=\"register-wrapper\" class=\"authui-wrapper\">\r\n\r\n    <div *ngIf=\"logoUrl\" class=\"authui-logo\">\r\n      <img [@animate]=\"{ value: '*', params: { x: '50px' } }\" [src]=\"logoUrl\" alt=\"logo\">\r\n    </div>\r\n\r\n    <mal-authui-signin (onCreateAccountRequested)=\"doCreateAccountRequested()\" (onSuccess)=\"doSuccess($event)\"\r\n                       [providers]=\"['google', 'apple', 'facebook']\"></mal-authui-signin>\r\n\r\n  </div>\r\n</ion-content>",
-                animations: NgxAuthFirebaseuiAnimations,
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthSignInPage.ctorParameters = () => [
-    { type: ActivatedRoute },
-    { type: AuthProcessService },
-    { type: NavController },
-    { type: UiService },
-    { type: FirebaseService },
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] }
-];
-
-class AuthUserPage {
-    constructor() { }
-}
-AuthUserPage.decorators = [
-    { type: Component, args: [{
-                template: "<!-- Header -->\r\n<ion-header>\r\n  <ion-toolbar class=\"box-shadow\">\r\n    <ion-buttons slot=\"start\">\r\n      <ion-back-button defaultHref=\"/\"></ion-back-button>\r\n    </ion-buttons>\r\n    <ion-title class=\"ion-text-uppercase\">{{ \"auth.user.title\" | translate }}</ion-title>\r\n  </ion-toolbar>\r\n</ion-header>\r\n<!-- Content -->\r\n<ion-content>\r\n  <mal-authui-user></mal-authui-user>\r\n</ion-content>"
-            },] }
-];
-AuthUserPage.ctorParameters = () => [];
-
-class AuthVerifyEmailPage {
-    constructor(ui, fire, aps, route, navCtrl, config) {
-        var _a;
-        this.ui = ui;
-        this.fire = fire;
-        this.aps = aps;
-        this.route = route;
-        this.navCtrl = navCtrl;
-        this.config = config;
-        this.backgroundClass = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.authUi.verifyEmailBackground) || '';
-        this.destroy$ = new Subject();
-    }
-    ngOnInit() {
-        this.fire.setScreenName('verifyemail', 'VerifyEmailPage');
-        this.aps.user$.pipe(takeUntil(this.destroy$)).subscribe(user => {
-            try {
-                if (user && user.emailVerified) {
-                    this.doRetry();
-                }
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        });
-        this.aps.onSignOutEmitter.pipe(takeUntil(this.destroy$)).subscribe(() => {
-            try {
-                this.navCtrl.navigateRoot(this.config.authUi.authGuardFallbackURL || '/');
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        });
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    doRetry() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                yield this.aps.reloadUserInfo();
-                const redirect = this.route.snapshot.queryParamMap.get('redirectUrl');
-                this.navCtrl.navigateRoot(redirect);
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        });
-    }
-    doResendVerification() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                yield this.aps.sendNewVerificationEmail();
-                yield this.ui.toast('auth.emailConfirmation.onConfirmationSuccess');
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        });
-    }
-}
-AuthVerifyEmailPage.decorators = [
-    { type: Component, args: [{
-                template: "<ion-header>\n  <ion-toolbar color=\"toolbar\">\n    <ion-title>\n      {{ \"auth.emailConfirmation.pageTitle\" | translate }}\n    </ion-title>\n    <ion-buttons slot=\"start\">\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <mal-auth-avatar></mal-auth-avatar>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content [fullscreen]=\"true\" [class]=\"backgroundClass\">\n  <div class=\"message-area\">\n    <h2>{{ \"auth.emailConfirmation.title\" | translate }}</h2>\n    <ion-text [innerHtml]=\"'auth.emailConfirmation.bodyHtml' | translate\"></ion-text>\n    <div class=\"resend-confirmation\">\n      <a (click)=\"doResendVerification()\">{{ \"auth.emailConfirmation.sendNewVerificationEmail\" | translate }}</a>\n    </div>\n    <ion-button expand=\"block\" (click)=\"doRetry()\">{{ \"auth.emailConfirmation.refreshStatus\" | translate }}</ion-button>\n  </div>\n</ion-content>",
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthVerifyEmailPage.ctorParameters = () => [
-    { type: UiService },
-    { type: FirebaseService },
-    { type: AuthProcessService },
-    { type: ActivatedRoute },
-    { type: NavController },
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] }
-];
-
-// Angular & Inionc
-class AuthUITermsFieldComponent {
-    // tslint:disable-next-line @typescript-eslint/ban-types
-    constructor(config, aps, ui) {
-        this.config = config;
-        this.aps = aps;
-        this.ui = ui;
-        this.termsForm = new FormGroup({
-            tos: new FormControl(true, []),
-            privacyPolicy: new FormControl(true, [])
-        });
-        // Config
-        this.tosUrl = this.config.authUi.tosUrl;
-        this.privacyPolicyUrl = this.config.authUi.privacyPolicyUrl;
-        // Private
-        this.destroy$ = new Subject();
-        this.propogateChange = (val) => { };
-        this.propogateTouch = () => { };
-        this.propogateValidationChange = () => { };
-        this.termsForm.statusChanges
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(_ => {
-            try {
-                this.propogateValidationChange();
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        });
-    }
-    set value(val) {
-        if (val) {
-            this.termsForm.patchValue({
-                tos: val,
-                privacyPolicy: val
-            });
-        }
-        else {
-            this.termsForm.reset();
-        }
-    }
-    get value() {
-        return this.termsForm.controls.tos.value && this.termsForm.controls.privacyPolicy.value;
-    }
-    // Form Accessor functions
-    registerOnChange(fn) { this.propogateChange = fn; }
-    registerOnTouched(fn) { this.propogateTouch = fn; }
-    registerOnValidatorChange(fn) { this.propogateValidationChange = fn; }
-    writeValue(val) { this.value = val; }
-    validate(control) {
-        if (this.termsForm.controls.tos.errors || this.termsForm.controls.privacyPolicy.errors) {
-            return Object.assign(this.termsForm.controls.tos.errors || {}, this.termsForm.controls.privacyPolicy.errors || {});
-        }
-        else {
-            return null;
-        }
-    }
-    ngOnInit() {
-        // If tos or privacy policy url set, ensure that the two form items are required
-        if (this.config.authUi.tosUrl) {
-            this.termsForm.controls.tos.setValidators(Validators.requiredTrue);
-        }
-        if (this.config.authUi.privacyPolicyUrl) {
-            this.termsForm.controls.privacyPolicy.setValidators(Validators.requiredTrue);
-        }
-        this.termsForm.updateValueAndValidity();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-}
-AuthUITermsFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-terms-field',
-                template: "<form [formGroup]=\"termsForm\">\n  <ion-grid class=\"terms\">\n    <ion-row *ngIf=\"this.tosUrl\">\n      <ion-col size=\"2\">\n        <ion-checkbox color=\"primary\" attr.aria-label=\"{{ 'auth.legal.readAndAccept' | translate }} {{ 'auth.legal.termsAndConditions'\n                          | translate }}\" formControlName=\"tos\"> </ion-checkbox>\n      </ion-col>\n      <ion-col>\n        <ion-text color=\"text\"> {{ \"auth.legal.readAndAccept\" | translate }}</ion-text>\n        <a target=\"_blank\" [href]=\"this.tosUrl\">\n          {{ \"auth.legal.termsAndConditions\" | translate }}\n        </a>\n      </ion-col>\n    </ion-row>\n    <ion-row *ngIf=\"this.privacyPolicyUrl\">\n      <ion-col size=\"2\">\n        <ion-checkbox color=\"primary\" attr.aria-label=\"{{ 'auth.legal.readAndAccept' | translate }} {{ 'auth.legal.privacyPolicy'\n            | translate }}\" formControlName=\"privacyPolicy\"></ion-checkbox>\n      </ion-col>\n      <ion-col>\n        <ion-text color=\"text\">{{ \"auth.legal.readAndAccept\" | translate }}</ion-text>\n        <a target=\"_blank\" [href]=\"this.privacyPolicyUrl\">\n          {{ \"auth.legal.privacyPolicy\" | translate }}\n        </a>\n      </ion-col>\n    </ion-row>\n  </ion-grid>\n</form>",
-                providers: [
-                    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => AuthUITermsFieldComponent), multi: true },
-                    { provide: NG_VALIDATORS, useExisting: AuthUITermsFieldComponent, multi: true }
-                ],
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUITermsFieldComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] },
-    { type: AuthProcessService },
-    { type: UiService }
-];
-AuthUITermsFieldComponent.propDecorators = {
-    value: [{ type: Input }]
-};
-
-class AuthUIRegisterWithEmailComponent {
-    // tslint:disable-next-line @typescript-eslint/ban-types
-    constructor(config, aps, ui, changeDetectorRef) {
-        this.config = config;
-        this.aps = aps;
-        this.ui = ui;
-        this.changeDetectorRef = changeDetectorRef;
-        this.createAccountClick = new EventEmitter();
-        this.registerForm = new FormGroup({
-            name: new FormControl('', [Validators.required]),
-            email: new FormControl('', [Validators.required]),
-            password: new FormControl('', [Validators.required]),
-            terms: new FormControl(true, []),
-        });
-        // Prevent somebody already logged in as guest - relogging in as gyest
-        this.guestEnabled$ = this.aps.canSignInAsGuest$;
-        // Private
-        this.destroy$ = new Subject();
-    }
-    ngAfterViewInit() {
-        this.changeDetectorRef.detectChanges();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    doCreateAccount() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.createAccountClick.emit(this.registerForm.value);
-        });
-    }
-}
-AuthUIRegisterWithEmailComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mal-authui-register-with-email',
-                template: "<form [@animate]=\"{value:'*',params:{duration:'300ms',y:'100px'}}\"\n      [formGroup]=\"registerForm\"\n      novalidate>\n\n  <mal-authui-name-field formControlName=\"name\"\n                         [@animate]=\"{ value: '*', params: { x: '50px' } }\">\n  </mal-authui-name-field>\n\n  <mal-authui-email-field formControlName=\"email\"\n                          [@animate]=\"{ value: '*', params: { x: '50px' } }\">\n  </mal-authui-email-field>\n\n  <mal-authui-password-field formControlName=\"password\"\n                             [forUpdate]=\"true\"\n                             [@animate]=\"{ value: '*', params: { x: '50px' } }\">\n  </mal-authui-password-field>\n\n  <mal-authui-terms-field formControlName=\"terms\"\n                          [@animate]=\"{ value: '*', params: { x: '50px' } }\">\n  </mal-authui-terms-field>\n\n  <ion-button (click)=\"doCreateAccount()\"\n              color=\"primary\"\n              [disabled]=\"registerForm.invalid\"\n              aria-label=\"CREATE AN ACCOUNT\"\n              class=\"authui-submit-button\"\n              id=\"createAccountButton\">\n    {{ \"auth.register.createAccountButton\" | translate }}\n  </ion-button>\n\n</form>",
-                encapsulation: ViewEncapsulation.None,
-                animations: NgxAuthFirebaseuiAnimations,
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUIRegisterWithEmailComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [forwardRef(() => MalSharedConfigToken),] }] },
-    { type: AuthProcessService },
-    { type: UiService },
-    { type: ChangeDetectorRef }
-];
-AuthUIRegisterWithEmailComponent.propDecorators = {
-    createAccountClick: [{ type: Output }]
-};
-
-// Angular & Inionc
-class AuthUIRegisterWithEmailPopoverComponent {
-    constructor(popoverController) {
-        this.popoverController = popoverController;
-    }
-    doCreateAccountClick(data) {
-        this.popoverController.dismiss(data);
-    }
-}
-AuthUIRegisterWithEmailPopoverComponent.decorators = [
-    { type: Component, args: [{
-                template: "<div class=\"email-popover-outer\">\n    <div class=\"email-popover-inner\">\n        <mal-authui-register-with-email (createAccountClick)=\"doCreateAccountClick($event)\">\n        </mal-authui-register-with-email>\n    </div>\n</div>",
-                encapsulation: ViewEncapsulation.None,
-                animations: NgxAuthFirebaseuiAnimations,
-                styles: ["div.authui-logo{margin:32px auto;width:30%}div.authui-logo img{display:block;max-width:120px;border-radius:20px;margin-left:auto;margin-right:auto}div.authui-title{font-size:20px;margin:16px 0}div.authui-alternate-action{margin:32px auto 24px;font-weight:500}div.authui-alternate-action .text{margin-right:8px}ion-content.auth-page{--background:var(--auth-pages-background,--background)}div.resend-confirmation{margin:24px 0;font-size:.9em;text-align:center}ion-button.authui-provider-button{width:220px;margin:8px auto;display:block;text-align:center;--background:var(--auth-provider-background-color,#fff)}@media screen and (max-width:599px){ion-button.authui-provider-button{width:100%}}ion-button.authui-submit-button{width:220px;margin:16px auto;display:block}@media screen and (max-width:599px){ion-button.authui-submit-button{width:100%}}ion-grid.terms{width:100%;margin:24px 0;text-align:left;font-size:.9em}ion-grid.terms ion-col ion-row a{font-size:16px;margin-left:4px}div.forgot-password{margin:24px 0;font-size:.9em}@media (prefers-color-scheme:dark){a{color:#fff}}div.auth-ui-form{width:384px;max-width:384px;padding:32px;text-align:center;flex:1 0 auto}@media screen and (max-width:599px){div.auth-ui-form{padding:24px;width:100%}}div.auth-ui-form form{width:100%;text-align:left}div.authui-wrapper{width:100%;background-size:cover;flex:1 0 auto;padding:32px}@media screen and (max-width:599px){div.authui-wrapper{padding:16px}}button.confirm:disabled{color:grey}div.email-popover-outer{width:100%}div.email-popover-outer div.email-popover-inner{padding:10%}"]
-            },] }
-];
-AuthUIRegisterWithEmailPopoverComponent.ctorParameters = () => [
-    { type: PopoverController }
-];
-
-var registerWithEmailPopover_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AuthUIRegisterWithEmailPopoverComponent: AuthUIRegisterWithEmailPopoverComponent
-});
-
-// @angular/*
-const COMPONENTS = [
-    AuthUIUserComponent,
-    EmailConfirmationComponent,
-    AuthUISignInComponent,
-    AuthUIRegisterComponent,
-    AuthUIReauthenticateComponent,
-    AuthSignInPage,
-    AuthRegisterPage,
-    AuthUserPage,
-    AuthVerifyEmailPage,
-    AuthUIPasswordFieldComponent,
-    AuthUIEmailFieldComponent,
-    AuthUINameFieldComponent,
-    AuthUIFormFieldComponent,
-    AuthUITermsFieldComponent,
-    AuthUIRegisterWithEmailComponent,
-    AuthUIRegisterWithEmailPopoverComponent,
-    AuthUIOrDividerComponent,
-    AuthProvidersComponent
-];
-const IONIC_AUTH_UI_ROUTER_CONFIG = [
-    { path: 'signin', component: AuthSignInPage },
-    { path: 'register', component: AuthRegisterPage },
-    { path: 'user', component: AuthUserPage },
-    { path: 'verify', component: AuthVerifyEmailPage },
-    { path: '', pathMatch: 'full', redirectTo: 'signin' }
-];
-class MalIonicAuthUiModule {
-}
-MalIonicAuthUiModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    MalSharedModule,
-                    MalIonicModule,
-                    IonicModule,
-                    CommonModule,
-                    TooltipsModule,
-                    HttpClientModule,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    FlexLayoutModule,
-                ],
-                exports: [
-                    ...COMPONENTS,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    FlexLayoutModule,
-                    IonicModule
-                ],
-                declarations: COMPONENTS,
-                entryComponents: [
-                    AuthUIUserComponent
-                ]
-            },] }
-];
-// Guards
-// Components
-// services
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AuthProvidersComponent, AuthRegisterPage, AuthSignInPage, AuthUIEmailFieldComponent, AuthUIFormFieldComponent, AuthUINameFieldComponent, AuthUIOrDividerComponent, AuthUIPasswordFieldComponent, AuthUIReauthenticateComponent, AuthUIRegisterComponent, AuthUISignInComponent, AuthUIUserComponent, AuthUserPage, AuthVerifyEmailPage, EmailConfirmationComponent, IONIC_AUTH_UI_ROUTER_CONFIG, Layout, MalIonicAuthUiModule, NgxAuthFirebaseuiAnimations, AuthSignInPage as ɵa, AuthRegisterPage as ɵb, AuthUserPage as ɵc, AuthVerifyEmailPage as ɵd, AuthUIUserComponent as ɵe, EmailConfirmationComponent as ɵf, AuthUISignInComponent as ɵg, AuthUIRegisterComponent as ɵh, AuthUIReauthenticateComponent as ɵi, AuthUIPasswordFieldComponent as ɵj, AuthUIEmailFieldComponent as ɵk, AuthUINameFieldComponent as ɵl, AuthUIFormFieldComponent as ɵm, AuthUITermsFieldComponent as ɵn, AuthUIRegisterWithEmailComponent as ɵo, AuthUIRegisterWithEmailPopoverComponent as ɵp, AuthUIOrDividerComponent as ɵq, AuthProvidersComponent as ɵr };
-//# sourceMappingURL=ngx-firebase-ionic-auth-ui.js.map