@aws-amplify/ui-angular 2.0.1-next.2 → 2.0.1-next.6

package/theme.css

@@ -1,99 +1,2 @@
-[data-amplify-authenticator] {
-  font-size: 14px;
-  font-family: 'Amazon Ember';
-  display: inline-block;
-}
-
-[data-amplify-header] {
-  margin-top: 0px;
-}
-
-[data-amplify-fieldset] {
-  border-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-[data-amplify-container] {
-  width: 22rem;
-  padding: 3rem;
-  border-style: solid;
-  border-width: 1px;
-  border-color: rgba(0, 0, 0, 0.1);
-  background-color: white;
-}
-
-[data-amplify-form-input] {
-  border-style: solid;
-  display: block;
-  padding: 0.875rem;
-  width: 90%;
-  margin-bottom: 1rem;
-  border-color: rgba(0, 0, 0, 0.1);
-  border-width: 1px;
-  border-radius: 2px;
-}
-
-[data-amplify-form-input]:focus {
-  outline: none;
-  border: 1px solid cornflowerblue;
-}
-
-[data-amplify-label] {
-  display: block;
-  margin-bottom: 0.625rem;
-}
-
-[data-amplify-footer] {
-  margin-top: 2rem;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-}
-
-[data-amplify-button] {
-  background-color: black;
-  padding: 0.875rem 1.5rem 0.875rem 1.5rem;
-  border-style: none;
-  color: white;
-  border-radius: 2px;
-  border-width: 1px;
-  margin: 0.25rem;
-}
-
-[data-amplify-federated] [data-amplify-button] {
-  background-color: white;
-  color: black;
-  border-style: solid;
-  border-radius: 2px;
-  border-color: rgba(0, 0, 0, 0.1);
-  width: 100%;
-}
-
-[data-amplify-button]:disabled {
-  background-color: grey;
-}
-
-[data-amplify-link] {
-  color: cornflowerblue;
-  cursor: pointer;
-}
-
-[data-amplify-link]:hover {
-  text-decoration: underline;
-}
-
-[data-amplify-error] {
-  color: orangered;
-}
-
-[data-amplify-error]:last-child {
-  margin-bottom: 1rem;
-}
-
-[data-amplify-federated] {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 1rem;
-}
+@import '@aws-amplify/ui/dist/styles.css';
+@import './styles/component.css';

package/esm2015/lib/components/amplify-sign-out/amplify-sign-out.component.js

@@ -1,28 +0,0 @@
-import { __awaiter } from "tslib";
-import { Component } from '@angular/core';
-import { StateMachineService } from '../../services/state-machine.service';
-export class AmplifySignOutComponent {
-    constructor(stateMachine) {
-        this.stateMachine = stateMachine;
-    }
-    signOut() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.stateMachine.authService.send('SIGN_OUT');
-            }
-            catch (err) {
-                console.error(err);
-            }
-        });
-    }
-}
-AmplifySignOutComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'amplify-sign-out',
-                template: "<div [ngStyle]=\"{ height: '24rem' }\">\n  <button (click)=\"signOut()\">Sign Out</button>\n</div>\n"
-            },] }
-];
-AmplifySignOutComponent.ctorParameters = () => [
-    { type: StateMachineService }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1zaWduLW91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9hbXBsaWZ5LXNpZ24tb3V0L2FtcGxpZnktc2lnbi1vdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBTTNFLE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsWUFBb0IsWUFBaUM7UUFBakMsaUJBQVksR0FBWixZQUFZLENBQXFCO0lBQUcsQ0FBQztJQUNuRCxPQUFPOztZQUNYLElBQUk7Z0JBQ0YsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO2FBQ2hEO1lBQUMsT0FBTyxHQUFHLEVBQUU7Z0JBQ1osT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUNwQjtRQUNILENBQUM7S0FBQTs7O1lBYkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLGdIQUFnRDthQUVqRDs7O1lBTFEsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdGF0ZU1hY2hpbmVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc3RhdGUtbWFjaGluZS5zZXJ2aWNlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FtcGxpZnktc2lnbi1vdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYW1wbGlmeS1zaWduLW91dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEFtcGxpZnlTaWduT3V0Q29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzdGF0ZU1hY2hpbmU6IFN0YXRlTWFjaGluZVNlcnZpY2UpIHt9XG4gIGFzeW5jIHNpZ25PdXQoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgdHJ5IHtcbiAgICAgIHRoaXMuc3RhdGVNYWNoaW5lLmF1dGhTZXJ2aWNlLnNlbmQoJ1NJR05fT1VUJyk7XG4gICAgfSBjYXRjaCAoZXJyKSB7XG4gICAgICBjb25zb2xlLmVycm9yKGVycik7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2015/lib/directives/amplify-override.directive.js

@@ -1,21 +0,0 @@
-import { Directive, Input, TemplateRef } from '@angular/core';
-export class AmplifyOverrideDirective {
-    constructor(template) {
-        this.template = template;
-    }
-    set amplifyOverride(component) {
-        this.name = component;
-    }
-}
-AmplifyOverrideDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[amplifyOverride]',
-            },] }
-];
-AmplifyOverrideDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-AmplifyOverrideDirective.propDecorators = {
-    amplifyOverride: [{ type: Input }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1vdmVycmlkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvZGlyZWN0aXZlcy9hbXBsaWZ5LW92ZXJyaWRlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFLOUQsTUFBTSxPQUFPLHdCQUF3QjtJQUNuQyxZQUFtQixRQUEwQjtRQUExQixhQUFRLEdBQVIsUUFBUSxDQUFrQjtJQUFHLENBQUM7SUFHakQsSUFBYSxlQUFlLENBQUMsU0FBaUI7UUFDNUMsSUFBSSxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7SUFDeEIsQ0FBQzs7O1lBVEYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7YUFDOUI7OztZQUowQixXQUFXOzs7OEJBU25DLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYW1wbGlmeU92ZXJyaWRlXScsXG59KVxuZXhwb3J0IGNsYXNzIEFtcGxpZnlPdmVycmlkZURpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0ZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55Pikge31cbiAgcHVibGljIG5hbWU6IHN0cmluZztcblxuICBASW5wdXQoKSBzZXQgYW1wbGlmeU92ZXJyaWRlKGNvbXBvbmVudDogc3RyaW5nKSB7XG4gICAgdGhpcy5uYW1lID0gY29tcG9uZW50O1xuICB9XG59XG4iXX0=

package/esm2015/lib/primitives/amplify-input/amplify-input.component.js

@@ -1,61 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { getActorContext, } from '@aws-amplify/ui';
-import { getAttributeMap } from '../../common';
-import { StateMachineService } from '../../services/state-machine.service';
-/**
- * Contains an input element and its label. Intended to be used with
- * Angular Reactive Form
- */
-export class AmplifyInputComponent {
-    constructor(stateMachine) {
-        this.stateMachine = stateMachine;
-        this.required = false;
-        this.placeholder = '';
-        this.label = '';
-        this.initialValue = '';
-        this.disabled = false;
-        this.autocomplete = '';
-    }
-    get attributeMap() {
-        return getAttributeMap();
-    }
-    get error() {
-        const formContext = getActorContext(this.stateMachine.authState);
-        const { validationError } = formContext;
-        return validationError[this.name];
-    }
-    inferLabel() {
-        var _a;
-        return this.label || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.label);
-    }
-    inferPlaceholder() {
-        var _a;
-        return (this.placeholder || ((_a = this.attributeMap[this.name]) === null || _a === void 0 ? void 0 : _a.placeholder) ||
-            this.inferLabel());
-    }
-    // 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';
-    }
-}
-AmplifyInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'amplify-form-input',
-                template: "<label>\n  <div data-amplify-label>{{ inferLabel() }}</div>\n  <input\n    data-amplify-form-input\n    [type]=\"inferType()\"\n    [name]=\"name\"\n    [placeholder]=\"inferPlaceholder()\"\n    [required]=\"required ? true : false\"\n    [value]=\"this.initialValue\"\n    [attr.disabled]=\"disabled ? '' : null\"\n    [autocomplete]=\"autocomplete\"\n  />\n  <amplify-error *ngIf=\"error\">\n    {{ error }}\n  </amplify-error>\n</label>\n"
-            },] }
-];
-AmplifyInputComponent.ctorParameters = () => [
-    { type: StateMachineService }
-];
-AmplifyInputComponent.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW1wbGlmeS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1hbmd1bGFyL3NyYy9saWIvcHJpbWl0aXZlcy9hbXBsaWZ5LWlucHV0L2FtcGxpZnktaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFHTCxlQUFlLEdBQ2hCLE1BQU0saUJBQWlCLENBQUM7QUFDekIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUUzRTs7O0dBR0c7QUFLSCxNQUFNLE9BQU8scUJBQXFCO0lBV2hDLFlBQW9CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQVA1QyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGlCQUFZLEdBQUcsRUFBRSxDQUFDO0lBRTZCLENBQUM7SUFFekQsSUFBSSxZQUFZO1FBQ2QsT0FBTyxlQUFlLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsTUFBTSxXQUFXLEdBQTBCLGVBQWUsQ0FDeEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQzVCLENBQUM7UUFDRixNQUFNLEVBQUUsZUFBZSxFQUFFLEdBQUcsV0FBVyxDQUFDO1FBQ3hDLE9BQU8sZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsVUFBVTs7UUFDUixPQUFPLElBQUksQ0FBQyxLQUFLLFdBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLDBDQUFFLEtBQUssQ0FBQSxDQUFDO0lBQzNELENBQUM7SUFFRCxnQkFBZ0I7O1FBQ2QsT0FBTyxDQUNMLElBQUksQ0FBQyxXQUFXLFdBQ2hCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQywwQ0FBRSxXQUFXLENBQUE7WUFDekMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUNsQixDQUFDO0lBQ0osQ0FBQztJQUVELGdFQUFnRTtJQUNoRSxTQUFTOztRQUNQLG1CQUFPLElBQUksQ0FBQyxJQUFJLHlDQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQywwQ0FBRSxJQUFJLG1DQUFJLE1BQU0sQ0FBQztJQUNuRSxDQUFDOzs7WUE1Q0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLHFjQUE2QzthQUM5Qzs7O1lBVFEsbUJBQW1COzs7bUJBV3pCLEtBQUs7bUJBRUwsS0FBSzt1QkFDTCxLQUFLOzBCQUNMLEtBQUs7b0JBQ0wsS0FBSzsyQkFDTCxLQUFLO3VCQUNMLEtBQUs7MkJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFjdG9yQ29udGV4dFdpdGhGb3JtcyxcbiAgQXV0aElucHV0QXR0cmlidXRlcyxcbiAgZ2V0QWN0b3JDb250ZXh0LFxufSBmcm9tICdAYXdzLWFtcGxpZnkvdWknO1xuaW1wb3J0IHsgZ2V0QXR0cmlidXRlTWFwIH0gZnJvbSAnLi4vLi4vY29tbW9uJztcbmltcG9ydCB7IFN0YXRlTWFjaGluZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zdGF0ZS1tYWNoaW5lLnNlcnZpY2UnO1xuXG4vKipcbiAqIENvbnRhaW5zIGFuIGlucHV0IGVsZW1lbnQgYW5kIGl0cyBsYWJlbC4gSW50ZW5kZWQgdG8gYmUgdXNlZCB3aXRoXG4gKiBBbmd1bGFyIFJlYWN0aXZlIEZvcm1cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYW1wbGlmeS1mb3JtLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FtcGxpZnktaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBBbXBsaWZ5SW5wdXRDb21wb25lbnQge1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmc7XG4gIC8vIFRPRE86IFNlcGFyYXRlIGVudHJ5IGZvciBpZFxuICBASW5wdXQoKSB0eXBlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHJlcXVpcmVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIGluaXRpYWxWYWx1ZSA9ICcnO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBhdXRvY29tcGxldGUgPSAnJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHN0YXRlTWFjaGluZTogU3RhdGVNYWNoaW5lU2VydmljZSkge31cblxuICBnZXQgYXR0cmlidXRlTWFwKCk6IEF1dGhJbnB1dEF0dHJpYnV0ZXMge1xuICAgIHJldHVybiBnZXRBdHRyaWJ1dGVNYXAoKTtcbiAgfVxuXG4gIGdldCBlcnJvcigpOiBzdHJpbmcge1xuICAgIGNvbnN0IGZvcm1Db250ZXh0OiBBY3RvckNvbnRleHRXaXRoRm9ybXMgPSBnZXRBY3RvckNvbnRleHQoXG4gICAgICB0aGlzLnN0YXRlTWFjaGluZS5hdXRoU3RhdGVcbiAgICApO1xuICAgIGNvbnN0IHsgdmFsaWRhdGlvbkVycm9yIH0gPSBmb3JtQ29udGV4dDtcbiAgICByZXR1cm4gdmFsaWRhdGlvbkVycm9yW3RoaXMubmFtZV07XG4gIH1cblxuICBpbmZlckxhYmVsKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMubGFiZWwgfHwgdGhpcy5hdHRyaWJ1dGVNYXBbdGhpcy5uYW1lXT8ubGFiZWw7XG4gIH1cblxuICBpbmZlclBsYWNlaG9sZGVyKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIChcbiAgICAgIHRoaXMucGxhY2Vob2xkZXIgfHxcbiAgICAgIHRoaXMuYXR0cmlidXRlTWFwW3RoaXMubmFtZV0/LnBsYWNlaG9sZGVyIHx8XG4gICAgICB0aGlzLmluZmVyTGFiZWwoKVxuICAgICk7XG4gIH1cblxuICAvLyBpbmZlcnMgd2hhdCB0aGUgYHR5cGVgIG9mIHVuZGVybHlpbmcgaW5wdXQgZWxlbWVudCBzaG91bGQgYmUuXG4gIGluZmVyVHlwZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnR5cGUgPz8gdGhpcy5hdHRyaWJ1dGVNYXBbdGhpcy5uYW1lXT8udHlwZSA/PyAndGV4dCc7XG4gIH1cbn1cbiJdfQ==

package/lib/components/amplify-sign-out/amplify-sign-out.component.d.ts

@@ -1,6 +0,0 @@
-import { StateMachineService } from '../../services/state-machine.service';
-export declare class AmplifySignOutComponent {
-    private stateMachine;
-    constructor(stateMachine: StateMachineService);
-    signOut(): Promise<void>;
-}

package/lib/primitives/amplify-input/amplify-input.component.d.ts

@@ -1,23 +0,0 @@
-import { AuthInputAttributes } from '@aws-amplify/ui';
-import { StateMachineService } from '../../services/state-machine.service';
-/**
- * Contains an input element and its label. Intended to be used with
- * Angular Reactive Form
- */
-export declare class AmplifyInputComponent {
-    private stateMachine;
-    name: string;
-    type: string;
-    required: boolean;
-    placeholder: string;
-    label: string;
-    initialValue: string;
-    disabled: boolean;
-    autocomplete: string;
-    constructor(stateMachine: StateMachineService);
-    get attributeMap(): AuthInputAttributes;
-    get error(): string;
-    inferLabel(): string;
-    inferPlaceholder(): string;
-    inferType(): string;
-}