Remove Amplify prefix from @component variables

packages/angular/projects/ui-angular/src/lib/components/authenticator/authenticator.module.ts

@@ -7,73 +7,73 @@ import { BrowserModule } from '@angular/platform-browser';
  *
  * Related: https://github.com/ng-packagr/ng-packagr/issues/567
  */
-import { AmplifyAuthenticatorComponent } from './components/authenticator/authenticator.component';
-import { AmplifyConfirmSignInComponent } from './components/confirm-sign-in/confirm-sign-in.component';
-import { AmplifyConfirmSignUpComponent } from './components/confirm-sign-up/confirm-sign-up.component';
-import { AmplifyFederatedSignInButtonComponent } from './components/federated-sign-in-button/federated-sign-in-button.component';
-import { AmplifyFederatedSignInComponent } from './components/federated-sign-in/federated-sign-in.component';
-import { AmplifyForceNewPasswordComponent } from './components/force-new-password/force-new-password.component';
-import { AmplifyResetPasswordComponent } from './components/reset-password/reset-password.component';
-import { AmplifySetupTotpComponent } from './components/setup-totp/setup-totp.component';
-import { AmplifySignInComponent } from './components/sign-in/sign-in.component';
-import { AmplifySignUpComponent } from './components/sign-up/sign-up.component';
-import { AmplifySignUpFormFieldsComponent } from './components/sign-up/sign-up-form-fields/sign-up-form-fields.component';
-import { AmplifyVerifyUserComponent } from './components/verify-user/verify-user.component';
+import { AuthenticatorComponent } from './components/authenticator/authenticator.component';
 import { ConfirmResetPasswordComponent } from './components/confirm-reset-password/amplify-confirm-reset-password.component';
+import { ConfirmSignInComponent } from './components/confirm-sign-in/confirm-sign-in.component';
+import { ConfirmSignUpComponent } from './components/confirm-sign-up/confirm-sign-up.component';
 import { ConfirmVerifyUserComponent } from './components/confirm-verify-user/amplify-confirm-verify-user.component';
+import { FederatedSignInButtonComponent } from './components/federated-sign-in-button/federated-sign-in-button.component';
+import { FederatedSignInComponent } from './components/federated-sign-in/federated-sign-in.component';
+import { ForceNewPasswordComponent } from './components/force-new-password/force-new-password.component';
+import { ResetPasswordComponent } from './components/reset-password/reset-password.component';
+import { SetupTotpComponent } from './components/setup-totp/setup-totp.component';
+import { SignInComponent } from './components/sign-in/sign-in.component';
+import { SignUpComponent } from './components/sign-up/sign-up.component';
+import { SignUpFormFieldsComponent } from './components/sign-up/sign-up-form-fields/sign-up-form-fields.component';
+import { VerifyUserComponent } from './components/verify-user/verify-user.component';
 
-import { AmplifyFormFieldComponent } from '../../primitives/form-field/form-field.component';
-import { AmplifyErrorComponent } from '../../primitives/error/error.component';
-import { AmplifyButtonComponent } from '../../primitives/button/button.component';
-import { AmplifyPasswordFieldComponent } from '../../primitives/password-field/password-field.component';
-import { AmplifySelectComponent } from '../../primitives/select/select.component';
-import { AmplifyTextFieldComponent } from '../../primitives/text-field/text-field.component';
-import { AmplifyUserNameAliasComponent } from '../../primitives/user-name-alias/user-name-alias.component';
+import { ButtonComponent } from '../../primitives/button/button.component';
+import { CheckboxComponent } from '../../primitives/checkbox/checkbox.component';
+import { ErrorComponent } from '../../primitives/error/error.component';
+import { FormFieldComponent } from '../../primitives/form-field/form-field.component';
+import { PasswordFieldComponent } from '../../primitives/password-field/password-field.component';
 import { PhoneNumberFieldComponent } from '../../primitives/phone-number-field/phone-number-field.component';
+import { SelectComponent } from '../../primitives/select/select.component';
 import { TabItemComponent } from '../../primitives/tab-item/tab-item.component';
 import { TabsComponent } from '../../primitives/tabs/tabs.component';
