From e47acaeef28a4b73c10e63eee8e8f5200f769ea2 Mon Sep 17 00:00:00 2001 From: Ramon Date: Wed, 8 Oct 2025 15:10:50 +0800 Subject: [PATCH] chore(console): Angular 20 #10690 (#10768) # Which Problems Are Solved # How the Problems Are Solved # Additional Changes # Additional Context - Closes #10690 --- console/angular.json | 94 +- console/package.json | 56 +- console/src/app/app.component.ts | 15 +- console/src/app/app.module.ts | 31 +- .../components/copy-row/copy-row.component.ts | 1 - .../feature-toggle.component.ts | 1 - .../login-v2-feature-toggle.component.ts | 1 - .../components/features/features.component.ts | 1 - .../framework-autocomplete.component.ts | 1 - .../framework-change-dialog.component.ts | 1 - .../framework-change.component.ts | 1 - .../oidc-configuration.component.ts | 5 +- .../quickstart/quickstart.component.ts | 5 +- .../src/app/directives/back/back.directive.ts | 1 + .../copy-to-clipboard.directive.ts | 1 + .../directives/dropzone/dropzone.directive.ts | 1 + .../directives/has-role/has-role.directive.ts | 1 + .../type-safe-cell-def.directive.ts | 1 + .../accounts-card/accounts-card.component.ts | 1 + .../action-keys/action-keys.component.ts | 1 + .../actions-two-actions-table.component.ts | 1 + .../actions-two-actions.component.ts | 1 + ...add-action-autocomplete-input.component.ts | 1 - ...ions-two-add-action-condition.component.ts | 1 - ...actions-two-add-action-dialog.component.ts | 1 - ...actions-two-add-action-target.component.ts | 1 - .../actions-two-add-action-type.component.ts | 1 - ...actions-two-add-target-dialog.component.ts | 1 - .../actions-two-targets-table.component.ts | 1 + .../actions-two-targets.component.ts | 1 + .../add-key-dialog.component.ts | 1 + .../member-create-dialog.component.ts | 1 + .../add-member-roles-dialog.component.ts | 1 + .../add-token-dialog.component.ts | 1 + .../modules/app-card/app-card.component.ts | 1 + .../app-auth-method-radio.component.ts | 1 + .../app-type-radio.component.ts | 1 + .../app/modules/avatar/avatar.component.ts | 1 + .../src/app/modules/card/card.component.ts | 1 + .../modules/changes/changes.component.html | 4 +- .../app/modules/changes/changes.component.ts | 1 + .../client-keys/client-keys.component.ts | 1 + .../contributors/contributors.component.ts | 1 + .../create-layout/create-layout.component.ts | 1 + .../detail-layout/detail-layout.component.ts | 1 + .../display-json-dialog.component.ts | 1 + .../add-domain-dialog.component.ts | 1 + .../domain-verification.component.ts | 1 + .../app/modules/domains/domains.component.ts | 1 + .../modules/edit-text/edit-text.component.ts | 1 + .../app/modules/events/events.component.ts | 1 + .../failed-events/failed-events.component.ts | 1 + .../filter-events/filter-events.component.ts | 1 + .../filter-org/filter-org.component.ts | 1 + .../filter-project.component.ts | 1 + .../filter-user-grants.component.ts | 1 + .../filter-user/filter-user.component.ts | 1 + .../app/modules/filter/filter.component.ts | 1 + .../app/modules/footer/footer.component.ts | 1 + .../form-field/error/error.directive.ts | 1 + .../form-field/field/form-field.component.ts | 1 + .../app/modules/header/header.component.ts | 1 + .../modules/iam-views/iam-views.component.ts | 1 + .../modules/idp-table/idp-table.component.ts | 1 + .../info-dialog/info-dialog.component.ts | 1 + .../info-overlay/info-overlay.component.ts | 1 + .../modules/info-row/info-row.component.html | 28 +- .../modules/info-row/info-row.component.ts | 1 + .../info-section/info-section.component.ts | 1 + .../app/modules/input/input.directive.spec.ts | 1 + .../src/app/modules/input/input.directive.ts | 70 +- .../keyboard-shortcuts.component.ts | 1 + .../src/app/modules/label/label.component.ts | 1 + .../machine-keys/machine-keys.component.ts | 1 + .../members-table/members-table.component.ts | 1 + .../memberships-table.component.ts | 1 + .../meta-layout/meta-layout.component.ts | 1 + .../metadata-dialog.component.ts | 1 + .../metadata/metadata/metadata.component.ts | 1 + .../name-dialog/name-dialog.component.ts | 1 + .../nav-toggle/nav-toggle.component.ts | 1 + console/src/app/modules/nav/nav.component.ts | 1 + .../header-button/header-button.component.ts | 1 - .../header-dropdown.component.ts | 16 +- .../instance-selector.component.ts | 4 +- .../new-header/new-header.component.ts | 1 - .../organization-selector.component.ts | 1 - .../onboarding-card.component.ts | 1 + .../onboarding/onboarding.component.ts | 1 + .../org-context/org-context.component.ts | 1 + .../modules/org-table/org-table.component.ts | 1 + .../modules/paginator/paginator.component.ts | 1 + .../password-complexity-view.component.html | 8 +- .../password-complexity-view.component.ts | 1 + .../personal-access-tokens.component.ts | 1 + .../domain-policy/domain-policy.component.ts | 1 + .../idp-settings/idp-settings.component.ts | 1 + .../language-settings.component.ts | 1 + .../dialog-add-type.component.ts | 1 + .../factor-table/factor-table.component.ts | 1 + .../login-policy/login-policy.component.ts | 1 + .../login-texts/login-texts.component.html | 4 +- .../login-texts/login-texts.component.ts | 1 + .../message-texts/message-texts.component.ts | 1 + .../notification-policy.component.ts | 1 + .../dialog-add-sms-provider.component.ts | 1 + .../notification-sms-provider.component.ts | 1 + .../password-dialog-sms-provider.component.ts | 1 + .../notification-smtp-provider.component.scss | 2 +- .../notification-smtp-provider.component.ts | 1 + .../oidc-configuration.component.ts | 1 + .../oidc-webkeys-create.component.ts | 1 + .../oidc-webkeys-inactive-table.component.ts | 1 + .../oidc-webkeys-table.component.ts | 1 + .../oidc-webkeys/oidc-webkeys.component.ts | 1 + .../type-safe-cell-def.directive.ts | 1 + .../password-age-policy.component.ts | 1 + .../password-complexity-policy.component.ts | 1 + .../password-lockout-policy.component.ts | 1 + .../privacy-policy.component.ts | 1 + .../color/color.component.ts | 1 + .../preview/preview.component.scss | 8 +- .../preview/preview.component.ts | 1 + .../private-labeling-policy.component.html | 11 +- .../private-labeling-policy.component.scss | 23 +- .../private-labeling-policy.component.ts | 1 + .../secret-generator-card.component.ts | 1 + .../secret-generator.component.ts | 1 + .../security-policy.component.ts | 1 + .../project-members.component.html | 2 +- .../project-members.component.ts | 1 + ...oject-private-labeling-dialog.component.ts | 1 + .../project-role-chip.component.ts | 1 + .../project-role-detail-dialog.component.ts | 1 + .../project-roles-table.component.ts | 1 + .../provider-options.component.ts | 1 + .../ldap-attributes.component.ts | 1 + .../provider-apple.component.ts | 1 + .../provider-azure-ad.component.ts | 1 + .../provider-github-es.component.ts | 1 + .../provider-github.component.ts | 1 + .../provider-gitlab-self-hosted.component.ts | 1 + .../provider-gitlab.component.ts | 1 + .../provider-google.component.ts | 1 + .../provider-jwt/provider-jwt.component.ts | 1 + .../provider-ldap/provider-ldap.component.ts | 1 + .../provider-next/provider-next.component.ts | 1 + .../provider-oauth.component.ts | 1 + .../provider-oidc/provider-oidc.component.ts | 1 + .../provider-saml-sp.component.ts | 1 + .../refresh-table/refresh-table.component.ts | 1 + .../search-org-autocomplete.component.ts | 1 + .../search-project-autocomplete.component.ts | 1 + .../search-roles-autocomplete.component.ts | 1 + .../search-user-autocomplete.component.ts | 1 + .../settings-list/settings-list.component.ts | 26 +- .../modules/shortcuts/shortcuts.component.ts | 1 + .../show-key-dialog.component.ts | 1 + .../show-token-dialog.component.ts | 1 + .../app/modules/sidenav/sidenav.component.ts | 46 +- .../smtp-provider.component.html | 2 +- .../smtp-provider/smtp-provider.component.ts | 1 + .../smtp-table/smtp-table.component.ts | 1 + .../smtp-test-dialog.component.ts | 1 + .../string-list/string-list.component.ts | 1 + .../table-actions/table-actions.component.ts | 1 + .../theme-setting/theme-setting.component.ts | 1 + .../modules/top-view/top-view.component.ts | 1 + .../user-grant-role-dialog.component.ts | 1 + .../user-grants/user-grants.component.ts | 1 + .../warn-dialog/warn-dialog.component.ts | 1 + .../pages/actions/actions.component.spec.ts | 24 - .../app/pages/actions/actions.component.ts | 1 + .../pages/app-create/app-create.component.ts | 1 + .../src/app/pages/grants/grants.component.ts | 1 + console/src/app/pages/home/home.component.ts | 1 + .../instance-members.component.ts | 1 + .../app/pages/instance/instance.component.ts | 1 + .../action-table/action-table.component.ts | 1 + .../pages/org-actions/actions.component.ts | 1 + .../add-action-dialog.component.ts | 1 + .../add-flow-dialog.component.ts | 1 + .../pages/org-create/org-create.component.ts | 1 + .../app/pages/org-list/org-list.component.ts | 1 + .../org-settings/org-settings.component.ts | 1 + .../orgs/org-detail/org-detail.component.ts | 1 + .../orgs/org-members/org-members.component.ts | 1 + .../additional-origins.component.ts | 1 + .../apps/app-create/app-create.component.ts | 1 + .../apps/app-detail/app-detail.component.html | 8 +- .../apps/app-detail/app-detail.component.ts | 1 + .../auth-method-dialog.component.ts | 1 + .../app-secret-dialog.component.html | 4 +- .../app-secret-dialog.component.ts | 1 + .../apps/integrate/integrate.component.ts | 1 + .../redirect-uris/redirect-uris.component.ts | 1 + .../granted-project-detail.component.ts | 1 + .../application-grid.component.ts | 1 + .../applications/applications.component.ts | 1 + .../owned-project-detail.component.ts | 1 + .../project-grant-create.component.ts | 1 + .../project-grant-detail.component.ts | 1 + .../project-grant-illustration.component.ts | 1 + .../project-grants.component.ts | 1 + .../project-role-create.component.ts | 1 + .../project-roles/project-roles.component.ts | 1 + .../project-create.component.ts | 1 + .../project-grid/project-grid.component.ts | 1 + .../project-list/project-list.component.ts | 1 + .../app/pages/projects/projects.component.ts | 1 + .../pages/signedout/signedout.component.ts | 1 + .../user-grant-create.component.ts | 1 + .../user-create-machine.component.ts | 1 + .../user-create-v2.component.ts | 1 + .../user-create/user-create.component.html | 2 +- .../user-create/user-create.component.ts | 1 + .../auth-factor-dialog.component.html | 2 +- .../auth-factor-dialog.component.ts | 1 + .../auth-passwordless.component.ts | 1 + .../dialog-passwordless.component.ts | 1 + .../auth-user-detail.component.ts | 30 +- .../auth-user-mfa.component.spec.ts | 1 + .../auth-user-mfa/auth-user-mfa.component.ts | 1 + .../code-dialog/code-dialog.component.ts | 1 + .../dialog-u2f/dialog-u2f.component.ts | 1 + .../edit-dialog/edit-dialog.component.ts | 1 + .../resend-email-dialog.component.ts | 1 + .../user-detail/contact/contact.component.ts | 1 + .../detail-form-machine.component.ts | 1 + .../detail-form/detail-form.component.ts | 1 + .../profile-picture.component.ts | 1 + .../external-idps/external-idps.component.ts | 1 + .../password/password.component.ts | 1 + .../phone-detail/phone-detail.component.ts | 1 + .../users/user-detail/user-detail.module.ts | 5 +- .../machine-secret-dialog.component.html | 4 +- .../machine-secret-dialog.component.ts | 1 + .../passwordless/passwordless.component.ts | 1 + .../user-detail/user-detail.component.ts | 1 + .../user-mfa/user-mfa.component.ts | 1 + .../users/user-list/user-list.component.ts | 1 + .../user-table/user-table.component.html | 4 +- .../user-table/user-table.component.ts | 1 + .../action-condition-pipe.pipe.ts | 1 + .../duration-to-seconds.pipe.ts | 1 + .../app/pipes/has-role-pipe/has-role.pipe.ts | 26 +- .../localized-date.pipe.ts | 1 + .../app/pipes/milestone-pipe/milestonePipe.ts | 1 + .../src/app/pipes/origin-pipe/origin.pipe.ts | 1 + .../app/pipes/redirect-pipe/redirect.pipe.ts | 1 + .../role-transform/role-transform.pipe.ts | 1 + .../timestamp-to-date.pipe.ts | 1 + .../timestamp-to-retention-pipe.module.ts | 11 - .../src/app/pipes/to-object/to-object.pipe.ts | 1 + .../app/pipes/to-payload/to-payload.pipe.ts | 1 + .../pipes/truncate-pipe/truncate-pipe.pipe.ts | 1 + console/src/app/services/grpc.service.ts | 2 +- .../app/services/overlay/overlay.service.ts | 17 +- console/src/app/services/update.service.ts | 17 +- console/src/styles.scss | 234 +- console/src/styles/codemirror.scss | 4 +- console/src/styles/color.scss | 6 +- console/src/styles/error.scss | 8 +- console/src/styles/input.scss | 20 +- console/src/styles/link.scss | 8 +- console/src/styles/palette-helper.scss | 18 +- console/src/styles/palette.scss | 4 + console/src/styles/table.scss | 28 +- console/src/styles/toast.scss | 12 +- console/tsconfig.app.json | 2 +- console/tsconfig.json | 20 +- pnpm-lock.yaml | 7097 ++++++----------- 272 files changed, 3264 insertions(+), 5037 deletions(-) delete mode 100644 console/src/app/pages/actions/actions.component.spec.ts delete mode 100644 console/src/app/pipes/timestamp-to-retention-pipe/timestamp-to-retention-pipe.module.ts diff --git a/console/angular.json b/console/angular.json index 5564b2c428f..97def1aed5a 100644 --- a/console/angular.json +++ b/console/angular.json @@ -15,11 +15,13 @@ "prefix": "cnsl", "architect": { "build": { - "builder": "@angular-devkit/build-angular:browser", + "builder": "@angular/build:application", "options": { - "outputPath": "dist/console", + "outputPath": { + "browser": "", + "base": "dist/console" + }, "index": "src/index.html", - "main": "src/main.ts", "polyfills": ["zone.js"], "tsConfig": "tsconfig.app.json", "inlineStyleLanguage": "scss", @@ -32,7 +34,13 @@ "styles": ["src/styles.scss"], "scripts": ["./node_modules/tinycolor2/dist/tinycolor-min.js"], "stylePreprocessorOptions": { - "includePaths": ["node_modules"] + "sass": { + "silenceDeprecations": ["import", "mixed-decls"] + }, + "includePaths": [ + "node_modules", + "." + ] }, "allowedCommonJsDependencies": [ "opentype.js", @@ -46,7 +54,8 @@ "file-saver", "qrcode", "codemirror" - ] + ], + "browser": "src/main.ts" }, "configurations": { "production": { @@ -74,9 +83,7 @@ "outputHashing": "all" }, "development": { - "buildOptimizer": false, "optimization": false, - "vendorChunk": true, "extractLicenses": false, "sourceMap": true, "namedChunks": true @@ -85,26 +92,56 @@ "defaultConfiguration": "development" }, "serve": { - "builder": "@angular-devkit/build-angular:dev-server", - + "builder": "@angular/build:dev-server", + "options": { + "prebundle": { + "exclude": [ + "google-protobuf", + "google-protobuf/google/protobuf/timestamp_pb.js", + "google-protobuf/google/protobuf/descriptor_pb.js", + "google-protobuf/google/protobuf/struct_pb.js", + "google-protobuf/google/protobuf/duration_pb.js", + "i18n-iso-countries/langs/de.json", + "i18n-iso-countries/langs/en.json", + "i18n-iso-countries/langs/es.json", + "i18n-iso-countries/langs/fr.json", + "i18n-iso-countries/langs/id.json", + "i18n-iso-countries/langs/it.json", + "i18n-iso-countries/langs/ja.json", + "i18n-iso-countries/langs/pl.json", + "i18n-iso-countries/langs/zh.json", + "i18n-iso-countries/langs/bg.json", + "i18n-iso-countries/langs/pt.json", + "i18n-iso-countries/langs/mk.json", + "i18n-iso-countries/langs/ru.json", + "i18n-iso-countries/langs/cs.json", + "i18n-iso-countries/langs/nl.json", + "i18n-iso-countries/langs/sv.json", + "i18n-iso-countries/langs/hu.json", + "i18n-iso-countries/langs/ko.json", + "i18n-iso-countries/langs/ro.json", + "i18n-iso-countries/langs/tr.json" + ] + } + }, "configurations": { "production": { - "browserTarget": "console:build:production" + "buildTarget": "console:build:production" }, "development": { - "browserTarget": "console:build:development" + "buildTarget": "console:build:development" } }, "defaultConfiguration": "development" }, "extract-i18n": { - "builder": "@angular-devkit/build-angular:extract-i18n", + "builder": "@angular/build:extract-i18n", "options": { - "browserTarget": "console:build" + "buildTarget": "console:build" } }, "test": { - "builder": "@angular-devkit/build-angular:karma", + "builder": "@angular/build:karma", "options": { "polyfills": ["zone.js", "zone.js/testing"], "tsConfig": "tsconfig.spec.json", @@ -125,6 +162,33 @@ }, "cli": { "analytics": false, - "schematicCollections": ["@angular-eslint/schematics"] + "schematicCollections": ["@angular-eslint/schematics"], + "packageManager": "pnpm" + }, + "schematics": { + "@schematics/angular:component": { + "type": "component" + }, + "@schematics/angular:directive": { + "type": "directive" + }, + "@schematics/angular:service": { + "type": "service" + }, + "@schematics/angular:guard": { + "typeSeparator": "." + }, + "@schematics/angular:interceptor": { + "typeSeparator": "." + }, + "@schematics/angular:module": { + "typeSeparator": "." + }, + "@schematics/angular:pipe": { + "typeSeparator": "." + }, + "@schematics/angular:resolver": { + "typeSeparator": "." + } } } diff --git a/console/package.json b/console/package.json index 93a49f9a6fd..33589ad0d43 100644 --- a/console/package.json +++ b/console/package.json @@ -15,37 +15,38 @@ }, "private": true, "dependencies": { - "@angular/animations": "^16.2.12", - "@angular/cdk": "^16.2.14", - "@angular/common": "^16.2.12", - "@angular/compiler": "^16.2.12", - "@angular/core": "^16.2.12", - "@angular/forms": "^16.2.12", - "@angular/material": "^16.2.14", - "@angular/material-moment-adapter": "^16.2.14", - "@angular/platform-browser": "^16.2.12", - "@angular/platform-browser-dynamic": "^16.2.12", - "@angular/router": "^16.2.12", - "@angular/service-worker": "^16.2.12", + "@angular/animations": "^20.3.1", + "@angular/cdk": "^20.2.4", + "@angular/common": "^20.3.1", + "@angular/compiler": "^20.3.1", + "@angular/core": "^20.3.1", + "@angular/forms": "^20.3.1", + "@angular/material": "^20.2.4", + "@angular/material-moment-adapter": "^20.2.4", + "@angular/platform-browser": "^20.3.1", + "@angular/platform-browser-dynamic": "^20.3.1", + "@angular/router": "^20.3.1", + "@angular/service-worker": "^20.3.1", "@bufbuild/protobuf": "2.6.3", "@connectrpc/connect": "~2.0.0", "@connectrpc/connect-web": "~2.0.0", "@ctrl/ngx-codemirror": "^6.1.0", - "@fortawesome/angular-fontawesome": "^0.13.0", + "@fortawesome/angular-fontawesome": "^3.0.0", "@fortawesome/fontawesome-svg-core": "^6.7.2", "@fortawesome/free-brands-svg-icons": "^6.7.2", - "@ng-icons/core": "^25.0.0", - "@ng-icons/heroicons": "^25.0.0", - "@ngx-translate/core": "^15.0.0", + "@netlify/build-info": "^10.0.7", + "@ng-icons/core": "^32.1.0", + "@ng-icons/heroicons": "^32.1.0", + "@ngx-translate/core": "^17.0.0", "@tanstack/angular-query-experimental": "^5.85.6", "@zitadel/client": "workspace:*", "@zitadel/proto": "workspace:*", - "angular-oauth2-oidc": "^15.0.1", - "angularx-qrcode": "^16.0.2", + "angular-oauth2-oidc": "^20.0.2", + "angularx-qrcode": "^20.0.0", "buffer": "^6.0.3", "codemirror": "^5.65.19", "file-saver": "^2.0.5", - "flag-icons": "^7.3.2", + "flag-icons": "^7.5.0", "google-protobuf": "~3.21.4", "grpc-web": "~1.5.0", "i18n-iso-countries": "^7.14.0", @@ -59,20 +60,19 @@ "tinycolor2": "^1.6.0", "tslib": "^2.7.0", "uuid": "^10.0.0", - "zone.js": "~0.13.3" + "zone.js": "~0.15.1" }, "devDependencies": { - "@angular-devkit/build-angular": "^16.2.2", "@angular-eslint/builder": "18.3.0", "@angular-eslint/eslint-plugin": "18.0.0", "@angular-eslint/eslint-plugin-template": "18.0.0", - "@angular-eslint/schematics": "16.2.0", - "@angular-eslint/template-parser": "18.3.0", - "@angular/cli": "^16.2.15", - "@angular/compiler-cli": "^16.2.5", - "@angular/language-service": "^18.2.4", + "@angular-eslint/schematics": "19.8.1", + "@angular-eslint/template-parser": "19.8.1", + "@angular/build": "^20.3.2", + "@angular/cli": "^20.3.2", + "@angular/compiler-cli": "^20.3.1", + "@angular/language-service": "^20.3.1", "@bufbuild/buf": "~1.55.1", - "@netlify/framework-info": "^9.8.13", "@types/file-saver": "^2.0.7", "@types/google-protobuf": "~3.15.12", "@types/jasmine": "~5.1.4", @@ -95,6 +95,6 @@ "karma-jasmine-html-reporter": "^2.1.0", "prettier": "^3.5.3", "prettier-plugin-organize-imports": "^4.1.0", - "typescript": "5.1" + "typescript": "5.9.2" } } diff --git a/console/src/app/app.component.ts b/console/src/app/app.component.ts index c6d4f4ebef5..94089e7055b 100644 --- a/console/src/app/app.component.ts +++ b/console/src/app/app.component.ts @@ -1,7 +1,17 @@ import { BreakpointObserver } from '@angular/cdk/layout'; import { OverlayContainer } from '@angular/cdk/overlay'; -import { DOCUMENT, ViewportScroller } from '@angular/common'; -import { Component, DestroyRef, effect, HostBinding, HostListener, Inject, OnDestroy, ViewChild } from '@angular/core'; +import { ViewportScroller } from '@angular/common'; +import { + Component, + DestroyRef, + effect, + HostBinding, + HostListener, + Inject, + OnDestroy, + ViewChild, + DOCUMENT, +} from '@angular/core'; import { MatIconRegistry } from '@angular/material/icon'; import { MatDrawer } from '@angular/material/sidenav'; import { DomSanitizer } from '@angular/platform-browser'; @@ -30,6 +40,7 @@ import { NewAuthService } from './services/new-auth.service'; templateUrl: './app.component.html', styleUrls: ['./app.component.scss'], animations: [toolbarAnimation, ...navAnimations, accountCard, routeAnimations, adminLineAnimation], + standalone: false, }) export class AppComponent { @ViewChild('drawer') public drawer!: MatDrawer; diff --git a/console/src/app/app.module.ts b/console/src/app/app.module.ts index 6ea87a6a43f..410c55d5d70 100644 --- a/console/src/app/app.module.ts +++ b/console/src/app/app.module.ts @@ -1,5 +1,5 @@ import { CommonModule, registerLocaleData } from '@angular/common'; -import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http'; +import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'; import localeBg from '@angular/common/locales/bg'; import localeDe from '@angular/common/locales/de'; import localeCs from '@angular/common/locales/cs'; @@ -20,7 +20,7 @@ import localeHu from '@angular/common/locales/hu'; import localeKo from '@angular/common/locales/ko'; import localeRo from '@angular/common/locales/ro'; import localeTr from '@angular/common/locales/tr'; -import { APP_INITIALIZER, NgModule } from '@angular/core'; +import { NgModule, inject, provideAppInitializer } from '@angular/core'; import { MatNativeDateModule } from '@angular/material/core'; import { MatDialogModule } from '@angular/material/dialog'; import { MatIconModule } from '@angular/material/icon'; @@ -147,8 +147,11 @@ const authConfig: AuthConfig = { @NgModule({ declarations: [AppComponent], + bootstrap: [AppComponent], + exports: [], imports: [ AppRoutingModule, + CommonModule, BrowserModule, HeaderModule, @@ -164,7 +167,6 @@ const authConfig: AuthConfig = { HasRoleModule, InfoOverlayModule, BrowserAnimationsModule, - HttpClientModule, MatIconModule, MatTooltipModule, FooterModule, @@ -182,18 +184,14 @@ const authConfig: AuthConfig = { ThemeService, EnvironmentService, ExhaustedService, - { - provide: APP_INITIALIZER, - useFactory: appInitializerFn, - multi: true, - deps: [GrpcService], - }, - { - provide: APP_INITIALIZER, - useFactory: stateHandlerFn, - multi: true, - deps: [StatehandlerService], - }, + provideAppInitializer(() => { + const initializerFn = appInitializerFn(inject(GrpcService)); + return initializerFn(); + }), + provideAppInitializer(() => { + const initializerFn = stateHandlerFn(inject(StatehandlerService)); + return initializerFn(); + }), { provide: AuthConfig, useValue: authConfig, @@ -258,9 +256,8 @@ const authConfig: AuthConfig = { provideNgIconsConfig({ size: '1rem', }), + provideHttpClient(withInterceptorsFromDi()), ], - bootstrap: [AppComponent], - exports: [], }) export class AppModule { constructor() {} diff --git a/console/src/app/components/copy-row/copy-row.component.ts b/console/src/app/components/copy-row/copy-row.component.ts index a4d29a07902..876264ffe1c 100644 --- a/console/src/app/components/copy-row/copy-row.component.ts +++ b/console/src/app/components/copy-row/copy-row.component.ts @@ -6,7 +6,6 @@ import { MatTooltipModule } from '@angular/material/tooltip'; import { CopyToClipboardModule } from 'src/app/directives/copy-to-clipboard/copy-to-clipboard.module'; @Component({ - standalone: true, selector: 'cnsl-copy-row', templateUrl: './copy-row.component.html', styleUrls: ['./copy-row.component.scss'], diff --git a/console/src/app/components/feature-toggle/feature-toggle.component.ts b/console/src/app/components/feature-toggle/feature-toggle.component.ts index fab0b31d481..48ecf07ed2c 100644 --- a/console/src/app/components/feature-toggle/feature-toggle.component.ts +++ b/console/src/app/components/feature-toggle/feature-toggle.component.ts @@ -11,7 +11,6 @@ import { ReplaySubject } from 'rxjs'; import { map } from 'rxjs/operators'; @Component({ - standalone: true, selector: 'cnsl-feature-toggle', templateUrl: './feature-toggle.component.html', styleUrls: ['./feature-toggle.component.scss'], diff --git a/console/src/app/components/feature-toggle/login-v2-feature-toggle/login-v2-feature-toggle.component.ts b/console/src/app/components/feature-toggle/login-v2-feature-toggle/login-v2-feature-toggle.component.ts index 01648d22ada..32ffe46e547 100644 --- a/console/src/app/components/feature-toggle/login-v2-feature-toggle/login-v2-feature-toggle.component.ts +++ b/console/src/app/components/feature-toggle/login-v2-feature-toggle/login-v2-feature-toggle.component.ts @@ -12,7 +12,6 @@ import { TranslateModule } from '@ngx-translate/core'; import { MatTooltipModule } from '@angular/material/tooltip'; @Component({ - standalone: true, selector: 'cnsl-login-v2-feature-toggle', templateUrl: './login-v2-feature-toggle.component.html', imports: [ diff --git a/console/src/app/components/features/features.component.ts b/console/src/app/components/features/features.component.ts index e2b1ebeb5b1..7de85f1a544 100644 --- a/console/src/app/components/features/features.component.ts +++ b/console/src/app/components/features/features.component.ts @@ -65,7 +65,6 @@ export type ToggleStateKeys = keyof ToggleStates; FeatureToggleComponent, LoginV2FeatureToggleComponent, ], - standalone: true, selector: 'cnsl-features', templateUrl: './features.component.html', styleUrls: ['./features.component.scss'], diff --git a/console/src/app/components/framework-autocomplete/framework-autocomplete.component.ts b/console/src/app/components/framework-autocomplete/framework-autocomplete.component.ts index ec62d4335d2..3b0686257e6 100644 --- a/console/src/app/components/framework-autocomplete/framework-autocomplete.component.ts +++ b/console/src/app/components/framework-autocomplete/framework-autocomplete.component.ts @@ -12,7 +12,6 @@ import { Observable, map, of, startWith, switchMap, tap } from 'rxjs'; import { Framework } from '../quickstart/quickstart.component'; @Component({ - standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, selector: 'cnsl-framework-autocomplete', templateUrl: './framework-autocomplete.component.html', diff --git a/console/src/app/components/framework-change/framework-change-dialog.component.ts b/console/src/app/components/framework-change/framework-change-dialog.component.ts index 228d593cf9c..12129e78e8a 100644 --- a/console/src/app/components/framework-change/framework-change-dialog.component.ts +++ b/console/src/app/components/framework-change/framework-change-dialog.component.ts @@ -17,7 +17,6 @@ import { TranslateModule } from '@ngx-translate/core'; selector: 'cnsl-framework-change-dialog', templateUrl: './framework-change-dialog.component.html', styleUrls: ['./framework-change-dialog.component.scss'], - standalone: true, imports: [MatButtonModule, MatDialogModule, TranslateModule, FrameworkAutocompleteComponent], }) export class FrameworkChangeDialogComponent { diff --git a/console/src/app/components/framework-change/framework-change.component.ts b/console/src/app/components/framework-change/framework-change.component.ts index 03e5557fc16..2691ce7171e 100644 --- a/console/src/app/components/framework-change/framework-change.component.ts +++ b/console/src/app/components/framework-change/framework-change.component.ts @@ -10,7 +10,6 @@ import { MatDialog } from '@angular/material/dialog'; import { FrameworkChangeDialogComponent } from './framework-change-dialog.component'; @Component({ - standalone: true, selector: 'cnsl-framework-change', templateUrl: './framework-change.component.html', styleUrls: ['./framework-change.component.scss'], diff --git a/console/src/app/components/oidc-configuration/oidc-configuration.component.ts b/console/src/app/components/oidc-configuration/oidc-configuration.component.ts index ac2afaf4b91..d6f4688d66e 100644 --- a/console/src/app/components/oidc-configuration/oidc-configuration.component.ts +++ b/console/src/app/components/oidc-configuration/oidc-configuration.component.ts @@ -3,9 +3,11 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'; import { RouterModule } from '@angular/router'; import { TranslateModule } from '@ngx-translate/core'; import { MatButtonModule } from '@angular/material/button'; -import type { FrameworkName } from '@netlify/framework-info/lib/generated/frameworkNames'; +import type { getFramework } from '@netlify/build-info'; import { AddOIDCAppRequest } from 'src/app/proto/generated/zitadel/management_pb'; +type FrameworkName = Parameters[0]; + export type FrameworkDefinition = { id?: FrameworkName | string; title: string; @@ -20,7 +22,6 @@ export type Framework = FrameworkDefinition & { }; @Component({ - standalone: true, selector: 'cnsl-oidc-app-configuration', templateUrl: './oidc-configuration.component.html', styleUrls: ['./oidc-configuration.component.scss'], diff --git a/console/src/app/components/quickstart/quickstart.component.ts b/console/src/app/components/quickstart/quickstart.component.ts index 1296d625793..28b62f02979 100644 --- a/console/src/app/components/quickstart/quickstart.component.ts +++ b/console/src/app/components/quickstart/quickstart.component.ts @@ -4,9 +4,11 @@ import { RouterModule } from '@angular/router'; import { TranslateModule } from '@ngx-translate/core'; import frameworkDefinition from '../../../../../docs/frameworks.json'; import { MatButtonModule } from '@angular/material/button'; -import type { FrameworkName } from '@netlify/framework-info/lib/generated/frameworkNames'; +import type { getFramework } from '@netlify/build-info'; import { OIDC_CONFIGURATIONS } from 'src/app/utils/framework'; +type FrameworkName = Parameters[0]; + export type FrameworkDefinition = { id?: FrameworkName | string; title: string; @@ -22,7 +24,6 @@ export type Framework = FrameworkDefinition & { }; @Component({ - standalone: true, selector: 'cnsl-quickstart', templateUrl: './quickstart.component.html', styleUrls: ['./quickstart.component.scss'], diff --git a/console/src/app/directives/back/back.directive.ts b/console/src/app/directives/back/back.directive.ts index ca6b0a00d6d..5e8ccecb80e 100644 --- a/console/src/app/directives/back/back.directive.ts +++ b/console/src/app/directives/back/back.directive.ts @@ -5,6 +5,7 @@ import { NavigationService } from 'src/app/services/navigation.service'; @Directive({ selector: '[cnslBack]', + standalone: false, }) export class BackDirective { new: Boolean = false; diff --git a/console/src/app/directives/copy-to-clipboard/copy-to-clipboard.directive.ts b/console/src/app/directives/copy-to-clipboard/copy-to-clipboard.directive.ts index aa71d796678..da56e4e41a2 100644 --- a/console/src/app/directives/copy-to-clipboard/copy-to-clipboard.directive.ts +++ b/console/src/app/directives/copy-to-clipboard/copy-to-clipboard.directive.ts @@ -2,6 +2,7 @@ import { Directive, EventEmitter, HostListener, Input, Output } from '@angular/c @Directive({ selector: '[cnslCopyToClipboard]', + standalone: false, }) export class CopyToClipboardDirective { @Input() valueToCopy: string = ''; diff --git a/console/src/app/directives/dropzone/dropzone.directive.ts b/console/src/app/directives/dropzone/dropzone.directive.ts index a2da2a442cb..ffcc2d19937 100644 --- a/console/src/app/directives/dropzone/dropzone.directive.ts +++ b/console/src/app/directives/dropzone/dropzone.directive.ts @@ -2,6 +2,7 @@ import { Directive, EventEmitter, HostListener, Output } from '@angular/core'; @Directive({ selector: '[cnslDropzone]', + standalone: false, }) export class DropzoneDirective { @Output() dropped: EventEmitter = new EventEmitter(); diff --git a/console/src/app/directives/has-role/has-role.directive.ts b/console/src/app/directives/has-role/has-role.directive.ts index 9ba21c1dd22..c936e25ff00 100644 --- a/console/src/app/directives/has-role/has-role.directive.ts +++ b/console/src/app/directives/has-role/has-role.directive.ts @@ -4,6 +4,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; @Directive({ selector: '[cnslHasRole]', + standalone: false, }) export class HasRoleDirective { private hasView: boolean = false; diff --git a/console/src/app/directives/type-safe-cell-def/type-safe-cell-def.directive.ts b/console/src/app/directives/type-safe-cell-def/type-safe-cell-def.directive.ts index a3a145964b6..34e9456fc45 100644 --- a/console/src/app/directives/type-safe-cell-def/type-safe-cell-def.directive.ts +++ b/console/src/app/directives/type-safe-cell-def/type-safe-cell-def.directive.ts @@ -6,6 +6,7 @@ import { CdkCellDef } from '@angular/cdk/table'; @Directive({ selector: '[cnslCellDef]', providers: [{ provide: CdkCellDef, useExisting: TypeSafeCellDefDirective }], + standalone: false, }) export class TypeSafeCellDefDirective extends MatCellDef { @Input({ required: true }) cnslCellDefDataSource!: DataSource; diff --git a/console/src/app/modules/accounts-card/accounts-card.component.ts b/console/src/app/modules/accounts-card/accounts-card.component.ts index fc46d46b836..6cd84418ee0 100644 --- a/console/src/app/modules/accounts-card/accounts-card.component.ts +++ b/console/src/app/modules/accounts-card/accounts-card.component.ts @@ -38,6 +38,7 @@ interface V1AndV2Session { selector: 'cnsl-accounts-card', templateUrl: './accounts-card.component.html', styleUrls: ['./accounts-card.component.scss'], + standalone: false, }) export class AccountsCardComponent { @Input({ required: true }) diff --git a/console/src/app/modules/action-keys/action-keys.component.ts b/console/src/app/modules/action-keys/action-keys.component.ts index 54d20cd9e9d..4b52829905f 100644 --- a/console/src/app/modules/action-keys/action-keys.component.ts +++ b/console/src/app/modules/action-keys/action-keys.component.ts @@ -16,6 +16,7 @@ export enum ActionKeysType { selector: 'cnsl-action-keys', templateUrl: './action-keys.component.html', styleUrls: ['./action-keys.component.scss'], + standalone: false, }) export class ActionKeysComponent implements AfterViewInit { @Input() type: ActionKeysType = ActionKeysType.ADD; diff --git a/console/src/app/modules/actions-two/actions-two-actions/actions-two-actions-table/actions-two-actions-table.component.ts b/console/src/app/modules/actions-two/actions-two-actions/actions-two-actions-table/actions-two-actions-table.component.ts index af9673dbf54..15b580df22f 100644 --- a/console/src/app/modules/actions-two/actions-two-actions/actions-two-actions-table/actions-two-actions-table.component.ts +++ b/console/src/app/modules/actions-two/actions-two-actions/actions-two-actions-table/actions-two-actions-table.component.ts @@ -11,6 +11,7 @@ import { CorrectlyTypedExecution } from '../../actions-two-add-action/actions-tw templateUrl: './actions-two-actions-table.component.html', styleUrls: ['./actions-two-actions-table.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush, + standalone: false, }) export class ActionsTwoActionsTableComponent { @Output() diff --git a/console/src/app/modules/actions-two/actions-two-actions/actions-two-actions.component.ts b/console/src/app/modules/actions-two/actions-two-actions/actions-two-actions.component.ts index 81ee1fcde18..efa0e2b311e 100644 --- a/console/src/app/modules/actions-two/actions-two-actions/actions-two-actions.component.ts +++ b/console/src/app/modules/actions-two/actions-two-actions/actions-two-actions.component.ts @@ -23,6 +23,7 @@ import { ExecutionFieldName } from '@zitadel/proto/zitadel/action/v2beta/query_p templateUrl: './actions-two-actions.component.html', styleUrls: ['./actions-two-actions.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush, + standalone: false, }) export class ActionsTwoActionsComponent { protected readonly refresh$ = new Subject(); diff --git a/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-autocomplete-input/actions-two-add-action-autocomplete-input.component.ts b/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-autocomplete-input/actions-two-add-action-autocomplete-input.component.ts index fa9acfeeb86..4eb0bae2fcd 100644 --- a/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-autocomplete-input/actions-two-add-action-autocomplete-input.component.ts +++ b/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-autocomplete-input/actions-two-add-action-autocomplete-input.component.ts @@ -29,7 +29,6 @@ class Filter implements PipeTransform { selector: 'cnsl-actions-two-add-action-autocomplete-input', templateUrl: './actions-two-add-action-autocomplete-input.component.html', changeDetection: ChangeDetectionStrategy.OnPush, - standalone: true, imports: [ AsyncPipe, Filter, diff --git a/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-condition/actions-two-add-action-condition.component.ts b/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-condition/actions-two-add-action-condition.component.ts index c670654e067..bde7a919bb5 100644 --- a/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-condition/actions-two-add-action-condition.component.ts +++ b/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-condition/actions-two-add-action-condition.component.ts @@ -28,7 +28,6 @@ export type ConditionTypeValue = Omit< >; @Component({ - standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, selector: 'cnsl-actions-two-add-action-condition', templateUrl: './actions-two-add-action-condition.component.html', diff --git a/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-dialog.component.ts b/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-dialog.component.ts index a93d03e9147..77a1e5b1d28 100644 --- a/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-dialog.component.ts +++ b/console/src/app/modules/actions-two/actions-two-add-action/actions-two-add-action-dialog.component.ts @@ -53,7 +53,6 @@ export type ActionTwoAddActionDialogResult = MessageInitShape; diff --git a/console/src/app/modules/add-key-dialog/add-key-dialog.component.ts b/console/src/app/modules/add-key-dialog/add-key-dialog.component.ts index 4e5c7f6de6d..71d0c57f2bf 100644 --- a/console/src/app/modules/add-key-dialog/add-key-dialog.component.ts +++ b/console/src/app/modules/add-key-dialog/add-key-dialog.component.ts @@ -12,6 +12,7 @@ export enum AddKeyDialogType { selector: 'cnsl-add-key-dialog', templateUrl: './add-key-dialog.component.html', styleUrls: ['./add-key-dialog.component.scss'], + standalone: false, }) export class AddKeyDialogComponent { public startDate: Date = new Date(); diff --git a/console/src/app/modules/add-member-dialog/member-create-dialog.component.ts b/console/src/app/modules/add-member-dialog/member-create-dialog.component.ts index 6e34450b567..14142751c67 100644 --- a/console/src/app/modules/add-member-dialog/member-create-dialog.component.ts +++ b/console/src/app/modules/add-member-dialog/member-create-dialog.component.ts @@ -21,6 +21,7 @@ export enum CreationType { selector: 'cnsl-member-create-dialog', templateUrl: './member-create-dialog.component.html', styleUrls: ['./member-create-dialog.component.scss'], + standalone: false, }) export class MemberCreateDialogComponent { private projectId: string = ''; diff --git a/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.ts b/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.ts index 8119d541c8e..f76b21aeddd 100644 --- a/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.ts +++ b/console/src/app/modules/add-member-roles-dialog/add-member-roles-dialog.component.ts @@ -6,6 +6,7 @@ import { getMembershipColor } from 'src/app/utils/color'; selector: 'cnsl-add-member-roles-dialog', templateUrl: './add-member-roles-dialog.component.html', styleUrls: ['./add-member-roles-dialog.component.scss'], + standalone: false, }) export class AddMemberRolesDialogComponent { public allRoles: string[] = []; diff --git a/console/src/app/modules/add-token-dialog/add-token-dialog.component.ts b/console/src/app/modules/add-token-dialog/add-token-dialog.component.ts index fe84a02db44..325d7af56e2 100644 --- a/console/src/app/modules/add-token-dialog/add-token-dialog.component.ts +++ b/console/src/app/modules/add-token-dialog/add-token-dialog.component.ts @@ -6,6 +6,7 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; selector: 'cnsl-add-token-dialog', templateUrl: './add-token-dialog.component.html', styleUrls: ['./add-token-dialog.component.scss'], + standalone: false, }) export class AddTokenDialogComponent { public startDate: Date = new Date(); diff --git a/console/src/app/modules/app-card/app-card.component.ts b/console/src/app/modules/app-card/app-card.component.ts index 0f67a7792cb..312f887ecbc 100644 --- a/console/src/app/modules/app-card/app-card.component.ts +++ b/console/src/app/modules/app-card/app-card.component.ts @@ -5,6 +5,7 @@ import { OIDCAppType } from 'src/app/proto/generated/zitadel/app_pb'; selector: 'cnsl-app-card', templateUrl: './app-card.component.html', styleUrls: ['./app-card.component.scss'], + standalone: false, }) export class AppCardComponent { @Input() public outline: boolean = false; diff --git a/console/src/app/modules/app-radio/app-auth-method-radio/app-auth-method-radio.component.ts b/console/src/app/modules/app-radio/app-auth-method-radio/app-auth-method-radio.component.ts index 4e9f64ab107..063b8c582aa 100644 --- a/console/src/app/modules/app-radio/app-auth-method-radio/app-auth-method-radio.component.ts +++ b/console/src/app/modules/app-radio/app-auth-method-radio/app-auth-method-radio.component.ts @@ -25,6 +25,7 @@ export interface RadioItemAuthType { selector: 'cnsl-auth-method-radio', templateUrl: './app-auth-method-radio.component.html', styleUrls: ['./app-auth-method-radio.component.scss'], + standalone: false, }) export class AppAuthMethodRadioComponent { @Input() current: string = ''; diff --git a/console/src/app/modules/app-radio/app-type-radio/app-type-radio.component.ts b/console/src/app/modules/app-radio/app-type-radio/app-type-radio.component.ts index de1d112bdd8..f6484e00e35 100644 --- a/console/src/app/modules/app-radio/app-type-radio/app-type-radio.component.ts +++ b/console/src/app/modules/app-radio/app-type-radio/app-type-radio.component.ts @@ -5,6 +5,7 @@ import { RadioItemAppType, WEB_TYPE } from 'src/app/pages/projects/apps/authtype selector: 'cnsl-type-radio', templateUrl: './app-type-radio.component.html', styleUrls: ['./app-type-radio.component.scss'], + standalone: false, }) export class AppTypeRadioComponent { @Input() selected: RadioItemAppType = WEB_TYPE; diff --git a/console/src/app/modules/avatar/avatar.component.ts b/console/src/app/modules/avatar/avatar.component.ts index 417218a4588..65028f8adeb 100644 --- a/console/src/app/modules/avatar/avatar.component.ts +++ b/console/src/app/modules/avatar/avatar.component.ts @@ -6,6 +6,7 @@ import { Color, getColorHash } from 'src/app/utils/color'; selector: 'cnsl-avatar', templateUrl: './avatar.component.html', styleUrls: ['./avatar.component.scss'], + standalone: false, }) export class AvatarComponent implements OnInit { @Input() name: string = ''; diff --git a/console/src/app/modules/card/card.component.ts b/console/src/app/modules/card/card.component.ts index d0c42b88893..a90c869143e 100644 --- a/console/src/app/modules/card/card.component.ts +++ b/console/src/app/modules/card/card.component.ts @@ -5,6 +5,7 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core'; templateUrl: './card.component.html', styleUrls: ['./card.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush, + standalone: false, }) export class CardComponent { @Input() public title: string = ''; diff --git a/console/src/app/modules/changes/changes.component.html b/console/src/app/modules/changes/changes.component.html index e78fb0fbb30..7ed7faa690a 100644 --- a/console/src/app/modules/changes/changes.component.html +++ b/console/src/app/modules/changes/changes.component.html @@ -5,7 +5,7 @@
  • - {{ hist.values[0].dates[0] | timestampToDate | localizedDate: 'dd. MMM YYYY' }} + {{ hist.values[0].dates[0] | timestampToDate | localizedDate: 'dd. MMM yyyy' }}
    @@ -28,7 +28,7 @@ {{ action.localizedMessage }} {{ dayelement.dates[j] | timestampToDate | localizedDate: 'HH:mm' }}
    diff --git a/console/src/app/modules/changes/changes.component.ts b/console/src/app/modules/changes/changes.component.ts index addfad40d4c..c0d1144d925 100644 --- a/console/src/app/modules/changes/changes.component.ts +++ b/console/src/app/modules/changes/changes.component.ts @@ -51,6 +51,7 @@ type ListChanges = selector: 'cnsl-changes', templateUrl: './changes.component.html', styleUrls: ['./changes.component.scss'], + standalone: false, }) export class ChangesComponent implements OnInit { @Input({ required: true }) public changeType!: ChangeType; diff --git a/console/src/app/modules/client-keys/client-keys.component.ts b/console/src/app/modules/client-keys/client-keys.component.ts index bfa32b0b547..91fb9e7ce2d 100644 --- a/console/src/app/modules/client-keys/client-keys.component.ts +++ b/console/src/app/modules/client-keys/client-keys.component.ts @@ -19,6 +19,7 @@ import { PageEvent, PaginatorComponent } from '../paginator/paginator.component' selector: 'cnsl-client-keys', templateUrl: './client-keys.component.html', styleUrls: ['./client-keys.component.scss'], + standalone: false, }) export class ClientKeysComponent implements OnInit { @Input() projectId!: string; diff --git a/console/src/app/modules/contributors/contributors.component.ts b/console/src/app/modules/contributors/contributors.component.ts index bdb3fe45407..0ca33b70fb4 100644 --- a/console/src/app/modules/contributors/contributors.component.ts +++ b/console/src/app/modules/contributors/contributors.component.ts @@ -25,6 +25,7 @@ import { Type } from 'src/app/proto/generated/zitadel/user_pb'; ]), ]), ], + standalone: false, }) export class ContributorsComponent { @Input() title: string = ''; diff --git a/console/src/app/modules/create-layout/create-layout.component.ts b/console/src/app/modules/create-layout/create-layout.component.ts index f9494a9eb37..36ab0b9d242 100644 --- a/console/src/app/modules/create-layout/create-layout.component.ts +++ b/console/src/app/modules/create-layout/create-layout.component.ts @@ -4,6 +4,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'; selector: 'cnsl-create-layout', templateUrl: './create-layout.component.html', styleUrls: ['./create-layout.component.scss'], + standalone: false, }) export class CreateLayoutComponent { @Input() currentCreateStep: number = 1; diff --git a/console/src/app/modules/detail-layout/detail-layout.component.ts b/console/src/app/modules/detail-layout/detail-layout.component.ts index a565e5859b8..859925d5275 100644 --- a/console/src/app/modules/detail-layout/detail-layout.component.ts +++ b/console/src/app/modules/detail-layout/detail-layout.component.ts @@ -4,6 +4,7 @@ import { Component, Input } from '@angular/core'; selector: 'cnsl-detail-layout', templateUrl: './detail-layout.component.html', styleUrls: ['./detail-layout.component.scss'], + standalone: false, }) export class DetailLayoutComponent { @Input() hasBackButton: boolean = true; diff --git a/console/src/app/modules/display-json-dialog/display-json-dialog.component.ts b/console/src/app/modules/display-json-dialog/display-json-dialog.component.ts index 764f74a9b0a..4e5e917c356 100644 --- a/console/src/app/modules/display-json-dialog/display-json-dialog.component.ts +++ b/console/src/app/modules/display-json-dialog/display-json-dialog.component.ts @@ -7,6 +7,7 @@ import { Event } from 'src/app/proto/generated/zitadel/event_pb'; selector: 'cnsl-display-json-dialog', templateUrl: './display-json-dialog.component.html', styleUrls: ['./display-json-dialog.component.scss'], + standalone: false, }) export class DisplayJsonDialogComponent { public event?: Event; diff --git a/console/src/app/modules/domains/add-domain-dialog/add-domain-dialog.component.ts b/console/src/app/modules/domains/add-domain-dialog/add-domain-dialog.component.ts index 0bd2c3d5ae3..8e65838806d 100644 --- a/console/src/app/modules/domains/add-domain-dialog/add-domain-dialog.component.ts +++ b/console/src/app/modules/domains/add-domain-dialog/add-domain-dialog.component.ts @@ -5,6 +5,7 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; selector: 'cnsl-add-domain-dialog', templateUrl: './add-domain-dialog.component.html', styleUrls: ['./add-domain-dialog.component.scss'], + standalone: false, }) export class AddDomainDialogComponent { public newdomain: string = ''; diff --git a/console/src/app/modules/domains/domain-verification/domain-verification.component.ts b/console/src/app/modules/domains/domain-verification/domain-verification.component.ts index 4ff4dfa1f25..0d46dd9ea57 100644 --- a/console/src/app/modules/domains/domain-verification/domain-verification.component.ts +++ b/console/src/app/modules/domains/domain-verification/domain-verification.component.ts @@ -11,6 +11,7 @@ import { ToastService } from 'src/app/services/toast.service'; selector: 'cnsl-domain-verification', templateUrl: './domain-verification.component.html', styleUrls: ['./domain-verification.component.scss'], + standalone: false, }) export class DomainVerificationComponent { public domain?: Domain.AsObject; diff --git a/console/src/app/modules/domains/domains.component.ts b/console/src/app/modules/domains/domains.component.ts index 4c57f18c600..e5b80ffa36d 100644 --- a/console/src/app/modules/domains/domains.component.ts +++ b/console/src/app/modules/domains/domains.component.ts @@ -14,6 +14,7 @@ import { DomainVerificationComponent } from './domain-verification/domain-verifi selector: 'cnsl-domains', templateUrl: './domains.component.html', styleUrls: ['./domains.component.scss'], + standalone: false, }) export class DomainsComponent implements OnInit { public domains: Domain.AsObject[] = []; diff --git a/console/src/app/modules/edit-text/edit-text.component.ts b/console/src/app/modules/edit-text/edit-text.component.ts index 6338fb50edf..e523257d418 100644 --- a/console/src/app/modules/edit-text/edit-text.component.ts +++ b/console/src/app/modules/edit-text/edit-text.component.ts @@ -9,6 +9,7 @@ import { InfoSectionType } from '../info-section/info-section.component'; selector: 'cnsl-edit-text', templateUrl: './edit-text.component.html', styleUrls: ['./edit-text.component.scss'], + standalone: false, }) export class EditTextComponent implements OnInit, OnDestroy { @Input() label: string = ''; diff --git a/console/src/app/modules/events/events.component.ts b/console/src/app/modules/events/events.component.ts index c6dd22fc8d1..06c4bab0d2c 100644 --- a/console/src/app/modules/events/events.component.ts +++ b/console/src/app/modules/events/events.component.ts @@ -31,6 +31,7 @@ type LoadRequest = { selector: 'cnsl-events', templateUrl: './events.component.html', styleUrls: ['./events.component.scss'], + standalone: false, }) export class EventsComponent implements OnDestroy { public INITPAGESIZE = 20; diff --git a/console/src/app/modules/failed-events/failed-events.component.ts b/console/src/app/modules/failed-events/failed-events.component.ts index c3f5fedb468..eb96ec1d18e 100644 --- a/console/src/app/modules/failed-events/failed-events.component.ts +++ b/console/src/app/modules/failed-events/failed-events.component.ts @@ -12,6 +12,7 @@ import { ToastService } from 'src/app/services/toast.service'; selector: 'cnsl-iam-failed-events', templateUrl: './failed-events.component.html', styleUrls: ['./failed-events.component.scss'], + standalone: false, }) export class FailedEventsComponent implements AfterViewInit { @ViewChild(MatPaginator) public eventPaginator!: MatPaginator; diff --git a/console/src/app/modules/filter-events/filter-events.component.ts b/console/src/app/modules/filter-events/filter-events.component.ts index 15bffd10b5f..3e1433040da 100644 --- a/console/src/app/modules/filter-events/filter-events.component.ts +++ b/console/src/app/modules/filter-events/filter-events.component.ts @@ -34,6 +34,7 @@ function dateToTs(date: Date): Timestamp { selector: 'cnsl-filter-events', templateUrl: './filter-events.component.html', styleUrls: ['./filter-events.component.scss'], + standalone: false, }) export class FilterEventsComponent implements OnInit { // Make enum available in template diff --git a/console/src/app/modules/filter-org/filter-org.component.ts b/console/src/app/modules/filter-org/filter-org.component.ts index 4ea9a6ea6e1..c034bf09e59 100644 --- a/console/src/app/modules/filter-org/filter-org.component.ts +++ b/console/src/app/modules/filter-org/filter-org.component.ts @@ -26,6 +26,7 @@ enum SubQuery { selector: 'cnsl-filter-org', templateUrl: './filter-org.component.html', styleUrls: ['./filter-org.component.scss'], + standalone: false, }) export class FilterOrgComponent extends FilterComponent implements OnInit { public SubQuery: any = SubQuery; diff --git a/console/src/app/modules/filter-project/filter-project.component.ts b/console/src/app/modules/filter-project/filter-project.component.ts index 92556d311d8..199f6fb6525 100644 --- a/console/src/app/modules/filter-project/filter-project.component.ts +++ b/console/src/app/modules/filter-project/filter-project.component.ts @@ -17,6 +17,7 @@ enum SubQuery { selector: 'cnsl-filter-project', templateUrl: './filter-project.component.html', styleUrls: ['./filter-project.component.scss'], + standalone: false, }) export class FilterProjectComponent extends FilterComponent implements OnInit { public SubQuery: any = SubQuery; diff --git a/console/src/app/modules/filter-user-grants/filter-user-grants.component.ts b/console/src/app/modules/filter-user-grants/filter-user-grants.component.ts index dccaed13e5d..4f95545d0b1 100644 --- a/console/src/app/modules/filter-user-grants/filter-user-grants.component.ts +++ b/console/src/app/modules/filter-user-grants/filter-user-grants.component.ts @@ -24,6 +24,7 @@ enum SubQuery { selector: 'cnsl-filter-user-grants', templateUrl: './filter-user-grants.component.html', styleUrls: ['./filter-user-grants.component.scss'], + standalone: false, }) export class FilterUserGrantsComponent extends FilterComponent implements OnInit { public SubQuery: any = SubQuery; diff --git a/console/src/app/modules/filter-user/filter-user.component.ts b/console/src/app/modules/filter-user/filter-user.component.ts index ebc6bc516f6..5d8ca2724c5 100644 --- a/console/src/app/modules/filter-user/filter-user.component.ts +++ b/console/src/app/modules/filter-user/filter-user.component.ts @@ -26,6 +26,7 @@ enum SubQuery { selector: 'cnsl-filter-user', templateUrl: './filter-user.component.html', styleUrls: ['./filter-user.component.scss'], + standalone: false, }) export class FilterUserComponent extends FilterComponent implements OnInit { public SubQuery: any = SubQuery; diff --git a/console/src/app/modules/filter/filter.component.ts b/console/src/app/modules/filter/filter.component.ts index dac94525d98..0701566f4e0 100644 --- a/console/src/app/modules/filter/filter.component.ts +++ b/console/src/app/modules/filter/filter.component.ts @@ -22,6 +22,7 @@ type FilterSearchQueryAsObject = selector: 'cnsl-filter', templateUrl: './filter.component.html', styleUrls: ['./filter.component.scss'], + standalone: false, }) export class FilterComponent { @Output() public filterChanged: EventEmitter = new EventEmitter(); diff --git a/console/src/app/modules/footer/footer.component.ts b/console/src/app/modules/footer/footer.component.ts index 758917ea4bf..8349fa249f4 100644 --- a/console/src/app/modules/footer/footer.component.ts +++ b/console/src/app/modules/footer/footer.component.ts @@ -7,6 +7,7 @@ import { faXTwitter } from '@fortawesome/free-brands-svg-icons'; selector: 'cnsl-footer', templateUrl: './footer.component.html', styleUrls: ['./footer.component.scss'], + standalone: false, }) export class FooterComponent { public faXTwitter = faXTwitter; diff --git a/console/src/app/modules/form-field/error/error.directive.ts b/console/src/app/modules/form-field/error/error.directive.ts index be3fa2a7821..45dcf69eaa7 100644 --- a/console/src/app/modules/form-field/error/error.directive.ts +++ b/console/src/app/modules/form-field/error/error.directive.ts @@ -12,6 +12,7 @@ export const CNSL_ERROR = new InjectionToken('CnslError'); '[attr.id]': 'id', }, providers: [{ provide: CNSL_ERROR, useExisting: CnslErrorDirective }], + standalone: false, }) export class CnslErrorDirective { @Input() id: string = `cnsl-error-${nextUniqueId++}`; diff --git a/console/src/app/modules/form-field/field/form-field.component.ts b/console/src/app/modules/form-field/field/form-field.component.ts index 323c91464c6..6a2c75af880 100644 --- a/console/src/app/modules/form-field/field/form-field.component.ts +++ b/console/src/app/modules/form-field/field/form-field.component.ts @@ -60,6 +60,7 @@ interface ValidationError { encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [cnslFormFieldAnimations.transitionMessages], + standalone: false, }) export class CnslFormFieldComponent extends CnslFormFieldBase implements OnDestroy, AfterContentInit, AfterViewInit { focused: boolean = false; diff --git a/console/src/app/modules/header/header.component.ts b/console/src/app/modules/header/header.component.ts index f20912fb111..8e7e9f599d9 100644 --- a/console/src/app/modules/header/header.component.ts +++ b/console/src/app/modules/header/header.component.ts @@ -13,6 +13,7 @@ import { Organization } from '@zitadel/proto/zitadel/org/v2/org_pb'; selector: 'cnsl-header', templateUrl: './header.component.html', styleUrls: ['./header.component.scss'], + standalone: false, }) export class HeaderComponent { @Input() public isDarkTheme: boolean = true; diff --git a/console/src/app/modules/iam-views/iam-views.component.ts b/console/src/app/modules/iam-views/iam-views.component.ts index 41e5b870373..b0e2c6bd9aa 100644 --- a/console/src/app/modules/iam-views/iam-views.component.ts +++ b/console/src/app/modules/iam-views/iam-views.component.ts @@ -12,6 +12,7 @@ import { Breadcrumb, BreadcrumbService, BreadcrumbType } from 'src/app/services/ selector: 'cnsl-iam-views', templateUrl: './iam-views.component.html', styleUrls: ['./iam-views.component.scss'], + standalone: false, }) export class IamViewsComponent implements AfterViewInit { @ViewChild(MatSort) sort!: MatSort; diff --git a/console/src/app/modules/idp-table/idp-table.component.ts b/console/src/app/modules/idp-table/idp-table.component.ts index 6a5c242ff7a..9feecb479a0 100644 --- a/console/src/app/modules/idp-table/idp-table.component.ts +++ b/console/src/app/modules/idp-table/idp-table.component.ts @@ -43,6 +43,7 @@ import { first } from 'rxjs/operators'; selector: 'cnsl-idp-table', templateUrl: './idp-table.component.html', styleUrls: ['./idp-table.component.scss'], + standalone: false, }) export class IdpTableComponent implements OnInit, OnDestroy { @Input() public serviceType!: PolicyComponentServiceType; diff --git a/console/src/app/modules/info-dialog/info-dialog.component.ts b/console/src/app/modules/info-dialog/info-dialog.component.ts index c85abff9ad8..e0494c06189 100644 --- a/console/src/app/modules/info-dialog/info-dialog.component.ts +++ b/console/src/app/modules/info-dialog/info-dialog.component.ts @@ -7,6 +7,7 @@ import { InfoSectionType } from '../info-section/info-section.component'; selector: 'cnsl-info-dialog', templateUrl: './info-dialog.component.html', styleUrls: ['./info-dialog.component.scss'], + standalone: false, }) export class InfoDialogComponent { public confirm: string = ''; diff --git a/console/src/app/modules/info-overlay/info-overlay.component.ts b/console/src/app/modules/info-overlay/info-overlay.component.ts index b823a111d18..7eba25afe51 100644 --- a/console/src/app/modules/info-overlay/info-overlay.component.ts +++ b/console/src/app/modules/info-overlay/info-overlay.component.ts @@ -7,6 +7,7 @@ export const OVERLAY_DATA = new InjectionToken('OVERLAY_DATA'); selector: 'cnsl-info-overlay', templateUrl: './info-overlay.component.html', styleUrls: ['./info-overlay.component.scss'], + standalone: false, }) export class InfoOverlayComponent { constructor( diff --git a/console/src/app/modules/info-row/info-row.component.html b/console/src/app/modules/info-row/info-row.component.html index 62ce4247128..ca08877c7c2 100644 --- a/console/src/app/modules/info-row/info-row.component.html +++ b/console/src/app/modules/info-row/info-row.component.html @@ -21,14 +21,14 @@

    {{ 'USER.DETAILS.DATECREATED' | translate }}

    - {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    {{ 'USER.DETAILS.DATECHANGED' | translate }}

    - {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    @@ -97,14 +97,14 @@

    {{ 'ORG.PAGES.CREATIONDATE' | translate }}

    - {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    {{ 'ORG.PAGES.DATECHANGED' | translate }}

    - {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    @@ -144,14 +144,14 @@

    {{ 'ORG.PAGES.CREATIONDATE' | translate }}

    - {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    {{ 'ORG.PAGES.DATECHANGED' | translate }}

    - {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

  • @@ -179,14 +179,14 @@

    {{ 'PROJECT.PAGES.CREATEDON' | translate }}

    - {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    {{ 'PROJECT.PAGES.LASTMODIFIED' | translate }}

    - {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    @@ -219,14 +219,14 @@

    {{ 'PROJECT.PAGES.CREATEDON' | translate }}

    - {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    {{ 'PROJECT.PAGES.LASTMODIFIED' | translate }}

    - {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    @@ -265,14 +265,14 @@

    {{ 'APP.PAGES.DATECREATED' | translate }}

    - {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    {{ 'APP.PAGES.DATECHANGED' | translate }}

    - {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    @@ -318,14 +318,14 @@

    {{ 'IDP.DETAIL.DATECREATED' | translate }}

    - {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ creationDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    {{ 'IDP.DETAIL.DATECHANGED' | translate }}

    - {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm' }} + {{ changeDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm' }}

    diff --git a/console/src/app/modules/info-row/info-row.component.ts b/console/src/app/modules/info-row/info-row.component.ts index 4f03005edb9..da3ef7fbe0a 100644 --- a/console/src/app/modules/info-row/info-row.component.ts +++ b/console/src/app/modules/info-row/info-row.component.ts @@ -15,6 +15,7 @@ import { Organization as OrgV2 } from '@zitadel/proto/zitadel/org/v2/org_pb'; selector: 'cnsl-info-row', templateUrl: './info-row.component.html', styleUrls: ['./info-row.component.scss'], + standalone: false, }) export class InfoRowComponent { @Input() public user?: User.AsObject | UserV2 | UserV1; diff --git a/console/src/app/modules/info-section/info-section.component.ts b/console/src/app/modules/info-section/info-section.component.ts index 3618b43b9ba..c0c817115f2 100644 --- a/console/src/app/modules/info-section/info-section.component.ts +++ b/console/src/app/modules/info-section/info-section.component.ts @@ -11,6 +11,7 @@ export enum InfoSectionType { templateUrl: './info-section.component.html', styleUrls: ['./info-section.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush, + standalone: false, }) export class InfoSectionComponent { @Input() type: InfoSectionType = InfoSectionType.INFO; diff --git a/console/src/app/modules/input/input.directive.spec.ts b/console/src/app/modules/input/input.directive.spec.ts index 46544ca0969..f7df9e24766 100644 --- a/console/src/app/modules/input/input.directive.spec.ts +++ b/console/src/app/modules/input/input.directive.spec.ts @@ -12,6 +12,7 @@ import { By } from '@angular/platform-browser'; @Component({ template: ``, + standalone: false, }) class TestHostComponent {} diff --git a/console/src/app/modules/input/input.directive.ts b/console/src/app/modules/input/input.directive.ts index cc816aa18d9..7d6803e8bec 100644 --- a/console/src/app/modules/input/input.directive.ts +++ b/console/src/app/modules/input/input.directive.ts @@ -16,7 +16,7 @@ import { Self, } from '@angular/core'; import { FormGroupDirective, NgControl, NgForm } from '@angular/forms'; -import { CanUpdateErrorState, ErrorStateMatcher, mixinErrorState } from '@angular/material/core'; +import { _ErrorStateTracker, ErrorStateMatcher } from '@angular/material/core'; import { MatFormField, MatFormFieldControl, MAT_FORM_FIELD } from '@angular/material/form-field'; import { getMatInputUnsupportedTypeError, MAT_INPUT_VALUE_ACCESSOR } from '@angular/material/input'; import { Subject } from 'rxjs'; @@ -26,24 +26,6 @@ const MAT_INPUT_INVALID_TYPES = ['button', 'checkbox', 'file', 'hidden', 'image' let nextUniqueId = 0; -const _MatInputBase = mixinErrorState( - class { - readonly stateChanges = new Subject(); - - constructor( - public _defaultErrorStateMatcher: ErrorStateMatcher, - public _parentForm: NgForm, - public _parentFormGroup: FormGroupDirective, - /** - * Form control bound to the component. - * Implemented as part of `MatFormFieldControl`. - * @docs-private - */ - public ngControl: NgControl, - ) {} - }, -); - /** Directive that allows a native input to work inside a `MatFormField`. */ @Directive({ selector: `input[cnslInput], textarea[cnslInput], select[cnslNativeControl]`, @@ -68,11 +50,9 @@ const _MatInputBase = mixinErrorState( '[attr.aria-required]': 'required.toString()', }, providers: [{ provide: MatFormFieldControl, useExisting: InputDirective }], + standalone: false, }) -export class InputDirective - extends _MatInputBase - implements MatFormFieldControl, OnChanges, CanUpdateErrorState, OnDestroy, AfterViewInit, DoCheck, CanUpdateErrorState -{ +export class InputDirective implements MatFormFieldControl, OnChanges, OnDestroy, AfterViewInit, DoCheck { protected _uid: string = `cnsl-input-${nextUniqueId++}`; protected _previousNativeValue: any; private _inputValueAccessor: { value: any }; @@ -97,7 +77,14 @@ export class InputDirective * Implemented as part of MatFormFieldControl. * @docs-private */ - override readonly stateChanges: Subject = new Subject(); + readonly stateChanges: Subject = new Subject(); + + get errorState() { + return this._errorStateTracker.errorState; + } + set errorState(value: boolean) { + this._errorStateTracker.errorState = value; + } /** * Implemented as part of MatFormFieldControl. @@ -184,9 +171,6 @@ export class InputDirective } protected _type: string = 'text'; - /** An object used to control when error messages are shown. */ - @Input() override errorStateMatcher!: ErrorStateMatcher; - /** * Implemented as part of MatFormFieldControl. * @docs-private @@ -223,24 +207,40 @@ export class InputDirective getSupportedInputTypes().has(t), ); + @Input() + get errorStateMatcher() { + return this._errorStateTracker.matcher; + } + set errorStateMatcher(value: ErrorStateMatcher) { + this._errorStateTracker.matcher = value; + } + + private _errorStateTracker: _ErrorStateTracker; + constructor( protected _elementRef: ElementRef, protected _platform: Platform, /** @docs-private */ - @Optional() @Self() public override ngControl: NgControl, - @Optional() _parentForm: NgForm, - @Optional() _parentFormGroup: FormGroupDirective, - _defaultErrorStateMatcher: ErrorStateMatcher, + @Optional() @Self() public ngControl: NgControl, + @Optional() parentForm: NgForm, + @Optional() parentFormGroup: FormGroupDirective, + defaultErrorStateMatcher: ErrorStateMatcher, @Optional() @Self() @Inject(MAT_INPUT_VALUE_ACCESSOR) inputValueAccessor: any, private _autofillMonitor: AutofillMonitor, ngZone: NgZone, @Optional() @Inject(MAT_FORM_FIELD) private _formField?: MatFormField, ) { - super(_defaultErrorStateMatcher, _parentForm, _parentFormGroup, ngControl); - const element = this._elementRef.nativeElement; const nodeName = element.nodeName.toLowerCase(); + this._errorStateTracker = new _ErrorStateTracker( + defaultErrorStateMatcher, + ngControl, + parentFormGroup, + parentForm, + this.stateChanges, + ); + // If no input value accessor was explicitly specified, use the element as the input value // accessor. this._inputValueAccessor = inputValueAccessor || element; @@ -317,6 +317,10 @@ export class InputDirective this._dirtyCheckPlaceholder(); } + updateErrorState() { + this._errorStateTracker.updateErrorState(); + } + /** Focuses the input. */ focus(options?: FocusOptions): void { this._elementRef.nativeElement.focus(options); diff --git a/console/src/app/modules/keyboard-shortcuts/keyboard-shortcuts.component.ts b/console/src/app/modules/keyboard-shortcuts/keyboard-shortcuts.component.ts index 15cb81f87df..5e964aa09a3 100644 --- a/console/src/app/modules/keyboard-shortcuts/keyboard-shortcuts.component.ts +++ b/console/src/app/modules/keyboard-shortcuts/keyboard-shortcuts.component.ts @@ -7,6 +7,7 @@ import { KeyboardShortcut, ORGSHORTCUTS, SIDEWIDESHORTCUTS } from 'src/app/servi selector: 'cnsl-keyboard-shortcuts', templateUrl: './keyboard-shortcuts.component.html', styleUrls: ['./keyboard-shortcuts.component.scss'], + standalone: false, }) export class KeyboardShortcutsComponent { public orgShortcuts: KeyboardShortcut[] = ORGSHORTCUTS; diff --git a/console/src/app/modules/label/label.component.ts b/console/src/app/modules/label/label.component.ts index 13d32f5a43b..e86da7bb85d 100644 --- a/console/src/app/modules/label/label.component.ts +++ b/console/src/app/modules/label/label.component.ts @@ -4,6 +4,7 @@ import { Component } from '@angular/core'; selector: 'cnsl-label', templateUrl: './label.component.html', styleUrls: ['./label.component.scss'], + standalone: false, }) export class LabelComponent { constructor() {} diff --git a/console/src/app/modules/machine-keys/machine-keys.component.ts b/console/src/app/modules/machine-keys/machine-keys.component.ts index 06a945062d1..bd2cc86c893 100644 --- a/console/src/app/modules/machine-keys/machine-keys.component.ts +++ b/console/src/app/modules/machine-keys/machine-keys.component.ts @@ -20,6 +20,7 @@ import { WarnDialogComponent } from '../warn-dialog/warn-dialog.component'; selector: 'cnsl-machine-keys', templateUrl: './machine-keys.component.html', styleUrls: ['./machine-keys.component.scss'], + standalone: false, }) export class MachineKeysComponent implements OnInit { @Input() userId?: string; diff --git a/console/src/app/modules/members-table/members-table.component.ts b/console/src/app/modules/members-table/members-table.component.ts index fd5b7922a3f..c328e27d074 100644 --- a/console/src/app/modules/members-table/members-table.component.ts +++ b/console/src/app/modules/members-table/members-table.component.ts @@ -26,6 +26,7 @@ type MemberDatasource = selector: 'cnsl-members-table', templateUrl: './members-table.component.html', styleUrls: ['./members-table.component.scss'], + standalone: false, }) export class MembersTableComponent implements OnInit, OnDestroy { public INITIALPAGESIZE: number = 25; diff --git a/console/src/app/modules/memberships-table/memberships-table.component.ts b/console/src/app/modules/memberships-table/memberships-table.component.ts index d9eccf718b2..554c9c9c4f8 100644 --- a/console/src/app/modules/memberships-table/memberships-table.component.ts +++ b/console/src/app/modules/memberships-table/memberships-table.component.ts @@ -22,6 +22,7 @@ import { Organization } from '@zitadel/proto/zitadel/org/v2/org_pb'; selector: 'cnsl-memberships-table', templateUrl: './memberships-table.component.html', styleUrls: ['./memberships-table.component.scss'], + standalone: false, }) export class MembershipsTableComponent implements OnInit, OnDestroy { public INITIALPAGESIZE: number = 25; diff --git a/console/src/app/modules/meta-layout/meta-layout.component.ts b/console/src/app/modules/meta-layout/meta-layout.component.ts index dddfcbea1d5..02402ba109c 100644 --- a/console/src/app/modules/meta-layout/meta-layout.component.ts +++ b/console/src/app/modules/meta-layout/meta-layout.component.ts @@ -7,6 +7,7 @@ import { map } from 'rxjs/operators'; selector: 'cnsl-meta-layout', templateUrl: './meta-layout.component.html', styleUrls: ['./meta-layout.component.scss'], + standalone: false, }) export class MetaLayoutComponent { constructor(private breakpointObserver: BreakpointObserver) { diff --git a/console/src/app/modules/metadata/metadata-dialog/metadata-dialog.component.ts b/console/src/app/modules/metadata/metadata-dialog/metadata-dialog.component.ts index c75e15bf044..e59fa60ac4a 100644 --- a/console/src/app/modules/metadata/metadata-dialog/metadata-dialog.component.ts +++ b/console/src/app/modules/metadata/metadata-dialog/metadata-dialog.component.ts @@ -15,6 +15,7 @@ export type MetadataDialogData = { selector: 'cnsl-metadata-dialog', templateUrl: './metadata-dialog.component.html', styleUrls: ['./metadata-dialog.component.scss'], + standalone: false, }) export class MetadataDialogComponent { public metadata: { key: string; value: string }[] = []; diff --git a/console/src/app/modules/metadata/metadata/metadata.component.ts b/console/src/app/modules/metadata/metadata/metadata.component.ts index bdb2c7734cf..dc4fd4c6d03 100644 --- a/console/src/app/modules/metadata/metadata/metadata.component.ts +++ b/console/src/app/modules/metadata/metadata/metadata.component.ts @@ -15,6 +15,7 @@ type StringMetadata = { selector: 'cnsl-metadata', templateUrl: './metadata.component.html', styleUrls: ['./metadata.component.scss'], + standalone: false, }) export class MetadataComponent implements OnInit { @Input({ required: true }) public set metadata(metadata: (Metadata.AsObject | MetadataV2)[]) { diff --git a/console/src/app/modules/name-dialog/name-dialog.component.ts b/console/src/app/modules/name-dialog/name-dialog.component.ts index a3e450b98d3..f0fae89d37b 100644 --- a/console/src/app/modules/name-dialog/name-dialog.component.ts +++ b/console/src/app/modules/name-dialog/name-dialog.component.ts @@ -5,6 +5,7 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; selector: 'cnsl-name-dialog', templateUrl: './name-dialog.component.html', styleUrls: ['./name-dialog.component.scss'], + standalone: false, }) export class NameDialogComponent { public name: string = ''; diff --git a/console/src/app/modules/nav-toggle/nav-toggle.component.ts b/console/src/app/modules/nav-toggle/nav-toggle.component.ts index 97cca6bfab2..7d8598641ea 100644 --- a/console/src/app/modules/nav-toggle/nav-toggle.component.ts +++ b/console/src/app/modules/nav-toggle/nav-toggle.component.ts @@ -4,6 +4,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'; selector: 'cnsl-nav-toggle', templateUrl: './nav-toggle.component.html', styleUrls: ['./nav-toggle.component.scss'], + standalone: false, }) export class NavToggleComponent { @Input() public label: string = ''; diff --git a/console/src/app/modules/nav/nav.component.ts b/console/src/app/modules/nav/nav.component.ts index 47cdc080496..c02f1787c97 100644 --- a/console/src/app/modules/nav/nav.component.ts +++ b/console/src/app/modules/nav/nav.component.ts @@ -69,6 +69,7 @@ import { Organization } from '@zitadel/proto/zitadel/org/v2/org_pb'; ]), ]), ], + standalone: false, }) export class NavComponent implements OnDestroy { @ViewChild('input', { static: false }) input!: ElementRef; diff --git a/console/src/app/modules/new-header/header-button/header-button.component.ts b/console/src/app/modules/new-header/header-button/header-button.component.ts index 16a933b11b4..9de94ac5db8 100644 --- a/console/src/app/modules/new-header/header-button/header-button.component.ts +++ b/console/src/app/modules/new-header/header-button/header-button.component.ts @@ -7,7 +7,6 @@ import { MatRippleModule } from '@angular/material/core'; selector: 'cnsl-header-button', templateUrl: './header-button.component.html', styleUrls: ['./header-button.component.scss'], - standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIconComponent, MatRippleModule], providers: [provideIcons({ heroChevronUpDown })], diff --git a/console/src/app/modules/new-header/header-dropdown/header-dropdown.component.ts b/console/src/app/modules/new-header/header-dropdown/header-dropdown.component.ts index b6424de48e0..5f12af16a45 100644 --- a/console/src/app/modules/new-header/header-dropdown/header-dropdown.component.ts +++ b/console/src/app/modules/new-header/header-dropdown/header-dropdown.component.ts @@ -23,7 +23,6 @@ import { ReplaySubject } from 'rxjs'; selector: 'cnsl-header-dropdown', templateUrl: './header-dropdown.component.html', styleUrls: ['./header-dropdown.component.scss'], - standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkConnectedOverlay, NgIf, AsyncPipe], }) @@ -59,15 +58,12 @@ export class HeaderDropdownComponent implements OnInit { // to make sure the dropdown will be rendered in the correct position runInInjectionContext(this.injector, () => { const isOpen = toSignal(this.isOpen$, { requireSync: true }); - effect( - () => { - this.isHandset(); - if (untracked(() => isOpen())) { - this.closed.emit(); - } - }, - { allowSignalWrites: true }, - ); + effect(() => { + this.isHandset(); + if (untracked(() => isOpen())) { + this.closed.emit(); + } + }); }); } diff --git a/console/src/app/modules/new-header/instance-selector/instance-selector.component.ts b/console/src/app/modules/new-header/instance-selector/instance-selector.component.ts index dbecf88cea2..2809ef7a6d4 100644 --- a/console/src/app/modules/new-header/instance-selector/instance-selector.component.ts +++ b/console/src/app/modules/new-header/instance-selector/instance-selector.component.ts @@ -1,7 +1,6 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Output, Input } from '@angular/core'; import { TranslateModule } from '@ngx-translate/core'; import { MatButtonModule } from '@angular/material/button'; -import { Router, RouterLink } from '@angular/router'; import { InstanceDetail } from '@zitadel/proto/zitadel/instance_pb'; import { NgIconComponent, provideIcons } from '@ng-icons/core'; import { heroCog8ToothSolid } from '@ng-icons/heroicons/solid'; @@ -14,9 +13,8 @@ import { CommonModule } from '@angular/common'; selector: 'cnsl-instance-selector', templateUrl: './instance-selector.component.html', styleUrls: ['./instance-selector.component.scss'], - standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, - imports: [TranslateModule, MatButtonModule, RouterLink, NgIconComponent, CommonModule], + imports: [TranslateModule, MatButtonModule, NgIconComponent, CommonModule], providers: [provideIcons({ heroCog8ToothSolid, heroChevronRight })], }) export class InstanceSelectorComponent { diff --git a/console/src/app/modules/new-header/new-header.component.ts b/console/src/app/modules/new-header/new-header.component.ts index f93cd7598f6..ca576cebbc4 100644 --- a/console/src/app/modules/new-header/new-header.component.ts +++ b/console/src/app/modules/new-header/new-header.component.ts @@ -25,7 +25,6 @@ import { MatRippleModule } from '@angular/material/core'; selector: 'cnsl-new-header', templateUrl: './new-header.component.html', styleUrls: ['./new-header.component.scss'], - standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ MatToolbarModule, diff --git a/console/src/app/modules/new-header/organization-selector/organization-selector.component.ts b/console/src/app/modules/new-header/organization-selector/organization-selector.component.ts index f5657287bff..cc1069a31aa 100644 --- a/console/src/app/modules/new-header/organization-selector/organization-selector.component.ts +++ b/console/src/app/modules/new-header/organization-selector/organization-selector.component.ts @@ -48,7 +48,6 @@ const QUERY_LIMIT = 20; selector: 'cnsl-organization-selector', templateUrl: './organization-selector.component.html', styleUrls: ['./organization-selector.component.scss'], - standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ NgForOf, diff --git a/console/src/app/modules/onboarding-card/onboarding-card.component.ts b/console/src/app/modules/onboarding-card/onboarding-card.component.ts index 8c5fc17de29..d38b385748d 100644 --- a/console/src/app/modules/onboarding-card/onboarding-card.component.ts +++ b/console/src/app/modules/onboarding-card/onboarding-card.component.ts @@ -7,6 +7,7 @@ import { ONBOARDING_MILESTONES } from 'src/app/utils/onboarding'; selector: 'cnsl-onboarding-card', templateUrl: './onboarding-card.component.html', styleUrls: ['./onboarding-card.component.scss'], + standalone: false, }) export class OnboardingCardComponent implements OnInit { public percentageChanged: EventEmitter = new EventEmitter(); diff --git a/console/src/app/modules/onboarding/onboarding.component.ts b/console/src/app/modules/onboarding/onboarding.component.ts index e0938f59d5c..168c9f3b64e 100644 --- a/console/src/app/modules/onboarding/onboarding.component.ts +++ b/console/src/app/modules/onboarding/onboarding.component.ts @@ -7,6 +7,7 @@ import { ONBOARDING_MILESTONES } from 'src/app/utils/onboarding'; selector: 'cnsl-onboarding', templateUrl: './onboarding.component.html', styleUrls: ['./onboarding.component.scss'], + standalone: false, }) export class OnboardingComponent { public actions = this.adminService.progressMilestones; diff --git a/console/src/app/modules/org-context/org-context.component.ts b/console/src/app/modules/org-context/org-context.component.ts index 5113f2865ee..826948caf39 100644 --- a/console/src/app/modules/org-context/org-context.component.ts +++ b/console/src/app/modules/org-context/org-context.component.ts @@ -15,6 +15,7 @@ const ORG_QUERY_LIMIT = 100; selector: 'cnsl-org-context', templateUrl: './org-context.component.html', styleUrls: ['./org-context.component.scss'], + standalone: false, }) export class OrgContextComponent implements OnInit { public pinned: SelectionModel = new SelectionModel(true, []); diff --git a/console/src/app/modules/org-table/org-table.component.ts b/console/src/app/modules/org-table/org-table.component.ts index b85c39bba63..353e97976b9 100644 --- a/console/src/app/modules/org-table/org-table.component.ts +++ b/console/src/app/modules/org-table/org-table.component.ts @@ -26,6 +26,7 @@ type SearchQuery = NonNullable -
    +
    {{ 'ERRORS.SYMBOLERROR' | translate }}
    -
    +
    {{ 'ERRORS.NUMBERERROR' | translate }}
    -
    +
    {{ 'ERRORS.UPPERCASEMISSING' | translate }}
    -
    +
    {{ 'ERRORS.LOWERCASEMISSING' | translate }} diff --git a/console/src/app/modules/password-complexity-view/password-complexity-view.component.ts b/console/src/app/modules/password-complexity-view/password-complexity-view.component.ts index 2e70a8744c9..fbe23eeef04 100644 --- a/console/src/app/modules/password-complexity-view/password-complexity-view.component.ts +++ b/console/src/app/modules/password-complexity-view/password-complexity-view.component.ts @@ -6,6 +6,7 @@ import { PasswordComplexityPolicy } from '@zitadel/proto/zitadel/policy_pb'; selector: 'cnsl-password-complexity-view', templateUrl: './password-complexity-view.component.html', styleUrls: ['./password-complexity-view.component.scss'], + standalone: false, }) export class PasswordComplexityViewComponent { @Input() public password: AbstractControl | null = null; diff --git a/console/src/app/modules/personal-access-tokens/personal-access-tokens.component.ts b/console/src/app/modules/personal-access-tokens/personal-access-tokens.component.ts index fb3be9fa755..0c57c095b68 100644 --- a/console/src/app/modules/personal-access-tokens/personal-access-tokens.component.ts +++ b/console/src/app/modules/personal-access-tokens/personal-access-tokens.component.ts @@ -20,6 +20,7 @@ import { WarnDialogComponent } from '../warn-dialog/warn-dialog.component'; selector: 'cnsl-personal-access-tokens', templateUrl: './personal-access-tokens.component.html', styleUrls: ['./personal-access-tokens.component.scss'], + standalone: false, }) export class PersonalAccessTokensComponent implements OnInit { @Input() userId!: string; diff --git a/console/src/app/modules/policies/domain-policy/domain-policy.component.ts b/console/src/app/modules/policies/domain-policy/domain-policy.component.ts index 749b477a2c1..8adff20d0b7 100644 --- a/console/src/app/modules/policies/domain-policy/domain-policy.component.ts +++ b/console/src/app/modules/policies/domain-policy/domain-policy.component.ts @@ -21,6 +21,7 @@ import { NewOrganizationService } from '../../../services/new-organization.servi selector: 'cnsl-domain-policy', templateUrl: './domain-policy.component.html', styleUrls: ['./domain-policy.component.scss'], + standalone: false, }) export class DomainPolicyComponent implements OnInit, OnDestroy { private managementService!: ManagementService; diff --git a/console/src/app/modules/policies/idp-settings/idp-settings.component.ts b/console/src/app/modules/policies/idp-settings/idp-settings.component.ts index cb172886126..b80aeccd58c 100644 --- a/console/src/app/modules/policies/idp-settings/idp-settings.component.ts +++ b/console/src/app/modules/policies/idp-settings/idp-settings.component.ts @@ -8,6 +8,7 @@ import { PolicyComponentServiceType } from '../policy-component-types.enum'; selector: 'cnsl-idp-settings', templateUrl: './idp-settings.component.html', styleUrls: ['./idp-settings.component.scss'], + standalone: false, }) export class IdpSettingsComponent implements OnInit { @Input() public serviceType!: PolicyComponentServiceType; diff --git a/console/src/app/modules/policies/language-settings/language-settings.component.ts b/console/src/app/modules/policies/language-settings/language-settings.component.ts index f2af4641ff2..201d7200501 100644 --- a/console/src/app/modules/policies/language-settings/language-settings.component.ts +++ b/console/src/app/modules/policies/language-settings/language-settings.component.ts @@ -17,6 +17,7 @@ interface State { selector: 'cnsl-language-settings', templateUrl: './language-settings.component.html', styleUrls: ['./language-settings.component.scss'], + standalone: false, }) export class LanguageSettingsComponent { public canWriteRestrictions$: Observable = this.authService.isAllowed(['iam.restrictions.write']); diff --git a/console/src/app/modules/policies/login-policy/factor-table/dialog-add-type/dialog-add-type.component.ts b/console/src/app/modules/policies/login-policy/factor-table/dialog-add-type/dialog-add-type.component.ts index 7314e41933a..bb0d58de7e4 100644 --- a/console/src/app/modules/policies/login-policy/factor-table/dialog-add-type/dialog-add-type.component.ts +++ b/console/src/app/modules/policies/login-policy/factor-table/dialog-add-type/dialog-add-type.component.ts @@ -11,6 +11,7 @@ enum LoginMethodComponentType { selector: 'cnsl-dialog-add-type', templateUrl: './dialog-add-type.component.html', styleUrls: ['./dialog-add-type.component.scss'], + standalone: false, }) export class DialogAddTypeComponent { public LoginMethodComponentType: any = LoginMethodComponentType; diff --git a/console/src/app/modules/policies/login-policy/factor-table/factor-table.component.ts b/console/src/app/modules/policies/login-policy/factor-table/factor-table.component.ts index 00ae5134324..a22ea454121 100644 --- a/console/src/app/modules/policies/login-policy/factor-table/factor-table.component.ts +++ b/console/src/app/modules/policies/login-policy/factor-table/factor-table.component.ts @@ -33,6 +33,7 @@ export enum LoginMethodComponentType { selector: 'cnsl-factor-table', templateUrl: './factor-table.component.html', styleUrls: ['./factor-table.component.scss'], + standalone: false, }) export class FactorTableComponent { public LoginMethodComponentType: any = LoginMethodComponentType; diff --git a/console/src/app/modules/policies/login-policy/login-policy.component.ts b/console/src/app/modules/policies/login-policy/login-policy.component.ts index 5dd85b8b387..9cabcc513c8 100644 --- a/console/src/app/modules/policies/login-policy/login-policy.component.ts +++ b/console/src/app/modules/policies/login-policy/login-policy.component.ts @@ -37,6 +37,7 @@ const minValueValidator = (minValue: number) => (control: AbstractControl) => { selector: 'cnsl-login-policy', templateUrl: './login-policy.component.html', styleUrls: ['./login-policy.component.scss'], + standalone: false, }) export class LoginPolicyComponent implements OnInit, OnDestroy { public LoginMethodComponentType: any = LoginMethodComponentType; diff --git a/console/src/app/modules/policies/login-texts/login-texts.component.html b/console/src/app/modules/policies/login-texts/login-texts.component.html index de819d5f8d8..b5a5a38a5cd 100644 --- a/console/src/app/modules/policies/login-texts/login-texts.component.html +++ b/console/src/app/modules/policies/login-texts/login-texts.component.html @@ -13,11 +13,11 @@

    {{ 'POLICY.LOGIN_TEXTS.NEWERVERSIONEXISTS' | translate }}

    {{ 'POLICY.LOGIN_TEXTS.CHANGEDATE' | translate }}: - {{ newerPolicyChangeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm:ss' }} + {{ newerPolicyChangeDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm:ss' }}

    {{ 'POLICY.LOGIN_TEXTS.CURRENTDATE' | translate }}: - {{ currentPolicyChangeDate | timestampToDate | localizedDate: 'dd. MMMM YYYY, HH:mm:ss' }} + {{ currentPolicyChangeDate | timestampToDate | localizedDate: 'dd. MMMM yyyy, HH:mm:ss' }}

    -
    diff --git a/console/src/app/modules/smtp-provider/smtp-provider.component.ts b/console/src/app/modules/smtp-provider/smtp-provider.component.ts index 9e0f91afcb4..0a810a30d39 100644 --- a/console/src/app/modules/smtp-provider/smtp-provider.component.ts +++ b/console/src/app/modules/smtp-provider/smtp-provider.component.ts @@ -41,6 +41,7 @@ import { TranslateService } from '@ngx-translate/core'; selector: 'cnsl-smtp-provider', templateUrl: './smtp-provider.component.html', styleUrls: ['./smtp-provider.scss'], + standalone: false, }) export class SMTPProviderComponent { public showOptional: boolean = false; diff --git a/console/src/app/modules/smtp-table/smtp-table.component.ts b/console/src/app/modules/smtp-table/smtp-table.component.ts index 8d51f60940f..4bdac1f750c 100644 --- a/console/src/app/modules/smtp-table/smtp-table.component.ts +++ b/console/src/app/modules/smtp-table/smtp-table.component.ts @@ -22,6 +22,7 @@ import { SmtpTestDialogComponent } from '../smtp-test-dialog/smtp-test-dialog.co selector: 'cnsl-smtp-table', templateUrl: './smtp-table.component.html', styleUrls: ['./smtp-table.component.scss'], + standalone: false, }) export class SMTPTableComponent implements OnInit { @ViewChild(PaginatorComponent) public paginator!: PaginatorComponent; diff --git a/console/src/app/modules/smtp-test-dialog/smtp-test-dialog.component.ts b/console/src/app/modules/smtp-test-dialog/smtp-test-dialog.component.ts index d641b5ad831..0673f373172 100644 --- a/console/src/app/modules/smtp-test-dialog/smtp-test-dialog.component.ts +++ b/console/src/app/modules/smtp-test-dialog/smtp-test-dialog.component.ts @@ -13,6 +13,7 @@ import { take } from 'rxjs'; selector: 'cnsl-smtp-test-dialog', templateUrl: './smtp-test-dialog.component.html', styleUrls: ['./smtp-test-dialog.component.scss'], + standalone: false, }) export class SmtpTestDialogComponent { public resultClass = 'test-success'; diff --git a/console/src/app/modules/string-list/string-list.component.ts b/console/src/app/modules/string-list/string-list.component.ts index c0380ad937b..0668de15870 100644 --- a/console/src/app/modules/string-list/string-list.component.ts +++ b/console/src/app/modules/string-list/string-list.component.ts @@ -15,6 +15,7 @@ import { minArrayLengthValidator, requiredValidator } from '../form-field/valida multi: true, }, ], + standalone: false, }) export class StringListComponent implements ControlValueAccessor, OnDestroy { @Input() title: string = ''; diff --git a/console/src/app/modules/table-actions/table-actions.component.ts b/console/src/app/modules/table-actions/table-actions.component.ts index a7fb22aaa68..97e79016488 100644 --- a/console/src/app/modules/table-actions/table-actions.component.ts +++ b/console/src/app/modules/table-actions/table-actions.component.ts @@ -4,6 +4,7 @@ import { Component, Input } from '@angular/core'; selector: 'cnsl-table-actions', templateUrl: './table-actions.component.html', styleUrls: ['./table-actions.component.scss'], + standalone: false, }) export class TableActionsComponent { @Input() hasActions: boolean = false; diff --git a/console/src/app/modules/theme-setting/theme-setting.component.ts b/console/src/app/modules/theme-setting/theme-setting.component.ts index 64d9a2c4c80..ef8cb99d063 100644 --- a/console/src/app/modules/theme-setting/theme-setting.component.ts +++ b/console/src/app/modules/theme-setting/theme-setting.component.ts @@ -6,6 +6,7 @@ import { ThemeService } from 'src/app/services/theme.service'; selector: 'cnsl-theme-setting', templateUrl: './theme-setting.component.html', styleUrls: ['./theme-setting.component.scss'], + standalone: false, }) export class ThemeSettingComponent implements OnDestroy { public darkTheme: boolean = true; diff --git a/console/src/app/modules/top-view/top-view.component.ts b/console/src/app/modules/top-view/top-view.component.ts index 211b5ad836d..407383a314a 100644 --- a/console/src/app/modules/top-view/top-view.component.ts +++ b/console/src/app/modules/top-view/top-view.component.ts @@ -4,6 +4,7 @@ import { Component, EventEmitter, Input, Output } from '@angular/core'; selector: 'cnsl-top-view', templateUrl: './top-view.component.html', styleUrls: ['./top-view.component.scss'], + standalone: false, }) export class TopViewComponent { @Input() public title: string = ''; diff --git a/console/src/app/modules/user-grant-role-dialog/user-grant-role-dialog.component.ts b/console/src/app/modules/user-grant-role-dialog/user-grant-role-dialog.component.ts index f630ada4a73..7f8f6ede732 100644 --- a/console/src/app/modules/user-grant-role-dialog/user-grant-role-dialog.component.ts +++ b/console/src/app/modules/user-grant-role-dialog/user-grant-role-dialog.component.ts @@ -5,6 +5,7 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; selector: 'cnsl-user-grant-role-dialog', templateUrl: './user-grant-role-dialog.component.html', styleUrls: ['./user-grant-role-dialog.component.scss'], + standalone: false, }) export class UserGrantRoleDialogComponent { public projectId: string = ''; diff --git a/console/src/app/modules/user-grants/user-grants.component.ts b/console/src/app/modules/user-grants/user-grants.component.ts index eb17d2bdeb0..bdd2652778b 100644 --- a/console/src/app/modules/user-grants/user-grants.component.ts +++ b/console/src/app/modules/user-grants/user-grants.component.ts @@ -41,6 +41,7 @@ type UserGrantAsObject = AuthUserGrant.AsObject | MgmtUserGrant.AsObject; templateUrl: './user-grants.component.html', styleUrls: ['./user-grants.component.scss'], animations: [enterAnimations], + standalone: false, }) export class UserGrantsComponent implements OnInit, AfterViewInit { public userGrantListSearchKey: UserGrantListSearchKey | undefined = undefined; diff --git a/console/src/app/modules/warn-dialog/warn-dialog.component.ts b/console/src/app/modules/warn-dialog/warn-dialog.component.ts index 5a0037525eb..eccd4fa1621 100644 --- a/console/src/app/modules/warn-dialog/warn-dialog.component.ts +++ b/console/src/app/modules/warn-dialog/warn-dialog.component.ts @@ -7,6 +7,7 @@ import { InfoSectionType } from '../info-section/info-section.component'; selector: 'cnsl-warn-dialog', templateUrl: './warn-dialog.component.html', styleUrls: ['./warn-dialog.component.scss'], + standalone: false, }) export class WarnDialogComponent { public confirm: string = ''; diff --git a/console/src/app/pages/actions/actions.component.spec.ts b/console/src/app/pages/actions/actions.component.spec.ts deleted file mode 100644 index f8c586f23a3..00000000000 --- a/console/src/app/pages/actions/actions.component.spec.ts +++ /dev/null @@ -1,24 +0,0 @@ -import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing'; - -import { OrgListComponent } from './actions.component'; - -describe('OrgListComponent', () => { - let component: OrgListComponent; - let fixture: ComponentFixture; - - beforeEach(waitForAsync(() => { - TestBed.configureTestingModule({ - declarations: [OrgListComponent], - }).compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(OrgListComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/console/src/app/pages/actions/actions.component.ts b/console/src/app/pages/actions/actions.component.ts index 346ead6b4ad..1d0497481e4 100644 --- a/console/src/app/pages/actions/actions.component.ts +++ b/console/src/app/pages/actions/actions.component.ts @@ -12,6 +12,7 @@ const TARGETS: SidenavSetting = { id: 'targets', i18nKey: 'MENU.TARGETS' }; templateUrl: './actions.component.html', styleUrls: ['./actions.component.scss'], animations: [enterAnimations], + standalone: false, }) export class ActionsComponent { public settingsList: SidenavSetting[] = [ACTIONS, TARGETS]; diff --git a/console/src/app/pages/app-create/app-create.component.ts b/console/src/app/pages/app-create/app-create.component.ts index eb345c5eec8..fecccdf59b1 100644 --- a/console/src/app/pages/app-create/app-create.component.ts +++ b/console/src/app/pages/app-create/app-create.component.ts @@ -17,6 +17,7 @@ import { Location } from '@angular/common'; selector: 'cnsl-app-create', templateUrl: './app-create.component.html', styleUrls: ['./app-create.component.scss'], + standalone: false, }) export class AppCreateComponent implements OnDestroy { public InfoSectionType: any = InfoSectionType; diff --git a/console/src/app/pages/grants/grants.component.ts b/console/src/app/pages/grants/grants.component.ts index 37aec6d5a52..f324a1efba9 100644 --- a/console/src/app/pages/grants/grants.component.ts +++ b/console/src/app/pages/grants/grants.component.ts @@ -15,6 +15,7 @@ export enum GrantType { selector: 'cnsl-grants', templateUrl: './grants.component.html', styleUrls: ['./grants.component.scss'], + standalone: false, }) export class GrantsComponent implements OnDestroy { public grantContext: UserGrantContext = UserGrantContext.NONE; diff --git a/console/src/app/pages/home/home.component.ts b/console/src/app/pages/home/home.component.ts index 03adc4159a7..0e08c15fe82 100644 --- a/console/src/app/pages/home/home.component.ts +++ b/console/src/app/pages/home/home.component.ts @@ -11,6 +11,7 @@ import { Router } from '@angular/router'; selector: 'cnsl-home', templateUrl: './home.component.html', styleUrls: ['./home.component.scss'], + standalone: false, }) export class HomeComponent { public greendark: string = COLORS[6][700]; diff --git a/console/src/app/pages/instance/instance-members/instance-members.component.ts b/console/src/app/pages/instance/instance-members/instance-members.component.ts index 2fb9755d41f..5a0285d3b11 100644 --- a/console/src/app/pages/instance/instance-members/instance-members.component.ts +++ b/console/src/app/pages/instance/instance-members/instance-members.component.ts @@ -15,6 +15,7 @@ import { InstanceMembersDataSource } from './instance-members-datasource'; selector: 'cnsl-instance-members', templateUrl: './instance-members.component.html', styleUrls: ['./instance-members.component.scss'], + standalone: false, }) export class InstanceMembersComponent { public INITIALPAGESIZE: number = 25; diff --git a/console/src/app/pages/instance/instance.component.ts b/console/src/app/pages/instance/instance.component.ts index e40d0145eb7..a702003245c 100644 --- a/console/src/app/pages/instance/instance.component.ts +++ b/console/src/app/pages/instance/instance.component.ts @@ -43,6 +43,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; selector: 'cnsl-instance', templateUrl: './instance.component.html', styleUrls: ['./instance.component.scss'], + standalone: false, }) export class InstanceComponent { protected instance?: InstanceDetail.AsObject; diff --git a/console/src/app/pages/org-actions/action-table/action-table.component.ts b/console/src/app/pages/org-actions/action-table/action-table.component.ts index 3b617ce0a13..a4cf11b1a80 100644 --- a/console/src/app/pages/org-actions/action-table/action-table.component.ts +++ b/console/src/app/pages/org-actions/action-table/action-table.component.ts @@ -23,6 +23,7 @@ import { AddActionDialogComponent } from '../add-action-dialog/add-action-dialog selector: 'cnsl-action-table', templateUrl: './action-table.component.html', styleUrls: ['./action-table.component.scss'], + standalone: false, }) export class ActionTableComponent implements OnInit { @ViewChild(PaginatorComponent) public paginator!: PaginatorComponent; diff --git a/console/src/app/pages/org-actions/actions.component.ts b/console/src/app/pages/org-actions/actions.component.ts index f926e7b819e..7f2d5b96957 100644 --- a/console/src/app/pages/org-actions/actions.component.ts +++ b/console/src/app/pages/org-actions/actions.component.ts @@ -18,6 +18,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; selector: 'cnsl-actions', templateUrl: './actions.component.html', styleUrls: ['./actions.component.scss'], + standalone: false, }) export class ActionsComponent { protected flow!: Flow.AsObject; diff --git a/console/src/app/pages/org-actions/add-action-dialog/add-action-dialog.component.ts b/console/src/app/pages/org-actions/add-action-dialog/add-action-dialog.component.ts index 7038acbb619..aa4ab4e5880 100644 --- a/console/src/app/pages/org-actions/add-action-dialog/add-action-dialog.component.ts +++ b/console/src/app/pages/org-actions/add-action-dialog/add-action-dialog.component.ts @@ -14,6 +14,7 @@ import { ToastService } from 'src/app/services/toast.service'; selector: 'cnsl-add-action-dialog', templateUrl: './add-action-dialog.component.html', styleUrls: ['./add-action-dialog.component.scss'], + standalone: false, }) export class AddActionDialogComponent implements OnInit, OnDestroy { public id: string = ''; diff --git a/console/src/app/pages/org-actions/add-flow-dialog/add-flow-dialog.component.ts b/console/src/app/pages/org-actions/add-flow-dialog/add-flow-dialog.component.ts index 0b8cffd9403..abdc12904c8 100644 --- a/console/src/app/pages/org-actions/add-flow-dialog/add-flow-dialog.component.ts +++ b/console/src/app/pages/org-actions/add-flow-dialog/add-flow-dialog.component.ts @@ -11,6 +11,7 @@ import { ToastService } from 'src/app/services/toast.service'; selector: 'cnsl-add-flow-dialog', templateUrl: './add-flow-dialog.component.html', styleUrls: ['./add-flow-dialog.component.scss'], + standalone: false, }) export class AddFlowDialogComponent { public flowType?: FlowType.AsObject; diff --git a/console/src/app/pages/org-create/org-create.component.ts b/console/src/app/pages/org-create/org-create.component.ts index ef7c2d9129d..e466d41cbf9 100644 --- a/console/src/app/pages/org-create/org-create.component.ts +++ b/console/src/app/pages/org-create/org-create.component.ts @@ -20,6 +20,7 @@ import { SetUpOrgRequestSchema } from '@zitadel/proto/zitadel/admin_pb'; selector: 'cnsl-org-create', templateUrl: './org-create.component.html', styleUrls: ['./org-create.component.scss'], + standalone: false, }) export class OrgCreateComponent { protected orgForm = this.fb.group({ diff --git a/console/src/app/pages/org-list/org-list.component.ts b/console/src/app/pages/org-list/org-list.component.ts index bc397fedef7..15d56e55c6b 100644 --- a/console/src/app/pages/org-list/org-list.component.ts +++ b/console/src/app/pages/org-list/org-list.component.ts @@ -7,6 +7,7 @@ import { Breadcrumb, BreadcrumbService, BreadcrumbType } from 'src/app/services/ templateUrl: './org-list.component.html', styleUrls: ['./org-list.component.scss'], animations: [enterAnimations], + standalone: false, }) export class OrgListComponent { constructor(breadcrumbService: BreadcrumbService) { diff --git a/console/src/app/pages/org-settings/org-settings.component.ts b/console/src/app/pages/org-settings/org-settings.component.ts index 1cc5a9d9021..a1eebf38dad 100644 --- a/console/src/app/pages/org-settings/org-settings.component.ts +++ b/console/src/app/pages/org-settings/org-settings.component.ts @@ -25,6 +25,7 @@ import { selector: 'cnsl-org-settings', templateUrl: './org-settings.component.html', styleUrls: ['./org-settings.component.scss'], + standalone: false, }) export class OrgSettingsComponent implements OnInit { public id: string = ''; diff --git a/console/src/app/pages/orgs/org-detail/org-detail.component.ts b/console/src/app/pages/orgs/org-detail/org-detail.component.ts index 7187a10a042..ffb020bde3d 100644 --- a/console/src/app/pages/orgs/org-detail/org-detail.component.ts +++ b/console/src/app/pages/orgs/org-detail/org-detail.component.ts @@ -25,6 +25,7 @@ import { toObservable } from '@angular/core/rxjs-interop'; selector: 'cnsl-org-detail', templateUrl: './org-detail.component.html', styleUrls: ['./org-detail.component.scss'], + standalone: false, }) export class OrgDetailComponent implements OnInit { public PolicyComponentServiceType: any = PolicyComponentServiceType; diff --git a/console/src/app/pages/orgs/org-members/org-members.component.ts b/console/src/app/pages/orgs/org-members/org-members.component.ts index 1c185191104..773a2584b29 100644 --- a/console/src/app/pages/orgs/org-members/org-members.component.ts +++ b/console/src/app/pages/orgs/org-members/org-members.component.ts @@ -16,6 +16,7 @@ import { OrgMembersDataSource } from './org-members-datasource'; selector: 'cnsl-org-members', templateUrl: './org-members.component.html', styleUrls: ['./org-members.component.scss'], + standalone: false, }) export class OrgMembersComponent { public INITIALPAGESIZE: number = 25; diff --git a/console/src/app/pages/projects/apps/additional-origins/additional-origins.component.ts b/console/src/app/pages/projects/apps/additional-origins/additional-origins.component.ts index a3dd575e3af..869d5a3cdbd 100644 --- a/console/src/app/pages/projects/apps/additional-origins/additional-origins.component.ts +++ b/console/src/app/pages/projects/apps/additional-origins/additional-origins.component.ts @@ -6,6 +6,7 @@ import { Observable, Subscription } from 'rxjs'; selector: 'cnsl-additional-origins', templateUrl: './additional-origins.component.html', styleUrls: ['./additional-origins.component.scss'], + standalone: false, }) export class AdditionalOriginsComponent implements OnInit, OnDestroy { @Input() title: string = ''; diff --git a/console/src/app/pages/projects/apps/app-create/app-create.component.ts b/console/src/app/pages/projects/apps/app-create/app-create.component.ts index f623c0385a4..4f16d902b42 100644 --- a/console/src/app/pages/projects/apps/app-create/app-create.component.ts +++ b/console/src/app/pages/projects/apps/app-create/app-create.component.ts @@ -48,6 +48,7 @@ const MAX_ALLOWED_SIZE = 1 * 1024 * 1024; selector: 'cnsl-app-create', templateUrl: './app-create.component.html', styleUrls: ['./app-create.component.scss'], + standalone: false, }) export class AppCreateComponent implements OnInit, OnDestroy { private subscription: Subscription = new Subscription(); diff --git a/console/src/app/pages/projects/apps/app-detail/app-detail.component.html b/console/src/app/pages/projects/apps/app-detail/app-detail.component.html index 082ca01eed2..ef1937b2c33 100644 --- a/console/src/app/pages/projects/apps/app-detail/app-detail.component.html +++ b/console/src/app/pages/projects/apps/app-detail/app-detail.component.html @@ -10,14 +10,14 @@
    -
    +
    @@ -137,8 +137,8 @@ color="primary" class="rt" (change)="toggleRefreshToken($event)" - [disabled]="!this.grantTypesList?.value.includes(OIDCGrantType.OIDC_GRANT_TYPE_AUTHORIZATION_CODE)" - [checked]="this.grantTypesList?.value.includes(OIDCGrantType.OIDC_GRANT_TYPE_REFRESH_TOKEN)" + [disabled]="!grantTypesList?.value.includes(OIDCGrantType.OIDC_GRANT_TYPE_AUTHORIZATION_CODE)" + [checked]="grantTypesList?.value.includes(OIDCGrantType.OIDC_GRANT_TYPE_REFRESH_TOKEN)" > {{ 'APP.OIDC.REFRESHTOKEN' | translate }} diff --git a/console/src/app/pages/projects/apps/app-detail/app-detail.component.ts b/console/src/app/pages/projects/apps/app-detail/app-detail.component.ts index 236a83b7067..69b8bb33b01 100644 --- a/console/src/app/pages/projects/apps/app-detail/app-detail.component.ts +++ b/console/src/app/pages/projects/apps/app-detail/app-detail.component.ts @@ -65,6 +65,7 @@ const MAX_ALLOWED_SIZE = 1 * 1024 * 1024; selector: 'cnsl-app-detail', templateUrl: './app-detail.component.html', styleUrls: ['./app-detail.component.scss'], + standalone: false, }) export class AppDetailComponent implements OnInit, OnDestroy { public editState: boolean = false; diff --git a/console/src/app/pages/projects/apps/app-detail/auth-method-dialog/auth-method-dialog.component.ts b/console/src/app/pages/projects/apps/app-detail/auth-method-dialog/auth-method-dialog.component.ts index 1d7475cb04e..454b2a47d76 100644 --- a/console/src/app/pages/projects/apps/app-detail/auth-method-dialog/auth-method-dialog.component.ts +++ b/console/src/app/pages/projects/apps/app-detail/auth-method-dialog/auth-method-dialog.component.ts @@ -5,6 +5,7 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; selector: 'cnsl-auth-method-dialog', templateUrl: './auth-method-dialog.component.html', styleUrls: ['./auth-method-dialog.component.scss'], + standalone: false, }) export class AuthMethodDialogComponent { public authmethod: string = ''; diff --git a/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.html b/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.html index 1d68497e607..f4b8e483eaf 100644 --- a/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.html +++ b/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.html @@ -12,7 +12,7 @@ matTooltip="copy to clipboard" cnslCopyToClipboard [valueToCopy]="data.clientId" - (copiedValue)="this.copied = $event" + (copiedValue)="copied = $event" mat-icon-button data-e2e="client-id-copy" > @@ -29,7 +29,7 @@ matTooltip="copy to clipboard" cnslCopyToClipboard [valueToCopy]="data.clientSecret" - (copiedValue)="this.copied = $event" + (copiedValue)="copied = $event" mat-icon-button > diff --git a/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.ts b/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.ts index 2ba8a7691af..bea56b6863e 100644 --- a/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.ts +++ b/console/src/app/pages/projects/apps/app-secret-dialog/app-secret-dialog.component.ts @@ -5,6 +5,7 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; selector: 'cnsl-app-secret-dialog', templateUrl: './app-secret-dialog.component.html', styleUrls: ['./app-secret-dialog.component.scss'], + standalone: false, }) export class AppSecretDialogComponent { public copied: string = ''; diff --git a/console/src/app/pages/projects/apps/integrate/integrate.component.ts b/console/src/app/pages/projects/apps/integrate/integrate.component.ts index da249d6304d..c21b5022438 100644 --- a/console/src/app/pages/projects/apps/integrate/integrate.component.ts +++ b/console/src/app/pages/projects/apps/integrate/integrate.component.ts @@ -39,6 +39,7 @@ import { NameDialogComponent } from 'src/app/modules/name-dialog/name-dialog.com selector: 'cnsl-integrate', templateUrl: './integrate.component.html', styleUrls: ['./integrate.component.scss'], + standalone: false, }) export class IntegrateAppComponent implements OnInit, OnDestroy { private destroy$: Subject = new Subject(); diff --git a/console/src/app/pages/projects/apps/redirect-uris/redirect-uris.component.ts b/console/src/app/pages/projects/apps/redirect-uris/redirect-uris.component.ts index 94cd8093b7f..dc820db554f 100644 --- a/console/src/app/pages/projects/apps/redirect-uris/redirect-uris.component.ts +++ b/console/src/app/pages/projects/apps/redirect-uris/redirect-uris.component.ts @@ -13,6 +13,7 @@ import { Observable, Subject, takeUntil } from 'rxjs'; multi: true, }, ], + standalone: false, }) export class RedirectUrisComponent implements ControlValueAccessor, OnInit, OnDestroy { @Input() title: string = ''; diff --git a/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.ts b/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.ts index ba9e9883ebe..f5cd2e8167f 100644 --- a/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.ts +++ b/console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.ts @@ -19,6 +19,7 @@ import { ToastService } from 'src/app/services/toast.service'; selector: 'cnsl-granted-project-detail', templateUrl: './granted-project-detail.component.html', styleUrls: ['./granted-project-detail.component.scss'], + standalone: false, }) export class GrantedProjectDetailComponent implements OnInit, OnDestroy { public projectId: string = ''; diff --git a/console/src/app/pages/projects/owned-projects/owned-project-detail/application-grid/application-grid.component.ts b/console/src/app/pages/projects/owned-projects/owned-project-detail/application-grid/application-grid.component.ts index d50b4b87a91..8ce11af9c46 100644 --- a/console/src/app/pages/projects/owned-projects/owned-project-detail/application-grid/application-grid.component.ts +++ b/console/src/app/pages/projects/owned-projects/owned-project-detail/application-grid/application-grid.component.ts @@ -8,6 +8,7 @@ import { ManagementService } from 'src/app/services/mgmt.service'; selector: 'cnsl-application-grid', templateUrl: './application-grid.component.html', styleUrls: ['./application-grid.component.scss'], + standalone: false, }) export class ApplicationGridComponent implements OnInit { @Input() public projectId: string = ''; diff --git a/console/src/app/pages/projects/owned-projects/owned-project-detail/applications/applications.component.ts b/console/src/app/pages/projects/owned-projects/owned-project-detail/applications/applications.component.ts index 86fdb49df24..647b6447bd7 100644 --- a/console/src/app/pages/projects/owned-projects/owned-project-detail/applications/applications.component.ts +++ b/console/src/app/pages/projects/owned-projects/owned-project-detail/applications/applications.component.ts @@ -13,6 +13,7 @@ import { ProjectApplicationsDataSource } from './applications-datasource'; selector: 'cnsl-applications', templateUrl: './applications.component.html', styleUrls: ['./applications.component.scss'], + standalone: false, }) export class ApplicationsComponent implements AfterViewInit, OnInit { @Input() public projectId: string = ''; diff --git a/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.ts b/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.ts index 9a17eefb7be..ca3a36528dc 100644 --- a/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.ts +++ b/console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.ts @@ -32,6 +32,7 @@ const GRANTS: SidenavSetting = { id: 'grants', i18nKey: 'MENU.GRANTS' }; selector: 'cnsl-owned-project-detail', templateUrl: './owned-project-detail.component.html', styleUrls: ['./owned-project-detail.component.scss'], + standalone: false, }) export class OwnedProjectDetailComponent implements OnInit { public projectId: string = ''; diff --git a/console/src/app/pages/projects/owned-projects/project-grant-create/project-grant-create.component.ts b/console/src/app/pages/projects/owned-projects/project-grant-create/project-grant-create.component.ts index ebcab508c68..475fdfe0c82 100644 --- a/console/src/app/pages/projects/owned-projects/project-grant-create/project-grant-create.component.ts +++ b/console/src/app/pages/projects/owned-projects/project-grant-create/project-grant-create.component.ts @@ -13,6 +13,7 @@ const ROUTEPARAM = 'projectid'; selector: 'cnsl-project-grant-create', templateUrl: './project-grant-create.component.html', styleUrls: ['./project-grant-create.component.scss'], + standalone: false, }) export class ProjectGrantCreateComponent implements OnInit, OnDestroy { public org?: Org.AsObject; diff --git a/console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-detail.component.ts b/console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-detail.component.ts index ad83182efb6..1353c35f482 100644 --- a/console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-detail.component.ts +++ b/console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-detail.component.ts @@ -18,6 +18,7 @@ import { ProjectGrantMembersDataSource } from './project-grant-members-datasourc selector: 'cnsl-project-grant-detail', templateUrl: './project-grant-detail.component.html', styleUrls: ['./project-grant-detail.component.scss'], + standalone: false, }) export class ProjectGrantDetailComponent { public INITIALPAGESIZE: number = 25; diff --git a/console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-illustration/project-grant-illustration.component.ts b/console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-illustration/project-grant-illustration.component.ts index fda48ffef58..22072c8b5d8 100644 --- a/console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-illustration/project-grant-illustration.component.ts +++ b/console/src/app/pages/projects/owned-projects/project-grant-detail/project-grant-illustration/project-grant-illustration.component.ts @@ -5,6 +5,7 @@ import { GrantedProject, ProjectGrantState, Role } from 'src/app/proto/generated selector: 'cnsl-project-grant-illustration', templateUrl: './project-grant-illustration.component.html', styleUrls: ['./project-grant-illustration.component.scss'], + standalone: false, }) export class ProjectGrantIllustrationComponent { @Input() public grantedProject!: GrantedProject.AsObject; diff --git a/console/src/app/pages/projects/owned-projects/project-grants/project-grants.component.ts b/console/src/app/pages/projects/owned-projects/project-grants/project-grants.component.ts index 707e9c9eb6c..043f5e71f41 100644 --- a/console/src/app/pages/projects/owned-projects/project-grants/project-grants.component.ts +++ b/console/src/app/pages/projects/owned-projects/project-grants/project-grants.component.ts @@ -25,6 +25,7 @@ import { ProjectGrantsDataSource } from './project-grants-datasource'; transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')), ]), ], + standalone: false, }) export class ProjectGrantsComponent implements OnInit { public INITIAL_PAGESIZE: number = 10; diff --git a/console/src/app/pages/projects/owned-projects/project-role-create/project-role-create.component.ts b/console/src/app/pages/projects/owned-projects/project-role-create/project-role-create.component.ts index 571ca48a2ac..be69926177b 100644 --- a/console/src/app/pages/projects/owned-projects/project-role-create/project-role-create.component.ts +++ b/console/src/app/pages/projects/owned-projects/project-role-create/project-role-create.component.ts @@ -26,6 +26,7 @@ import { ToastService } from 'src/app/services/toast.service'; ]), ]), ], + standalone: false, }) export class ProjectRoleCreateComponent implements OnInit, OnDestroy { private subscription: Subscription = new Subscription(); diff --git a/console/src/app/pages/projects/owned-projects/project-roles/project-roles.component.ts b/console/src/app/pages/projects/owned-projects/project-roles/project-roles.component.ts index 99eb7e6b832..d3853114258 100644 --- a/console/src/app/pages/projects/owned-projects/project-roles/project-roles.component.ts +++ b/console/src/app/pages/projects/owned-projects/project-roles/project-roles.component.ts @@ -7,6 +7,7 @@ const ROUTEPARAM = 'projectid'; selector: 'cnsl-project-roles', templateUrl: './project-roles.component.html', styleUrls: ['./project-roles.component.scss'], + standalone: false, }) export class ProjectRolesComponent { @Input() public projectId: string = ''; diff --git a/console/src/app/pages/projects/project-create/project-create.component.ts b/console/src/app/pages/projects/project-create/project-create.component.ts index a20e3ae73b5..3b2396ac76c 100644 --- a/console/src/app/pages/projects/project-create/project-create.component.ts +++ b/console/src/app/pages/projects/project-create/project-create.component.ts @@ -10,6 +10,7 @@ import { ToastService } from 'src/app/services/toast.service'; selector: 'cnsl-project-create', templateUrl: './project-create.component.html', styleUrls: ['./project-create.component.scss'], + standalone: false, }) export class ProjectCreateComponent { public project: AddProjectRequest.AsObject = new AddProjectRequest().toObject(); diff --git a/console/src/app/pages/projects/project-grid/project-grid.component.ts b/console/src/app/pages/projects/project-grid/project-grid.component.ts index 407315853f4..561d8c30d9f 100644 --- a/console/src/app/pages/projects/project-grid/project-grid.component.ts +++ b/console/src/app/pages/projects/project-grid/project-grid.component.ts @@ -44,6 +44,7 @@ import { ToastService } from 'src/app/services/toast.service'; ]), ]), ], + standalone: false, }) export class ProjectGridComponent implements OnInit, OnDestroy { public projectList: Array = []; diff --git a/console/src/app/pages/projects/project-list/project-list.component.ts b/console/src/app/pages/projects/project-list/project-list.component.ts index 1860a0324ab..a5a7a62e98d 100644 --- a/console/src/app/pages/projects/project-list/project-list.component.ts +++ b/console/src/app/pages/projects/project-list/project-list.component.ts @@ -32,6 +32,7 @@ import { ToastService } from 'src/app/services/toast.service'; ]), ]), ], + standalone: false, }) export class ProjectListComponent implements OnInit, OnDestroy { public totalResult: number = 0; diff --git a/console/src/app/pages/projects/projects.component.ts b/console/src/app/pages/projects/projects.component.ts index 4d1b55455aa..7120d5013e5 100644 --- a/console/src/app/pages/projects/projects.component.ts +++ b/console/src/app/pages/projects/projects.component.ts @@ -9,6 +9,7 @@ import { ManagementService } from 'src/app/services/mgmt.service'; selector: 'cnsl-projects', templateUrl: './projects.component.html', styleUrls: ['./projects.component.scss'], + standalone: false, }) export class ProjectsComponent { public zitadelProjectId: string = ''; diff --git a/console/src/app/pages/signedout/signedout.component.ts b/console/src/app/pages/signedout/signedout.component.ts index 53b88ca6d6c..98632e5b974 100644 --- a/console/src/app/pages/signedout/signedout.component.ts +++ b/console/src/app/pages/signedout/signedout.component.ts @@ -7,6 +7,7 @@ const LABELPOLICY_LOCALSTORAGE_KEY = 'labelPolicyOnSignout'; selector: 'cnsl-signedout', templateUrl: './signedout.component.html', styleUrls: ['./signedout.component.scss'], + standalone: false, }) export class SignedoutComponent { public dark: boolean = true; diff --git a/console/src/app/pages/user-grant-create/user-grant-create.component.ts b/console/src/app/pages/user-grant-create/user-grant-create.component.ts index 80efb1a4f8a..f46a23a784d 100644 --- a/console/src/app/pages/user-grant-create/user-grant-create.component.ts +++ b/console/src/app/pages/user-grant-create/user-grant-create.component.ts @@ -16,6 +16,7 @@ import { NewOrganizationService } from '../../services/new-organization.service' selector: 'cnsl-user-grant-create', templateUrl: './user-grant-create.component.html', styleUrls: ['./user-grant-create.component.scss'], + standalone: false, }) export class UserGrantCreateComponent implements OnDestroy { public context!: UserGrantContext; diff --git a/console/src/app/pages/users/user-create-machine/user-create-machine.component.ts b/console/src/app/pages/users/user-create-machine/user-create-machine.component.ts index ff4d7035d35..b115d91ac83 100644 --- a/console/src/app/pages/users/user-create-machine/user-create-machine.component.ts +++ b/console/src/app/pages/users/user-create-machine/user-create-machine.component.ts @@ -14,6 +14,7 @@ import { ToastService } from 'src/app/services/toast.service'; selector: 'cnsl-user-create-machine', templateUrl: './user-create-machine.component.html', styleUrls: ['./user-create-machine.component.scss'], + standalone: false, }) export class UserCreateMachineComponent implements OnDestroy { public user: AddMachineUserRequest.AsObject = new AddMachineUserRequest().toObject(); diff --git a/console/src/app/pages/users/user-create/user-create-v2/user-create-v2.component.ts b/console/src/app/pages/users/user-create/user-create-v2/user-create-v2.component.ts index db007e4a67b..50636c1a3d4 100644 --- a/console/src/app/pages/users/user-create/user-create-v2/user-create-v2.component.ts +++ b/console/src/app/pages/users/user-create/user-create-v2/user-create-v2.component.ts @@ -46,6 +46,7 @@ type AuthenticationFactor = templateUrl: './user-create-v2.component.html', styleUrls: ['./user-create-v2.component.scss'], changeDetection: ChangeDetectionStrategy.OnPush, + standalone: false, }) export class UserCreateV2Component implements OnInit { protected readonly loading = signal(false); diff --git a/console/src/app/pages/users/user-create/user-create.component.html b/console/src/app/pages/users/user-create/user-create.component.html index 1b65cc992e1..e6c8c8a231c 100644 --- a/console/src/app/pages/users/user-create/user-create.component.html +++ b/console/src/app/pages/users/user-create/user-create.component.html @@ -145,7 +145,7 @@