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

package/esm2015/lib/primitives/amplify-form-field/amplify-form-field.component.js

@@ -1,91 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { getActorContext, translate, countryDialCodes, } from '@aws-amplify/ui';
-import { nanoid } from 'nanoid';
-import { getAttributeMap } from '../../common';
-import { StateMachineService } from '../../services/state-machine.service';
-/**
- * Input interface opinionated for authenticator usage.
- *
- * TODO: Separate this component out to two parts -- 1) amplify-auth-input that
- * contains authenticator opinionated logic and 2) amplify-text-field primitive
- * that does not make any auth-related inference.
- */
-export class AmplifyFormFieldComponent {
-    constructor(stateMachine) {
-        this.stateMachine = stateMachine;
-        this.required = true;
-        this.placeholder = '';
-        this.label = '';
-        this.initialValue = '';
-        this.disabled = false;
-        this.autocomplete = '';
-        this.countryDialCodes = countryDialCodes;
-    }
-    ngOnInit() {
-        // TODO: field primtiives should have generate these by default.
-        this.textFieldId = `amplify-field-${nanoid(12)}`;
-        this.selectFieldId = `amplify-field-${nanoid(12)}`;
-        // TODO: consider better default handling mechanisms across frameworks
-        if (this.isPhoneField()) {
-            const state = this.stateMachine.authState;
-            const { country_code } = getActorContext(state);
-            this.defaultCountryCode = country_code;
-            // TODO: remove this side-effect
-            this.stateMachine.send({
-                type: 'CHANGE',
-                data: { name: 'country_code', value: country_code },
-            });
-        }
-    }
-    get attributeMap() {
-        return getAttributeMap();
-    }
-    get error() {
-        const formContext = getActorContext(this.stateMachine.authState);
-        const { validationError } = formContext;
-        return validationError[this.name];
-    }
-    inferLabel() {
-        var _a;
-        const label = this.label || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.label);
-        return translate(label);
-    }
-    inferPlaceholder() {
-        var _a;
-        const placeholder = this.placeholder || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.placeholder) ||
-            this.inferLabel();
-        return translate(placeholder);
-    }
-    // infers what the `type` of underlying input element should be.
-    inferType() {
-        var _a, _b, _c;
-        return (_c = (_a = this.type) !== null && _a !== void 0 ? _a : (_b = this.attributeMap[this.name]) === null || _b === void 0 ? void 0 : _b.type) !== null && _c !== void 0 ? _c : 'text';
-    }
-    // TODO(enhancement): use enum to differentiate special field types
-    isPasswordField() {
-        return this.inferType() === 'password';
-    }
-    isPhoneField() {
-        return this.inferType() === 'tel';
-    }
-}
-AmplifyFormFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'amplify-form-field',
-                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"
-            },] }
-];
-AmplifyFormFieldComponent.ctorParameters = () => [
-    { type: StateMachineService }
-];
-AmplifyFormFieldComponent.propDecorators = {
-    name: [{ type: Input }],
-    type: [{ type: Input }],
-    required: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    label: [{ type: Input }],
-    initialValue: [{ type: Input }],
-    disabled: [{ type: Input }],
-    autocomplete: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1mb3JtLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9wcmltaXRpdmVzL2FtcGxpZnktZm9ybS1maWVsZC9hbXBsaWZ5LWZvcm0tZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFHTCxlQUFlLEVBQ2YsU0FBUyxFQUNULGdCQUFnQixHQUNqQixNQUFNLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxRQUFRLENBQUM7QUFDaEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUUzRTs7Ozs7O0dBTUc7QUFLSCxNQUFNLE9BQU8seUJBQXlCO0lBZXBDLFlBQW9CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQVg1QyxhQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ2hCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBRXBCLHFCQUFnQixHQUFHLGdCQUFnQixDQUFDO0lBSWEsQ0FBQztJQUV6RCxRQUFRO1FBQ04sZ0VBQWdFO1FBQ2hFLElBQUksQ0FBQyxXQUFXLEdBQUcsaUJBQWlCLE1BQU0sQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO1FBQ2pELElBQUksQ0FBQyxhQUFhLEdBQUcsaUJBQWlCLE1BQU0sQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO1FBRW5ELHNFQUFzRTtRQUN0RSxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsRUFBRTtZQUN2QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQztZQUMxQyxNQUFNLEVBQUUsWUFBWSxFQUFFLEdBQTBCLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN2RSxJQUFJLENBQUMsa0JBQWtCLEdBQUcsWUFBWSxDQUFDO1lBRXZDLGdDQUFnQztZQUNoQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQztnQkFDckIsSUFBSSxFQUFFLFFBQVE7Z0JBQ2QsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFO2FBQ3BELENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVELElBQUksWUFBWTtRQUNkLE9BQU8sZUFBZSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE1BQU0sV0FBVyxHQUEwQixlQUFlLENBQ3hELElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUM1QixDQUFDO1FBQ0YsTUFBTSxFQUFFLGVBQWUsRUFBRSxHQUFHLFdBQVcsQ0FBQztRQUN4QyxPQUFPLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELFVBQVU7O1FBQ1IsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssV0FBSSxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsMENBQUUsS0FBSyxDQUFBLENBQUM7UUFDaEUsT0FBTyxTQUFTLENBQVMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELGdCQUFnQjs7UUFDZCxNQUFNLFdBQVcsR0FDZixJQUFJLENBQUMsV0FBVyxXQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsMENBQUUsV0FBVyxDQUFBO1lBQ3pDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNwQixPQUFPLFNBQVMsQ0FBUyxXQUFXLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsZ0VBQWdFO0lBQ2hFLFNBQVM7O1FBQ1AsbUJBQU8sSUFBSSxDQUFDLElBQUkseUNBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLDBDQUFFLElBQUksbUNBQUksTUFBTSxDQUFDO0lBQ25FLENBQUM7SUFFRCxtRUFBbUU7SUFDbkUsZUFBZTtRQUNiLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLFVBQVUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsWUFBWTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLEtBQUssQ0FBQztJQUNwQyxDQUFDOzs7WUE3RUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLG0yQ0FBa0Q7YUFDbkQ7OztZQVpRLG1CQUFtQjs7O21CQWN6QixLQUFLO21CQUVMLEtBQUs7dUJBQ0wsS0FBSzswQkFDTCxLQUFLO29CQUNMLEtBQUs7MkJBQ0wsS0FBSzt1QkFDTCxLQUFLOzJCQUNMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFjdG9yQ29udGV4dFdpdGhGb3JtcyxcbiAgQXV0aElucHV0QXR0cmlidXRlcyxcbiAgZ2V0QWN0b3JDb250ZXh0LFxuICB0cmFuc2xhdGUsXG4gIGNvdW50cnlEaWFsQ29kZXMsXG59IGZyb20gJ0Bhd3MtYW1wbGlmeS91aSc7XG5pbXBvcnQgeyBuYW5vaWQgfSBmcm9tICduYW5vaWQnO1xuaW1wb3J0IHsgZ2V0QXR0cmlidXRlTWFwIH0gZnJvbSAnLi4vLi4vY29tbW9uJztcbmltcG9ydCB7IFN0YXRlTWFjaGluZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zdGF0ZS1tYWNoaW5lLnNlcnZpY2UnO1xuXG4vKipcbiAqIElucHV0IGludGVyZmFjZSBvcGluaW9uYXRlZCBmb3IgYXV0aGVudGljYXRvciB1c2FnZS5cbiAqXG4gKiBUT0RPOiBTZXBhcmF0ZSB0aGlzIGNvbXBvbmVudCBvdXQgdG8gdHdvIHBhcnRzIC0tIDEpIGFtcGxpZnktYXV0aC1pbnB1dCB0aGF0XG4gKiBjb250YWlucyBhdXRoZW50aWNhdG9yIG9waW5pb25hdGVkIGxvZ2ljIGFuZCAyKSBhbXBsaWZ5LXRleHQtZmllbGQgcHJpbWl0aXZlXG4gKiB0aGF0IGRvZXMgbm90IG1ha2UgYW55IGF1dGgtcmVsYXRlZCBpbmZlcmVuY2UuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FtcGxpZnktZm9ybS1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbXBsaWZ5LWZvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBbXBsaWZ5Rm9ybUZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nO1xuICAvLyBUT0RPOiBTZXBhcmF0ZSBlbnRyeSBmb3IgaWRcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nO1xuICBASW5wdXQoKSByZXF1aXJlZCA9IHRydWU7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIGluaXRpYWxWYWx1ZSA9ICcnO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBhdXRvY29tcGxldGUgPSAnJztcbiAgcHVibGljIGRlZmF1bHRDb3VudHJ5Q29kZTogc3RyaW5nO1xuICBwdWJsaWMgY291bnRyeURpYWxDb2RlcyA9IGNvdW50cnlEaWFsQ29kZXM7XG4gIHB1YmxpYyB0ZXh0RmllbGRJZDogc3RyaW5nO1xuICBwdWJsaWMgc2VsZWN0RmllbGRJZDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc3RhdGVNYWNoaW5lOiBTdGF0ZU1hY2hpbmVTZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8vIFRPRE86IGZpZWxkIHByaW10aWl2ZXMgc2hvdWxkIGhhdmUgZ2VuZXJhdGUgdGhlc2UgYnkgZGVmYXVsdC5cbiAgICB0aGlzLnRleHRGaWVsZElkID0gYGFtcGxpZnktZmllbGQtJHtuYW5vaWQoMTIpfWA7XG4gICAgdGhpcy5zZWxlY3RGaWVsZElkID0gYGFtcGxpZnktZmllbGQtJHtuYW5vaWQoMTIpfWA7XG5cbiAgICAvLyBUT0RPOiBjb25zaWRlciBiZXR0ZXIgZGVmYXVsdCBoYW5kbGluZyBtZWNoYW5pc21zIGFjcm9zcyBmcmFtZXdvcmtzXG4gICAgaWYgKHRoaXMuaXNQaG9uZUZpZWxkKCkpIHtcbiAgICAgIGNvbnN0IHN0YXRlID0gdGhpcy5zdGF0ZU1hY2hpbmUuYXV0aFN0YXRlO1xuICAgICAgY29uc3QgeyBjb3VudHJ5X2NvZGUgfTogQWN0b3JDb250ZXh0V2l0aEZvcm1zID0gZ2V0QWN0b3JDb250ZXh0KHN0YXRlKTtcbiAgICAgIHRoaXMuZGVmYXVsdENvdW50cnlDb2RlID0gY291bnRyeV9jb2RlO1xuXG4gICAgICAvLyBUT0RPOiByZW1vdmUgdGhpcyBzaWRlLWVmZmVjdFxuICAgICAgdGhpcy5zdGF0ZU1hY2hpbmUuc2VuZCh7XG4gICAgICAgIHR5cGU6ICdDSEFOR0UnLFxuICAgICAgICBkYXRhOiB7IG5hbWU6ICdjb3VudHJ5X2NvZGUnLCB2YWx1ZTogY291bnRyeV9jb2RlIH0sXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBnZXQgYXR0cmlidXRlTWFwKCk6IEF1dGhJbnB1dEF0dHJpYnV0ZXMge1xuICAgIHJldHVybiBnZXRBdHRyaWJ1dGVNYXAoKTtcbiAgfVxuXG4gIGdldCBlcnJvcigpOiBzdHJpbmcge1xuICAgIGNvbnN0IGZvcm1Db250ZXh0OiBBY3RvckNvbnRleHRXaXRoRm9ybXMgPSBnZXRBY3RvckNvbnRleHQoXG4gICAgICB0aGlzLnN0YXRlTWFjaGluZS5hdXRoU3RhdGVcbiAgICApO1xuICAgIGNvbnN0IHsgdmFsaWRhdGlvbkVycm9yIH0gPSBmb3JtQ29udGV4dDtcbiAgICByZXR1cm4gdmFsaWRhdGlvbkVycm9yW3RoaXMubmFtZV07XG4gIH1cblxuICBpbmZlckxhYmVsKCk6IHN0cmluZyB7XG4gICAgY29uc3QgbGFiZWwgPSB0aGlzLmxhYmVsIHx8IHRoaXMuYXR0cmlidXRlTWFwW3RoaXMubmFtZV0/LmxhYmVsO1xuICAgIHJldHVybiB0cmFuc2xhdGU8c3RyaW5nPihsYWJlbCk7XG4gIH1cblxuICBpbmZlclBsYWNlaG9sZGVyKCk6IHN0cmluZyB7XG4gICAgY29uc3QgcGxhY2Vob2xkZXIgPVxuICAgICAgdGhpcy5wbGFjZWhvbGRlciB8fFxuICAgICAgdGhpcy5hdHRyaWJ1dGVNYXBbdGhpcy5uYW1lXT8ucGxhY2Vob2xkZXIgfHxcbiAgICAgIHRoaXMuaW5mZXJMYWJlbCgpO1xuICAgIHJldHVybiB0cmFuc2xhdGU8c3RyaW5nPihwbGFjZWhvbGRlcik7XG4gIH1cblxuICAvLyBpbmZlcnMgd2hhdCB0aGUgYHR5cGVgIG9mIHVuZGVybHlpbmcgaW5wdXQgZWxlbWVudCBzaG91bGQgYmUuXG4gIGluZmVyVHlwZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnR5cGUgPz8gdGhpcy5hdHRyaWJ1dGVNYXBbdGhpcy5uYW1lXT8udHlwZSA/PyAndGV4dCc7XG4gIH1cblxuICAvLyBUT0RPKGVuaGFuY2VtZW50KTogdXNlIGVudW0gdG8gZGlmZmVyZW50aWF0ZSBzcGVjaWFsIGZpZWxkIHR5cGVzXG4gIGlzUGFzc3dvcmRGaWVsZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pbmZlclR5cGUoKSA9PT0gJ3Bhc3N3b3JkJztcbiAgfVxuXG4gIGlzUGhvbmVGaWVsZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pbmZlclR5cGUoKSA9PT0gJ3RlbCc7XG4gIH1cbn1cbiJdfQ==

package/esm2015/lib/primitives/amplify-password-field/amplify-password-field.component.js

@@ -1,39 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { translate } from '@aws-amplify/ui';
-export class AmplifyPasswordFieldComponent {
-    constructor() {
-        this.autocomplete = 'new-password';
-        this.disabled = false;
-        this.initialValue = '';
-        this.label = '';
-        this.placeholder = '';
-        this.required = true;
-        this.type = 'password';
-        this.showPassword = false;
-        this.showPasswordButtonlabel = translate('Show password');
-    }
-    togglePasswordText() {
-        this.showPassword = !this.showPassword;
-        this.showPasswordButtonlabel = this.showPassword
-            ? translate('Show password')
-            : translate('Hide password');
-        this.type = this.showPassword ? 'text' : 'password';
-    }
-}
-AmplifyPasswordFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'amplify-password-field',
-                template: "<label class=\"amplify-label sr-only\" [for]=\"id\">\n  {{ label }}\n</label>\n<div class=\"amplify-flex amplify-field-group\">\n  <input\n    class=\"amplify-input amplify-field-group__control\"\n    [id]=\"id\"\n    [type]=\"type\"\n    [name]=\"name\"\n    [placeholder]=\"placeholder\"\n    [required]=\"required\"\n    [value]=\"initialValue\"\n    [attr.disabled]=\"disabled ? '' : null\"\n    [autocomplete]=\"autocomplete\"\n  />\n  <div class=\"amplify-field-group__outer-end\">\n    <button\n      amplify-button\n      [attr.aria-label]=\"showPasswordButtonlabel\"\n      class=\"amplify-field-group__control amplify-field__show-password\"\n      (click)=\"togglePasswordText()\"\n    >\n      <svg\n        *ngIf=\"!showPassword\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        class=\"amplify-icon\"\n      >\n        <path\n          d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z\"\n        ></path>\n      </svg>\n      <svg\n        *ngIf=\"showPassword\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        class=\"amplify-icon\"\n      >\n        <path\n          d=\"M0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0zm0 0h24v24H0z\"\n          fill=\"none\"\n        ></path>\n        <path\n          d=\"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z\"\n        ></path>\n      </svg>\n    </button>\n  </div>\n</div>\n"
-            },] }
-];
-AmplifyPasswordFieldComponent.propDecorators = {
-    autocomplete: [{ type: Input }],
-    disabled: [{ type: Input }],
-    id: [{ type: Input }],
-    initialValue: [{ type: Input }],
-    label: [{ type: Input }],
-    name: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    required: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1wYXNzd29yZC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvcHJpbWl0aXZlcy9hbXBsaWZ5LXBhc3N3b3JkLWZpZWxkL2FtcGxpZnktcGFzc3dvcmQtZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQU01QyxNQUFNLE9BQU8sNkJBQTZCO0lBSjFDO1FBS1csaUJBQVksR0FBRyxjQUFjLENBQUM7UUFDOUIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsYUFBUSxHQUFHLElBQUksQ0FBQztRQUNsQixTQUFJLEdBQXdCLFVBQVUsQ0FBQztRQUV2QyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQiw0QkFBdUIsR0FBRyxTQUFTLENBQUMsZUFBZSxDQUFDLENBQUM7SUFTOUQsQ0FBQztJQVBDLGtCQUFrQjtRQUNoQixJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQztRQUN2QyxJQUFJLENBQUMsdUJBQXVCLEdBQUcsSUFBSSxDQUFDLFlBQVk7WUFDOUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUM7WUFDNUIsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDO0lBQ3RELENBQUM7OztZQXhCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsdWpFQUFzRDthQUN2RDs7OzJCQUVFLEtBQUs7dUJBQ0wsS0FBSztpQkFDTCxLQUFLOzJCQUNMLEtBQUs7b0JBQ0wsS0FBSzttQkFDTCxLQUFLOzBCQUNMLEtBQUs7dUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRyYW5zbGF0ZSB9IGZyb20gJ0Bhd3MtYW1wbGlmeS91aSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FtcGxpZnktcGFzc3dvcmQtZmllbGQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYW1wbGlmeS1wYXNzd29yZC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEFtcGxpZnlQYXNzd29yZEZpZWxkQ29tcG9uZW50IHtcbiAgQElucHV0KCkgYXV0b2NvbXBsZXRlID0gJ25ldy1wYXNzd29yZCc7XG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGluaXRpYWxWYWx1ZSA9ICcnO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIHJlcXVpcmVkID0gdHJ1ZTtcbiAgcHVibGljIHR5cGU6ICd0ZXh0JyB8ICdwYXNzd29yZCcgPSAncGFzc3dvcmQnO1xuXG4gIHB1YmxpYyBzaG93UGFzc3dvcmQgPSBmYWxzZTtcbiAgcHVibGljIHNob3dQYXNzd29yZEJ1dHRvbmxhYmVsID0gdHJhbnNsYXRlKCdTaG93IHBhc3N3b3JkJyk7XG5cbiAgdG9nZ2xlUGFzc3dvcmRUZXh0KCkge1xuICAgIHRoaXMuc2hvd1Bhc3N3b3JkID0gIXRoaXMuc2hvd1Bhc3N3b3JkO1xuICAgIHRoaXMuc2hvd1Bhc3N3b3JkQnV0dG9ubGFiZWwgPSB0aGlzLnNob3dQYXNzd29yZFxuICAgICAgPyB0cmFuc2xhdGUoJ1Nob3cgcGFzc3dvcmQnKVxuICAgICAgOiB0cmFuc2xhdGUoJ0hpZGUgcGFzc3dvcmQnKTtcbiAgICB0aGlzLnR5cGUgPSB0aGlzLnNob3dQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG4gIH1cbn1cbiJdfQ==

package/esm2015/lib/primitives/amplify-text-field/amplify-text-field.component.js

@@ -1,29 +0,0 @@
-import { Component, Input } from '@angular/core';
-export class AmplifyTextFieldComponent {
-    constructor() {
-        this.autocomplete = 'new-password';
-        this.disabled = false;
-        this.initialValue = '';
-        this.label = '';
-        this.placeholder = '';
-        this.required = true;
-    }
-}
-AmplifyTextFieldComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'amplify-text-field',
-                template: "<label class=\"amplify-label sr-only\" [for]=\"id\">\n  {{ label }}\n</label>\n<input\n  class=\"amplify-input\"\n  [id]=\"id\"\n  [type]=\"type\"\n  [name]=\"name\"\n  [placeholder]=\"placeholder\"\n  [required]=\"required\"\n  [value]=\"initialValue\"\n  [attr.disabled]=\"disabled ? '' : null\"\n  [autocomplete]=\"autocomplete\"\n/>\n"
-            },] }
-];
-AmplifyTextFieldComponent.propDecorators = {
-    autocomplete: [{ type: Input }],
-    disabled: [{ type: Input }],
-    id: [{ type: Input }],
-    initialValue: [{ type: Input }],
-    label: [{ type: Input }],
-    name: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    required: [{ type: Input }],
-    type: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS10ZXh0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWFuZ3VsYXIvc3JjL2xpYi9wcmltaXRpdmVzL2FtcGxpZnktdGV4dC1maWVsZC9hbXBsaWZ5LXRleHQtZmllbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTWpELE1BQU0sT0FBTyx5QkFBeUI7SUFKdEM7UUFLVyxpQkFBWSxHQUFHLGNBQWMsQ0FBQztRQUM5QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWpCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFWCxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixhQUFRLEdBQUcsSUFBSSxDQUFDO0lBRTNCLENBQUM7OztZQWRBLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsb0JBQW9CO2dCQUM5Qiw4VkFBa0Q7YUFDbkQ7OzsyQkFFRSxLQUFLO3VCQUNMLEtBQUs7aUJBQ0wsS0FBSzsyQkFDTCxLQUFLO29CQUNMLEtBQUs7bUJBQ0wsS0FBSzswQkFDTCxLQUFLO3VCQUNMLEtBQUs7bUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1wbGlmeS10ZXh0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FtcGxpZnktdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEFtcGxpZnlUZXh0RmllbGRDb21wb25lbnQge1xuICBASW5wdXQoKSBhdXRvY29tcGxldGUgPSAnbmV3LXBhc3N3b3JkJztcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcbiAgQElucHV0KCkgaW5pdGlhbFZhbHVlID0gJyc7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgcmVxdWlyZWQgPSB0cnVlO1xuICBASW5wdXQoKSB0eXBlOiBzdHJpbmc7XG59XG4iXX0=

package/esm2015/lib/primitives/amplify-user-name-alias/amplify-user-name-alias.component.js

@@ -1,35 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { StateMachineService } from '../../services/state-machine.service';
-import { getAliasInfoFromContext } from '@aws-amplify/ui';
-export class AmplifyUserNameAliasComponent {
-    constructor(stateMachine) {
-        this.stateMachine = stateMachine;
-        this.name = 'username';
-        this.disabled = false;
-        this.initialValue = '';
-        this.required = true;
-    }
-    ngOnInit() {
-        const context = this.stateMachine.context;
-        const { label, type } = getAliasInfoFromContext(context);
-        this.label = label;
-        this.type = type;
-        this.placeholder = label;
-    }
-}
-AmplifyUserNameAliasComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'amplify-user-name-alias',
-                template: "<amplify-form-field\n  data-amplify-usernamealias\n  [name]=\"name\"\n  [label]=\"label\"\n  [type]=\"type\"\n  [placeholder]=\"placeholder\"\n  [initialValue]=\"initialValue\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  autocomplete=\"username\"\n>\n</amplify-form-field>\n"
-            },] }
-];
-AmplifyUserNameAliasComponent.ctorParameters = () => [
-    { type: StateMachineService }
-];
-AmplifyUserNameAliasComponent.propDecorators = {
-    name: [{ type: Input }],
-    disabled: [{ type: Input }],
-    initialValue: [{ type: Input }],
-    required: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktYW5ndWxhci9zcmMvbGliL3ByaW1pdGl2ZXMvYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMvYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBTTFELE1BQU0sT0FBTyw2QkFBNkI7SUFVeEMsWUFBb0IsWUFBaUM7UUFBakMsaUJBQVksR0FBWixZQUFZLENBQXFCO1FBVDVDLFNBQUksR0FBVyxVQUFVLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUMxQixhQUFRLEdBQVksSUFBSSxDQUFDO0lBTXNCLENBQUM7SUFFekQsUUFBUTtRQUNOLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1FBQzFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEdBQUcsdUJBQXVCLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFekQsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQzs7O1lBdkJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUseUJBQXlCO2dCQUNuQywyU0FBdUQ7YUFDeEQ7OztZQU5RLG1CQUFtQjs7O21CQVF6QixLQUFLO3VCQUNMLEtBQUs7MkJBQ0wsS0FBSzt1QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGF0ZU1hY2hpbmVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc3RhdGUtbWFjaGluZS5zZXJ2aWNlJztcbmltcG9ydCB7IGdldEFsaWFzSW5mb0Zyb21Db250ZXh0IH0gZnJvbSAnQGF3cy1hbXBsaWZ5L3VpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYW1wbGlmeS11c2VyLW5hbWUtYWxpYXMuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBbXBsaWZ5VXNlck5hbWVBbGlhc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9ICd1c2VybmFtZSc7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGluaXRpYWxWYWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuID0gdHJ1ZTtcbiAgcHVibGljIGxhYmVsOiBzdHJpbmc7XG4gIHB1YmxpYyB0eXBlOiBzdHJpbmc7XG4gIHB1YmxpYyBlcnJvcjogc3RyaW5nO1xuICBwdWJsaWMgcGxhY2Vob2xkZXI6IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHN0YXRlTWFjaGluZTogU3RhdGVNYWNoaW5lU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb250ZXh0ID0gdGhpcy5zdGF0ZU1hY2hpbmUuY29udGV4dDtcbiAgICBjb25zdCB7IGxhYmVsLCB0eXBlIH0gPSBnZXRBbGlhc0luZm9Gcm9tQ29udGV4dChjb250ZXh0KTtcblxuICAgIHRoaXMubGFiZWwgPSBsYWJlbDtcbiAgICB0aGlzLnR5cGUgPSB0eXBlO1xuICAgIHRoaXMucGxhY2Vob2xkZXIgPSBsYWJlbDtcbiAgfVxufVxuIl19