-import { AmplifyCheckboxComponent } from '../../primitives/checkbox/checkbox.component';
+import { TextFieldComponent } from '../../primitives/text-field/text-field.component';
+import { UserNameAliasComponent } from '../../primitives/user-name-alias/user-name-alias.component';
 
 import { AmplifySlotComponent } from '../../utilities/amplify-slot/amplify-slot.component';
 import { AmplifySlotDirective } from '../../utilities/amplify-slot/amplify-slot.directive';
 
 @NgModule({
   declarations: [
-    AmplifyAuthenticatorComponent,
-    AmplifyButtonComponent,
-    AmplifyCheckboxComponent,
-    AmplifyConfirmSignInComponent,
-    AmplifyConfirmSignUpComponent,
-    AmplifyErrorComponent,
-    AmplifyFederatedSignInButtonComponent,
-    AmplifyFederatedSignInComponent,
-    AmplifyForceNewPasswordComponent,
-    AmplifyFormFieldComponent,
-    AmplifyPasswordFieldComponent,
-    AmplifyResetPasswordComponent,
-    AmplifySelectComponent,
-    AmplifySetupTotpComponent,
-    AmplifySignInComponent,
-    AmplifySignUpComponent,
-    AmplifySignUpFormFieldsComponent,
     AmplifySlotComponent,
     AmplifySlotDirective,
-    AmplifyTextFieldComponent,
-    AmplifyUserNameAliasComponent,
-    AmplifyVerifyUserComponent,
+    AuthenticatorComponent,
+    ButtonComponent,
+    CheckboxComponent,
     ConfirmResetPasswordComponent,
+    ConfirmSignInComponent,
+    ConfirmSignUpComponent,
     ConfirmVerifyUserComponent,
+    ErrorComponent,
+    FederatedSignInButtonComponent,
+    FederatedSignInComponent,
+    ForceNewPasswordComponent,
+    FormFieldComponent,
+    PasswordFieldComponent,
     PhoneNumberFieldComponent,
+    ResetPasswordComponent,
+    SelectComponent,
+    SetupTotpComponent,
+    SignInComponent,
+    SignUpComponent,
+    SignUpFormFieldsComponent,
     TabItemComponent,
     TabsComponent,
+    TextFieldComponent,
+    UserNameAliasComponent,
+    VerifyUserComponent,
   ],
   imports: [CommonModule, BrowserModule],
   exports: [
-    AmplifyAuthenticatorComponent,
-    AmplifyCheckboxComponent,
-    AmplifySignUpFormFieldsComponent,
     AmplifySlotDirective,
-    AmplifyTextFieldComponent,
+    AuthenticatorComponent,
+    CheckboxComponent,
+    SignUpFormFieldsComponent,
+    TextFieldComponent,
   ],
 })
 export class AmplifyAuthenticatorModule {}

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/authenticator/authenticator.component.ts

@@ -19,7 +19,7 @@ import { AuthenticatorService } from '../../../../services/authenticator.service
   providers: [CustomComponentsService], // make sure custom components are scoped to this authenticator only
   encapsulation: ViewEncapsulation.None,
 })
-export class AmplifyAuthenticatorComponent implements OnInit, AfterContentInit {
+export class AuthenticatorComponent implements OnInit, AfterContentInit {
   @Input() initialState: AuthenticatorMachineOptions['initialState'];
   @Input() loginMechanisms: AuthenticatorMachineOptions['loginMechanisms'];
   @Input() services: AuthenticatorMachineOptions['services'];

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-in/confirm-sign-in.component.ts

@@ -14,7 +14,7 @@ const logger = new Logger('ConfirmSignIn');
   selector: 'amplify-confirm-sign-in',
   templateUrl: './confirm-sign-in.component.html',
 })
-export class AmplifyConfirmSignInComponent implements OnInit {
+export class ConfirmSignInComponent implements OnInit {
   @HostBinding('attr.data-amplify-authenticator-confirmsignin') dataAttr = '';
 
   // translated texts

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-up/confirm-sign-up.component.ts

@@ -5,7 +5,7 @@ import { translate } from '@aws-amplify/ui';
   selector: 'amplify-confirm-sign-up',
   templateUrl: './confirm-sign-up.component.html',
 })
