@aws-amplify/ui-angular 2.0.1-next.5 → 2.0.3

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

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@aws-amplify/ui"),require("aws-amplify"),require("xstate"),require("qrcode"),require("lodash"),require("nanoid"),require("rxjs"),require("@aws-amplify/ui-components/dist/components")):"function"==typeof define&&define.amd?define("@aws-amplify/ui-angular",["exports","@angular/core","@angular/common","@aws-amplify/ui","aws-amplify","xstate","qrcode","lodash","nanoid","rxjs","@aws-amplify/ui-components/dist/components"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["aws-amplify"]=t["aws-amplify"]||{},t["aws-amplify"]["ui-angular"]={}),t.ng.core,t.ng.common,t.ui,t["aws-amplify"],t.xstate,t.QRCode,t.lodash,t.nanoid,t.rxjs,t.components)}(this,(function(t,e,n,o,i,a,r,s,l,c,p){"use strict";function u(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function m(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var f=m(e),d=u(r),h=function(){function t(t){this.template=t}return Object.defineProperty(t.prototype,"amplifySlot",{set:function(t){this.name=t},enumerable:!1,configurable:!0}),t}();h.decorators=[{type:e.Directive,args:[{selector:"[amplifySlot]"}]}],h.ctorParameters=function(){return[{type:e.TemplateRef}]},h.propDecorators={amplifySlot:[{type:e.Input}]};var g=function(){function t(){this._customComponents={},this._props={}}return Object.defineProperty(t.prototype,"customComponents",{get:function(){return this._customComponents},set:function(t){this._customComponents=Object.assign(Object.assign({},this._customComponents),t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"props",{get:function(){return this._props},set:function(t){this._props=Object.assign(Object.assign({},this._props),t)},enumerable:!1,configurable:!0}),t}();g.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new g},token:g,providedIn:"root"}),g.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],g.ctorParameters=function(){return[]};var y=function(){function t(){}return t.prototype.startMachine=function(t){var e=this,n=o.authMachine.withContext({config:{login_mechanisms:t}}),i=a.interpret(n,{devTools:"development"===process.env.NODE_ENV}).onTransition((function(t){e._user=t.context.user,e._authState=t})).start();this._services=o.getSendEventAliases(i.send),this._authService=i},Object.defineProperty(t.prototype,"services",{get:function(){return this._services},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"authState",{get:function(){return this._authState},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"authService",{get:function(){return this._authService},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"user",{get:function(){return this._user},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"context",{get:function(){return this._authState.context},enumerable:!1,configurable:!0}),t.prototype.send=function(t){this.authService.send(t)},t}();y.ɵprov=f.ɵɵdefineInjectable({factory:function(){return new y},token:y,providedIn:"root"}),y.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}];var b=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.initialState="signIn",this.loginMechanisms=["username"],this.customComponentQuery=null,this.customComponents={},this.signInTitle=o.translate("Sign In"),this.signUpTitle=o.translate("Create Account")}return t.prototype.ngOnInit=function(){i.I18n.putVocabularies(o.translations),this.stateMachine.startMachine(this.loginMechanisms),this.signInTitle=o.translate("Sign In"),this.signUpTitle=o.translate("Create Account")},t.prototype.ngAfterContentInit=function(){this.contextService.customComponents=this.mapCustomComponents(this.customComponentQuery),this.customComponents=this.contextService.customComponents},Object.defineProperty(t.prototype,"context",{get:function(){return{signOut:this.stateMachine.services.signOut,user:this.stateMachine.user}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"actorState",{get:function(){return o.getActorState(this.stateMachine.authState)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"authenticatorState",{get:function(){return this.stateMachine.authState},enumerable:!1,configurable:!0}),t.prototype.onTabChange=function(){"signIn"===this.stateMachine.authState.value?this.stateMachine.send("SIGN_UP"):this.stateMachine.send("SIGN_IN")},t.prototype.mapCustomComponents=function(t){if(!t)return{};var e={};return t.forEach((function(t){e[t.name]=t.template})),e},t}();b.decorators=[{type:e.Component,args:[{selector:"amplify-authenticator",template:'\x3c!-- \n  Define default contents here.\n--\x3e\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\x3c!-- \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--\x3e\n\n<div data-amplify-wrapper data-amplify-authenticator>\n  <amplify-tabs\n    (tabChange)="onTabChange()"\n    *ngIf="actorState?.matches(\'signIn\') || actorState?.matches(\'signUp\')"\n  >\n    <amplify-tab-item [title]="signInTitle">\n      \x3c!-- signIn component --\x3e\n      <ng-container\n        [ngTemplateOutlet]="customComponents.signIn || signIn"\n        [ngTemplateOutletContext]="context"\n        *ngIf="actorState?.matches(\'signIn\')"\n      ></ng-container>\n    </amplify-tab-item>\n    <amplify-tab-item [title]="signUpTitle">\n      \x3c!-- signUp component --\x3e\n      <ng-container\n        [ngTemplateOutlet]="customComponents.signUp || signUp"\n        [ngTemplateOutletContext]="context"\n        *ngIf="actorState?.matches(\'signUp\')"\n      ></ng-container>\n    </amplify-tab-item>\n  </amplify-tabs>\n\n  \x3c!-- confirmSignUp content --\x3e\n  <ng-container\n    [ngTemplateOutlet]="customComponents.confirmSignUp || confirmSignUp"\n    [ngTemplateOutletContext]="context"\n    *ngIf="actorState?.matches(\'confirmSignUp\')"\n  >\n  </ng-container>\n\n  \x3c!-- confirmSignIn content --\x3e\n  <ng-container\n    [ngTemplateOutlet]="customComponents.confirmSignIn || confirmSignIn"\n    [ngTemplateOutletContext]="context"\n    *ngIf="actorState?.matches(\'confirmSignIn\')"\n  >\n  </ng-container>\n\n  \x3c!-- setupTotp content --\x3e\n  <ng-container\n    [ngTemplateOutlet]="customComponents.setupTOTP || setupTOTP"\n    [ngTemplateOutletContext]="context"\n    *ngIf="actorState?.matches(\'setupTOTP\')"\n  >\n  </ng-container>\n\n  \x3c!-- forceNewPassword content --\x3e\n  <ng-container\n    [ngTemplateOutlet]="customComponents.forceNewPassword || forceNewPassword"\n    [ngTemplateOutletContext]="context"\n    *ngIf="actorState?.matches(\'forceNewPassword\')"\n  >\n  </ng-container>\n\n  \x3c!-- resetPassword content --\x3e\n  <ng-container\n    [ngTemplateOutlet]="customComponents.resetPassword || resetPassword"\n    [ngTemplateOutletContext]="context"\n    *ngIf="actorState?.matches(\'resetPassword\')"\n  >\n  </ng-container>\n\n  \x3c!-- confirmResetPassword content --\x3e\n  <ng-container\n    [ngTemplateOutlet]="\n      customComponents.confirmResetPassword || confirmResetPassword\n    "\n    [ngTemplateOutletContext]="context"\n    *ngIf="actorState?.matches(\'confirmResetPassword\')"\n  >\n  </ng-container>\n\n  \x3c!-- verifyUser content --\x3e\n  <ng-container\n    [ngTemplateOutlet]="customComponents.verifyUser || verifyUser"\n    [ngTemplateOutletContext]="context"\n    *ngIf="actorState?.matches(\'verifyUser\')"\n  >\n  </ng-container>\n\n  \x3c!-- confirmVerifyUser content --\x3e\n  <ng-container\n    [ngTemplateOutlet]="customComponents.confirmVerifyUser || confirmVerifyUser"\n    [ngTemplateOutletContext]="context"\n    *ngIf="actorState?.matches(\'confirmVerifyUser\')"\n  >\n  </ng-container>\n</div>\n\n\x3c!-- signedIn content is rendered outside authenticator so it\'s not styled by authenticator --\x3e\n<ng-container\n  [ngTemplateOutlet]="customComponents.authenticated || authenticated"\n  [ngTemplateOutletContext]="context"\n  *ngIf="authenticatorState.matches(\'authenticated\')"\n>\n</ng-container>\n',providers:[g],encapsulation:e.ViewEncapsulation.None}]}],b.ctorParameters=function(){return[{type:y},{type:g}]},b.propDecorators={initialState:[{type:e.Input}],loginMechanisms:[{type:e.Input}],customComponentQuery:[{type:e.ContentChildren,args:[h]}]};var v=new i.Logger("ConfirmSignIn"),C=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.dataAttr="",this.customComponents={},this.remoteError="",this.isPending=!1,this.confirmText=o.translate("Confirm"),this.backToSignInText=o.translate("Back to Sign In")}return t.prototype.ngOnInit=function(){var t=this;this.authSubscription=this.stateMachine.authService.subscribe((function(e){t.onStateUpdate(e)})),this.setHeaderText()},t.prototype.ngAfterContentInit=function(){this.customComponents=this.contextService.customComponents},t.prototype.ngOnDestroy=function(){this.authSubscription.unsubscribe()},Object.defineProperty(t.prototype,"context",{get:function(){var t=this.stateMachine.services,e=t.change,n=t.signIn,o=t.submit;return{change:e,remoteError:this.remoteError,signIn:n,submit:o}},enumerable:!1,configurable:!0}),t.prototype.setHeaderText=function(){var t=this.stateMachine.authState,e=o.getActorContext(t).challengeName;switch(e){case o.AuthChallengeNames.SOFTWARE_TOKEN_MFA:this.headerText=o.translate("Confirm TOTP Code");break;case o.AuthChallengeNames.SMS_MFA:this.headerText=o.translate("Confirm SMS Code");break;default:v.error("Unexpected challengeName",e)}},t.prototype.onStateUpdate=function(t){var e=o.getActorState(t);this.remoteError=e.context.remoteError,this.isPending=!e.matches("confirmSignIn.edit")},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,o=e.value;this.stateMachine.send({type:"CHANGE",data:{name:n,value:o}})},t.prototype.onSubmit=function(t){t.preventDefault();var e=new FormData(t.target);this.stateMachine.send({type:"SUBMIT",data:Object.fromEntries(e)})},t.prototype.toSignIn=function(){this.stateMachine.send("SIGN_IN")},t}();C.decorators=[{type:e.Component,args:[{selector:"amplify-confirm-sign-in",template:'\x3c!-- \n  Define default contents here\n--\x3e\n<ng-template #confirmSignInButton>\n  <button amplify-button variation="primary" fullWidth="true" type="submit">\n    {{ confirmText }}\n  </button>\n</ng-template>\n\n<ng-template #confirmSignInForm>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="isPending"\n    >\n      <h3 class="amplify-heading">{{ headerText }}</h3>\n      <amplify-form-field\n        name="confirmation_code"\n        label="Code *"\n        type="text"\n        autocomplete="one-time-code"\n      ></amplify-form-field>\n\n      <ng-container\n        [ngTemplateOutlet]="\n          customComponents.confirmSignInButton || confirmSignInButton\n        "\n        [ngTemplateOutletContext]="context"\n      >\n      </ng-container>\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="toSignIn()"\n      >\n        {{ backToSignInText }}\n      </button>\n      <amplify-error *ngIf="remoteError">\n        {{ remoteError }}\n      </amplify-error>\n    </fieldset>\n  </form>\n</ng-template>\n\n\x3c!-- \n  Render sign in component\n--\x3e\n\n<div data-amplify-container>\n  <ng-container\n    [ngTemplateOutlet]="customComponents.signInForm || confirmSignInForm"\n    [ngTemplateOutletContext]="context"\n  >\n  </ng-container>\n</div>\n'}]}],C.ctorParameters=function(){return[{type:y},{type:g}]},C.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-confirmsignin"]}]};var x=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.dataAttr="",this.headerText=o.translate("Confirm Sign Up"),this.customComponents={},this.remoteError="",this.isPending=!1,this.resendCodeText=o.translate("Resend Code"),this.lostCodeText=o.translate("Lost your code? "),this.confirmText=o.translate("Confirm")}return t.prototype.ngOnInit=function(){var t=this;this.authSubscription=this.stateMachine.authService.subscribe((function(e){return t.onStateUpdate(e)}))},t.prototype.ngAfterContentInit=function(){this.customComponents=this.contextService.customComponents},t.prototype.ngOnDestroy=function(){this.authSubscription.unsubscribe()},t.prototype.onStateUpdate=function(t){var e=o.getActorState(t);this.remoteError=e.context.remoteError,this.isPending=!e.matches("confirmSignUp.edit")},Object.defineProperty(t.prototype,"context",{get:function(){var t=this.stateMachine.services,e=t.change,n=t.resend,o=t.signIn,i=t.submit;return{change:e,remoteError:this.remoteError,resend:n,signIn:o,submit:i,username:this.username}},enumerable:!1,configurable:!0}),t.prototype.resend=function(){this.stateMachine.send({type:"RESEND",data:{username:this.username}})},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,o=e.value;this.stateMachine.send({type:"CHANGE",data:{name:n,value:o}})},t.prototype.onSubmit=function(t){t.preventDefault();var e=this.stateMachine.authState,n=o.getActorContext(e).formValues,i=n.username,a=n.confirmation_code;this.stateMachine.send({type:"SUBMIT",data:{username:i,confirmation_code:a}})},t}();x.decorators=[{type:e.Component,args:[{selector:"amplify-confirm-sign-up",template:'\x3c!-- \n  Define default contents here\n--\x3e\n<ng-template #confirmSignUpButton>\n  <button amplify-button variation="primary" fullWidth="true" type="submit">\n    {{ confirmText }}\n  </button>\n</ng-template>\n\n<ng-template #confirmSignUpForm>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="isPending"\n    >\n      <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      <amplify-form-field\n        name="confirmation_code"\n        type="number"\n        autocomplete="one-time-code"\n      ></amplify-form-field>\n\n      <ng-container\n        [ngTemplateOutlet]="\n          customComponents.confirmSignUpButton || confirmSignUpButton\n        "\n        [ngTemplateOutletContext]="context"\n      >\n      </ng-container>\n      <button amplify-button fontWeight="normal" (click)="resend()">\n        {{ resendCodeText }}\n      </button>\n    </fieldset>\n\n    <amplify-error *ngIf="remoteError">\n      {{ remoteError }}\n    </amplify-error>\n  </form>\n</ng-template>\n\n\x3c!-- \n  Render confirm sign up component\n--\x3e\n\n<div data-amplify-container>\n  <ng-container\n    [ngTemplateOutlet]="customComponents.confirmSignUpForm || confirmSignUpForm"\n    [ngTemplateOutletContext]="context"\n  >\n  </ng-container>\n</div>\n'}]}],x.ctorParameters=function(){return[{type:y},{type:g}]},x.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-confirmsignup"]}],headerText:[{type:e.Input}]};var S=function(t){var e=this;this.stateMachine=t,this.onClick=function(){e.stateMachine.send({type:"FEDERATED_SIGN_IN",data:{provider:e.provider}})}};S.decorators=[{type:e.Component,args:[{selector:"amplify-federated-sign-in-button",template:'<button\n  amplify-button\n  class="amplify-field-group__control federated-sign-in-button"\n  fullWidth="true"\n  fontWeight="normal"\n  style="display: block"\n  (click)="onClick()"\n>\n  <div\n    class="amplify-flex federated-sign-in-button-row"\n    style="flex-direction: row; justify-content: center"\n  >\n    <ng-content></ng-content>\n  </div>\n</button>\n'}]}],S.ctorParameters=function(){return[{type:y}]},S.propDecorators={provider:[{type:e.Input}],text:[{type:e.Input}]};var I=function(){function t(t){this.stateMachine=t,this.FederatedProviders=o.FederatedIdentityProviders,this.includeFacebook=!1,this.includeGoogle=!1,this.includeAmazon=!1,this.shouldShowFederatedSignIn=!1,this.signInFacebookText=o.translate("Sign In with Facebook"),this.signInGoogleText=o.translate("Sign In with Google"),this.signInAmazonText=o.translate("Sign In with Amazon")}return t.prototype.ngOnInit=function(){var t,e,n=null===(e=null===(t=this.stateMachine.context)||void 0===t?void 0:t.config)||void 0===e?void 0:e.login_mechanisms;this.includeFacebook=null==n?void 0:n.includes("facebook"),this.includeGoogle=null==n?void 0:n.includes("google"),this.includeAmazon=null==n?void 0:n.includes("amazon"),this.shouldShowFederatedSignIn=this.includeFacebook||this.includeGoogle||this.includeAmazon},t}();I.decorators=[{type:e.Component,args:[{selector:"amplify-federated-sign-in",template:'<div\n  class="amplify-flex federated-sign-in-container"\n  style="flex-direction: column"\n  *ngIf="shouldShowFederatedSignIn"\n  data-orientation="horizontal"\n  data-size="small"\n>\n  <hr\n    class="amplify-divider"\n    aria-orientation="horizontal"\n    data-size="small"\n    style="margin: \'1rem 0\'"\n  />\n  <amplify-federated-sign-in-button\n    *ngIf="includeGoogle"\n    [provider]="FederatedProviders.Google"\n  >\n    <svg\n      aria-label="Google icon"\n      class="amplify-icon federated-sign-in-icon"\n      viewBox="0 0 256 262"\n      xmlns="http://www.w3.org/2000/svg"\n      preserveAspectRatio="xMidYMid"\n    >\n      <path\n        d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"\n        fill="#4285F4"\n      ></path>\n      <path\n        d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"\n        fill="#34A853"\n      ></path>\n      <path\n        d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"\n        fill="#FBBC05"\n      ></path>\n      <path\n        d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"\n        fill="#EB4335"\n      ></path>\n    </svg>\n    <p class="amplify-text" style="align-self: center">\n      {{ signInGoogleText }}\n    </p>\n  </amplify-federated-sign-in-button>\n\n  <amplify-federated-sign-in-button\n    *ngIf="includeFacebook"\n    [text]="signInFacebookText"\n    [provider]="FederatedProviders.Facebook"\n  >\n    <svg\n      aria-label="Facebook icon"\n      class="amplify-icon federated-sign-in-icon"\n      viewBox="0 0 279 538"\n    >\n      <path\n        d="M82.3409742,538 L82.3409742,292.936652 L0,292.936652 L0,196.990154 L82.2410458,196.990154 L82.2410458,126.4295 C82.2410458,44.575144 132.205229,0 205.252865,0 C240.227794,0 270.306232,2.59855099 279,3.79788222 L279,89.2502322 L228.536175,89.2502322 C188.964542,89.2502322 181.270057,108.139699 181.270057,135.824262 L181.270057,196.89021 L276.202006,196.89021 L263.810888,292.836708 L181.16913,292.836708 L181.16913,538 L82.3409742,538 Z"\n        fill="#1877F2"\n      ></path>\n    </svg>\n    <p class="amplify-text" style="align-self: center">\n      {{ signInFacebookText }}\n    </p>\n  </amplify-federated-sign-in-button>\n\n  <amplify-federated-sign-in-button\n    *ngIf="includeAmazon"\n    [text]="signInAmazonText"\n    [provider]="FederatedProviders.Amazon"\n  >\n    <svg\n      aria-label="Amazon icon"\n      class="amplify-icon federated-sign-in-icon"\n      viewBox="0 0 248 268"\n    >\n      <path\n        d="M139.056521,147.024612 C133.548808,156.744524 124.782731,162.726926 115.087401,162.726926 C101.790721,162.726926 93.9937779,152.612964 93.9937779,137.68681 C93.9937779,108.224571 120.447551,102.879017 145.533369,102.879017 L145.533369,110.365976 C145.533369,123.831358 145.876354,135.063787 139.056521,147.024612 M207.206992,162.579655 C209.400505,165.692256 209.887066,169.437725 207.063416,171.770186 C199.996315,177.653081 187.429476,188.590967 180.513926,194.716661 L180.46208,194.621133 C178.176838,196.663031 174.862638,196.810303 172.27828,195.445057 C160.780281,185.9162 158.686473,181.494078 152.405048,172.403055 C133.405233,191.751331 119.909143,197.534719 95.309886,197.534719 C66.1281801,197.534719 43.4791563,179.599451 43.4791563,143.669212 C43.4791563,115.616003 58.6782107,96.5105248 80.4019706,87.1727225 C99.2063636,78.9096034 125.464714,77.4528107 145.533369,75.1641337 L145.533369,70.694248 C145.533369,62.4749122 146.167493,52.7510201 141.297893,45.6541312 C137.110277,39.2856386 129.018206,36.6586354 121.859376,36.6586354 C108.658413,36.6586354 96.9171331,43.4171982 94.0416364,57.4199213 C93.4593582,60.532522 91.1701278,63.5933787 88.003492,63.7406501 L54.4387473,60.1424518 C51.6150972,59.5095829 48.4484614,57.2248862 49.2740201,52.8982915 C56.9712583,12.2553679 93.7983558,0 126.732964,0 C143.587124,0 165.606011,4.47386604 178.902691,17.2148315 C195.760839,32.917146 194.149604,53.8694866 194.149604,76.6726704 L194.149604,130.542157 C194.149604,146.734049 200.87372,153.830938 207.206992,162.579655 Z M233.826346,208.038962 C230.467669,203.683255 211.550709,205.9821 203.056405,206.998432 C200.470662,207.321077 200.076227,205.042397 202.406981,203.404973 C217.475208,192.664928 242.201125,195.766353 245.081698,199.363845 C247.966255,202.981502 244.336653,228.071183 230.172839,240.049379 C228.001452,241.888455 225.929671,240.904388 226.89783,238.468418 C230.077218,230.430525 237.204944,212.418868 233.826346,208.038962 Z M126.768855,264 C74.0234043,264 42.0764048,241.955028 17.7852554,217.541992 C12.9733903,212.705982 6.71799208,206.295994 3.31151296,200.690918 C1.90227474,198.372135 5.59096074,195.021875 8.0442063,196.84375 C38.2390146,219.267578 82.1011654,239.538304 125.529506,239.538304 C154.819967,239.538304 191.046475,227.469543 220.66851,214.867659 C225.146771,212.966167 225.146771,219.180222 224.511585,221.060516 C224.183264,222.03242 209.514625,236.221149 189.247207,247.047411 C170.304273,257.166172 146.397132,264 126.768855,264 Z"\n        fill="#FF9900"\n      ></path>\n    </svg>\n\n    <p class="amplify-text" style="align-self: center">\n      {{ signInAmazonText }}\n    </p>\n  </amplify-federated-sign-in-button>\n</div>\n'}]}],I.ctorParameters=function(){return[{type:y}]};var P=new i.Logger("ForceNewPassword"),T=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.dataAttr="",this.headerText=o.translate("Change Password"),this.customComponents={},this.remoteError="",this.isPending=!1,this.changePasswordText=o.translate("Change Password"),this.backToSignInText=o.translate("Back to Sign In")}return t.prototype.ngOnInit=function(){var t=this;this.authSubscription=this.stateMachine.authService.subscribe((function(e){return t.onStateUpdate(e)}))},t.prototype.ngAfterContentInit=function(){this.customComponents=this.contextService.customComponents},t.prototype.ngOnDestroy=function(){P.log("sign in destroyed, unsubscribing from state machine..."),this.authSubscription.unsubscribe()},t.prototype.onStateUpdate=function(t){var e=o.getActorState(t);this.remoteError=e.context.remoteError,this.isPending=e.matches({signUp:{submission:"idle"}})},Object.defineProperty(t.prototype,"context",{get:function(){var t=this.stateMachine.services,e=t.change,n=t.signIn,o=t.submit,i=this.stateMachine.user;return{change:e,remoteError:this.remoteError,signIn:n,submit:o,user:i}},enumerable:!1,configurable:!0}),t.prototype.toSignIn=function(){this.stateMachine.send("SIGN_IN")},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,o=e.value;this.stateMachine.send({type:"CHANGE",data:{name:n,value:o}})},t.prototype.onSubmit=function(t){t.preventDefault();var e=this.stateMachine.authState,n=o.getActorContext(e).formValues;this.stateMachine.send({type:"SUBMIT",data:n})},t}();T.decorators=[{type:e.Component,args:[{selector:"amplify-force-new-password",template:'\x3c!-- \n  Define default contents here\n--\x3e\n<ng-template #forceNewPasswordSubmitButton>\n  <button amplify-button variation="primary" fullWidth="true" type="submit">\n    {{ changePasswordText }}\n  </button>\n</ng-template>\n\n<ng-template #signInForm>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="isPending"\n    >\n      <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      <amplify-form-field\n        name="password"\n        type="password"\n        autocomplete="new-password"\n      ></amplify-form-field>\n\n      <amplify-form-field\n        name="confirm_password"\n        label="Confirm Password"\n        type="password"\n        autocomplete="new-password"\n      ></amplify-form-field>\n\n      <ng-container\n        [ngTemplateOutlet]="\n          customComponents.forceNewPasswordSubmitButton ||\n          forceNewPasswordSubmitButton\n        "\n        [ngTemplateOutletContext]="context"\n      ></ng-container>\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="toSignIn()"\n      >\n        {{ backToSignInText }}\n      </button>\n      <amplify-error *ngIf="remoteError">\n        {{ remoteError }}\n      </amplify-error>\n    </fieldset>\n  </form>\n</ng-template>\n\n\x3c!-- \n  Render force new password component\n--\x3e\n<div data-amplify-container>\n  <ng-container\n    [ngTemplateOutlet]="customComponents.signInForm || signInForm"\n    [ngTemplateOutletContext]="context"\n  >\n  </ng-container>\n</div>\n'}]}],T.ctorParameters=function(){return[{type:y},{type:g}]},T.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-forcenewpassword"]}],headerText:[{type:e.Input}]};var A=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.dataAttr="",this.headerText=o.translate("Reset your password"),this.customComponents={},this.remoteError="",this.isPending=!1,this.sendCodeText=o.translate("Send Code"),this.backToSignInText=o.translate("Back to Sign In")}return t.prototype.ngOnInit=function(){var t=this;this.authSubscription=this.stateMachine.authService.subscribe((function(e){return t.onStateUpdate(e)}))},t.prototype.ngAfterContentInit=function(){this.customComponents=this.contextService.customComponents},t.prototype.ngOnDestroy=function(){this.authSubscription.unsubscribe()},t.prototype.onStateUpdate=function(t){var e=o.getActorState(t);this.remoteError=e.context.remoteError,this.isPending=!e.matches("resetPassword.edit")},Object.defineProperty(t.prototype,"context",{get:function(){var t=this.stateMachine.services,e=t.change,n=t.signIn,o=t.submit;return{change:e,remoteError:this.remoteError,signIn:n,submit:o}},enumerable:!1,configurable:!0}),t.prototype.toSignIn=function(){this.stateMachine.send("SIGN_IN")},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,o=e.value;this.stateMachine.send({type:"CHANGE",data:{name:n,value:o}})},t.prototype.onSubmit=function(t){t.preventDefault(),this.stateMachine.send("SUBMIT")},t}();A.decorators=[{type:e.Component,args:[{selector:"amplify-reset-password",template:'\x3c!-- \n  Define default contents here\n--\x3e\n<ng-template #resetPasswordSubmitButton>\n  <button amplify-button variation="primary" fullWidth="true" type="submit">\n    {{ sendCodeText }}\n  </button>\n</ng-template>\n\n<ng-template #resetPasswordForm>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="isPending"\n    >\n      <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      <amplify-form-field\n        name="username"\n        type="username"\n        autocomplete="username"\n      ></amplify-form-field>\n      <ng-container\n        [ngTemplateOutlet]="\n          customComponents.resetPasswordSubmitButton ||\n          resetPasswordSubmitButton\n        "\n        [ngTemplateOutletContext]="context"\n      >\n      </ng-container>\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="toSignIn()"\n      >\n        {{ backToSignInText }}\n      </button>\n      <amplify-error *ngIf="remoteError">\n        {{ remoteError }}\n      </amplify-error>\n    </fieldset>\n  </form>\n</ng-template>\n\n\x3c!-- \n  Render reset passsword component\n--\x3e\n<div data-amplify-container>\n  <ng-container\n    [ngTemplateOutlet]="customComponents.resetPasswordForm || resetPasswordForm"\n    [ngTemplateOutletContext]="context"\n  >\n  </ng-container>\n</div>\n'}]}],A.ctorParameters=function(){return[{type:y},{type:g}]},A.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-resetPassword"]}],headerText:[{type:e.Input}]};function E(t,e,n,o){var i,a=arguments.length,r=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,o);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(r=(a<3?i(r):a>3?i(e,n,r):i(e,n))||r);return a>3&&r&&Object.defineProperty(e,n,r),r}function D(t,e,n,o){return new(n||(n=Promise))((function(i,a){function r(t){try{l(o.next(t))}catch(t){a(t)}}function s(t){try{l(o.throw(t))}catch(t){a(t)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(r,s)}l((o=o.apply(t,e||[])).next())}))}function w(t,e){var n,o,i,a,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(a){return function(s){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;r;)try{if(n=1,o&&(i=2&a[0]?o.return:a[0]?o.throw||((i=o.return)&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;switch(o=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return r.label++,{value:a[1],done:!1};case 5:r.label++,o=a[1],a=[0];continue;case 7:a=r.ops.pop(),r.trys.pop();continue;default:if(!(i=r.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){r=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){r.label=a[1];break}if(6===a[0]&&r.label<i[1]){r.label=i[1],i=a;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(a);break}i[2]&&r.ops.pop(),r.trys.pop();continue}a=e.call(t,r)}catch(t){a=[6,t],o=0}finally{n=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,s])}}}Object.create;Object.create;var O=new i.Logger("SetupTotp"),R=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.customComponents={},this.remoteError="",this.isPending=!1,this.headerText=o.translate("Setup TOTP"),this.qrCodeSource="",this.backToSignInText=o.translate("Back to Sign In"),this.confirmText=o.translate("Confirm")}return t.prototype.ngOnInit=function(){var t=this;this.authSubscription=this.stateMachine.authService.subscribe((function(e){t.onStateUpdate(e)})),this.generateQRCode()},t.prototype.ngAfterContentInit=function(){this.customComponents=this.contextService.customComponents},t.prototype.ngOnDestroy=function(){this.authSubscription.unsubscribe()},t.prototype.onStateUpdate=function(t){var e=o.getActorState(t);this.remoteError=e.context.remoteError,this.isPending=!e.matches("setupTOTP.edit")},Object.defineProperty(t.prototype,"context",{get:function(){var t=this.stateMachine.services,e=t.change,n=t.submit;return{change:e,remoteError:this.remoteError,submit:n,user:this.stateMachine.user}},enumerable:!1,configurable:!0}),t.prototype.generateQRCode=function(){var t;return D(this,void 0,void 0,(function(){var e,n,a,r,s,l,c,p;return w(this,(function(u){switch(u.label){case 0:e=this.stateMachine.authState,n=o.getActorContext(e),a=n.user,u.label=1;case 1:return u.trys.push([1,4,,5]),[4,i.Auth.setupTOTP(a)];case 2:return r=u.sent(),s="AWSCognito",l="otpauth://totp/AWSCognito:"+a.username+"?secret="+r+"&issuer="+s,O.info("totp code was generated:",l),c=this,[4,d.default.toDataURL(l)];case 3:return c.qrCodeSource=u.sent(),[3,5];case 4:return p=u.sent(),this.remoteError=null!==(t=p.message)&&void 0!==t?t:p,O.error(p),[3,5];case 5:return[2]}}))}))},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,o=e.value;this.stateMachine.send({type:"CHANGE",data:{name:n,value:o}})},t.prototype.onSubmit=function(t){t.preventDefault();var e=new FormData(t.target);this.stateMachine.send({type:"SUBMIT",data:Object.fromEntries(e)})},t.prototype.toSignIn=function(){this.stateMachine.send("SIGN_IN")},t}();R.decorators=[{type:e.Component,args:[{selector:"amplify-setup-totp",template:'\x3c!-- \n  Define default contents here\n--\x3e\n<ng-template #setupTotpButton>\n  <button amplify-button variation="primary" fullWidth="true" type="submit">\n    {{ confirmText }}\n  </button>\n</ng-template>\n\n<ng-template #setupTotpForm>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="isPending"\n    >\n      <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      <p *ngIf="!qrCodeSource">Loading...</p>\n      <img\n        *ngIf="qrCodeSource"\n        [src]="qrCodeSource"\n        alt="qr code"\n        data-amplify-qrcode\n      />\n      <amplify-form-field\n        name="confirmation_code"\n        label="Code *"\n        type="text"\n        autocomplete="one-time-code"\n      ></amplify-form-field>\n      <ng-container\n        [ngTemplateOutlet]="customComponents.setupTotpButton || setupTotpButton"\n        [ngTemplateOutletContext]="context"\n      >\n      </ng-container>\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="toSignIn()"\n      >\n        {{ backToSignInText }}\n      </button>\n      <amplify-error *ngIf="remoteError">\n        {{ remoteError }}\n      </amplify-error>\n    </fieldset>\n  </form>\n</ng-template>\n\n\x3c!-- \n  Render sign in component\n--\x3e\n<div data-amplify-container>\n  <ng-container\n    [ngTemplateOutlet]="customComponents.setupTotpForm || setupTotpForm"\n    [ngTemplateOutletContext]="context"\n  >\n  </ng-container>\n</div>\n'}]}],R.ctorParameters=function(){return[{type:y},{type:g}]},R.propDecorators={customComponents:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-setup-totp"]}]};var k=new i.Logger("SignIn"),M=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.dataAttr="",this.headerText=o.translate("Sign in to your account"),this.customComponents={},this.remoteError="",this.isPending=!1,this.forgotPasswordText=o.translate("Forgot your password? "),this.signInButtonText=o.translate("Sign in"),this.noAccountText=o.translate("No account? ")}return t.prototype.ngOnInit=function(){var t=this;this.authSubscription=this.stateMachine.authService.subscribe((function(e){return t.onStateUpdate(e)}))},t.prototype.ngAfterContentInit=function(){this.customComponents=this.contextService.customComponents},t.prototype.ngOnDestroy=function(){k.log("sign in destroyed, unsubscribing from state machine..."),this.authSubscription.unsubscribe()},t.prototype.onStateUpdate=function(t){var e=o.getActorState(t);this.remoteError=e.context.remoteError,this.isPending=!e.matches("signIn.edit")},Object.defineProperty(t.prototype,"context",{get:function(){var t=this.stateMachine.services,e=t.change,n=t.resetPassword,o=t.signUp,i=t.submit;return{change:e,remoteError:this.remoteError,resetPassword:n,signUp:o,submit:i}},enumerable:!1,configurable:!0}),t.prototype.toResetPassword=function(){this.stateMachine.send("RESET_PASSWORD")},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,o=e.value;this.stateMachine.send({type:"CHANGE",data:{name:n,value:o}})},t.prototype.onSubmit=function(t){return D(this,void 0,void 0,(function(){return w(this,(function(e){return t.preventDefault(),this.stateMachine.send({type:"SUBMIT"}),[2]}))}))},t}();M.decorators=[{type:e.Component,args:[{selector:"amplify-sign-in",template:'\x3c!-- \n  Define default contents here\n--\x3e\n<ng-template #signInButton>\n  <button amplify-button variation="primary" fullWidth="true" type="submit">\n    {{ signInButtonText }}\n  </button>\n</ng-template>\n\n<ng-template #signInForm>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="isPending"\n    >\n      <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      <amplify-user-name-alias></amplify-user-name-alias>\n      <amplify-form-field\n        data-amplify-password\n        name="password"\n        type="password"\n        autocomplete="current-password"\n      ></amplify-form-field>\n      <ng-container\n        [ngTemplateOutlet]="customComponents.signInButton || signInButton"\n        [ngTemplateOutletContext]="context"\n      >\n      </ng-container>\n      <button\n        amplify-button\n        fontWeight="normal"\n        size="small"\n        variation="link"\n        (click)="toResetPassword()"\n      >\n        {{ forgotPasswordText }}\n      </button>\n      <amplify-error *ngIf="remoteError">\n        {{ remoteError }}\n      </amplify-error>\n    </fieldset>\n    <amplify-federated-sign-in></amplify-federated-sign-in>\n  </form>\n</ng-template>\n\n\x3c!-- \n  Render sign in component\n--\x3e\n\n<div data-amplify-container>\n  <ng-container\n    [ngTemplateOutlet]="customComponents.signInForm || signInForm"\n    [ngTemplateOutletContext]="context"\n  >\n  </ng-container>\n</div>\n',encapsulation:e.ViewEncapsulation.None}]}],M.ctorParameters=function(){return[{type:y},{type:g}]},M.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-signin"]}],headerText:[{type:e.Input}]};var F=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.dataAttr="",this.headerText=o.translate("Create a new account"),this.remoteError="",this.isPending=!1,this.primaryAlias="",this.secondaryAliases=[],this.validationError={},this.createAccountText=o.translate("Create Account")}return Object.defineProperty(t.prototype,"context",{get:function(){var t=this.stateMachine.services,e=t.change,n=t.signIn,o=t.submit;return{change:e,remoteError:this.remoteError,signIn:n,submit:o,validationError:this.validationError}},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){var t=this;this.authSubscription=this.stateMachine.authService.subscribe((function(e){return t.onStateUpdate(e)}));var e=this.stateMachine.context,n=o.getConfiguredAliases(e),i=n.primaryAlias,a=n.secondaryAliases;"username"===i&&s.isEmpty(a)&&a.push("email","phone_number"),this.primaryAlias=i,this.secondaryAliases=a},t.prototype.ngAfterContentInit=function(){this.customComponents=this.contextService.customComponents},t.prototype.ngOnDestroy=function(){this.authSubscription.unsubscribe()},t.prototype.onStateUpdate=function(t){var e=o.getActorState(t),n=o.getActorContext(t);this.remoteError=n.remoteError,this.validationError=n.validationError,this.isPending=!e.matches({signUp:{submission:"idle"}})},t.prototype.onSubmit=function(t){return D(this,void 0,void 0,(function(){return w(this,(function(e){return t.preventDefault(),this.stateMachine.send("SUBMIT"),[2]}))}))},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,o=e.value;this.stateMachine.send({type:"CHANGE",data:{name:n,value:o}})},t}();F.decorators=[{type:e.Component,args:[{selector:"amplify-sign-up",template:'<ng-template #signUpButton>\n  <button amplify-button variation="primary" fullWidth="true" type="submit">\n    {{ createAccountText }}\n  </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-field\n    name="password"\n    autocomplete="new-password"\n  ></amplify-form-field>\n</ng-template>\n\n<ng-template #signUpConfirmPassword>\n  <amplify-form-field\n    name="confirm_password"\n    label="Confirm Password"\n    type="password"\n    autocomplete="new-password"\n  ></amplify-form-field>\n</ng-template>\n\n<ng-template #signUpFieldset>\n  <fieldset\n    class="amplify-flex"\n    style="flex-direction: column"\n    data-amplify-fieldset\n    [disabled]="isPending"\n  >\n    <h3 class="amplify-heading">{{ this.headerText }}</h3>\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-field [name]="secondaryAlias"></amplify-form-field>\n    </ng-container>\n    <ng-container\n      [ngTemplateOutlet]="customComponents.signUpButton || signUpButton"\n      [ngTemplateOutletContext]="context"\n    >\n    </ng-container>\n    <amplify-error *ngIf="remoteError">\n      {{ remoteError }}\n    </amplify-error>\n  </fieldset>\n  <amplify-federated-sign-in></amplify-federated-sign-in>\n</ng-template>\n\n<div data-amplify-container>\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  </form>\n</div>\n'}]}],F.ctorParameters=function(){return[{type:y},{type:g}]},F.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-signup"]}],headerText:[{type:e.Input}]};var N=function(){return o.authInputAttributes},B=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.dataAttr="",this.headerText=o.translate("Account recovery requires verified contact information"),this.customComponents={},this.unverifiedAttributes={},this.remoteError="",this.isPending=!1,this.labelId=l.nanoid(12),this.skipText=o.translate("Skip"),this.verifyText=o.translate("Verify")}return t.prototype.ngOnInit=function(){var t=this;this.authSubscription=this.stateMachine.authService.subscribe((function(e){return t.onStateUpdate(e)}))},t.prototype.ngAfterContentInit=function(){this.customComponents=this.contextService.customComponents},t.prototype.ngOnDestroy=function(){this.authSubscription.unsubscribe()},t.prototype.onStateUpdate=function(t){var e=o.getActorState(t);this.unverifiedAttributes=e.context.unverifiedAttributes,this.remoteError=e.context.remoteError,this.isPending=!e.matches("verifyUser.edit")},Object.defineProperty(t.prototype,"context",{get:function(){var t=this.stateMachine.services,e=t.change,n=t.skip,o=t.submit;return{change:e,remoteError:this.remoteError,skip:n,submit:o}},enumerable:!1,configurable:!0}),t.prototype.skipVerify=function(){this.stateMachine.send("SKIP")},t.prototype.getLabelForAttr=function(t){var e,n=null===(e=N()[t])||void 0===e?void 0:e.label;return o.translate(n)},t.prototype.onSubmit=function(t){return D(this,void 0,void 0,(function(){var e;return w(this,(function(n){return t.preventDefault(),e=new FormData(t.target),this.stateMachine.send({type:"SUBMIT",data:Object.fromEntries(e)}),[2]}))}))},t}();B.decorators=[{type:e.Component,args:[{selector:"amplify-verify-user",template:'\x3c!-- \n  Define default contents here\n--\x3e\n<ng-template #verifyButton>\n  <button amplify-button variation="primary" fullWidth="true" type="submit">\n    {{ verifyText }}\n  </button>\n</ng-template>\n\n<ng-template #verifyUserForm>\n  <form data-amplify-form (submit)="onSubmit($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="isPending"\n    >\n      <h3 class="amplify-heading">{{ this.headerText }}</h3>\n\n      <div *ngFor="let unverifiedAttribute of unverifiedAttributes | keyvalue">\n        \x3c!-- TODO: match React implementation --\x3e\n        <input\n          name="unverifiedAttr"\n          type="radio"\n          [value]="unverifiedAttribute.key"\n          [id]="labelId"\n        />\n        <label [for]="labelId">{{\n          getLabelForAttr(unverifiedAttribute.key)\n        }}</label>\n      </div>\n\n      <ng-container\n        [ngTemplateOutlet]="customComponents.verifyButton || verifyButton"\n        [ngTemplateOutletContext]="context"\n      ></ng-container>\n\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="skipVerify()"\n      >\n        {{ skipText }}\n      </button>\n\n      <amplify-error *ngIf="remoteError">\n        {{ remoteError }}\n      </amplify-error>\n    </fieldset>\n  </form>\n</ng-template>\n\n\x3c!-- \n  Render verify user component\n--\x3e\n<div data-amplify-container>\n  <ng-container\n    [ngTemplateOutlet]="customComponents.verifyUserForm || verifyUserForm"\n    [ngTemplateOutletContext]="context"\n  >\n  </ng-container>\n</div>\n',encapsulation:e.ViewEncapsulation.None}]}],B.ctorParameters=function(){return[{type:y},{type:g}]},B.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-verifyuser"]}],headerText:[{type:e.Input}]};var z=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.dataAttr="",this.headerText=o.translate("Reset your password"),this.customComponents={},this.remoteError="",this.isPending=!1,this.sendCodeText=o.translate("Send Code"),this.backToSignInText=o.translate("Back to Sign In"),this.lostCodeText=o.translate("Lost your code? "),this.resendCodeText=o.translate("Resend Code")}return t.prototype.ngOnInit=function(){var t=this;this.authSubscription=this.stateMachine.authService.subscribe((function(e){return t.onStateUpdate(e)}))},t.prototype.ngAfterContentInit=function(){this.customComponents=this.contextService.customComponents},t.prototype.ngOnDestroy=function(){this.authSubscription.unsubscribe()},t.prototype.onStateUpdate=function(t){var e=o.getActorState(t);this.remoteError=e.context.remoteError,this.isPending=!e.matches("confirmResetPassword.edit")},Object.defineProperty(t.prototype,"context",{get:function(){var t=this.stateMachine.services,e=t.change,n=t.resend,o=t.signIn,i=t.submit;return{change:e,resend:n,remoteError:this.remoteError,signIn:o,submit:i}},enumerable:!1,configurable:!0}),t.prototype.toSignIn=function(){this.stateMachine.send("SIGN_IN")},t.prototype.resend=function(){this.stateMachine.send("RESEND")},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,o=e.value;this.stateMachine.send({type:"CHANGE",data:{name:n,value:o}})},t.prototype.onSubmit=function(t){return D(this,void 0,void 0,(function(){return w(this,(function(e){return t.preventDefault(),this.stateMachine.send("SUBMIT"),[2]}))}))},t}();z.decorators=[{type:e.Component,args:[{selector:"amplify-confirm-reset-password",template:'\x3c!-- \n  Define default contents here\n--\x3e\n<ng-template #confirmResetPasswordSubmitButton>\n  <button amplify-button variation="primary" fullWidth="true" type="submit">\n    {{ sendCodeText }}\n  </button>\n</ng-template>\n<ng-template #confirmResetPasswordForm>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="isPending"\n    >\n      <h3 class="amplify-heading">{{ headerText }}</h3>\n      <amplify-form-field\n        name="confirmation_code"\n        type="number"\n        autocomplete="one-time-code"\n      ></amplify-form-field>\n      <amplify-form-field\n        name="password"\n        label="New password"\n        autocomplete="new-password"\n      ></amplify-form-field>\n\n      <ng-container\n        [ngTemplateOutlet]="\n          customComponents.confirmResetPasswordSubmitButton ||\n          confirmResetPasswordSubmitButton\n        "\n        [ngTemplateOutletContext]="context"\n      ></ng-container>\n\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        type="button"\n        (click)="resend()"\n      >\n        {{ resendCodeText }}\n      </button>\n\n      <amplify-error *ngIf="remoteError">\n        {{ remoteError }}\n      </amplify-error>\n    </fieldset>\n  </form>\n</ng-template>\n\n\x3c!-- \n  Render confirm reset password component\n--\x3e\n<div data-amplify-container>\n  <ng-container\n    [ngTemplateOutlet]="\n      customComponents.confirmResetPasswordForm || confirmResetPasswordForm\n    "\n    [ngTemplateOutletContext]="context"\n  >\n  </ng-container>\n</div>\n'}]}],z.ctorParameters=function(){return[{type:y},{type:g}]},z.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-confirmsignin"]}],headerText:[{type:e.Input}]};var U=function(){function t(t,e){this.stateMachine=t,this.contextService=e,this.dataAttr="",this.headerText=o.translate("Account recovery requires verified contact information"),this.customComponents={},this.remoteError="",this.isPending=!1,this.skipText=o.translate("Skip"),this.submitText=o.translate("Submit")}return t.prototype.ngOnInit=function(){var t=this;this.authSubscription=this.stateMachine.authService.subscribe((function(e){return t.onStateUpdate(e)}))},t.prototype.ngAfterContentInit=function(){this.customComponents=this.contextService.customComponents},t.prototype.ngOnDestroy=function(){this.authSubscription.unsubscribe()},t.prototype.onStateUpdate=function(t){var e=o.getActorState(t);this.remoteError=e.context.remoteError,this.isPending=!e.matches("confirmVerifyUser.edit")},Object.defineProperty(t.prototype,"context",{get:function(){var t=this.stateMachine.services,e=t.skip,n=t.submit;return{remoteError:this.remoteError,skip:e,submit:n}},enumerable:!1,configurable:!0}),t.prototype.skipVerify=function(){this.stateMachine.send("SKIP")},t.prototype.onSubmit=function(t){return D(this,void 0,void 0,(function(){var e;return w(this,(function(n){return t.preventDefault(),e=new FormData(t.target),this.stateMachine.send({type:"SUBMIT",data:Object.fromEntries(e)}),[2]}))}))},t}();U.decorators=[{type:e.Component,args:[{selector:"amplify-confirm-verify-user",template:'\x3c!-- \n  Define default contents here\n--\x3e\n<ng-template #confirmVerifyButton>\n  <button amplify-button variation="primary" fullWidth="true" type="submit">\n    {{ submitText }}\n  </button>\n</ng-template>\n\n<ng-template #confirmVerifyUserForm>\n  <form data-amplify-form (submit)="onSubmit($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="isPending"\n    >\n      <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      <amplify-form-field\n        name="confirmation_code"\n        type="number"\n        autocomplete="one-time-code"\n      ></amplify-form-field>\n      <ng-container\n        [ngTemplateOutlet]="\n          customComponents.confirmVerifyButton || confirmVerifyButton\n        "\n        [ngTemplateOutletContext]="context"\n      ></ng-container>\n\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="skipVerify()"\n      >\n        {{ skipText }}\n      </button>\n      <amplify-error *ngIf="remoteError">\n        {{ remoteError }}\n      </amplify-error>\n    </fieldset>\n  </form>\n</ng-template>\n\n\x3c!-- \n  Render confirm reset password component\n--\x3e\n<div data-amplify-container>\n  <ng-container\n    [ngTemplateOutlet]="\n      customComponents.confirmVerifyUserForm || confirmVerifyUserForm\n    "\n    [ngTemplateOutletContext]="context"\n  >\n  </ng-container>\n</div>\n'}]}],U.ctorParameters=function(){return[{type:y},{type:g}]},U.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-confirmverifyuser"]}],headerText:[{type:e.Input}]};var _=function(){function t(){this.type="button",this.fullWidth=!1,this.size="medium",this.variation="default",this.fontWeight="normal",this.defaultClass=!0}return t.prototype.ngOnInit=function(){this.typeAttr=this.type,this.fullWidthAttr=this.fullWidth,this.sizeAttr=this.size,this.variationAttr=this.variation,this.fontWeightAttr=this.fontWeight},t}();_.decorators=[{type:e.Component,args:[{selector:"button[amplify-button]",template:"<ng-content></ng-content>\n"}]}],_.propDecorators={type:[{type:e.Input}],fullWidth:[{type:e.Input}],size:[{type:e.Input}],variation:[{type:e.Input}],fontWeight:[{type:e.Input}],typeAttr:[{type:e.HostBinding,args:["type"]}],fullWidthAttr:[{type:e.HostBinding,args:["attr.data-fullwidth"]}],sizeAttr:[{type:e.HostBinding,args:["attr.data-size"]}],variationAttr:[{type:e.HostBinding,args:["attr.data-variation"]}],defaultClass:[{type:e.HostBinding,args:["class.amplify-button"]}],fontWeightAttr:[{type:e.HostBinding,args:["style.font-weight"]}]};var q=function(){};q.decorators=[{type:e.Component,args:[{selector:"amplify-error",template:"<span data-ui-error>\n  <ng-content></ng-content>\n</span>\n"}]}];var Z=function(){function t(t){this.stateMachine=t,this.required=!0,this.placeholder="",this.label="",this.initialValue="",this.disabled=!1,this.autocomplete="",this.countryDialCodes=o.countryDialCodes}return t.prototype.ngOnInit=function(){if(this.textFieldId="amplify-field-"+l.nanoid(12),this.selectFieldId="amplify-field-"+l.nanoid(12),this.isPhoneField()){var t=this.stateMachine.authState,e=o.getActorContext(t).country_code;this.defaultCountryCode=e,this.stateMachine.send({type:"CHANGE",data:{name:"country_code",value:e}})}},Object.defineProperty(t.prototype,"attributeMap",{get:function(){return N()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"error",{get:function(){return o.getActorContext(this.stateMachine.authState).validationError[this.name]},enumerable:!1,configurable:!0}),t.prototype.inferLabel=function(){var t,e=this.label||(null===(t=this.attributeMap[this.name])||void 0===t?void 0:t.label);return o.translate(e)},t.prototype.inferPlaceholder=function(){var t,e=this.placeholder||(null===(t=this.attributeMap[this.name])||void 0===t?void 0:t.placeholder)||this.inferLabel();return o.translate(e)},t.prototype.inferType=function(){var t,e,n;return null!==(n=null!==(t=this.type)&&void 0!==t?t:null===(e=this.attributeMap[this.name])||void 0===e?void 0:e.type)&&void 0!==n?n:"text"},t.prototype.isPasswordField=function(){return"password"===this.inferType()},t.prototype.isPhoneField=function(){return"tel"===this.inferType()},t}();Z.decorators=[{type:e.Component,args:[{selector:"amplify-form-field",template:'<div class="amplify-flex" style="flex-direction: column; gap: 0">\n  \x3c!-- Country code field --\x3e\n  <amplify-phone-number-field\n    *ngIf="isPhoneField()"\n    [selectFieldId]="selectFieldId"\n    [defaultCountryCode]="defaultCountryCode"\n    [textFieldId]="textFieldId"\n    [type]="inferType()"\n    [name]="name"\n    [label]="inferLabel()"\n    [placeholder]="inferPlaceholder()"\n    [required]="required"\n    [initialValue]="initialValue"\n    [disabled]="disabled"\n    [autocomplete]="autocomplete"\n  ></amplify-phone-number-field>\n\n  <amplify-password-field\n    *ngIf="isPasswordField()"\n    [id]="textFieldId"\n    [name]="name"\n    [label]="inferLabel()"\n    [placeholder]="inferPlaceholder()"\n    [required]="required"\n    [value]="initialValue"\n    [disabled]="disabled"\n    [autocomplete]="autocomplete"\n  ></amplify-password-field>\n\n  <amplify-text-field\n    *ngIf="!isPasswordField() && !isPhoneField()"\n    [id]="textFieldId"\n    [type]="inferType()"\n    [name]="name"\n    [label]="inferLabel()"\n    [placeholder]="inferPlaceholder()"\n    [required]="required"\n    [value]="initialValue"\n    [disabled]="disabled"\n    [autocomplete]="autocomplete"\n  ></amplify-text-field>\n\n  <amplify-error *ngIf="error">\n    {{ error }}\n  </amplify-error>\n</div>\n'}]}],Z.ctorParameters=function(){return[{type:y}]},Z.propDecorators={name:[{type:e.Input}],type:[{type:e.Input}],required:[{type:e.Input}],placeholder:[{type:e.Input}],label:[{type:e.Input}],initialValue:[{type:e.Input}],disabled:[{type:e.Input}],autocomplete:[{type:e.Input}]};var j=function(){function t(){this.autocomplete="new-password",this.disabled=!1,this.initialValue="",this.label="",this.placeholder="",this.required=!0,this.type="password",this.showPassword=!1,this.showPasswordButtonlabel=o.translate("Show password")}return t.prototype.togglePasswordText=function(){this.showPassword=!this.showPassword,this.showPasswordButtonlabel=this.showPassword?o.translate("Show password"):o.translate("Hide password"),this.type=this.showPassword?"text":"password"},t}();j.decorators=[{type:e.Component,args:[{selector:"amplify-password-field",template:'<label class="amplify-label sr-only" [for]="id">\n  {{ label }}\n</label>\n<div class="amplify-flex amplify-field-group">\n  <input\n    class="amplify-input amplify-field-group__control"\n    [id]="id"\n    [type]="type"\n    [name]="name"\n    [placeholder]="placeholder"\n    [required]="required"\n    [value]="initialValue"\n    [attr.disabled]="disabled ? \'\' : null"\n    [autocomplete]="autocomplete"\n  />\n  <div class="amplify-field-group__outer-end">\n    <button\n      amplify-button\n      [attr.aria-label]="showPasswordButtonlabel"\n      class="amplify-field-group__control amplify-field__show-password"\n      (click)="togglePasswordText()"\n    >\n      <svg\n        *ngIf="!showPassword"\n        xmlns="http://www.w3.org/2000/svg"\n        fill="currentColor"\n        viewBox="0 0 24 24"\n        class="amplify-icon"\n      >\n        <path\n          d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"\n        ></path>\n      </svg>\n      <svg\n        *ngIf="showPassword"\n        xmlns="http://www.w3.org/2000/svg"\n        fill="currentColor"\n        viewBox="0 0 24 24"\n        class="amplify-icon"\n      >\n        <path\n          d="M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z"\n          fill="none"\n        ></path>\n        <path\n          d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"\n        ></path>\n      </svg>\n    </button>\n  </div>\n</div>\n'}]}],j.propDecorators={autocomplete:[{type:e.Input}],disabled:[{type:e.Input}],id:[{type:e.Input}],initialValue:[{type:e.Input}],label:[{type:e.Input}],name:[{type:e.Input}],placeholder:[{type:e.Input}],required:[{type:e.Input}]};var V=function(){};V.decorators=[{type:e.Component,args:[{selector:"amplify-form-select",template:'<label class="amplify-label sr-only" [for]="id">{{ label }}</label>\n<div class="amplify-select__wrapper">\n  <select\n    class="amplify-select amplify-field-group__control"\n    autocomplete="tel-country-code"\n    [id]="id"\n    [name]="name"\n  >\n    <option\n      *ngFor="let item of items"\n      [value]="item"\n      [selected]="item === defaultValue"\n    >\n      {{ item }}\n    </option>\n  </select>\n  <div\n    class="amplify-flex amplify-select__icon-wrapper"\n    style="align-items: center; justify-content: center"\n  >\n    <svg\n      xmlns="http://www.w3.org/2000/svg"\n      class="amplify-icon"\n      viewBox="0 0 24 24"\n      data-size="large"\n      fill="currentColor"\n    >\n      <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path>\n    </svg>\n  </div>\n</div>\n'}]}],V.propDecorators={items:[{type:e.Input}],name:[{type:e.Input}],label:[{type:e.Input}],id:[{type:e.Input}],defaultValue:[{type:e.Input}]};var H=function(){this.active=!1};H.decorators=[{type:e.Component,args:[{selector:"amplify-tab-item",template:'<div\n  data-orientation="horizontal"\n  role="tabpanel"\n  [id]="id"\n  [attr.aria-labelledby]="labelledById"\n  [attr.data-state]="active ? \'active\' : \'inactive\'"\n  [attr.tabindex]="tabIndex"\n>\n  <ng-content *ngIf="active"></ng-content>\n</div>\n'}]}],H.propDecorators={title:[{type:e.Input}],active:[{type:e.Input}],id:[{type:e.Input}],labelledById:[{type:e.Input}],tabIndex:[{type:e.Input}]};var W=function(){function t(){this.tabChange=new e.EventEmitter}return t.prototype.ngAfterContentInit=function(){this.tabs.forEach((function(t,e){t.id="radix-id-"+l.nanoid(12)+"-1-content-"+e,t.labelledById="radix-id-"+l.nanoid(12)+"-1-trigger-"+e})),1!==this.tabs.filter((function(t){return t.active})).length&&this.selectTab(this.tabs.first)},t.prototype.selectTab=function(t){this.tabs.forEach((function(t){t.active=!1})),t.active=!0},t.prototype.handleTabClick=function(t){t.active||(this.tabChange.emit(),this.selectTab(t))},t}();W.decorators=[{type:e.Component,args:[{selector:"amplify-tabs",template:'<div\n  tabindex="0"\n  aria-orientation="horizontal"\n  data-orientation="horizontal"\n  role="tablist"\n  style="outline: none"\n>\n  <div\n    class="amplify-flex amplify-tabs"\n    style="gap: 0px; justify-content: center"\n  >\n    <div\n      *ngFor="let tab of tabs"\n      class="amplify-tabs-item"\n      data-grow="equal"\n      data-orientation="horizontal"\n      role="tab"\n      [id]="tab.labelledById"\n      [tabindex]="tab.active ? \'0\' : \'1\'"\n      [attr.aria-selected]="tab.active"\n      [attr.aria-controls]="tab.id"\n      [attr.data-state]="tab.active ? \'active\' : \'inactive\'"\n      (click)="handleTabClick(tab)"\n    >\n      {{ tab.title }}\n    </div>\n  </div>\n</div>\n\n<ng-content></ng-content>\n'}]}],W.propDecorators={tabs:[{type:e.ContentChildren,args:[H]}],tabChange:[{type:e.Output}]};var L=function(){this.autocomplete="new-password",this.disabled=!1,this.initialValue="",this.label="",this.placeholder="",this.required=!0};L.decorators=[{type:e.Component,args:[{selector:"amplify-text-field",template:'<label class="amplify-label sr-only" [for]="id">\n  {{ label }}\n</label>\n<input\n  class="amplify-input"\n  [id]="id"\n  [type]="type"\n  [name]="name"\n  [placeholder]="placeholder"\n  [required]="required"\n  [value]="initialValue"\n  [attr.disabled]="disabled ? \'\' : null"\n  [autocomplete]="autocomplete"\n/>\n'}]}],L.propDecorators={autocomplete:[{type:e.Input}],disabled:[{type:e.Input}],id:[{type:e.Input}],initialValue:[{type:e.Input}],label:[{type:e.Input}],name:[{type:e.Input}],placeholder:[{type:e.Input}],required:[{type:e.Input}],type:[{type:e.Input}]};var G=function(){function t(t){this.stateMachine=t,this.name="username",this.disabled=!1,this.initialValue="",this.required=!0}return t.prototype.ngOnInit=function(){var t=this.stateMachine.context,e=o.getAliasInfoFromContext(t),n=e.label,i=e.type;this.label=n,this.type=i,this.placeholder=n},t}();G.decorators=[{type:e.Component,args:[{selector:"amplify-user-name-alias",template:'<amplify-form-field\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-field>\n'}]}],G.ctorParameters=function(){return[{type:y}]},G.propDecorators={name:[{type:e.Input}],disabled:[{type:e.Input}],initialValue:[{type:e.Input}],required:[{type:e.Input}]};function $(t){return function(e){var n,o,i;return t.inputs&&(n=e,o=t.inputs,i=n.prototype,o.forEach((function(t){Object.defineProperty(i,t,{get:function(){return this.el[t]},set:function(e){var n=this;this.z.runOutsideAngular((function(){return n.el[t]=e}))}})}))),t.methods&&function(t,e){var n=t.prototype;e.forEach((function(t){n[t]=function(){var e=this,n=arguments;return this.z.runOutsideAngular((function(){return e.el[t].apply(e.el,n)}))}}))}(e,t.methods),e}}var K=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};K.decorators=[{type:e.Component,args:[{selector:"amplify-amazon-button",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["clientId","handleAuthStateChange"]}]}],K.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},K=E([$({inputs:["clientId","handleAuthStateChange"]})],K);var Q=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Q.decorators=[{type:e.Component,args:[{selector:"amplify-auth-container",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>"}]}],Q.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]};var Y=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Y.decorators=[{type:e.Component,args:[{selector:"amplify-auth-fields",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["formFields"]}]}],Y.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Y=E([$({inputs:["formFields"]})],Y);var J=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};J.decorators=[{type:e.Component,args:[{selector:"amplify-auth0-button",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["config","handleAuthStateChange"]}]}],J.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},J=E([$({inputs:["config","handleAuthStateChange"]})],J);var X=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};X.decorators=[{type:e.Component,args:[{selector:"amplify-authenticator",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["federated","handleAuthStateChange","hideToast","initialAuthState","usernameAlias"]}]}],X.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},X=E([$({inputs:["federated","handleAuthStateChange","hideToast","initialAuthState","usernameAlias"]})],X),t.AmplifyButton=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement},t.AmplifyButton.decorators=[{type:e.Component,args:[{selector:"amplify-button",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["disabled","handleButtonClick","icon","type","variant"]}]}],t.AmplifyButton.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyButton=E([$({inputs:["disabled","handleButtonClick","icon","type","variant"]})],t.AmplifyButton),t.AmplifyChatbot=function(t,e,n){var o,i;this.z=n,t.detach(),this.el=e.nativeElement,o=this,i=this.el,["chatCompleted"].forEach((function(t){return o[t]=c.fromEvent(i,t)}))},t.AmplifyChatbot.decorators=[{type:e.Component,args:[{selector:"amplify-chatbot",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["botName","botTitle","clearOnComplete","conversationModeOn","silenceThreshold","silenceTime","textEnabled","voiceEnabled","welcomeMessage"]}]}],t.AmplifyChatbot.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyChatbot=E([$({inputs:["botName","botTitle","clearOnComplete","conversationModeOn","silenceThreshold","silenceTime","textEnabled","voiceEnabled","welcomeMessage"]})],t.AmplifyChatbot);var tt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};tt.decorators=[{type:e.Component,args:[{selector:"amplify-checkbox",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["checked","disabled","fieldId","label","name","value"]}]}],tt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},tt=E([$({inputs:["checked","disabled","fieldId","label","name","value"]})],tt);var et=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};et.decorators=[{type:e.Component,args:[{selector:"amplify-code-field",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["disabled","fieldId","handleInputChange","hint","inputProps","label","placeholder","required","value"]}]}],et.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},et=E([$({inputs:["disabled","fieldId","handleInputChange","hint","inputProps","label","placeholder","required","value"]})],et);var nt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};nt.decorators=[{type:e.Component,args:[{selector:"amplify-confirm-sign-in",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["formFields","handleAuthStateChange","handleSubmit","headerText","submitButtonText","user"]}]}],nt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},nt=E([$({inputs:["formFields","handleAuthStateChange","handleSubmit","headerText","submitButtonText","user"]})],nt);var ot=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};ot.decorators=[{type:e.Component,args:[{selector:"amplify-confirm-sign-up",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["formFields","handleAuthStateChange","handleSubmit","headerText","submitButtonText","user","usernameAlias"]}]}],ot.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},ot=E([$({inputs:["formFields","handleAuthStateChange","handleSubmit","headerText","submitButtonText","user","usernameAlias"]})],ot);var it=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};it.decorators=[{type:e.Component,args:[{selector:"amplify-container",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>"}]}],it.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]};var at=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};at.decorators=[{type:e.Component,args:[{selector:"amplify-country-dial-code",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["dialCode","fieldId","handleInputChange","options"]}]}],at.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},at=E([$({inputs:["dialCode","fieldId","handleInputChange","options"]})],at);var rt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};rt.decorators=[{type:e.Component,args:[{selector:"amplify-email-field",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["disabled","fieldId","handleInputChange","hint","inputProps","label","placeholder","required","value"]}]}],rt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},rt=E([$({inputs:["disabled","fieldId","handleInputChange","hint","inputProps","label","placeholder","required","value"]})],rt);var st=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};st.decorators=[{type:e.Component,args:[{selector:"amplify-facebook-button",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["appId","handleAuthStateChange"]}]}],st.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},st=E([$({inputs:["appId","handleAuthStateChange"]})],st);var lt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};lt.decorators=[{type:e.Component,args:[{selector:"amplify-federated-buttons",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["authState","federated","handleAuthStateChange"]}]}],lt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},lt=E([$({inputs:["authState","federated","handleAuthStateChange"]})],lt);var ct=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};ct.decorators=[{type:e.Component,args:[{selector:"amplify-federated-sign-in",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["authState","federated"]}]}],ct.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},ct=E([$({inputs:["authState","federated"]})],ct);var pt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};pt.decorators=[{type:e.Component,args:[{selector:"amplify-forgot-password",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["formFields","handleAuthStateChange","handleSend","handleSubmit","headerText","sendButtonText","submitButtonText","usernameAlias"]}]}],pt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},pt=E([$({inputs:["formFields","handleAuthStateChange","handleSend","handleSubmit","headerText","sendButtonText","submitButtonText","usernameAlias"]})],pt);var ut=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};ut.decorators=[{type:e.Component,args:[{selector:"amplify-form-field",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["description","disabled","fieldId","handleInputChange","hint","inputProps","label","name","placeholder","required","type","value"]}]}],ut.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},ut=E([$({inputs:["description","disabled","fieldId","handleInputChange","hint","inputProps","label","name","placeholder","required","type","value"]})],ut);var mt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};mt.decorators=[{type:e.Component,args:[{selector:"amplify-form-section",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["handleSubmit","headerText","loading","secondaryFooterContent","submitButtonText","testDataPrefix"]}]}],mt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},mt=E([$({inputs:["handleSubmit","headerText","loading","secondaryFooterContent","submitButtonText","testDataPrefix"]})],mt);var ft=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};ft.decorators=[{type:e.Component,args:[{selector:"amplify-google-button",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["clientId","handleAuthStateChange"]}]}],ft.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},ft=E([$({inputs:["clientId","handleAuthStateChange"]})],ft);var dt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};dt.decorators=[{type:e.Component,args:[{selector:"amplify-greetings",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["handleAuthStateChange","logo","username"]}]}],dt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},dt=E([$({inputs:["handleAuthStateChange","logo","username"]})],dt);var ht=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};ht.decorators=[{type:e.Component,args:[{selector:"amplify-hint",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>"}]}],ht.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]};var gt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};gt.decorators=[{type:e.Component,args:[{selector:"amplify-icon",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["name"]}]}],gt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},gt=E([$({inputs:["name"]})],gt);var yt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};yt.decorators=[{type:e.Component,args:[{selector:"amplify-icon-button",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["autoShowTooltip","name","tooltip"]}]}],yt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},yt=E([$({inputs:["autoShowTooltip","name","tooltip"]})],yt),t.AmplifyInput=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement},t.AmplifyInput.decorators=[{type:e.Component,args:[{selector:"amplify-input",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["description","disabled","fieldId","handleInputChange","inputProps","name","placeholder","required","type","value"]}]}],t.AmplifyInput.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyInput=E([$({inputs:["description","disabled","fieldId","handleInputChange","inputProps","name","placeholder","required","type","value"]})],t.AmplifyInput);var bt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};bt.decorators=[{type:e.Component,args:[{selector:"amplify-label",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["htmlFor"]}]}],bt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},bt=E([$({inputs:["htmlFor"]})],bt);var vt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};vt.decorators=[{type:e.Component,args:[{selector:"amplify-link",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["role"]}]}],vt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},vt=E([$({inputs:["role"]})],vt);var Ct=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Ct.decorators=[{type:e.Component,args:[{selector:"amplify-loading-spinner",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>"}]}],Ct.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]};var xt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};xt.decorators=[{type:e.Component,args:[{selector:"amplify-nav",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>"}]}],xt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]};var St=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};St.decorators=[{type:e.Component,args:[{selector:"amplify-oauth-button",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["config"]}]}],St.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},St=E([$({inputs:["config"]})],St);var It=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};It.decorators=[{type:e.Component,args:[{selector:"amplify-password-field",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["disabled","fieldId","handleInputChange","hint","inputProps","label","placeholder","required","value"]}]}],It.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},It=E([$({inputs:["disabled","fieldId","handleInputChange","hint","inputProps","label","placeholder","required","value"]})],It);var Pt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Pt.decorators=[{type:e.Component,args:[{selector:"amplify-phone-field",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["dialCode","disabled","fieldId","handleInputChange","hint","inputProps","label","placeholder","required","value"]}]}],Pt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Pt=E([$({inputs:["dialCode","disabled","fieldId","handleInputChange","hint","inputProps","label","placeholder","required","value"]})],Pt),t.AmplifyPhotoPicker=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement},t.AmplifyPhotoPicker.decorators=[{type:e.Component,args:[{selector:"amplify-photo-picker",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["buttonText","handleClick","headerHint","headerTitle","placeholderHint","previewSrc"]}]}],t.AmplifyPhotoPicker.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyPhotoPicker=E([$({inputs:["buttonText","handleClick","headerHint","headerTitle","placeholderHint","previewSrc"]})],t.AmplifyPhotoPicker),t.AmplifyPicker=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement},t.AmplifyPicker.decorators=[{type:e.Component,args:[{selector:"amplify-picker",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["acceptValue","inputHandler","pickerText"]}]}],t.AmplifyPicker.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyPicker=E([$({inputs:["acceptValue","inputHandler","pickerText"]})],t.AmplifyPicker);var Tt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Tt.decorators=[{type:e.Component,args:[{selector:"amplify-radio-button",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["checked","disabled","fieldId","handleInputChange","inputProps","label","name","placeholder","value"]}]}],Tt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Tt=E([$({inputs:["checked","disabled","fieldId","handleInputChange","inputProps","label","name","placeholder","value"]})],Tt);var At=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};At.decorators=[{type:e.Component,args:[{selector:"amplify-require-new-password",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["formFields","handleAuthStateChange","handleSubmit","headerText","submitButtonText","user"]}]}],At.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},At=E([$({inputs:["formFields","handleAuthStateChange","handleSubmit","headerText","submitButtonText","user"]})],At),t.AmplifyS3Album=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement},t.AmplifyS3Album.decorators=[{type:e.Component,args:[{selector:"amplify-s3-album",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["contentType","fileToKey","filter","handleOnError","handleOnLoad","identityId","level","path","picker","pickerText","sort","track"]}]}],t.AmplifyS3Album.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyS3Album=E([$({inputs:["contentType","fileToKey","filter","handleOnError","handleOnLoad","identityId","level","path","picker","pickerText","sort","track"]})],t.AmplifyS3Album),t.AmplifyS3Image=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement},t.AmplifyS3Image.decorators=[{type:e.Component,args:[{selector:"amplify-s3-image",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["alt","body","contentType","handleOnError","handleOnLoad","identityId","imgKey","imgProps","level","path","track"]}]}],t.AmplifyS3Image.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyS3Image=E([$({inputs:["alt","body","contentType","handleOnError","handleOnLoad","identityId","imgKey","imgProps","level","path","track"]})],t.AmplifyS3Image),t.AmplifyS3ImagePicker=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement},t.AmplifyS3ImagePicker.decorators=[{type:e.Component,args:[{selector:"amplify-s3-image-picker",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["buttonText","contentType","fileToKey","headerHint","headerTitle","identityId","level","path","placeholderHint","track"]}]}],t.AmplifyS3ImagePicker.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyS3ImagePicker=E([$({inputs:["buttonText","contentType","fileToKey","headerHint","headerTitle","identityId","level","path","placeholderHint","track"]})],t.AmplifyS3ImagePicker),t.AmplifyS3Text=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement},t.AmplifyS3Text.decorators=[{type:e.Component,args:[{selector:"amplify-s3-text",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["body","contentType","fallbackText","identityId","level","path","textKey","track"]}]}],t.AmplifyS3Text.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyS3Text=E([$({inputs:["body","contentType","fallbackText","identityId","level","path","textKey","track"]})],t.AmplifyS3Text),t.AmplifyS3TextPicker=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement},t.AmplifyS3TextPicker.decorators=[{type:e.Component,args:[{selector:"amplify-s3-text-picker",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["contentType","fallbackText","fileToKey","identityId","level","path","track"]}]}],t.AmplifyS3TextPicker.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyS3TextPicker=E([$({inputs:["contentType","fallbackText","fileToKey","identityId","level","path","track"]})],t.AmplifyS3TextPicker);var Et=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Et.decorators=[{type:e.Component,args:[{selector:"amplify-section",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["role"]}]}],Et.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Et=E([$({inputs:["role"]})],Et);var Dt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Dt.decorators=[{type:e.Component,args:[{selector:"amplify-select",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["fieldId","handleInputChange","options","selected"]}]}],Dt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Dt=E([$({inputs:["fieldId","handleInputChange","options","selected"]})],Dt);var wt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};wt.decorators=[{type:e.Component,args:[{selector:"amplify-select-mfa-type",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["MFATypes","authData","handleSubmit"]}]}],wt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},wt=E([$({inputs:["MFATypes","authData","handleSubmit"]})],wt);var Ot=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Ot.decorators=[{type:e.Component,args:[{selector:"amplify-sign-in",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["federated","formFields","handleAuthStateChange","handleSubmit","headerText","hideSignUp","submitButtonText","usernameAlias"]}]}],Ot.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Ot=E([$({inputs:["federated","formFields","handleAuthStateChange","handleSubmit","headerText","hideSignUp","submitButtonText","usernameAlias"]})],Ot);var Rt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Rt.decorators=[{type:e.Component,args:[{selector:"amplify-sign-in-button",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["provider"]}]}],Rt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Rt=E([$({inputs:["provider"]})],Rt);var kt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};kt.decorators=[{type:e.Component,args:[{selector:"amplify-sign-out",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["buttonText","handleAuthStateChange"]}]}],kt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},kt=E([$({inputs:["buttonText","handleAuthStateChange"]})],kt);var Mt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Mt.decorators=[{type:e.Component,args:[{selector:"amplify-sign-up",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["formFields","handleAuthStateChange","handleSignUp","handleSubmit","haveAccountText","headerText","signInText","submitButtonText","usernameAlias","validationErrors"]}]}],Mt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Mt=E([$({inputs:["formFields","handleAuthStateChange","handleSignUp","handleSubmit","haveAccountText","headerText","signInText","submitButtonText","usernameAlias","validationErrors"]})],Mt);var Ft=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Ft.decorators=[{type:e.Component,args:[{selector:"amplify-strike",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>"}]}],Ft.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyToast=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement},t.AmplifyToast.decorators=[{type:e.Component,args:[{selector:"amplify-toast",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["handleClose","message"]}]}],t.AmplifyToast.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},t.AmplifyToast=E([$({inputs:["handleClose","message"]})],t.AmplifyToast);var Nt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Nt.decorators=[{type:e.Component,args:[{selector:"amplify-tooltip",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["shouldAutoShow","text"]}]}],Nt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Nt=E([$({inputs:["shouldAutoShow","text"]})],Nt);var Bt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Bt.decorators=[{type:e.Component,args:[{selector:"amplify-totp-setup",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["handleAuthStateChange","handleComplete","headerText","issuer","standalone","user"]}]}],Bt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Bt=E([$({inputs:["handleAuthStateChange","handleComplete","headerText","issuer","standalone","user"]})],Bt);var zt=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};zt.decorators=[{type:e.Component,args:[{selector:"amplify-username-field",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["disabled","fieldId","handleInputChange","hint","inputProps","label","placeholder","required","value"]}]}],zt.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},zt=E([$({inputs:["disabled","fieldId","handleInputChange","hint","inputProps","label","placeholder","required","value"]})],zt);var Ut=function(t,e,n){this.z=n,t.detach(),this.el=e.nativeElement};Ut.decorators=[{type:e.Component,args:[{selector:"amplify-verify-contact",changeDetection:e.ChangeDetectionStrategy.OnPush,template:"<ng-content></ng-content>",inputs:["handleAuthStateChange","user"]}]}],Ut.ctorParameters=function(){return[{type:e.ChangeDetectorRef},{type:e.ElementRef},{type:e.NgZone}]},Ut=E([$({inputs:["handleAuthStateChange","user"]})],Ut);var _t=function(){this.autocomplete="new-password",this.disabled=!1,this.initialValue="",this.label="",this.placeholder="",this.required=!0,this.countryDialCodes=o.countryDialCodes};_t.decorators=[{type:e.Component,args:[{selector:"amplify-phone-number-field",template:'<div class="amplify-flex" amplify-field-group style="gap: 0px">\n  <div class="amplify-field-group__outer-start">\n    <div\n      class="\n        amplify-flex amplify-field amplify-selectfield amplify-countrycodeselect\n      "\n      style="flex-direction: column"\n    >\n      <amplify-form-select\n        name="country_code"\n        label="Country Code"\n        [id]="selectFieldId"\n        [items]="countryDialCodes"\n        [defaultValue]="defaultCountryCode"\n      ></amplify-form-select>\n    </div>\n  </div>\n\n  <label class="amplify-label sr-only" [for]="textFieldId">\n    {{ label }}\n  </label>\n  <input\n    class="amplify-input"\n    [id]="textFieldId"\n    [type]="type"\n    [name]="name"\n    [placeholder]="placeholder"\n    [required]="required"\n    [value]="initialValue"\n    [attr.disabled]="disabled ? \'\' : null"\n    [autocomplete]="autocomplete"\n  />\n</div>\n'}]}],_t.propDecorators={autocomplete:[{type:e.Input}],disabled:[{type:e.Input}],defaultCountryCode:[{type:e.Input}],selectFieldId:[{type:e.Input}],textFieldId:[{type:e.Input}],initialValue:[{type:e.Input}],label:[{type:e.Input}],name:[{type:e.Input}],placeholder:[{type:e.Input}],required:[{type:e.Input}],type:[{type:e.Input}]},customElements.define("amplify-button",p.AmplifyButton),customElements.define("amplify-input",p.AmplifyInput),customElements.define("amplify-toast",p.AmplifyToast),customElements.define("amplify-chatbot",p.AmplifyChatbot),customElements.define("amplify-s3-album",p.AmplifyS3Album),customElements.define("amplify-s3-image-picker",p.AmplifyS3ImagePicker),customElements.define("amplify-s3-text",p.AmplifyS3Text),customElements.define("amplify-s3-text-picker",p.AmplifyS3TextPicker),customElements.define("amplify-s3-image",p.AmplifyS3Image),customElements.define("amplify-picker",p.AmplifyPicker),customElements.define("amplify-photo-picker",p.AmplifyPhotoPicker);var qt=function(){};qt.decorators=[{type:e.NgModule,args:[{declarations:[t.AmplifyChatbot,t.AmplifyToast,t.AmplifyInput,t.AmplifyButton,t.AmplifyS3Album,t.AmplifyS3ImagePicker,t.AmplifyS3Text,t.AmplifyS3TextPicker,t.AmplifyS3Image,t.AmplifyPicker,t.AmplifyPhotoPicker,b,M,F,Z,q,h,x,G,C,R,T,I,S,A,B,z,U,V,_,j,L,W,H,_t],imports:[n.CommonModule],exports:[t.AmplifyChatbot,t.AmplifyToast,t.AmplifyInput,t.AmplifyButton,t.AmplifyS3Album,t.AmplifyS3ImagePicker,t.AmplifyS3Text,t.AmplifyS3TextPicker,t.AmplifyS3Image,t.AmplifyPicker,t.AmplifyPhotoPicker,b,M,Z,q,h],schemas:[e.CUSTOM_ELEMENTS_SCHEMA]}]}],t.AmplifyAuthenticatorComponent=b,t.AmplifyConfirmSignInComponent=C,t.AmplifyConfirmSignUpComponent=x,t.AmplifyErrorComponent=q,t.AmplifyFederatedSignInButtonComponent=S,t.AmplifyFederatedSignInComponent=I,t.AmplifyForceNewPasswordComponent=T,t.AmplifyFormFieldComponent=Z,t.AmplifyResetPasswordComponent=A,t.AmplifySetupTotpComponent=R,t.AmplifySignInComponent=M,t.AmplifySignUpComponent=F,t.AmplifySlotDirective=h,t.AmplifyVerifyUserComponent=B,t.AuthPropService=g,t.ConfirmResetPasswordComponent=z,t.ConfirmVerifyUserComponent=U,t.StateMachineService=y,t.UiAngularModule=qt,t.getAttributeMap=N,t["ɵa"]=$,t["ɵb"]=b,t["ɵc"]=M,t["ɵd"]=F,t["ɵe"]=Z,t["ɵf"]=q,t["ɵg"]=x,t["ɵh"]=G,t["ɵi"]=C,t["ɵj"]=R,t["ɵk"]=T,t["ɵl"]=I,t["ɵm"]=S,t["ɵn"]=A,t["ɵo"]=B,t["ɵp"]=z,t["ɵq"]=U,t["ɵr"]=V,t["ɵs"]=_,t["ɵt"]=j,t["ɵu"]=L,t["ɵv"]=W,t["ɵw"]=H,t["ɵx"]=_t,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@aws-amplify/ui"),require("@aws-amplify/core"),require("xstate"),require("aws-amplify"),require("qrcode"),require("nanoid")):"function"==typeof define&&define.amd?define("@aws-amplify/ui-angular",["exports","@angular/core","@angular/common","@aws-amplify/ui","@aws-amplify/core","xstate","aws-amplify","qrcode","nanoid"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["aws-amplify"]=t["aws-amplify"]||{},t["aws-amplify"]["ui-angular"]={}),t.ng.core,t.ng.common,t.ui,t.core,t.xstate,t["aws-amplify"],t.QRCode,t.nanoid)}(this,(function(t,e,n,i,a,o,r,l,s){"use strict";function p(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,i.get?i:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var c=u(e),f=p(l),d=function(){function t(t){this.template=t}return Object.defineProperty(t.prototype,"amplifySlot",{set:function(t){this.name=t},enumerable:!1,configurable:!0}),t}();d.decorators=[{type:e.Directive,args:[{selector:"[amplifySlot]"}]}],d.ctorParameters=function(){return[{type:e.TemplateRef}]},d.propDecorators={amplifySlot:[{type:e.Input}]};var m=function(){function t(){this._customComponents={}}return Object.defineProperty(t.prototype,"customComponents",{get:function(){return this._customComponents},set:function(t){this._customComponents=Object.assign(Object.assign({},this._customComponents),t)},enumerable:!1,configurable:!0}),t}();m.ɵprov=c.ɵɵdefineInjectable({factory:function(){return new m},token:m,providedIn:"root"}),m.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}];var y=new a.Logger("state-machine"),h=function(){function t(){}return t.prototype.startMachine=function(t){var e=this,n=t.initialState,a=t.loginMechanisms,r=t.services,l=t.signUpAttributes,s=t.socialProviders,p=i.createAuthenticatorMachine({initialState:n,loginMechanisms:a,services:r,signUpAttributes:l,socialProviders:s}),u=o.interpret(p,{devTools:"development"===process.env.NODE_ENV}).start();this._subscription=u.subscribe((function(t){e._authState=t,e._facade=i.getServiceContextFacade(t)})),this._sendEventAliases=i.getSendEventAliases(u.send),this._authService=u},t.prototype.ngOnDestroy=function(){this._subscription&&this._subscription.unsubscribe()},Object.defineProperty(t.prototype,"error",{get:function(){var t;return null===(t=this._facade)||void 0===t?void 0:t.error},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"hasValidationErrors",{get:function(){var t;return null===(t=this._facade)||void 0===t?void 0:t.hasValidationErrors},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isPending",{get:function(){var t;return null===(t=this._facade)||void 0===t?void 0:t.isPending},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"route",{get:function(){var t;return null===(t=this._facade)||void 0===t?void 0:t.route},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"user",{get:function(){var t;return null===(t=this._facade)||void 0===t?void 0:t.user},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"validationErrors",{get:function(){var t;return null===(t=this._facade)||void 0===t?void 0:t.validationErrors},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"updateForm",{get:function(){return this._sendEventAliases.updateForm},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"updateBlur",{get:function(){return this._sendEventAliases.updateBlur},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"resendCode",{get:function(){return this._sendEventAliases.resendCode},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"signOut",{get:function(){return this._sendEventAliases.signOut},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"submitForm",{get:function(){return this._sendEventAliases.submitForm},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"toFederatedSignIn",{get:function(){return this._sendEventAliases.toFederatedSignIn},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"toResetPassword",{get:function(){return this._sendEventAliases.toResetPassword},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"toSignIn",{get:function(){return this._sendEventAliases.toSignIn},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"toSignUp",{get:function(){return this._sendEventAliases.toSignUp},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"skipVerification",{get:function(){return this._sendEventAliases.skipVerification},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"authState",{get:function(){return this._authState},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"authService",{get:function(){return this._authService},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"context",{get:function(){return this._authState.context},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"slotContext",{get:function(){var t=Object.assign(Object.assign({},this._facade),this._sendEventAliases);return Object.assign(Object.assign({},t),{$implicit:Object.assign({},t)})},enumerable:!1,configurable:!0}),t.prototype.subscribe=function(t){if(this._authService)return this._authService.subscribe(t);y.error("Subscription attempted before machine was created. This is likely a bug on the library, please consider filing a bug.")},t.prototype.send=function(t){this.authService.send(t)},t}();h.ɵprov=c.ɵɵdefineInjectable({factory:function(){return new h},token:h,providedIn:"root"}),h.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}];var g=function(){function t(t,e){this.authenticator=t,this.contextService=e,this.customComponentQuery=null,this.signInTitle=i.translate("Sign In"),this.signUpTitle=i.translate("Create Account")}return t.prototype.ngOnInit=function(){var t=this,e=t.initialState,n=t.loginMechanisms,a=t.services,o=t.signUpAttributes,r=t.socialProviders;this.authenticator.startMachine({initialState:e,loginMechanisms:n,services:a,signUpAttributes:o,socialProviders:r}),this.signInTitle=i.translate("Sign In"),this.signUpTitle=i.translate("Create Account")},t.prototype.ngAfterContentInit=function(){this.contextService.customComponents=this.mapCustomComponents(this.customComponentQuery)},Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"route",{get:function(){return this.authenticator.route},enumerable:!1,configurable:!0}),t.prototype.onTabChange=function(){"signIn"===this.authenticator.route?this.authenticator.toSignUp():this.authenticator.toSignIn()},t.prototype.mapCustomComponents=function(t){if(!t)return{};var e={};return t.forEach((function(t){e[t.name]=t.template})),e},t}();g.decorators=[{type:e.Component,args:[{selector:"amplify-authenticator",template:'<div data-amplify-authenticator [attr.data-variation]="variation">\n  <div data-amplify-container>\n    <amplify-slot name="header" [context]="context"></amplify-slot>\n    <div data-amplify-router>\n      <amplify-tabs\n        (tabChange)="onTabChange()"\n        *ngIf="route === \'signIn\' || route === \'signUp\'"\n      >\n        <amplify-tab-item [title]="signInTitle" [active]="route === \'signIn\'">\n          \x3c!-- signIn component --\x3e\n          <amplify-slot\n            name="sign-in"\n            [context]="context"\n            *ngIf="route === \'signIn\'"\n          >\n            <amplify-sign-in></amplify-sign-in>\n          </amplify-slot>\n        </amplify-tab-item>\n        <amplify-tab-item [title]="signUpTitle" [active]="route === \'signUp\'">\n          \x3c!-- signUp component --\x3e\n          <amplify-slot\n            name="sign-up"\n            [context]="context"\n            *ngIf="route === \'signUp\'"\n          >\n            <amplify-sign-up></amplify-sign-up>\n          </amplify-slot>\n        </amplify-tab-item>\n      </amplify-tabs>\n\n      \x3c!-- confirmSignUp content --\x3e\n      <amplify-slot\n        name="confirm-sign-up"\n        [context]="context"\n        *ngIf="route === \'confirmSignUp\'"\n      >\n        <amplify-confirm-sign-up></amplify-confirm-sign-up>\n      </amplify-slot>\n\n      \x3c!-- confirmSignIn content --\x3e\n      <amplify-slot\n        name="confirm-sign-in"\n        [context]="context"\n        *ngIf="route === \'confirmSignIn\'"\n      >\n        <amplify-confirm-sign-in></amplify-confirm-sign-in>\n      </amplify-slot>\n\n      \x3c!-- setupTotp content --\x3e\n      <amplify-slot\n        name="setup-totp"\n        [context]="context"\n        *ngIf="route === \'setupTOTP\'"\n      >\n        <amplify-setup-totp></amplify-setup-totp>\n      </amplify-slot>\n\n      \x3c!-- forceNewPassword content --\x3e\n      <amplify-slot\n        name="force-new-password"\n        [context]="context"\n        *ngIf="route === \'forceNewPassword\'"\n      >\n        <amplify-force-new-password></amplify-force-new-password>\n      </amplify-slot>\n\n      \x3c!-- resetPassword content --\x3e\n      <amplify-slot\n        name="reset-password"\n        [context]="context"\n        *ngIf="route === \'resetPassword\'"\n      >\n        <amplify-reset-password></amplify-reset-password>\n      </amplify-slot>\n\n      \x3c!-- confirmResetPassword content --\x3e\n      <amplify-slot\n        name="confirm-reset-password"\n        [context]="context"\n        *ngIf="route === \'confirmResetPassword\'"\n      >\n        <amplify-confirm-reset-password></amplify-confirm-reset-password>\n      </amplify-slot>\n\n      \x3c!-- verifyUser content --\x3e\n      <amplify-slot\n        name="verify-user"\n        [context]="context"\n        *ngIf="route === \'verifyUser\'"\n      >\n        <amplify-verify-user></amplify-verify-user>\n      </amplify-slot>\n\n      \x3c!-- confirmVerifyUser content --\x3e\n      <amplify-slot\n        name="confirm-verify-user"\n        [context]="context"\n        *ngIf="route === \'confirmVerifyUser\'"\n      >\n        <amplify-confirm-verify-user></amplify-confirm-verify-user>\n      </amplify-slot>\n    </div>\n\n    <amplify-slot name="footer" [context]="context"></amplify-slot>\n  </div>\n</div>\n\n\x3c!-- signedIn content is rendered outside authenticator so it\'s not styled by authenticator --\x3e\n<amplify-slot\n  name="authenticated"\n  [context]="context"\n  *ngIf="route === \'authenticated\'"\n>\n  <ng-content></ng-content>\n</amplify-slot>\n',providers:[m],encapsulation:e.ViewEncapsulation.None}]}],g.ctorParameters=function(){return[{type:h},{type:m}]},g.propDecorators={initialState:[{type:e.Input}],loginMechanisms:[{type:e.Input}],services:[{type:e.Input}],signUpAttributes:[{type:e.Input}],socialProviders:[{type:e.Input}],variation:[{type:e.Input}],customComponentQuery:[{type:e.ContentChildren,args:[d]}]};var b=function(){function t(t){this.authenticator=t,this.dataAttr="",this.headerText=i.translate("Reset your password"),this.sendCodeText=i.translate("Send Code"),this.backToSignInText=i.translate("Back to Sign In"),this.resendCodeText=i.translate("Resend Code")}return Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,i=e.value;this.authenticator.updateForm({name:n,value:i})},t.prototype.onSubmit=function(t){t.preventDefault(),this.authenticator.submitForm()},t}();b.decorators=[{type:e.Component,args:[{selector:"amplify-confirm-reset-password",template:'<div data-amplify-container>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="authenticator.isPending"\n    >\n      <amplify-slot name="confirm-reset-password-header" [context]="context">\n        <h3 class="amplify-heading">{{ headerText }}</h3>\n      </amplify-slot>\n      <amplify-form-field\n        name="confirmation_code"\n        type="number"\n        autocomplete="one-time-code"\n      ></amplify-form-field>\n      <amplify-form-field\n        name="password"\n        label="New password"\n        autocomplete="new-password"\n      ></amplify-form-field>\n      <amplify-form-field\n        name="confirm_password"\n        label="Confirm Password"\n        type="password"\n        autocomplete="new-password"\n      ></amplify-form-field>\n\n      <button amplify-button variation="primary" fullWidth="true" type="submit">\n        {{ sendCodeText }}\n      </button>\n\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        type="button"\n        (click)="authenticator.resendCode()"\n      >\n        {{ resendCodeText }}\n      </button>\n\n      <amplify-error *ngIf="authenticator.error">\n        {{ authenticator.error }}\n      </amplify-error>\n    </fieldset>\n    <amplify-slot name="confirm-reset-password-footer" [context]="context">\n    </amplify-slot>\n  </form>\n</div>\n'}]}],b.ctorParameters=function(){return[{type:h}]},b.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-confirmsignin"]}],headerText:[{type:e.Input}]};var v=new r.Logger("ConfirmSignIn"),x=function(){function t(t){this.authenticator=t,this.dataAttr="",this.confirmText=i.translate("Confirm"),this.backToSignInText=i.translate("Back to Sign In")}return t.prototype.ngOnInit=function(){this.setHeaderText()},Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),t.prototype.setHeaderText=function(){var t=this.authenticator.authState,e=i.getActorContext(t).challengeName;switch(e){case i.AuthChallengeNames.SOFTWARE_TOKEN_MFA:this.headerText=i.translate("Confirm TOTP Code");break;case i.AuthChallengeNames.SMS_MFA:this.headerText=i.translate("Confirm SMS Code");break;default:v.error("Unexpected challengeName",e)}},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,i=e.value;this.authenticator.updateForm({name:n,value:i})},t.prototype.onSubmit=function(t){t.preventDefault(),this.authenticator.submitForm()},t}();x.decorators=[{type:e.Component,args:[{selector:"amplify-confirm-sign-in",template:'<div data-amplify-container>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="authenticator.isPending"\n    >\n      <amplify-slot name="confirm-sign-in-header" [context]="context">\n        <h3 class="amplify-heading">{{ headerText }}</h3>\n      </amplify-slot>\n      <amplify-form-field\n        name="confirmation_code"\n        label="Code *"\n        type="text"\n        autocomplete="one-time-code"\n      ></amplify-form-field>\n\n      <button amplify-button variation="primary" fullWidth="true" type="submit">\n        {{ confirmText }}\n      </button>\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="authenticator.toSignIn()"\n      >\n        {{ backToSignInText }}\n      </button>\n      <amplify-error *ngIf="authenticator.error">\n        {{ authenticator.error }}\n      </amplify-error>\n    </fieldset>\n    <amplify-slot\n      name="confirm-sign-in-footer"\n      [context]="context"\n    ></amplify-slot>\n  </form>\n</div>\n'}]}],x.ctorParameters=function(){return[{type:h}]},x.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-confirmsignin"]}]};var I=function(){function t(t){this.authenticator=t,this.headerText=i.translate("Confirm Sign Up"),this.dataAttr="",this.resendCodeText=i.translate("Resend Code"),this.confirmText=i.translate("Confirm")}return Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,i=e.value;this.authenticator.updateForm({name:n,value:i})},t.prototype.onSubmit=function(t){t.preventDefault(),this.authenticator.submitForm()},t}();I.decorators=[{type:e.Component,args:[{selector:"amplify-confirm-sign-up",template:'<div data-amplify-container>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="context.isPending"\n    >\n      <amplify-slot name="confirm-sign-up-header" [context]="context">\n        <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      </amplify-slot>\n      <amplify-form-field\n        name="confirmation_code"\n        autocomplete="one-time-code"\n      ></amplify-form-field>\n\n      <button amplify-button variation="primary" fullWidth="true" type="submit">\n        {{ confirmText }}\n      </button>\n      <button\n        amplify-button\n        fontWeight="normal"\n        (click)="authenticator.resendCode()"\n      >\n        {{ resendCodeText }}\n      </button>\n    </fieldset>\n\n    <amplify-error *ngIf="context.error">\n      {{ authenticator.error }}\n    </amplify-error>\n    <amplify-slot\n      name="confirm-sign-up-footer"\n      [context]="context"\n    ></amplify-slot>\n  </form>\n</div>\n'}]}],I.ctorParameters=function(){return[{type:h}]},I.propDecorators={headerText:[{type:e.Input}],dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-confirmsignup"]}]};var C=function(){function t(t){this.authenticator=t,this.dataAttr="",this.headerText=i.translate("Account recovery requires verified contact information"),this.skipText=i.translate("Skip"),this.submitText=i.translate("Submit")}return Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,i=e.value;this.authenticator.updateForm({name:n,value:i})},t.prototype.onSubmit=function(t){t.preventDefault(),this.authenticator.submitForm()},t}();C.decorators=[{type:e.Component,args:[{selector:"amplify-confirm-verify-user",template:'<div data-amplify-container>\n  <form data-amplify-form (input)="onInput($event)" (submit)="onSubmit($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="authenticator.isPending"\n    >\n      <amplify-slot name="confirm-verify-user-header" [context]="context">\n        <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      </amplify-slot>\n      <amplify-form-field\n        name="confirmation_code"\n        type="number"\n        autocomplete="one-time-code"\n      ></amplify-form-field>\n      <button amplify-button variation="primary" fullWidth="true" type="submit">\n        {{ submitText }}\n      </button>\n\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="authenticator.skipVerification()"\n      >\n        {{ skipText }}\n      </button>\n      <amplify-error *ngIf="authenticator.error">\n        {{ authenticator.error }}\n      </amplify-error>\n    </fieldset>\n    <amplify-slot name="confirm-verify-user-footer" [context]="context">\n    </amplify-slot>\n  </form>\n</div>\n'}]}],C.ctorParameters=function(){return[{type:h}]},C.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-confirmverifyuser"]}],headerText:[{type:e.Input}]};var w=function(t){var e=this;this.authenticator=t,this.onClick=function(){e.authenticator.send({type:"FEDERATED_SIGN_IN",data:{provider:e.provider}})}};w.decorators=[{type:e.Component,args:[{selector:"amplify-federated-sign-in-button",template:'<button\n  amplify-button\n  class="amplify-field-group__control federated-sign-in-button"\n  fullWidth="true"\n  fontWeight="normal"\n  style="display: block"\n  (click)="onClick()"\n>\n  <div\n    class="amplify-flex federated-sign-in-button-row"\n    style="flex-direction: row; justify-content: center; align-items: center"\n  >\n    <ng-content></ng-content>\n  </div>\n</button>\n'}]}],w.ctorParameters=function(){return[{type:h}]},w.propDecorators={provider:[{type:e.Input}],text:[{type:e.Input}]};var S=function(){function t(t){this.authenticator=t,this.FederatedProviders=i.FederatedIdentityProviders,this.includeAmazon=!1,this.includeApple=!1,this.includeFacebook=!1,this.includeGoogle=!1,this.shouldShowFederatedSignIn=!1}return t.prototype.ngOnInit=function(){var t,e=(null===(t=this.authenticator.context)||void 0===t?void 0:t.config).socialProviders;this.setFederatedTexts(),this.includeAmazon=null==e?void 0:e.includes("amazon"),this.includeApple=null==e?void 0:e.includes("apple"),this.includeGoogle=null==e?void 0:e.includes("google"),this.includeFacebook=null==e?void 0:e.includes("facebook"),this.shouldShowFederatedSignIn=this.includeAmazon||this.includeApple||this.includeFacebook||this.includeGoogle},t.prototype.setFederatedTexts=function(){var t="signUp"===this.authenticator.route?"Up":"In";this.signInAmazonText=i.translate("Sign "+t+" with Amazon"),this.signInAppleText=i.translate("Sign "+t+" with Apple"),this.signInFacebookText=i.translate("Sign "+t+" with Facebook"),this.signInGoogleText=i.translate("Sign "+t+" with Google")},t}();S.decorators=[{type:e.Component,args:[{selector:"amplify-federated-sign-in",template:'<div\n  class="amplify-flex federated-sign-in-container"\n  style="flex-direction: column; padding: 0 0 1rem 0"\n  *ngIf="shouldShowFederatedSignIn"\n  data-orientation="horizontal"\n  data-size="small"\n>\n  <amplify-federated-sign-in-button\n    *ngIf="includeAmazon"\n    [text]="signInAmazonText"\n    [provider]="FederatedProviders.Amazon"\n  >\n    <svg\n      aria-label="Amazon icon"\n      class="amplify-icon federated-sign-in-icon"\n      viewBox="0 0 248 268"\n    >\n      <path\n        d="M139.056521,147.024612 C133.548808,156.744524 124.782731,162.726926 115.087401,162.726926 C101.790721,162.726926 93.9937779,152.612964 93.9937779,137.68681 C93.9937779,108.224571 120.447551,102.879017 145.533369,102.879017 L145.533369,110.365976 C145.533369,123.831358 145.876354,135.063787 139.056521,147.024612 M207.206992,162.579655 C209.400505,165.692256 209.887066,169.437725 207.063416,171.770186 C199.996315,177.653081 187.429476,188.590967 180.513926,194.716661 L180.46208,194.621133 C178.176838,196.663031 174.862638,196.810303 172.27828,195.445057 C160.780281,185.9162 158.686473,181.494078 152.405048,172.403055 C133.405233,191.751331 119.909143,197.534719 95.309886,197.534719 C66.1281801,197.534719 43.4791563,179.599451 43.4791563,143.669212 C43.4791563,115.616003 58.6782107,96.5105248 80.4019706,87.1727225 C99.2063636,78.9096034 125.464714,77.4528107 145.533369,75.1641337 L145.533369,70.694248 C145.533369,62.4749122 146.167493,52.7510201 141.297893,45.6541312 C137.110277,39.2856386 129.018206,36.6586354 121.859376,36.6586354 C108.658413,36.6586354 96.9171331,43.4171982 94.0416364,57.4199213 C93.4593582,60.532522 91.1701278,63.5933787 88.003492,63.7406501 L54.4387473,60.1424518 C51.6150972,59.5095829 48.4484614,57.2248862 49.2740201,52.8982915 C56.9712583,12.2553679 93.7983558,0 126.732964,0 C143.587124,0 165.606011,4.47386604 178.902691,17.2148315 C195.760839,32.917146 194.149604,53.8694866 194.149604,76.6726704 L194.149604,130.542157 C194.149604,146.734049 200.87372,153.830938 207.206992,162.579655 Z M233.826346,208.038962 C230.467669,203.683255 211.550709,205.9821 203.056405,206.998432 C200.470662,207.321077 200.076227,205.042397 202.406981,203.404973 C217.475208,192.664928 242.201125,195.766353 245.081698,199.363845 C247.966255,202.981502 244.336653,228.071183 230.172839,240.049379 C228.001452,241.888455 225.929671,240.904388 226.89783,238.468418 C230.077218,230.430525 237.204944,212.418868 233.826346,208.038962 Z M126.768855,264 C74.0234043,264 42.0764048,241.955028 17.7852554,217.541992 C12.9733903,212.705982 6.71799208,206.295994 3.31151296,200.690918 C1.90227474,198.372135 5.59096074,195.021875 8.0442063,196.84375 C38.2390146,219.267578 82.1011654,239.538304 125.529506,239.538304 C154.819967,239.538304 191.046475,227.469543 220.66851,214.867659 C225.146771,212.966167 225.146771,219.180222 224.511585,221.060516 C224.183264,222.03242 209.514625,236.221149 189.247207,247.047411 C170.304273,257.166172 146.397132,264 126.768855,264 Z"\n        fill="#FF9900"\n      ></path>\n    </svg>\n\n    <p class="amplify-text" style="align-self: center">\n      {{ signInAmazonText }}\n    </p>\n  </amplify-federated-sign-in-button>\n\n  <amplify-federated-sign-in-button\n    *ngIf="includeApple"\n    [provider]="FederatedProviders.Apple"\n  >\n    <svg\n      aria-label="Apple icon"\n      class="amplify-icon federated-sign-in-icon"\n      fill="#000"\n      preserveAspectRatio="xMidYMid"\n      stroke="#000"\n      strokeWidth="0"\n      viewBox="0 0 1024 1024"\n      xmlns="http://www.w3.org/2000/svg"\n    >\n      <path\n        d="M747.4 535.7c-.4-68.2 30.5-119.6 92.9-157.5-34.9-50-87.7-77.5-157.3-82.8-65.9-5.2-138 38.4-164.4 38.4-27.9 0-91.7-36.6-141.9-36.6C273.1 298.8 163 379.8 163 544.6c0 48.7 8.9 99 26.7 150.8 23.8 68.2 109.6 235.3 199.1 232.6 46.8-1.1 79.9-33.2 140.8-33.2 59.1 0 89.7 33.2 141.9 33.2 90.3-1.3 167.9-153.2 190.5-221.6-121.1-57.1-114.6-167.2-114.6-170.7zm-105.1-305c50.7-60.2 46.1-115 44.6-134.7-44.8 2.6-96.6 30.5-126.1 64.8-32.5 36.8-51.6 82.3-47.5 133.6 48.4 3.7 92.6-21.2 129-63.7z"\n      ></path>\n    </svg>\n    <p class="amplify-text" style="align-self: center">\n      {{ signInAppleText }}\n    </p>\n  </amplify-federated-sign-in-button>\n\n  <amplify-federated-sign-in-button\n    *ngIf="includeFacebook"\n    [text]="signInFacebookText"\n    [provider]="FederatedProviders.Facebook"\n  >\n    <svg\n      aria-label="Facebook icon"\n      class="amplify-icon federated-sign-in-icon"\n      viewBox="0 0 279 538"\n    >\n      <path\n        d="M82.3409742,538 L82.3409742,292.936652 L0,292.936652 L0,196.990154 L82.2410458,196.990154 L82.2410458,126.4295 C82.2410458,44.575144 132.205229,0 205.252865,0 C240.227794,0 270.306232,2.59855099 279,3.79788222 L279,89.2502322 L228.536175,89.2502322 C188.964542,89.2502322 181.270057,108.139699 181.270057,135.824262 L181.270057,196.89021 L276.202006,196.89021 L263.810888,292.836708 L181.16913,292.836708 L181.16913,538 L82.3409742,538 Z"\n        fill="#1877F2"\n      ></path>\n    </svg>\n    <p class="amplify-text" style="align-self: center">\n      {{ signInFacebookText }}\n    </p>\n  </amplify-federated-sign-in-button>\n\n  <amplify-federated-sign-in-button\n    *ngIf="includeGoogle"\n    [provider]="FederatedProviders.Google"\n  >\n    <svg\n      aria-label="Google icon"\n      class="amplify-icon federated-sign-in-icon"\n      viewBox="0 0 256 262"\n      xmlns="http://www.w3.org/2000/svg"\n      preserveAspectRatio="xMidYMid"\n    >\n      <path\n        d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"\n        fill="#4285F4"\n      ></path>\n      <path\n        d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"\n        fill="#34A853"\n      ></path>\n      <path\n        d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"\n        fill="#FBBC05"\n      ></path>\n      <path\n        d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"\n        fill="#EB4335"\n      ></path>\n    </svg>\n    <p class="amplify-text" style="align-self: center">\n      {{ signInGoogleText }}\n    </p>\n  </amplify-federated-sign-in-button>\n\n  <div class="amplify-flex" data-or-container>\n    <div data-or-line>or</div>\n    <hr\n      class="amplify-divider"\n      aria-orientation="horizontal"\n      data-size="small"\n    />\n  </div>\n</div>\n'}]}],S.ctorParameters=function(){return[{type:h}]};var T=function(){function t(t){this.authenticator=t,this.dataAttr="",this.headerText=i.translate("Change Password"),this.changePasswordText=i.translate("Change Password"),this.backToSignInText=i.translate("Back to Sign In")}return Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,i=e.value;this.authenticator.updateForm({name:n,value:i})},t.prototype.onSubmit=function(t){t.preventDefault(),this.authenticator.submitForm()},t}();T.decorators=[{type:e.Component,args:[{selector:"amplify-force-new-password",template:'<div data-amplify-container>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="authenticator.isPending"\n    >\n      <amplify-slot name="force-new-password-header" [context]="context">\n        <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      </amplify-slot>\n      <amplify-form-field\n        name="password"\n        type="password"\n        autocomplete="new-password"\n      ></amplify-form-field>\n\n      <amplify-form-field\n        name="confirm_password"\n        label="Confirm Password"\n        type="password"\n        autocomplete="new-password"\n      ></amplify-form-field>\n\n      <button amplify-button variation="primary" fullWidth="true" type="submit">\n        {{ changePasswordText }}\n      </button>\n\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="authenticator.toSignIn()"\n      >\n        {{ backToSignInText }}\n      </button>\n      <amplify-error *ngIf="authenticator.error">\n        {{ authenticator.error }}\n      </amplify-error>\n    </fieldset>\n    <amplify-slot name="force-new-password-footer" [context]="context">\n    </amplify-slot>\n  </form>\n</div>\n'}]}],T.ctorParameters=function(){return[{type:h}]},T.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-forcenewpassword"]}],headerText:[{type:e.Input}]};var P=function(){return i.authInputAttributes},A=function(){function t(t){this.authenticator=t,this.required=!0,this.placeholder="",this.label="",this.initialValue="",this.disabled=!1,this.autocomplete="",this.labelHidden=!0,this.countryDialCodes=i.countryDialCodes}return t.prototype.ngOnInit=function(){if(this.isPhoneField()){var t=this.authenticator.authState,e=i.getActorContext(t).country_code;this.defaultCountryCode=e,this.authenticator.updateForm({name:"country_code",value:e})}},Object.defineProperty(t.prototype,"attributeMap",{get:function(){return P()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"error",{get:function(){return i.getActorContext(this.authenticator.authState).validationError[this.name]},enumerable:!1,configurable:!0}),t.prototype.onBlur=function(t){var e=t.target.name;this.authenticator.updateBlur({name:e})},t.prototype.inferLabel=function(){var t,e=this.label||(null===(t=this.attributeMap[this.name])||void 0===t?void 0:t.label);return i.translate(e)},t.prototype.inferPlaceholder=function(){var t,e=this.placeholder||(null===(t=this.attributeMap[this.name])||void 0===t?void 0:t.placeholder)||this.inferLabel();return i.translate(e)},t.prototype.inferType=function(){var t,e,n;return null!==(n=null!==(t=this.type)&&void 0!==t?t:null===(e=this.attributeMap[this.name])||void 0===e?void 0:e.type)&&void 0!==n?n:"text"},t.prototype.inferAutocomplete=function(){var t;return this.autocomplete||(null===(t=this.attributeMap[this.name])||void 0===t?void 0:t.autocomplete)},t.prototype.isPasswordField=function(){return"password"===this.inferType()},t.prototype.isPhoneField=function(){return"tel"===this.inferType()},t}();A.decorators=[{type:e.Component,args:[{selector:"amplify-form-field",template:'<div class="amplify-flex amplify-field" style="flex-direction: column">\n  \x3c!-- Country code field --\x3e\n  <amplify-phone-number-field\n    *ngIf="isPhoneField()"\n    [defaultCountryCode]="defaultCountryCode"\n    [type]="inferType()"\n    [name]="name"\n    [label]="inferLabel()"\n    [placeholder]="inferPlaceholder()"\n    [required]="required"\n    [initialValue]="initialValue"\n    [disabled]="disabled"\n    [labelHidden]="labelHidden"\n    [autocomplete]="inferAutocomplete()"\n  ></amplify-phone-number-field>\n\n  <amplify-password-field\n    *ngIf="isPasswordField()"\n    [name]="name"\n    [label]="inferLabel()"\n    [placeholder]="inferPlaceholder()"\n    [required]="required"\n    [initialValue]="initialValue"\n    [disabled]="disabled"\n    [labelHidden]="labelHidden"\n    [autocomplete]="inferAutocomplete()"\n    (setBlur)="onBlur($event)"\n  ></amplify-password-field>\n\n  <amplify-text-field\n    *ngIf="!isPasswordField() && !isPhoneField()"\n    [type]="inferType()"\n    [name]="name"\n    [label]="inferLabel()"\n    [placeholder]="inferPlaceholder()"\n    [required]="required"\n    [initialValue]="initialValue"\n    [disabled]="disabled"\n    [labelHidden]="labelHidden"\n    [autocomplete]="inferAutocomplete()"\n  ></amplify-text-field>\n\n  <amplify-error *ngIf="error">\n    {{ error }}\n  </amplify-error>\n</div>\n'}]}],A.ctorParameters=function(){return[{type:h}]},A.propDecorators={name:[{type:e.Input}],type:[{type:e.Input}],required:[{type:e.Input}],placeholder:[{type:e.Input}],label:[{type:e.Input}],initialValue:[{type:e.Input}],disabled:[{type:e.Input}],autocomplete:[{type:e.Input}],labelHidden:[{type:e.Input}]};var k=function(){function t(t){this.authenticator=t,this.dataAttr="",this.headerText=i.translate("Reset your password"),this.sendCodeText=i.translate("Send Code"),this.backToSignInText=i.translate("Back to Sign In"),this.labelText=i.translate("Username")}return t.prototype.ngOnInit=function(){var t=this.authenticator.authState,e=i.getAliasInfoFromContext(t.context).label;this.labelText="Enter your "+e.toLowerCase()},Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,i=e.value;this.authenticator.updateForm({name:n,value:i})},t.prototype.onSubmit=function(t){t.preventDefault(),this.authenticator.submitForm()},t}();k.decorators=[{type:e.Component,args:[{selector:"amplify-reset-password",template:'<div data-amplify-container>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="authenticator.isPending"\n    >\n      <amplify-slot\n        class="amplify-flex"\n        name="reset-password-header"\n        [context]="context"\n      >\n        <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      </amplify-slot>\n\n      <amplify-form-field\n        name="username"\n        type="username"\n        autocomplete="username"\n        [placeholder]="labelText"\n        [label]="labelText"\n      ></amplify-form-field>\n      <button amplify-button variation="primary" fullWidth="true" type="submit">\n        {{ sendCodeText }}\n      </button>\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="authenticator.toSignIn()"\n      >\n        {{ backToSignInText }}\n      </button>\n      <amplify-error *ngIf="authenticator.error">\n        {{ authenticator.error }}\n      </amplify-error>\n    </fieldset>\n\n    <amplify-slot name="reset-password-footer" [context]="context">\n    </amplify-slot>\n  </form>\n</div>\n'}]}],k.ctorParameters=function(){return[{type:h}]},k.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-resetPassword"]}],headerText:[{type:e.Input}]};function F(t,e,n,i){return new(n||(n=Promise))((function(a,o){function r(t){try{s(i.next(t))}catch(t){o(t)}}function l(t){try{s(i.throw(t))}catch(t){o(t)}}function s(t){var e;t.done?a(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(r,l)}s((i=i.apply(t,e||[])).next())}))}function _(t,e){var n,i,a,o,r={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;r;)try{if(n=1,i&&(a=2&o[0]?i.return:o[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;switch(i=0,a&&(o=[2&o[0],a.value]),o[0]){case 0:case 1:a=o;break;case 4:return r.label++,{value:o[1],done:!1};case 5:r.label++,i=o[1],o=[0];continue;case 7:o=r.ops.pop(),r.trys.pop();continue;default:if(!(a=r.trys,(a=a.length>0&&a[a.length-1])||6!==o[0]&&2!==o[0])){r=0;continue}if(3===o[0]&&(!a||o[1]>a[0]&&o[1]<a[3])){r.label=o[1];break}if(6===o[0]&&r.label<a[1]){r.label=a[1],a=o;break}if(a&&r.label<a[2]){r.label=a[2],r.ops.push(o);break}a[2]&&r.ops.pop(),r.trys.pop();continue}o=e.call(t,r)}catch(t){o=[6,t],i=0}finally{n=a=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}}Object.create;function O(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var i,a,o=n.call(t),r=[];try{for(;(void 0===e||e-- >0)&&!(i=o.next()).done;)r.push(i.value)}catch(t){a={error:t}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(a)throw a.error}}return r}Object.create;var j=new r.Logger("SetupTotp"),B=function(){function t(t){this.authenticator=t,this.dataAttr="",this.headerText=i.translate("Setup TOTP"),this.qrCodeSource="",this.backToSignInText=i.translate("Back to Sign In"),this.confirmText=i.translate("Confirm")}return t.prototype.ngOnInit=function(){this.generateQRCode()},Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),t.prototype.generateQRCode=function(){return F(this,void 0,void 0,(function(){var t,e,n,a,o,l,s,p;return _(this,(function(u){switch(u.label){case 0:t=this.authenticator.authState,e=i.getActorContext(t),n=e.user,u.label=1;case 1:return u.trys.push([1,4,,5]),[4,r.Auth.setupTOTP(n)];case 2:return a=u.sent(),o="AWSCognito",l="otpauth://totp/AWSCognito:"+n.username+"?secret="+a+"&issuer="+o,j.info("totp code was generated:",l),s=this,[4,f.default.toDataURL(l)];case 3:return s.qrCodeSource=u.sent(),[3,5];case 4:return p=u.sent(),j.error(p),[3,5];case 5:return[2]}}))}))},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,i=e.value;this.authenticator.updateForm({name:n,value:i})},t.prototype.onSubmit=function(t){t.preventDefault(),this.authenticator.submitForm()},t}();B.decorators=[{type:e.Component,args:[{selector:"amplify-setup-totp",template:'<div data-amplify-container>\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="authenticator.isPending"\n    >\n      <amplify-slot name="setup-totp-header" [context]="context">\n        <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      </amplify-slot>\n      <p *ngIf="!qrCodeSource">Loading...</p>\n      <img\n        *ngIf="qrCodeSource"\n        [src]="qrCodeSource"\n        alt="qr code"\n        data-amplify-qrcode\n        width="228"\n        height="228"\n      />\n      <amplify-form-field\n        name="confirmation_code"\n        label="Code *"\n        type="text"\n        autocomplete="one-time-code"\n      ></amplify-form-field>\n      <button amplify-button variation="primary" fullWidth="true" type="submit">\n        {{ confirmText }}\n      </button>\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="authenticator.toSignIn()"\n      >\n        {{ backToSignInText }}\n      </button>\n      <amplify-error *ngIf="authenticator.error">\n        {{ authenticator.error }}\n      </amplify-error>\n    </fieldset>\n    <amplify-slot name="setup-totp-footer" [context]="context"> </amplify-slot>\n  </form>\n</div>\n'}]}],B.ctorParameters=function(){return[{type:h}]},B.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-setup-totp"]}]};var z=function(){function t(t){this.authenticator=t,this.dataAttr="",this.forgotPasswordText=i.translate("Forgot your password? "),this.signInButtonText=i.translate("Sign in")}return Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,i=e.value;this.authenticator.updateForm({name:n,value:i})},t.prototype.onSubmit=function(t){t.preventDefault(),this.authenticator.submitForm()},t}();z.decorators=[{type:e.Component,args:[{selector:"amplify-sign-in",template:'<div data-amplify-container>\n  <amplify-slot name="sign-in-header" [context]="context"></amplify-slot>\n\n  <form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n    <amplify-federated-sign-in></amplify-federated-sign-in>\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="authenticator.isPending"\n    >\n      <amplify-user-name-alias></amplify-user-name-alias>\n      <amplify-form-field\n        data-amplify-password\n        name="password"\n        type="password"\n        autocomplete="current-password"\n      ></amplify-form-field>\n      <button amplify-button variation="primary" fullWidth="true" type="submit">\n        {{ signInButtonText }}\n      </button>\n\n      <amplify-error *ngIf="authenticator.error">\n        {{ authenticator.error }}\n      </amplify-error>\n    </fieldset>\n  </form>\n\n  <amplify-slot name="sign-in-footer" [context]="context">\n    <div data-amplify-footer>\n      <button\n        amplify-button\n        fontWeight="normal"\n        size="small"\n        variation="link"\n        fullWidth="true"\n        (click)="authenticator.toResetPassword()"\n      >\n        {{ forgotPasswordText }}\n      </button>\n    </div>\n  </amplify-slot>\n</div>\n',encapsulation:e.ViewEncapsulation.None}]}],z.ctorParameters=function(){return[{type:h}]},z.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-signin"]}]};var D=function(){function t(t){this.authenticator=t,this.dataAttr="",this.createAccountText=i.translate("Create Account")}return Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),t.prototype.onInput=function(t){var e=t.target,n=e.checked,i=e.name,a=e.type,o=e.value;"checkbox"!==a||n||(o=void 0),this.authenticator.updateForm({name:i,value:o})},t.prototype.onSubmit=function(t){t.preventDefault(),this.authenticator.submitForm()},t}();D.decorators=[{type:e.Component,args:[{selector:"amplify-sign-up",template:'<amplify-slot name="sign-up-header" [context]="context"></amplify-slot>\n\n<form data-amplify-form (submit)="onSubmit($event)" (input)="onInput($event)">\n  <amplify-federated-sign-in></amplify-federated-sign-in>\n  <div class="amplify-flex" style="flex-direction: column">\n    <div class="amplify-flex" style="flex-direction: column">\n      <amplify-slot name="sign-up-form-fields" [context]="context">\n        <amplify-sign-up-form-fields></amplify-sign-up-form-fields>\n      </amplify-slot>\n\n      <amplify-error *ngIf="authenticator.error">\n        {{ authenticator.error }}\n      </amplify-error>\n    </div>\n\n    <amplify-slot name="sign-up-button" [context]="context">\n      <button\n        [disabled]="\n          authenticator.isPending || authenticator.hasValidationErrors\n        "\n        amplify-button\n        variation="primary"\n        fullWidth="true"\n        type="submit"\n      >\n        {{ createAccountText }}\n      </button>\n    </amplify-slot>\n  </div>\n</form>\n\n<amplify-slot name="sign-up-footer" [context]="context"> </amplify-slot>\n'}]}],D.ctorParameters=function(){return[{type:h}]},D.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-signup"]}]};var M=function(){function t(t){this.authenticator=t,this.primaryAlias="",this.secondaryAliases=[]}return t.prototype.ngOnInit=function(){var t=this.authenticator.context.config,e=t.loginMechanisms,n=t.signUpAttributes;this.fieldNames=Array.from(new Set(function(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(O(arguments[e]));return t}(e,n))),this.fieldNames=this.fieldNames.filter((function(t){var e=!!i.authInputAttributes[t];return e||console.debug("Authenticator does not have a default implementation for "+t+". Customize Authenticator.SignUp.FormFields to add your own."),e})),this.loginMechanism=this.fieldNames.shift()},t}();M.decorators=[{type:e.Component,args:[{selector:"amplify-sign-up-form-fields",template:'<div class="amplify-flex" style="flex-direction: column" data-amplify-fieldset>\n  <amplify-user-name-alias [name]="loginMechanism"></amplify-user-name-alias>\n  <amplify-form-field\n    name="password"\n    autocomplete="new-password"\n  ></amplify-form-field>\n  <amplify-form-field\n    name="confirm_password"\n    label="Confirm Password"\n    type="password"\n    autocomplete="new-password"\n  ></amplify-form-field>\n\n  <ng-container *ngFor="let field of fieldNames">\n    <amplify-form-field\n      [name]="field"\n      [labelHidden]="false"\n    ></amplify-form-field>\n  </ng-container>\n</div>\n'}]}],M.ctorParameters=function(){return[{type:h}]};var q=function(){function t(t){this.authenticator=t,this.name="username",this.disabled=!1,this.initialValue="",this.required=!0}return t.prototype.ngOnInit=function(){var t=this.authenticator.context,e=i.getAliasInfoFromContext(t),n=e.label,a=e.type;this.label=n,this.type=a,this.placeholder=n},t}();q.decorators=[{type:e.Component,args:[{selector:"amplify-user-name-alias",template:'<amplify-form-field\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-field>\n'}]}],q.ctorParameters=function(){return[{type:h}]},q.propDecorators={name:[{type:e.Input}],disabled:[{type:e.Input}],initialValue:[{type:e.Input}],required:[{type:e.Input}]};var E=function(){function t(t){this.authenticator=t,this.dataAttr="",this.headerText=i.translate("Account recovery requires verified contact information"),this.unverifiedAttributes={},this.labelId=s.nanoid(12),this.skipText=i.translate("Skip"),this.verifyText=i.translate("Verify")}return t.prototype.ngOnInit=function(){var t=i.getActorState(this.authenticator.authState);this.unverifiedAttributes=t.context.unverifiedAttributes},Object.defineProperty(t.prototype,"context",{get:function(){return this.authenticator.slotContext},enumerable:!1,configurable:!0}),t.prototype.getLabelForAttr=function(t){var e,n=null===(e=P()[t])||void 0===e?void 0:e.label;return i.translate(n)},t.prototype.onInput=function(t){t.preventDefault();var e=t.target,n=e.name,i=e.value;this.authenticator.updateForm({name:n,value:i})},t.prototype.onSubmit=function(t){t.preventDefault(),this.authenticator.submitForm()},t}();E.decorators=[{type:e.Component,args:[{selector:"amplify-verify-user",template:'<div data-amplify-container>\n  <form data-amplify-form (input)="onInput($event)" (submit)="onSubmit($event)">\n    <fieldset\n      class="amplify-flex"\n      style="flex-direction: column"\n      data-amplify-fieldset\n      [disabled]="authenticator.isPending"\n    >\n      <amplify-slot name="verify-user-header" [context]="context">\n        <h3 class="amplify-heading">{{ this.headerText }}</h3>\n      </amplify-slot>\n\n      <div *ngFor="let unverifiedAttribute of unverifiedAttributes | keyvalue">\n        <input\n          name="unverifiedAttr"\n          type="radio"\n          [value]="unverifiedAttribute.key"\n          [id]="labelId"\n        />\n        <label [for]="labelId">{{\n          getLabelForAttr(unverifiedAttribute.key)\n        }}</label>\n      </div>\n\n      <button amplify-button variation="primary" fullWidth="true" type="submit">\n        {{ verifyText }}\n      </button>\n\n      <button\n        amplify-button\n        size="small"\n        variation="link"\n        fontWeight="normal"\n        fullWidth="true"\n        (click)="authenticator.skipVerification()"\n      >\n        {{ skipText }}\n      </button>\n\n      <amplify-error *ngIf="authenticator.error">\n        {{ authenticator.error }}\n      </amplify-error>\n    </fieldset>\n    <amplify-slot name="verify-user-footer" [context]="context"> </amplify-slot>\n  </form>\n</div>\n',encapsulation:e.ViewEncapsulation.None}]}],E.ctorParameters=function(){return[{type:h}]},E.propDecorators={dataAttr:[{type:e.HostBinding,args:["attr.data-amplify-authenticator-verifyuser"]}],headerText:[{type:e.Input}]};var H=function(){function t(){this.type="button",this.fullWidth=!1,this.size="medium",this.variation="default",this.fontWeight="normal",this.defaultClass=!0}return t.prototype.ngOnInit=function(){this.typeAttr=this.type,this.fullWidthAttr=this.fullWidth,this.sizeAttr=this.size,this.variationAttr=this.variation,this.fontWeightAttr=this.fontWeight},t}();H.decorators=[{type:e.Component,args:[{selector:"button[amplify-button]",template:"<ng-content></ng-content>\n"}]}],H.propDecorators={type:[{type:e.Input}],fullWidth:[{type:e.Input}],size:[{type:e.Input}],variation:[{type:e.Input}],fontWeight:[{type:e.Input}],typeAttr:[{type:e.HostBinding,args:["type"]}],fullWidthAttr:[{type:e.HostBinding,args:["attr.data-fullwidth"]}],sizeAttr:[{type:e.HostBinding,args:["attr.data-size"]}],variationAttr:[{type:e.HostBinding,args:["attr.data-variation"]}],defaultClass:[{type:e.HostBinding,args:["class.amplify-button"]}],fontWeightAttr:[{type:e.HostBinding,args:["style.font-weight"]}]};var V=function(){function t(){this.defaultChecked=!1,this.hasError=!1,this.isChecked=!1}return t.prototype.ngOnInit=function(){this.defaultChecked&&(this.isChecked=!0)},t.prototype.handleClick=function(){this.isChecked=!this.isChecked},t}();V.decorators=[{type:e.Component,args:[{selector:"amplify-checkbox",template:'<div class="amplify-flex amplify-field amplify-checkboxfield">\n  <label class="amplify-flex amplify-checkbox">\n    <span class="amplify-visually-hidden">\n      <input\n        (click)="handleClick()"\n        class="\n          amplify-input\n          amplify-field-group__control\n          amplify-checkbox__input\n        "\n        aria-invalid="false"\n        type="checkbox"\n        [name]="name"\n        [value]="value"\n      />\n    </span>\n    <span\n      class="amplify-flex amplify-checkbox__button"\n      aria-hidden="true"\n      data-focus="false"\n      [attr.data-error]="hasError"\n      [attr.data-checked]="isChecked"\n    >\n      <svg\n        xmlns="http://www.w3.org/2000/svg"\n        class="amplify-icon amplify-checkbox__icon"\n        viewBox="0 0 24 24"\n        fill="currentColor"\n        [attr.data-checked]="isChecked"\n      >\n        <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>\n      </svg>\n    </span>\n    <span class="amplify-text amplify-checkbox__label">\n      <ng-content></ng-content>\n    </span>\n  </label>\n  <p *ngIf="hasError" class="amplify-text amplify-field__error-message">\n    {{ errorMessage }}\n  </p>\n</div>\n'}]}],V.propDecorators={defaultChecked:[{type:e.Input}],errorMessage:[{type:e.Input}],hasError:[{type:e.Input}],label:[{type:e.Input}],name:[{type:e.Input}],value:[{type:e.Input}]};var W=function(){function t(){this.isVisible=!0}return t.prototype.close=function(){this.isVisible=!1},t}();W.decorators=[{type:e.Component,args:[{selector:"amplify-error",template:'<div\n  class="amplify-flex amplify-alert"\n  data-variation="error"\n  style="align-items: center; justify-content: space-between"\n  *ngIf="isVisible"\n  role="alert"\n>\n  <div class="amplify-flex" style="align-items: center">\n    <svg\n      xmlns="http://www.w3.org/2000/svg"\n      class="amplify-icon"\n      viewBox="0 0 24 24"\n      fill="currentColor"\n    >\n      <path\n        d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"\n      ></path>\n    </svg>\n    <div><ng-content></ng-content></div>\n  </div>\n  <button\n    amplify-button\n    class="amplify-field-group__control"\n    variation="link"\n    [fullWidth]="false"\n    (click)="close()"\n  >\n    <svg\n      xmlns="http://www.w3.org/2000/svg"\n      class="amplify-icon"\n      viewBox="0 0 24 24"\n      fill="currentColor"\n    >\n      <path\n        d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"\n      ></path>\n    </svg>\n  </button>\n</div>\n'}]}];var L=function(){function t(){this.autocomplete="new-password",this.disabled=!1,this.fieldId="amplify-field-"+s.nanoid(12),this.initialValue="",this.label="",this.placeholder="",this.required=!0,this.labelHidden=!1,this.setBlur=new e.EventEmitter,this.type="password",this.showPassword=!1,this.showPasswordButtonlabel=i.translate("Show password")}return t.prototype.togglePasswordText=function(){this.showPassword=!this.showPassword,this.showPasswordButtonlabel=this.showPassword?i.translate("Show password"):i.translate("Hide password"),this.type=this.showPassword?"text":"password"},t}();L.decorators=[{type:e.Component,args:[{selector:"amplify-password-field",template:'<label class="amplify-label" [class.sr-only]="labelHidden" [for]="fieldId">\n  {{ label }}\n</label>\n<div class="amplify-flex amplify-field-group">\n  <input\n    class="amplify-input amplify-field-group__control"\n    [id]="fieldId"\n    [type]="type"\n    [name]="name"\n    [placeholder]="placeholder"\n    [required]="required"\n    [value]="initialValue"\n    [attr.disabled]="disabled ? \'\' : null"\n    [autocomplete]="autocomplete"\n    (blur)="setBlur.emit($event)"\n  />\n  <div class="amplify-field-group__outer-end">\n    <button\n      amplify-button\n      [attr.aria-label]="showPasswordButtonlabel"\n      class="amplify-field-group__control amplify-field__show-password"\n      (click)="togglePasswordText()"\n    >\n      <svg\n        *ngIf="!showPassword"\n        xmlns="http://www.w3.org/2000/svg"\n        fill="currentColor"\n        viewBox="0 0 24 24"\n        class="amplify-icon"\n      >\n        <path\n          d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"\n        ></path>\n      </svg>\n      <svg\n        *ngIf="showPassword"\n        xmlns="http://www.w3.org/2000/svg"\n        fill="currentColor"\n        viewBox="0 0 24 24"\n        class="amplify-icon"\n      >\n        <path\n          d="M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z"\n          fill="none"\n        ></path>\n        <path\n          d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"\n        ></path>\n      </svg>\n    </button>\n  </div>\n</div>\n'}]}],L.propDecorators={autocomplete:[{type:e.Input}],disabled:[{type:e.Input}],fieldId:[{type:e.Input}],initialValue:[{type:e.Input}],label:[{type:e.Input}],name:[{type:e.Input}],placeholder:[{type:e.Input}],required:[{type:e.Input}],labelHidden:[{type:e.Input}],setBlur:[{type:e.Output}]};var U=function(){this.autocomplete="new-password",this.disabled=!1,this.selectFieldId="amplify-field-"+s.nanoid(12),this.textFieldId="amplify-field-"+s.nanoid(12),this.initialValue="",this.label="",this.placeholder="",this.required=!0,this.labelHidden=!1,this.display="contents",this.countryDialCodes=i.countryDialCodes};U.decorators=[{type:e.Component,args:[{selector:"amplify-phone-number-field",template:'<label class="amplify-label" [class.sr-only]="labelHidden" [for]="textFieldId">\n  {{ label }}\n</label>\n<div\n  class="amplify-flex amplify-phonenumberfield"\n  amplify-field-group\n  style="gap: 0px"\n>\n  <div class="amplify-field-group__outer-start">\n    <div\n      class="\n        amplify-flex amplify-field amplify-selectfield amplify-countrycodeselect\n      "\n      style="flex-direction: column"\n    >\n      <amplify-form-select\n        name="country_code"\n        label="Country Code"\n        [id]="selectFieldId"\n        [items]="countryDialCodes"\n        [defaultValue]="defaultCountryCode"\n      ></amplify-form-select>\n    </div>\n  </div>\n\n  <input\n    class="amplify-input"\n    [id]="textFieldId"\n    [type]="type"\n    [name]="name"\n    [placeholder]="placeholder"\n    [required]="required"\n    [value]="initialValue"\n    [attr.disabled]="disabled ? \'\' : null"\n    [autocomplete]="autocomplete"\n  />\n</div>\n'}]}],U.propDecorators={autocomplete:[{type:e.Input}],disabled:[{type:e.Input}],defaultCountryCode:[{type:e.Input}],selectFieldId:[{type:e.Input}],textFieldId:[{type:e.Input}],initialValue:[{type:e.Input}],label:[{type:e.Input}],name:[{type:e.Input}],placeholder:[{type:e.Input}],required:[{type:e.Input}],type:[{type:e.Input}],labelHidden:[{type:e.Input}],display:[{type:e.HostBinding,args:["style.display"]}]};var N=function(){};N.decorators=[{type:e.Component,args:[{selector:"amplify-form-select",template:'<label class="amplify-label sr-only" [for]="id">{{ label }}</label>\n<div class="amplify-select__wrapper">\n  <select\n    class="amplify-select amplify-field-group__control"\n    autocomplete="tel-country-code"\n    [id]="id"\n    [name]="name"\n  >\n    <option\n      *ngFor="let item of items"\n      [value]="item"\n      [selected]="item === defaultValue"\n    >\n      {{ item }}\n    </option>\n  </select>\n  <div\n    class="amplify-flex amplify-select__icon-wrapper"\n    style="align-items: center; justify-content: center"\n  >\n    <svg\n      xmlns="http://www.w3.org/2000/svg"\n      class="amplify-icon"\n      viewBox="0 0 24 24"\n      data-size="large"\n      fill="currentColor"\n    >\n      <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path>\n    </svg>\n  </div>\n</div>\n'}]}],N.propDecorators={items:[{type:e.Input}],name:[{type:e.Input}],label:[{type:e.Input}],id:[{type:e.Input}],defaultValue:[{type:e.Input}]};var $=function(){this.active=!1};$.decorators=[{type:e.Component,args:[{selector:"amplify-tab-item",template:'<div\n  data-orientation="horizontal"\n  role="tabpanel"\n  [id]="id"\n  [attr.aria-labelledby]="labelledById"\n  [attr.data-state]="active ? \'active\' : \'inactive\'"\n  [attr.tabindex]="tabIndex"\n>\n  <ng-content *ngIf="active"></ng-content>\n</div>\n'}]}],$.propDecorators={title:[{type:e.Input}],active:[{type:e.Input}],id:[{type:e.Input}],labelledById:[{type:e.Input}],tabIndex:[{type:e.Input}]};var R=function(){function t(){this.tabChange=new e.EventEmitter}return t.prototype.ngAfterContentInit=function(){this.tabs.forEach((function(t,e){t.id="radix-id-"+s.nanoid(12)+"-1-content-"+e,t.labelledById="radix-id-"+s.nanoid(12)+"-1-trigger-"+e})),1!==this.tabs.filter((function(t){return t.active})).length&&this.selectTab(this.tabs.first)},t.prototype.selectTab=function(t){this.tabs.forEach((function(t){t.active=!1})),t.active=!0},t.prototype.handleTabClick=function(t){t.active||(this.tabChange.emit(),this.selectTab(t))},t}();R.decorators=[{type:e.Component,args:[{selector:"amplify-tabs",template:'<div\n  tabindex="0"\n  aria-orientation="horizontal"\n  data-orientation="horizontal"\n  role="tablist"\n  style="outline: none"\n>\n  <div\n    class="amplify-flex amplify-tabs"\n    data-indicator-position="top"\n    style="gap: 0px; justify-content: center"\n  >\n    <div\n      *ngFor="let tab of tabs"\n      class="amplify-tabs-item"\n      data-spacing="equal"\n      data-orientation="horizontal"\n      role="tab"\n      [id]="tab.labelledById"\n      [tabindex]="tab.active ? \'0\' : \'1\'"\n      [attr.aria-selected]="tab.active"\n      [attr.aria-controls]="tab.id"\n      [attr.data-state]="tab.active ? \'active\' : \'inactive\'"\n      (click)="handleTabClick(tab)"\n    >\n      {{ tab.title }}\n    </div>\n  </div>\n</div>\n\n<ng-content></ng-content>\n'}]}],R.propDecorators={tabs:[{type:e.ContentChildren,args:[$]}],tabChange:[{type:e.Output}]};var G=function(){this.autocomplete="new-password",this.disabled=!1,this.fieldId="amplify-field-"+s.nanoid(12),this.initialValue="",this.label="",this.placeholder="",this.required=!0,this.labelHidden=!1,this.display="contents"};G.decorators=[{type:e.Component,args:[{selector:"amplify-text-field",template:'<label class="amplify-label" [class.sr-only]="labelHidden" [for]="fieldId">\n  {{ label }}\n</label>\n<input\n  class="amplify-input"\n  [id]="fieldId"\n  [type]="type"\n  [name]="name"\n  [placeholder]="placeholder"\n  [required]="required"\n  [value]="initialValue"\n  [attr.disabled]="disabled ? \'\' : null"\n  [autocomplete]="autocomplete"\n/>\n'}]}],G.propDecorators={autocomplete:[{type:e.Input}],disabled:[{type:e.Input}],fieldId:[{type:e.Input}],initialValue:[{type:e.Input}],label:[{type:e.Input}],name:[{type:e.Input}],placeholder:[{type:e.Input}],required:[{type:e.Input}],type:[{type:e.Input}],labelHidden:[{type:e.Input}],display:[{type:e.HostBinding,args:["style.display"]}]};var Q=function(){function t(t){this.propService=t,this.display="contents",this.isOverriden=!1}return t.prototype.ngAfterContentInit=function(){var t=this.propService.customComponents[this.name];t&&(this.overridingComponent=t,this.isOverriden=!0)},t}();Q.decorators=[{type:e.Component,args:[{selector:"amplify-slot",template:'\x3c!-- \n  if slot isn\'t overwritten, we display the the default coponent, which is the \n  children passed onto this component.\n--\x3e\n<ng-content *ngIf="!isOverriden"></ng-content>\n\n\x3c!-- If slot is overwritten, we render that instead. --\x3e\n<ng-container\n  *ngIf="isOverriden"\n  [ngTemplateOutlet]="overridingComponent"\n  [ngTemplateOutletContext]="context"\n></ng-container>\n'}]}],Q.ctorParameters=function(){return[{type:m}]},Q.propDecorators={name:[{type:e.Input}],context:[{type:e.Input}],display:[{type:e.HostBinding,args:["style.display"]}]};var Z=function(){};Z.decorators=[{type:e.NgModule,args:[{declarations:[Q,d,g,H,V,b,x,I,C,W,w,S,T,A,L,U,k,N,B,z,D,M,$,R,G,q,E],imports:[n.CommonModule],exports:[d,g,V,M,G]}]}],t.AmplifyAuthenticatorModule=Z,t.AmplifySlotDirective=d,t.AuthenticatorComponent=g,t.AuthenticatorService=h,t.ButtonComponent=H,t.CheckboxComponent=V,t.ConfirmResetPasswordComponent=b,t.ConfirmSignInComponent=x,t.ConfirmSignUpComponent=I,t.ConfirmVerifyUserComponent=C,t.CustomComponentsService=m,t.ErrorComponent=W,t.FederatedSignInButtonComponent=w,t.FederatedSignInComponent=S,t.ForceNewPasswordComponent=T,t.FormFieldComponent=A,t.PasswordFieldComponent=L,t.PhoneNumberFieldComponent=U,t.ResetPasswordComponent=k,t.SelectComponent=N,t.SetupTotpComponent=B,t.SignInComponent=z,t.SignUpComponent=D,t.SignUpFormFieldsComponent=M,t.TabItemComponent=$,t.TabsComponent=R,t.TextFieldComponent=G,t.UserNameAliasComponent=q,t.VerifyUserComponent=E,t.getAttributeMap=P,t["ɵa"]=Q,t["ɵb"]=g,t["ɵc"]=H,t["ɵd"]=V,t["ɵe"]=b,t["ɵf"]=x,t["ɵg"]=I,t["ɵh"]=C,t["ɵi"]=W,t["ɵj"]=w,t["ɵk"]=S,t["ɵl"]=T,t["ɵm"]=A,t["ɵn"]=L,t["ɵo"]=U,t["ɵp"]=k,t["ɵq"]=N,t["ɵr"]=B,t["ɵs"]=z,t["ɵt"]=D,t["ɵu"]=M,t["ɵv"]=$,t["ɵw"]=R,t["ɵx"]=G,t["ɵy"]=q,t["ɵz"]=E,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=aws-amplify-ui-angular.umd.min.js.map