Add standalone false to all non migrated (#14797)

Adds standalone: false to all components since Angular is changing the default to true and we'd rather not have the angular PR change 300+ files.

libs/angular/src/auth/components/environment-selector.component.ts

@@ -57,6 +57,7 @@ export interface EnvironmentSelectorRouteData {
       transition("* => void", animate("100ms linear", style({ opacity: 0 }))),
     ]),
   ],
+  standalone: false,
 })
 export class EnvironmentSelectorComponent implements OnInit, OnDestroy {
   @Output() onOpenSelfHostedSettings = new EventEmitter<void>();

libs/angular/src/auth/components/two-factor-icon.component.ts

@@ -10,6 +10,7 @@ import { WebAuthnIcon } from "../icons/webauthn.icon";
 @Component({
   selector: "auth-two-factor-icon",
   templateUrl: "./two-factor-icon.component.html",
+  standalone: false,
 })
 export class TwoFactorIconComponent {
   @Input() provider: any;

libs/angular/src/auth/components/user-verification.component.ts

@@ -22,6 +22,7 @@ import { KeyService } from "@bitwarden/key-management";
  */
 @Directive({
   selector: "app-user-verification",
+  standalone: false,
 })
 export class UserVerificationComponent implements ControlValueAccessor, OnInit, OnDestroy {
   private _invalidSecret = false;

libs/angular/src/billing/components/add-account-credit-dialog/add-account-credit-dialog.component.ts

@@ -48,6 +48,7 @@ type PayPalConfig = {
 
 @Component({
   templateUrl: "./add-account-credit-dialog.component.html",
+  standalone: false,
 })
 export class AddAccountCreditDialogComponent implements OnInit {
   @ViewChild("payPalForm", { read: ElementRef, static: true }) payPalForm: ElementRef;

libs/angular/src/billing/components/invoices/invoices.component.ts

@@ -11,6 +11,7 @@ import { FileDownloadService } from "@bitwarden/common/platform/abstractions/fil
 @Component({
   selector: "app-invoices",
   templateUrl: "./invoices.component.html",
+  standalone: false,
 })
 export class InvoicesComponent implements OnInit {
   @Input() startWith?: InvoicesResponse;

libs/angular/src/billing/components/invoices/no-invoices.component.ts

@@ -30,6 +30,7 @@ const partnerTrustIcon = svgIcon`
     <bit-icon [icon]="icon"></bit-icon>
     <p class="tw-mt-4">{{ "noInvoicesToList" | i18n }}</p>
   </div>`,
+  standalone: false,
 })
 export class NoInvoicesComponent {
   icon = partnerTrustIcon;

libs/angular/src/billing/components/manage-tax-information/manage-tax-information.component.ts

@@ -11,6 +11,7 @@ import { CountryListItem, TaxInformation } from "@bitwarden/common/billing/model
 @Component({
   selector: "app-manage-tax-information",
   templateUrl: "./manage-tax-information.component.html",
+  standalone: false,
 })
 export class ManageTaxInformationComponent implements OnInit, OnDestroy {
   @Input() startWith: TaxInformation;

libs/angular/src/billing/directives/not-premium.directive.ts

@@ -9,6 +9,7 @@ import { BillingAccountProfileStateService } from "@bitwarden/common/billing/abs
  */
 @Directive({
   selector: "[appNotPremium]",
+  standalone: false,
 })
 export class NotPremiumDirective implements OnInit {
   constructor(

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

@@ -12,6 +12,7 @@ import { CalloutTypes } from "@bitwarden/components";
 @Component({
   selector: "app-callout",
   templateUrl: "callout.component.html",
+  standalone: false,
 })
 export class DeprecatedCalloutComponent implements OnInit {
   @Input() type: CalloutTypes = "info";

libs/angular/src/components/modal/dynamic-modal.component.ts

@@ -18,6 +18,7 @@ import { ModalRef } from "./modal.ref";
 @Component({
   selector: "app-modal",
   template: "<ng-template #modalContent></ng-template>",
+  standalone: false,
 })
 export class DynamicModalComponent implements AfterViewInit, OnDestroy {
   componentRef: ComponentRef<any>;

libs/angular/src/directives/a11y-invalid.directive.ts

@@ -6,6 +6,7 @@ import { Subscription } from "rxjs";
 
 @Directive({
   selector: "[appA11yInvalid]",
+  standalone: false,
 })
 export class A11yInvalidDirective implements OnDestroy, OnInit {
   private sub: Subscription;

libs/angular/src/directives/api-action.directive.ts

@@ -15,6 +15,7 @@ import { ValidationService } from "@bitwarden/common/platform/abstractions/valid
  */
 @Directive({
   selector: "[appApiAction]",
+  standalone: false,
 })
 export class ApiActionDirective implements OnChanges {
   @Input() appApiAction: Promise<any>;

libs/angular/src/directives/box-row.directive.ts

@@ -4,6 +4,7 @@ import { Directive, ElementRef, HostListener, OnInit } from "@angular/core";
 
 @Directive({
   selector: "[appBoxRow]",
+  standalone: false,
 })
 export class BoxRowDirective implements OnInit {
   el: HTMLElement = null;

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

@@ -7,6 +7,7 @@ import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/pl
 
 @Directive({
   selector: "[appCopyText]",
+  standalone: false,
 })
 export class CopyTextDirective {
   constructor(

libs/angular/src/directives/fallback-src.directive.ts

@@ -4,6 +4,7 @@ import { Directive, ElementRef, HostListener, Input } from "@angular/core";
 
 @Directive({
   selector: "[appFallbackSrc]",
+  standalone: false,
 })
 export class FallbackSrcDirective {
   @Input("appFallbackSrc") appFallbackSrc: string;

libs/angular/src/directives/if-feature.directive.ts

@@ -14,6 +14,7 @@ import { LogService } from "@bitwarden/common/platform/abstractions/log.service"
  */
 @Directive({
   selector: "[appIfFeature]",
+  standalone: false,
 })
 export class IfFeatureDirective implements OnInit {
   /**

libs/angular/src/directives/input-strip-spaces.directive.ts

@@ -5,6 +5,7 @@ import { NgControl } from "@angular/forms";
 
 @Directive({
   selector: "input[appInputStripSpaces]",
+  standalone: false,
 })
 export class InputStripSpacesDirective {
   constructor(

libs/angular/src/directives/input-verbatim.directive.ts

@@ -4,6 +4,7 @@ import { Directive, ElementRef, Input, OnInit, Renderer2 } from "@angular/core";
 
 @Directive({
   selector: "[appInputVerbatim]",
+  standalone: false,
 })
 export class InputVerbatimDirective implements OnInit {
   @Input() set appInputVerbatim(condition: boolean | string) {

libs/angular/src/directives/launch-click.directive.ts

@@ -5,6 +5,7 @@ import { Utils } from "@bitwarden/common/platform/misc/utils";
 
 @Directive({
   selector: "[appLaunchClick]",
+  standalone: false,
 })
 export class LaunchClickDirective {
   constructor(private platformUtilsService: PlatformUtilsService) {}

libs/angular/src/directives/stop-click.directive.ts

@@ -2,6 +2,7 @@ import { Directive, HostListener } from "@angular/core";
 
 @Directive({
   selector: "[appStopClick]",
+  standalone: false,
 })
 export class StopClickDirective {
   @HostListener("click", ["$event"]) onClick($event: MouseEvent) {

libs/angular/src/directives/stop-prop.directive.ts

@@ -2,6 +2,7 @@ import { Directive, HostListener } from "@angular/core";
 
 @Directive({
   selector: "[appStopProp]",
+  standalone: false,
 })
 export class StopPropDirective {
   @HostListener("click", ["$event"]) onClick($event: MouseEvent) {

libs/angular/src/directives/true-false-value.directive.ts

@@ -11,6 +11,7 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from "@angular/forms";
       multi: true,
     },
   ],
+  standalone: false,
 })
 export class TrueFalseValueDirective implements ControlValueAccessor {
   @Input() trueValue: boolean | string = true;

libs/angular/src/pipes/color-password-count.pipe.ts

@@ -7,7 +7,10 @@ import { ColorPasswordPipe } from "./color-password.pipe";
 /*
  An updated pipe that extends ColourPasswordPipe to include a character count
 */
-@Pipe({ name: "colorPasswordCount" })
+@Pipe({
+  name: "colorPasswordCount",
+  standalone: false,
+})
 export class ColorPasswordCountPipe extends ColorPasswordPipe {
   transform(password: string) {
     const template = (character: string, type: string, index: number) =>

libs/angular/src/pipes/color-password.pipe.ts

@@ -6,7 +6,10 @@ import { Utils } from "@bitwarden/common/platform/misc/utils";
  An updated pipe that sanitizes HTML, highlights numbers and special characters (in different colors each)
  and handles Unicode / Emoji characters correctly.
 */
-@Pipe({ name: "colorPassword" })
+@Pipe({
+  name: "colorPassword",
+  standalone: false,
+})
 export class ColorPasswordPipe implements PipeTransform {
   transform(password: string) {
     const template = (character: string, type: string) =>

libs/angular/src/pipes/credit-card-number.pipe.ts

@@ -28,7 +28,10 @@ const numberFormats: Record<string, CardRuleEntry[]> = {
   Other: [{ cardLength: 16, blocks: [4, 4, 4, 4] }],
 };
 
-@Pipe({ name: "creditCardNumber" })
+@Pipe({
+  name: "creditCardNumber",
+  standalone: false,
+})
 export class CreditCardNumberPipe implements PipeTransform {
   transform(creditCardNumber: string, brand: string): string {
     let rules = numberFormats[brand];

libs/angular/src/pipes/search-ciphers.pipe.ts

@@ -4,6 +4,7 @@ import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
 
 @Pipe({
   name: "searchCiphers",
+  standalone: false,
 })
 export class SearchCiphersPipe implements PipeTransform {
   transform(ciphers: CipherView[], searchText: string, deleted = false): CipherView[] {

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

@@ -6,6 +6,7 @@ type PropertyValueFunction<T> = (item: T) => { toString: () => string };
 
 @Pipe({
   name: "search",
+  standalone: false,
 })
 export class SearchPipe implements PipeTransform {
   transform<T>(

libs/angular/src/pipes/user-name.pipe.ts

@@ -9,6 +9,7 @@ export interface User {
 
 @Pipe({
   name: "userName",
+  standalone: false,
 })
 export class UserNamePipe implements PipeTransform {
   transform(user?: User): string {

libs/angular/src/pipes/user-type.pipe.ts

@@ -5,6 +5,7 @@ import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.servic
 
 @Pipe({
   name: "userType",
+  standalone: false,
 })
 export class UserTypePipe implements PipeTransform {
   constructor(private i18nService: I18nService) {}

libs/angular/src/platform/pipes/ellipsis.pipe.ts

@@ -2,6 +2,7 @@ import { Pipe, PipeTransform } from "@angular/core";
 
 @Pipe({
   name: "ellipsis",
+  standalone: false,
 })
 /**
  * @deprecated Use the tailwind class 'tw-truncate' instead

libs/angular/src/platform/pipes/fingerprint.pipe.ts

@@ -5,6 +5,7 @@ import { KeyService } from "@bitwarden/key-management";
 
 @Pipe({
   name: "fingerprint",
+  standalone: false,
 })
 export class FingerprintPipe {
   constructor(private keyService: KeyService) {}

libs/angular/src/platform/pipes/i18n.pipe.ts

@@ -7,6 +7,7 @@ import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.servic
  */
 @Pipe({
   name: "i18n",
+  standalone: false,
 })
 export class I18nPipe implements PipeTransform {
   constructor(private i18nService: I18nService) {}

libs/angular/src/tools/password-strength/password-strength.component.ts

@@ -16,6 +16,7 @@ export interface PasswordColorText {
 @Component({
   selector: "app-password-strength",
   templateUrl: "password-strength.component.html",
+  standalone: false,
 })
 export class PasswordStrengthComponent implements OnChanges {
   @Input() showText = false;

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

@@ -19,6 +19,7 @@ import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
   selector: "app-vault-icon",
   templateUrl: "icon.component.html",
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class IconComponent {
   /**

libs/components/src/app/app.component.ts

@@ -3,6 +3,7 @@ import { Component } from "@angular/core";
 @Component({
   selector: "app-root",
   template: "",
+  standalone: false,
 })
 export class AppComponent {
   title = "components";

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

@@ -19,6 +19,7 @@ import { FocusableElement } from "../shared/focusable-element";
  */
 @Directive({
   selector: "[appAutofocus], [bitAutofocus]",
+  standalone: false,
 })
 export class AutofocusDirective implements AfterContentChecked {
   @Input() set appAutofocus(condition: boolean | string) {

libs/tools/generator/components/src/catchall-settings.component.ts

@@ -24,6 +24,7 @@ import {
 @Component({
   selector: "tools-catchall-settings",
   templateUrl: "catchall-settings.component.html",
+  standalone: false,
 })
 export class CatchallSettingsComponent implements OnInit, OnDestroy, OnChanges {
   /** Instantiates the component

libs/tools/generator/components/src/credential-generator.component.ts

@@ -67,6 +67,7 @@ const NONE_SELECTED = "none";
 @Component({
   selector: "tools-credential-generator",
   templateUrl: "credential-generator.component.html",
+  standalone: false,
 })
 export class CredentialGeneratorComponent implements OnInit, OnChanges, OnDestroy {
   private readonly destroyed = new Subject<void>();

libs/tools/generator/components/src/forwarder-settings.component.ts

@@ -33,6 +33,7 @@ const Controls = Object.freeze({
 @Component({
   selector: "tools-forwarder-settings",
   templateUrl: "forwarder-settings.component.html",
+  standalone: false,
 })
 export class ForwarderSettingsComponent implements OnInit, OnChanges, OnDestroy {
   /** Instantiates the component

libs/tools/generator/components/src/passphrase-settings.component.ts

@@ -33,6 +33,7 @@ const Controls = Object.freeze({
 @Component({
   selector: "tools-passphrase-settings",
   templateUrl: "passphrase-settings.component.html",
+  standalone: false,
 })
 export class PassphraseSettingsComponent implements OnInit, OnChanges, OnDestroy {
   /** Instantiates the component

libs/tools/generator/components/src/password-generator.component.ts

@@ -53,6 +53,7 @@ import { GeneratorHistoryService } from "@bitwarden/generator-history";
 @Component({
   selector: "tools-password-generator",
   templateUrl: "password-generator.component.html",
+  standalone: false,
 })
 export class PasswordGeneratorComponent implements OnInit, OnChanges, OnDestroy {
   constructor(

libs/tools/generator/components/src/password-settings.component.ts

@@ -37,6 +37,7 @@ const Controls = Object.freeze({
 @Component({
   selector: "tools-password-settings",
   templateUrl: "password-settings.component.html",
+  standalone: false,
 })
 export class PasswordSettingsComponent implements OnInit, OnChanges, OnDestroy {
   /** Instantiates the component

libs/tools/generator/components/src/subaddress-settings.component.ts

@@ -24,6 +24,7 @@ import {
 @Component({
   selector: "tools-subaddress-settings",
   templateUrl: "subaddress-settings.component.html",
+  standalone: false,
 })
 export class SubaddressSettingsComponent implements OnInit, OnChanges, OnDestroy {
   /** Instantiates the component

libs/tools/generator/components/src/username-generator.component.ts

@@ -67,6 +67,7 @@ const NONE_SELECTED = "none";
 @Component({
   selector: "tools-username-generator",
   templateUrl: "username-generator.component.html",
+  standalone: false,
 })
 export class UsernameGeneratorComponent implements OnInit, OnChanges, OnDestroy {
   /** Instantiates the username generator

libs/tools/generator/components/src/username-settings.component.ts

@@ -24,6 +24,7 @@ import {
 @Component({
   selector: "tools-username-settings",
   templateUrl: "username-settings.component.html",
+  standalone: false,
 })
 export class UsernameSettingsComponent implements OnInit, OnChanges, OnDestroy {
   /** Instantiates the component