-export class AmplifyConfirmSignUpComponent {
+export class ConfirmSignUpComponent {
   @Input() headerText = translate('Confirm Sign Up');
 
   @HostBinding('attr.data-amplify-authenticator-confirmsignup') dataAttr = '';

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/federated-sign-in-button/federated-sign-in-button.component.ts

@@ -6,7 +6,7 @@ import { AuthenticatorService } from '../../../../services/authenticator.service
   selector: 'amplify-federated-sign-in-button',
   templateUrl: './federated-sign-in-button.component.html',
 })
-export class AmplifyFederatedSignInButtonComponent {
+export class FederatedSignInButtonComponent {
   @Input() provider: FederatedIdentityProviders;
   @Input() text: string;
 

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/federated-sign-in/federated-sign-in.component.ts

@@ -7,7 +7,7 @@ import { translate } from '@aws-amplify/ui';
   selector: 'amplify-federated-sign-in',
   templateUrl: './federated-sign-in.component.html',
 })
-export class AmplifyFederatedSignInComponent implements OnInit {
+export class FederatedSignInComponent implements OnInit {
   public FederatedProviders = FederatedIdentityProviders;
   public includeAmazon: boolean = false;
   public includeApple: boolean = false;

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/force-new-password/force-new-password.component.ts

@@ -6,7 +6,7 @@ import { translate } from '@aws-amplify/ui';
   selector: 'amplify-force-new-password',
   templateUrl: './force-new-password.component.html',
 })
-export class AmplifyForceNewPasswordComponent {
+export class ForceNewPasswordComponent {
   @HostBinding('attr.data-amplify-authenticator-forcenewpassword')
   dataAttr = '';
   @Input() public headerText = translate('Change Password');

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/index.ts

@@ -1,14 +1,14 @@
-export { AmplifyAuthenticatorComponent } from './authenticator/authenticator.component';
-export { AmplifyConfirmSignInComponent } from './confirm-sign-in/confirm-sign-in.component';
-export { AmplifyConfirmSignUpComponent } from './confirm-sign-up/confirm-sign-up.component';
-export { AmplifyFederatedSignInButtonComponent } from './federated-sign-in-button/federated-sign-in-button.component';
-export { AmplifyFederatedSignInComponent } from './federated-sign-in/federated-sign-in.component';
-export { AmplifyForceNewPasswordComponent } from './force-new-password/force-new-password.component';
-export { AmplifyResetPasswordComponent } from './reset-password/reset-password.component';
-export { AmplifySetupTotpComponent } from './setup-totp/setup-totp.component';
-export { AmplifySignInComponent } from './sign-in/sign-in.component';
-export { AmplifySignUpComponent } from './sign-up/sign-up.component';
-export { AmplifySignUpFormFieldsComponent } from './sign-up/sign-up-form-fields/sign-up-form-fields.component';
-export { AmplifyVerifyUserComponent } from './verify-user/verify-user.component';
+export { AuthenticatorComponent } from './authenticator/authenticator.component';
+export { ConfirmSignInComponent } from './confirm-sign-in/confirm-sign-in.component';
+export { ConfirmSignUpComponent } from './confirm-sign-up/confirm-sign-up.component';
+export { FederatedSignInButtonComponent } from './federated-sign-in-button/federated-sign-in-button.component';
+export { FederatedSignInComponent } from './federated-sign-in/federated-sign-in.component';
+export { ForceNewPasswordComponent } from './force-new-password/force-new-password.component';
+export { ResetPasswordComponent } from './reset-password/reset-password.component';
+export { SetupTotpComponent } from './setup-totp/setup-totp.component';
+export { SignInComponent } from './sign-in/sign-in.component';
+export { SignUpComponent } from './sign-up/sign-up.component';
+export { SignUpFormFieldsComponent } from './sign-up/sign-up-form-fields/sign-up-form-fields.component';
+export { VerifyUserComponent } from './verify-user/verify-user.component';
 export { ConfirmResetPasswordComponent } from './confirm-reset-password/amplify-confirm-reset-password.component';
 export { ConfirmVerifyUserComponent } from './confirm-verify-user/amplify-confirm-verify-user.component';

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/reset-password/reset-password.component.ts

@@ -6,7 +6,7 @@ import { translate } from '@aws-amplify/ui';
   selector: 'amplify-reset-password',
   templateUrl: './reset-password.component.html',
 })
