diff --git a/.changeset/tidy-numbers-shop.md b/.changeset/tidy-numbers-shop.md new file mode 100644 index 00000000000..e720bda9f34 --- /dev/null +++ b/.changeset/tidy-numbers-shop.md @@ -0,0 +1,5 @@ +--- +'@aws-amplify/ui-angular': minor +--- + +feat(angular): update minimal Angular version to v19 diff --git a/.github/dependency-review/config.yml b/.github/dependency-review/config.yml index c04f07697ae..c194f9de1dc 100644 --- a/.github/dependency-review/config.yml +++ b/.github/dependency-review/config.yml @@ -34,3 +34,4 @@ allow-licenses: - 'X11' - 'zlib-acknowledgement' - 'Zlib' + - 'LicenseRef-scancode-unicode' diff --git a/.github/workflows/reusable-build-system-test.yml b/.github/workflows/reusable-build-system-test.yml index 1eb9ae1ff4c..b52bd347520 100644 --- a/.github/workflows/reusable-build-system-test.yml +++ b/.github/workflows/reusable-build-system-test.yml @@ -55,9 +55,9 @@ jobs: pkg-manager: npm node-version: 20 - framework: angular - framework-version: 14 + framework-version: 19 build-tool: angular-cli - build-tool-version: 14 + build-tool-version: 19 pkg-manager: npm node-version: 20 diff --git a/build-system-tests/README.md b/build-system-tests/README.md index 998671f839b..ca1175ec7c0 100644 --- a/build-system-tests/README.md +++ b/build-system-tests/README.md @@ -20,7 +20,7 @@ We currently test for the following versions: | React (Next.js) | 18 | Next CLI | 13 | | React | 18 | Vite | 3 | | Angular | Latest | Angular CLI | Latest | -| Angular | 14 | Angular CLI | 14 | +| Angular | 19 | Angular CLI | 19 | | Vue (Nuxt) | Latest | Nuxt CLI | Latest | | Vue | Latest | Vite | Latest | | Vue | Latest | Vue CLI | Latest | @@ -99,11 +99,3 @@ $ ./mega-app-build.sh --build-tool next --build-tool-version latest --name react $ ./mega-app-build.sh -B next -b latest -l typescript -n react-latest-next-latest-node-18-ts -F react -f latest -P npm $ ./mega-app-build.sh -n react-latest-next-latest-node-18-ts ``` - -### Troubleshooting - -- If see the following error message: - -> “Your global Angular CLI version (14.2.11) is greater than your local version (12.2.18). The local Angular CLI version is used.” - -It might be a @angular/cli@12.2.18 installed in root-folder _node_modules_. Deleting it would resolve the error. diff --git a/build-system-tests/scripts/mega-app-copy-files.sh b/build-system-tests/scripts/mega-app-copy-files.sh index 812e2cf12a8..3ceb5289bfb 100755 --- a/build-system-tests/scripts/mega-app-copy-files.sh +++ b/build-system-tests/scripts/mega-app-copy-files.sh @@ -79,50 +79,29 @@ if [[ "$FRAMEWORK" == 'react' && "$BUILD_TOOL" == 'vite' ]]; then fi if [[ "$FRAMEWORK" == 'angular' ]]; then - if [[ "$FRAMEWORK_VERSION" == "latest" || "$FRAMEWORK_VERSION" -gt 15 ]]; then - USE_STANDALONE="true" - else - USE_STANDALONE="false" - fi - - # Check if Angular 21+ for zone.js and app.config support if [[ "$FRAMEWORK_VERSION" == "latest" || "$FRAMEWORK_VERSION" -ge 21 ]]; then USE_V21_CONFIG="true" else USE_V21_CONFIG="false" fi - if [[ "$USE_STANDALONE" == "true" ]]; then - echo "cp templates/components/angular/app-standalone.component.ts mega-apps/${MEGA_APP_NAME}/src/app/app.component.ts" - cp templates/components/angular/app-standalone.component.ts mega-apps/${MEGA_APP_NAME}/src/app/app.component.ts - - if [[ "$USE_V21_CONFIG" == "true" ]]; then - echo "cp templates/components/angular/main-standalone-v21.ts mega-apps/${MEGA_APP_NAME}/src/main.ts" - cp templates/components/angular/main-standalone-v21.ts mega-apps/${MEGA_APP_NAME}/src/main.ts - - echo "cp templates/components/angular/app.config.ts mega-apps/${MEGA_APP_NAME}/src/app/app.config.ts" - cp templates/components/angular/app.config.ts mega-apps/${MEGA_APP_NAME}/src/app/app.config.ts - else - echo "cp templates/components/angular/main-standalone.ts mega-apps/${MEGA_APP_NAME}/src/main.ts" - cp templates/components/angular/main-standalone.ts mega-apps/${MEGA_APP_NAME}/src/main.ts - fi - - if [ -f "mega-apps/${MEGA_APP_NAME}/src/app/app.module.ts" ]; then - echo "rm mega-apps/${MEGA_APP_NAME}/src/app/app.module.ts" - rm mega-apps/${MEGA_APP_NAME}/src/app/app.module.ts - fi - - else - echo "cp templates/components/angular/app-ngmodule.component.ts mega-apps/${MEGA_APP_NAME}/src/app/app.component.ts" - cp templates/components/angular/app-ngmodule.component.ts mega-apps/${MEGA_APP_NAME}/src/app/app.component.ts - - - echo "cp templates/components/angular/app.module.ts mega-apps/${MEGA_APP_NAME}/src/app/app.module.ts" - cp templates/components/angular/app.module.ts mega-apps/${MEGA_APP_NAME}/src/app/app.module.ts - - - echo "cp templates/components/angular/main-ngmodule.ts mega-apps/${MEGA_APP_NAME}/src/main.ts" - cp templates/components/angular/main-ngmodule.ts mega-apps/${MEGA_APP_NAME}/src/main.ts + echo "cp templates/components/angular/app-standalone.component.ts mega-apps/${MEGA_APP_NAME}/src/app/app.component.ts" + cp templates/components/angular/app-standalone.component.ts mega-apps/${MEGA_APP_NAME}/src/app/app.component.ts + + if [[ "$USE_V21_CONFIG" == "true" ]]; then + echo "cp templates/components/angular/main-standalone-v21.ts mega-apps/${MEGA_APP_NAME}/src/main.ts" + cp templates/components/angular/main-standalone-v21.ts mega-apps/${MEGA_APP_NAME}/src/main.ts + + echo "cp templates/components/angular/app.config.ts mega-apps/${MEGA_APP_NAME}/src/app/app.config.ts" + cp templates/components/angular/app.config.ts mega-apps/${MEGA_APP_NAME}/src/app/app.config.ts + else + echo "cp templates/components/angular/main-standalone.ts mega-apps/${MEGA_APP_NAME}/src/main.ts" + cp templates/components/angular/main-standalone.ts mega-apps/${MEGA_APP_NAME}/src/main.ts + fi + + if [ -f "mega-apps/${MEGA_APP_NAME}/src/app/app.module.ts" ]; then + echo "rm mega-apps/${MEGA_APP_NAME}/src/app/app.module.ts" + rm mega-apps/${MEGA_APP_NAME}/src/app/app.module.ts fi echo "npx json -I -f mega-apps/${MEGA_APP_NAME}/angular.json -e \"this.projects[\\\"$MEGA_APP_NAME\\\"].architect.build.options.styles.push(\\\"node_modules/@aws-amplify/ui-angular/theme.css\\\")\"" npx json -I -f mega-apps/${MEGA_APP_NAME}/angular.json -e "this.projects[\"$MEGA_APP_NAME\"].architect.build.options.styles.push(\"node_modules/@aws-amplify/ui-angular/theme.css\")" @@ -141,22 +120,6 @@ if [[ "$FRAMEWORK" == 'angular' ]]; then echo "npx strip-json-comments mega-apps/${MEGA_APP_NAME}/tsconfig.app.json | npx json -a -e 'this.files.push(\"src/polyfills.ts\")' >tsconfig.app.json.tmp && mv tsconfig.app.json.tmp ./mega-apps/$MEGA_APP_NAME/tsconfig.app.json && rm -f tsconfig.app.json.tmp" npx strip-json-comments mega-apps/${MEGA_APP_NAME}/tsconfig.app.json | npx json -a -e 'this.files = this.files || []; this.files.push("src/polyfills.ts")' >tsconfig.app.json.tmp && mv tsconfig.app.json.tmp ./mega-apps/$MEGA_APP_NAME/tsconfig.app.json && rm -f tsconfig.app.json.tmp fi - # Angular 14 is incompatible with @types/node > 20.11.7, so pin at this version - if [[ "$FRAMEWORK_VERSION" == 14 ]]; then - echo "pin @types/node version in mega-apps/${MEGA_APP_NAME}/package.json" - echo "npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.dependencies["@types/node"] = "20.11.7"'" - npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.dependencies["@types/node"] = "20.11.7"' - - # Add stylus overrides for Angular 14 - echo "Adding stylus overrides for Angular 14" - echo "npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.overrides = this.overrides || {}; this.overrides.stylus = \"github:stylus/stylus#0.59.0\"'" - npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.overrides = this.overrides || {}; this.overrides.stylus = "github:stylus/stylus#0.59.0"' - - echo "npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.resolutions = this.resolutions || {}; this.resolutions.stylus = \"github:stylus/stylus#0.59.0\"'" - npx json -I -f mega-apps/${MEGA_APP_NAME}/package.json -e 'this.resolutions = this.resolutions || {}; this.resolutions.stylus = "github:stylus/stylus#0.59.0"' - - echo "Stylus overrides added for Angular 14" - fi fi if [[ "$FRAMEWORK" == 'vue' ]]; then diff --git a/examples/angular/angular.json b/examples/angular/angular.json index dbfa57df278..c0f43806e04 100644 --- a/examples/angular/angular.json +++ b/examples/angular/angular.json @@ -74,8 +74,8 @@ }, { "type": "anyComponentStyle", - "maximumWarning": "6kb", - "maximumError": "10kb" + "maximumWarning": "15kb", + "maximumError": "20kb" } ] } @@ -85,18 +85,18 @@ "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { - "browserTarget": "angular:build" + "buildTarget": "angular:build" }, "configurations": { "production": { - "browserTarget": "angular:build:production" + "buildTarget": "angular:build:production" } } }, "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { - "browserTarget": "angular:build" + "buildTarget": "angular:build" } }, "test": { diff --git a/examples/angular/package.json b/examples/angular/package.json index 9a260da59ae..f635cc86029 100644 --- a/examples/angular/package.json +++ b/examples/angular/package.json @@ -13,24 +13,24 @@ "e2e": "ng e2e" }, "dependencies": { - "@angular/animations": "^14.3.0", - "@angular/common": "^14.3.0", - "@angular/compiler": "^14.3.0", - "@angular/core": "^14.3.0", - "@angular/platform-browser": "^14.3.0", - "@angular/platform-browser-dynamic": "^14.3.0", - "@angular/router": "^14.3.0", + "@angular/animations": "^19.0.0", + "@angular/common": "^19.0.0", + "@angular/compiler": "^19.0.0", + "@angular/core": "^19.0.0", + "@angular/platform-browser": "^19.0.0", + "@angular/platform-browser-dynamic": "^19.0.0", + "@angular/router": "^19.0.0", "@aws-amplify/ui-angular": "^5.1.6", "rxjs": "~6.6.0", "tslib": "^2.0.0", - "zone.js": "~0.11.4" + "zone.js": "~0.15.0" }, "devDependencies": { - "@angular-devkit/build-angular": "^14.2.13", - "@angular/cli": "^14.2.13", - "@angular/compiler-cli": "^14.3.0", + "@angular-devkit/build-angular": "^19.0.0", + "@angular/cli": "^19.0.0", + "@angular/compiler-cli": "^19.0.0", "@types/jasmine": "~3.6.0", - "@types/node": "^12.11.1", + "@types/node": "^24.10.1", "codelyzer": "^6.0.0", "jasmine-core": "~3.6.0", "jasmine-spec-reporter": "~5.0.0", @@ -41,13 +41,13 @@ "karma-jasmine-html-reporter": "~1.5.0", "rimraf": "^5.0.0", "serve": "^12.0.0", - "ts-node": "~8.3.0", + "ts-node": "^10.9.1", "tslint": "~6.1.0", - "typescript": "~4.6.4" + "typescript": "~5.6.0" }, "workspaces": { "nohoist": [ "@types/jasmine" ] } -} \ No newline at end of file +} diff --git a/examples/angular/src/app/app.component.ts b/examples/angular/src/app/app.component.ts index 97cf7cf8057..7d348df11e5 100644 --- a/examples/angular/src/app/app.component.ts +++ b/examples/angular/src/app/app.component.ts @@ -4,6 +4,7 @@ import { Hub } from 'aws-amplify/utils'; @Component({ selector: 'app-root', + standalone: false, templateUrl: './app.component.html', styleUrls: ['./app.component.css'], }) diff --git a/examples/angular/src/pages/ui/components/authenticator/auth-status/auth-status.component.ts b/examples/angular/src/pages/ui/components/authenticator/auth-status/auth-status.component.ts index 2f9a33b44f5..398e9c1c977 100644 --- a/examples/angular/src/pages/ui/components/authenticator/auth-status/auth-status.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/auth-status/auth-status.component.ts @@ -8,6 +8,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'auth-status', + standalone: false, templateUrl: 'auth-status.component.html', }) export class AuthStatusComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/custom-sign-up-fields/custom-sign-up-fields.component.ts b/examples/angular/src/pages/ui/components/authenticator/custom-sign-up-fields/custom-sign-up-fields.component.ts index 1180e0c3078..f49da6aea71 100644 --- a/examples/angular/src/pages/ui/components/authenticator/custom-sign-up-fields/custom-sign-up-fields.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/custom-sign-up-fields/custom-sign-up-fields.component.ts @@ -4,6 +4,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'custom-sign-up-fields', + standalone: false, templateUrl: 'custom-sign-up-fields.component.html', }) export class CustomSignUpFieldsComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/custom-slots/custom-slots.component.ts b/examples/angular/src/pages/ui/components/authenticator/custom-slots/custom-slots.component.ts index a765e9e55a2..d540d0a4f82 100644 --- a/examples/angular/src/pages/ui/components/authenticator/custom-slots/custom-slots.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/custom-slots/custom-slots.component.ts @@ -6,6 +6,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'custom-slots', + standalone: false, templateUrl: 'custom-slots.component.html', }) export class CustomSlotsComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/forgot-password/forgot-password.component.ts b/examples/angular/src/pages/ui/components/authenticator/forgot-password/forgot-password.component.ts index 36b3f57d81b..84e3000d546 100644 --- a/examples/angular/src/pages/ui/components/authenticator/forgot-password/forgot-password.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/forgot-password/forgot-password.component.ts @@ -5,6 +5,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'forgot-password', + standalone: false, templateUrl: 'forgot-password.component.html', }) export class ForgotPasswordComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/hub-events/hub-events.component.ts b/examples/angular/src/pages/ui/components/authenticator/hub-events/hub-events.component.ts index ed67d7691e4..13ffb2c4e53 100644 --- a/examples/angular/src/pages/ui/components/authenticator/hub-events/hub-events.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/hub-events/hub-events.component.ts @@ -5,6 +5,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'hub-events', + standalone: false, templateUrl: 'hub-events.component.html', }) export class HubEventsComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/i18n/i18n.component.ts b/examples/angular/src/pages/ui/components/authenticator/i18n/i18n.component.ts index a69a31e3211..a5aa25ac655 100644 --- a/examples/angular/src/pages/ui/components/authenticator/i18n/i18n.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/i18n/i18n.component.ts @@ -5,6 +5,7 @@ import { Amplify } from 'aws-amplify'; import { I18n } from 'aws-amplify/utils'; @Component({ selector: 'i18n', + standalone: false, templateUrl: 'i18n.component.html', }) export class I18nComponent implements OnInit { diff --git a/examples/angular/src/pages/ui/components/authenticator/modal/modal.component.ts b/examples/angular/src/pages/ui/components/authenticator/modal/modal.component.ts index 4fd660bb821..3571f97d847 100644 --- a/examples/angular/src/pages/ui/components/authenticator/modal/modal.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/modal/modal.component.ts @@ -5,6 +5,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'modal', + standalone: false, templateUrl: 'modal.component.html', }) export class ModalComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/override-function-calls/override-function-calls.component.ts b/examples/angular/src/pages/ui/components/authenticator/override-function-calls/override-function-calls.component.ts index 6e5206f3ce6..2bd350b4310 100644 --- a/examples/angular/src/pages/ui/components/authenticator/override-function-calls/override-function-calls.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/override-function-calls/override-function-calls.component.ts @@ -5,6 +5,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'override-function-calls', + standalone: false, templateUrl: 'override-function-calls.component.html', }) export class OverrideFunctionCallsComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-in-federated/sign-in-federated.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-in-federated/sign-in-federated.component.ts index c8ffa7bd1c2..ea09b8b123b 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-in-federated/sign-in-federated.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-in-federated/sign-in-federated.component.ts @@ -4,6 +4,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-in-federated', + standalone: false, templateUrl: 'sign-in-federated.component.html', }) export class SignInFederatedComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-in-sms-mfa/sign-in-sms-mfa.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-in-sms-mfa/sign-in-sms-mfa.component.ts index 1d3cd4d2377..25d6348aa99 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-in-sms-mfa/sign-in-sms-mfa.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-in-sms-mfa/sign-in-sms-mfa.component.ts @@ -9,6 +9,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-in-sms-mfa', + standalone: false, templateUrl: 'sign-in-sms-mfa.component.html', }) export class SignInSMSMFAComponent implements OnInit { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-in-totp-mfa/sign-in-totp-mfa.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-in-totp-mfa/sign-in-totp-mfa.component.ts index 9a3ec4631a2..49dd3d67f9e 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-in-totp-mfa/sign-in-totp-mfa.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-in-totp-mfa/sign-in-totp-mfa.component.ts @@ -5,6 +5,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-in-totp-mfa', + standalone: false, templateUrl: 'sign-in-totp-mfa.component.html', }) export class SignInTOTPMFAComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-in-totp-sms/sign-in-totp-sms.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-in-totp-sms/sign-in-totp-sms.component.ts index a295ad4dddd..a7cbfd6f9a6 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-in-totp-sms/sign-in-totp-sms.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-in-totp-sms/sign-in-totp-sms.component.ts @@ -5,6 +5,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-in-totp-sms', + standalone: false, templateUrl: 'sign-in-totp-sms.component.html', }) export class SignInTOTPSMSComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa-selection/sign-in-with-email-mfa-selection.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa-selection/sign-in-with-email-mfa-selection.component.ts index 6a1b749cf60..933882a54bb 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa-selection/sign-in-with-email-mfa-selection.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa-selection/sign-in-with-email-mfa-selection.component.ts @@ -6,6 +6,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'app-sign-in-with-email-mfa-selection', + standalone: false, templateUrl: './sign-in-with-email-mfa-selection.component.html', }) export class SignInWithEmailMfaSelectionComponent implements OnInit { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa-setup-selection/sign-in-with-email-mfa-setup-selection.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa-setup-selection/sign-in-with-email-mfa-setup-selection.component.ts index 8c6920f89ec..8d11a5192e2 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa-setup-selection/sign-in-with-email-mfa-setup-selection.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa-setup-selection/sign-in-with-email-mfa-setup-selection.component.ts @@ -6,6 +6,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'app-sign-in-with-email-mfa-setup-selection', + standalone: false, templateUrl: './sign-in-with-email-mfa-setup-selection.component.html', }) export class SignInWithEmailMfaSetupSelectionComponent implements OnInit { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa/sign-in-with-email-mfa.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa/sign-in-with-email-mfa.component.ts index 45003d5d77a..173623ad095 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa/sign-in-with-email-mfa.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email-mfa/sign-in-with-email-mfa.component.ts @@ -6,6 +6,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'app-sign-in-with-email-mfa', + standalone: false, templateUrl: './sign-in-with-email-mfa.component.html', }) export class SignInWithEmailMfaComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email/sign-in-with-email.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email/sign-in-with-email.component.ts index 427f6f19e5a..df7d0a94fe3 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email/sign-in-with-email.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-email/sign-in-with-email.component.ts @@ -4,6 +4,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-in-with-email', + standalone: false, templateUrl: 'sign-in-with-email.component.html', }) export class SignInWithEmailComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-phone/sign-in-with-phone.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-phone/sign-in-with-phone.component.ts index bb529061612..a36ed7abfd5 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-phone/sign-in-with-phone.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-phone/sign-in-with-phone.component.ts @@ -7,6 +7,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-in-with-phone', + standalone: false, templateUrl: 'sign-in-with-phone.component.html', }) export class SignInWithPhoneComponent implements OnInit { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-username/sign-in-with-username.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-username/sign-in-with-username.component.ts index 7c73a01647d..db74a8e1cb1 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-in-with-username/sign-in-with-username.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-in-with-username/sign-in-with-username.component.ts @@ -5,6 +5,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-in-with-username', + standalone: false, templateUrl: 'sign-in-with-username.component.html', }) export class SignInWithUsernameComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-up-with-attributes/sign-up-with-attributes.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-up-with-attributes/sign-up-with-attributes.component.ts index 2caa56cf870..49913b7a97c 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-up-with-attributes/sign-up-with-attributes.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-up-with-attributes/sign-up-with-attributes.component.ts @@ -4,6 +4,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-up-with-attributes', + standalone: false, templateUrl: 'sign-up-with-attributes.component.html', }) export class SignUpWithAttributesComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-up-with-email-lambda/sign-up-with-email-lambda.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-up-with-email-lambda/sign-up-with-email-lambda.component.ts index 18721486bb0..1bd24978584 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-up-with-email-lambda/sign-up-with-email-lambda.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-up-with-email-lambda/sign-up-with-email-lambda.component.ts @@ -4,6 +4,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-up-with-email-lambda', + standalone: false, templateUrl: 'sign-up-with-email-lambda.component.html', }) export class SignUpWithEmailLambdaComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-up-with-email/sign-up-with-email.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-up-with-email/sign-up-with-email.component.ts index 3b806fd12de..8e7422fa56c 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-up-with-email/sign-up-with-email.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-up-with-email/sign-up-with-email.component.ts @@ -10,6 +10,7 @@ Amplify.configure(awsExports); @Component({ selector: 'sign-up-with-email', + standalone: false, templateUrl: 'sign-up-with-email.component.html', }) export class SignUpWithEmailComponent implements OnInit { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-up-with-phone/sign-up-with-phone.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-up-with-phone/sign-up-with-phone.component.ts index c758f0bbae2..28b92bb10b6 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-up-with-phone/sign-up-with-phone.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-up-with-phone/sign-up-with-phone.component.ts @@ -5,6 +5,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-up-with-phone', + standalone: false, templateUrl: 'sign-up-with-phone.component.html', }) export class SignUpWithPhoneComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/sign-up-with-username/sign-up-with-username.component.ts b/examples/angular/src/pages/ui/components/authenticator/sign-up-with-username/sign-up-with-username.component.ts index 60d4340bb4f..2b2ccaed22d 100644 --- a/examples/angular/src/pages/ui/components/authenticator/sign-up-with-username/sign-up-with-username.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/sign-up-with-username/sign-up-with-username.component.ts @@ -5,6 +5,7 @@ import awsExports from './aws-exports'; @Component({ selector: 'sign-up-with-username', + standalone: false, templateUrl: 'sign-up-with-username.component.html', }) export class SignUpWithUsernameComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/useAuthenticator/home/useAuthenticatorHome.component.ts b/examples/angular/src/pages/ui/components/authenticator/useAuthenticator/home/useAuthenticatorHome.component.ts index 199f4f78b51..d22bf74096d 100644 --- a/examples/angular/src/pages/ui/components/authenticator/useAuthenticator/home/useAuthenticatorHome.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/useAuthenticator/home/useAuthenticatorHome.component.ts @@ -7,6 +7,7 @@ import awsExports from '../aws-exports'; @Component({ selector: 'use-authenticator', + standalone: false, templateUrl: 'useAuthenticatorHome.component.html', }) export class UseAuthenticatorHomeComponent { diff --git a/examples/angular/src/pages/ui/components/authenticator/useAuthenticator/useAuthenticator.component.ts b/examples/angular/src/pages/ui/components/authenticator/useAuthenticator/useAuthenticator.component.ts index e57d4062011..6169c8ed6bc 100644 --- a/examples/angular/src/pages/ui/components/authenticator/useAuthenticator/useAuthenticator.component.ts +++ b/examples/angular/src/pages/ui/components/authenticator/useAuthenticator/useAuthenticator.component.ts @@ -7,6 +7,7 @@ import { ActivatedRoute, Router } from '@angular/router'; @Component({ selector: 'use-authenticator', + standalone: false, templateUrl: 'useAuthenticator.component.html', }) export class UseAuthenticatorComponent { diff --git a/examples/angular/tsconfig.json b/examples/angular/tsconfig.json index 55c3a55208d..41ee5d3ed71 100644 --- a/examples/angular/tsconfig.json +++ b/examples/angular/tsconfig.json @@ -10,16 +10,17 @@ "experimentalDecorators": true, "moduleResolution": "node", "importHelpers": true, - "target": "es2020", - "module": "es2020", - "lib": ["es2020", "dom", "dom.iterable"], + "target": "es2022", + "module": "es2022", + "lib": ["es2022", "dom", "dom.iterable"], "esModuleInterop": true, "strict": true, "paths": { "@aws-amplify/ui-angular": ["../../packages/angular/dist/ui-angular"], "@aws-amplify/ui-angular/*": ["../../packages/angular/dist/ui-angular/*"], "@environments/*": ["../../environments/*"] - } + }, + "skipLibCheck": true }, "angularCompilerOptions": { "enableI18nLegacyMessageIdFormat": false diff --git a/packages/angular/.eslintrc.js b/packages/angular/.eslintrc.js index 2ec429473a5..8d7b8206156 100644 --- a/packages/angular/.eslintrc.js +++ b/packages/angular/.eslintrc.js @@ -24,6 +24,8 @@ module.exports = { // making the changes for these rules leads to material changes in the package code '@typescript-eslint/consistent-type-exports': 'off', '@typescript-eslint/consistent-type-imports': 'off', + // Disable standalone preference for existing NgModule-based components + '@angular-eslint/prefer-standalone': 'off', // we use `amplify-` prefix for directives. '@angular-eslint/directive-selector': [ diff --git a/packages/angular/__tests__/__snapshots__/exports.ts.snap b/packages/angular/__tests__/__snapshots__/exports.ts.snap index 19f7d46d503..6337b18cd69 100644 --- a/packages/angular/__tests__/__snapshots__/exports.ts.snap +++ b/packages/angular/__tests__/__snapshots__/exports.ts.snap @@ -1,4 +1,4 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing exports[`exports should match the expected snapshot 1`] = ` [ diff --git a/packages/angular/package.json b/packages/angular/package.json index e5a3844320b..557f2cc2bbb 100644 --- a/packages/angular/package.json +++ b/packages/angular/package.json @@ -14,32 +14,32 @@ }, "license": "Apache-2.0", "devDependencies": { - "@angular-devkit/build-angular": "^14.2.13", - "@angular-eslint/builder": "~14.4.0", - "@angular-eslint/eslint-plugin": "~14.4.0", - "@angular-eslint/eslint-plugin-template": "~14.4.0", - "@angular-eslint/schematics": "~14.4.0", - "@angular-eslint/template-parser": "~14.4.0", - "@angular/animations": "^14.3.0", - "@angular/cli": "^14.2.13", - "@angular/compiler": "^14.3.0", - "@angular/compiler-cli": "^14.3.0", - "@angular/core": "^14.3.0", - "@angular/forms": "^14.3.0", - "@angular/platform-browser": "^14.3.0", - "@angular/platform-browser-dynamic": "^14.3.0", - "@angular/router": "^14.3.0", - "@testing-library/angular": "^12.0.0", - "@types/node": "^20.2.5", + "@angular-devkit/build-angular": "^19.0.0", + "@angular-eslint/builder": "~19.0.0", + "@angular-eslint/eslint-plugin": "~19.0.0", + "@angular-eslint/eslint-plugin-template": "~19.0.0", + "@angular-eslint/schematics": "~19.0.0", + "@angular-eslint/template-parser": "~19.0.0", + "@angular/animations": "^19.0.0", + "@angular/cli": "^19.0.0", + "@angular/compiler": "^19.0.0", + "@angular/compiler-cli": "^19.0.0", + "@angular/core": "^19.0.0", + "@angular/forms": "^19.0.0", + "@angular/platform-browser": "^19.0.0", + "@angular/platform-browser-dynamic": "^19.0.0", + "@angular/router": "^19.0.0", + "@testing-library/angular": "^18.1.1", + "@types/node": "^24.10.1", "canvas": "^2.11.2", "eslint": "^8.44.0", - "jest-preset-angular": "^13.1.1", - "ng-mocks": "^14.10.1", - "ng-packagr": "^14.2.2", + "jest-preset-angular": "^15.0.0", + "ng-mocks": "^14.14.0", + "ng-packagr": "^19.0.0", "ts-node": "^10.9.1", "tslib": "^2.5.2", - "typescript": "~4.6.4", - "zone.js": "^0.13.0" + "typescript": "~5.6.0", + "zone.js": "^0.15.0" }, "workspaces": { "nohoist": [ diff --git a/packages/angular/projects/ui-angular/package.json b/packages/angular/projects/ui-angular/package.json index c241d1619b9..6334a76be18 100644 --- a/packages/angular/projects/ui-angular/package.json +++ b/packages/angular/projects/ui-angular/package.json @@ -14,8 +14,8 @@ "directory": "packages/angular/projects/ui-angular" }, "peerDependencies": { - "@angular/core": ">= 14.0.0", - "@angular/common": ">= 14.0.0", + "@angular/core": ">= 19.0.0", + "@angular/common": ">= 19.0.0", "aws-amplify": "^6.14.3", "rxjs": "^6.5.3 || ^7.4.0" }, diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/authenticator/authenticator.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/authenticator/authenticator.component.ts index 7a530a32a7f..b812c25d363 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/authenticator/authenticator.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/authenticator/authenticator.component.ts @@ -25,6 +25,7 @@ const { getSignInTabText, getSignUpTabText } = authenticatorTextUtil; @Component({ selector: 'amplify-authenticator', + standalone: false, templateUrl: './authenticator.component.html', providers: [CustomComponentsService], // make sure custom components are scoped to this authenticator only encapsulation: ViewEncapsulation.None, diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/base-form-fields/base-form-fields.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/base-form-fields/base-form-fields.component.ts index 3d27680f0f7..208318c10e8 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/base-form-fields/base-form-fields.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/base-form-fields/base-form-fields.component.ts @@ -11,6 +11,7 @@ import { AuthenticatorService } from '../../../../services/authenticator.service */ @Component({ selector: 'amplify-base-form-fields', + standalone: false, templateUrl: './base-form-fields.component.html', }) export class BaseFormFieldsComponent implements OnInit { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-reset-password/amplify-confirm-reset-password.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-reset-password/amplify-confirm-reset-password.component.ts index 508f0174528..c475b521caf 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-reset-password/amplify-confirm-reset-password.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-reset-password/amplify-confirm-reset-password.component.ts @@ -15,6 +15,7 @@ const { @Component({ selector: 'amplify-confirm-reset-password', + standalone: false, templateUrl: './amplify-confirm-reset-password.component.html', }) export class ConfirmResetPasswordComponent { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-in/confirm-sign-in.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-in/confirm-sign-in.component.ts index d24979c7086..6caff1963a4 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-in/confirm-sign-in.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-in/confirm-sign-in.component.ts @@ -13,6 +13,7 @@ const { getConfirmText, getBackToSignInText, getChallengeText } = @Component({ selector: 'amplify-confirm-sign-in', + standalone: false, templateUrl: './confirm-sign-in.component.html', }) export class ConfirmSignInComponent implements OnInit { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-up/confirm-sign-up.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-up/confirm-sign-up.component.ts index 0829a1f159b..8753806e687 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-up/confirm-sign-up.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-sign-up/confirm-sign-up.component.ts @@ -14,6 +14,7 @@ const { } = authenticatorTextUtil; @Component({ selector: 'amplify-confirm-sign-up', + standalone: false, templateUrl: './confirm-sign-up.component.html', }) export class ConfirmSignUpComponent { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-verify-user/amplify-confirm-verify-user.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-verify-user/amplify-confirm-verify-user.component.ts index 5be414f7bd7..aff25021aae 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-verify-user/amplify-confirm-verify-user.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/confirm-verify-user/amplify-confirm-verify-user.component.ts @@ -10,6 +10,7 @@ const { getAccountRecoveryInfoText, getSkipText, getSubmitText } = authenticatorTextUtil; @Component({ selector: 'amplify-confirm-verify-user', + standalone: false, templateUrl: './amplify-confirm-verify-user.component.html', }) export class ConfirmVerifyUserComponent { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/federated-sign-in-button/federated-sign-in-button.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/federated-sign-in-button/federated-sign-in-button.component.ts index 85289294620..4f3e837c5f0 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/federated-sign-in-button/federated-sign-in-button.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/federated-sign-in-button/federated-sign-in-button.component.ts @@ -4,6 +4,7 @@ import { AuthenticatorService } from '../../../../services/authenticator.service @Component({ selector: 'amplify-federated-sign-in-button', + standalone: false, templateUrl: './federated-sign-in-button.component.html', }) export class FederatedSignInButtonComponent { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/federated-sign-in/federated-sign-in.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/federated-sign-in/federated-sign-in.component.ts index 0e4b6cf7477..0ded8a659df 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/federated-sign-in/federated-sign-in.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/federated-sign-in/federated-sign-in.component.ts @@ -7,6 +7,7 @@ const { getSignInWithFederationText, getOrText } = authenticatorTextUtil; @Component({ selector: 'amplify-federated-sign-in', + standalone: false, templateUrl: './federated-sign-in.component.html', }) export class FederatedSignInComponent implements OnInit { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/force-new-password/force-new-password-form-fields/force-new-password-form-fields.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/force-new-password/force-new-password-form-fields/force-new-password-form-fields.component.ts index b02d4c1f7bb..6aaf6b557a0 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/force-new-password/force-new-password-form-fields/force-new-password-form-fields.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/force-new-password/force-new-password-form-fields/force-new-password-form-fields.component.ts @@ -2,6 +2,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'amplify-force-new-password-form-fields', + standalone: false, templateUrl: './force-new-password-form-fields.component.html', }) export class ForceNewPasswordFormFieldsComponent {} diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/force-new-password/force-new-password.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/force-new-password/force-new-password.component.ts index df50b1ae305..00294de910b 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/force-new-password/force-new-password.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/force-new-password/force-new-password.component.ts @@ -6,6 +6,7 @@ const { getChangePasswordText, getBackToSignInText } = authenticatorTextUtil; @Component({ selector: 'amplify-force-new-password', + standalone: false, templateUrl: './force-new-password.component.html', }) export class ForceNewPasswordComponent { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/forgot-password/forgot-password.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/forgot-password/forgot-password.component.ts index 93ab7650441..4d96f80aef2 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/forgot-password/forgot-password.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/forgot-password/forgot-password.component.ts @@ -11,6 +11,7 @@ const { getResetYourPasswordText, getSendCodeText, getBackToSignInText } = @Component({ selector: 'amplify-forgot-password', + standalone: false, templateUrl: './forgot-password.component.html', }) export class ForgotPasswordComponent { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/form-field/form-field.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/form-field/form-field.component.ts index 7fe1b7ec05c..336f8db0229 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/form-field/form-field.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/form-field/form-field.component.ts @@ -10,6 +10,7 @@ import { AuthenticatorService } from '../../../../services/authenticator.service @Component({ selector: 'amplify-form-field', + standalone: false, templateUrl: './form-field.component.html', }) export class FormFieldComponent { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/select-mfa-type/__snapshots__/select-mfa-type.component.spec.ts.snap b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/select-mfa-type/__snapshots__/select-mfa-type.component.spec.ts.snap index 916e5bc15d4..8cb3ea11431 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/select-mfa-type/__snapshots__/select-mfa-type.component.spec.ts.snap +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/select-mfa-type/__snapshots__/select-mfa-type.component.spec.ts.snap @@ -1,9 +1,7 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing exports[`SelectMfaTypeComponent renders as expected 1`] = ` -
+
+
', + standalone: false, +}) +class MockFormFieldComponent { + @Input() name: string; + @Input() formField: any; +} const mockUser = { username: 'username' }; const mockContext = { @@ -44,7 +52,7 @@ describe('SetupTotpComponent', () => { AmplifySlotComponent, BaseFormFieldsComponent, ButtonComponent, - MockComponent(FormFieldComponent), + MockFormFieldComponent, ], providers: [ { provide: AuthenticatorService, useValue: mockAuthenticatorService }, diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/setup-totp/setup-totp.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/setup-totp/setup-totp.component.ts index 4a2e5b79a01..da3d18e741f 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/setup-totp/setup-totp.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/setup-totp/setup-totp.component.ts @@ -23,6 +23,7 @@ const { @Component({ selector: 'amplify-setup-totp', + standalone: false, templateUrl: './setup-totp.component.html', }) export class SetupTotpComponent implements OnInit { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-in/sign-in.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-in/sign-in.component.ts index 3590dcfc715..4c598787278 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-in/sign-in.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-in/sign-in.component.ts @@ -10,6 +10,7 @@ const { getForgotPasswordText, getSignInText } = authenticatorTextUtil; @Component({ selector: 'amplify-sign-in', + standalone: false, templateUrl: './sign-in.component.html', encapsulation: ViewEncapsulation.None, }) diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-up/sign-up-form-fields/sign-up-form-fields.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-up/sign-up-form-fields/sign-up-form-fields.component.ts index 9b63bbacfb9..96d9ee91dd1 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-up/sign-up-form-fields/sign-up-form-fields.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-up/sign-up-form-fields/sign-up-form-fields.component.ts @@ -2,6 +2,7 @@ import { Component } from '@angular/core'; @Component({ selector: 'amplify-sign-up-form-fields', + standalone: false, templateUrl: './sign-up-form-fields.component.html', }) export class SignUpFormFieldsComponent {} diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-up/sign-up.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-up/sign-up.component.ts index f4602d1186f..dff94f77b98 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-up/sign-up.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/sign-up/sign-up.component.ts @@ -6,6 +6,7 @@ const { getCreateAccountText } = authenticatorTextUtil; @Component({ selector: 'amplify-sign-up', + standalone: false, templateUrl: './sign-up.component.html', }) export class SignUpComponent { diff --git a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/verify-user/verify-user.component.ts b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/verify-user/verify-user.component.ts index 3ac42f0baf3..84bab30092f 100644 --- a/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/verify-user/verify-user.component.ts +++ b/packages/angular/projects/ui-angular/src/lib/components/authenticator/components/verify-user/verify-user.component.ts @@ -23,6 +23,7 @@ const { getSkipText, getVerifyText, getAccountRecoveryInfoText } = authenticatorTextUtil; @Component({ selector: 'amplify-verify-user', + standalone: false, templateUrl: './verify-user.component.html', encapsulation: ViewEncapsulation.None, }) diff --git a/packages/angular/projects/ui-angular/src/lib/primitives/button/__tests__/__snapshots__/button.component.test.ts.snap b/packages/angular/projects/ui-angular/src/lib/primitives/button/__tests__/__snapshots__/button.component.test.ts.snap index 503a048a2a2..36af0bda012 100644 --- a/packages/angular/projects/ui-angular/src/lib/primitives/button/__tests__/__snapshots__/button.component.test.ts.snap +++ b/packages/angular/projects/ui-angular/src/lib/primitives/button/__tests__/__snapshots__/button.component.test.ts.snap @@ -1,9 +1,7 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP +// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing exports[`amplify-button renders as expected 1`] = ` -
+