@aws-amplify/ui-angular 2.0.1-next.2 → 2.0.1-next.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/aws-amplify-ui-angular.d.ts +21 -15
- package/aws-amplify-ui-angular.metadata.json +1 -1
- package/bundles/aws-amplify-ui-angular.umd.js +1233 -932
- package/bundles/aws-amplify-ui-angular.umd.js.map +1 -1
- package/bundles/aws-amplify-ui-angular.umd.min.js +1 -1
- package/bundles/aws-amplify-ui-angular.umd.min.js.map +1 -1
- package/esm2015/aws-amplify-ui-angular.js +22 -16
- package/esm2015/index.js +3 -3
- package/esm2015/lib/components/amplify-authenticator/amplify-authenticator.component.js +33 -14
- package/esm2015/lib/components/amplify-confirm-sign-in/amplify-confirm-sign-in.component.js +8 -6
- package/esm2015/lib/components/amplify-confirm-sign-up/amplify-confirm-sign-up.component.js +11 -25
- package/esm2015/lib/components/amplify-federated-sign-in/amplify-federated-sign-in.component.js +9 -4
- package/esm2015/lib/components/amplify-federated-sign-in-button/amplify-federated-sign-in-button.component.js +2 -2
- package/esm2015/lib/components/amplify-force-new-password/amplify-force-new-password.component.js +12 -4
- package/esm2015/lib/components/amplify-reset-password/amplify-reset-password.component.js +7 -3
- package/esm2015/lib/components/amplify-setup-totp/amplify-setup-totp.component.js +14 -5
- package/esm2015/lib/components/amplify-sign-in/amplify-sign-in.component.js +8 -6
- package/esm2015/lib/components/amplify-sign-up/amplify-sign-up.component.js +16 -6
- package/esm2015/lib/components/amplify-verify-user/amplify-verify-user.component.js +16 -4
- package/esm2015/lib/components/confirm-reset-password/amplify-confirm-reset-password.component.js +9 -3
- package/esm2015/lib/components/confirm-verify-user/amplify-confirm-verify-user.component.js +7 -4
- package/esm2015/lib/components/index.js +14 -6
- package/esm2015/lib/directives/amplify-slot.directive.js +21 -0
- package/esm2015/lib/primitives/amplify-button/amplify-button.component.js +38 -0
- package/esm2015/lib/primitives/amplify-error/amplify-error.component.js +2 -2
- package/esm2015/lib/primitives/amplify-form-field/amplify-form-field.component.js +91 -0
- package/esm2015/lib/primitives/amplify-password-field/amplify-password-field.component.js +39 -0
- package/esm2015/lib/primitives/amplify-select/amplify-select.component.js +17 -0
- package/esm2015/lib/primitives/amplify-text-field/amplify-text-field.component.js +29 -0
- package/esm2015/lib/primitives/amplify-user-name-alias/amplify-user-name-alias.component.js +6 -4
- package/esm2015/lib/primitives/index.js +2 -2
- package/esm2015/lib/primitives/phone-number-field/phone-number-field.component.js +33 -0
- package/esm2015/lib/primitives/tab-item/tab-item.component.js +20 -0
- package/esm2015/lib/primitives/tabs/tabs.component.js +45 -0
- package/esm2015/lib/services/state-machine.service.js +12 -7
- package/esm2015/lib/ui-angular.module.js +30 -20
- package/fesm2015/aws-amplify-ui-angular.js +722 -441
- package/fesm2015/aws-amplify-ui-angular.js.map +1 -1
- package/index.d.ts +2 -2
- package/lib/components/amplify-authenticator/amplify-authenticator.component.d.ts +11 -7
- package/lib/components/amplify-confirm-sign-in/amplify-confirm-sign-in.component.d.ts +4 -2
- package/lib/components/amplify-confirm-sign-up/amplify-confirm-sign-up.component.d.ts +4 -2
- package/lib/components/amplify-federated-sign-in/amplify-federated-sign-in.component.d.ts +4 -1
- package/lib/components/amplify-force-new-password/amplify-force-new-password.component.d.ts +2 -0
- package/lib/components/amplify-reset-password/amplify-reset-password.component.d.ts +2 -0
- package/lib/components/amplify-setup-totp/amplify-setup-totp.component.d.ts +3 -0
- package/lib/components/amplify-sign-in/amplify-sign-in.component.d.ts +3 -1
- package/lib/components/amplify-sign-up/amplify-sign-up.component.d.ts +1 -1
- package/lib/components/amplify-verify-user/amplify-verify-user.component.d.ts +5 -1
- package/lib/components/confirm-reset-password/amplify-confirm-reset-password.component.d.ts +4 -0
- package/lib/components/confirm-verify-user/amplify-confirm-verify-user.component.d.ts +2 -0
- package/lib/components/index.d.ts +13 -5
- package/lib/directives/{amplify-override.directive.d.ts → amplify-slot.directive.d.ts} +2 -2
- package/lib/primitives/amplify-button/amplify-button.component.d.ts +15 -0
- package/lib/primitives/amplify-form-field/amplify-form-field.component.d.ts +34 -0
- package/lib/primitives/amplify-password-field/amplify-password-field.component.d.ts +14 -0
- package/lib/primitives/amplify-select/amplify-select.component.d.ts +7 -0
- package/lib/primitives/amplify-text-field/amplify-text-field.component.d.ts +11 -0
- package/lib/primitives/amplify-user-name-alias/amplify-user-name-alias.component.d.ts +1 -0
- package/lib/primitives/index.d.ts +1 -1
- package/lib/primitives/phone-number-field/phone-number-field.component.d.ts +14 -0
- package/lib/primitives/tab-item/tab-item.component.d.ts +7 -0
- package/lib/primitives/tabs/tabs.component.d.ts +9 -0
- package/lib/services/state-machine.service.d.ts +2 -2
- package/package.json +4 -3
- package/styles/component.css +169 -0
- package/theme.css +2 -99
- package/esm2015/lib/components/amplify-sign-out/amplify-sign-out.component.js +0 -28
- package/esm2015/lib/directives/amplify-override.directive.js +0 -21
- package/esm2015/lib/primitives/amplify-input/amplify-input.component.js +0 -61
- package/lib/components/amplify-sign-out/amplify-sign-out.component.d.ts +0 -6
- package/lib/primitives/amplify-input/amplify-input.component.d.ts +0 -23
package/esm2015/lib/components/confirm-reset-password/amplify-confirm-reset-password.component.js
CHANGED
|
@@ -3,15 +3,21 @@ import { Component, HostBinding, Input, } from '@angular/core';
|
|
|
3
3
|
import { getActorState } from '@aws-amplify/ui';
|
|
4
4
|
import { AuthPropService } from '../../services/authenticator-context.service';
|
|
5
5
|
import { StateMachineService } from '../../services/state-machine.service';
|
|
6
|
+
import { translate } from '@aws-amplify/ui';
|
|
6
7
|
export class ConfirmResetPasswordComponent {
|
|
7
8
|
constructor(stateMachine, contextService) {
|
|
8
9
|
this.stateMachine = stateMachine;
|
|
9
10
|
this.contextService = contextService;
|
|
10
11
|
this.dataAttr = '';
|
|
11
|
-
this.headerText = 'Reset your password';
|
|
12
|
+
this.headerText = translate('Reset your password');
|
|
12
13
|
this.customComponents = {};
|
|
13
14
|
this.remoteError = '';
|
|
14
15
|
this.isPending = false;
|
|
16
|
+
// translated strings
|
|
17
|
+
this.sendCodeText = translate('Send Code');
|
|
18
|
+
this.backToSignInText = translate('Back to Sign In');
|
|
19
|
+
this.lostCodeText = translate('Lost your code? ');
|
|
20
|
+
this.resendCodeText = translate('Resend Code');
|
|
15
21
|
}
|
|
16
22
|
ngOnInit() {
|
|
17
23
|
this.authSubscription = this.stateMachine.authService.subscribe((state) => this.onStateUpdate(state));
|
|
@@ -56,7 +62,7 @@ export class ConfirmResetPasswordComponent {
|
|
|
56
62
|
ConfirmResetPasswordComponent.decorators = [
|
|
57
63
|
{ type: Component, args: [{
|
|
58
64
|
selector: 'amplify-confirm-reset-password',
|
|
59
|
-
template: "<!-- \n Define default contents here\n-->\n<ng-template #confirmResetPasswordSubmitButton>\n <button
|
|
65
|
+
template: "<!-- \n Define default contents here\n-->\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<!-- \n Render confirm reset password component\n-->\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"
|
|
60
66
|
},] }
|
|
61
67
|
];
|
|
62
68
|
ConfirmResetPasswordComponent.ctorParameters = () => [
|
|
@@ -67,4 +73,4 @@ ConfirmResetPasswordComponent.propDecorators = {
|
|
|
67
73
|
dataAttr: [{ type: HostBinding, args: ['attr.data-amplify-authenticator-confirmsignin',] }],
|
|
68
74
|
headerText: [{ type: Input }]
|
|
69
75
|
};
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1jb25maXJtLXJlc2V0LXBhc3N3b3JkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2NvbmZpcm0tcmVzZXQtcGFzc3dvcmQvYW1wbGlmeS1jb25maXJtLXJlc2V0LXBhc3N3b3JkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUlOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBb0IsYUFBYSxFQUFlLE1BQU0saUJBQWlCLENBQUM7QUFFL0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQU01QyxNQUFNLE9BQU8sNkJBQTZCO0lBaUJ4QyxZQUNVLFlBQWlDLEVBQ2pDLGNBQStCO1FBRC9CLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQUNqQyxtQkFBYyxHQUFkLGNBQWMsQ0FBaUI7UUFoQnFCLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDNUQsZUFBVSxHQUFHLFNBQVMsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1FBRXZELHFCQUFnQixHQUFxQyxFQUFFLENBQUM7UUFDeEQsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUd6QixxQkFBcUI7UUFDZCxpQkFBWSxHQUFHLFNBQVMsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN0QyxxQkFBZ0IsR0FBRyxTQUFTLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUNoRCxpQkFBWSxHQUFHLFNBQVMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQzdDLG1CQUFjLEdBQUcsU0FBUyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBSzlDLENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQ3hFLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQzFCLENBQUM7SUFDSixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLGdCQUFnQixDQUFDO0lBQy9ELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBdUI7UUFDbkMsTUFBTSxVQUFVLEdBQWdCLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyRCxJQUFJLENBQUMsV0FBVyxHQUFHLFVBQVUsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDO1FBQ2xELElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLDJCQUEyQixDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELElBQVcsT0FBTztRQUNoQixNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUM7UUFDdEUsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNyQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxDQUFDO0lBQ3pELENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVk7UUFDbEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEdBQXFCLEtBQUssQ0FBQyxNQUFNLENBQUM7UUFDdkQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDckIsSUFBSSxFQUFFLFFBQVE7WUFDZCxJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFO1NBQ3RCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFSyxRQUFRLENBQUMsS0FBWTs7WUFDekIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ25DLENBQUM7S0FBQTs7O1lBeEVGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0NBQWdDO2dCQUMxQywyeURBQThEO2FBQy9EOzs7WUFOUSxtQkFBbUI7WUFEbkIsZUFBZTs7O3VCQVdyQixXQUFXLFNBQUMsK0NBQStDO3lCQUMzRCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBdXRoTWFjaGluZVN0YXRlLCBnZXRBY3RvclN0YXRlLCBTaWduSW5TdGF0ZSB9IGZyb20gJ0Bhd3MtYW1wbGlmeS91aSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICd4c3RhdGUnO1xuaW1wb3J0IHsgQXV0aFByb3BTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvYXV0aGVudGljYXRvci1jb250ZXh0LnNlcnZpY2UnO1xuaW1wb3J0IHsgU3RhdGVNYWNoaW5lU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3N0YXRlLW1hY2hpbmUuc2VydmljZSc7XG5pbXBvcnQgeyB0cmFuc2xhdGUgfSBmcm9tICdAYXdzLWFtcGxpZnkvdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhbXBsaWZ5LWNvbmZpcm0tcmVzZXQtcGFzc3dvcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYW1wbGlmeS1jb25maXJtLXJlc2V0LXBhc3N3b3JkLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQ29uZmlybVJlc2V0UGFzc3dvcmRDb21wb25lbnRcbiAgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyQ29udGVudEluaXQsIE9uRGVzdHJveVxue1xuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1hbXBsaWZ5LWF1dGhlbnRpY2F0b3ItY29uZmlybXNpZ25pbicpIGRhdGFBdHRyID0gJyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBoZWFkZXJUZXh0ID0gdHJhbnNsYXRlKCdSZXNldCB5b3VyIHBhc3N3b3JkJyk7XG5cbiAgcHVibGljIGN1c3RvbUNvbXBvbmVudHM6IFJlY29yZDxzdHJpbmcsIFRlbXBsYXRlUmVmPGFueT4+ID0ge307XG4gIHB1YmxpYyByZW1vdGVFcnJvciA9ICcnO1xuICBwdWJsaWMgaXNQZW5kaW5nID0gZmFsc2U7XG4gIHByaXZhdGUgYXV0aFN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xuXG4gIC8vIHRyYW5zbGF0ZWQgc3RyaW5nc1xuICBwdWJsaWMgc2VuZENvZGVUZXh0ID0gdHJhbnNsYXRlKCdTZW5kIENvZGUnKTtcbiAgcHVibGljIGJhY2tUb1NpZ25JblRleHQgPSB0cmFuc2xhdGUoJ0JhY2sgdG8gU2lnbiBJbicpO1xuICBwdWJsaWMgbG9zdENvZGVUZXh0ID0gdHJhbnNsYXRlKCdMb3N0IHlvdXIgY29kZT8gJyk7XG4gIHB1YmxpYyByZXNlbmRDb2RlVGV4dCA9IHRyYW5zbGF0ZSgnUmVzZW5kIENvZGUnKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHN0YXRlTWFjaGluZTogU3RhdGVNYWNoaW5lU2VydmljZSxcbiAgICBwcml2YXRlIGNvbnRleHRTZXJ2aWNlOiBBdXRoUHJvcFNlcnZpY2VcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuYXV0aFN1YnNjcmlwdGlvbiA9IHRoaXMuc3RhdGVNYWNoaW5lLmF1dGhTZXJ2aWNlLnN1YnNjcmliZSgoc3RhdGUpID0+XG4gICAgICB0aGlzLm9uU3RhdGVVcGRhdGUoc3RhdGUpXG4gICAgKTtcbiAgfVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICB0aGlzLmN1c3RvbUNvbXBvbmVudHMgPSB0aGlzLmNvbnRleHRTZXJ2aWNlLmN1c3RvbUNvbXBvbmVudHM7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmF1dGhTdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIG9uU3RhdGVVcGRhdGUoc3RhdGU6IEF1dGhNYWNoaW5lU3RhdGUpOiB2b2lkIHtcbiAgICBjb25zdCBhY3RvclN0YXRlOiBTaWduSW5TdGF0ZSA9IGdldEFjdG9yU3RhdGUoc3RhdGUpO1xuICAgIHRoaXMucmVtb3RlRXJyb3IgPSBhY3RvclN0YXRlLmNvbnRleHQucmVtb3RlRXJyb3I7XG4gICAgdGhpcy5pc1BlbmRpbmcgPSAhYWN0b3JTdGF0ZS5tYXRjaGVzKCdjb25maXJtUmVzZXRQYXNzd29yZC5lZGl0Jyk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGNvbnRleHQoKSB7XG4gICAgY29uc3QgeyBjaGFuZ2UsIHJlc2VuZCwgc2lnbkluLCBzdWJtaXQgfSA9IHRoaXMuc3RhdGVNYWNoaW5lLnNlcnZpY2VzO1xuICAgIGNvbnN0IHJlbW90ZUVycm9yID0gdGhpcy5yZW1vdGVFcnJvcjtcbiAgICByZXR1cm4geyBjaGFuZ2UsIHJlc2VuZCwgcmVtb3RlRXJyb3IsIHNpZ25Jbiwgc3VibWl0IH07XG4gIH1cblxuICB0b1NpZ25JbigpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlTWFjaGluZS5zZW5kKCdTSUdOX0lOJyk7XG4gIH1cblxuICByZXNlbmQoKSB7XG4gICAgdGhpcy5zdGF0ZU1hY2hpbmUuc2VuZCgnUkVTRU5EJyk7XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgY29uc3QgeyBuYW1lLCB2YWx1ZSB9ID0gPEhUTUxJbnB1dEVsZW1lbnQ+ZXZlbnQudGFyZ2V0O1xuICAgIHRoaXMuc3RhdGVNYWNoaW5lLnNlbmQoe1xuICAgICAgdHlwZTogJ0NIQU5HRScsXG4gICAgICBkYXRhOiB7IG5hbWUsIHZhbHVlIH0sXG4gICAgfSk7XG4gIH1cblxuICBhc3luYyBvblN1Ym1pdChldmVudDogRXZlbnQpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMuc3RhdGVNYWNoaW5lLnNlbmQoJ1NVQk1JVCcpO1xuICB9XG59XG4iXX0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __awaiter } from "tslib";
|
|
2
2
|
import { Component, HostBinding, Input, } from '@angular/core';
|
|
3
|
-
import { getActorState } from '@aws-amplify/ui';
|
|
3
|
+
import { getActorState, translate, } from '@aws-amplify/ui';
|
|
4
4
|
import { AuthPropService } from '../../services/authenticator-context.service';
|
|
5
5
|
import { StateMachineService } from '../../services/state-machine.service';
|
|
6
6
|
export class ConfirmVerifyUserComponent {
|
|
@@ -8,10 +8,13 @@ export class ConfirmVerifyUserComponent {
|
|
|
8
8
|
this.stateMachine = stateMachine;
|
|
9
9
|
this.contextService = contextService;
|
|
10
10
|
this.dataAttr = '';
|
|
11
|
-
this.headerText = 'Account recovery requires verified contact information';
|
|
11
|
+
this.headerText = translate('Account recovery requires verified contact information');
|
|
12
12
|
this.customComponents = {};
|
|
13
13
|
this.remoteError = '';
|
|
14
14
|
this.isPending = false;
|
|
15
|
+
// translated texts
|
|
16
|
+
this.skipText = translate('Skip');
|
|
17
|
+
this.submitText = translate('Submit');
|
|
15
18
|
}
|
|
16
19
|
ngOnInit() {
|
|
17
20
|
this.authSubscription = this.stateMachine.authService.subscribe((state) => this.onStateUpdate(state));
|
|
@@ -49,7 +52,7 @@ export class ConfirmVerifyUserComponent {
|
|
|
49
52
|
ConfirmVerifyUserComponent.decorators = [
|
|
50
53
|
{ type: Component, args: [{
|
|
51
54
|
selector: 'amplify-confirm-verify-user',
|
|
52
|
-
template: "<!-- \n Define default contents here\n-->\n<ng-template #
|
|
55
|
+
template: "<!-- \n Define default contents here\n-->\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<!-- \n Render confirm reset password component\n-->\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"
|
|
53
56
|
},] }
|
|
54
57
|
];
|
|
55
58
|
ConfirmVerifyUserComponent.ctorParameters = () => [
|
|
@@ -60,4 +63,4 @@ ConfirmVerifyUserComponent.propDecorators = {
|
|
|
60
63
|
dataAttr: [{ type: HostBinding, args: ['attr.data-amplify-authenticator-confirmverifyuser',] }],
|
|
61
64
|
headerText: [{ type: Input }]
|
|
62
65
|
};
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1jb25maXJtLXZlcmlmeS11c2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL2NvbmZpcm0tdmVyaWZ5LXVzZXIvYW1wbGlmeS1jb25maXJtLXZlcmlmeS11c2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUlOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFFTCxhQUFhLEVBRWIsU0FBUyxHQUNWLE1BQU0saUJBQWlCLENBQUM7QUFFekIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBTTNFLE1BQU0sT0FBTywwQkFBMEI7SUFrQnJDLFlBQ1UsWUFBaUMsRUFDakMsY0FBK0I7UUFEL0IsaUJBQVksR0FBWixZQUFZLENBQXFCO1FBQ2pDLG1CQUFjLEdBQWQsY0FBYyxDQUFpQjtRQWpCeUIsYUFBUSxHQUN4RSxFQUFFLENBQUM7UUFDVyxlQUFVLEdBQUcsU0FBUyxDQUNwQyx3REFBd0QsQ0FDekQsQ0FBQztRQUVLLHFCQUFnQixHQUFxQyxFQUFFLENBQUM7UUFDeEQsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUd6QixtQkFBbUI7UUFDWixhQUFRLEdBQUcsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzdCLGVBQVUsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUM7SUFLckMsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FDeEUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FDMUIsQ0FBQztJQUNKLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsZ0JBQWdCLENBQUM7SUFDL0QsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUF1QjtRQUNuQyxNQUFNLFVBQVUsR0FBZ0IsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JELElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUM7UUFDbEQsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2hCLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUM7UUFDcEQsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNyQyxPQUFPLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFSyxRQUFRLENBQUMsS0FBWTs7WUFDekIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLE1BQU0sUUFBUSxHQUFHLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUF5QixDQUFDLENBQUM7WUFDL0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7Z0JBQ3JCLElBQUksRUFBRSxRQUFRO2dCQUNkLElBQUksRUFBRSxNQUFNLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQzthQUNuQyxDQUFDLENBQUM7UUFDTCxDQUFDO0tBQUE7OztZQWhFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtnQkFDdkMsK2hEQUEyRDthQUM1RDs7O1lBTFEsbUJBQW1CO1lBRG5CLGVBQWU7Ozt1QkFVckIsV0FBVyxTQUFDLG1EQUFtRDt5QkFFL0QsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQXV0aE1hY2hpbmVTdGF0ZSxcbiAgZ2V0QWN0b3JTdGF0ZSxcbiAgU2lnbkluU3RhdGUsXG4gIHRyYW5zbGF0ZSxcbn0gZnJvbSAnQGF3cy1hbXBsaWZ5L3VpJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3hzdGF0ZSc7XG5pbXBvcnQgeyBBdXRoUHJvcFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9hdXRoZW50aWNhdG9yLWNvbnRleHQuc2VydmljZSc7XG5pbXBvcnQgeyBTdGF0ZU1hY2hpbmVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc3RhdGUtbWFjaGluZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1wbGlmeS1jb25maXJtLXZlcmlmeS11c2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FtcGxpZnktY29uZmlybS12ZXJpZnktdXNlci5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpcm1WZXJpZnlVc2VyQ29tcG9uZW50XG4gIGltcGxlbWVudHMgT25Jbml0LCBBZnRlckNvbnRlbnRJbml0LCBPbkRlc3Ryb3lcbntcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtYW1wbGlmeS1hdXRoZW50aWNhdG9yLWNvbmZpcm12ZXJpZnl1c2VyJykgZGF0YUF0dHIgPVxuICAgICcnO1xuICBASW5wdXQoKSBwdWJsaWMgaGVhZGVyVGV4dCA9IHRyYW5zbGF0ZShcbiAgICAnQWNjb3VudCByZWNvdmVyeSByZXF1aXJlcyB2ZXJpZmllZCBjb250YWN0IGluZm9ybWF0aW9uJ1xuICApO1xuXG4gIHB1YmxpYyBjdXN0b21Db21wb25lbnRzOiBSZWNvcmQ8c3RyaW5nLCBUZW1wbGF0ZVJlZjxhbnk+PiA9IHt9O1xuICBwdWJsaWMgcmVtb3RlRXJyb3IgPSAnJztcbiAgcHVibGljIGlzUGVuZGluZyA9IGZhbHNlO1xuICBwcml2YXRlIGF1dGhTdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcblxuICAvLyB0cmFuc2xhdGVkIHRleHRzXG4gIHB1YmxpYyBza2lwVGV4dCA9IHRyYW5zbGF0ZSgnU2tpcCcpO1xuICBwdWJsaWMgc3VibWl0VGV4dCA9IHRyYW5zbGF0ZSgnU3VibWl0Jyk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzdGF0ZU1hY2hpbmU6IFN0YXRlTWFjaGluZVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBjb250ZXh0U2VydmljZTogQXV0aFByb3BTZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmF1dGhTdWJzY3JpcHRpb24gPSB0aGlzLnN0YXRlTWFjaGluZS5hdXRoU2VydmljZS5zdWJzY3JpYmUoKHN0YXRlKSA9PlxuICAgICAgdGhpcy5vblN0YXRlVXBkYXRlKHN0YXRlKVxuICAgICk7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgdGhpcy5jdXN0b21Db21wb25lbnRzID0gdGhpcy5jb250ZXh0U2VydmljZS5jdXN0b21Db21wb25lbnRzO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5hdXRoU3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBvblN0YXRlVXBkYXRlKHN0YXRlOiBBdXRoTWFjaGluZVN0YXRlKTogdm9pZCB7XG4gICAgY29uc3QgYWN0b3JTdGF0ZTogU2lnbkluU3RhdGUgPSBnZXRBY3RvclN0YXRlKHN0YXRlKTtcbiAgICB0aGlzLnJlbW90ZUVycm9yID0gYWN0b3JTdGF0ZS5jb250ZXh0LnJlbW90ZUVycm9yO1xuICAgIHRoaXMuaXNQZW5kaW5nID0gIWFjdG9yU3RhdGUubWF0Y2hlcygnY29uZmlybVZlcmlmeVVzZXIuZWRpdCcpO1xuICB9XG5cbiAgcHVibGljIGdldCBjb250ZXh0KCkge1xuICAgIGNvbnN0IHsgc2tpcCwgc3VibWl0IH0gPSB0aGlzLnN0YXRlTWFjaGluZS5zZXJ2aWNlcztcbiAgICBjb25zdCByZW1vdGVFcnJvciA9IHRoaXMucmVtb3RlRXJyb3I7XG4gICAgcmV0dXJuIHsgcmVtb3RlRXJyb3IsIHNraXAsIHN1Ym1pdCB9O1xuICB9XG5cbiAgc2tpcFZlcmlmeSgpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlTWFjaGluZS5zZW5kKCdTS0lQJyk7XG4gIH1cblxuICBhc3luYyBvblN1Ym1pdChldmVudDogRXZlbnQpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuICAgIHRoaXMuc3RhdGVNYWNoaW5lLnNlbmQoe1xuICAgICAgdHlwZTogJ1NVQk1JVCcsXG4gICAgICBkYXRhOiBPYmplY3QuZnJvbUVudHJpZXMoZm9ybURhdGEpLFxuICAgIH0pO1xuICB9XG59XG4iXX0=
|
|
@@ -1,6 +1,14 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
|
|
1
|
+
export { AmplifyAuthenticatorComponent } from './amplify-authenticator/amplify-authenticator.component';
|
|
2
|
+
export { AmplifyConfirmSignInComponent } from './amplify-confirm-sign-in/amplify-confirm-sign-in.component';
|
|
3
|
+
export { AmplifyConfirmSignUpComponent } from './amplify-confirm-sign-up/amplify-confirm-sign-up.component';
|
|
4
|
+
export { AmplifyFederatedSignInButtonComponent } from './amplify-federated-sign-in-button/amplify-federated-sign-in-button.component';
|
|
5
|
+
export { AmplifyFederatedSignInComponent } from './amplify-federated-sign-in/amplify-federated-sign-in.component';
|
|
6
|
+
export { AmplifyForceNewPasswordComponent } from './amplify-force-new-password/amplify-force-new-password.component';
|
|
7
|
+
export { AmplifyResetPasswordComponent } from './amplify-reset-password/amplify-reset-password.component';
|
|
8
|
+
export { AmplifySetupTotpComponent } from './amplify-setup-totp/amplify-setup-totp.component';
|
|
9
|
+
export { AmplifySignInComponent } from './amplify-sign-in/amplify-sign-in.component';
|
|
10
|
+
export { AmplifySignUpComponent } from './amplify-sign-up/amplify-sign-up.component';
|
|
11
|
+
export { AmplifyVerifyUserComponent } from './amplify-verify-user/amplify-verify-user.component';
|
|
12
|
+
export { ConfirmResetPasswordComponent } from './confirm-reset-password/amplify-confirm-reset-password.component';
|
|
13
|
+
export { ConfirmVerifyUserComponent } from './confirm-verify-user/amplify-confirm-verify-user.component';
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUN4RyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUM1RyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQztBQUM1RyxPQUFPLEVBQUUscUNBQXFDLEVBQUUsTUFBTSwrRUFBK0UsQ0FBQztBQUN0SSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQztBQUNsSCxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQztBQUNySCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUMxRyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUM5RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNyRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNyRixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQztBQUNsSCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEFtcGxpZnlBdXRoZW50aWNhdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9hbXBsaWZ5LWF1dGhlbnRpY2F0b3IvYW1wbGlmeS1hdXRoZW50aWNhdG9yLmNvbXBvbmVudCc7XG5leHBvcnQgeyBBbXBsaWZ5Q29uZmlybVNpZ25JbkNvbXBvbmVudCB9IGZyb20gJy4vYW1wbGlmeS1jb25maXJtLXNpZ24taW4vYW1wbGlmeS1jb25maXJtLXNpZ24taW4uY29tcG9uZW50JztcbmV4cG9ydCB7IEFtcGxpZnlDb25maXJtU2lnblVwQ29tcG9uZW50IH0gZnJvbSAnLi9hbXBsaWZ5LWNvbmZpcm0tc2lnbi11cC9hbXBsaWZ5LWNvbmZpcm0tc2lnbi11cC5jb21wb25lbnQnO1xuZXhwb3J0IHsgQW1wbGlmeUZlZGVyYXRlZFNpZ25JbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYW1wbGlmeS1mZWRlcmF0ZWQtc2lnbi1pbi1idXR0b24vYW1wbGlmeS1mZWRlcmF0ZWQtc2lnbi1pbi1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IEFtcGxpZnlGZWRlcmF0ZWRTaWduSW5Db21wb25lbnQgfSBmcm9tICcuL2FtcGxpZnktZmVkZXJhdGVkLXNpZ24taW4vYW1wbGlmeS1mZWRlcmF0ZWQtc2lnbi1pbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgQW1wbGlmeUZvcmNlTmV3UGFzc3dvcmRDb21wb25lbnQgfSBmcm9tICcuL2FtcGxpZnktZm9yY2UtbmV3LXBhc3N3b3JkL2FtcGxpZnktZm9yY2UtbmV3LXBhc3N3b3JkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBBbXBsaWZ5UmVzZXRQYXNzd29yZENvbXBvbmVudCB9IGZyb20gJy4vYW1wbGlmeS1yZXNldC1wYXNzd29yZC9hbXBsaWZ5LXJlc2V0LXBhc3N3b3JkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBBbXBsaWZ5U2V0dXBUb3RwQ29tcG9uZW50IH0gZnJvbSAnLi9hbXBsaWZ5LXNldHVwLXRvdHAvYW1wbGlmeS1zZXR1cC10b3RwLmNvbXBvbmVudCc7XG5leHBvcnQgeyBBbXBsaWZ5U2lnbkluQ29tcG9uZW50IH0gZnJvbSAnLi9hbXBsaWZ5LXNpZ24taW4vYW1wbGlmeS1zaWduLWluLmNvbXBvbmVudCc7XG5leHBvcnQgeyBBbXBsaWZ5U2lnblVwQ29tcG9uZW50IH0gZnJvbSAnLi9hbXBsaWZ5LXNpZ24tdXAvYW1wbGlmeS1zaWduLXVwLmNvbXBvbmVudCc7XG5leHBvcnQgeyBBbXBsaWZ5VmVyaWZ5VXNlckNvbXBvbmVudCB9IGZyb20gJy4vYW1wbGlmeS12ZXJpZnktdXNlci9hbXBsaWZ5LXZlcmlmeS11c2VyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb25maXJtUmVzZXRQYXNzd29yZENvbXBvbmVudCB9IGZyb20gJy4vY29uZmlybS1yZXNldC1wYXNzd29yZC9hbXBsaWZ5LWNvbmZpcm0tcmVzZXQtcGFzc3dvcmQuY29tcG9uZW50JztcbmV4cG9ydCB7IENvbmZpcm1WZXJpZnlVc2VyQ29tcG9uZW50IH0gZnJvbSAnLi9jb25maXJtLXZlcmlmeS11c2VyL2FtcGxpZnktY29uZmlybS12ZXJpZnktdXNlci5jb21wb25lbnQnO1xuIl19
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Directive, Input, TemplateRef } from '@angular/core';
|
|
2
|
+
export class AmplifySlotDirective {
|
|
3
|
+
constructor(template) {
|
|
4
|
+
this.template = template;
|
|
5
|
+
}
|
|
6
|
+
set amplifySlot(component) {
|
|
7
|
+
this.name = component;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
AmplifySlotDirective.decorators = [
|
|
11
|
+
{ type: Directive, args: [{
|
|
12
|
+
selector: '[amplifySlot]',
|
|
13
|
+
},] }
|
|
14
|
+
];
|
|
15
|
+
AmplifySlotDirective.ctorParameters = () => [
|
|
16
|
+
{ type: TemplateRef }
|
|
17
|
+
];
|
|
18
|
+
AmplifySlotDirective.propDecorators = {
|
|
19
|
+
amplifySlot: [{ type: Input }]
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1zbG90LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9kaXJlY3RpdmVzL2FtcGxpZnktc2xvdC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSzlELE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsWUFBbUIsUUFBMEI7UUFBMUIsYUFBUSxHQUFSLFFBQVEsQ0FBa0I7SUFBRyxDQUFDO0lBR2pELElBQWEsV0FBVyxDQUFDLFNBQWlCO1FBQ3hDLElBQUksQ0FBQyxJQUFJLEdBQUcsU0FBUyxDQUFDO0lBQ3hCLENBQUM7OztZQVRGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZUFBZTthQUMxQjs7O1lBSjBCLFdBQVc7OzswQkFTbkMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thbXBsaWZ5U2xvdF0nLFxufSlcbmV4cG9ydCBjbGFzcyBBbXBsaWZ5U2xvdERpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55Pikge31cbiAgcHVibGljIG5hbWU6IHN0cmluZztcblxuICBASW5wdXQoKSBzZXQgYW1wbGlmeVNsb3QoY29tcG9uZW50OiBzdHJpbmcpIHtcbiAgICB0aGlzLm5hbWUgPSBjb21wb25lbnQ7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
|
+
export class AmplifyButtonComponent {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.type = 'button';
|
|
5
|
+
this.fullWidth = false;
|
|
6
|
+
this.size = 'medium';
|
|
7
|
+
this.variation = 'default';
|
|
8
|
+
this.fontWeight = 'normal';
|
|
9
|
+
this.defaultClass = true;
|
|
10
|
+
}
|
|
11
|
+
ngOnInit() {
|
|
12
|
+
this.typeAttr = this.type;
|
|
13
|
+
this.fullWidthAttr = this.fullWidth;
|
|
14
|
+
this.sizeAttr = this.size;
|
|
15
|
+
this.variationAttr = this.variation;
|
|
16
|
+
this.fontWeightAttr = this.fontWeight;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
AmplifyButtonComponent.decorators = [
|
|
20
|
+
{ type: Component, args: [{
|
|
21
|
+
selector: 'button[amplify-button]',
|
|
22
|
+
template: "<ng-content></ng-content>\n"
|
|
23
|
+
},] }
|
|
24
|
+
];
|
|
25
|
+
AmplifyButtonComponent.propDecorators = {
|
|
26
|
+
type: [{ type: Input }],
|
|
27
|
+
fullWidth: [{ type: Input }],
|
|
28
|
+
size: [{ type: Input }],
|
|
29
|
+
variation: [{ type: Input }],
|
|
30
|
+
fontWeight: [{ type: Input }],
|
|
31
|
+
typeAttr: [{ type: HostBinding, args: ['type',] }],
|
|
32
|
+
fullWidthAttr: [{ type: HostBinding, args: ['attr.data-fullwidth',] }],
|
|
33
|
+
sizeAttr: [{ type: HostBinding, args: ['attr.data-size',] }],
|
|
34
|
+
variationAttr: [{ type: HostBinding, args: ['attr.data-variation',] }],
|
|
35
|
+
defaultClass: [{ type: HostBinding, args: ['class.amplify-button',] }],
|
|
36
|
+
fontWeightAttr: [{ type: HostBinding, args: ['style.font-weight',] }]
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktYW5ndWxhci9zcmMvbGliL3ByaW1pdGl2ZXMvYW1wbGlmeS1idXR0b24vYW1wbGlmeS1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQU10RSxNQUFNLE9BQU8sc0JBQXNCO0lBSm5DO1FBS1csU0FBSSxHQUF3QixRQUFRLENBQUM7UUFDckMsY0FBUyxHQUFxQixLQUFLLENBQUM7UUFDcEMsU0FBSSxHQUFpQyxRQUFRLENBQUM7UUFDOUMsY0FBUyxHQUFtQyxTQUFTLENBQUM7UUFDdEQsZUFBVSxHQUFrQyxRQUFRLENBQUM7UUFNekIsaUJBQVksR0FBRyxJQUFJLENBQUM7SUFVM0QsQ0FBQztJQVBDLFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDMUIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDcEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3hDLENBQUM7OztZQXhCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsdUNBQThDO2FBQy9DOzs7bUJBRUUsS0FBSzt3QkFDTCxLQUFLO21CQUNMLEtBQUs7d0JBQ0wsS0FBSzt5QkFDTCxLQUFLO3VCQUVMLFdBQVcsU0FBQyxNQUFNOzRCQUNsQixXQUFXLFNBQUMscUJBQXFCO3VCQUNqQyxXQUFXLFNBQUMsZ0JBQWdCOzRCQUM1QixXQUFXLFNBQUMscUJBQXFCOzJCQUNqQyxXQUFXLFNBQUMsc0JBQXNCOzZCQUNsQyxXQUFXLFNBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdidXR0b25bYW1wbGlmeS1idXR0b25dJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FtcGxpZnktYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQW1wbGlmeUJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHR5cGU6ICdzdWJtaXQnIHwgJ2J1dHRvbicgPSAnYnV0dG9uJztcbiAgQElucHV0KCkgZnVsbFdpZHRoOiBib29sZWFuIHwgc3RyaW5nID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgdmFyaWF0aW9uOiAncHJpbWFyeScgfCAnZGVmYXVsdCcgfCAnbGluaycgPSAnZGVmYXVsdCc7XG4gIEBJbnB1dCgpIGZvbnRXZWlnaHQ6ICdub3JtYWwnIHwgJ2JvbGQnIHwgJ2xpZ2h0ZXInID0gJ25vcm1hbCc7XG5cbiAgQEhvc3RCaW5kaW5nKCd0eXBlJykgdHlwZUF0dHI6IHN0cmluZztcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtZnVsbHdpZHRoJykgZnVsbFdpZHRoQXR0cjogYm9vbGVhbiB8IHN0cmluZztcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2l6ZScpIHNpemVBdHRyOiBzdHJpbmc7XG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXZhcmlhdGlvbicpIHZhcmlhdGlvbkF0dHI6IHN0cmluZztcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hbXBsaWZ5LWJ1dHRvbicpIGRlZmF1bHRDbGFzcyA9IHRydWU7XG4gIEBIb3N0QmluZGluZygnc3R5bGUuZm9udC13ZWlnaHQnKSBmb250V2VpZ2h0QXR0cjogc3RyaW5nO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudHlwZUF0dHIgPSB0aGlzLnR5cGU7XG4gICAgdGhpcy5mdWxsV2lkdGhBdHRyID0gdGhpcy5mdWxsV2lkdGg7XG4gICAgdGhpcy5zaXplQXR0ciA9IHRoaXMuc2l6ZTtcbiAgICB0aGlzLnZhcmlhdGlvbkF0dHIgPSB0aGlzLnZhcmlhdGlvbjtcbiAgICB0aGlzLmZvbnRXZWlnaHRBdHRyID0gdGhpcy5mb250V2VpZ2h0O1xuICB9XG59XG4iXX0=
|
|
@@ -4,7 +4,7 @@ export class AmplifyErrorComponent {
|
|
|
4
4
|
AmplifyErrorComponent.decorators = [
|
|
5
5
|
{ type: Component, args: [{
|
|
6
6
|
selector: 'amplify-error',
|
|
7
|
-
template: "<span data-
|
|
7
|
+
template: "<span data-ui-error>\n <ng-content></ng-content>\n</span>\n"
|
|
8
8
|
},] }
|
|
9
9
|
];
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1lcnJvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvcHJpbWl0aXZlcy9hbXBsaWZ5LWVycm9yL2FtcGxpZnktZXJyb3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNMUMsTUFBTSxPQUFPLHFCQUFxQjs7O1lBSmpDLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZUFBZTtnQkFDekIsd0VBQTZDO2FBQzlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FtcGxpZnktZXJyb3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYW1wbGlmeS1lcnJvci5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEFtcGxpZnlFcnJvckNvbXBvbmVudCB7fVxuIl19
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { getActorContext, translate, countryDialCodes, } from '@aws-amplify/ui';
|
|
3
|
+
import { nanoid } from 'nanoid';
|
|
4
|
+
import { getAttributeMap } from '../../common';
|
|
5
|
+
import { StateMachineService } from '../../services/state-machine.service';
|
|
6
|
+
/**
|
|
7
|
+
* Input interface opinionated for authenticator usage.
|
|
8
|
+
*
|
|
9
|
+
* TODO: Separate this component out to two parts -- 1) amplify-auth-input that
|
|
10
|
+
* contains authenticator opinionated logic and 2) amplify-text-field primitive
|
|
11
|
+
* that does not make any auth-related inference.
|
|
12
|
+
*/
|
|
13
|
+
export class AmplifyFormFieldComponent {
|
|
14
|
+
constructor(stateMachine) {
|
|
15
|
+
this.stateMachine = stateMachine;
|
|
16
|
+
this.required = true;
|
|
17
|
+
this.placeholder = '';
|
|
18
|
+
this.label = '';
|
|
19
|
+
this.initialValue = '';
|
|
20
|
+
this.disabled = false;
|
|
21
|
+
this.autocomplete = '';
|
|
22
|
+
this.countryDialCodes = countryDialCodes;
|
|
23
|
+
}
|
|
24
|
+
ngOnInit() {
|
|
25
|
+
// TODO: field primtiives should have generate these by default.
|
|
26
|
+
this.textFieldId = `amplify-field-${nanoid(12)}`;
|
|
27
|
+
this.selectFieldId = `amplify-field-${nanoid(12)}`;
|
|
28
|
+
// TODO: consider better default handling mechanisms across frameworks
|
|
29
|
+
if (this.isPhoneField()) {
|
|
30
|
+
const state = this.stateMachine.authState;
|
|
31
|
+
const { country_code } = getActorContext(state);
|
|
32
|
+
this.defaultCountryCode = country_code;
|
|
33
|
+
// TODO: remove this side-effect
|
|
34
|
+
this.stateMachine.send({
|
|
35
|
+
type: 'CHANGE',
|
|
36
|
+
data: { name: 'country_code', value: country_code },
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
get attributeMap() {
|
|
41
|
+
return getAttributeMap();
|
|
42
|
+
}
|
|
43
|
+
get error() {
|
|
44
|
+
const formContext = getActorContext(this.stateMachine.authState);
|
|
45
|
+
const { validationError } = formContext;
|
|
46
|
+
return validationError[this.name];
|
|
47
|
+
}
|
|
48
|
+
inferLabel() {
|
|
49
|
+
var _a;
|
|
50
|
+
const label = this.label || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.label);
|
|
51
|
+
return translate(label);
|
|
52
|
+
}
|
|
53
|
+
inferPlaceholder() {
|
|
54
|
+
var _a;
|
|
55
|
+
const placeholder = this.placeholder || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.placeholder) ||
|
|
56
|
+
this.inferLabel();
|
|
57
|
+
return translate(placeholder);
|
|
58
|
+
}
|
|
59
|
+
// infers what the `type` of underlying input element should be.
|
|
60
|
+
inferType() {
|
|
61
|
+
var _a, _b, _c;
|
|
62
|
+
return (_c = (_a = this.type) !== null && _a !== void 0 ? _a : (_b = this.attributeMap[this.name]) === null || _b === void 0 ? void 0 : _b.type) !== null && _c !== void 0 ? _c : 'text';
|
|
63
|
+
}
|
|
64
|
+
// TODO(enhancement): use enum to differentiate special field types
|
|
65
|
+
isPasswordField() {
|
|
66
|
+
return this.inferType() === 'password';
|
|
67
|
+
}
|
|
68
|
+
isPhoneField() {
|
|
69
|
+
return this.inferType() === 'tel';
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
AmplifyFormFieldComponent.decorators = [
|
|
73
|
+
{ type: Component, args: [{
|
|
74
|
+
selector: 'amplify-form-field',
|
|
75
|
+
template: "<div class=\"amplify-flex\" style=\"flex-direction: column; gap: 0\">\n <!-- Country code field -->\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"
|
|
76
|
+
},] }
|
|
77
|
+
];
|
|
78
|
+
AmplifyFormFieldComponent.ctorParameters = () => [
|
|
79
|
+
{ type: StateMachineService }
|
|
80
|
+
];
|
|
81
|
+
AmplifyFormFieldComponent.propDecorators = {
|
|
82
|
+
name: [{ type: Input }],
|
|
83
|
+
type: [{ type: Input }],
|
|
84
|
+
required: [{ type: Input }],
|
|
85
|
+
placeholder: [{ type: Input }],
|
|
86
|
+
label: [{ type: Input }],
|
|
87
|
+
initialValue: [{ type: Input }],
|
|
88
|
+
disabled: [{ type: Input }],
|
|
89
|
+
autocomplete: [{ type: Input }]
|
|
90
|
+
};
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1mb3JtLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9wcmltaXRpdmVzL2FtcGxpZnktZm9ybS1maWVsZC9hbXBsaWZ5LWZvcm0tZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFHTCxlQUFlLEVBQ2YsU0FBUyxFQUNULGdCQUFnQixHQUNqQixNQUFNLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFDaEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUUzRTs7Ozs7O0dBTUc7QUFLSCxNQUFNLE9BQU8seUJBQXlCO0lBZXBDLFlBQW9CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQVg1QyxhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBRXBCLHFCQUFnQixHQUFHLGdCQUFnQixDQUFDO0lBSWEsQ0FBQztJQUV6RCxRQUFRO1FBQ04sZ0VBQWdFO1FBQ2hFLElBQUksQ0FBQyxXQUFXLEdBQUcsaUJBQWlCLE1BQU0sQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO1FBQ2pELElBQUksQ0FBQyxhQUFhLEdBQUcsaUJBQWlCLE1BQU0sQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO1FBRW5ELHNFQUFzRTtRQUN0RSxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsRUFBRTtZQUN2QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQztZQUMxQyxNQUFNLEVBQUUsWUFBWSxFQUFFLEdBQTBCLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN2RSxJQUFJLENBQUMsa0JBQWtCLEdBQUcsWUFBWSxDQUFDO1lBRXZDLGdDQUFnQztZQUNoQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztnQkFDckIsSUFBSSxFQUFFLFFBQVE7Z0JBQ2QsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFO2FBQ3BELENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELElBQUksWUFBWTtRQUNkLE9BQU8sZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE1BQU0sV0FBVyxHQUEwQixlQUFlLENBQ3hELElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUM1QixDQUFDO1FBQ0YsTUFBTSxFQUFFLGVBQWUsRUFBRSxHQUFHLFdBQVcsQ0FBQztRQUN4QyxPQUFPLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELFVBQVU7O1FBQ1IsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssV0FBSSxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsMENBQUUsS0FBSyxDQUFBLENBQUM7UUFDaEUsT0FBTyxTQUFTLENBQVMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELGdCQUFnQjs7UUFDZCxNQUFNLFdBQVcsR0FDZixJQUFJLENBQUMsV0FBVyxXQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsMENBQUUsV0FBVyxDQUFBO1lBQ3pDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNwQixPQUFPLFNBQVMsQ0FBUyxXQUFXLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsZ0VBQWdFO0lBQ2hFLFNBQVM7O1FBQ1AsbUJBQU8sSUFBSSxDQUFDLElBQUkseUNBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLDBDQUFFLElBQUksbUNBQUksTUFBTSxDQUFDO0lBQ25FLENBQUM7SUFFRCxtRUFBbUU7SUFDbkUsZUFBZTtRQUNiLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLFVBQVUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsWUFBWTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLEtBQUssQ0FBQztJQUNwQyxDQUFDOzs7WUE3RUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLG0yQ0FBa0Q7YUFDbkQ7OztZQVpRLG1CQUFtQjs7O21CQWN6QixLQUFLO21CQUVMLEtBQUs7dUJBQ0wsS0FBSzswQkFDTCxLQUFLO29CQUNMLEtBQUs7MkJBQ0wsS0FBSzt1QkFDTCxLQUFLOzJCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFjdG9yQ29udGV4dFdpdGhGb3JtcyxcbiAgQXV0aElucHV0QXR0cmlidXRlcyxcbiAgZ2V0QWN0b3JDb250ZXh0LFxuICB0cmFuc2xhdGUsXG4gIGNvdW50cnlEaWFsQ29kZXMsXG59IGZyb20gJ0Bhd3MtYW1wbGlmeS91aSc7XG5pbXBvcnQgeyBuYW5vaWQgfSBmcm9tICduYW5vaWQnO1xuaW1wb3J0IHsgZ2V0QXR0cmlidXRlTWFwIH0gZnJvbSAnLi4vLi4vY29tbW9uJztcbmltcG9ydCB7IFN0YXRlTWFjaGluZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zdGF0ZS1tYWNoaW5lLnNlcnZpY2UnO1xuXG4vKipcbiAqIElucHV0IGludGVyZmFjZSBvcGluaW9uYXRlZCBmb3IgYXV0aGVudGljYXRvciB1c2FnZS5cbiAqXG4gKiBUT0RPOiBTZXBhcmF0ZSB0aGlzIGNvbXBvbmVudCBvdXQgdG8gdHdvIHBhcnRzIC0tIDEpIGFtcGxpZnktYXV0aC1pbnB1dCB0aGF0XG4gKiBjb250YWlucyBhdXRoZW50aWNhdG9yIG9waW5pb25hdGVkIGxvZ2ljIGFuZCAyKSBhbXBsaWZ5LXRleHQtZmllbGQgcHJpbWl0aXZlXG4gKiB0aGF0IGRvZXMgbm90IG1ha2UgYW55IGF1dGgtcmVsYXRlZCBpbmZlcmVuY2UuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FtcGxpZnktZm9ybS1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbXBsaWZ5LWZvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBbXBsaWZ5Rm9ybUZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICAvLyBUT0RPOiBTZXBhcmF0ZSBlbnRyeSBmb3IgaWRcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nO1xuICBASW5wdXQoKSByZXF1aXJlZCA9IHRydWU7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIGluaXRpYWxWYWx1ZSA9ICcnO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBhdXRvY29tcGxldGUgPSAnJztcbiAgcHVibGljIGRlZmF1bHRDb3VudHJ5Q29kZTogc3RyaW5nO1xuICBwdWJsaWMgY291bnRyeURpYWxDb2RlcyA9IGNvdW50cnlEaWFsQ29kZXM7XG4gIHB1YmxpYyB0ZXh0RmllbGRJZDogc3RyaW5nO1xuICBwdWJsaWMgc2VsZWN0RmllbGRJZDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc3RhdGVNYWNoaW5lOiBTdGF0ZU1hY2hpbmVTZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIFRPRE86IGZpZWxkIHByaW10aWl2ZXMgc2hvdWxkIGhhdmUgZ2VuZXJhdGUgdGhlc2UgYnkgZGVmYXVsdC5cbiAgICB0aGlzLnRleHRGaWVsZElkID0gYGFtcGxpZnktZmllbGQtJHtuYW5vaWQoMTIpfWA7XG4gICAgdGhpcy5zZWxlY3RGaWVsZElkID0gYGFtcGxpZnktZmllbGQtJHtuYW5vaWQoMTIpfWA7XG5cbiAgICAvLyBUT0RPOiBjb25zaWRlciBiZXR0ZXIgZGVmYXVsdCBoYW5kbGluZyBtZWNoYW5pc21zIGFjcm9zcyBmcmFtZXdvcmtzXG4gICAgaWYgKHRoaXMuaXNQaG9uZUZpZWxkKCkpIHtcbiAgICAgIGNvbnN0IHN0YXRlID0gdGhpcy5zdGF0ZU1hY2hpbmUuYXV0aFN0YXRlO1xuICAgICAgY29uc3QgeyBjb3VudHJ5X2NvZGUgfTogQWN0b3JDb250ZXh0V2l0aEZvcm1zID0gZ2V0QWN0b3JDb250ZXh0KHN0YXRlKTtcbiAgICAgIHRoaXMuZGVmYXVsdENvdW50cnlDb2RlID0gY291bnRyeV9jb2RlO1xuXG4gICAgICAvLyBUT0RPOiByZW1vdmUgdGhpcyBzaWRlLWVmZmVjdFxuICAgICAgdGhpcy5zdGF0ZU1hY2hpbmUuc2VuZCh7XG4gICAgICAgIHR5cGU6ICdDSEFOR0UnLFxuICAgICAgICBkYXRhOiB7IG5hbWU6ICdjb3VudHJ5X2NvZGUnLCB2YWx1ZTogY291bnRyeV9jb2RlIH0sXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBnZXQgYXR0cmlidXRlTWFwKCk6IEF1dGhJbnB1dEF0dHJpYnV0ZXMge1xuICAgIHJldHVybiBnZXRBdHRyaWJ1dGVNYXAoKTtcbiAgfVxuXG4gIGdldCBlcnJvcigpOiBzdHJpbmcge1xuICAgIGNvbnN0IGZvcm1Db250ZXh0OiBBY3RvckNvbnRleHRXaXRoRm9ybXMgPSBnZXRBY3RvckNvbnRleHQoXG4gICAgICB0aGlzLnN0YXRlTWFjaGluZS5hdXRoU3RhdGVcbiAgICApO1xuICAgIGNvbnN0IHsgdmFsaWRhdGlvbkVycm9yIH0gPSBmb3JtQ29udGV4dDtcbiAgICByZXR1cm4gdmFsaWRhdGlvbkVycm9yW3RoaXMubmFtZV07XG4gIH1cblxuICBpbmZlckxhYmVsKCk6IHN0cmluZyB7XG4gICAgY29uc3QgbGFiZWwgPSB0aGlzLmxhYmVsIHx8IHRoaXMuYXR0cmlidXRlTWFwW3RoaXMubmFtZV0/LmxhYmVsO1xuICAgIHJldHVybiB0cmFuc2xhdGU8c3RyaW5nPihsYWJlbCk7XG4gIH1cblxuICBpbmZlclBsYWNlaG9sZGVyKCk6IHN0cmluZyB7XG4gICAgY29uc3QgcGxhY2Vob2xkZXIgPVxuICAgICAgdGhpcy5wbGFjZWhvbGRlciB8fFxuICAgICAgdGhpcy5hdHRyaWJ1dGVNYXBbdGhpcy5uYW1lXT8ucGxhY2Vob2xkZXIgfHxcbiAgICAgIHRoaXMuaW5mZXJMYWJlbCgpO1xuICAgIHJldHVybiB0cmFuc2xhdGU8c3RyaW5nPihwbGFjZWhvbGRlcik7XG4gIH1cblxuICAvLyBpbmZlcnMgd2hhdCB0aGUgYHR5cGVgIG9mIHVuZGVybHlpbmcgaW5wdXQgZWxlbWVudCBzaG91bGQgYmUuXG4gIGluZmVyVHlwZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnR5cGUgPz8gdGhpcy5hdHRyaWJ1dGVNYXBbdGhpcy5uYW1lXT8udHlwZSA/PyAndGV4dCc7XG4gIH1cblxuICAvLyBUT0RPKGVuaGFuY2VtZW50KTogdXNlIGVudW0gdG8gZGlmZmVyZW50aWF0ZSBzcGVjaWFsIGZpZWxkIHR5cGVzXG4gIGlzUGFzc3dvcmRGaWVsZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pbmZlclR5cGUoKSA9PT0gJ3Bhc3N3b3JkJztcbiAgfVxuXG4gIGlzUGhvbmVGaWVsZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pbmZlclR5cGUoKSA9PT0gJ3RlbCc7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { translate } from '@aws-amplify/ui';
|
|
3
|
+
export class AmplifyPasswordFieldComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.autocomplete = 'new-password';
|
|
6
|
+
this.disabled = false;
|
|
7
|
+
this.initialValue = '';
|
|
8
|
+
this.label = '';
|
|
9
|
+
this.placeholder = '';
|
|
10
|
+
this.required = true;
|
|
11
|
+
this.type = 'password';
|
|
12
|
+
this.showPassword = false;
|
|
13
|
+
this.showPasswordButtonlabel = translate('Show password');
|
|
14
|
+
}
|
|
15
|
+
togglePasswordText() {
|
|
16
|
+
this.showPassword = !this.showPassword;
|
|
17
|
+
this.showPasswordButtonlabel = this.showPassword
|
|
18
|
+
? translate('Show password')
|
|
19
|
+
: translate('Hide password');
|
|
20
|
+
this.type = this.showPassword ? 'text' : 'password';
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
AmplifyPasswordFieldComponent.decorators = [
|
|
24
|
+
{ type: Component, args: [{
|
|
25
|
+
selector: 'amplify-password-field',
|
|
26
|
+
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"
|
|
27
|
+
},] }
|
|
28
|
+
];
|
|
29
|
+
AmplifyPasswordFieldComponent.propDecorators = {
|
|
30
|
+
autocomplete: [{ type: Input }],
|
|
31
|
+
disabled: [{ type: Input }],
|
|
32
|
+
id: [{ type: Input }],
|
|
33
|
+
initialValue: [{ type: Input }],
|
|
34
|
+
label: [{ type: Input }],
|
|
35
|
+
name: [{ type: Input }],
|
|
36
|
+
placeholder: [{ type: Input }],
|
|
37
|
+
required: [{ type: Input }]
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1wYXNzd29yZC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvcHJpbWl0aXZlcy9hbXBsaWZ5LXBhc3N3b3JkLWZpZWxkL2FtcGxpZnktcGFzc3dvcmQtZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQU01QyxNQUFNLE9BQU8sNkJBQTZCO0lBSjFDO1FBS1csaUJBQVksR0FBRyxjQUFjLENBQUM7UUFDOUIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsYUFBUSxHQUFHLElBQUksQ0FBQztRQUNsQixTQUFJLEdBQXdCLFVBQVUsQ0FBQztRQUV2QyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQiw0QkFBdUIsR0FBRyxTQUFTLENBQUMsZUFBZSxDQUFDLENBQUM7SUFTOUQsQ0FBQztJQVBDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztRQUN2QyxJQUFJLENBQUMsdUJBQXVCLEdBQUcsSUFBSSxDQUFDLFlBQVk7WUFDOUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUM7WUFDNUIsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDO0lBQ3RELENBQUM7OztZQXhCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsdWpFQUFzRDthQUN2RDs7OzJCQUVFLEtBQUs7dUJBQ0wsS0FBSztpQkFDTCxLQUFLOzJCQUNMLEtBQUs7b0JBQ0wsS0FBSzttQkFDTCxLQUFLOzBCQUNMLEtBQUs7dUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRyYW5zbGF0ZSB9IGZyb20gJ0Bhd3MtYW1wbGlmeS91aSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FtcGxpZnktcGFzc3dvcmQtZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYW1wbGlmeS1wYXNzd29yZC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEFtcGxpZnlQYXNzd29yZEZpZWxkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgYXV0b2NvbXBsZXRlID0gJ25ldy1wYXNzd29yZCc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGluaXRpYWxWYWx1ZSA9ICcnO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIHJlcXVpcmVkID0gdHJ1ZTtcbiAgcHVibGljIHR5cGU6ICd0ZXh0JyB8ICdwYXNzd29yZCcgPSAncGFzc3dvcmQnO1xuXG4gIHB1YmxpYyBzaG93UGFzc3dvcmQgPSBmYWxzZTtcbiAgcHVibGljIHNob3dQYXNzd29yZEJ1dHRvbmxhYmVsID0gdHJhbnNsYXRlKCdTaG93IHBhc3N3b3JkJyk7XG5cbiAgdG9nZ2xlUGFzc3dvcmRUZXh0KCkge1xuICAgIHRoaXMuc2hvd1Bhc3N3b3JkID0gIXRoaXMuc2hvd1Bhc3N3b3JkO1xuICAgIHRoaXMuc2hvd1Bhc3N3b3JkQnV0dG9ubGFiZWwgPSB0aGlzLnNob3dQYXNzd29yZFxuICAgICAgPyB0cmFuc2xhdGUoJ1Nob3cgcGFzc3dvcmQnKVxuICAgICAgOiB0cmFuc2xhdGUoJ0hpZGUgcGFzc3dvcmQnKTtcbiAgICB0aGlzLnR5cGUgPSB0aGlzLnNob3dQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
export class AmplifySelectComponent {
|
|
3
|
+
}
|
|
4
|
+
AmplifySelectComponent.decorators = [
|
|
5
|
+
{ type: Component, args: [{
|
|
6
|
+
selector: 'amplify-form-select',
|
|
7
|
+
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"
|
|
8
|
+
},] }
|
|
9
|
+
];
|
|
10
|
+
AmplifySelectComponent.propDecorators = {
|
|
11
|
+
items: [{ type: Input }],
|
|
12
|
+
name: [{ type: Input }],
|
|
13
|
+
label: [{ type: Input }],
|
|
14
|
+
id: [{ type: Input }],
|
|
15
|
+
defaultValue: [{ type: Input }]
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktYW5ndWxhci9zcmMvbGliL3ByaW1pdGl2ZXMvYW1wbGlmeS1zZWxlY3QvYW1wbGlmeS1zZWxlY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTWpELE1BQU0sT0FBTyxzQkFBc0I7OztZQUpsQyxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsdzFCQUE4QzthQUMvQzs7O29CQUVFLEtBQUs7bUJBQ0wsS0FBSztvQkFDTCxLQUFLO2lCQUNMLEtBQUs7MkJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1wbGlmeS1mb3JtLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbXBsaWZ5LXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEFtcGxpZnlTZWxlY3RDb21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtczogc3RyaW5nW107XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcbiAgQElucHV0KCkgZGVmYXVsdFZhbHVlOiBzdHJpbmc7XG59XG4iXX0=
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
export class AmplifyTextFieldComponent {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.autocomplete = 'new-password';
|
|
5
|
+
this.disabled = false;
|
|
6
|
+
this.initialValue = '';
|
|
7
|
+
this.label = '';
|
|
8
|
+
this.placeholder = '';
|
|
9
|
+
this.required = true;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
AmplifyTextFieldComponent.decorators = [
|
|
13
|
+
{ type: Component, args: [{
|
|
14
|
+
selector: 'amplify-text-field',
|
|
15
|
+
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"
|
|
16
|
+
},] }
|
|
17
|
+
];
|
|
18
|
+
AmplifyTextFieldComponent.propDecorators = {
|
|
19
|
+
autocomplete: [{ type: Input }],
|
|
20
|
+
disabled: [{ type: Input }],
|
|
21
|
+
id: [{ type: Input }],
|
|
22
|
+
initialValue: [{ type: Input }],
|
|
23
|
+
label: [{ type: Input }],
|
|
24
|
+
name: [{ type: Input }],
|
|
25
|
+
placeholder: [{ type: Input }],
|
|
26
|
+
required: [{ type: Input }],
|
|
27
|
+
type: [{ type: Input }]
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9wcmltaXRpdmVzL2FtcGxpZnktdGV4dC1maWVsZC9hbXBsaWZ5LXRleHQtZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTWpELE1BQU0sT0FBTyx5QkFBeUI7SUFKdEM7UUFLVyxpQkFBWSxHQUFHLGNBQWMsQ0FBQztRQUM5QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFWCxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixhQUFRLEdBQUcsSUFBSSxDQUFDO0lBRTNCLENBQUM7OztZQWRBLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qiw4VkFBa0Q7YUFDbkQ7OzsyQkFFRSxLQUFLO3VCQUNMLEtBQUs7aUJBQ0wsS0FBSzsyQkFDTCxLQUFLO29CQUNMLEtBQUs7bUJBQ0wsS0FBSzswQkFDTCxLQUFLO3VCQUNMLEtBQUs7bUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1wbGlmeS10ZXh0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FtcGxpZnktdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEFtcGxpZnlUZXh0RmllbGRDb21wb25lbnQge1xuICBASW5wdXQoKSBhdXRvY29tcGxldGUgPSAnbmV3LXBhc3N3b3JkJztcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcbiAgQElucHV0KCkgaW5pdGlhbFZhbHVlID0gJyc7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgcmVxdWlyZWQgPSB0cnVlO1xuICBASW5wdXQoKSB0eXBlOiBzdHJpbmc7XG59XG4iXX0=
|
|
@@ -7,19 +7,20 @@ export class AmplifyUserNameAliasComponent {
|
|
|
7
7
|
this.name = 'username';
|
|
8
8
|
this.disabled = false;
|
|
9
9
|
this.initialValue = '';
|
|
10
|
+
this.required = true;
|
|
10
11
|
}
|
|
11
12
|
ngOnInit() {
|
|
12
13
|
const context = this.stateMachine.context;
|
|
13
14
|
const { label, type } = getAliasInfoFromContext(context);
|
|
14
15
|
this.label = label;
|
|
15
16
|
this.type = type;
|
|
16
|
-
this.placeholder =
|
|
17
|
+
this.placeholder = label;
|
|
17
18
|
}
|
|
18
19
|
}
|
|
19
20
|
AmplifyUserNameAliasComponent.decorators = [
|
|
20
21
|
{ type: Component, args: [{
|
|
21
22
|
selector: 'amplify-user-name-alias',
|
|
22
|
-
template: "<amplify-form-
|
|
23
|
+
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"
|
|
23
24
|
},] }
|
|
24
25
|
];
|
|
25
26
|
AmplifyUserNameAliasComponent.ctorParameters = () => [
|
|
@@ -28,6 +29,7 @@ AmplifyUserNameAliasComponent.ctorParameters = () => [
|
|
|
28
29
|
AmplifyUserNameAliasComponent.propDecorators = {
|
|
29
30
|
name: [{ type: Input }],
|
|
30
31
|
disabled: [{ type: Input }],
|
|
31
|
-
initialValue: [{ type: Input }]
|
|
32
|
+
initialValue: [{ type: Input }],
|
|
33
|
+
required: [{ type: Input }]
|
|
32
34
|
};
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktYW5ndWxhci9zcmMvbGliL3ByaW1pdGl2ZXMvYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMvYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBTTFELE1BQU0sT0FBTyw2QkFBNkI7SUFVeEMsWUFBb0IsWUFBaUM7UUFBakMsaUJBQVksR0FBWixZQUFZLENBQXFCO1FBVDVDLFNBQUksR0FBVyxVQUFVLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUMxQixhQUFRLEdBQVksSUFBSSxDQUFDO0lBTXNCLENBQUM7SUFFekQsUUFBUTtRQUNOLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1FBQzFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsdUJBQXVCLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFekQsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQzs7O1lBdkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUseUJBQXlCO2dCQUNuQywyU0FBdUQ7YUFDeEQ7OztZQU5RLG1CQUFtQjs7O21CQVF6QixLQUFLO3VCQUNMLEtBQUs7MkJBQ0wsS0FBSzt1QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGF0ZU1hY2hpbmVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc3RhdGUtbWFjaGluZS5zZXJ2aWNlJztcbmltcG9ydCB7IGdldEFsaWFzSW5mb0Zyb21Db250ZXh0IH0gZnJvbSAnQGF3cy1hbXBsaWZ5L3VpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBbXBsaWZ5VXNlck5hbWVBbGlhc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9ICd1c2VybmFtZSc7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGluaXRpYWxWYWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuID0gdHJ1ZTtcbiAgcHVibGljIGxhYmVsOiBzdHJpbmc7XG4gIHB1YmxpYyB0eXBlOiBzdHJpbmc7XG4gIHB1YmxpYyBlcnJvcjogc3RyaW5nO1xuICBwdWJsaWMgcGxhY2Vob2xkZXI6IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHN0YXRlTWFjaGluZTogU3RhdGVNYWNoaW5lU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb250ZXh0ID0gdGhpcy5zdGF0ZU1hY2hpbmUuY29udGV4dDtcbiAgICBjb25zdCB7IGxhYmVsLCB0eXBlIH0gPSBnZXRBbGlhc0luZm9Gcm9tQ29udGV4dChjb250ZXh0KTtcblxuICAgIHRoaXMubGFiZWwgPSBsYWJlbDtcbiAgICB0aGlzLnR5cGUgPSB0eXBlO1xuICAgIHRoaXMucGxhY2Vob2xkZXIgPSBsYWJlbDtcbiAgfVxufVxuIl19
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './amplify-
|
|
1
|
+
export * from './amplify-form-field/amplify-form-field.component';
|
|
2
2
|
export * from './amplify-error/amplify-error.component';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvcHJpbWl0aXZlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMseUNBQXlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FtcGxpZnktZm9ybS1maWVsZC9hbXBsaWZ5LWZvcm0tZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYW1wbGlmeS1lcnJvci9hbXBsaWZ5LWVycm9yLmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { countryDialCodes } from '@aws-amplify/ui';
|
|
3
|
+
export class PhoneNumberFieldComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.autocomplete = 'new-password';
|
|
6
|
+
this.disabled = false;
|
|
7
|
+
this.initialValue = '';
|
|
8
|
+
this.label = '';
|
|
9
|
+
this.placeholder = '';
|
|
10
|
+
this.required = true;
|
|
11
|
+
this.countryDialCodes = countryDialCodes;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
PhoneNumberFieldComponent.decorators = [
|
|
15
|
+
{ type: Component, args: [{
|
|
16
|
+
selector: 'amplify-phone-number-field',
|
|
17
|
+
template: "<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=\" amplify-flex amplify-field amplify-selectfield amplify-countrycodeselect\"\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=\"sr-only amplify-label\" [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"
|
|
18
|
+
},] }
|
|
19
|
+
];
|
|
20
|
+
PhoneNumberFieldComponent.propDecorators = {
|
|
21
|
+
autocomplete: [{ type: Input }],
|
|
22
|
+
disabled: [{ type: Input }],
|
|
23
|
+
defaultCountryCode: [{ type: Input }],
|
|
24
|
+
selectFieldId: [{ type: Input }],
|
|
25
|
+
textFieldId: [{ type: Input }],
|
|
26
|
+
initialValue: [{ type: Input }],
|
|
27
|
+
label: [{ type: Input }],
|
|
28
|
+
name: [{ type: Input }],
|
|
29
|
+
placeholder: [{ type: Input }],
|
|
30
|
+
required: [{ type: Input }],
|
|
31
|
+
type: [{ type: Input }]
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtbnVtYmVyLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9wcmltaXRpdmVzL3Bob25lLW51bWJlci1maWVsZC9waG9uZS1udW1iZXItZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBTW5ELE1BQU0sT0FBTyx5QkFBeUI7SUFKdEM7UUFLVyxpQkFBWSxHQUFHLGNBQWMsQ0FBQztRQUM5QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBSWpCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFWCxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBRWxCLHFCQUFnQixHQUFHLGdCQUFnQixDQUFDO0lBQzdDLENBQUM7OztZQWpCQSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjtnQkFDdEMsNDhCQUFrRDthQUNuRDs7OzJCQUVFLEtBQUs7dUJBQ0wsS0FBSztpQ0FDTCxLQUFLOzRCQUNMLEtBQUs7MEJBQ0wsS0FBSzsyQkFDTCxLQUFLO29CQUNMLEtBQUs7bUJBQ0wsS0FBSzswQkFDTCxLQUFLO3VCQUNMLEtBQUs7bUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNvdW50cnlEaWFsQ29kZXMgfSBmcm9tICdAYXdzLWFtcGxpZnkvdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhbXBsaWZ5LXBob25lLW51bWJlci1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9waG9uZS1udW1iZXItZmllbGQuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBQaG9uZU51bWJlckZpZWxkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgYXV0b2NvbXBsZXRlID0gJ25ldy1wYXNzd29yZCc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRlZmF1bHRDb3VudHJ5Q29kZTogc3RyaW5nO1xuICBASW5wdXQoKSBzZWxlY3RGaWVsZElkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHRGaWVsZElkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGluaXRpYWxWYWx1ZSA9ICcnO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIHJlcXVpcmVkID0gdHJ1ZTtcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nO1xuICBwdWJsaWMgY291bnRyeURpYWxDb2RlcyA9IGNvdW50cnlEaWFsQ29kZXM7XG59XG4iXX0=
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
export class TabItemComponent {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.active = false;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
TabItemComponent.decorators = [
|
|
8
|
+
{ type: Component, args: [{
|
|
9
|
+
selector: 'amplify-tab-item',
|
|
10
|
+
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"
|
|
11
|
+
},] }
|
|
12
|
+
];
|
|
13
|
+
TabItemComponent.propDecorators = {
|
|
14
|
+
title: [{ type: Input }],
|
|
15
|
+
active: [{ type: Input }],
|
|
16
|
+
id: [{ type: Input }],
|
|
17
|
+
labelledById: [{ type: Input }],
|
|
18
|
+
tabIndex: [{ type: Input }]
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktYW5ndWxhci9zcmMvbGliL3ByaW1pdGl2ZXMvdGFiLWl0ZW0vdGFiLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTWpELE1BQU0sT0FBTyxnQkFBZ0I7SUFKN0I7UUFNVyxXQUFNLEdBQUcsS0FBSyxDQUFDO0lBSTFCLENBQUM7OztZQVZBLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixxUkFBd0M7YUFDekM7OztvQkFFRSxLQUFLO3FCQUNMLEtBQUs7aUJBQ0wsS0FBSzsyQkFDTCxLQUFLO3VCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FtcGxpZnktdGFiLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgYWN0aXZlID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGxhYmVsbGVkQnlJZDogc3RyaW5nO1xuICBASW5wdXQoKSB0YWJJbmRleDogbnVtYmVyO1xufVxuIl19
|