Remove standalone true from platform and UIF (#15032)

Remove standalone: true from every instance since it's the default as of Angular 19.

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 {

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 {

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(

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 {}

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 {

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,

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",
   },

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",

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 {

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 {

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: [

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 {

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 {

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,

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

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 {

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 {

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> {

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 {

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 {

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,

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 {

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 {

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 {

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 {

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 {

libs/angular/src/directives/text-drag.directive.ts

@@ -2,7 +2,6 @@ import { Directive, HostListener, Input } from "@angular/core";
 
 @Directive({
   selector: "[appTextDrag]",
-  standalone: true,
   host: {
     draggable: "true",
     class: "tw-cursor-move",

libs/angular/src/pipes/pluralize.pipe.ts

@@ -2,7 +2,6 @@ import { Pipe, PipeTransform } from "@angular/core";
 
 @Pipe({
   name: "pluralize",
-  standalone: true,
 })
 export class PluralizePipe implements PipeTransform {
   transform(count: number, singular: string, plural: string): string {

libs/components/src/a11y/a11y-cell.directive.ts

@@ -6,7 +6,6 @@ import { FocusableElement } from "../shared/focusable-element";
 
 @Directive({
   selector: "bitA11yCell",
-  standalone: true,
   providers: [{ provide: FocusableElement, useExisting: A11yCellDirective }],
 })
 export class A11yCellDirective implements FocusableElement {

libs/components/src/a11y/a11y-grid.directive.ts

@@ -15,7 +15,6 @@ import { A11yRowDirective } from "./a11y-row.directive";
 
 @Directive({
   selector: "bitA11yGrid",
-  standalone: true,
 })
 export class A11yGridDirective implements AfterViewInit {
   @HostBinding("attr.role")

libs/components/src/a11y/a11y-row.directive.ts

@@ -13,7 +13,6 @@ import { A11yCellDirective } from "./a11y-cell.directive";
 
 @Directive({
   selector: "bitA11yRow",
-  standalone: true,
 })
 export class A11yRowDirective implements AfterViewInit {
   @HostBinding("attr.role")

libs/components/src/a11y/a11y-title.directive.ts

@@ -4,7 +4,6 @@ import { Directive, ElementRef, Input, OnInit, Renderer2 } from "@angular/core";
 
 @Directive({
   selector: "[appA11yTitle]",
-  standalone: true,
 })
 export class A11yTitleDirective implements OnInit {
   @Input() set appA11yTitle(title: string) {

libs/components/src/async-actions/bit-action.directive.ts

@@ -15,7 +15,6 @@ import { FunctionReturningAwaitable, functionToObservable } from "../utils/funct
  */
 @Directive({
   selector: "[bitAction]",
-  standalone: true,
 })
 export class BitActionDirective implements OnDestroy {
   private destroy$ = new Subject<void>();

libs/components/src/async-actions/bit-submit.directive.ts

@@ -14,7 +14,6 @@ import { FunctionReturningAwaitable, functionToObservable } from "../utils/funct
  */
 @Directive({
   selector: "[formGroup][bitSubmit]",
-  standalone: true,
 })
 export class BitSubmitDirective implements OnInit, OnDestroy {
   private destroy$ = new Subject<void>();

libs/components/src/async-actions/form-button.directive.ts

@@ -25,7 +25,6 @@ import { BitSubmitDirective } from "./bit-submit.directive";
  */
 @Directive({
   selector: "button[bitFormButton]",
-  standalone: true,
 })
 export class BitFormButtonDirective implements OnDestroy {
   private destroy$ = new Subject<void>();

libs/components/src/avatar/avatar.component.ts

@@ -27,7 +27,6 @@ const SizeClasses: Record<SizeTypes, string[]> = {
   template: `@if (src) {
     <img [src]="src" title="{{ title || text }}" [ngClass]="classList" />
   }`,
-  standalone: true,
   imports: [NgClass],
 })
 export class AvatarComponent implements OnChanges {

libs/components/src/badge-list/badge-list.component.ts

@@ -10,7 +10,6 @@ import { BadgeModule, BadgeVariant } from "../badge";
 @Component({
   selector: "bit-badge-list",
   templateUrl: "badge-list.component.html",
-  standalone: true,
   imports: [BadgeModule, I18nPipe],
 })
 export class BadgeListComponent implements OnChanges {

libs/components/src/badge/badge.component.ts

@@ -60,7 +60,6 @@ const hoverStyles: Record<BadgeVariant, string[]> = {
   providers: [{ provide: FocusableElement, useExisting: BadgeComponent }],
   imports: [CommonModule],
   templateUrl: "badge.component.html",
-  standalone: true,
 })
 export class BadgeComponent implements FocusableElement {
   @HostBinding("class") get classList() {

libs/components/src/banner/banner.component.ts

@@ -28,7 +28,6 @@ const defaultIcon: Record<BannerType, string> = {
 @Component({
   selector: "bit-banner",
   templateUrl: "./banner.component.html",
-  standalone: true,
   imports: [CommonModule, IconButtonModule, I18nPipe],
 })
 export class BannerComponent implements OnInit {

libs/components/src/breadcrumbs/breadcrumb.component.ts

@@ -7,7 +7,6 @@ import { QueryParamsHandling } from "@angular/router";
 @Component({
   selector: "bit-breadcrumb",
   templateUrl: "./breadcrumb.component.html",
-  standalone: true,
 })
 export class BreadcrumbComponent {
   @Input()

libs/components/src/breadcrumbs/breadcrumbs.component.ts

@@ -16,7 +16,6 @@ import { BreadcrumbComponent } from "./breadcrumb.component";
 @Component({
   selector: "bit-breadcrumbs",
   templateUrl: "./breadcrumbs.component.html",
-  standalone: true,
   imports: [CommonModule, LinkModule, RouterModule, IconButtonModule, MenuModule],
 })
 export class BreadcrumbsComponent {

libs/components/src/button/button.component.ts

@@ -52,7 +52,6 @@ const buttonStyles: Record<ButtonType, string[]> = {
   selector: "button[bitButton], a[bitButton]",
   templateUrl: "button.component.html",
   providers: [{ provide: ButtonLikeAbstraction, useExisting: ButtonComponent }],
-  standalone: true,
   imports: [NgClass],
   host: {
     "[attr.disabled]": "disabledAttr()",

libs/components/src/callout/callout.component.ts

@@ -32,7 +32,6 @@ let nextId = 0;
 @Component({
   selector: "bit-callout",
   templateUrl: "callout.component.html",
-  standalone: true,
   imports: [SharedModule, TypographyModule],
 })
 export class CalloutComponent implements OnInit {

libs/components/src/card/card.component.ts

@@ -2,7 +2,6 @@ import { ChangeDetectionStrategy, Component } from "@angular/core";
 
 @Component({
   selector: "bit-card",
-  standalone: true,
   template: `<ng-content></ng-content>`,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: {

libs/components/src/checkbox/checkbox.component.ts

@@ -9,7 +9,6 @@ import { BitFormControlAbstraction } from "../form-control";
   selector: "input[type=checkbox][bitCheckbox]",
   template: "",
   providers: [{ provide: BitFormControlAbstraction, useExisting: CheckboxComponent }],
-  standalone: true,
 })
 export class CheckboxComponent implements BitFormControlAbstraction {
   @HostBinding("class")

libs/components/src/chip-select/chip-select.component.ts

@@ -39,7 +39,6 @@ export type ChipSelectOption<T> = Option<T> & {
 @Component({
   selector: "bit-chip-select",
   templateUrl: "chip-select.component.html",
-  standalone: true,
   imports: [SharedModule, ButtonModule, IconButtonModule, MenuModule, TypographyModule],
   providers: [
     {

libs/components/src/color-password/color-password.component.ts

@@ -25,7 +25,6 @@ enum CharacterType {
       }
     </span>
   }`,
-  standalone: true,
 })
 export class ColorPasswordComponent {
   password = input<string>("");

libs/components/src/container/container.component.ts

@@ -6,6 +6,5 @@ import { Component } from "@angular/core";
 @Component({
   selector: "bit-container",
   templateUrl: "container.component.html",
-  standalone: true,
 })
 export class ContainerComponent {}

libs/components/src/copy-click/copy-click.directive.spec.ts

@@ -21,7 +21,6 @@ import { CopyClickDirective } from "./copy-click.directive";
       #toastWithLabel
     ></button>
   `,
-  standalone: true,
   imports: [CopyClickDirective],
 })
 class TestCopyClickComponent {

libs/components/src/copy-click/copy-click.directive.ts

@@ -9,7 +9,6 @@ import { ToastService, ToastVariant } from "../";
 
 @Directive({
   selector: "[appCopyClick]",
-  standalone: true,
 })
 export class CopyClickDirective {
   private _showToast = false;

libs/components/src/dialog/dialog/dialog.component.ts

@@ -16,7 +16,6 @@ import { DialogTitleContainerDirective } from "../directives/dialog-title-contai
   selector: "bit-dialog",
   templateUrl: "./dialog.component.html",
   animations: [fadeIn],
-  standalone: true,
   imports: [
     CommonModule,
     DialogTitleContainerDirective,

libs/components/src/dialog/directives/dialog-close.directive.ts

@@ -3,7 +3,6 @@ import { Directive, HostBinding, HostListener, Input, Optional } from "@angular/
 
 @Directive({
   selector: "[bitDialogClose]",
-  standalone: true,
 })
 export class DialogCloseDirective {
   @Input("bitDialogClose") dialogResult: any;

libs/components/src/dialog/directives/dialog-title-container.directive.ts

@@ -6,7 +6,6 @@ let nextId = 0;
 
 @Directive({
   selector: "[bitDialogTitleContainer]",
-  standalone: true,
 })
 export class DialogTitleContainerDirective implements OnInit {
   @HostBinding("id") id = `bit-dialog-title-${nextId++}`;

libs/components/src/dialog/simple-dialog/simple-configurable-dialog/simple-configurable-dialog.component.ts

@@ -30,7 +30,6 @@ const DEFAULT_COLOR: Record<SimpleDialogType, string> = {
 
 @Component({
   templateUrl: "./simple-configurable-dialog.component.html",
-  standalone: true,
   imports: [
     ReactiveFormsModule,
     BitSubmitDirective,

libs/components/src/dialog/simple-dialog/simple-dialog.component.ts

@@ -6,7 +6,6 @@ import { DialogTitleContainerDirective } from "../directives/dialog-title-contai
 
 @Directive({
   selector: "[bitDialogIcon]",
-  standalone: true,
 })
 export class IconDirective {}
 
@@ -14,7 +13,6 @@ export class IconDirective {}
   selector: "bit-simple-dialog",
   templateUrl: "./simple-dialog.component.html",
   animations: [fadeIn],
-  standalone: true,
   imports: [DialogTitleContainerDirective, TypographyDirective],
 })
 export class SimpleDialogComponent {

libs/components/src/disclosure/disclosure-trigger-for.directive.ts

@@ -7,7 +7,6 @@ import { DisclosureComponent } from "./disclosure.component";
 @Directive({
   selector: "[bitDisclosureTriggerFor]",
   exportAs: "disclosureTriggerFor",
-  standalone: true,
 })
 export class DisclosureTriggerForDirective {
   /**

libs/components/src/disclosure/disclosure.component.ts

@@ -37,7 +37,6 @@ let nextId = 0;
  */
 @Component({
   selector: "bit-disclosure",
-  standalone: true,
   template: `<ng-content></ng-content>`,
 })
 export class DisclosureComponent {

libs/components/src/drawer/drawer-body.component.ts

@@ -8,7 +8,6 @@ import { map } from "rxjs";
  */
 @Component({
   selector: "bit-drawer-body",
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [],
   host: {

libs/components/src/drawer/drawer-close.directive.ts

@@ -15,7 +15,6 @@ import { DrawerComponent } from "./drawer.component";
  **/
 @Directive({
   selector: "button[bitDrawerClose]",
-  standalone: true,
   host: {
     "(click)": "onClick()",
   },

libs/components/src/drawer/drawer-header.component.ts

@@ -13,7 +13,6 @@ import { DrawerCloseDirective } from "./drawer-close.directive";
  **/
 @Component({
   selector: "bit-drawer-header",
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [CommonModule, DrawerCloseDirective, TypographyModule, IconButtonModule, I18nPipe],
   templateUrl: "drawer-header.component.html",

libs/components/src/drawer/drawer-host.directive.ts

@@ -8,7 +8,6 @@ import { Directive, signal } from "@angular/core";
  */
 @Directive({
   selector: "[bitDrawerHost]",
-  standalone: true,
 })
 export class DrawerHostDirective {
   private _portal = signal<Portal<unknown> | undefined>(undefined);

libs/components/src/drawer/drawer.component.ts

@@ -19,7 +19,6 @@ import { DrawerHostDirective } from "./drawer-host.directive";
  */
 @Component({
   selector: "bit-drawer",
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [CommonModule, PortalModule],
   templateUrl: "drawer.component.html",

libs/components/src/form-control/form-control.component.ts

@@ -14,7 +14,6 @@ import { BitFormControlAbstraction } from "./form-control.abstraction";
 @Component({
   selector: "bit-form-control",
   templateUrl: "form-control.component.html",
-  standalone: true,
   imports: [NgClass, TypographyDirective, I18nPipe],
 })
 export class FormControlComponent {

libs/components/src/form-control/hint.component.ts

@@ -8,7 +8,6 @@ let nextId = 0;
   host: {
     class: "tw-text-muted tw-font-normal tw-inline-block tw-mt-1 tw-text-xs",
   },
-  standalone: true,
 })
 export class BitHintComponent {
   @HostBinding() id = `bit-hint-${nextId++}`;

libs/components/src/form-control/label.component.ts

@@ -10,7 +10,6 @@ let nextId = 0;
 
 @Component({
   selector: "bit-label",
-  standalone: true,
   templateUrl: "label.component.html",
   imports: [CommonModule],
 })

libs/components/src/form-field/error-summary.component.ts

@@ -15,7 +15,6 @@ import { I18nPipe } from "@bitwarden/ui-common";
     class: "tw-block tw-text-danger tw-mt-2",
     "aria-live": "assertive",
   },
-  standalone: true,
   imports: [I18nPipe],
 })
 export class BitErrorSummary {

libs/components/src/form-field/error.component.ts

@@ -14,7 +14,6 @@ let nextId = 0;
     class: "tw-block tw-mt-1 tw-text-danger tw-text-xs",
     "aria-live": "assertive",
   },
-  standalone: true,
 })
 export class BitErrorComponent {
   @HostBinding() id = `bit-error-${nextId++}`;

libs/components/src/form-field/form-field.component.ts

@@ -26,7 +26,6 @@ import { BitFormFieldControl } from "./form-field-control";
 @Component({
   selector: "bit-form-field",
   templateUrl: "./form-field.component.html",
-  standalone: true,
   imports: [CommonModule, BitErrorComponent, I18nPipe],
 })
 export class BitFormFieldComponent implements AfterContentChecked {

libs/components/src/form-field/password-input-toggle.directive.ts

@@ -18,7 +18,6 @@ import { BitFormFieldComponent } from "./form-field.component";
 
 @Directive({
   selector: "[bitPasswordInputToggle]",
-  standalone: true,
 })
 export class BitPasswordInputToggleDirective implements AfterContentInit, OnChanges {
   /**

libs/components/src/form-field/prefix.directive.ts

@@ -4,7 +4,6 @@ import { BitIconButtonComponent } from "../icon-button/icon-button.component";
 
 @Directive({
   selector: "[bitPrefix]",
-  standalone: true,
 })
 export class BitPrefixDirective implements OnInit {
   @HostBinding("class") @Input() get classList() {

libs/components/src/form-field/suffix.directive.ts

@@ -4,7 +4,6 @@ import { BitIconButtonComponent } from "../icon-button/icon-button.component";
 
 @Directive({
   selector: "[bitSuffix]",
-  standalone: true,
 })
 export class BitSuffixDirective implements OnInit {
   @HostBinding("class") @Input() get classList() {

libs/components/src/icon-button/icon-button.component.ts

@@ -161,7 +161,6 @@ const sizes: Record<IconButtonSize, string[]> = {
     { provide: ButtonLikeAbstraction, useExisting: BitIconButtonComponent },
     { provide: FocusableElement, useExisting: BitIconButtonComponent },
   ],
-  standalone: true,
   imports: [NgClass],
   host: {
     "[attr.disabled]": "disabledAttr()",

libs/components/src/icon/icon.component.ts

@@ -11,7 +11,6 @@ import { Icon, isIcon } from "./icon";
     "[innerHtml]": "innerHtml",
   },
   template: ``,
-  standalone: true,
 })
 export class BitIconComponent {
   innerHtml: SafeHtml | null = null;

libs/components/src/input/input.directive.ts

@@ -30,7 +30,6 @@ export function inputBorderClasses(error: boolean) {
 @Directive({
   selector: "input[bitInput], select[bitInput], textarea[bitInput]",
   providers: [{ provide: BitFormFieldControl, useExisting: BitInputDirective }],
-  standalone: true,
 })
 export class BitInputDirective implements BitFormFieldControl {
   @HostBinding("class") @Input() get classList() {

libs/components/src/item/item-action.component.ts

@@ -4,7 +4,6 @@ import { A11yCellDirective } from "../a11y/a11y-cell.directive";
 
 @Component({
   selector: "bit-item-action",
-  standalone: true,
   imports: [],
   template: `<ng-content></ng-content>`,
   providers: [{ provide: A11yCellDirective, useExisting: ItemActionComponent }],

libs/components/src/item/item-content.component.ts

@@ -16,7 +16,6 @@ import { TypographyModule } from "../typography";
 
 @Component({
   selector: "bit-item-content, [bit-item-content]",
-  standalone: true,
   imports: [TypographyModule, NgClass],
   templateUrl: `item-content.component.html`,
   host: {

libs/components/src/item/item-group.component.ts

@@ -2,7 +2,6 @@ import { ChangeDetectionStrategy, Component } from "@angular/core";
 
 @Component({
   selector: "bit-item-group",
-  standalone: true,
   imports: [],
   template: `<ng-content></ng-content>`,
   changeDetection: ChangeDetectionStrategy.OnPush,

libs/components/src/item/item.component.ts

@@ -12,7 +12,6 @@ import { ItemActionComponent } from "./item-action.component";
 
 @Component({
   selector: "bit-item",
-  standalone: true,
   imports: [ItemActionComponent],
   changeDetection: ChangeDetectionStrategy.OnPush,
   templateUrl: "item.component.html",

libs/components/src/layout/layout.component.ts

@@ -11,7 +11,6 @@ import { SharedModule } from "../shared";
 @Component({
   selector: "bit-layout",
   templateUrl: "layout.component.html",
-  standalone: true,
   imports: [CommonModule, SharedModule, LinkModule, RouterModule, PortalModule],
   hostDirectives: [DrawerHostDirective],
 })

libs/components/src/link/link.directive.ts

@@ -76,7 +76,6 @@ abstract class LinkDirective {
  */
 @Directive({
   selector: "a[bitLink]",
-  standalone: true,
 })
 export class AnchorLinkDirective extends LinkDirective {
   @HostBinding("class") get classList() {
@@ -88,7 +87,6 @@ export class AnchorLinkDirective extends LinkDirective {
 
 @Directive({
   selector: "button[bitLink]",
-  standalone: true,
 })
 export class ButtonLinkDirective extends LinkDirective {
   @HostBinding("class") get classList() {

libs/components/src/menu/menu-divider.component.ts

@@ -3,6 +3,5 @@ import { Component } from "@angular/core";
 @Component({
   selector: "bit-menu-divider",
   templateUrl: "./menu-divider.component.html",
-  standalone: true,
 })
 export class MenuDividerComponent {}

libs/components/src/menu/menu-item.directive.ts

@@ -6,7 +6,6 @@ import { Component, ElementRef, HostBinding, Input } from "@angular/core";
 @Component({
   selector: "[bitMenuItem]",
   templateUrl: "menu-item.component.html",
-  standalone: true,
   imports: [NgClass],
 })
 export class MenuItemDirective implements FocusableOption {

libs/components/src/menu/menu.component.ts

@@ -19,7 +19,6 @@ import { MenuItemDirective } from "./menu-item.directive";
   selector: "bit-menu",
   templateUrl: "./menu.component.html",
   exportAs: "menuComponent",
-  standalone: true,
   imports: [CdkTrapFocus],
 })
 export class MenuComponent implements AfterContentInit {

libs/components/src/multi-select/multi-select.component.ts

@@ -37,7 +37,6 @@ let nextId = 0;
   selector: "bit-multi-select",
   templateUrl: "./multi-select.component.html",
   providers: [{ provide: BitFormFieldControl, useExisting: MultiSelectComponent }],
-  standalone: true,
   imports: [NgSelectModule, ReactiveFormsModule, FormsModule, BadgeModule, I18nPipe],
 })
 /**

libs/components/src/navigation/nav-divider.component.ts

@@ -6,7 +6,6 @@ import { SideNavService } from "./side-nav.service";
 @Component({
   selector: "bit-nav-divider",
   templateUrl: "./nav-divider.component.html",
-  standalone: true,
   imports: [CommonModule],
 })
 export class NavDividerComponent {

libs/components/src/navigation/nav-group.component.ts

@@ -27,7 +27,6 @@ import { SideNavService } from "./side-nav.service";
     { provide: NavBaseComponent, useExisting: NavGroupComponent },
     { provide: NavGroupAbstraction, useExisting: NavGroupComponent },
   ],
-  standalone: true,
   imports: [CommonModule, NavItemComponent, IconButtonModule, I18nPipe],
 })
 export class NavGroupComponent extends NavBaseComponent implements AfterContentInit {

libs/components/src/navigation/nav-group.stories.ts

@@ -13,7 +13,6 @@ import { NavGroupComponent } from "./nav-group.component";
 import { NavigationModule } from "./navigation.module";
 
 @Component({
-  standalone: true,
   template: "",
 })
 class DummyContentComponent {}

libs/components/src/navigation/nav-item.component.ts

@@ -17,7 +17,6 @@ export abstract class NavGroupAbstraction {
   selector: "bit-nav-item",
   templateUrl: "./nav-item.component.html",
   providers: [{ provide: NavBaseComponent, useExisting: NavItemComponent }],
-  standalone: true,
   imports: [CommonModule, IconButtonModule, RouterModule],
 })
 export class NavItemComponent extends NavBaseComponent {

libs/components/src/navigation/nav-logo.component.ts

@@ -13,7 +13,6 @@ import { SideNavService } from "./side-nav.service";
 @Component({
   selector: "bit-nav-logo",
   templateUrl: "./nav-logo.component.html",
-  standalone: true,
   imports: [RouterLinkActive, RouterLink, BitIconComponent, NavItemComponent],
 })
 export class NavLogoComponent {

libs/components/src/navigation/side-nav.component.ts

@@ -16,7 +16,6 @@ export type SideNavVariant = "primary" | "secondary";
 @Component({
   selector: "bit-side-nav",
   templateUrl: "side-nav.component.html",
-  standalone: true,
   imports: [CommonModule, CdkTrapFocus, NavDividerComponent, BitIconButtonComponent, I18nPipe],
 })
 export class SideNavComponent {

libs/components/src/no-items/no-items.component.ts

@@ -9,7 +9,6 @@ import { BitIconComponent } from "../icon/icon.component";
 @Component({
   selector: "bit-no-items",
   templateUrl: "./no-items.component.html",
-  standalone: true,
   imports: [BitIconComponent],
 })
 export class NoItemsComponent {

libs/components/src/popover/popover-trigger-for.directive.ts

@@ -19,7 +19,6 @@ import { PopoverComponent } from "./popover.component";
 
 @Directive({
   selector: "[bitPopoverTriggerFor]",
-  standalone: true,
   exportAs: "popoverTrigger",
 })
 export class PopoverTriggerForDirective implements OnDestroy, AfterViewInit {

libs/components/src/popover/popover.component.ts

@@ -8,7 +8,6 @@ import { SharedModule } from "../shared/shared.module";
 import { TypographyModule } from "../typography";
 
 @Component({
-  standalone: true,
   selector: "bit-popover",
   imports: [A11yModule, IconButtonModule, SharedModule, TypographyModule],
   templateUrl: "./popover.component.html",

libs/components/src/progress/progress.component.ts

@@ -23,7 +23,6 @@ const BackgroundClasses: Record<BackgroundType, string[]> = {
 @Component({
   selector: "bit-progress",
   templateUrl: "./progress.component.html",
-  standalone: true,
   imports: [CommonModule],
 })
 export class ProgressComponent {

libs/components/src/radio-button/radio-button.component.ts

@@ -10,7 +10,6 @@ let nextId = 0;
 @Component({
   selector: "bit-radio-button",
   templateUrl: "radio-button.component.html",
-  standalone: true,
   imports: [FormControlModule, RadioInputComponent],
 })
 export class RadioButtonComponent {

libs/components/src/radio-button/radio-group.component.ts

@@ -13,7 +13,6 @@ let nextId = 0;
 @Component({
   selector: "bit-radio-group",
   templateUrl: "radio-group.component.html",
-  standalone: true,
   imports: [NgTemplateOutlet, I18nPipe],
 })
 export class RadioGroupComponent implements ControlValueAccessor {

libs/components/src/radio-button/radio-input.component.ts

@@ -11,7 +11,6 @@ let nextId = 0;
   selector: "input[type=radio][bitRadio]",
   template: "",
   providers: [{ provide: BitFormControlAbstraction, useExisting: RadioInputComponent }],
-  standalone: true,
 })
 export class RadioInputComponent implements BitFormControlAbstraction {
   @HostBinding("attr.id") @Input() id = `bit-radio-input-${nextId++}`;

libs/components/src/search/search.component.ts

@@ -30,7 +30,6 @@ let nextId = 0;
       useExisting: SearchComponent,
     },
   ],
-  standalone: true,
   imports: [InputModule, ReactiveFormsModule, FormsModule, I18nPipe],
 })
 export class SearchComponent implements ControlValueAccessor, FocusableElement {

libs/components/src/section/section-header.component.ts

@@ -3,7 +3,6 @@ import { Component } from "@angular/core";
 import { TypographyModule } from "../typography";
 
 @Component({
-  standalone: true,
   selector: "bit-section-header",
   templateUrl: "./section-header.component.html",
   imports: [TypographyModule],

libs/components/src/section/section.component.ts

@@ -4,7 +4,6 @@ import { Component, Input } from "@angular/core";
 
 @Component({
   selector: "bit-section",
-  standalone: true,
   imports: [CommonModule],
   template: `
     <section