@aws-amplify/ui-angular 3.2.2 → 3.2.4
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/bundles/aws-amplify-ui-angular.umd.js +12 -8
- package/bundles/aws-amplify-ui-angular.umd.js.map +1 -1
- package/esm2015/lib/primitives/password-field/password-field.component.js +9 -5
- package/esm2015/version.js +2 -2
- package/fesm2015/aws-amplify-ui-angular.js +9 -5
- package/fesm2015/aws-amplify-ui-angular.js.map +1 -1
- package/lib/primitives/password-field/password-field.component.d.ts +4 -0
- package/package.json +3 -2
- package/version.d.ts +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import { translate } from '@aws-amplify/ui';
|
|
2
|
+
import { translate, ComponentClassName } from '@aws-amplify/ui';
|
|
3
3
|
import { nanoid } from 'nanoid';
|
|
4
|
+
import classnames from 'classnames';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "../button/button.component";
|
|
6
7
|
import * as i2 from "@angular/common";
|
|
@@ -18,17 +19,20 @@ export class PasswordFieldComponent {
|
|
|
18
19
|
this.type = 'password';
|
|
19
20
|
this.showPassword = false;
|
|
20
21
|
this.showPasswordButtonlabel = translate('Show password');
|
|
22
|
+
// re-export utilities so that template html can use them
|
|
23
|
+
this.classnames = classnames;
|
|
24
|
+
this.ComponentClassName = ComponentClassName;
|
|
21
25
|
}
|
|
22
26
|
togglePasswordText() {
|
|
23
27
|
this.showPassword = !this.showPassword;
|
|
24
28
|
this.showPasswordButtonlabel = this.showPassword
|
|
25
|
-
? translate('
|
|
26
|
-
: translate('
|
|
29
|
+
? translate('Hide password')
|
|
30
|
+
: translate('Show password');
|
|
27
31
|
this.type = this.showPassword ? 'text' : 'password';
|
|
28
32
|
}
|
|
29
33
|
}
|
|
30
34
|
PasswordFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PasswordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
PasswordFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PasswordFieldComponent, selector: "amplify-password-field", inputs: { autocomplete: "autocomplete", disabled: "disabled", fieldId: "fieldId", initialValue: "initialValue", label: "label", name: "name", placeholder: "placeholder", required: "required", labelHidden: "labelHidden", hasError: "hasError", describedBy: "describedBy" }, outputs: { setBlur: "setBlur" }, ngImport: i0, template: "<
|
|
35
|
+
PasswordFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PasswordFieldComponent, selector: "amplify-password-field", inputs: { autocomplete: "autocomplete", disabled: "disabled", fieldId: "fieldId", initialValue: "initialValue", label: "label", name: "name", placeholder: "placeholder", required: "required", labelHidden: "labelHidden", hasError: "hasError", describedBy: "describedBy" }, outputs: { setBlur: "setBlur" }, ngImport: i0, template: "<div\n [class]=\"\n classnames(\n ComponentClassName.Flex,\n ComponentClassName.Field,\n ComponentClassName.TextField,\n ComponentClassName.PasswordField\n )\n \"\n>\n <label\n class=\"amplify-label\"\n [class.amplify-visually-hidden]=\"labelHidden\"\n [for]=\"fieldId\"\n >\n {{ label }}\n </label>\n <div\n [class]=\"classnames(ComponentClassName.Flex, ComponentClassName.FieldGroup)\"\n >\n <div [class]=\"ComponentClassName.FieldGroupFieldWrapper\">\n <input\n [class]=\"\n classnames(\n ComponentClassName.Input,\n ComponentClassName.FieldGroupControl,\n ComponentClassName.FieldShowPassword\n )\n \"\n [id]=\"fieldId\"\n [type]=\"type\"\n [name]=\"name\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n [value]=\"initialValue\"\n [autocomplete]=\"autocomplete\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.aria-invalid]=\"hasError ? 'true' : 'false'\"\n [attr.aria-describedby]=\"describedBy\"\n (blur)=\"setBlur.emit($event)\"\n />\n </div>\n <div [class]=\"ComponentClassName.FieldGroupOuterEnd\">\n <button\n amplify-button\n role=\"switch\"\n (click)=\"togglePasswordText()\"\n [attr.aria-checked]=\"type !== 'password'\"\n [attr.aria-label]=\"showPasswordButtonlabel\"\n [class]=\"\n classnames(\n ComponentClassName.Input,\n ComponentClassName.FieldGroupControl\n )\n \"\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</div>\n", components: [{ type: i1.ButtonComponent, selector: "button[amplify-button]", inputs: ["type", "fullWidth", "isDisabled", "size", "variation", "fontWeight"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
32
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PasswordFieldComponent, decorators: [{
|
|
33
37
|
type: Component,
|
|
34
38
|
args: [{
|
|
@@ -60,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
60
64
|
}], setBlur: [{
|
|
61
65
|
type: Output
|
|
62
66
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktYW5ndWxhci9zcmMvbGliL3ByaW1pdGl2ZXMvcGFzc3dvcmQtZmllbGQvcGFzc3dvcmQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktYW5ndWxhci9zcmMvbGliL3ByaW1pdGl2ZXMvcGFzc3dvcmQtZmllbGQvcGFzc3dvcmQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUNoQyxPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7Ozs7QUFNcEMsTUFBTSxPQUFPLHNCQUFzQjtJQUpuQztRQUtXLGlCQUFZLEdBQUcsY0FBYyxDQUFDO1FBQzlCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsWUFBTyxHQUFXLGlCQUFpQixNQUFNLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUNoRCxpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsYUFBUSxHQUFHLElBQUksQ0FBQztRQUNoQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUduQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUV2QyxTQUFJLEdBQXdCLFVBQVUsQ0FBQztRQUV2QyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQiw0QkFBdUIsR0FBRyxTQUFTLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFNUQseURBQXlEO1FBQ2xELGVBQVUsR0FBRyxVQUFVLENBQUM7UUFDeEIsdUJBQWtCLEdBQUcsa0JBQWtCLENBQUM7S0FTaEQ7SUFQQyxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7UUFDdkMsSUFBSSxDQUFDLHVCQUF1QixHQUFHLElBQUksQ0FBQyxZQUFZO1lBQzlDLENBQUMsQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDO1lBQzVCLENBQUMsQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQztJQUN0RCxDQUFDOztvSEE3QlUsc0JBQXNCO3dHQUF0QixzQkFBc0IsK1dDVG5DLG1nR0FzRkE7NEZEN0VhLHNCQUFzQjtrQkFKbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0JBQXdCO29CQUNsQyxXQUFXLEVBQUUsaUNBQWlDO2lCQUMvQzs4QkFFVSxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0cmFuc2xhdGUsIENvbXBvbmVudENsYXNzTmFtZSB9IGZyb20gJ0Bhd3MtYW1wbGlmeS91aSc7XG5pbXBvcnQgeyBuYW5vaWQgfSBmcm9tICduYW5vaWQnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FtcGxpZnktcGFzc3dvcmQtZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFzc3dvcmQtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBQYXNzd29yZEZpZWxkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgYXV0b2NvbXBsZXRlID0gJ25ldy1wYXNzd29yZCc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGZpZWxkSWQ6IHN0cmluZyA9IGBhbXBsaWZ5LWZpZWxkLSR7bmFub2lkKDEyKX1gO1xuICBASW5wdXQoKSBpbml0aWFsVmFsdWUgPSAnJztcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSByZXF1aXJlZCA9IHRydWU7XG4gIEBJbnB1dCgpIGxhYmVsSGlkZGVuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGhhc0Vycm9yOiBib29sZWFuO1xuICBASW5wdXQoKSBkZXNjcmliZWRCeTogc3RyaW5nO1xuICBAT3V0cHV0KCkgc2V0Qmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgcHVibGljIHR5cGU6ICd0ZXh0JyB8ICdwYXNzd29yZCcgPSAncGFzc3dvcmQnO1xuXG4gIHB1YmxpYyBzaG93UGFzc3dvcmQgPSBmYWxzZTtcbiAgcHVibGljIHNob3dQYXNzd29yZEJ1dHRvbmxhYmVsID0gdHJhbnNsYXRlKCdTaG93IHBhc3N3b3JkJyk7XG5cbiAgLy8gcmUtZXhwb3J0IHV0aWxpdGllcyBzbyB0aGF0IHRlbXBsYXRlIGh0bWwgY2FuIHVzZSB0aGVtXG4gIHB1YmxpYyBjbGFzc25hbWVzID0gY2xhc3NuYW1lcztcbiAgcHVibGljIENvbXBvbmVudENsYXNzTmFtZSA9IENvbXBvbmVudENsYXNzTmFtZTtcblxuICB0b2dnbGVQYXNzd29yZFRleHQoKSB7XG4gICAgdGhpcy5zaG93UGFzc3dvcmQgPSAhdGhpcy5zaG93UGFzc3dvcmQ7XG4gICAgdGhpcy5zaG93UGFzc3dvcmRCdXR0b25sYWJlbCA9IHRoaXMuc2hvd1Bhc3N3b3JkXG4gICAgICA/IHRyYW5zbGF0ZSgnSGlkZSBwYXNzd29yZCcpXG4gICAgICA6IHRyYW5zbGF0ZSgnU2hvdyBwYXNzd29yZCcpO1xuICAgIHRoaXMudHlwZSA9IHRoaXMuc2hvd1Bhc3N3b3JkID8gJ3RleHQnIDogJ3Bhc3N3b3JkJztcbiAgfVxufVxuIiwiPGRpdlxuICBbY2xhc3NdPVwiXG4gICAgY2xhc3NuYW1lcyhcbiAgICAgIENvbXBvbmVudENsYXNzTmFtZS5GbGV4LFxuICAgICAgQ29tcG9uZW50Q2xhc3NOYW1lLkZpZWxkLFxuICAgICAgQ29tcG9uZW50Q2xhc3NOYW1lLlRleHRGaWVsZCxcbiAgICAgIENvbXBvbmVudENsYXNzTmFtZS5QYXNzd29yZEZpZWxkXG4gICAgKVxuICBcIlxuPlxuICA8bGFiZWxcbiAgICBjbGFzcz1cImFtcGxpZnktbGFiZWxcIlxuICAgIFtjbGFzcy5hbXBsaWZ5LXZpc3VhbGx5LWhpZGRlbl09XCJsYWJlbEhpZGRlblwiXG4gICAgW2Zvcl09XCJmaWVsZElkXCJcbiAgPlxuICAgIHt7IGxhYmVsIH19XG4gIDwvbGFiZWw+XG4gIDxkaXZcbiAgICBbY2xhc3NdPVwiY2xhc3NuYW1lcyhDb21wb25lbnRDbGFzc05hbWUuRmxleCwgQ29tcG9uZW50Q2xhc3NOYW1lLkZpZWxkR3JvdXApXCJcbiAgPlxuICAgIDxkaXYgW2NsYXNzXT1cIkNvbXBvbmVudENsYXNzTmFtZS5GaWVsZEdyb3VwRmllbGRXcmFwcGVyXCI+XG4gICAgICA8aW5wdXRcbiAgICAgICAgW2NsYXNzXT1cIlxuICAgICAgICAgIGNsYXNzbmFtZXMoXG4gICAgICAgICAgICBDb21wb25lbnRDbGFzc05hbWUuSW5wdXQsXG4gICAgICAgICAgICBDb21wb25lbnRDbGFzc05hbWUuRmllbGRHcm91cENvbnRyb2wsXG4gICAgICAgICAgICBDb21wb25lbnRDbGFzc05hbWUuRmllbGRTaG93UGFzc3dvcmRcbiAgICAgICAgICApXG4gICAgICAgIFwiXG4gICAgICAgIFtpZF09XCJmaWVsZElkXCJcbiAgICAgICAgW3R5cGVdPVwidHlwZVwiXG4gICAgICAgIFtuYW1lXT1cIm5hbWVcIlxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgICAgICBbdmFsdWVdPVwiaW5pdGlhbFZhbHVlXCJcbiAgICAgICAgW2F1dG9jb21wbGV0ZV09XCJhdXRvY29tcGxldGVcIlxuICAgICAgICBbYXR0ci5kaXNhYmxlZF09XCJkaXNhYmxlZCA/ICcnIDogbnVsbFwiXG4gICAgICAgIFthdHRyLmFyaWEtaW52YWxpZF09XCJoYXNFcnJvciA/ICd0cnVlJyA6ICdmYWxzZSdcIlxuICAgICAgICBbYXR0ci5hcmlhLWRlc2NyaWJlZGJ5XT1cImRlc2NyaWJlZEJ5XCJcbiAgICAgICAgKGJsdXIpPVwic2V0Qmx1ci5lbWl0KCRldmVudClcIlxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IFtjbGFzc109XCJDb21wb25lbnRDbGFzc05hbWUuRmllbGRHcm91cE91dGVyRW5kXCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIGFtcGxpZnktYnV0dG9uXG4gICAgICAgIHJvbGU9XCJzd2l0Y2hcIlxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlUGFzc3dvcmRUZXh0KClcIlxuICAgICAgICBbYXR0ci5hcmlhLWNoZWNrZWRdPVwidHlwZSAhPT0gJ3Bhc3N3b3JkJ1wiXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwic2hvd1Bhc3N3b3JkQnV0dG9ubGFiZWxcIlxuICAgICAgICBbY2xhc3NdPVwiXG4gICAgICAgICAgY2xhc3NuYW1lcyhcbiAgICAgICAgICAgIENvbXBvbmVudENsYXNzTmFtZS5JbnB1dCxcbiAgICAgICAgICAgIENvbXBvbmVudENsYXNzTmFtZS5GaWVsZEdyb3VwQ29udHJvbFxuICAgICAgICAgIClcbiAgICAgICAgXCJcbiAgICAgID5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgICpuZ0lmPVwiIXNob3dQYXNzd29yZFwiXG4gICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgY2xhc3M9XCJhbXBsaWZ5LWljb25cIlxuICAgICAgICA+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGQ9XCJNMTIgNC41QzcgNC41IDIuNzMgNy42MSAxIDEyYzEuNzMgNC4zOSA2IDcuNSAxMSA3LjVzOS4yNy0zLjExIDExLTcuNWMtMS43My00LjM5LTYtNy41LTExLTcuNXpNMTIgMTdjLTIuNzYgMC01LTIuMjQtNS01czIuMjQtNSA1LTUgNSAyLjI0IDUgNS0yLjI0IDUtNSA1em0wLThjLTEuNjYgMC0zIDEuMzQtMyAzczEuMzQgMyAzIDMgMy0xLjM0IDMtMy0xLjM0LTMtMy0zelwiXG4gICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgPC9zdmc+XG4gICAgICAgIDxzdmdcbiAgICAgICAgICAqbmdJZj1cInNob3dQYXNzd29yZFwiXG4gICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgY2xhc3M9XCJhbXBsaWZ5LWljb25cIlxuICAgICAgICA+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGQ9XCJNMCAwaDI0djI0SDB6bTAgMGgyNHYyNEgwem0wIDBoMjR2MjRIMHptMCAwaDI0djI0SDB6XCJcbiAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBkPVwiTTEyIDdjMi43NiAwIDUgMi4yNCA1IDUgMCAuNjUtLjEzIDEuMjYtLjM2IDEuODNsMi45MiAyLjkyYzEuNTEtMS4yNiAyLjctMi44OSAzLjQzLTQuNzUtMS43My00LjM5LTYtNy41LTExLTcuNS0xLjQgMC0yLjc0LjI1LTMuOTguN2wyLjE2IDIuMTZDMTAuNzQgNy4xMyAxMS4zNSA3IDEyIDd6TTIgNC4yN2wyLjI4IDIuMjguNDYuNDZDMy4wOCA4LjMgMS43OCAxMC4wMiAxIDEyYzEuNzMgNC4zOSA2IDcuNSAxMSA3LjUgMS41NSAwIDMuMDMtLjMgNC4zOC0uODRsLjQyLjQyTDE5LjczIDIyIDIxIDIwLjczIDMuMjcgMyAyIDQuMjd6TTcuNTMgOS44bDEuNTUgMS41NWMtLjA1LjIxLS4wOC40My0uMDguNjUgMCAxLjY2IDEuMzQgMyAzIDMgLjIyIDAgLjQ0LS4wMy42NS0uMDhsMS41NSAxLjU1Yy0uNjcuMzMtMS40MS41My0yLjIuNTMtMi43NiAwLTUtMi4yNC01LTUgMC0uNzkuMi0xLjUzLjUzLTIuMnptNC4zMS0uNzhsMy4xNSAzLjE1LjAyLS4xNmMwLTEuNjYtMS4zNC0zLTMtM2wtLjE3LjAxelwiXG4gICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgPC9zdmc+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
package/esm2015/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const VERSION = '3.2.
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export const VERSION = '3.2.4';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzMuMi40JztcbiJdfQ==
|
|
@@ -3,11 +3,12 @@ import { Directive, Input, Injectable, Component, HostBinding, EventEmitter, Con
|
|
|
3
3
|
import * as i6 from '@angular/common';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import { __awaiter } from 'tslib';
|
|
6
|
-
import { createAuthenticatorMachine, getServiceFacade, translate, authenticatorTextUtil, FederatedIdentityProviders, countryDialCodes, getErrors, getSortedFormFields, getFormDataFromEvent, getActorContext, getTotpCodeURL, defaultFormFieldOptions, getActorState, configureComponent, listenToAuthHub, defaultAuthHubHandler } from '@aws-amplify/ui';
|
|
6
|
+
import { createAuthenticatorMachine, getServiceFacade, translate, authenticatorTextUtil, FederatedIdentityProviders, countryDialCodes, ComponentClassName, getErrors, getSortedFormFields, getFormDataFromEvent, getActorContext, getTotpCodeURL, defaultFormFieldOptions, getActorState, configureComponent, listenToAuthHub, defaultAuthHubHandler } from '@aws-amplify/ui';
|
|
7
7
|
export { translations } from '@aws-amplify/ui';
|
|
8
8
|
import { Logger } from '@aws-amplify/core';
|
|
9
9
|
import { interpret } from 'xstate';
|
|
10
10
|
import { nanoid } from 'nanoid';
|
|
11
|
+
import classnames from 'classnames';
|
|
11
12
|
import QRCode from 'qrcode';
|
|
12
13
|
import { Logger as Logger$1, Auth } from 'aws-amplify';
|
|
13
14
|
|
|
@@ -53,7 +54,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
53
54
|
}]
|
|
54
55
|
}] });
|
|
55
56
|
|
|
56
|
-
const VERSION = '3.2.
|
|
57
|
+
const VERSION = '3.2.4';
|
|
57
58
|
|
|
58
59
|
const logger$1 = new Logger('state-machine');
|
|
59
60
|
/**
|
|
@@ -544,17 +545,20 @@ class PasswordFieldComponent {
|
|
|
544
545
|
this.type = 'password';
|
|
545
546
|
this.showPassword = false;
|
|
546
547
|
this.showPasswordButtonlabel = translate('Show password');
|
|
548
|
+
// re-export utilities so that template html can use them
|
|
549
|
+
this.classnames = classnames;
|
|
550
|
+
this.ComponentClassName = ComponentClassName;
|
|
547
551
|
}
|
|
548
552
|
togglePasswordText() {
|
|
549
553
|
this.showPassword = !this.showPassword;
|
|
550
554
|
this.showPasswordButtonlabel = this.showPassword
|
|
551
|
-
? translate('
|
|
552
|
-
: translate('
|
|
555
|
+
? translate('Hide password')
|
|
556
|
+
: translate('Show password');
|
|
553
557
|
this.type = this.showPassword ? 'text' : 'password';
|
|
554
558
|
}
|
|
555
559
|
}
|
|
556
560
|
PasswordFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PasswordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
557
|
-
PasswordFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PasswordFieldComponent, selector: "amplify-password-field", inputs: { autocomplete: "autocomplete", disabled: "disabled", fieldId: "fieldId", initialValue: "initialValue", label: "label", name: "name", placeholder: "placeholder", required: "required", labelHidden: "labelHidden", hasError: "hasError", describedBy: "describedBy" }, outputs: { setBlur: "setBlur" }, ngImport: i0, template: "<
|
|
561
|
+
PasswordFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PasswordFieldComponent, selector: "amplify-password-field", inputs: { autocomplete: "autocomplete", disabled: "disabled", fieldId: "fieldId", initialValue: "initialValue", label: "label", name: "name", placeholder: "placeholder", required: "required", labelHidden: "labelHidden", hasError: "hasError", describedBy: "describedBy" }, outputs: { setBlur: "setBlur" }, ngImport: i0, template: "<div\n [class]=\"\n classnames(\n ComponentClassName.Flex,\n ComponentClassName.Field,\n ComponentClassName.TextField,\n ComponentClassName.PasswordField\n )\n \"\n>\n <label\n class=\"amplify-label\"\n [class.amplify-visually-hidden]=\"labelHidden\"\n [for]=\"fieldId\"\n >\n {{ label }}\n </label>\n <div\n [class]=\"classnames(ComponentClassName.Flex, ComponentClassName.FieldGroup)\"\n >\n <div [class]=\"ComponentClassName.FieldGroupFieldWrapper\">\n <input\n [class]=\"\n classnames(\n ComponentClassName.Input,\n ComponentClassName.FieldGroupControl,\n ComponentClassName.FieldShowPassword\n )\n \"\n [id]=\"fieldId\"\n [type]=\"type\"\n [name]=\"name\"\n [placeholder]=\"placeholder\"\n [required]=\"required\"\n [value]=\"initialValue\"\n [autocomplete]=\"autocomplete\"\n [attr.disabled]=\"disabled ? '' : null\"\n [attr.aria-invalid]=\"hasError ? 'true' : 'false'\"\n [attr.aria-describedby]=\"describedBy\"\n (blur)=\"setBlur.emit($event)\"\n />\n </div>\n <div [class]=\"ComponentClassName.FieldGroupOuterEnd\">\n <button\n amplify-button\n role=\"switch\"\n (click)=\"togglePasswordText()\"\n [attr.aria-checked]=\"type !== 'password'\"\n [attr.aria-label]=\"showPasswordButtonlabel\"\n [class]=\"\n classnames(\n ComponentClassName.Input,\n ComponentClassName.FieldGroupControl\n )\n \"\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</div>\n", components: [{ type: ButtonComponent, selector: "button[amplify-button]", inputs: ["type", "fullWidth", "isDisabled", "size", "variation", "fontWeight"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
558
562
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PasswordFieldComponent, decorators: [{
|
|
559
563
|
type: Component,
|
|
560
564
|
args: [{
|