[PM-18721] update method name, add controls dynamically, fix typos

apps/web/src/app/auth/settings/emergency-access/takeover/emergency-access-takeover-dialog.component.html

@@ -1,4 +1,4 @@
-<bit-dialog dialogSize="large">
+<bit-dialog>
   <span bitDialogTitle>
     {{ "takeover" | i18n }}
     <small class="tw-text-muted" *ngIf="dialogData.grantorName">{{ dialogData.grantorName }}</small>
@@ -17,7 +17,7 @@
   </div>
 
   <ng-container bitDialogFooter>
-    <button type="button" bitButton buttonType="primary" (click)="submit()">
+    <button type="button" bitButton buttonType="primary" (click)="handlePrimaryButtonClick()">
       {{ "save" | i18n }}
     </button>
     <button type="button" bitButton buttonType="secondary" bitDialogClose>

apps/web/src/app/auth/settings/emergency-access/takeover/emergency-access-takeover-dialog.component.ts

@@ -51,8 +51,8 @@ export enum EmergencyAccessTakeoverDialogResultType {
   templateUrl: "./emergency-access-takeover-dialog.component.html",
   imports: [
     ButtonModule,
-    CommonModule,
     CalloutModule,
+    CommonModule,
     DialogModule,
     I18nPipe,
     InputPasswordComponent,
@@ -87,11 +87,11 @@ export class EmergencyAccessTakeoverDialogComponent implements OnInit {
     );
   }
 
-  submit = async () => {
+  protected handlePrimaryButtonClick = async () => {
     await this.inputPasswordComponent.submit();
   };
 
-  async handlePasswordFormSubmit(passwordInputResult: PasswordInputResult) {
+  protected async handlePasswordFormSubmit(passwordInputResult: PasswordInputResult) {
     try {
       await this.emergencyAccessService.takeover(
         this.dialogData.emergencyAccessId,
@@ -112,7 +112,7 @@ export class EmergencyAccessTakeoverDialogComponent implements OnInit {
   }
 
   /**
-   * Strongly typed helper to open a EmergencyAccessTakeoverDialogComponent
+   * Strongly typed helper to open an EmergencyAccessTakeoverDialogComponent
    * @param dialogService Instance of the dialog service that will be used to open the dialog
    * @param dialogConfig Configuration for the dialog
    */

apps/web/src/app/auth/settings/emergency-access/takeover/emergency-access-takeover.component.html

@@ -4,10 +4,13 @@
       {{ "takeover" | i18n }}
       <small class="tw-text-muted" *ngIf="params.name">{{ params.name }}</small>
     </span>
+
     <div bitDialogContent>
       <bit-callout type="warning">{{ "loggedOutWarning" | i18n }}</bit-callout>
+
       <auth-password-callout [policy]="enforcedPolicyOptions" *ngIf="enforcedPolicyOptions">
       </auth-password-callout>
+
       <div class="tw-w-full tw-flex tw-gap-4">
         <div class="tw-relative tw-flex-1">
           <bit-form-field disableMargin class="tw-mb-2">
@@ -20,6 +23,7 @@
             />
             <button type="button" bitSuffix bitIconButton bitPasswordInputToggle></button>
           </bit-form-field>
+
           <app-password-strength
             [password]="takeoverForm.value.masterPassword"
             [email]="email"
@@ -28,6 +32,7 @@
           >
           </app-password-strength>
         </div>
+
         <div class="tw-relative tw-flex-1">
           <bit-form-field disableMargin class="tw-mb-2">
             <bit-label>{{ "confirmNewMasterPass" | i18n }}</bit-label>
@@ -42,6 +47,7 @@
         </div>
       </div>
     </div>
+
     <ng-container bitDialogFooter>
       <button type="submit" bitButton bitFormButton buttonType="primary">
         {{ "save" | i18n }}