-export class AmplifyResetPasswordComponent {
+export class ResetPasswordComponent {
   @HostBinding('attr.data-amplify-authenticator-resetPassword') dataAttr = '';
   @Input() public headerText = translate('Reset your password');
 

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/setup-totp/setup-totp.component.ts

@@ -11,7 +11,7 @@ const logger = new Logger('SetupTotp');
   selector: 'amplify-setup-totp',
   templateUrl: './setup-totp.component.html',
 })
-export class AmplifySetupTotpComponent implements OnInit {
+export class SetupTotpComponent implements OnInit {
   @HostBinding('attr.data-amplify-authenticator-setup-totp') dataAttr = '';
   public headerText = translate('Setup TOTP');
   public qrCodeSource = '';

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-in/sign-in.component.ts

@@ -12,7 +12,7 @@ import { translate } from '@aws-amplify/ui';
   templateUrl: './sign-in.component.html',
   encapsulation: ViewEncapsulation.None,
 })
-export class AmplifySignInComponent {
+export class SignInComponent {
   @HostBinding('attr.data-amplify-authenticator-signin') dataAttr = '';
 
   // translated phrases

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-up/sign-up-form-fields/sign-up-form-fields.component.ts

@@ -10,7 +10,7 @@ import {
   selector: 'amplify-sign-up-form-fields',
   templateUrl: './sign-up-form-fields.component.html',
 })
-export class AmplifySignUpFormFieldsComponent implements OnInit {
+export class SignUpFormFieldsComponent implements OnInit {
   public primaryAlias = '';
   public secondaryAliases: string[] = [];
   public fieldNames: Array<LoginMechanism | SignUpAttribute>;

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-up/sign-up.component.ts

@@ -6,7 +6,7 @@ import { translate } from '@aws-amplify/ui';
   selector: 'amplify-sign-up',
   templateUrl: './sign-up.component.html',
 })
-export class AmplifySignUpComponent {
+export class SignUpComponent {
   @HostBinding('attr.data-amplify-authenticator-signup') dataAttr = '';
 
   // translated texts

packages/angular/projects/ui-angular/src/lib/components/authenticator/components/verify-user/verify-user.component.ts

@@ -14,7 +14,7 @@ import { nanoid } from 'nanoid';
   templateUrl: './verify-user.component.html',
   encapsulation: ViewEncapsulation.None,
 })
-export class AmplifyVerifyUserComponent implements OnInit {
+export class VerifyUserComponent implements OnInit {
   @HostBinding('attr.data-amplify-authenticator-verifyuser') dataAttr = '';
   @Input() public headerText = translate(
     'Account recovery requires verified contact information'

packages/angular/projects/ui-angular/src/lib/primitives/button/button.component.ts

@@ -4,7 +4,7 @@ import { Component, HostBinding, Input, OnInit } from '@angular/core';
   selector: 'button[amplify-button]',
   templateUrl: './button.component.html',
 })
-export class AmplifyButtonComponent implements OnInit {
+export class ButtonComponent implements OnInit {
   @Input() type: 'submit' | 'button' = 'button';
   @Input() fullWidth: boolean | string = false;
   @Input() size: 'small' | 'medium' | 'large' = 'medium';

packages/angular/projects/ui-angular/src/lib/primitives/checkbox/checkbox.component.ts

@@ -4,7 +4,7 @@ import { Component, Input, OnInit } from '@angular/core';
   selector: 'amplify-checkbox',
   templateUrl: './checkbox.component.html',
 })
-export class AmplifyCheckboxComponent implements OnInit {
+export class CheckboxComponent implements OnInit {
   @Input() defaultChecked: boolean = false;
   @Input() errorMessage: string;
   @Input() hasError: boolean = false;

packages/angular/projects/ui-angular/src/lib/primitives/error/error.component.ts

@@ -4,7 +4,7 @@ import { Component } from '@angular/core';
   selector: 'amplify-error',
   templateUrl: './error.component.html',
 })
-export class AmplifyErrorComponent {
+export class ErrorComponent {
   public isVisible = true;
 
   public close() {

packages/angular/projects/ui-angular/src/lib/primitives/form-field/form-field.component.ts

@@ -20,7 +20,7 @@ import { AuthenticatorService } from '../../services/authenticator.service';
   selector: 'amplify-form-field',
   templateUrl: './form-field.component.html',
 })
-export class AmplifyFormFieldComponent implements OnInit {
+export class FormFieldComponent implements OnInit {
   @Input() name: string;
   @Input() type: string;
   @Input() required = true;

packages/angular/projects/ui-angular/src/lib/primitives/index.ts

@@ -1,11 +1,11 @@
-export { AmplifyFormFieldComponent } from './form-field/form-field.component';
-export { AmplifyErrorComponent } from './error/error.component';
-export { AmplifyButtonComponent } from './button/button.component';
-export { AmplifyPasswordFieldComponent } from './password-field/password-field.component';
-export { AmplifySelectComponent } from './select/select.component';
-export { AmplifyTextFieldComponent } from './text-field/text-field.component';
-export { AmplifyUserNameAliasComponent } from './user-name-alias/user-name-alias.component';
+export { FormFieldComponent } from './form-field/form-field.component';
+export { ErrorComponent } from './error/error.component';
+export { ButtonComponent } from './button/button.component';
+export { PasswordFieldComponent } from './password-field/password-field.component';
+export { SelectComponent } from './select/select.component';
+export { TextFieldComponent } from './text-field/text-field.component';
+export { UserNameAliasComponent } from './user-name-alias/user-name-alias.component';
 export { PhoneNumberFieldComponent } from './phone-number-field/phone-number-field.component';
 export { TabItemComponent } from './tab-item/tab-item.component';
 export { TabsComponent } from './tabs/tabs.component';
-export { AmplifyCheckboxComponent } from './checkbox/checkbox.component';
+export { CheckboxComponent } from './checkbox/checkbox.component';

packages/angular/projects/ui-angular/src/lib/primitives/password-field/password-field.component.ts

@@ -6,7 +6,7 @@ import { nanoid } from 'nanoid';
   selector: 'amplify-password-field',
   templateUrl: './password-field.component.html',
 })
-export class AmplifyPasswordFieldComponent {
+export class PasswordFieldComponent {
   @Input() autocomplete = 'new-password';
   @Input() disabled = false;
   @Input() fieldId: string = `amplify-field-${nanoid(12)}`;

packages/angular/projects/ui-angular/src/lib/primitives/select/select.component.ts

@@ -4,7 +4,7 @@ import { Component, Input } from '@angular/core';
   selector: 'amplify-form-select',
   templateUrl: './select.component.html',
 })
-export class AmplifySelectComponent {
+export class SelectComponent {
   @Input() items: string[];
   @Input() name: string;
   @Input() label: string;

packages/angular/projects/ui-angular/src/lib/primitives/text-field/text-field.component.ts

@@ -5,7 +5,7 @@ import { nanoid } from 'nanoid';
   selector: 'amplify-text-field',
   templateUrl: './text-field.component.html',
 })
-export class AmplifyTextFieldComponent {
+export class TextFieldComponent {
   @Input() autocomplete = 'new-password';
   @Input() disabled = false;
   @Input() fieldId: string = `amplify-field-${nanoid(12)}`;

packages/angular/projects/ui-angular/src/lib/primitives/user-name-alias/user-name-alias.component.ts

@@ -6,7 +6,7 @@ import { getAliasInfoFromContext } from '@aws-amplify/ui';
   selector: 'amplify-user-name-alias',
   templateUrl: './user-name-alias.component.html',
 })
-export class AmplifyUserNameAliasComponent implements OnInit {
+export class UserNameAliasComponent implements OnInit {
   @Input() name: string = 'username';
   @Input() disabled: boolean = false;
   @Input() initialValue: string = '';