Remove standalone true from platform and UIF (#15032)

Remove standalone: true from every instance since it's the default as of Angular 19.
2025-12-06 00:13:28 +00:00 · 2025-06-02 20:03:04 +02:00
parent 6107d7d3da
commit 26fb7effd3
129 changed files with 5 additions and 151 deletions
--- a/apps/browser/src/platform/popup/components/pop-out.component.ts
+++ b/apps/browser/src/platform/popup/components/pop-out.component.ts
@@ -10,7 +10,6 @@ import BrowserPopupUtils from "../browser-popup-utils";
@Component({
  selector: "app-pop-out",
  templateUrl: "pop-out.component.html",
-  standalone: true,
  imports: [CommonModule, JslibModule, IconButtonModule],
 })
 export class PopOutComponent implements OnInit {
--- a/apps/browser/src/platform/popup/header.component.ts
+++ b/apps/browser/src/platform/popup/header.component.ts
@@ -11,7 +11,6 @@ import { enableAccountSwitching } from "../flags";
@Component({
  selector: "app-header",
  templateUrl: "header.component.html",
-  standalone: true,
  imports: [CommonModule, CurrentAccountComponent],
 })
 export class HeaderComponent {
--- a/apps/browser/src/platform/popup/layout/popup-back.directive.ts
+++ b/apps/browser/src/platform/popup/layout/popup-back.directive.ts
@@ -9,7 +9,6 @@ import { PopupRouterCacheService } from "../view-cache/popup-router-cache.servic
 /** Navigate the browser popup to the previous page when the component is clicked. */
@Directive({
  selector: "[popupBackAction]",
-  standalone: true,
 })
 export class PopupBackBrowserDirective extends BitActionDirective {
  constructor(
--- a/apps/browser/src/platform/popup/layout/popup-footer.component.ts
+++ b/apps/browser/src/platform/popup/layout/popup-footer.component.ts
@@ -3,7 +3,6 @@ import { Component } from "@angular/core";
@Component({
  selector: "popup-footer",
  templateUrl: "popup-footer.component.html",
-  standalone: true,
  imports: [],
 })
 export class PopupFooterComponent {}
--- a/apps/browser/src/platform/popup/layout/popup-header.component.ts
+++ b/apps/browser/src/platform/popup/layout/popup-header.component.ts
@@ -19,7 +19,6 @@ import { PopupPageComponent } from "./popup-page.component";
@Component({
  selector: "popup-header",
  templateUrl: "popup-header.component.html",
-  standalone: true,
  imports: [TypographyModule, CommonModule, IconButtonModule, JslibModule, AsyncActionsModule],
 })
 export class PopupHeaderComponent {
--- a/apps/browser/src/platform/popup/layout/popup-layout.stories.ts
+++ b/apps/browser/src/platform/popup/layout/popup-layout.stories.ts
@@ -36,7 +36,6 @@ import { PopupTabNavigationComponent } from "./popup-tab-navigation.component";
      <ng-content></ng-content>
    </div>
  `,
-  standalone: true,
 })
 class ExtensionContainerComponent {}

@@ -71,7 +70,6 @@ class ExtensionContainerComponent {}
      </bit-item-group>
    </bit-section>
  `,
-  standalone: true,
  imports: [CommonModule, ItemModule, BadgeModule, IconButtonModule, SectionComponent],
 })
 class VaultComponent {
@@ -86,7 +84,6 @@ class VaultComponent {
      Add
    </button>
  `,
-  standalone: true,
  imports: [ButtonModule],
 })
 class MockAddButtonComponent {}
@@ -102,7 +99,6 @@ class MockAddButtonComponent {}
      aria-label="Pop out"
    ></button>
  `,
-  standalone: true,
  imports: [IconButtonModule],
 })
 class MockPopoutButtonComponent {}
@@ -114,7 +110,6 @@ class MockPopoutButtonComponent {}
      <bit-avatar text="Ash Ketchum" size="small"></bit-avatar>
    </button>
  `,
-  standalone: true,
  imports: [AvatarModule],
 })
 class MockCurrentAccountComponent {}
@@ -122,7 +117,6 @@ class MockCurrentAccountComponent {}
@Component({
  selector: "mock-search",
  template: ` <bit-search placeholder="Search"> </bit-search> `,
-  standalone: true,
  imports: [SearchModule],
 })
 class MockSearchComponent {}
@@ -134,7 +128,6 @@ class MockSearchComponent {}
      This is an important note about these ciphers
    </bit-banner>
  `,
-  standalone: true,
  imports: [BannerModule],
 })
 class MockBannerComponent {}
@@ -154,7 +147,6 @@ class MockBannerComponent {}
      <vault-placeholder></vault-placeholder>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
@@ -180,7 +172,6 @@ class MockVaultPageComponent {}
      <vault-placeholder></vault-placeholder>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
@@ -205,7 +196,6 @@ class MockVaultPagePoppedComponent {}
      <div class="tw-text-main">Generator content here</div>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
@@ -230,7 +220,6 @@ class MockGeneratorPageComponent {}
      <div class="tw-text-main">Send content here</div>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
@@ -255,7 +244,6 @@ class MockSendPageComponent {}
      <div class="tw-text-main">Settings content here</div>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
@@ -283,7 +271,6 @@ class MockSettingsPageComponent {}
      </popup-footer>
    </popup-page>
  `,
-  standalone: true,
  imports: [
    PopupPageComponent,
    PopupHeaderComponent,
--- a/apps/browser/src/platform/popup/layout/popup-page.component.ts
+++ b/apps/browser/src/platform/popup/layout/popup-page.component.ts
@@ -6,7 +6,6 @@ import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.servic
@Component({
  selector: "popup-page",
  templateUrl: "popup-page.component.html",
-  standalone: true,
  host: {
    class: "tw-h-full tw-flex tw-flex-col tw-overflow-y-hidden",
  },
--- a/apps/browser/src/platform/popup/layout/popup-tab-navigation.component.ts
+++ b/apps/browser/src/platform/popup/layout/popup-tab-navigation.component.ts
@@ -17,7 +17,6 @@ export type NavButton = {
@Component({
  selector: "popup-tab-navigation",
  templateUrl: "popup-tab-navigation.component.html",
-  standalone: true,
  imports: [CommonModule, LinkModule, RouterModule, JslibModule, IconModule],
  host: {
    class: "tw-block tw-h-full tw-w-full tw-flex tw-flex-col",
--- a/apps/browser/src/popup/components/desktop-sync-verification-dialog.component.ts
+++ b/apps/browser/src/popup/components/desktop-sync-verification-dialog.component.ts
@@ -17,7 +17,6 @@ export type DesktopSyncVerificationDialogParams = {

@Component({
  templateUrl: "desktop-sync-verification-dialog.component.html",
-  standalone: true,
  imports: [JslibModule, ButtonModule, DialogModule],
 })
 export class DesktopSyncVerificationDialogComponent implements OnDestroy, OnInit {
--- a/apps/desktop/src/app/components/browser-sync-verification-dialog.component.ts
+++ b/apps/desktop/src/app/components/browser-sync-verification-dialog.component.ts
@@ -9,7 +9,6 @@ export type BrowserSyncVerificationDialogParams = {

@Component({
  templateUrl: "browser-sync-verification-dialog.component.html",
-  standalone: true,
  imports: [JslibModule, ButtonModule, DialogModule],
 })
 export class BrowserSyncVerificationDialogComponent {
--- a/apps/desktop/src/app/components/user-verification.component.ts
+++ b/apps/desktop/src/app/components/user-verification.component.ts
@@ -13,7 +13,6 @@ import { FormFieldModule } from "@bitwarden/components";
 */
@Component({
  selector: "app-user-verification",
-  standalone: true,
  imports: [CommonModule, JslibModule, ReactiveFormsModule, FormFieldModule, FormsModule],
  templateUrl: "user-verification.component.html",
  providers: [
--- a/apps/desktop/src/app/components/verify-native-messaging-dialog.component.ts
+++ b/apps/desktop/src/app/components/verify-native-messaging-dialog.component.ts
@@ -9,7 +9,6 @@ export type VerifyNativeMessagingDialogData = {

@Component({
  templateUrl: "verify-native-messaging-dialog.component.html",
-  standalone: true,
  imports: [JslibModule, ButtonModule, DialogModule],
 })
 export class VerifyNativeMessagingDialogComponent {
--- a/apps/desktop/src/app/layout/nav.component.ts
+++ b/apps/desktop/src/app/layout/nav.component.ts
@@ -7,7 +7,6 @@ import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.servic
@Component({
  selector: "app-nav",
  templateUrl: "nav.component.html",
-  standalone: true,
  imports: [CommonModule, RouterLink, RouterLinkActive],
 })
 export class NavComponent {
--- a/apps/desktop/src/platform/components/approve-ssh-request.ts
+++ b/apps/desktop/src/platform/components/approve-ssh-request.ts
@@ -24,7 +24,6 @@ export interface ApproveSshRequestParams {
@Component({
  selector: "app-approve-ssh-request",
  templateUrl: "approve-ssh-request.html",
-  standalone: true,
  imports: [
    DialogModule,
    CommonModule,
--- a/apps/web/src/app/components/dynamic-avatar.component.ts
+++ b/apps/web/src/app/components/dynamic-avatar.component.ts
@@ -10,7 +10,6 @@ import { SharedModule } from "../shared";
 type SizeTypes = "xlarge" | "large" | "default" | "small" | "xsmall";
@Component({
  selector: "dynamic-avatar",
-  standalone: true,
  imports: [SharedModule],
  template: `<span [title]="title">
    <bit-avatar
--- a/apps/web/src/app/components/environment-selector/environment-selector.component.ts
+++ b/apps/web/src/app/components/environment-selector/environment-selector.component.ts
@@ -15,7 +15,6 @@ import { SharedModule } from "../../shared";
@Component({
  selector: "environment-selector",
  templateUrl: "environment-selector.component.html",
-  standalone: true,
  imports: [SharedModule],
 })
 export class EnvironmentSelectorComponent implements OnInit {
--- a/apps/web/src/app/layouts/frontend-layout.component.ts
+++ b/apps/web/src/app/layouts/frontend-layout.component.ts
@@ -10,7 +10,6 @@ import { SharedModule } from "../shared";
@Component({
  selector: "app-frontend-layout",
  templateUrl: "frontend-layout.component.html",
-  standalone: true,
  imports: [SharedModule, EnvironmentSelectorComponent],
 })
 export class FrontendLayoutComponent implements OnInit, OnDestroy {
--- a/apps/web/src/app/layouts/header/web-header.stories.ts
+++ b/apps/web/src/app/layouts/header/web-header.stories.ts
@@ -56,7 +56,6 @@ class MockProductSwitcher {}
@Component({
  selector: "dynamic-avatar",
  template: `<bit-avatar [text]="name$ | async"></bit-avatar>`,
-  standalone: true,
  imports: [CommonModule, AvatarModule],
 })
 class MockDynamicAvatar implements Partial<DynamicAvatarComponent> {
--- a/apps/web/src/app/layouts/org-switcher/org-switcher.component.ts
+++ b/apps/web/src/app/layouts/org-switcher/org-switcher.component.ts
@@ -17,7 +17,6 @@ import { TrialFlowService } from "./../../billing/services/trial-flow.service";
@Component({
  selector: "org-switcher",
  templateUrl: "org-switcher.component.html",
-  standalone: true,
  imports: [CommonModule, JslibModule, NavigationModule],
 })
 export class OrgSwitcherComponent {
--- a/apps/web/src/app/layouts/toggle-width.component.ts
+++ b/apps/web/src/app/layouts/toggle-width.component.ts
@@ -12,7 +12,6 @@ import { NavigationModule } from "@bitwarden/components";
    *ngIf="isDev"
    (click)="toggleWidth()"
  ></bit-nav-item>`,
-  standalone: true,
  imports: [CommonModule, NavigationModule],
 })
 export class ToggleWidthComponent {
--- a/apps/web/src/app/layouts/user-layout.component.ts
+++ b/apps/web/src/app/layouts/user-layout.component.ts
@@ -19,7 +19,6 @@ import { WebLayoutModule } from "./web-layout.module";
@Component({
  selector: "app-user-layout",
  templateUrl: "user-layout.component.html",
-  standalone: true,
  imports: [
    CommonModule,
    RouterModule,
--- a/apps/web/src/app/layouts/web-layout.component.ts
+++ b/apps/web/src/app/layouts/web-layout.component.ts
@@ -8,7 +8,6 @@ import { ProductSwitcherModule } from "./product-switcher/product-switcher.modul
@Component({
  selector: "app-layout",
  templateUrl: "web-layout.component.html",
-  standalone: true,
  imports: [CommonModule, LayoutComponent, ProductSwitcherModule],
 })
 export class WebLayoutComponent {
--- a/apps/web/src/app/layouts/web-side-nav.component.ts
+++ b/apps/web/src/app/layouts/web-side-nav.component.ts
@@ -9,7 +9,6 @@ import { ToggleWidthComponent } from "./toggle-width.component";
@Component({
  selector: "app-side-nav",
  templateUrl: "web-side-nav.component.html",
-  standalone: true,
  imports: [CommonModule, NavigationModule, ProductSwitcherModule, ToggleWidthComponent],
 })
 export class WebSideNavComponent {
--- a/apps/web/src/app/settings/domain-rules.component.ts
+++ b/apps/web/src/app/settings/domain-rules.component.ts
@@ -15,7 +15,6 @@ import { SharedModule } from "../shared";
@Component({
  selector: "app-domain-rules",
  templateUrl: "domain-rules.component.html",
-  standalone: true,
  imports: [SharedModule, HeaderModule],
 })
 export class DomainRulesComponent implements OnInit {
--- a/apps/web/src/app/settings/preferences.component.ts
+++ b/apps/web/src/app/settings/preferences.component.ts
@@ -41,7 +41,6 @@ import { SharedModule } from "../shared";
@Component({
  selector: "app-preferences",
  templateUrl: "preferences.component.html",
-  standalone: true,
  imports: [SharedModule, HeaderModule, VaultTimeoutInputComponent],
 })
 export class PreferencesComponent implements OnInit, OnDestroy {
--- a/apps/web/src/app/shared/components/account-fingerprint/account-fingerprint.component.ts
+++ b/apps/web/src/app/shared/components/account-fingerprint/account-fingerprint.component.ts
@@ -9,7 +9,6 @@ import { SharedModule } from "../../shared.module";
@Component({
  selector: "app-account-fingerprint",
  templateUrl: "account-fingerprint.component.html",
-  standalone: true,
  imports: [SharedModule],
 })
 export class AccountFingerprintComponent implements OnInit {