@aws-amplify/ui-angular 1.0.26-unstable.2 → 2.0.1-next.3

package/bundles/aws-amplify-ui-angular.umd.js

@@ -0,0 +1,3587 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@aws-amplify/ui'), require('xstate'), require('aws-amplify'), require('qrcode'), require('rxjs'), require('@aws-amplify/ui-components/dist/components')) :
+    typeof define === 'function' && define.amd ? define('@aws-amplify/ui-angular', ['exports', '@angular/core', '@angular/common', '@aws-amplify/ui', 'xstate', 'aws-amplify', 'qrcode', 'rxjs', '@aws-amplify/ui-components/dist/components'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['aws-amplify'] = global['aws-amplify'] || {}, global['aws-amplify']['ui-angular'] = {}), global.ng.core, global.ng.common, global.ui, global.xstate, global['aws-amplify'], global.QRCode, global.rxjs, global.components));
+}(this, (function (exports, i0, common, ui, xstate, awsAmplify, QRCode, rxjs, components) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var QRCode__default = /*#__PURE__*/_interopDefaultLegacy(QRCode);
+
+    var AmplifyOverrideDirective = /** @class */ (function () {
+        function AmplifyOverrideDirective(template) {
+            this.template = template;
+        }
+        Object.defineProperty(AmplifyOverrideDirective.prototype, "amplifyOverride", {
+            set: function (component) {
+                this.name = component;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return AmplifyOverrideDirective;
+    }());
+    AmplifyOverrideDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[amplifyOverride]',
+                },] }
+    ];
+    AmplifyOverrideDirective.ctorParameters = function () { return [
+        { type: i0.TemplateRef }
+    ]; };
+    AmplifyOverrideDirective.propDecorators = {
+        amplifyOverride: [{ type: i0.Input }]
+    };
+
+    /**
+     * AmplifyContextService contains access to the xstate machine
+     * and custom components passed by the user.
+     */
+    var StateMachineService = /** @class */ (function () {
+        function StateMachineService() {
+            var _this = this;
+            var interpreter = xstate.interpret(ui.authMachine, { devTools: true })
+                .onTransition(function (state) {
+                _this._user = state.context.user;
+                _this._authState = state;
+            })
+                .start();
+            this._services = ui.getSendEventAliases(interpreter.send);
+            this._authService = interpreter;
+        }
+        Object.defineProperty(StateMachineService.prototype, "services", {
+            get: function () {
+                return this._services;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(StateMachineService.prototype, "authState", {
+            get: function () {
+                return this._authState;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(StateMachineService.prototype, "authService", {
+            get: function () {
+                return this._authService;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(StateMachineService.prototype, "user", {
+            get: function () {
+                return this._user;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(StateMachineService.prototype, "context", {
+            get: function () {
+                return this._authState.context;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        StateMachineService.prototype.send = function (event) {
+            this.authService.send(event);
+        };
+        return StateMachineService;
+    }());
+    StateMachineService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function StateMachineService_Factory() { return new StateMachineService(); }, token: StateMachineService, providedIn: "root" });
+    StateMachineService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    StateMachineService.ctorParameters = function () { return []; };
+
+    var AuthPropService = /** @class */ (function () {
+        function AuthPropService() {
+            this._customComponents = {};
+            this._props = {};
+        }
+        Object.defineProperty(AuthPropService.prototype, "customComponents", {
+            get: function () {
+                return this._customComponents;
+            },
+            set: function (customComponents) {
+                this._customComponents = Object.assign(Object.assign({}, this._customComponents), customComponents);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AuthPropService.prototype, "props", {
+            get: function () {
+                return this._props;
+            },
+            set: function (props) {
+                this._props = Object.assign(Object.assign({}, this._props), props);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return AuthPropService;
+    }());
+    AuthPropService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AuthPropService_Factory() { return new AuthPropService(); }, token: AuthPropService, providedIn: "root" });
+    AuthPropService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    AuthPropService.ctorParameters = function () { return []; };
+
+    var AmplifyAuthenticatorComponent = /** @class */ (function () {
+        function AmplifyAuthenticatorComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            /**
+             * TODO: Add back custom events
+             */
+            this.initialAuthState = 'signIn';
+            this.dataAttr = '';
+            this.customComponentQuery = null;
+            this.customComponents = {};
+        }
+        /**
+         * Lifecycle Methods
+         */
+        AmplifyAuthenticatorComponent.prototype.ngAfterContentInit = function () {
+            this.contextService.customComponents = this.mapCustomComponents(this.customComponentQuery);
+            this.customComponents = this.contextService.customComponents;
+        };
+        Object.defineProperty(AmplifyAuthenticatorComponent.prototype, "context", {
+            /**
+             * Class Functions
+             */
+            get: function () {
+                var signOut = this.stateMachine.services.signOut;
+                var user = this.stateMachine.user;
+                return { signOut: signOut, user: user };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AmplifyAuthenticatorComponent.prototype, "actorState", {
+            get: function () {
+                return ui.getActorState(this.stateMachine.authState);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AmplifyAuthenticatorComponent.prototype, "authenticatorState", {
+            get: function () {
+                return this.stateMachine.authState;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AmplifyAuthenticatorComponent.prototype.mapCustomComponents = function (componentQuery) {
+            if (!componentQuery)
+                return {};
+            var customComponents = {};
+            componentQuery.forEach(function (component) {
+                customComponents[component.name] = component.template;
+            });
+            return customComponents;
+        };
+        return AmplifyAuthenticatorComponent;
+    }());
+    AmplifyAuthenticatorComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-authenticator',
+                    template: "<!-- \n  Define default contents here.\n-->\n<ng-template #signIn>\n  <amplify-sign-in></amplify-sign-in>\n</ng-template>\n<ng-template #signUp>\n  <amplify-sign-up></amplify-sign-up>\n</ng-template>\n<ng-template #confirmSignUp>\n  <amplify-confirm-sign-up></amplify-confirm-sign-up>\n</ng-template>\n<ng-template #confirmSignIn>\n  <amplify-confirm-sign-in></amplify-confirm-sign-in>\n</ng-template>\n<ng-template #authenticated> <ng-content></ng-content> </ng-template>\n<ng-template #setupTOTP>\n  <amplify-setup-totp></amplify-setup-totp>\n</ng-template>\n<ng-template #forceNewPassword>\n  <amplify-force-new-password></amplify-force-new-password>\n</ng-template>\n<ng-template #resetPassword>\n  <amplify-reset-password></amplify-reset-password>\n</ng-template>\n<ng-template #confirmResetPassword>\n  <amplify-confirm-reset-password></amplify-confirm-reset-password>\n</ng-template>\n<ng-template #verifyUser>\n  <amplify-verify-user></amplify-verify-user>\n</ng-template>\n<ng-template #confirmVerifyUser>\n  <amplify-confirm-verify-user></amplify-confirm-verify-user>\n</ng-template>\n\n<!-- \n  Next, we render respective auth subcomponent respective to the current authState.\n  If customer is overriding that component, we render customer's template instead.\n-->\n\n<!-- signIn component -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.signIn || signIn\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('signIn')\"\n>\n</ng-container>\n\n<!-- signUp component -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.signUp || signUp\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('signUp')\"\n>\n</ng-container>\n\n<!-- confirmSignUp content -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.confirmSignUp || confirmSignUp\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('confirmSignUp')\"\n>\n</ng-container>\n\n<!-- confirmSignIn content -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.confirmSignIn || confirmSignIn\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('confirmSignIn')\"\n>\n</ng-container>\n\n<!-- setupTotp content -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.setupTOTP || setupTOTP\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('setupTOTP')\"\n>\n</ng-container>\n\n<!-- forceNewPassword content -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.forceNewPassword || forceNewPassword\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('forceNewPassword')\"\n>\n</ng-container>\n\n<!-- resetPassword content -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.resetPassword || resetPassword\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('resetPassword')\"\n>\n</ng-container>\n\n<!-- confirmResetPassword content -->\n<ng-container\n  [ngTemplateOutlet]=\"\n    customComponents.confirmResetPassword || confirmResetPassword\n  \"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('confirmResetPassword')\"\n>\n</ng-container>\n\n<!-- verifyUser content -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.verifyUser || verifyUser\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('verifyUser')\"\n>\n</ng-container>\n\n<!-- confirmVerifyUser content -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.confirmVerifyUser || confirmVerifyUser\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"actorState?.matches('confirmVerifyUser')\"\n>\n</ng-container>\n\n<!-- signedIn content -->\n<ng-container\n  [ngTemplateOutlet]=\"customComponents.authenticated || authenticated\"\n  [ngTemplateOutletContext]=\"context\"\n  *ngIf=\"authenticatorState.matches('authenticated')\"\n>\n</ng-container>\n",
+                    providers: [AuthPropService],
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AmplifyAuthenticatorComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    AmplifyAuthenticatorComponent.propDecorators = {
+        initialAuthState: [{ type: i0.Input }],
+        dataAttr: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator',] }],
+        customComponentQuery: [{ type: i0.ContentChildren, args: [AmplifyOverrideDirective,] }]
+    };
+
+    /*! *****************************************************************************
+    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, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+    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, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+
+    var logger$3 = new awsAmplify.Logger('SignIn');
+    var AmplifySignInComponent = /** @class */ (function () {
+        function AmplifySignInComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            this.dataAttr = '';
+            this.headerText = ui.translate('Sign in to your account');
+            this.customComponents = {};
+            this.remoteError = '';
+            this.isPending = false;
+            // translated phrases
+            this.forgotPasswordText = ui.translate('Forgot your password? ');
+            this.signInButtonText = ui.translate('Sign in');
+            this.noAccountText = ui.translate('No account? ');
+            this.createAccountText = ui.translate('Create account');
+        }
+        AmplifySignInComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.authSubscription = this.stateMachine.authService.subscribe(function (state) { return _this.onStateUpdate(state); });
+        };
+        AmplifySignInComponent.prototype.ngAfterContentInit = function () {
+            this.customComponents = this.contextService.customComponents;
+        };
+        AmplifySignInComponent.prototype.ngOnDestroy = function () {
+            logger$3.log('sign in destroyed, unsubscribing from state machine...');
+            this.authSubscription.unsubscribe();
+        };
+        AmplifySignInComponent.prototype.onStateUpdate = function (state) {
+            var actorState = ui.getActorState(state);
+            this.remoteError = actorState.context.remoteError;
+            this.isPending = !actorState.matches('signIn.edit');
+        };
+        Object.defineProperty(AmplifySignInComponent.prototype, "context", {
+            get: function () {
+                var _a = this.stateMachine.services, change = _a.change, resetPassword = _a.resetPassword, signUp = _a.signUp, submit = _a.submit;
+                var remoteError = this.remoteError;
+                return { change: change, remoteError: remoteError, resetPassword: resetPassword, signUp: signUp, submit: submit };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AmplifySignInComponent.prototype.toSignUp = function () {
+            this.stateMachine.send('SIGN_UP');
+        };
+        AmplifySignInComponent.prototype.toResetPassword = function () {
+            this.stateMachine.send('RESET_PASSWORD');
+        };
+        AmplifySignInComponent.prototype.onInput = function (event) {
+            event.preventDefault();
+            var _a = event.target, name = _a.name, value = _a.value;
+            this.stateMachine.send({
+                type: 'CHANGE',
+                data: { name: name, value: value },
+            });
+        };
+        AmplifySignInComponent.prototype.onSubmit = function (event) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    event.preventDefault();
+                    this.stateMachine.send({
+                        type: 'SUBMIT',
+                    });
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return AmplifySignInComponent;
+    }());
+    AmplifySignInComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-sign-in',
+                    template: "<!-- \n  Define default contents here\n-->\n<ng-template #signInButton>\n  <button data-amplify-button type=\"submit\">{{ signInButtonText }}</button>\n</ng-template>\n\n<ng-template #signInForm>\n  <amplify-federated-sign-in></amplify-federated-sign-in>\n  <form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n    <fieldset data-amplify-fieldset [disabled]=\"isPending\">\n      <amplify-user-name-alias></amplify-user-name-alias>\n      <amplify-form-input\n        data-amplify-password\n        name=\"password\"\n        type=\"password\"\n        autocomplete=\"current-password\"\n      ></amplify-form-input>\n      <button type=\"button\" (click)=\"toResetPassword()\">\n        {{ forgotPasswordText }}\n      </button>\n      <div data-amplify-footer>\n        <div>\n          {{ noAccountText }}\n          <button type=\"button\" (click)=\"toSignUp()\">\n            {{ createAccountText }}\n          </button>\n        </div>\n        <ng-container\n          [ngTemplateOutlet]=\"customComponents.signInButton || signInButton\"\n          [ngTemplateOutletContext]=\"context\"\n        >\n        </ng-container>\n      </div>\n    </fieldset>\n\n    <amplify-error *ngIf=\"remoteError\">\n      {{ remoteError }}\n    </amplify-error>\n  </form>\n</ng-template>\n\n<!-- \n  Render sign in component\n-->\n\n<div data-amplify-container>\n  <h2 data-amplify-header>{{ this.headerText }}</h2>\n  <ng-container\n    [ngTemplateOutlet]=\"customComponents.signInForm || signInForm\"\n    [ngTemplateOutletContext]=\"context\"\n  >\n  </ng-container>\n</div>\n",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AmplifySignInComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    AmplifySignInComponent.propDecorators = {
+        dataAttr: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator-signin',] }],
+        headerText: [{ type: i0.Input }]
+    };
+
+    var AmplifySignUpComponent = /** @class */ (function () {
+        function AmplifySignUpComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            this.dataAttr = '';
+            this.headerText = ui.translate('Create a new account');
+            this.remoteError = '';
+            this.isPending = false;
+            this.primaryAlias = '';
+            this.secondaryAliases = [];
+            this.validationError = {};
+            // translated texts
+            this.createAccountText = ui.translate('Back to Sign In');
+            this.haveAccountText = ui.translate('Have an account? ');
+            this.signInText = ui.translate('Sign in');
+        }
+        Object.defineProperty(AmplifySignUpComponent.prototype, "context", {
+            get: function () {
+                var _a = this.stateMachine.services, change = _a.change, signIn = _a.signIn, submit = _a.submit;
+                var remoteError = this.remoteError;
+                var validationError = this.validationError;
+                return {
+                    change: change,
+                    remoteError: remoteError,
+                    signIn: signIn,
+                    submit: submit,
+                    validationError: validationError,
+                };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AmplifySignUpComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.authSubscription = this.stateMachine.authService.subscribe(function (state) { return _this.onStateUpdate(state); });
+            var context = this.stateMachine.context;
+            var _a = ui.getConfiguredAliases(context), primaryAlias = _a.primaryAlias, secondaryAliases = _a.secondaryAliases;
+            this.primaryAlias = primaryAlias;
+            this.secondaryAliases = secondaryAliases;
+        };
+        AmplifySignUpComponent.prototype.ngAfterContentInit = function () {
+            this.customComponents = this.contextService.customComponents;
+        };
+        AmplifySignUpComponent.prototype.ngOnDestroy = function () {
+            this.authSubscription.unsubscribe();
+        };
+        AmplifySignUpComponent.prototype.onStateUpdate = function (state) {
+            var actorState = ui.getActorState(state);
+            var actorContext = ui.getActorContext(state);
+            this.remoteError = actorContext.remoteError;
+            this.validationError = actorContext.validationError;
+            this.isPending = !actorState.matches({
+                signUp: {
+                    submission: 'idle',
+                },
+            });
+        };
+        AmplifySignUpComponent.prototype.onSubmit = function ($event) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    $event.preventDefault();
+                    this.stateMachine.send('SUBMIT');
+                    return [2 /*return*/];
+                });
+            });
+        };
+        AmplifySignUpComponent.prototype.onInput = function (event) {
+            event.preventDefault();
+            var _a = event.target, name = _a.name, value = _a.value;
+            this.stateMachine.send({
+                type: 'CHANGE',
+                data: { name: name, value: value },
+            });
+        };
+        AmplifySignUpComponent.prototype.toSignIn = function () {
+            this.stateMachine.send('SIGN_IN');
+        };
+        return AmplifySignUpComponent;
+    }());
+    AmplifySignUpComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-sign-up',
+                    template: "<ng-template #signUpButton>\n  <button data-amplify-button type=\"submit\">{{ createAccountText }}</button>\n</ng-template>\n\n<ng-template #signUpUsername>\n  <amplify-user-name-alias [name]=\"primaryAlias\"></amplify-user-name-alias>\n</ng-template>\n\n<ng-template #signUpPassword>\n  <amplify-form-input\n    name=\"password\"\n    autocomplete=\"new-password\"\n  ></amplify-form-input>\n</ng-template>\n\n<ng-template #signUpConfirmPassword>\n  <amplify-form-input\n    name=\"confirm_password\"\n    label=\"Confirm Password\"\n    type=\"password\"\n    autocomplete=\"new-password\"\n  ></amplify-form-input>\n</ng-template>\n\n<ng-template #signUpFieldset>\n  <fieldset data-amplify-fieldset [disabled]=\"isPending\">\n    <amplify-federated-sign-in></amplify-federated-sign-in>\n    <ng-container\n      [ngTemplateOutlet]=\"customComponents.signUpUsername || signUpUsername\"\n      [ngTemplateOutletContext]=\"context\"\n    ></ng-container>\n\n    <ng-container\n      [ngTemplateOutlet]=\"customComponents.signUpPassword || signUpPassword\"\n      [ngTemplateOutletContext]=\"context\"\n    ></ng-container>\n\n    <ng-container\n      [ngTemplateOutlet]=\"\n        customComponents.signUpConfirmPassword || signUpConfirmPassword\n      \"\n      [ngTemplateOutletContext]=\"context\"\n    ></ng-container>\n\n    <ng-container *ngFor=\"let secondaryAlias of secondaryAliases\">\n      <amplify-form-input [name]=\"secondaryAlias\"></amplify-form-input>\n    </ng-container>\n  </fieldset>\n\n  <amplify-error *ngIf=\"remoteError\">\n    {{ remoteError }}\n  </amplify-error>\n</ng-template>\n\n<div data-amplify-container>\n  <h2 data-amplify-header>{{ this.headerText }}</h2>\n  <form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n    <ng-container\n      [ngTemplateOutlet]=\"customComponents.signUpFieldset || signUpFieldset\"\n      [ngTemplateOutletContext]=\"context\"\n    ></ng-container>\n\n    <div data-amplify-footer>\n      <div>\n        {{ haveAccountText }}\n        <button type=\"button\" (click)=\"toSignIn()\">{{ signInText }}</button>\n      </div>\n      <ng-container\n        [ngTemplateOutlet]=\"customComponents.signUpButton || signUpButton\"\n        [ngTemplateOutletContext]=\"context\"\n      >\n      </ng-container>\n    </div>\n  </form>\n</div>\n"
+                },] }
+    ];
+    AmplifySignUpComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    AmplifySignUpComponent.propDecorators = {
+        dataAttr: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator-signup',] }],
+        headerText: [{ type: i0.Input }]
+    };
+
+    var getAttributeMap = function () { return ui.authInputAttributes; };
+
+    /**
+     * Input interface opinionated for authenticator usage.
+     *
+     * TODO: Separate this component out to two parts -- 1) amplify-auth-input that
+     * contains authenticator opinionated logic and 2) amplify-text-field primitive
+     * that does not make any auth-related inference.
+     */
+    var AmplifyInputComponent = /** @class */ (function () {
+        function AmplifyInputComponent(stateMachine) {
+            this.stateMachine = stateMachine;
+            this.required = true;
+            this.placeholder = '';
+            this.label = '';
+            this.initialValue = '';
+            this.disabled = false;
+            this.autocomplete = '';
+            this.countryDialCodes = ui.countryDialCodes;
+        }
+        AmplifyInputComponent.prototype.ngOnInit = function () {
+            var state = this.stateMachine.authState;
+            var country_code = ui.getActorContext(state).country_code;
+            this.defaultCountryCode = country_code;
+            // TODO: consider better default handling mechanisms across frameworks
+            if (this.isTelInput()) {
+                this.stateMachine.send({
+                    type: 'CHANGE',
+                    data: { name: 'country_code', value: country_code },
+                });
+            }
+        };
+        Object.defineProperty(AmplifyInputComponent.prototype, "attributeMap", {
+            get: function () {
+                return getAttributeMap();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(AmplifyInputComponent.prototype, "error", {
+            get: function () {
+                var formContext = ui.getActorContext(this.stateMachine.authState);
+                var validationError = formContext.validationError;
+                return validationError[this.name];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AmplifyInputComponent.prototype.isTelInput = function () {
+            return this.inferType() === 'tel';
+        };
+        AmplifyInputComponent.prototype.inferLabel = function () {
+            var _a;
+            var label = this.label || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.label);
+            return ui.translate(label);
+        };
+        AmplifyInputComponent.prototype.inferPlaceholder = function () {
+            var _a;
+            var placeholder = this.placeholder || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.placeholder) ||
+                this.inferLabel();
+            return ui.translate(placeholder);
+        };
+        // infers what the `type` of underlying input element should be.
+        AmplifyInputComponent.prototype.inferType = function () {
+            var _a, _b, _c;
+            return (_c = (_a = this.type) !== null && _a !== void 0 ? _a : (_b = this.attributeMap[this.name]) === null || _b === void 0 ? void 0 : _b.type) !== null && _c !== void 0 ? _c : 'text';
+        };
+        return AmplifyInputComponent;
+    }());
+    AmplifyInputComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-form-input',
+                    template: "<!-- Country code field -->\n<amplify-form-select\n  *ngIf=\"isTelInput()\"\n  name=\"country_code\"\n  label=\"Country Code\"\n  [id]=\"'country-code'\"\n  [items]=\"countryDialCodes\"\n  [initialValue]=\"defaultCountryCode\"\n></amplify-form-select>\n<!-- Textbox field -->\n<label>\n  <div data-amplify-label>{{ inferLabel() }}</div>\n  <input\n    data-amplify-form-input\n    [type]=\"inferType()\"\n    [name]=\"name\"\n    [placeholder]=\"inferPlaceholder()\"\n    [required]=\"required\"\n    [value]=\"initialValue\"\n    [attr.disabled]=\"disabled ? '' : null\"\n    [autocomplete]=\"autocomplete\"\n  />\n  <amplify-error *ngIf=\"error\">\n    {{ error }}\n  </amplify-error>\n</label>\n"
+                },] }
+    ];
+    AmplifyInputComponent.ctorParameters = function () { return [
+        { type: StateMachineService }
+    ]; };
+    AmplifyInputComponent.propDecorators = {
+        name: [{ type: i0.Input }],
+        type: [{ type: i0.Input }],
+        required: [{ type: i0.Input }],
+        placeholder: [{ type: i0.Input }],
+        label: [{ type: i0.Input }],
+        initialValue: [{ type: i0.Input }],
+        disabled: [{ type: i0.Input }],
+        autocomplete: [{ type: i0.Input }]
+    };
+
+    var AmplifyErrorComponent = /** @class */ (function () {
+        function AmplifyErrorComponent() {
+        }
+        return AmplifyErrorComponent;
+    }());
+    AmplifyErrorComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-error',
+                    template: "<span data-amplify-error>\n  <ng-content></ng-content>\n</span>\n"
+                },] }
+    ];
+
+    var AmplifyConfirmSignUpComponent = /** @class */ (function () {
+        function AmplifyConfirmSignUpComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            this.dataAttr = '';
+            this.headerText = ui.translate('Confirm Sign Up');
+            this.customComponents = {};
+            this.remoteError = '';
+            this.isPending = false;
+            // translated texts
+            this.signInText = ui.translate('Sign in');
+            this.resendCodeText = ui.translate('Resend Code');
+            this.lostCodeText = ui.translate('Lost your code? ');
+            this.confirmText = ui.translate('Confirm');
+        }
+        AmplifyConfirmSignUpComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            // TODO: alias for subscribe
+            this.authSubscription = this.stateMachine.authService.subscribe(function (state) { return _this.onStateUpdate(state); });
+            this.setUsername();
+        };
+        AmplifyConfirmSignUpComponent.prototype.setUsername = function () {
+            var _a;
+            var state = this.stateMachine.authState;
+            var actorContext = ui.getActorContext(state);
+            var user = actorContext.user, authAttributes = actorContext.authAttributes;
+            var username = (_a = user === null || user === void 0 ? void 0 : user.username) !== null && _a !== void 0 ? _a : authAttributes === null || authAttributes === void 0 ? void 0 : authAttributes.username;
+            if (username) {
+                this.username = username;
+                this.stateMachine.send({
+                    type: 'CHANGE',
+                    data: { name: 'username', value: this.username },
+                });
+            }
+        };
+        AmplifyConfirmSignUpComponent.prototype.ngAfterContentInit = function () {
+            this.customComponents = this.contextService.customComponents;
+        };
+        AmplifyConfirmSignUpComponent.prototype.ngOnDestroy = function () {
+            this.authSubscription.unsubscribe();
+        };
+        AmplifyConfirmSignUpComponent.prototype.onStateUpdate = function (state) {
+            var actorState = ui.getActorState(state);
+            this.remoteError = actorState.context.remoteError;
+            this.isPending = !actorState.matches('confirmSignUp.edit');
+        };
+        Object.defineProperty(AmplifyConfirmSignUpComponent.prototype, "context", {
+            get: function () {
+                var _b = this.stateMachine.services, change = _b.change, resend = _b.resend, signIn = _b.signIn, submit = _b.submit;
+                var remoteError = this.remoteError;
+                var username = this.username;
+                return { change: change, remoteError: remoteError, resend: resend, signIn: signIn, submit: submit, username: username };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AmplifyConfirmSignUpComponent.prototype.toSignIn = function () {
+            this.stateMachine.send('SIGN_IN');
+        };
+        AmplifyConfirmSignUpComponent.prototype.resend = function () {
+            this.stateMachine.send({
+                type: 'RESEND',
+                data: {
+                    username: this.username,
+                },
+            });
+        };
+        AmplifyConfirmSignUpComponent.prototype.onInput = function ($event) {
+            $event.preventDefault();
+            var _b = $event.target, name = _b.name, value = _b.value;
+            this.stateMachine.send({
+                type: 'CHANGE',
+                data: { name: name, value: value },
+            });
+        };
+        AmplifyConfirmSignUpComponent.prototype.onSubmit = function (event) {
+            event.preventDefault();
+            var state = this.stateMachine.authState;
+            var actorContext = ui.getActorContext(state);
+            var formValues = actorContext.formValues;
+            var username = formValues.username, confirmation_code = formValues.confirmation_code;
+            this.stateMachine.send({
+                type: 'SUBMIT',
+                data: { username: username, confirmation_code: confirmation_code },
+            });
+        };
+        return AmplifyConfirmSignUpComponent;
+    }());
+    AmplifyConfirmSignUpComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-confirm-sign-up',
+                    template: "<!-- \n  Define default contents here\n-->\n<ng-template #confirmSignUpButton>\n  <button data-amplify-button type=\"submit\">{{ confirmText }}</button>\n</ng-template>\n\n<ng-template #confirmSignUpForm>\n  <form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n    <fieldset data-amplify-fieldset [disabled]=\"isPending\">\n      <amplify-form-input\n        name=\"username\"\n        [initialValue]=\"username ? username : null\"\n        [disabled]=\"!!username\"\n      ></amplify-form-input>\n      <amplify-form-input\n        name=\"confirmation_code\"\n        type=\"number\"\n        autocomplete=\"one-time-code\"\n      ></amplify-form-input>\n\n      <div data-amplify-resend>\n        {{ lostCodeText }}\n        <a data-amplify-link (click)=\"resend()\">{{ resendCodeText }}</a>\n      </div>\n\n      <div data-amplify-footer>\n        <div>\n          Back to{{ ' ' }}\n          <a data-amplify-link (click)=\"toSignIn()\">{{ signInText }}</a>\n        </div>\n        <ng-container\n          [ngTemplateOutlet]=\"\n            customComponents.confirmSignUpButton || confirmSignUpButton\n          \"\n          [ngTemplateOutletContext]=\"context\"\n        >\n        </ng-container>\n      </div>\n    </fieldset>\n\n    <amplify-error *ngIf=\"remoteError\">\n      {{ remoteError }}\n    </amplify-error>\n  </form>\n</ng-template>\n\n<!-- \n  Render confirm sign up component\n-->\n\n<div data-amplify-container>\n  <h2 data-amplify-header>{{ headerText }}</h2>\n  <ng-container\n    [ngTemplateOutlet]=\"customComponents.confirmSignUpForm || confirmSignUpForm\"\n    [ngTemplateOutletContext]=\"context\"\n  >\n  </ng-container>\n</div>\n"
+                },] }
+    ];
+    AmplifyConfirmSignUpComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    AmplifyConfirmSignUpComponent.propDecorators = {
+        dataAttr: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator-confirmsignup',] }],
+        headerText: [{ type: i0.Input }]
+    };
+
+    var AmplifyUserNameAliasComponent = /** @class */ (function () {
+        function AmplifyUserNameAliasComponent(stateMachine) {
+            this.stateMachine = stateMachine;
+            this.name = 'username';
+            this.disabled = false;
+            this.initialValue = '';
+            this.required = true;
+        }
+        AmplifyUserNameAliasComponent.prototype.ngOnInit = function () {
+            var context = this.stateMachine.context;
+            var _a = ui.getAliasInfoFromContext(context), label = _a.label, type = _a.type;
+            this.label = label;
+            this.type = type;
+            this.placeholder = label;
+        };
+        return AmplifyUserNameAliasComponent;
+    }());
+    AmplifyUserNameAliasComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-user-name-alias',
+                    template: "<amplify-form-input\n  data-amplify-usernamealias\n  [name]=\"name\"\n  [label]=\"label\"\n  [type]=\"type\"\n  [placeholder]=\"placeholder\"\n  [initialValue]=\"initialValue\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  autocomplete=\"username\"\n>\n</amplify-form-input>\n"
+                },] }
+    ];
+    AmplifyUserNameAliasComponent.ctorParameters = function () { return [
+        { type: StateMachineService }
+    ]; };
+    AmplifyUserNameAliasComponent.propDecorators = {
+        name: [{ type: i0.Input }],
+        disabled: [{ type: i0.Input }],
+        initialValue: [{ type: i0.Input }],
+        required: [{ type: i0.Input }]
+    };
+
+    var logger$2 = new awsAmplify.Logger('ConfirmSignIn');
+    var AmplifyConfirmSignInComponent = /** @class */ (function () {
+        function AmplifyConfirmSignInComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            this.dataAttr = '';
+            this.customComponents = {};
+            this.remoteError = '';
+            this.isPending = false;
+            this.confirmText = ui.translate('Confirm');
+            this.backToSignInText = ui.translate('Back to Sign In');
+        }
+        AmplifyConfirmSignInComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.authSubscription = this.stateMachine.authService.subscribe(function (state) {
+                _this.onStateUpdate(state);
+            });
+            this.setHeaderText();
+        };
+        AmplifyConfirmSignInComponent.prototype.ngAfterContentInit = function () {
+            this.customComponents = this.contextService.customComponents;
+        };
+        AmplifyConfirmSignInComponent.prototype.ngOnDestroy = function () {
+            this.authSubscription.unsubscribe();
+        };
+        Object.defineProperty(AmplifyConfirmSignInComponent.prototype, "context", {
+            get: function () {
+                var _a = this.stateMachine.services, change = _a.change, signIn = _a.signIn, submit = _a.submit;
+                var remoteError = this.remoteError;
+                return { change: change, remoteError: remoteError, signIn: signIn, submit: submit };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AmplifyConfirmSignInComponent.prototype.setHeaderText = function () {
+            var state = this.stateMachine.authState;
+            var actorContext = ui.getActorContext(state);
+            var challengeName = actorContext.challengeName;
+            switch (challengeName) {
+                case ui.AuthChallengeNames.SOFTWARE_TOKEN_MFA:
+                    // TODO: this string should be centralized and translated from ui.
+                    this.headerText = ui.translate('Confirm TOTP Code');
+                    break;
+                case ui.AuthChallengeNames.SMS_MFA:
+                    this.headerText = ui.translate('Confirm SMS Code');
+                    break;
+                default:
+                    logger$2.error('Unexpected challengeName', challengeName);
+            }
+        };
+        AmplifyConfirmSignInComponent.prototype.onStateUpdate = function (state) {
+            var actorState = ui.getActorState(state);
+            this.remoteError = actorState.context.remoteError;
+            this.isPending = !actorState.matches('confirmSignIn.edit');
+        };
+        AmplifyConfirmSignInComponent.prototype.onInput = function (event) {
+            event.preventDefault();
+            var _a = event.target, name = _a.name, value = _a.value;
+            this.stateMachine.send({
+                type: 'CHANGE',
+                data: { name: name, value: value },
+            });
+        };
+        AmplifyConfirmSignInComponent.prototype.onSubmit = function (event) {
+            event.preventDefault();
+            // TODO: handle form data within the state machine
+            var formData = new FormData(event.target);
+            this.stateMachine.send({
+                type: 'SUBMIT',
+                data: Object.fromEntries(formData),
+            });
+        };
+        AmplifyConfirmSignInComponent.prototype.toSignIn = function () {
+            this.stateMachine.send('SIGN_IN');
+        };
+        return AmplifyConfirmSignInComponent;
+    }());
+    AmplifyConfirmSignInComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-confirm-sign-in',
+                    template: "<!-- \n  Define default contents here\n-->\n<ng-template #confirmSignInButton>\n  <button data-amplify-button type=\"submit\">{{ confirmText }}</button>\n</ng-template>\n\n<ng-template #confirmSignInForm>\n  <form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n    <fieldset data-amplify-fieldset [disabled]=\"isPending\">\n      <amplify-form-input\n        name=\"confirmation_code\"\n        type=\"number\"\n        autocomplete=\"one-time-code\"\n      ></amplify-form-input>\n\n      <div data-amplify-footer>\n        <button type=\"button\" (click)=\"toSignIn()\">\n          {{ backToSignInText }}\n        </button>\n        <ng-container\n          [ngTemplateOutlet]=\"\n            customComponents.confirmSignInButton || confirmSignInButton\n          \"\n          [ngTemplateOutletContext]=\"context\"\n        >\n        </ng-container>\n      </div>\n    </fieldset>\n\n    <amplify-error *ngIf=\"remoteError\">\n      {{ remoteError }}\n    </amplify-error>\n  </form>\n</ng-template>\n\n<!-- \n  Render sign in component\n-->\n\n<div data-amplify-container>\n  <h2 data-amplify-header>{{ headerText }}</h2>\n  <ng-container\n    [ngTemplateOutlet]=\"customComponents.signInForm || confirmSignInForm\"\n    [ngTemplateOutletContext]=\"context\"\n  >\n  </ng-container>\n</div>\n"
+                },] }
+    ];
+    AmplifyConfirmSignInComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    AmplifyConfirmSignInComponent.propDecorators = {
+        dataAttr: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator-confirmsignin',] }]
+    };
+
+    var logger$1 = new awsAmplify.Logger('SetupTotp');
+    var AmplifySetupTotpComponent = /** @class */ (function () {
+        function AmplifySetupTotpComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            this.customComponents = {};
+            this.remoteError = '';
+            this.isPending = false;
+            this.headerText = ui.translate('Setup TOTP');
+            this.qrCodeSource = '';
+            // translated texts
+            this.backToSignInText = ui.translate('Back to Sign In');
+            this.confirmText = ui.translate('Confirm');
+        }
+        AmplifySetupTotpComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.authSubscription = this.stateMachine.authService.subscribe(function (state) {
+                _this.onStateUpdate(state);
+            });
+            this.generateQRCode();
+        };
+        AmplifySetupTotpComponent.prototype.ngAfterContentInit = function () {
+            this.customComponents = this.contextService.customComponents;
+        };
+        AmplifySetupTotpComponent.prototype.ngOnDestroy = function () {
+            this.authSubscription.unsubscribe();
+        };
+        AmplifySetupTotpComponent.prototype.onStateUpdate = function (state) {
+            var actorState = ui.getActorState(state);
+            this.remoteError = actorState.context.remoteError;
+            this.isPending = !actorState.matches('setupTOTP.edit');
+        };
+        Object.defineProperty(AmplifySetupTotpComponent.prototype, "context", {
+            get: function () {
+                var _b = this.stateMachine.services, change = _b.change, submit = _b.submit;
+                var remoteError = this.remoteError;
+                var user = this.stateMachine.user;
+                return { change: change, remoteError: remoteError, submit: submit, user: user };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AmplifySetupTotpComponent.prototype.generateQRCode = function () {
+            var _a;
+            return __awaiter(this, void 0, void 0, function () {
+                var state, actorContext, user, secretKey, issuer, totpCode, _b, err_1;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            state = this.stateMachine.authState;
+                            actorContext = ui.getActorContext(state);
+                            user = actorContext.user;
+                            _c.label = 1;
+                        case 1:
+                            _c.trys.push([1, 4, , 5]);
+                            return [4 /*yield*/, awsAmplify.Auth.setupTOTP(user)];
+                        case 2:
+                            secretKey = _c.sent();
+                            issuer = 'AWSCognito';
+                            totpCode = "otpauth://totp/" + issuer + ":" + user.username + "?secret=" + secretKey + "&issuer=" + issuer;
+                            logger$1.info('totp code was generated:', totpCode);
+                            _b = this;
+                            return [4 /*yield*/, QRCode__default['default'].toDataURL(totpCode)];
+                        case 3:
+                            _b.qrCodeSource = _c.sent();
+                            return [3 /*break*/, 5];
+                        case 4:
+                            err_1 = _c.sent();
+                            this.remoteError = (_a = err_1.message) !== null && _a !== void 0 ? _a : err_1;
+                            logger$1.error(err_1);
+                            return [3 /*break*/, 5];
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        AmplifySetupTotpComponent.prototype.onInput = function (event) {
+            event.preventDefault();
+            var _b = event.target, name = _b.name, value = _b.value;
+            this.stateMachine.send({
+                type: 'CHANGE',
+                data: { name: name, value: value },
+            });
+        };
+        AmplifySetupTotpComponent.prototype.onSubmit = function (event) {
+            event.preventDefault();
+            // TODO: handle form data within the state machine
+            var formData = new FormData(event.target);
+            this.stateMachine.send({
+                type: 'SUBMIT',
+                data: Object.fromEntries(formData),
+            });
+        };
+        AmplifySetupTotpComponent.prototype.toSignIn = function () {
+            this.stateMachine.send('SIGN_IN');
+        };
+        return AmplifySetupTotpComponent;
+    }());
+    AmplifySetupTotpComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-setup-totp',
+                    template: "<!-- \n  Define default contents here\n-->\n<ng-template #setupTotpButton>\n  <button data-amplify-button type=\"submit\">{{ confirmText }}</button>\n</ng-template>\n\n<ng-template #setupTotpForm>\n  <form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n    <fieldset data-amplify-fieldset [disabled]=\"isPending\">\n      <p *ngIf=\"!qrCodeSource\">Loading...</p>\n      <img *ngIf=\"qrCodeSource\" [src]=\"qrCodeSource\" alt=\"qr code\" />\n      <amplify-form-input\n        name=\"confirmation_code\"\n        type=\"number\"\n        autocomplete=\"one-time-code\"\n      ></amplify-form-input>\n\n      <div data-amplify-footer>\n        <button (click)=\"toSignIn()\">{{ backToSignInText }}</button>\n        <ng-container\n          [ngTemplateOutlet]=\"\n            customComponents.setupTotpButton || setupTotpButton\n          \"\n          [ngTemplateOutletContext]=\"context\"\n        >\n        </ng-container>\n      </div>\n    </fieldset>\n\n    <amplify-error *ngIf=\"remoteError\">\n      {{ remoteError }}\n    </amplify-error>\n  </form>\n</ng-template>\n\n<!-- \n  Render sign in component\n-->\n<div data-amplify-container>\n  <h2 data-amplify-header>{{ this.headerText }}</h2>\n  <ng-container\n    [ngTemplateOutlet]=\"customComponents.setupTotpForm || setupTotpForm\"\n    [ngTemplateOutletContext]=\"context\"\n  >\n  </ng-container>\n</div>\n"
+                },] }
+    ];
+    AmplifySetupTotpComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    AmplifySetupTotpComponent.propDecorators = {
+        customComponents: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator-setup-totp',] }]
+    };
+
+    var logger = new awsAmplify.Logger('ForceNewPassword');
+    var AmplifyForceNewPasswordComponent = /** @class */ (function () {
+        function AmplifyForceNewPasswordComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            this.dataAttr = '';
+            this.headerText = ui.translate('Reset your password');
+            this.customComponents = {};
+            this.remoteError = '';
+            this.isPending = false;
+            // translated texts
+            this.changePasswordText = ui.translate('Change Password');
+            this.backToSignInText = ui.translate('Back to Sign In');
+        }
+        AmplifyForceNewPasswordComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.authSubscription = this.stateMachine.authService.subscribe(function (state) { return _this.onStateUpdate(state); });
+        };
+        AmplifyForceNewPasswordComponent.prototype.ngAfterContentInit = function () {
+            this.customComponents = this.contextService.customComponents;
+        };
+        AmplifyForceNewPasswordComponent.prototype.ngOnDestroy = function () {
+            logger.log('sign in destroyed, unsubscribing from state machine...');
+            this.authSubscription.unsubscribe();
+        };
+        AmplifyForceNewPasswordComponent.prototype.onStateUpdate = function (state) {
+            var actorState = ui.getActorState(state);
+            this.remoteError = actorState.context.remoteError;
+            this.isPending = actorState.matches({
+                signUp: {
+                    submission: 'idle',
+                },
+            });
+        };
+        Object.defineProperty(AmplifyForceNewPasswordComponent.prototype, "context", {
+            get: function () {
+                var _a = this.stateMachine.services, change = _a.change, signIn = _a.signIn, submit = _a.submit;
+                var user = this.stateMachine.user;
+                var remoteError = this.remoteError;
+                return { change: change, remoteError: remoteError, signIn: signIn, submit: submit, user: user };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AmplifyForceNewPasswordComponent.prototype.toSignIn = function () {
+            this.stateMachine.send('SIGN_IN');
+        };
+        AmplifyForceNewPasswordComponent.prototype.onInput = function (event) {
+            event.preventDefault();
+            var _a = event.target, name = _a.name, value = _a.value;
+            this.stateMachine.send({
+                type: 'CHANGE',
+                data: { name: name, value: value },
+            });
+        };
+        AmplifyForceNewPasswordComponent.prototype.onSubmit = function (event) {
+            event.preventDefault();
+            // consider stateMachine directly providing actorState / actorContext
+            var state = this.stateMachine.authState;
+            var actorState = ui.getActorContext(state);
+            var formValues = actorState.formValues;
+            this.stateMachine.send({
+                type: 'SUBMIT',
+                data: formValues,
+            });
+        };
+        return AmplifyForceNewPasswordComponent;
+    }());
+    AmplifyForceNewPasswordComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-force-new-password',
+                    template: "<!-- \n  Define default contents here\n-->\n<ng-template #forceNewPasswordSubmitButton>\n  <button data-amplify-button type=\"submit\">{{ changePasswordText }}</button>\n</ng-template>\n\n<ng-template #signInForm>\n  <form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n    <fieldset data-amplify-fieldset [disabled]=\"isPending\">\n      <amplify-form-input\n        name=\"password\"\n        type=\"password\"\n        autocomplete=\"new-password\"\n      ></amplify-form-input>\n\n      <amplify-form-input\n        name=\"confirm_password\"\n        label=\"Confirm Password\"\n        type=\"password\"\n        autocomplete=\"new-password\"\n      ></amplify-form-input>\n\n      <div data-amplify-footer>\n        <button type=\"button\" (click)=\"toSignIn()\">\n          {{ backToSignInText }}\n        </button>\n        <ng-container\n          [ngTemplateOutlet]=\"\n            customComponents.forceNewPasswordSubmitButton ||\n            forceNewPasswordSubmitButton\n          \"\n          [ngTemplateOutletContext]=\"context\"\n        >\n        </ng-container>\n      </div>\n    </fieldset>\n\n    <amplify-error *ngIf=\"remoteError\">\n      {{ remoteError }}\n    </amplify-error>\n  </form>\n</ng-template>\n\n<!-- \n  Render sign in component\n-->\n<div data-amplify-container>\n  <h2 data-amplify-header>{{ this.headerText }}</h2>\n  <ng-container\n    [ngTemplateOutlet]=\"customComponents.signInForm || signInForm\"\n    [ngTemplateOutletContext]=\"context\"\n  >\n  </ng-container>\n</div>\n"
+                },] }
+    ];
+    AmplifyForceNewPasswordComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    AmplifyForceNewPasswordComponent.propDecorators = {
+        dataAttr: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator-forcenewpassword',] }],
+        headerText: [{ type: i0.Input }]
+    };
+
+    var AmplifyFederatedSignInComponent = /** @class */ (function () {
+        function AmplifyFederatedSignInComponent(stateMachine) {
+            this.stateMachine = stateMachine;
+            this.FederatedProviders = ui.FederatedIdentityProviders;
+            this.includeFacebook = false;
+            this.includeGoogle = false;
+            this.includeAmazon = false;
+            this.shouldShowFederatedSignIn = false;
+            // translated texts
+            this.signInFacebookText = ui.translate('Sign In with Facebook');
+            this.signInGoogleText = ui.translate('Sign In with Google');
+            this.signInAmazonText = ui.translate('Sign In with Amazon');
+        }
+        AmplifyFederatedSignInComponent.prototype.ngOnInit = function () {
+            var _a, _b;
+            var loginMechanisms = (_b = (_a = this.stateMachine.context) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.login_mechanisms;
+            this.includeFacebook = loginMechanisms === null || loginMechanisms === void 0 ? void 0 : loginMechanisms.includes('facebook');
+            this.includeGoogle = loginMechanisms === null || loginMechanisms === void 0 ? void 0 : loginMechanisms.includes('google');
+            this.includeAmazon = loginMechanisms === null || loginMechanisms === void 0 ? void 0 : loginMechanisms.includes('amazon');
+            this.shouldShowFederatedSignIn =
+                this.includeFacebook || this.includeGoogle || this.includeAmazon;
+        };
+        return AmplifyFederatedSignInComponent;
+    }());
+    AmplifyFederatedSignInComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-federated-sign-in',
+                    template: "<div data-amplify-federated>\n  <amplify-federated-sign-in-button\n    *ngIf=\"includeFacebook\"\n    [text]=\"signInFacebookText\"\n    [provider]=\"FederatedProviders.Facebook\"\n  ></amplify-federated-sign-in-button>\n\n  <amplify-federated-sign-in-button\n    *ngIf=\"includeGoogle\"\n    [text]=\"signInGoogleText\"\n    [provider]=\"FederatedProviders.Google\"\n  ></amplify-federated-sign-in-button>\n\n  <amplify-federated-sign-in-button\n    *ngIf=\"includeAmazon\"\n    [text]=\"signInAmazonText\"\n    [provider]=\"FederatedProviders.Amazon\"\n  ></amplify-federated-sign-in-button>\n</div>\n"
+                },] }
+    ];
+    AmplifyFederatedSignInComponent.ctorParameters = function () { return [
+        { type: StateMachineService }
+    ]; };
+
+    var AmplifyFederatedSignInButtonComponent = /** @class */ (function () {
+        function AmplifyFederatedSignInButtonComponent(stateMachine) {
+            var _this = this;
+            this.stateMachine = stateMachine;
+            this.onClick = function () {
+                _this.stateMachine.send({
+                    type: 'FEDERATED_SIGN_IN',
+                    data: { provider: _this.provider },
+                });
+            };
+        }
+        return AmplifyFederatedSignInButtonComponent;
+    }());
+    AmplifyFederatedSignInButtonComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-federated-sign-in-button',
+                    template: "<button data-amplify-button (click)=\"onClick()\">{{ text }}</button>\n"
+                },] }
+    ];
+    AmplifyFederatedSignInButtonComponent.ctorParameters = function () { return [
+        { type: StateMachineService }
+    ]; };
+    AmplifyFederatedSignInButtonComponent.propDecorators = {
+        provider: [{ type: i0.Input }],
+        text: [{ type: i0.Input }]
+    };
+
+    var AmplifyResetPasswordComponent = /** @class */ (function () {
+        function AmplifyResetPasswordComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            this.dataAttr = '';
+            this.headerText = ui.translate('Reset your password');
+            this.customComponents = {};
+            this.remoteError = '';
+            this.isPending = false;
+            // translated texts
+            this.sendCodeText = ui.translate('Send Code');
+            this.backToSignInText = ui.translate('Back to Sign In');
+        }
+        AmplifyResetPasswordComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.authSubscription = this.stateMachine.authService.subscribe(function (state) { return _this.onStateUpdate(state); });
+        };
+        AmplifyResetPasswordComponent.prototype.ngAfterContentInit = function () {
+            this.customComponents = this.contextService.customComponents;
+        };
+        AmplifyResetPasswordComponent.prototype.ngOnDestroy = function () {
+            this.authSubscription.unsubscribe();
+        };
+        AmplifyResetPasswordComponent.prototype.onStateUpdate = function (state) {
+            var actorState = ui.getActorState(state);
+            this.remoteError = actorState.context.remoteError;
+            this.isPending = !actorState.matches('resetPassword.edit');
+        };
+        Object.defineProperty(AmplifyResetPasswordComponent.prototype, "context", {
+            get: function () {
+                var _a = this.stateMachine.services, change = _a.change, signIn = _a.signIn, submit = _a.submit;
+                var remoteError = this.remoteError;
+                return { change: change, remoteError: remoteError, signIn: signIn, submit: submit };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AmplifyResetPasswordComponent.prototype.toSignIn = function () {
+            this.stateMachine.send('SIGN_IN');
+        };
+        AmplifyResetPasswordComponent.prototype.onInput = function (event) {
+            event.preventDefault();
+            var _a = event.target, name = _a.name, value = _a.value;
+            this.stateMachine.send({
+                type: 'CHANGE',
+                data: { name: name, value: value },
+            });
+        };
+        AmplifyResetPasswordComponent.prototype.onSubmit = function (event) {
+            event.preventDefault();
+            this.stateMachine.send('SUBMIT');
+        };
+        return AmplifyResetPasswordComponent;
+    }());
+    AmplifyResetPasswordComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-reset-password',
+                    template: "<!-- \n  Define default contents here\n-->\n<ng-template #resetPasswordSubmitButton>\n  <button data-amplify-button type=\"submit\">{{ sendCodeText }}</button>\n</ng-template>\n\n<ng-template #resetPasswordFooter>\n  <div data-amplify-footer>\n    <button type=\"button\" (click)=\"toSignIn()\">{{ backToSignInText }}</button>\n    <ng-container\n      [ngTemplateOutlet]=\"\n        customComponents.resetPasswordSubmitButton || resetPasswordSubmitButton\n      \"\n      [ngTemplateOutletContext]=\"context\"\n    >\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #resetPasswordForm>\n  <form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n    <fieldset data-amplify-fieldset [disabled]=\"isPending\">\n      <amplify-form-input\n        name=\"username\"\n        type=\"username\"\n        autocomplete=\"username\"\n      ></amplify-form-input>\n      <ng-container\n        [ngTemplateOutlet]=\"\n          customComponents.resetPasswordFooter || resetPasswordFooter\n        \"\n        [ngTemplateOutletContext]=\"context\"\n      ></ng-container>\n    </fieldset>\n\n    <amplify-error *ngIf=\"remoteError\">\n      {{ remoteError }}\n    </amplify-error>\n  </form>\n</ng-template>\n\n<!-- \n  Render reset passsword component\n-->\n<div data-amplify-container>\n  <h2 data-amplify-header>{{ this.headerText }}</h2>\n  <ng-container\n    [ngTemplateOutlet]=\"customComponents.resetPasswordForm || resetPasswordForm\"\n    [ngTemplateOutletContext]=\"context\"\n  >\n  </ng-container>\n</div>\n"
+                },] }
+    ];
+    AmplifyResetPasswordComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    AmplifyResetPasswordComponent.propDecorators = {
+        dataAttr: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator-resetPassword',] }],
+        headerText: [{ type: i0.Input }]
+    };
+
+    var AmplifyVerifyUserComponent = /** @class */ (function () {
+        function AmplifyVerifyUserComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            this.dataAttr = '';
+            this.headerText = ui.translate('Account recovery requires verified contact information');
+            this.customComponents = {};
+            this.unverifiedAttributes = {};
+            this.remoteError = '';
+            this.isPending = false;
+            // translated texts
+            this.skipText = ui.translate('Skip');
+            this.verifyText = ui.translate('Verify');
+        }
+        AmplifyVerifyUserComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.authSubscription = this.stateMachine.authService.subscribe(function (state) { return _this.onStateUpdate(state); });
+        };
+        AmplifyVerifyUserComponent.prototype.ngAfterContentInit = function () {
+            this.customComponents = this.contextService.customComponents;
+        };
+        AmplifyVerifyUserComponent.prototype.ngOnDestroy = function () {
+            this.authSubscription.unsubscribe();
+        };
+        AmplifyVerifyUserComponent.prototype.onStateUpdate = function (state) {
+            var actorState = ui.getActorState(state);
+            this.unverifiedAttributes = actorState.context.unverifiedAttributes;
+            this.remoteError = actorState.context.remoteError;
+            this.isPending = !actorState.matches('verifyUser.edit');
+        };
+        Object.defineProperty(AmplifyVerifyUserComponent.prototype, "context", {
+            get: function () {
+                var _a = this.stateMachine.services, change = _a.change, skip = _a.skip, submit = _a.submit;
+                var remoteError = this.remoteError;
+                return { change: change, remoteError: remoteError, skip: skip, submit: submit };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AmplifyVerifyUserComponent.prototype.skipVerify = function () {
+            this.stateMachine.send('SKIP');
+        };
+        // enable translate to be used inside the template
+        AmplifyVerifyUserComponent.prototype.translate = function (phrase) {
+            return ui.translate(phrase);
+        };
+        AmplifyVerifyUserComponent.prototype.onSubmit = function (event) {
+            return __awaiter(this, void 0, void 0, function () {
+                var formData;
+                return __generator(this, function (_a) {
+                    event.preventDefault();
+                    formData = new FormData(event.target);
+                    this.stateMachine.send({
+                        type: 'SUBMIT',
+                        data: Object.fromEntries(formData),
+                    });
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return AmplifyVerifyUserComponent;
+    }());
+    AmplifyVerifyUserComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-verify-user',
+                    template: "<!-- \n  Define default contents here\n-->\n<ng-template #verifyUserFooter>\n  <div data-amplify-footer>\n    <button data-amplify-button (click)=\"skipVerify()\">{{ skipText }}</button>\n    <button data-amplify-button type=\"submit\">{{ verifyText }}</button>\n  </div>\n</ng-template>\n\n<ng-template #verifyUserForm>\n  <form data-amplify-form (submit)=\"onSubmit($event)\">\n    <fieldset data-amplify-fieldset [disabled]=\"isPending\">\n      <ng-container\n        *ngFor=\"let unverifiedAttribute of unverifiedAttributes | keyvalue\"\n      >\n        <input\n          name=\"unverifiedAttr\"\n          type=\"radio\"\n          [value]=\"unverifiedAttribute.key\"\n        />\n        <span>{{ translate(unverifiedAttribute.key) }}</span>\n      </ng-container>\n      <ng-container\n        [ngTemplateOutlet]=\"\n          customComponents.verifyUserFooter || verifyUserFooter\n        \"\n        [ngTemplateOutletContext]=\"context\"\n      >\n      </ng-container>\n    </fieldset>\n\n    <amplify-error *ngIf=\"remoteError\">\n      {{ remoteError }}\n    </amplify-error>\n  </form>\n</ng-template>\n\n<!-- \n  Render verify user component\n-->\n<div data-amplify-container>\n  <h2 data-amplify-header>{{ this.headerText }}</h2>\n  <ng-container\n    [ngTemplateOutlet]=\"customComponents.verifyUserForm || verifyUserForm\"\n    [ngTemplateOutletContext]=\"context\"\n  >\n  </ng-container>\n</div>\n",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    AmplifyVerifyUserComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    AmplifyVerifyUserComponent.propDecorators = {
+        dataAttr: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator-verifyuser',] }],
+        headerText: [{ type: i0.Input }]
+    };
+
+    var ConfirmResetPasswordComponent = /** @class */ (function () {
+        function ConfirmResetPasswordComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            this.dataAttr = '';
+            this.headerText = ui.translate('Reset your password');
+            this.customComponents = {};
+            this.remoteError = '';
+            this.isPending = false;
+            // translated strings
+            this.sendCodeText = ui.translate('Send Code');
+            this.backToSignInText = ui.translate('Back to Sign In');
+            this.lostCodeText = ui.translate('Lost your code? ');
+            this.resendCodeText = ui.translate('Resend Code');
+        }
+        ConfirmResetPasswordComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.authSubscription = this.stateMachine.authService.subscribe(function (state) { return _this.onStateUpdate(state); });
+        };
+        ConfirmResetPasswordComponent.prototype.ngAfterContentInit = function () {
+            this.customComponents = this.contextService.customComponents;
+        };
+        ConfirmResetPasswordComponent.prototype.ngOnDestroy = function () {
+            this.authSubscription.unsubscribe();
+        };
+        ConfirmResetPasswordComponent.prototype.onStateUpdate = function (state) {
+            var actorState = ui.getActorState(state);
+            this.remoteError = actorState.context.remoteError;
+            this.isPending = !actorState.matches('confirmResetPassword.edit');
+        };
+        Object.defineProperty(ConfirmResetPasswordComponent.prototype, "context", {
+            get: function () {
+                var _a = this.stateMachine.services, change = _a.change, resend = _a.resend, signIn = _a.signIn, submit = _a.submit;
+                var remoteError = this.remoteError;
+                return { change: change, resend: resend, remoteError: remoteError, signIn: signIn, submit: submit };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ConfirmResetPasswordComponent.prototype.toSignIn = function () {
+            this.stateMachine.send('SIGN_IN');
+        };
+        ConfirmResetPasswordComponent.prototype.resend = function () {
+            this.stateMachine.send('RESEND');
+        };
+        ConfirmResetPasswordComponent.prototype.onInput = function (event) {
+            event.preventDefault();
+            var _a = event.target, name = _a.name, value = _a.value;
+            this.stateMachine.send({
+                type: 'CHANGE',
+                data: { name: name, value: value },
+            });
+        };
+        ConfirmResetPasswordComponent.prototype.onSubmit = function (event) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    event.preventDefault();
+                    this.stateMachine.send('SUBMIT');
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return ConfirmResetPasswordComponent;
+    }());
+    ConfirmResetPasswordComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-confirm-reset-password',
+                    template: "<!-- \n  Define default contents here\n-->\n<ng-template #confirmResetPasswordSubmitButton>\n  <button data-amplify-button type=\"submit\">{{ sendCodeText }}</button>\n</ng-template>\n\n<ng-template #confirmResetPasswordFooter>\n  <div data-amplify-footer>\n    <div>\n      <button type=\"button\" (click)=\"toSignIn()\">{{ backToSignInText }}</button>\n    </div>\n    <ng-container\n      [ngTemplateOutlet]=\"\n        customComponents.confirmResetPasswordSubmitButton ||\n        confirmResetPasswordSubmitButton\n      \"\n      [ngTemplateOutletContext]=\"context\"\n    >\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #confirmResetPasswordForm>\n  <form data-amplify-form (submit)=\"onSubmit($event)\" (input)=\"onInput($event)\">\n    <fieldset data-amplify-fieldset [disabled]=\"isPending\">\n      <amplify-form-input\n        name=\"confirmation_code\"\n        type=\"number\"\n        autocomplete=\"one-time-code\"\n      ></amplify-form-input>\n      <amplify-form-input\n        name=\"password\"\n        label=\"New password\"\n        autocomplete=\"new-password\"\n      ></amplify-form-input>\n\n      <div data-amplify-resend>\n        {{ lostCodeText }}\n        <button type=\"button\" (click)=\"resend()\">{{ resendCodeText }}</button>\n      </div>\n\n      <ng-container\n        [ngTemplateOutlet]=\"\n          customComponents.confirmResetPasswordFooter ||\n          confirmResetPasswordFooter\n        \"\n        [ngTemplateOutletContext]=\"context\"\n      ></ng-container>\n    </fieldset>\n\n    <amplify-error *ngIf=\"remoteError\">\n      {{ remoteError }}\n    </amplify-error>\n  </form>\n</ng-template>\n\n<!-- \n  Render confirm reset password component\n-->\n<div data-amplify-container>\n  <h2 data-amplify-header>{{ headerText }}</h2>\n  <ng-container\n    [ngTemplateOutlet]=\"\n      customComponents.confirmResetPasswordForm || confirmResetPasswordForm\n    \"\n    [ngTemplateOutletContext]=\"context\"\n  >\n  </ng-container>\n</div>\n"
+                },] }
+    ];
+    ConfirmResetPasswordComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    ConfirmResetPasswordComponent.propDecorators = {
+        dataAttr: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator-confirmsignin',] }],
+        headerText: [{ type: i0.Input }]
+    };
+
+    var ConfirmVerifyUserComponent = /** @class */ (function () {
+        function ConfirmVerifyUserComponent(stateMachine, contextService) {
+            this.stateMachine = stateMachine;
+            this.contextService = contextService;
+            this.dataAttr = '';
+            this.headerText = 'Account recovery requires verified contact information';
+            this.customComponents = {};
+            this.remoteError = '';
+            this.isPending = false;
+        }
+        ConfirmVerifyUserComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.authSubscription = this.stateMachine.authService.subscribe(function (state) { return _this.onStateUpdate(state); });
+        };
+        ConfirmVerifyUserComponent.prototype.ngAfterContentInit = function () {
+            this.customComponents = this.contextService.customComponents;
+        };
+        ConfirmVerifyUserComponent.prototype.ngOnDestroy = function () {
+            this.authSubscription.unsubscribe();
+        };
+        ConfirmVerifyUserComponent.prototype.onStateUpdate = function (state) {
+            var actorState = ui.getActorState(state);
+            this.remoteError = actorState.context.remoteError;
+            this.isPending = !actorState.matches('confirmVerifyUser.edit');
+        };
+        Object.defineProperty(ConfirmVerifyUserComponent.prototype, "context", {
+            get: function () {
+                var _a = this.stateMachine.services, skip = _a.skip, submit = _a.submit;
+                var remoteError = this.remoteError;
+                return { remoteError: remoteError, skip: skip, submit: submit };
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ConfirmVerifyUserComponent.prototype.skipVerify = function () {
+            this.stateMachine.send('SKIP');
+        };
+        ConfirmVerifyUserComponent.prototype.onSubmit = function (event) {
+            return __awaiter(this, void 0, void 0, function () {
+                var formData;
+                return __generator(this, function (_a) {
+                    event.preventDefault();
+                    formData = new FormData(event.target);
+                    this.stateMachine.send({
+                        type: 'SUBMIT',
+                        data: Object.fromEntries(formData),
+                    });
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return ConfirmVerifyUserComponent;
+    }());
+    ConfirmVerifyUserComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-confirm-verify-user',
+                    template: "<!-- \n  Define default contents here\n-->\n<ng-template #verifyUserFooter>\n  <div data-amplify-footer>\n    <button data-amplify-button (click)=\"skipVerify()\">Skip</button>\n    <button data-amplify-button type=\"submit\">Submit</button>\n  </div>\n</ng-template>\n\n<ng-template #confirmVerifyUserForm>\n  <form data-amplify-form (submit)=\"onSubmit($event)\">\n    <fieldset data-amplify-fieldset [disabled]=\"isPending\">\n      <amplify-form-input\n        name=\"confirmation_code\"\n        type=\"number\"\n        autocomplete=\"one-time-code\"\n      ></amplify-form-input>\n      <ng-container\n        [ngTemplateOutlet]=\"\n          customComponents.verifyUserFooter || verifyUserFooter\n        \"\n        [ngTemplateOutletContext]=\"context\"\n      >\n      </ng-container>\n    </fieldset>\n\n    <amplify-error *ngIf=\"remoteError\">\n      {{ remoteError }}\n    </amplify-error>\n  </form>\n</ng-template>\n\n<!-- \n  Render confirm reset password component\n-->\n<div data-amplify-container>\n  <h2 data-amplify-header>{{ this.headerText }}</h2>\n  <ng-container\n    [ngTemplateOutlet]=\"\n      customComponents.confirmVerifyUserForm || confirmVerifyUserForm\n    \"\n    [ngTemplateOutletContext]=\"context\"\n  >\n  </ng-container>\n</div>\n"
+                },] }
+    ];
+    ConfirmVerifyUserComponent.ctorParameters = function () { return [
+        { type: StateMachineService },
+        { type: AuthPropService }
+    ]; };
+    ConfirmVerifyUserComponent.propDecorators = {
+        dataAttr: [{ type: i0.HostBinding, args: ['attr.data-amplify-authenticator-confirmverifyuser',] }],
+        headerText: [{ type: i0.Input }]
+    };
+
+    var AmplifySelectComponent = /** @class */ (function () {
+        function AmplifySelectComponent() {
+        }
+        return AmplifySelectComponent;
+    }());
+    AmplifySelectComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-form-select',
+                    template: "<select [id]=\"id\" [name]=\"name\" [attr.aria-label]=\"label\">\n  <option\n    *ngFor=\"let item of items\"\n    [value]=\"item\"\n    [selected]=\"item === initialValue\"\n  >\n    {{ item }}\n  </option>\n</select>\n"
+                },] }
+    ];
+    AmplifySelectComponent.propDecorators = {
+        items: [{ type: i0.Input }],
+        name: [{ type: i0.Input }],
+        label: [{ type: i0.Input }],
+        id: [{ type: i0.Input }],
+        initialValue: [{ type: i0.Input }]
+    };
+
+    var proxyInputs = function (Cmp, inputs) {
+        var Prototype = Cmp.prototype;
+        inputs.forEach(function (item) {
+            Object.defineProperty(Prototype, item, {
+                get: function () {
+                    return this.el[item];
+                },
+                set: function (val) {
+                    var _this = this;
+                    this.z.runOutsideAngular(function () { return (_this.el[item] = val); });
+                },
+            });
+        });
+    };
+    var proxyMethods = function (Cmp, methods) {
+        var Prototype = Cmp.prototype;
+        methods.forEach(function (methodName) {
+            Prototype[methodName] = function () {
+                var _this = this;
+                var args = arguments;
+                return this.z.runOutsideAngular(function () { return _this.el[methodName].apply(_this.el, args); });
+            };
+        });
+    };
+    var proxyOutputs = function (instance, el, events) {
+        events.forEach(function (eventName) { return (instance[eventName] = rxjs.fromEvent(el, eventName)); });
+    };
+    // tslint:disable-next-line: only-arrow-functions
+    function ProxyCmp(opts) {
+        var decorator = function (cls) {
+            if (opts.inputs) {
+                proxyInputs(cls, opts.inputs);
+            }
+            if (opts.methods) {
+                proxyMethods(cls, opts.methods);
+            }
+            return cls;
+        };
+        return decorator;
+    }
+    var AmplifyAmazonButton = /** @class */ (function () {
+        function AmplifyAmazonButton(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyAmazonButton;
+    }());
+    AmplifyAmazonButton.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-amazon-button',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['clientId', 'handleAuthStateChange']
+                },] }
+    ];
+    AmplifyAmazonButton.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyAmazonButton = __decorate([
+        ProxyCmp({ inputs: ['clientId', 'handleAuthStateChange'] })
+    ], AmplifyAmazonButton);
+    var AmplifyAuthContainer = /** @class */ (function () {
+        function AmplifyAuthContainer(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyAuthContainer;
+    }());
+    AmplifyAuthContainer.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-auth-container',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                },] }
+    ];
+    AmplifyAuthContainer.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    var AmplifyAuthFields = /** @class */ (function () {
+        function AmplifyAuthFields(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyAuthFields;
+    }());
+    AmplifyAuthFields.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-auth-fields',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['formFields']
+                },] }
+    ];
+    AmplifyAuthFields.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyAuthFields = __decorate([
+        ProxyCmp({ inputs: ['formFields'] })
+    ], AmplifyAuthFields);
+    var AmplifyAuth0Button = /** @class */ (function () {
+        function AmplifyAuth0Button(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyAuth0Button;
+    }());
+    AmplifyAuth0Button.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-auth0-button',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['config', 'handleAuthStateChange']
+                },] }
+    ];
+    AmplifyAuth0Button.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyAuth0Button = __decorate([
+        ProxyCmp({ inputs: ['config', 'handleAuthStateChange'] })
+    ], AmplifyAuth0Button);
+    var AmplifyAuthenticator = /** @class */ (function () {
+        function AmplifyAuthenticator(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyAuthenticator;
+    }());
+    AmplifyAuthenticator.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-authenticator',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'federated',
+                        'handleAuthStateChange',
+                        'hideToast',
+                        'initialAuthState',
+                        'usernameAlias',
+                    ]
+                },] }
+    ];
+    AmplifyAuthenticator.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyAuthenticator = __decorate([
+        ProxyCmp({
+            inputs: [
+                'federated',
+                'handleAuthStateChange',
+                'hideToast',
+                'initialAuthState',
+                'usernameAlias',
+            ],
+        })
+    ], AmplifyAuthenticator);
+    exports.AmplifyButton = /** @class */ (function () {
+        function AmplifyButton(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyButton;
+    }());
+    exports.AmplifyButton.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-button',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['disabled', 'handleButtonClick', 'icon', 'type', 'variant']
+                },] }
+    ];
+    exports.AmplifyButton.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyButton = __decorate([
+        ProxyCmp({
+            inputs: ['disabled', 'handleButtonClick', 'icon', 'type', 'variant'],
+        })
+    ], exports.AmplifyButton);
+    exports.AmplifyChatbot = /** @class */ (function () {
+        function AmplifyChatbot(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+            proxyOutputs(this, this.el, ['chatCompleted']);
+        }
+        return AmplifyChatbot;
+    }());
+    exports.AmplifyChatbot.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-chatbot',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'botName',
+                        'botTitle',
+                        'clearOnComplete',
+                        'conversationModeOn',
+                        'silenceThreshold',
+                        'silenceTime',
+                        'textEnabled',
+                        'voiceEnabled',
+                        'welcomeMessage',
+                    ]
+                },] }
+    ];
+    exports.AmplifyChatbot.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyChatbot = __decorate([
+        ProxyCmp({
+            inputs: [
+                'botName',
+                'botTitle',
+                'clearOnComplete',
+                'conversationModeOn',
+                'silenceThreshold',
+                'silenceTime',
+                'textEnabled',
+                'voiceEnabled',
+                'welcomeMessage',
+            ],
+        })
+    ], exports.AmplifyChatbot);
+    var AmplifyCheckbox = /** @class */ (function () {
+        function AmplifyCheckbox(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyCheckbox;
+    }());
+    AmplifyCheckbox.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-checkbox',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['checked', 'disabled', 'fieldId', 'label', 'name', 'value']
+                },] }
+    ];
+    AmplifyCheckbox.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyCheckbox = __decorate([
+        ProxyCmp({
+            inputs: ['checked', 'disabled', 'fieldId', 'label', 'name', 'value'],
+        })
+    ], AmplifyCheckbox);
+    var AmplifyCodeField = /** @class */ (function () {
+        function AmplifyCodeField(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyCodeField;
+    }());
+    AmplifyCodeField.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-code-field',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'disabled',
+                        'fieldId',
+                        'handleInputChange',
+                        'hint',
+                        'inputProps',
+                        'label',
+                        'placeholder',
+                        'required',
+                        'value',
+                    ]
+                },] }
+    ];
+    AmplifyCodeField.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyCodeField = __decorate([
+        ProxyCmp({
+            inputs: [
+                'disabled',
+                'fieldId',
+                'handleInputChange',
+                'hint',
+                'inputProps',
+                'label',
+                'placeholder',
+                'required',
+                'value',
+            ],
+        })
+    ], AmplifyCodeField);
+    var AmplifyConfirmSignIn = /** @class */ (function () {
+        function AmplifyConfirmSignIn(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyConfirmSignIn;
+    }());
+    AmplifyConfirmSignIn.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-confirm-sign-in',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'formFields',
+                        'handleAuthStateChange',
+                        'handleSubmit',
+                        'headerText',
+                        'submitButtonText',
+                        'user',
+                    ]
+                },] }
+    ];
+    AmplifyConfirmSignIn.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyConfirmSignIn = __decorate([
+        ProxyCmp({
+            inputs: [
+                'formFields',
+                'handleAuthStateChange',
+                'handleSubmit',
+                'headerText',
+                'submitButtonText',
+                'user',
+            ],
+        })
+    ], AmplifyConfirmSignIn);
+    var AmplifyConfirmSignUp = /** @class */ (function () {
+        function AmplifyConfirmSignUp(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyConfirmSignUp;
+    }());
+    AmplifyConfirmSignUp.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-confirm-sign-up',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'formFields',
+                        'handleAuthStateChange',
+                        'handleSubmit',
+                        'headerText',
+                        'submitButtonText',
+                        'user',
+                        'usernameAlias',
+                    ]
+                },] }
+    ];
+    AmplifyConfirmSignUp.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyConfirmSignUp = __decorate([
+        ProxyCmp({
+            inputs: [
+                'formFields',
+                'handleAuthStateChange',
+                'handleSubmit',
+                'headerText',
+                'submitButtonText',
+                'user',
+                'usernameAlias',
+            ],
+        })
+    ], AmplifyConfirmSignUp);
+    var AmplifyContainer = /** @class */ (function () {
+        function AmplifyContainer(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyContainer;
+    }());
+    AmplifyContainer.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-container',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                },] }
+    ];
+    AmplifyContainer.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    var AmplifyCountryDialCode = /** @class */ (function () {
+        function AmplifyCountryDialCode(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyCountryDialCode;
+    }());
+    AmplifyCountryDialCode.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-country-dial-code',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['dialCode', 'fieldId', 'handleInputChange', 'options']
+                },] }
+    ];
+    AmplifyCountryDialCode.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyCountryDialCode = __decorate([
+        ProxyCmp({ inputs: ['dialCode', 'fieldId', 'handleInputChange', 'options'] })
+    ], AmplifyCountryDialCode);
+    var AmplifyEmailField = /** @class */ (function () {
+        function AmplifyEmailField(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyEmailField;
+    }());
+    AmplifyEmailField.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-email-field',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'disabled',
+                        'fieldId',
+                        'handleInputChange',
+                        'hint',
+                        'inputProps',
+                        'label',
+                        'placeholder',
+                        'required',
+                        'value',
+                    ]
+                },] }
+    ];
+    AmplifyEmailField.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyEmailField = __decorate([
+        ProxyCmp({
+            inputs: [
+                'disabled',
+                'fieldId',
+                'handleInputChange',
+                'hint',
+                'inputProps',
+                'label',
+                'placeholder',
+                'required',
+                'value',
+            ],
+        })
+    ], AmplifyEmailField);
+    var AmplifyFacebookButton = /** @class */ (function () {
+        function AmplifyFacebookButton(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyFacebookButton;
+    }());
+    AmplifyFacebookButton.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-facebook-button',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['appId', 'handleAuthStateChange']
+                },] }
+    ];
+    AmplifyFacebookButton.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyFacebookButton = __decorate([
+        ProxyCmp({ inputs: ['appId', 'handleAuthStateChange'] })
+    ], AmplifyFacebookButton);
+    var AmplifyFederatedButtons = /** @class */ (function () {
+        function AmplifyFederatedButtons(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyFederatedButtons;
+    }());
+    AmplifyFederatedButtons.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-federated-buttons',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['authState', 'federated', 'handleAuthStateChange']
+                },] }
+    ];
+    AmplifyFederatedButtons.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyFederatedButtons = __decorate([
+        ProxyCmp({ inputs: ['authState', 'federated', 'handleAuthStateChange'] })
+    ], AmplifyFederatedButtons);
+    var AmplifyFederatedSignIn = /** @class */ (function () {
+        function AmplifyFederatedSignIn(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyFederatedSignIn;
+    }());
+    AmplifyFederatedSignIn.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-federated-sign-in',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['authState', 'federated']
+                },] }
+    ];
+    AmplifyFederatedSignIn.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyFederatedSignIn = __decorate([
+        ProxyCmp({ inputs: ['authState', 'federated'] })
+    ], AmplifyFederatedSignIn);
+    var AmplifyForgotPassword = /** @class */ (function () {
+        function AmplifyForgotPassword(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyForgotPassword;
+    }());
+    AmplifyForgotPassword.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-forgot-password',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'formFields',
+                        'handleAuthStateChange',
+                        'handleSend',
+                        'handleSubmit',
+                        'headerText',
+                        'sendButtonText',
+                        'submitButtonText',
+                        'usernameAlias',
+                    ]
+                },] }
+    ];
+    AmplifyForgotPassword.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyForgotPassword = __decorate([
+        ProxyCmp({
+            inputs: [
+                'formFields',
+                'handleAuthStateChange',
+                'handleSend',
+                'handleSubmit',
+                'headerText',
+                'sendButtonText',
+                'submitButtonText',
+                'usernameAlias',
+            ],
+        })
+    ], AmplifyForgotPassword);
+    var AmplifyFormField = /** @class */ (function () {
+        function AmplifyFormField(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyFormField;
+    }());
+    AmplifyFormField.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-form-field',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'description',
+                        'disabled',
+                        'fieldId',
+                        'handleInputChange',
+                        'hint',
+                        'inputProps',
+                        'label',
+                        'name',
+                        'placeholder',
+                        'required',
+                        'type',
+                        'value',
+                    ]
+                },] }
+    ];
+    AmplifyFormField.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyFormField = __decorate([
+        ProxyCmp({
+            inputs: [
+                'description',
+                'disabled',
+                'fieldId',
+                'handleInputChange',
+                'hint',
+                'inputProps',
+                'label',
+                'name',
+                'placeholder',
+                'required',
+                'type',
+                'value',
+            ],
+        })
+    ], AmplifyFormField);
+    var AmplifyFormSection = /** @class */ (function () {
+        function AmplifyFormSection(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyFormSection;
+    }());
+    AmplifyFormSection.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-form-section',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'handleSubmit',
+                        'headerText',
+                        'loading',
+                        'secondaryFooterContent',
+                        'submitButtonText',
+                        'testDataPrefix',
+                    ]
+                },] }
+    ];
+    AmplifyFormSection.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyFormSection = __decorate([
+        ProxyCmp({
+            inputs: [
+                'handleSubmit',
+                'headerText',
+                'loading',
+                'secondaryFooterContent',
+                'submitButtonText',
+                'testDataPrefix',
+            ],
+        })
+    ], AmplifyFormSection);
+    var AmplifyGoogleButton = /** @class */ (function () {
+        function AmplifyGoogleButton(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyGoogleButton;
+    }());
+    AmplifyGoogleButton.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-google-button',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['clientId', 'handleAuthStateChange']
+                },] }
+    ];
+    AmplifyGoogleButton.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyGoogleButton = __decorate([
+        ProxyCmp({ inputs: ['clientId', 'handleAuthStateChange'] })
+    ], AmplifyGoogleButton);
+    var AmplifyGreetings = /** @class */ (function () {
+        function AmplifyGreetings(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyGreetings;
+    }());
+    AmplifyGreetings.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-greetings',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['handleAuthStateChange', 'logo', 'username']
+                },] }
+    ];
+    AmplifyGreetings.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyGreetings = __decorate([
+        ProxyCmp({ inputs: ['handleAuthStateChange', 'logo', 'username'] })
+    ], AmplifyGreetings);
+    var AmplifyHint = /** @class */ (function () {
+        function AmplifyHint(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyHint;
+    }());
+    AmplifyHint.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-hint',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                },] }
+    ];
+    AmplifyHint.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    var AmplifyIcon = /** @class */ (function () {
+        function AmplifyIcon(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyIcon;
+    }());
+    AmplifyIcon.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-icon',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['name']
+                },] }
+    ];
+    AmplifyIcon.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyIcon = __decorate([
+        ProxyCmp({ inputs: ['name'] })
+    ], AmplifyIcon);
+    var AmplifyIconButton = /** @class */ (function () {
+        function AmplifyIconButton(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyIconButton;
+    }());
+    AmplifyIconButton.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-icon-button',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['autoShowTooltip', 'name', 'tooltip']
+                },] }
+    ];
+    AmplifyIconButton.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyIconButton = __decorate([
+        ProxyCmp({ inputs: ['autoShowTooltip', 'name', 'tooltip'] })
+    ], AmplifyIconButton);
+    exports.AmplifyInput = /** @class */ (function () {
+        function AmplifyInput(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyInput;
+    }());
+    exports.AmplifyInput.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-input',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'description',
+                        'disabled',
+                        'fieldId',
+                        'handleInputChange',
+                        'inputProps',
+                        'name',
+                        'placeholder',
+                        'required',
+                        'type',
+                        'value',
+                    ]
+                },] }
+    ];
+    exports.AmplifyInput.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyInput = __decorate([
+        ProxyCmp({
+            inputs: [
+                'description',
+                'disabled',
+                'fieldId',
+                'handleInputChange',
+                'inputProps',
+                'name',
+                'placeholder',
+                'required',
+                'type',
+                'value',
+            ],
+        })
+    ], exports.AmplifyInput);
+    var AmplifyLabel = /** @class */ (function () {
+        function AmplifyLabel(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyLabel;
+    }());
+    AmplifyLabel.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-label',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['htmlFor']
+                },] }
+    ];
+    AmplifyLabel.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyLabel = __decorate([
+        ProxyCmp({ inputs: ['htmlFor'] })
+    ], AmplifyLabel);
+    var AmplifyLink = /** @class */ (function () {
+        function AmplifyLink(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyLink;
+    }());
+    AmplifyLink.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-link',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['role']
+                },] }
+    ];
+    AmplifyLink.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyLink = __decorate([
+        ProxyCmp({ inputs: ['role'] })
+    ], AmplifyLink);
+    var AmplifyLoadingSpinner = /** @class */ (function () {
+        function AmplifyLoadingSpinner(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyLoadingSpinner;
+    }());
+    AmplifyLoadingSpinner.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-loading-spinner',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                },] }
+    ];
+    AmplifyLoadingSpinner.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    var AmplifyNav = /** @class */ (function () {
+        function AmplifyNav(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyNav;
+    }());
+    AmplifyNav.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-nav',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                },] }
+    ];
+    AmplifyNav.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    var AmplifyOauthButton = /** @class */ (function () {
+        function AmplifyOauthButton(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyOauthButton;
+    }());
+    AmplifyOauthButton.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-oauth-button',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['config']
+                },] }
+    ];
+    AmplifyOauthButton.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyOauthButton = __decorate([
+        ProxyCmp({ inputs: ['config'] })
+    ], AmplifyOauthButton);
+    var AmplifyPasswordField = /** @class */ (function () {
+        function AmplifyPasswordField(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyPasswordField;
+    }());
+    AmplifyPasswordField.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-password-field',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'disabled',
+                        'fieldId',
+                        'handleInputChange',
+                        'hint',
+                        'inputProps',
+                        'label',
+                        'placeholder',
+                        'required',
+                        'value',
+                    ]
+                },] }
+    ];
+    AmplifyPasswordField.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyPasswordField = __decorate([
+        ProxyCmp({
+            inputs: [
+                'disabled',
+                'fieldId',
+                'handleInputChange',
+                'hint',
+                'inputProps',
+                'label',
+                'placeholder',
+                'required',
+                'value',
+            ],
+        })
+    ], AmplifyPasswordField);
+    var AmplifyPhoneField = /** @class */ (function () {
+        function AmplifyPhoneField(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyPhoneField;
+    }());
+    AmplifyPhoneField.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-phone-field',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'dialCode',
+                        'disabled',
+                        'fieldId',
+                        'handleInputChange',
+                        'hint',
+                        'inputProps',
+                        'label',
+                        'placeholder',
+                        'required',
+                        'value',
+                    ]
+                },] }
+    ];
+    AmplifyPhoneField.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyPhoneField = __decorate([
+        ProxyCmp({
+            inputs: [
+                'dialCode',
+                'disabled',
+                'fieldId',
+                'handleInputChange',
+                'hint',
+                'inputProps',
+                'label',
+                'placeholder',
+                'required',
+                'value',
+            ],
+        })
+    ], AmplifyPhoneField);
+    exports.AmplifyPhotoPicker = /** @class */ (function () {
+        function AmplifyPhotoPicker(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyPhotoPicker;
+    }());
+    exports.AmplifyPhotoPicker.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-photo-picker',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'buttonText',
+                        'handleClick',
+                        'headerHint',
+                        'headerTitle',
+                        'placeholderHint',
+                        'previewSrc',
+                    ]
+                },] }
+    ];
+    exports.AmplifyPhotoPicker.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyPhotoPicker = __decorate([
+        ProxyCmp({
+            inputs: [
+                'buttonText',
+                'handleClick',
+                'headerHint',
+                'headerTitle',
+                'placeholderHint',
+                'previewSrc',
+            ],
+        })
+    ], exports.AmplifyPhotoPicker);
+    exports.AmplifyPicker = /** @class */ (function () {
+        function AmplifyPicker(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyPicker;
+    }());
+    exports.AmplifyPicker.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-picker',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['acceptValue', 'inputHandler', 'pickerText']
+                },] }
+    ];
+    exports.AmplifyPicker.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyPicker = __decorate([
+        ProxyCmp({ inputs: ['acceptValue', 'inputHandler', 'pickerText'] })
+    ], exports.AmplifyPicker);
+    var AmplifyRadioButton = /** @class */ (function () {
+        function AmplifyRadioButton(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyRadioButton;
+    }());
+    AmplifyRadioButton.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-radio-button',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'checked',
+                        'disabled',
+                        'fieldId',
+                        'handleInputChange',
+                        'inputProps',
+                        'label',
+                        'name',
+                        'placeholder',
+                        'value',
+                    ]
+                },] }
+    ];
+    AmplifyRadioButton.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyRadioButton = __decorate([
+        ProxyCmp({
+            inputs: [
+                'checked',
+                'disabled',
+                'fieldId',
+                'handleInputChange',
+                'inputProps',
+                'label',
+                'name',
+                'placeholder',
+                'value',
+            ],
+        })
+    ], AmplifyRadioButton);
+    var AmplifyRequireNewPassword = /** @class */ (function () {
+        function AmplifyRequireNewPassword(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyRequireNewPassword;
+    }());
+    AmplifyRequireNewPassword.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-require-new-password',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'formFields',
+                        'handleAuthStateChange',
+                        'handleSubmit',
+                        'headerText',
+                        'submitButtonText',
+                        'user',
+                    ]
+                },] }
+    ];
+    AmplifyRequireNewPassword.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyRequireNewPassword = __decorate([
+        ProxyCmp({
+            inputs: [
+                'formFields',
+                'handleAuthStateChange',
+                'handleSubmit',
+                'headerText',
+                'submitButtonText',
+                'user',
+            ],
+        })
+    ], AmplifyRequireNewPassword);
+    exports.AmplifyS3Album = /** @class */ (function () {
+        function AmplifyS3Album(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyS3Album;
+    }());
+    exports.AmplifyS3Album.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-s3-album',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'contentType',
+                        'fileToKey',
+                        'filter',
+                        'handleOnError',
+                        'handleOnLoad',
+                        'identityId',
+                        'level',
+                        'path',
+                        'picker',
+                        'pickerText',
+                        'sort',
+                        'track',
+                    ]
+                },] }
+    ];
+    exports.AmplifyS3Album.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyS3Album = __decorate([
+        ProxyCmp({
+            inputs: [
+                'contentType',
+                'fileToKey',
+                'filter',
+                'handleOnError',
+                'handleOnLoad',
+                'identityId',
+                'level',
+                'path',
+                'picker',
+                'pickerText',
+                'sort',
+                'track',
+            ],
+        })
+    ], exports.AmplifyS3Album);
+    exports.AmplifyS3Image = /** @class */ (function () {
+        function AmplifyS3Image(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyS3Image;
+    }());
+    exports.AmplifyS3Image.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-s3-image',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'alt',
+                        'body',
+                        'contentType',
+                        'handleOnError',
+                        'handleOnLoad',
+                        'identityId',
+                        'imgKey',
+                        'imgProps',
+                        'level',
+                        'path',
+                        'track',
+                    ]
+                },] }
+    ];
+    exports.AmplifyS3Image.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyS3Image = __decorate([
+        ProxyCmp({
+            inputs: [
+                'alt',
+                'body',
+                'contentType',
+                'handleOnError',
+                'handleOnLoad',
+                'identityId',
+                'imgKey',
+                'imgProps',
+                'level',
+                'path',
+                'track',
+            ],
+        })
+    ], exports.AmplifyS3Image);
+    exports.AmplifyS3ImagePicker = /** @class */ (function () {
+        function AmplifyS3ImagePicker(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyS3ImagePicker;
+    }());
+    exports.AmplifyS3ImagePicker.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-s3-image-picker',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'buttonText',
+                        'contentType',
+                        'fileToKey',
+                        'headerHint',
+                        'headerTitle',
+                        'identityId',
+                        'level',
+                        'path',
+                        'placeholderHint',
+                        'track',
+                    ]
+                },] }
+    ];
+    exports.AmplifyS3ImagePicker.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyS3ImagePicker = __decorate([
+        ProxyCmp({
+            inputs: [
+                'buttonText',
+                'contentType',
+                'fileToKey',
+                'headerHint',
+                'headerTitle',
+                'identityId',
+                'level',
+                'path',
+                'placeholderHint',
+                'track',
+            ],
+        })
+    ], exports.AmplifyS3ImagePicker);
+    exports.AmplifyS3Text = /** @class */ (function () {
+        function AmplifyS3Text(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyS3Text;
+    }());
+    exports.AmplifyS3Text.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-s3-text',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'body',
+                        'contentType',
+                        'fallbackText',
+                        'identityId',
+                        'level',
+                        'path',
+                        'textKey',
+                        'track',
+                    ]
+                },] }
+    ];
+    exports.AmplifyS3Text.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyS3Text = __decorate([
+        ProxyCmp({
+            inputs: [
+                'body',
+                'contentType',
+                'fallbackText',
+                'identityId',
+                'level',
+                'path',
+                'textKey',
+                'track',
+            ],
+        })
+    ], exports.AmplifyS3Text);
+    exports.AmplifyS3TextPicker = /** @class */ (function () {
+        function AmplifyS3TextPicker(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyS3TextPicker;
+    }());
+    exports.AmplifyS3TextPicker.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-s3-text-picker',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'contentType',
+                        'fallbackText',
+                        'fileToKey',
+                        'identityId',
+                        'level',
+                        'path',
+                        'track',
+                    ]
+                },] }
+    ];
+    exports.AmplifyS3TextPicker.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyS3TextPicker = __decorate([
+        ProxyCmp({
+            inputs: [
+                'contentType',
+                'fallbackText',
+                'fileToKey',
+                'identityId',
+                'level',
+                'path',
+                'track',
+            ],
+        })
+    ], exports.AmplifyS3TextPicker);
+    var AmplifySection = /** @class */ (function () {
+        function AmplifySection(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifySection;
+    }());
+    AmplifySection.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-section',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['role']
+                },] }
+    ];
+    AmplifySection.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifySection = __decorate([
+        ProxyCmp({ inputs: ['role'] })
+    ], AmplifySection);
+    var AmplifySelect = /** @class */ (function () {
+        function AmplifySelect(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifySelect;
+    }());
+    AmplifySelect.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-select',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['fieldId', 'handleInputChange', 'options', 'selected']
+                },] }
+    ];
+    AmplifySelect.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifySelect = __decorate([
+        ProxyCmp({ inputs: ['fieldId', 'handleInputChange', 'options', 'selected'] })
+    ], AmplifySelect);
+    var AmplifySelectMfaType = /** @class */ (function () {
+        function AmplifySelectMfaType(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifySelectMfaType;
+    }());
+    AmplifySelectMfaType.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-select-mfa-type',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['MFATypes', 'authData', 'handleSubmit']
+                },] }
+    ];
+    AmplifySelectMfaType.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifySelectMfaType = __decorate([
+        ProxyCmp({ inputs: ['MFATypes', 'authData', 'handleSubmit'] })
+    ], AmplifySelectMfaType);
+    var AmplifySignIn = /** @class */ (function () {
+        function AmplifySignIn(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifySignIn;
+    }());
+    AmplifySignIn.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-sign-in',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'federated',
+                        'formFields',
+                        'handleAuthStateChange',
+                        'handleSubmit',
+                        'headerText',
+                        'hideSignUp',
+                        'submitButtonText',
+                        'usernameAlias',
+                    ]
+                },] }
+    ];
+    AmplifySignIn.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifySignIn = __decorate([
+        ProxyCmp({
+            inputs: [
+                'federated',
+                'formFields',
+                'handleAuthStateChange',
+                'handleSubmit',
+                'headerText',
+                'hideSignUp',
+                'submitButtonText',
+                'usernameAlias',
+            ],
+        })
+    ], AmplifySignIn);
+    var AmplifySignInButton = /** @class */ (function () {
+        function AmplifySignInButton(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifySignInButton;
+    }());
+    AmplifySignInButton.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-sign-in-button',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['provider']
+                },] }
+    ];
+    AmplifySignInButton.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifySignInButton = __decorate([
+        ProxyCmp({ inputs: ['provider'] })
+    ], AmplifySignInButton);
+    var AmplifySignOut = /** @class */ (function () {
+        function AmplifySignOut(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifySignOut;
+    }());
+    AmplifySignOut.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-sign-out',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['buttonText', 'handleAuthStateChange']
+                },] }
+    ];
+    AmplifySignOut.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifySignOut = __decorate([
+        ProxyCmp({ inputs: ['buttonText', 'handleAuthStateChange'] })
+    ], AmplifySignOut);
+    var AmplifySignUp = /** @class */ (function () {
+        function AmplifySignUp(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifySignUp;
+    }());
+    AmplifySignUp.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-sign-up',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'formFields',
+                        'handleAuthStateChange',
+                        'handleSignUp',
+                        'handleSubmit',
+                        'haveAccountText',
+                        'headerText',
+                        'signInText',
+                        'submitButtonText',
+                        'usernameAlias',
+                        'validationErrors',
+                    ]
+                },] }
+    ];
+    AmplifySignUp.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifySignUp = __decorate([
+        ProxyCmp({
+            inputs: [
+                'formFields',
+                'handleAuthStateChange',
+                'handleSignUp',
+                'handleSubmit',
+                'haveAccountText',
+                'headerText',
+                'signInText',
+                'submitButtonText',
+                'usernameAlias',
+                'validationErrors',
+            ],
+        })
+    ], AmplifySignUp);
+    var AmplifyStrike = /** @class */ (function () {
+        function AmplifyStrike(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyStrike;
+    }());
+    AmplifyStrike.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-strike',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                },] }
+    ];
+    AmplifyStrike.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyToast = /** @class */ (function () {
+        function AmplifyToast(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyToast;
+    }());
+    exports.AmplifyToast.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-toast',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['handleClose', 'message']
+                },] }
+    ];
+    exports.AmplifyToast.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    exports.AmplifyToast = __decorate([
+        ProxyCmp({ inputs: ['handleClose', 'message'] })
+    ], exports.AmplifyToast);
+    var AmplifyTooltip = /** @class */ (function () {
+        function AmplifyTooltip(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyTooltip;
+    }());
+    AmplifyTooltip.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-tooltip',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['shouldAutoShow', 'text']
+                },] }
+    ];
+    AmplifyTooltip.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyTooltip = __decorate([
+        ProxyCmp({ inputs: ['shouldAutoShow', 'text'] })
+    ], AmplifyTooltip);
+    var AmplifyTotpSetup = /** @class */ (function () {
+        function AmplifyTotpSetup(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyTotpSetup;
+    }());
+    AmplifyTotpSetup.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-totp-setup',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'handleAuthStateChange',
+                        'handleComplete',
+                        'headerText',
+                        'issuer',
+                        'standalone',
+                        'user',
+                    ]
+                },] }
+    ];
+    AmplifyTotpSetup.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyTotpSetup = __decorate([
+        ProxyCmp({
+            inputs: [
+                'handleAuthStateChange',
+                'handleComplete',
+                'headerText',
+                'issuer',
+                'standalone',
+                'user',
+            ],
+        })
+    ], AmplifyTotpSetup);
+    var AmplifyUsernameField = /** @class */ (function () {
+        function AmplifyUsernameField(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyUsernameField;
+    }());
+    AmplifyUsernameField.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-username-field',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: [
+                        'disabled',
+                        'fieldId',
+                        'handleInputChange',
+                        'hint',
+                        'inputProps',
+                        'label',
+                        'placeholder',
+                        'required',
+                        'value',
+                    ]
+                },] }
+    ];
+    AmplifyUsernameField.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyUsernameField = __decorate([
+        ProxyCmp({
+            inputs: [
+                'disabled',
+                'fieldId',
+                'handleInputChange',
+                'hint',
+                'inputProps',
+                'label',
+                'placeholder',
+                'required',
+                'value',
+            ],
+        })
+    ], AmplifyUsernameField);
+    var AmplifyVerifyContact = /** @class */ (function () {
+        function AmplifyVerifyContact(c, r, z) {
+            this.z = z;
+            c.detach();
+            this.el = r.nativeElement;
+        }
+        return AmplifyVerifyContact;
+    }());
+    AmplifyVerifyContact.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'amplify-verify-contact',
+                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: ['handleAuthStateChange', 'user']
+                },] }
+    ];
+    AmplifyVerifyContact.ctorParameters = function () { return [
+        { type: i0.ChangeDetectorRef },
+        { type: i0.ElementRef },
+        { type: i0.NgZone }
+    ]; };
+    AmplifyVerifyContact = __decorate([
+        ProxyCmp({ inputs: ['handleAuthStateChange', 'user'] })
+    ], AmplifyVerifyContact);
+
+    customElements.define('amplify-button', components.AmplifyButton);
+    customElements.define('amplify-input', components.AmplifyInput);
+    customElements.define('amplify-toast', components.AmplifyToast);
+    customElements.define('amplify-chatbot', components.AmplifyChatbot);
+    customElements.define('amplify-s3-album', components.AmplifyS3Album);
+    customElements.define('amplify-s3-image-picker', components.AmplifyS3ImagePicker);
+    customElements.define('amplify-s3-text', components.AmplifyS3Text);
+    customElements.define('amplify-s3-text-picker', components.AmplifyS3TextPicker);
+    customElements.define('amplify-s3-image', components.AmplifyS3Image);
+    customElements.define('amplify-picker', components.AmplifyPicker);
+    customElements.define('amplify-photo-picker', components.AmplifyPhotoPicker);
+    var UiAngularModule = /** @class */ (function () {
+        function UiAngularModule() {
+        }
+        return UiAngularModule;
+    }());
+    UiAngularModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        exports.AmplifyChatbot,
+                        exports.AmplifyToast,
+                        exports.AmplifyInput,
+                        exports.AmplifyButton,
+                        exports.AmplifyS3Album,
+                        exports.AmplifyS3ImagePicker,
+                        exports.AmplifyS3Text,
+                        exports.AmplifyS3TextPicker,
+                        exports.AmplifyS3Image,
+                        exports.AmplifyPicker,
+                        exports.AmplifyPhotoPicker,
+                        AmplifyAuthenticatorComponent,
+                        AmplifySignInComponent,
+                        AmplifySignUpComponent,
+                        AmplifyInputComponent,
+                        AmplifyErrorComponent,
+                        AmplifyOverrideDirective,
+                        AmplifyConfirmSignUpComponent,
+                        AmplifyUserNameAliasComponent,
+                        AmplifyConfirmSignInComponent,
+                        AmplifySetupTotpComponent,
+                        AmplifyForceNewPasswordComponent,
+                        AmplifyFederatedSignInComponent,
+                        AmplifyFederatedSignInButtonComponent,
+                        AmplifyResetPasswordComponent,
+                        AmplifyVerifyUserComponent,
+                        ConfirmResetPasswordComponent,
+                        ConfirmVerifyUserComponent,
+                        AmplifySelectComponent,
+                    ],
+                    imports: [common.CommonModule],
+                    exports: [
+                        exports.AmplifyChatbot,
+                        exports.AmplifyToast,
+                        exports.AmplifyInput,
+                        exports.AmplifyButton,
+                        exports.AmplifyS3Album,
+                        exports.AmplifyS3ImagePicker,
+                        exports.AmplifyS3Text,
+                        exports.AmplifyS3TextPicker,
+                        exports.AmplifyS3Image,
+                        exports.AmplifyPicker,
+                        exports.AmplifyPhotoPicker,
+                        AmplifyAuthenticatorComponent,
+                        AmplifySignInComponent,
+                        AmplifyInputComponent,
+                        AmplifyErrorComponent,
+                        AmplifyOverrideDirective,
+                    ],
+                    schemas: [i0.CUSTOM_ELEMENTS_SCHEMA],
+                },] }
+    ];
+
+    /*
+     * Public API Surface of ui-angular
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.AmplifyAuthenticatorComponent = AmplifyAuthenticatorComponent;
+    exports.AmplifyConfirmSignInComponent = AmplifyConfirmSignInComponent;
+    exports.AmplifyConfirmSignUpComponent = AmplifyConfirmSignUpComponent;
+    exports.AmplifyErrorComponent = AmplifyErrorComponent;
+    exports.AmplifyFederatedSignInButtonComponent = AmplifyFederatedSignInButtonComponent;
+    exports.AmplifyFederatedSignInComponent = AmplifyFederatedSignInComponent;
+    exports.AmplifyForceNewPasswordComponent = AmplifyForceNewPasswordComponent;
+    exports.AmplifyInputComponent = AmplifyInputComponent;
+    exports.AmplifyOverrideDirective = AmplifyOverrideDirective;
+    exports.AmplifyResetPasswordComponent = AmplifyResetPasswordComponent;
+    exports.AmplifySetupTotpComponent = AmplifySetupTotpComponent;
+    exports.AmplifySignInComponent = AmplifySignInComponent;
+    exports.AmplifySignUpComponent = AmplifySignUpComponent;
+    exports.AmplifyVerifyUserComponent = AmplifyVerifyUserComponent;
+    exports.AuthPropService = AuthPropService;
+    exports.ConfirmResetPasswordComponent = ConfirmResetPasswordComponent;
+    exports.ConfirmVerifyUserComponent = ConfirmVerifyUserComponent;
+    exports.StateMachineService = StateMachineService;
+    exports.UiAngularModule = UiAngularModule;
+    exports.getAttributeMap = getAttributeMap;
+    exports.ɵa = ProxyCmp;
+    exports.ɵb = AmplifyAuthenticatorComponent;
+    exports.ɵc = AmplifySignInComponent;
+    exports.ɵd = AmplifySignUpComponent;
+    exports.ɵe = AmplifyInputComponent;
+    exports.ɵf = AmplifyErrorComponent;
+    exports.ɵg = AmplifyConfirmSignUpComponent;
+    exports.ɵh = AmplifyUserNameAliasComponent;
+    exports.ɵi = AmplifyConfirmSignInComponent;
+    exports.ɵj = AmplifySetupTotpComponent;
+    exports.ɵk = AmplifyForceNewPasswordComponent;
+    exports.ɵl = AmplifyFederatedSignInComponent;
+    exports.ɵm = AmplifyFederatedSignInButtonComponent;
+    exports.ɵn = AmplifyResetPasswordComponent;
+    exports.ɵo = AmplifyVerifyUserComponent;
+    exports.ɵp = ConfirmResetPasswordComponent;
+    exports.ɵq = ConfirmVerifyUserComponent;
+    exports.ɵr = AmplifySelectComponent;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=aws-amplify-ui-angular.umd.js.map