ngx-firebase 1.1.12 → 22.0.0

package/bundles/ngx-firebase-ionic-auth-ui.umd.js

@@ -1,2116 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ionic/angular'), require('ngx-firebase'), require('@angular/forms'), require('ngx-firebase/ionic'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/router'), require('@angular/common/http'), require('@angular/common'), require('ionic4-tooltips'), require('@angular/flex-layout')) :
-    typeof define === 'function' && define.amd ? define('ngx-firebase/ionic-auth-ui', ['exports', '@angular/core', '@ionic/angular', 'ngx-firebase', '@angular/forms', 'ngx-firebase/ionic', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/router', '@angular/common/http', '@angular/common', 'ionic4-tooltips', '@angular/flex-layout'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ngx-firebase'] = global['ngx-firebase'] || {}, global['ngx-firebase']['ionic-auth-ui'] = {}), global.ng.core, global.ionic.angular, global['ngx-firebase'], global.ng.forms, global['ngx-firebase'].ionic, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.router, global.ng.common.http, global.ng.common, global['ionic4-tooltips'], global.ng.flexLayout));
-}(this, (function (exports, core, angular, ngxFirebase, forms, ionic, animations, rxjs, operators, router, http, common, ionic4Tooltips, flexLayout) { 'use strict';
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
-    }
-
-    var EmailConfirmationComponent = /** @class */ (function () {
-        function EmailConfirmationComponent(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 core.EventEmitter();
-            // Context hash to use for verifyEmailTemplate.
-            this.verifyEmailContext = this.createTemplateContext();
-            this.isLoading = false;
-        }
-        EmailConfirmationComponent.prototype.ngOnChanges = function (changes) {
-            if (changes.verifyEmailTemplate && changes.verifyEmailTemplate.currentValue == null) {
-                this.verifyEmailTemplate = this.defaultTemplate;
-                // console.log('ngOnChanges - defaultTemplate:', this.verifyEmailTemplate);
-            }
-            this.verifyEmailContext = this.createTemplateContext();
-        };
-        EmailConfirmationComponent.prototype.ngOnInit = function () {
-            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);
-        };
-        EmailConfirmationComponent.prototype.continue = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var error_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 3, , 4]);
-                            return [4 /*yield*/, this.aps.reloadUserInfo()];
-                        case 1:
-                            _a.sent();
-                            return [4 /*yield*/, this.navController.navigateBack([this.goBackURL])];
-                        case 2:
-                            _a.sent();
-                            return [3 /*break*/, 4];
-                        case 3:
-                            error_1 = _a.sent();
-                            this.notifyError(error_1);
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        EmailConfirmationComponent.prototype.sendNewVerificationEmail = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var error_2;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, 3, 4]);
-                            this.isLoading = true;
-                            this.changeDetectorRef.markForCheck();
-                            return [4 /*yield*/, this.aps.sendNewVerificationEmail()];
-                        case 1:
-                            _a.sent();
-                            this.ui.toast('auth.emailConfirmation.onConfirmationSuccess');
-                            return [3 /*break*/, 4];
-                        case 2:
-                            error_2 = _a.sent();
-                            this.notifyError(error_2);
-                            return [3 /*break*/, 4];
-                        case 3:
-                            this.isLoading = false;
-                            this.changeDetectorRef.markForCheck();
-                            return [7 /*endfinally*/];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        EmailConfirmationComponent.prototype.createTemplateContext = function () {
-            return {
-                email: this.email,
-                goBackURL: this.goBackURL,
-            };
-        };
-        EmailConfirmationComponent.prototype.notifyError = function (error) {
-            this.fire.recordException(error);
-            if (this.config.authUi.toastMessageOnAuthError) {
-                var message = error.toString() || 'Sorry, something went wrong. Please retry later.';
-                this.ui.toast(message, { duration: this.config.authUi.toastDefaultDurationMil });
-            }
-        };
-        return EmailConfirmationComponent;
-    }());
-    EmailConfirmationComponent.decorators = [
-        { type: core.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: core.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 = function () { return [
-        { type: ngxFirebase.AuthProcessService },
-        { type: core.ChangeDetectorRef },
-        { type: angular.NavController },
-        { type: ngxFirebase.FirebaseService },
-        { type: ngxFirebase.UiService },
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] }
-    ]; };
-    EmailConfirmationComponent.propDecorators = {
-        email: [{ type: core.Input }],
-        goBackURL: [{ type: core.Input }],
-        template: [{ type: core.Input }],
-        signOut: [{ type: core.Output }],
-        defaultTemplate: [{ type: core.ViewChild, args: ['defaultVerifyEmail', { static: true },] }]
-    };
-
-    var customAnimation = animations.animation([
-        animations.style({
-            opacity: '{{opacity}}',
-            transform: 'scale({{scale}}) translate3d({{x}}, {{y}}, {{z}})'
-        }),
-        animations.animate('{{duration}} {{delay}} cubic-bezier(0.0, 0.0, 0.2, 1)', animations.style('*'))
-    ], {
-        params: {
-            duration: '200ms',
-            delay: '0ms',
-            opacity: '0',
-            scale: '1',
-            x: '0',
-            y: '0',
-            z: '0'
-        }
-    });
-    var NgxAuthFirebaseuiAnimations = [
-        animations.trigger('animate', [animations.transition('void => *', [animations.useAnimation(customAnimation)])]),
-        animations.trigger('animateStagger', [
-            animations.state('50', animations.style('*')),
-            animations.state('100', animations.style('*')),
-            animations.state('200', animations.style('*')),
-            animations.transition('void => 50', animations.query('@*', [animations.stagger('50ms', [animations.animateChild()])], { optional: true })),
-            animations.transition('void => 100', animations.query('@*', [animations.stagger('100ms', [animations.animateChild()])], { optional: true })),
-            animations.transition('void => 200', animations.query('@*', [animations.stagger('200ms', [animations.animateChild()])], { optional: true }))
-        ]),
-    ];
-
-    var AuthUISignInComponent = /** @class */ (function () {
-        function AuthUISignInComponent(
-        // 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 = ngxFirebase.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 core.EventEmitter();
-            this.onResetPasswordRequested = new core.EventEmitter();
-            // tslint:enable no-output-on-prefix
-            this.signInForm = new forms.FormGroup({
-                email: new forms.FormControl('', [forms.Validators.required]),
-                password: new forms.FormControl('', [forms.Validators.required])
-            });
-            this.authProviders = ngxFirebase.AuthProvider;
-        }
-        AuthUISignInComponent.prototype.signIn = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, , 2, 3]);
-                            this.changeDetectorRef.markForCheck();
-                            return [4 /*yield*/, this.aps.signInWith(ngxFirebase.AuthProvider.EmailAndPassword, {
-                                    credentials: {
-                                        email: this.signInForm.value.email,
-                                        password: this.signInForm.value.password
-                                    }
-                                })];
-                        case 1:
-                            _a.sent();
-                            return [3 /*break*/, 3];
-                        case 2:
-                            this.changeDetectorRef.markForCheck();
-                            return [7 /*endfinally*/];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AuthUISignInComponent.prototype.providerClick = function (provider) {
-            this.aps.signInWith(provider);
-        };
-        AuthUISignInComponent.prototype.ngAfterViewInit = function () {
-            this.changeDetectorRef.detectChanges();
-        };
-        AuthUISignInComponent.prototype.doPasswordReset = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (!this.signInForm.controls.email.invalid) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.alert.errorAlert('auth.resetPassword.errors.pattern')];
-                        case 1:
-                            _a.sent();
-                            return [3 /*break*/, 4];
-                        case 2: return [4 /*yield*/, this.aps.resetPassword(this.signInForm.value.email)];
-                        case 3:
-                            _a.sent();
-                            _a.label = 4;
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return AuthUISignInComponent;
-    }());
-    AuthUISignInComponent.decorators = [
-        { type: core.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: core.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 = function () { return [
-        { type: ngxFirebase.AuthProcessService },
-        { type: ionic.MalIonicAlertsService },
-        { type: core.ChangeDetectorRef },
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] }
-    ]; };
-    AuthUISignInComponent.propDecorators = {
-        providers: [{ type: core.Input }],
-        registrationEnabled: [{ type: core.Input }],
-        resetPasswordEnabled: [{ type: core.Input }],
-        tosUrl: [{ type: core.Input }],
-        privacyPolicyUrl: [{ type: core.Input }],
-        onSuccess: [{ type: core.Output }],
-        onError: [{ type: core.Output }],
-        onCreateAccountRequested: [{ type: core.Output }],
-        onResetPasswordRequested: [{ type: core.Output }]
-    };
-
-    function isCreateAccountFormData(x) {
-        return x && x.email && x.password;
-    }
-    var AuthUIRegisterComponent = /** @class */ (function () {
-        // tslint:disable-next-line @typescript-eslint/ban-types
-        function AuthUIRegisterComponent(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 = ngxFirebase.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 core.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 rxjs.Subject();
-        }
-        AuthUIRegisterComponent.prototype.ngAfterViewInit = function () {
-            this.changeDetectorRef.detectChanges();
-        };
-        AuthUIRegisterComponent.prototype.ngOnDestroy = function () {
-            this.destroy$.next();
-            this.destroy$.complete();
-        };
-        AuthUIRegisterComponent.prototype.doCreateAccount = function (data) {
-            return __awaiter(this, void 0, void 0, function () {
-                var error_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, 3, 4]);
-                            this.changeDetectorRef.markForCheck();
-                            return [4 /*yield*/, this.aps.registerWith(ngxFirebase.AuthProvider.EmailAndPassword, {
-                                    credentials: {
-                                        email: data.email,
-                                        password: data.password
-                                    },
-                                    displayName: data.name,
-                                    skipTosCheck: true
-                                })];
-                        case 1:
-                            _a.sent();
-                            return [3 /*break*/, 4];
-                        case 2:
-                            error_1 = _a.sent();
-                            this.ui.logError(error_1);
-                            return [3 /*break*/, 4];
-                        case 3:
-                            this.changeDetectorRef.markForCheck();
-                            return [7 /*endfinally*/];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AuthUIRegisterComponent.prototype.doRegisterAnonymously = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var error_2;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, 3, 4]);
-                            this.changeDetectorRef.markForCheck();
-                            return [4 /*yield*/, this.aps.signInWith(ngxFirebase.AuthProvider.ANONYMOUS)];
-                        case 1:
-                            _a.sent();
-                            return [3 /*break*/, 4];
-                        case 2:
-                            error_2 = _a.sent();
-                            this.ui.logError(error_2);
-                            return [3 /*break*/, 4];
-                        case 3:
-                            this.changeDetectorRef.markForCheck();
-                            return [7 /*endfinally*/];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AuthUIRegisterComponent.prototype.doRegisterWithEmailPopover = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var data, error_3;
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 4, , 5]);
-                            return [4 /*yield*/, new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                                    var AuthUIRegisterWithEmailPopoverComponent, popover, error_4;
-                                    return __generator(this, function (_a) {
-                                        switch (_a.label) {
-                                            case 0:
-                                                _a.trys.push([0, 4, , 5]);
-                                                return [4 /*yield*/, Promise.resolve().then(function () { return registerWithEmailPopover_component; })];
-                                            case 1:
-                                                AuthUIRegisterWithEmailPopoverComponent = (_a.sent()).AuthUIRegisterWithEmailPopoverComponent;
-                                                return [4 /*yield*/, this.popover.create({
-                                                        component: AuthUIRegisterWithEmailPopoverComponent,
-                                                        cssClass: ['wide-popover', 'dark-backdrop']
-                                                    })];
-                                            case 2:
-                                                popover = _a.sent();
-                                                popover.onDidDismiss().then(function (resp) {
-                                                    if (isCreateAccountFormData(resp === null || resp === void 0 ? void 0 : resp.data)) {
-                                                        resolve(resp.data);
-                                                    }
-                                                    else {
-                                                        resolve(null);
-                                                    }
-                                                });
-                                                return [4 /*yield*/, popover.present()];
-                                            case 3:
-                                                _a.sent();
-                                                return [3 /*break*/, 5];
-                                            case 4:
-                                                error_4 = _a.sent();
-                                                this.ui.logError(error_4);
-                                                reject(error_4);
-                                                return [3 /*break*/, 5];
-                                            case 5: return [2 /*return*/];
-                                        }
-                                    });
-                                }); })];
-                        case 1:
-                            data = _a.sent();
-                            if (!data) return [3 /*break*/, 3];
-                            return [4 /*yield*/, this.doCreateAccount(data)];
-                        case 2:
-                            _a.sent();
-                            _a.label = 3;
-                        case 3: return [3 /*break*/, 5];
-                        case 4:
-                            error_3 = _a.sent();
-                            this.ui.logError(error_3);
-                            return [3 /*break*/, 5];
-                        case 5: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AuthUIRegisterComponent.prototype.doProviderClick = function (provider) {
-            try {
-                this.aps.registerWith(provider);
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        };
-        return AuthUIRegisterComponent;
-    }());
-    AuthUIRegisterComponent.decorators = [
-        { type: core.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: core.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 = function () { return [
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] },
-        { type: ngxFirebase.AuthProcessService },
-        { type: ngxFirebase.UiService },
-        { type: angular.PopoverController },
-        { type: core.ChangeDetectorRef }
-    ]; };
-    AuthUIRegisterComponent.propDecorators = {
-        showEmail: [{ type: core.Input }],
-        providers: [{ type: core.Input }],
-        onSuccess: [{ type: core.Output }],
-        onError: [{ type: core.Output }],
-        onLoginRequested: [{ type: core.Output }]
-    };
-
-    var AuthUIUserComponent = /** @class */ (function () {
-        function AuthUIUserComponent(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 rxjs.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 rxjs.Subject();
-            this.userPhotoUrl$ = this.aps.getUserPhotoUrl();
-            this.user$ = this.aps.user$;
-            this.updateFormGroup = new forms.FormGroup({
-                name: new forms.FormControl('', [forms.Validators.required]),
-                email: new forms.FormControl('', [forms.Validators.required]),
-                phoneNumber: new forms.FormControl('', [forms.Validators.pattern(ngxFirebase.PHONE_NUMBER_REGEX)])
-            });
-        }
-        Object.defineProperty(AuthUIUserComponent.prototype, "editMode", {
-            get: function () { return this._editMode$.value; },
-            set: function (val) { this._editMode$.next(val); },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AuthUIUserComponent.prototype, "editMode$", {
-            get: function () { return this._editMode$.asObservable(); },
-            enumerable: false,
-            configurable: true
-        });
-        AuthUIUserComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.aps.user$
-                .pipe(operators.takeUntil(this.destroy$))
-                .subscribe(function (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(operators.takeUntil(this.destroy$))
-                .subscribe(function (editMode) {
-                if (editMode) {
-                    _this.updateFormGroup.enable();
-                }
-                else {
-                    _this.updateFormGroup.disable();
-                }
-            });
-            this.editMode = false;
-            this.updateFormGroup.disable();
-        };
-        AuthUIUserComponent.prototype.ngOnDestroy = function () {
-            this.destroy$.next();
-            this.destroy$.complete();
-        };
-        AuthUIUserComponent.prototype.changeEditMode = function () {
-            this.editMode = !this.editMode;
-        };
-        AuthUIUserComponent.prototype.dismiss = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            if (!(this.popoverController.getTop() !== null)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.popoverController.dismiss()];
-                        case 1:
-                            _b.sent();
-                            _b.label = 2;
-                        case 2: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AuthUIUserComponent.prototype.save = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var error_1;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            if (!this.updateFormGroup.dirty) return [3 /*break*/, 6];
-                            _b.label = 1;
-                        case 1:
-                            _b.trys.push([1, 3, , 4]);
-                            return [4 /*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,
-                                })];
-                        case 2:
-                            _b.sent();
-                            return [3 /*break*/, 4];
-                        case 3:
-                            error_1 = _b.sent();
-                            this.fire.recordException(error_1);
-                            this.ui.toast(error_1 && error_1.message ? error_1.message : error_1);
-                            return [3 /*break*/, 4];
-                        case 4: return [4 /*yield*/, this.dismiss()];
-                        case 5:
-                            _b.sent();
-                            return [3 /*break*/, 7];
-                        case 6:
-                            this.editMode = false;
-                            _b.label = 7;
-                        case 7: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AuthUIUserComponent.prototype.signOut = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var error_2;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _b.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, Promise.all([
-                                    this.aps.signOut(),
-                                    this.dismiss(),
-                                    this.navController.navigateRoot(this.config.authUi.authGuardFallbackURL)
-                                ])];
-                        case 1:
-                            _b.sent();
-                            return [3 /*break*/, 3];
-                        case 2:
-                            error_2 = _b.sent();
-                            this.fire.recordException(error_2);
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        /**
-         * 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
-         *
-         */
-        AuthUIUserComponent.prototype.deleteAccount = function () {
-            var _a;
-            return __awaiter(this, void 0, void 0, function () {
-                var error_3;
-                var _this = this;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _b.trys.push([0, 5, , 10]);
-                            return [4 /*yield*/, this.ui.yesNoAlert('auth.user.message.confirmDelete', { defaultToNo: true, interpolateParams: { userName: (_a = this.aps.user) === null || _a === void 0 ? void 0 : _a.displayName } })];
-                        case 1:
-                            if (!_b.sent()) return [3 /*break*/, 4];
-                            return [4 /*yield*/, this.aps.deleteUser()];
-                        case 2:
-                            _b.sent();
-                            return [4 /*yield*/, Promise.all([
-                                    this.dismiss(),
-                                    this.ui.toast('auth.user.message.acountDeleted'),
-                                    this.navController.navigateRoot(this.config.authUi.authGuardFallbackURL)
-                                ])];
-                        case 3:
-                            _b.sent();
-                            _b.label = 4;
-                        case 4: return [3 /*break*/, 10];
-                        case 5:
-                            error_3 = _b.sent();
-                            if (!(error_3.code === ngxFirebase.FirebaseErrorCodes.requiresRecentLogin)) return [3 /*break*/, 7];
-                            // If we've failed due to lack of current credentials ask the user to reauthenticate and try again.
-                            return [4 /*yield*/, new Promise(function (resolve, reject) { return __awaiter(_this, void 0, void 0, function () {
-                                    var popover, _b, _c, _d;
-                                    var _this = this;
-                                    return __generator(this, function (_e) {
-                                        switch (_e.label) {
-                                            case 0:
-                                                _c = (_b = this.popoverController).create;
-                                                _d = {};
-                                                return [4 /*yield*/, Promise.resolve().then(function () { return reauthenticate_component; }).then(function (m) { return m.AuthUIReauthenticateComponent; })];
-                                            case 1: return [4 /*yield*/, _c.apply(_b, [(_d.component = _e.sent(),
-                                                        _d.componentProps = {
-                                                            message: error_3.message
-                                                        },
-                                                        _d.cssClass = 'wide-popover',
-                                                        _d)])];
-                                            case 2:
-                                                popover = _e.sent();
-                                                popover.onDidDismiss().then(function () { return __awaiter(_this, void 0, void 0, function () {
-                                                    var error_4;
-                                                    return __generator(this, function (_b) {
-                                                        switch (_b.label) {
-                                                            case 0:
-                                                                _b.trys.push([0, 3, , 5]);
-                                                                return [4 /*yield*/, this.aps.deleteUser()];
-                                                            case 1:
-                                                                _b.sent();
-                                                                return [4 /*yield*/, Promise.all([
-                                                                        this.dismiss(),
-                                                                        this.ui.toast('auth.user.message.acountDeleted'),
-                                                                        this.navController.navigateRoot(this.config.authUi.authGuardFallbackURL)
-                                                                    ])];
-                                                            case 2:
-                                                                _b.sent();
-                                                                return [3 /*break*/, 5];
-                                                            case 3:
-                                                                error_4 = _b.sent();
-                                                                return [4 /*yield*/, this.ui.toast('auth.user.message.acountDeleted', { interpolateParams: { error: error_4.message } })];
-                                                            case 4:
-                                                                _b.sent();
-                                                                return [3 /*break*/, 5];
-                                                            case 5:
-                                                                resolve();
-                                                                return [2 /*return*/];
-                                                        }
-                                                    });
-                                                }); });
-                                                return [4 /*yield*/, popover.present()];
-                                            case 3:
-                                                _e.sent();
-                                                return [2 /*return*/];
-                                        }
-                                    });
-                                }); })];
-                        case 6:
-                            // If we've failed due to lack of current credentials ask the user to reauthenticate and try again.
-                            _b.sent();
-                            return [3 /*break*/, 9];
-                        case 7:
-                            this.fire.recordException(error_3);
-                            return [4 /*yield*/, this.ui.toast('auth.user.message.acountDeleted', { interpolateParams: { error: error_3.message } })];
-                        case 8:
-                            _b.sent();
-                            _b.label = 9;
-                        case 9: return [3 /*break*/, 10];
-                        case 10: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return AuthUIUserComponent;
-    }());
-    AuthUIUserComponent.decorators = [
-        { type: core.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 = function () { return [
-        { type: ngxFirebase.AuthProcessService },
-        { type: ngxFirebase.UiService },
-        { type: angular.NavController },
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] },
-        { type: angular.PopoverController },
-        { type: ngxFirebase.FirebaseService }
-    ]; };
-    AuthUIUserComponent.propDecorators = {
-        editMode: [{ type: core.Input }],
-        onSignOut: [{ type: core.Output }],
-        onAccountEdited: [{ type: core.Output }],
-        onAccountDeleted: [{ type: core.Output }]
-    };
-
-    var AuthUIReauthenticateComponent = /** @class */ (function () {
-        function AuthUIReauthenticateComponent(
-        // 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 = ngxFirebase.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 core.EventEmitter();
-            this.onResetPasswordRequested = new core.EventEmitter();
-            // tslint:enable no-output-on-prefix
-            this.providers$ = this.aps.reauthenticateProviders$;
-            this.showPasswordProvider$ = this.providers$.pipe(operators.map(function (providers) { return providers.includes(ngxFirebase.AuthProvider.EmailAndPassword); }));
-            this.showDivider$ = this.providers$.pipe(operators.map(function (providers) { return providers.length > 1 && providers.includes(ngxFirebase.AuthProvider.EmailAndPassword); }));
-            this.message = '';
-            this.reauthForm = new forms.FormGroup({
-                password: new forms.FormControl(null, [forms.Validators.required])
-            });
-        }
-        AuthUIReauthenticateComponent.prototype.ngAfterViewInit = function () {
-            this.changeDetectorRef.detectChanges();
-        };
-        AuthUIReauthenticateComponent.prototype.dismiss = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            if (!(this.popoverController.getTop() !== null)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.popoverController.dismiss()];
-                        case 1:
-                            _b.sent();
-                            _b.label = 2;
-                        case 2: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AuthUIReauthenticateComponent.prototype.doReauthenticateWithPassword = function () {
-            var _a;
-            return __awaiter(this, void 0, void 0, function () {
-                var error_1;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _b.trys.push([0, 2, 3, 5]);
-                            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');
-                            }
-                            return [4 /*yield*/, this.aps.reauthenicateWithProvider(ngxFirebase.AuthProvider.EmailAndPassword, { credentials: { email: this.aps.user.email, password: this.reauthForm.value.password } })];
-                        case 1:
-                            _b.sent();
-                            return [3 /*break*/, 5];
-                        case 2:
-                            error_1 = _b.sent();
-                            this.ui.logError(error_1);
-                            return [3 /*break*/, 5];
-                        case 3: return [4 /*yield*/, this.dismiss()];
-                        case 4:
-                            _b.sent();
-                            return [7 /*endfinally*/];
-                        case 5: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AuthUIReauthenticateComponent.prototype.doProviderClick = function (provider) {
-            try {
-                this.aps.reauthenicateWithProvider(provider);
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        };
-        return AuthUIReauthenticateComponent;
-    }());
-    AuthUIReauthenticateComponent.decorators = [
-        { type: core.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: core.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 = function () { return [
-        { type: ngxFirebase.AuthProcessService },
-        { type: ngxFirebase.UiService },
-        { type: core.ChangeDetectorRef },
-        { type: angular.PopoverController }
-    ]; };
-    AuthUIReauthenticateComponent.propDecorators = {
-        logoUrl: [{ type: core.Input }],
-        providers: [{ type: core.Input }],
-        registrationEnabled: [{ type: core.Input }],
-        resetPasswordEnabled: [{ type: core.Input }],
-        tosUrl: [{ type: core.Input }],
-        privacyPolicyUrl: [{ type: core.Input }],
-        onSuccess: [{ type: core.Output }],
-        onError: [{ type: core.Output }],
-        onCreateAccountRequested: [{ type: core.Output }],
-        onResetPasswordRequested: [{ type: core.Output }]
-    };
-
-    var reauthenticate_component = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        AuthUIReauthenticateComponent: AuthUIReauthenticateComponent
-    });
-
-    exports.Layout = void 0;
-    (function (Layout) {
-        Layout["ROW"] = "row";
-        Layout["COLUMN"] = "column";
-    })(exports.Layout || (exports.Layout = {}));
-    var displayProviders = {
-        google: { name: ngxFirebase.AuthProvider.Google, icon: 'logo-google', label: 'Google' },
-        apple: { name: ngxFirebase.AuthProvider.Apple, icon: 'logo-apple', label: 'Apple' },
-        facebook: { name: ngxFirebase.AuthProvider.Facebook, icon: 'logo-facebook', label: 'Facebook' },
-        twitter: { name: ngxFirebase.AuthProvider.Twitter, icon: 'logo-twitter', label: 'Twitter' },
-        github: { name: ngxFirebase.AuthProvider.Github, icon: 'logo-github', label: 'GitHub' },
-        microsoft: { name: ngxFirebase.AuthProvider.Microsoft, label: 'Microsoft' },
-        yahoo: { name: ngxFirebase.AuthProvider.Yahoo, icon: 'logo-yahoo', label: 'Yahoo' }
-    };
-    var AuthProvidersComponent = /** @class */ (function () {
-        function AuthProvidersComponent(aps, ui, config) {
-            var _this = this;
-            this.aps = aps;
-            this.ui = ui;
-            this.config = config;
-            this.layout = exports.Layout.ROW;
-            this.providers$ = new rxjs.BehaviorSubject(ngxFirebase.AuthProvider.ALL);
-            this.providerClick = new core.EventEmitter();
-            this.displayProviders$ = this.providers$.pipe(
-            // Filter for those in config
-            operators.map(function (providerOrArray) {
-                if (providerOrArray === ngxFirebase.AuthProvider.ALL) {
-                    providerOrArray = _this.config.authUi.supportedProviders;
-                }
-                var providers = Array.isArray(providerOrArray) ? providerOrArray : [providerOrArray];
-                return providers.filter(function (item) { return _this.providers === ngxFirebase.AuthProvider.ALL || _this.providers.includes(item); });
-            }), 
-            // Filter for those valid on platform
-            operators.switchMap(function (providers) { return __awaiter(_this, void 0, void 0, function () {
-                var providerFilter;
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, Promise.all(providers.map(function (item) { return _this.aps.isProviderSupported(item); }))];
-                        case 1:
-                            providerFilter = _a.sent();
-                            return [2 /*return*/, providers.filter(function (_item, index) { return providerFilter[index]; })];
-                    }
-                });
-            }); }), 
-            // Map to display type
-            operators.map(function (providers) { return providers.map(function (item) { return displayProviders[item]; }); }), operators.catchError(function (error) {
-                _this.ui.logError(error);
-                return rxjs.of([]);
-            }));
-        }
-        Object.defineProperty(AuthProvidersComponent.prototype, "providers", {
-            get: function () { return this.providers$.value; },
-            set: function (val) { this.providers$.next(val); },
-            enumerable: false,
-            configurable: true
-        });
-        return AuthProvidersComponent;
-    }());
-    AuthProvidersComponent.decorators = [
-        { type: core.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 = function () { return [
-        { type: ngxFirebase.AuthProcessService },
-        { type: ngxFirebase.UiService },
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] }
-    ]; };
-    AuthProvidersComponent.propDecorators = {
-        layout: [{ type: core.Input }],
-        providers: [{ type: core.Input }],
-        providerClick: [{ type: core.Output }]
-    };
-
-    var AuthUIEmailFieldComponent = /** @class */ (function (_super) {
-        __extends(AuthUIEmailFieldComponent, _super);
-        function AuthUIEmailFieldComponent(injector, cdRef) {
-            var _this = _super.call(this, injector, cdRef) || this;
-            _this.control = new forms.FormControl('', [forms.Validators.email]);
-            return _this;
-        }
-        return AuthUIEmailFieldComponent;
-    }(ngxFirebase.ValueAccessorControlComponent));
-    AuthUIEmailFieldComponent.decorators = [
-        { type: core.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: forms.NG_VALUE_ACCESSOR, useExisting: core.forwardRef(function () { return AuthUIEmailFieldComponent; }), multi: true },
-                        { provide: forms.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 = function () { return [
-        { type: core.Injector },
-        { type: core.ChangeDetectorRef }
-    ]; };
-
-    var AuthUIFormFieldComponent = /** @class */ (function () {
-        function AuthUIFormFieldComponent(ui) {
-            var _this = this;
-            this.ui = ui;
-            this.label = '';
-            this.control$ = new rxjs.BehaviorSubject(undefined);
-            this.errors$ = this.control$.pipe(operators.switchMap(function (control) { return (control && control.statusChanges)
-                ? control.statusChanges.pipe(operators.startWith(control.errors), operators.map(function (_) { return _this.errorMessageFn(control.errors); }))
-                : rxjs.of([]); }), operators.catchError(function (error) {
-                _this.ui.logError(error);
-                return rxjs.of([error.message]);
-            }));
-            this.isValid$ = this.control$.pipe(operators.switchMap(function (control) { return (control && control.statusChanges)
-                ? control.statusChanges.pipe(operators.startWith(control.valid), operators.map(function () { return control.valid || false; }))
-                : rxjs.of(true); }));
-            this.isDisabled$ = this.control$.pipe(operators.switchMap(function (control) { return (control && control.statusChanges)
-                ? control.statusChanges.pipe(operators.startWith(control.disabled), operators.map(function () { return control.disabled || false; }))
-                : rxjs.of(true); }));
-            this.errorMessageFn = this.flattenErrors.bind(this);
-            this.translateParams = {};
-        }
-        Object.defineProperty(AuthUIFormFieldComponent.prototype, "control", {
-            get: function () { return this.control$.value; },
-            set: function (val) { this.control$.next(val); },
-            enumerable: false,
-            configurable: true
-        });
-        AuthUIFormFieldComponent.prototype.flattenErrors = function (errors) {
-            var _this = this;
-            if (errors) {
-                if (this.customErrors || this.errorPrefix) {
-                    return Object.keys(errors)
-                        .map(function (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(function (item) { return !!item; }) || [];
-                }
-                else if (this.errorMessage) {
-                    return [this.errorMessage];
-                }
-                else {
-                    return [];
-                }
-            }
-            else {
-                return [];
-            }
-        };
-        return AuthUIFormFieldComponent;
-    }());
-    AuthUIFormFieldComponent.decorators = [
-        { type: core.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 = function () { return [
-        { type: ngxFirebase.UiService }
-    ]; };
-    AuthUIFormFieldComponent.propDecorators = {
-        label: [{ type: core.Input }],
-        control: [{ type: core.Input }],
-        errorMessage: [{ type: core.Input }],
-        errorMessageFn: [{ type: core.Input }],
-        errorPrefix: [{ type: core.Input }],
-        customErrors: [{ type: core.Input }],
-        translateParams: [{ type: core.Input }],
-        icon: [{ type: core.Input }],
-        hintEnd: [{ type: core.Input }]
-    };
-
-    var AuthUINameFieldComponent = /** @class */ (function (_super) {
-        __extends(AuthUINameFieldComponent, _super);
-        function AuthUINameFieldComponent(config, injector, cdRef) {
-            var _this = _super.call(this, injector, cdRef) || this;
-            _this.config = config;
-            _this.control = new forms.FormControl('', [
-                forms.Validators.minLength(_this.config.authUi.nameMinLength),
-                forms.Validators.maxLength(_this.config.authUi.nameMaxLength)
-            ]);
-            return _this;
-        }
-        return AuthUINameFieldComponent;
-    }(ngxFirebase.ValueAccessorControlComponent));
-    AuthUINameFieldComponent.decorators = [
-        { type: core.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: forms.NG_VALUE_ACCESSOR, useExisting: core.forwardRef(function () { return AuthUINameFieldComponent; }), multi: true },
-                        { provide: forms.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 = function () { return [
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] },
-        { type: core.Injector },
-        { type: core.ChangeDetectorRef }
-    ]; };
-
-    var AuthUIOrDividerComponent = /** @class */ (function () {
-        function AuthUIOrDividerComponent() {
-        }
-        return AuthUIOrDividerComponent;
-    }());
-    AuthUIOrDividerComponent.decorators = [
-        { type: core.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 function (control) {
-            var 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;
-        }
-        var password = control.parent.get('password');
-        var 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 };
-    }
-
-    var AuthUIPasswordFieldComponent = /** @class */ (function () {
-        function AuthUIPasswordFieldComponent(config, injector, cdRef, ui) {
-            var _this = this;
-            this.config = config;
-            this.injector = injector;
-            this.cdRef = cdRef;
-            this.ui = ui;
-            // Validators are added by set validators function
-            this.form = new forms.FormGroup({
-                password: new forms.FormControl('', []),
-                passwordConfirm: new forms.FormControl('', [])
-            });
-            this.autocomplete = 'current-password';
-            this._forUpdate = false;
-            this.isDisabled = false;
-            this.destroy$ = new rxjs.Subject();
-            this.propogateChange = function (val) { };
-            this.propogateTouch = function () { };
-            this.propogateValidationChange = function () { };
-            this.setValidators();
-            this.form.controls.password.valueChanges
-                .pipe(operators.takeUntil(this.destroy$))
-                .subscribe(function (val) {
-                try {
-                    _this.form.controls.passwordConfirm.updateValueAndValidity();
-                    _this.propogateChange(val);
-                }
-                catch (error) {
-                    _this.ui.logError(error);
-                }
-            });
-            this.form.statusChanges
-                .pipe(operators.takeUntil(this.destroy$))
-                .subscribe(function (_) {
-                try {
-                    _this.propogateValidationChange();
-                }
-                catch (error) {
-                    _this.ui.logError(error);
-                }
-            });
-        }
-        Object.defineProperty(AuthUIPasswordFieldComponent.prototype, "forUpdate", {
-            get: function () {
-                return this._forUpdate;
-            },
-            set: function (val) {
-                this._forUpdate = val;
-                this.setValidators();
-                if (val) {
-                    this.autocomplete = 'new-password';
-                }
-                else {
-                    this.autocomplete = 'current-password';
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AuthUIPasswordFieldComponent.prototype, "value", {
-            get: function () {
-                return this.form.controls.password.value;
-            },
-            set: function (val) {
-                if (val) {
-                    this.form.patchValue({
-                        password: val,
-                        passwordConfirm: val
-                    });
-                }
-                else {
-                    this.form.reset();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        AuthUIPasswordFieldComponent.prototype.ngOnDestroy = function () {
-            this.destroy$.next();
-            this.destroy$.complete();
-        };
-        AuthUIPasswordFieldComponent.prototype.ngAfterViewInit = function () {
-            this.parentControl = this.injector.get(forms.NgControl, null);
-            this.setValidators();
-            this.cdRef.detectChanges();
-        };
-        // Form Accessor functions
-        AuthUIPasswordFieldComponent.prototype.registerOnChange = function (fn) { this.propogateChange = fn; };
-        AuthUIPasswordFieldComponent.prototype.registerOnTouched = function (fn) { this.propogateTouch = fn; };
-        AuthUIPasswordFieldComponent.prototype.registerOnValidatorChange = function (fn) { this.propogateValidationChange = fn; };
-        AuthUIPasswordFieldComponent.prototype.writeValue = function (val) { this.value = val; };
-        AuthUIPasswordFieldComponent.prototype.setDisabledState = function (isDisabled) { this.isDisabled = isDisabled; };
-        AuthUIPasswordFieldComponent.prototype.validate = function (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;
-            }
-        };
-        AuthUIPasswordFieldComponent.prototype.setValidators = function () {
-            if (this.forUpdate) {
-                this.form.controls.password.setValidators([
-                    forms.Validators.maxLength(this.config.authUi.passwordMaxLength),
-                    forms.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();
-        };
-        return AuthUIPasswordFieldComponent;
-    }());
-    AuthUIPasswordFieldComponent.decorators = [
-        { type: core.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: forms.NG_VALUE_ACCESSOR, useExisting: core.forwardRef(function () { return AuthUIPasswordFieldComponent; }), multi: true },
-                        { provide: forms.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 = function () { return [
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] },
-        { type: core.Injector },
-        { type: core.ChangeDetectorRef },
-        { type: ngxFirebase.UiService }
-    ]; };
-    AuthUIPasswordFieldComponent.propDecorators = {
-        forUpdate: [{ type: core.Input }],
-        value: [{ type: core.Input }]
-    };
-
-    var AuthRegisterPage = /** @class */ (function () {
-        function AuthRegisterPage(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;
-        }
-        AuthRegisterPage.prototype.ngOnInit = function () {
-            this.fire.setScreenName('register', 'AuthRegisterPage');
-        };
-        AuthRegisterPage.prototype.doSuccess = function () {
-            try {
-                var 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);
-            }
-        };
-        AuthRegisterPage.prototype.doLoginRequested = function () {
-            try {
-                this.navController.navigateRoot(['/auth', 'signin'], { queryParams: { redirectUrl: this.activatedRoute.snapshot.queryParamMap.get('redirectUrl') } });
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        };
-        return AuthRegisterPage;
-    }());
-    AuthRegisterPage.decorators = [
-        { type: core.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 = function () { return [
-        { type: ngxFirebase.UiService },
-        { type: ngxFirebase.FirebaseService },
-        { type: router.ActivatedRoute },
-        { type: angular.NavController },
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] }
-    ]; };
-
-    var AuthSignInPage = /** @class */ (function () {
-        function AuthSignInPage(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;
-        }
-        AuthSignInPage.prototype.ngOnInit = function () {
-            this.fire.setScreenName('signin', 'AuthSignInPage');
-        };
-        AuthSignInPage.prototype.doSuccess = function (e) {
-            var _a;
-            return __awaiter(this, void 0, void 0, function () {
-                var redirectUrl, forOperation, _b, error_1;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            redirectUrl = this.activatedRoute.snapshot.queryParamMap.get('redirectUrl');
-                            forOperation = this.activatedRoute.snapshot.queryParamMap.get('forOperation');
-                            if (!redirectUrl) return [3 /*break*/, 2];
-                            // Ridirect to page on SignIn
-                            this.fire.addLogMessage("Redirecting logged in user to> " + redirectUrl);
-                            return [4 /*yield*/, this.navController.navigateRoot(redirectUrl)];
-                        case 1:
-                            _c.sent();
-                            return [3 /*break*/, 13];
-                        case 2:
-                            _c.trys.push([2, 10, 11, 13]);
-                            _b = forOperation;
-                            switch (_b) {
-                                case 'deleteUser': return [3 /*break*/, 3];
-                                case undefined: return [3 /*break*/, 7];
-                                case null: return [3 /*break*/, 7];
-                            }
-                            return [3 /*break*/, 8];
-                        case 3: return [4 /*yield*/, this.ui.yesNoAlert('auth.user.message.confirmDelete', { interpolateParams: { userName: (_a = this.aps.user) === null || _a === void 0 ? void 0 : _a.displayName } })];
-                        case 4:
-                            if (!_c.sent()) return [3 /*break*/, 6];
-                            return [4 /*yield*/, this.aps.deleteUser()];
-                        case 5:
-                            _c.sent();
-                            _c.label = 6;
-                        case 6: return [3 /*break*/, 9];
-                        case 7: return [3 /*break*/, 9];
-                        case 8: throw new Error("Unknown forOperation: " + forOperation);
-                        case 9: return [3 /*break*/, 13];
-                        case 10:
-                            error_1 = _c.sent();
-                            this.ui.logError(error_1);
-                            return [3 /*break*/, 13];
-                        case 11: return [4 /*yield*/, this.navController.navigateRoot(this.config.authUi.authGuardLoggedInURL)];
-                        case 12:
-                            _c.sent();
-                            return [7 /*endfinally*/];
-                        case 13: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AuthSignInPage.prototype.doCreateAccountRequested = function () {
-            try {
-                return this.navController.navigateRoot(['/auth', 'register'], { queryParams: { redirectUrl: this.activatedRoute.snapshot.queryParamMap.get('redirectUrl') } });
-            }
-            catch (error) {
-                this.ui.logError(error);
-            }
-        };
-        return AuthSignInPage;
-    }());
-    AuthSignInPage.decorators = [
-        { type: core.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 = function () { return [
-        { type: router.ActivatedRoute },
-        { type: ngxFirebase.AuthProcessService },
-        { type: angular.NavController },
-        { type: ngxFirebase.UiService },
-        { type: ngxFirebase.FirebaseService },
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] }
-    ]; };
-
-    var AuthUserPage = /** @class */ (function () {
-        function AuthUserPage() {
-        }
-        return AuthUserPage;
-    }());
-    AuthUserPage.decorators = [
-        { type: core.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 = function () { return []; };
-
-    var AuthVerifyEmailPage = /** @class */ (function () {
-        function AuthVerifyEmailPage(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 rxjs.Subject();
-        }
-        AuthVerifyEmailPage.prototype.ngOnInit = function () {
-            var _this = this;
-            this.fire.setScreenName('verifyemail', 'VerifyEmailPage');
-            this.aps.user$.pipe(operators.takeUntil(this.destroy$)).subscribe(function (user) {
-                try {
-                    if (user && user.emailVerified) {
-                        _this.doRetry();
-                    }
-                }
-                catch (error) {
-                    _this.ui.logError(error);
-                }
-            });
-            this.aps.onSignOutEmitter.pipe(operators.takeUntil(this.destroy$)).subscribe(function () {
-                try {
-                    _this.navCtrl.navigateRoot(_this.config.authUi.authGuardFallbackURL || '/');
-                }
-                catch (error) {
-                    _this.ui.logError(error);
-                }
-            });
-        };
-        AuthVerifyEmailPage.prototype.ngOnDestroy = function () {
-            this.destroy$.next();
-            this.destroy$.complete();
-        };
-        AuthVerifyEmailPage.prototype.doRetry = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var redirect, error_1;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _b.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, this.aps.reloadUserInfo()];
-                        case 1:
-                            _b.sent();
-                            redirect = this.route.snapshot.queryParamMap.get('redirectUrl');
-                            this.navCtrl.navigateRoot(redirect);
-                            return [3 /*break*/, 3];
-                        case 2:
-                            error_1 = _b.sent();
-                            this.ui.logError(error_1);
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AuthVerifyEmailPage.prototype.doResendVerification = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var error_2;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            _b.trys.push([0, 3, , 4]);
-                            return [4 /*yield*/, this.aps.sendNewVerificationEmail()];
-                        case 1:
-                            _b.sent();
-                            return [4 /*yield*/, this.ui.toast('auth.emailConfirmation.onConfirmationSuccess')];
-                        case 2:
-                            _b.sent();
-                            return [3 /*break*/, 4];
-                        case 3:
-                            error_2 = _b.sent();
-                            this.ui.logError(error_2);
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return AuthVerifyEmailPage;
-    }());
-    AuthVerifyEmailPage.decorators = [
-        { type: core.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 = function () { return [
-        { type: ngxFirebase.UiService },
-        { type: ngxFirebase.FirebaseService },
-        { type: ngxFirebase.AuthProcessService },
-        { type: router.ActivatedRoute },
-        { type: angular.NavController },
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] }
-    ]; };
-
-    // Angular & Inionc
-    var AuthUITermsFieldComponent = /** @class */ (function () {
-        // tslint:disable-next-line @typescript-eslint/ban-types
-        function AuthUITermsFieldComponent(config, aps, ui) {
-            var _this = this;
-            this.config = config;
-            this.aps = aps;
-            this.ui = ui;
-            this.termsForm = new forms.FormGroup({
-                tos: new forms.FormControl(true, []),
-                privacyPolicy: new forms.FormControl(true, [])
-            });
-            // Config
-            this.tosUrl = this.config.authUi.tosUrl;
-            this.privacyPolicyUrl = this.config.authUi.privacyPolicyUrl;
-            // Private
-            this.destroy$ = new rxjs.Subject();
-            this.propogateChange = function (val) { };
-            this.propogateTouch = function () { };
-            this.propogateValidationChange = function () { };
-            this.termsForm.statusChanges
-                .pipe(operators.takeUntil(this.destroy$))
-                .subscribe(function (_) {
-                try {
-                    _this.propogateValidationChange();
-                }
-                catch (error) {
-                    _this.ui.logError(error);
-                }
-            });
-        }
-        Object.defineProperty(AuthUITermsFieldComponent.prototype, "value", {
-            get: function () {
-                return this.termsForm.controls.tos.value && this.termsForm.controls.privacyPolicy.value;
-            },
-            set: function (val) {
-                if (val) {
-                    this.termsForm.patchValue({
-                        tos: val,
-                        privacyPolicy: val
-                    });
-                }
-                else {
-                    this.termsForm.reset();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // Form Accessor functions
-        AuthUITermsFieldComponent.prototype.registerOnChange = function (fn) { this.propogateChange = fn; };
-        AuthUITermsFieldComponent.prototype.registerOnTouched = function (fn) { this.propogateTouch = fn; };
-        AuthUITermsFieldComponent.prototype.registerOnValidatorChange = function (fn) { this.propogateValidationChange = fn; };
-        AuthUITermsFieldComponent.prototype.writeValue = function (val) { this.value = val; };
-        AuthUITermsFieldComponent.prototype.validate = function (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;
-            }
-        };
-        AuthUITermsFieldComponent.prototype.ngOnInit = function () {
-            // 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(forms.Validators.requiredTrue);
-            }
-            if (this.config.authUi.privacyPolicyUrl) {
-                this.termsForm.controls.privacyPolicy.setValidators(forms.Validators.requiredTrue);
-            }
-            this.termsForm.updateValueAndValidity();
-        };
-        AuthUITermsFieldComponent.prototype.ngOnDestroy = function () {
-            this.destroy$.next();
-            this.destroy$.complete();
-        };
-        return AuthUITermsFieldComponent;
-    }());
-    AuthUITermsFieldComponent.decorators = [
-        { type: core.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: forms.NG_VALUE_ACCESSOR, useExisting: core.forwardRef(function () { return AuthUITermsFieldComponent; }), multi: true },
-                        { provide: forms.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 = function () { return [
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] },
-        { type: ngxFirebase.AuthProcessService },
-        { type: ngxFirebase.UiService }
-    ]; };
-    AuthUITermsFieldComponent.propDecorators = {
-        value: [{ type: core.Input }]
-    };
-
-    var AuthUIRegisterWithEmailComponent = /** @class */ (function () {
-        // tslint:disable-next-line @typescript-eslint/ban-types
-        function AuthUIRegisterWithEmailComponent(config, aps, ui, changeDetectorRef) {
-            this.config = config;
-            this.aps = aps;
-            this.ui = ui;
-            this.changeDetectorRef = changeDetectorRef;
-            this.createAccountClick = new core.EventEmitter();
-            this.registerForm = new forms.FormGroup({
-                name: new forms.FormControl('', [forms.Validators.required]),
-                email: new forms.FormControl('', [forms.Validators.required]),
-                password: new forms.FormControl('', [forms.Validators.required]),
-                terms: new forms.FormControl(true, []),
-            });
-            // Prevent somebody already logged in as guest - relogging in as gyest
-            this.guestEnabled$ = this.aps.canSignInAsGuest$;
-            // Private
-            this.destroy$ = new rxjs.Subject();
-        }
-        AuthUIRegisterWithEmailComponent.prototype.ngAfterViewInit = function () {
-            this.changeDetectorRef.detectChanges();
-        };
-        AuthUIRegisterWithEmailComponent.prototype.ngOnDestroy = function () {
-            this.destroy$.next();
-            this.destroy$.complete();
-        };
-        AuthUIRegisterWithEmailComponent.prototype.doCreateAccount = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    this.createAccountClick.emit(this.registerForm.value);
-                    return [2 /*return*/];
-                });
-            });
-        };
-        return AuthUIRegisterWithEmailComponent;
-    }());
-    AuthUIRegisterWithEmailComponent.decorators = [
-        { type: core.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: core.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 = function () { return [
-        { type: undefined, decorators: [{ type: core.Inject, args: [core.forwardRef(function () { return ngxFirebase.MalSharedConfigToken; }),] }] },
-        { type: ngxFirebase.AuthProcessService },
-        { type: ngxFirebase.UiService },
-        { type: core.ChangeDetectorRef }
-    ]; };
-    AuthUIRegisterWithEmailComponent.propDecorators = {
-        createAccountClick: [{ type: core.Output }]
-    };
-
-    // Angular & Inionc
-    var AuthUIRegisterWithEmailPopoverComponent = /** @class */ (function () {
-        function AuthUIRegisterWithEmailPopoverComponent(popoverController) {
-            this.popoverController = popoverController;
-        }
-        AuthUIRegisterWithEmailPopoverComponent.prototype.doCreateAccountClick = function (data) {
-            this.popoverController.dismiss(data);
-        };
-        return AuthUIRegisterWithEmailPopoverComponent;
-    }());
-    AuthUIRegisterWithEmailPopoverComponent.decorators = [
-        { type: core.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: core.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 = function () { return [
-        { type: angular.PopoverController }
-    ]; };
-
-    var registerWithEmailPopover_component = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        AuthUIRegisterWithEmailPopoverComponent: AuthUIRegisterWithEmailPopoverComponent
-    });
-
-    var COMPONENTS = [
-        AuthUIUserComponent,
-        EmailConfirmationComponent,
-        AuthUISignInComponent,
-        AuthUIRegisterComponent,
-        AuthUIReauthenticateComponent,
-        AuthSignInPage,
-        AuthRegisterPage,
-        AuthUserPage,
-        AuthVerifyEmailPage,
-        AuthUIPasswordFieldComponent,
-        AuthUIEmailFieldComponent,
-        AuthUINameFieldComponent,
-        AuthUIFormFieldComponent,
-        AuthUITermsFieldComponent,
-        AuthUIRegisterWithEmailComponent,
-        AuthUIRegisterWithEmailPopoverComponent,
-        AuthUIOrDividerComponent,
-        AuthProvidersComponent
-    ];
-    var 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' }
-    ];
-    var MalIonicAuthUiModule = /** @class */ (function () {
-        function MalIonicAuthUiModule() {
-        }
-        return MalIonicAuthUiModule;
-    }());
-    MalIonicAuthUiModule.decorators = [
-        { type: core.NgModule, args: [{
-                    imports: [
-                        ngxFirebase.MalSharedModule,
-                        ionic.MalIonicModule,
-                        angular.IonicModule,
-                        common.CommonModule,
-                        ionic4Tooltips.TooltipsModule,
-                        http.HttpClientModule,
-                        forms.FormsModule,
-                        forms.ReactiveFormsModule,
-                        flexLayout.FlexLayoutModule,
-                    ],
-                    exports: __spread(COMPONENTS, [
-                        forms.FormsModule,
-                        forms.ReactiveFormsModule,
-                        flexLayout.FlexLayoutModule,
-                        angular.IonicModule
-                    ]),
-                    declarations: COMPONENTS,
-                    entryComponents: [
-                        AuthUIUserComponent
-                    ]
-                },] }
-    ];
-    // Guards
-    // Components
-    // services
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AuthProvidersComponent = AuthProvidersComponent;
-    exports.AuthRegisterPage = AuthRegisterPage;
-    exports.AuthSignInPage = AuthSignInPage;
-    exports.AuthUIEmailFieldComponent = AuthUIEmailFieldComponent;
-    exports.AuthUIFormFieldComponent = AuthUIFormFieldComponent;
-    exports.AuthUINameFieldComponent = AuthUINameFieldComponent;
-    exports.AuthUIOrDividerComponent = AuthUIOrDividerComponent;
-    exports.AuthUIPasswordFieldComponent = AuthUIPasswordFieldComponent;
-    exports.AuthUIReauthenticateComponent = AuthUIReauthenticateComponent;
-    exports.AuthUIRegisterComponent = AuthUIRegisterComponent;
-    exports.AuthUISignInComponent = AuthUISignInComponent;
-    exports.AuthUIUserComponent = AuthUIUserComponent;
-    exports.AuthUserPage = AuthUserPage;
-    exports.AuthVerifyEmailPage = AuthVerifyEmailPage;
-    exports.EmailConfirmationComponent = EmailConfirmationComponent;
-    exports.IONIC_AUTH_UI_ROUTER_CONFIG = IONIC_AUTH_UI_ROUTER_CONFIG;
-    exports.MalIonicAuthUiModule = MalIonicAuthUiModule;
-    exports.NgxAuthFirebaseuiAnimations = NgxAuthFirebaseuiAnimations;
-    exports.ɵa = AuthSignInPage;
-    exports.ɵb = AuthRegisterPage;
-    exports.ɵc = AuthUserPage;
-    exports.ɵd = AuthVerifyEmailPage;
-    exports.ɵe = AuthUIUserComponent;
-    exports.ɵf = EmailConfirmationComponent;
-    exports.ɵg = AuthUISignInComponent;
-    exports.ɵh = AuthUIRegisterComponent;
-    exports.ɵi = AuthUIReauthenticateComponent;
-    exports.ɵj = AuthUIPasswordFieldComponent;
-    exports.ɵk = AuthUIEmailFieldComponent;
-    exports.ɵl = AuthUINameFieldComponent;
-    exports.ɵm = AuthUIFormFieldComponent;
-    exports.ɵn = AuthUITermsFieldComponent;
-    exports.ɵo = AuthUIRegisterWithEmailComponent;
-    exports.ɵp = AuthUIRegisterWithEmailPopoverComponent;
-    exports.ɵq = AuthUIOrDividerComponent;
-    exports.ɵr = AuthProvidersComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=ngx-firebase-ionic-auth-ui.umd.js.map