@dyedurham/search-and-file-widget 1.6.0 → 1.6.1

package/dnd-filing-shell.js

@@ -51412,16 +51412,44 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         class: "span-12"
       };
       FORMATION_DELTA_CARD_FORM_INCORPORATORS_FIELDS_MAP = {
-        [AffiliationAddressType.CanadianNoSuite]: [...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_NO_SUIT, EMAIL_TEXT_FIELD],
-        [AffiliationAddressType.CanadianSuite]: [...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_SUIT, EMAIL_TEXT_FIELD],
-        [AffiliationAddressType.InternationalNoSuite]: [...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_INTERNATIONAL_NO_SUIT, EMAIL_TEXT_FIELD],
-        [AffiliationAddressType.InternationalSuite]: [...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_INTERNATIONAL_SUIT, EMAIL_TEXT_FIELD]
+        [AffiliationAddressType.CanadianNoSuite]: [
+          ...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_NO_SUIT,
+          EMAIL_TEXT_FIELD
+        ],
+        [AffiliationAddressType.CanadianSuite]: [
+          ...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_SUIT,
+          EMAIL_TEXT_FIELD
+        ],
+        [AffiliationAddressType.InternationalNoSuite]: [
+          ...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_INTERNATIONAL_NO_SUIT,
+          EMAIL_TEXT_FIELD
+        ],
+        [AffiliationAddressType.InternationalSuite]: [
+          ...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_INTERNATIONAL_SUIT,
+          EMAIL_TEXT_FIELD
+        ]
       };
       FORMATION_DELTA_CARD_FORM_DIRECTORS_FIELDS_MAP = {
-        [AffiliationAddressType.CanadianNoSuite]: [...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_NO_SUIT, EMAIL_TEXT_FIELD, RESIDENT_CHECKBOX_FIELD],
-        [AffiliationAddressType.CanadianSuite]: [...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_SUIT, EMAIL_TEXT_FIELD, RESIDENT_CHECKBOX_FIELD],
-        [AffiliationAddressType.InternationalNoSuite]: [...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_INTERNATIONAL_NO_SUIT, EMAIL_TEXT_FIELD, RESIDENT_CHECKBOX_FIELD],
-        [AffiliationAddressType.InternationalSuite]: [...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_INTERNATIONAL_SUIT, EMAIL_TEXT_FIELD, RESIDENT_CHECKBOX_FIELD]
+        [AffiliationAddressType.CanadianNoSuite]: [
+          ...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_NO_SUIT,
+          EMAIL_TEXT_FIELD,
+          RESIDENT_CHECKBOX_FIELD
+        ],
+        [AffiliationAddressType.CanadianSuite]: [
+          ...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_SUIT,
+          EMAIL_TEXT_FIELD,
+          RESIDENT_CHECKBOX_FIELD
+        ],
+        [AffiliationAddressType.InternationalNoSuite]: [
+          ...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_INTERNATIONAL_NO_SUIT,
+          EMAIL_TEXT_FIELD,
+          RESIDENT_CHECKBOX_FIELD
+        ],
+        [AffiliationAddressType.InternationalSuite]: [
+          ...FORMATION_DELTA_CARD_FORM_AFFILIATION_FIELDS_INTERNATIONAL_SUIT,
+          EMAIL_TEXT_FIELD,
+          RESIDENT_CHECKBOX_FIELD
+        ]
       };
       FORMATION_PREVIEW_CARD_FORM_AFFILIATION_FIELDS_SHARES_AND_PROVISIONS = [
         {
@@ -51475,7 +51503,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         }
       ];
       generateFormationDeltaCardFormCorporationDetails = (name, secondaryName) => {
-        const proposedOptions = [{ label: name ?? "", value: name }, { label: secondaryName ?? "", value: secondaryName }].filter((option) => option.value);
+        const proposedOptions = [
+          { label: name ?? "", value: name },
+          { label: secondaryName ?? "", value: secondaryName }
+        ].filter((option) => option.value);
         return [
           {
             type: FormType.Select,
@@ -51490,7 +51521,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               if (isNumbered) {
                 form.get(FormationFormControls.wasLegalOpinionObtained)?.setValue(false, { emitEvent: false });
               }
-              if ([NameType.NamedEnglish, NameType.NamedBilingual, NameType.NamedCombined].includes(corporationNameType)) {
+              if ([
+                NameType.NamedEnglish,
+                NameType.NamedBilingual,
+                NameType.NamedCombined
+              ].includes(corporationNameType)) {
                 form.get(FormationFormControls.ProposedCorporationNameEng)?.setValue(name, { emitEvent: false });
               }
               if ([NameType.NamedFrench].includes(corporationNameType)) {
@@ -51620,7 +51655,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         ];
       };
       generateOntarioFormationFormContactControl = (contacts) => {
-        const contactsOptions = contacts.map((contact) => ({ label: contact.participant._profile.name ?? "", value: contact._id }));
+        const contactsOptions = contacts.map((contact) => ({
+          label: contact.participant._profile.name ?? "",
+          value: contact._id
+        }));
         return [
           {
             type: FormType.Select,
@@ -51646,7 +51684,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           }
         ];
       };
-      FORMATION_DELTA_CARD_FORM_CORPORATION_LEGAL_OPINION_LAWYER = [
+      FORMATION_DELTA_CARD_FORM_CORPORATION_LEGAL_OPINION_LAWYER = (lawyerOptions) => [
         {
           type: FormType.Select,
           placeholder: "",
@@ -51654,7 +51692,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           formControlName: FormationFormControls.LawyerSigningOpinion,
           required: true,
           class: "span-12",
-          options: []
+          options: lawyerOptions
         },
         {
           type: FormType.Text,
@@ -54505,7 +54543,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       (() => {
         (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(ChipComponent, [{
           type: Component,
-          args: [{ selector: "chip", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, TranslatePipe], template: '<div class="chip {{type()}}">\r\n  <span class="body-1-semibold">{{title() | translate}}</span>\r\n</div>\r\n', styles: ["/* src/app/components/chip/chip.component.scss */\n:host .chip {\n  padding: 0 15px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  border: 1px solid #A1B5C7;\n}\n:host .chip.warning {\n  color: #CFB95A;\n}\n:host .chip.danger {\n  color: #C56868;\n}\n:host .chip.success {\n  color: #4CAF51;\n}\n/*# sourceMappingURL=chip.component.css.map */\n"] }]
+          args: [{ selector: "chip", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, TranslatePipe], template: '<div class="chip {{type()}}">\n  <span class="body-1-semibold">{{title() | translate}}</span>\n</div>\n', styles: ["/* src/app/components/chip/chip.component.scss */\n:host .chip {\n  padding: 0 15px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  border: 1px solid #A1B5C7;\n}\n:host .chip.warning {\n  color: #CFB95A;\n}\n:host .chip.danger {\n  color: #C56868;\n}\n:host .chip.success {\n  color: #4CAF51;\n}\n/*# sourceMappingURL=chip.component.css.map */\n"] }]
         }], null, null);
       })();
       (() => {
@@ -54708,42 +54746,42 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
                 animate("100ms cubic-bezier(0.4, 0.0, 0.2, 1)")
               ])
             ])
-          ], template: `<div [class.padded]="padded()" [class.border]="border()" class="expandable-card">\r
-  <div (click)="toggle()" class="expandable-card-header">\r
-    <h2 [class.list-item]="isListItem()" class="expandable-card-header-title">{{title() | translate}}</h2>\r
-\r
-    <div [class.list-item]="isListItem()" class="expandable-card-header-container">\r
-      @if (isStatusIcon()) {\r
-        @if (!isValid()) {\r
-          <mat-icon class="expandable-card-header-status-icon"> error_outline </mat-icon>\r
-        }\r
-      }\r
-\r
-      @if(chipType()) {\r
-        <chip [type]="chipType()" [title]="chipText()"/>\r
-      }\r
-\r
-      @if (isExpandable()) {\r
-        <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>\r
-      }\r
-    </div>\r
-  </div>\r
-\r
-  <div class="expandable-card-content"\r
-    [@expandCollapse]="isExpanded()">\r
-    <div class="expandable-card-content-item">\r
-      <ng-content></ng-content>\r
-\r
-      @if (removable()) {\r
-        <div class="expandable-card-content-item-actions">\r
-          <span (click)="remove.emit()" class="body-1-regular light-blue pointer">{{'Remove' | translate}}</span>\r
-        </div>\r
-      }\r
-\r
-\r
-    </div>\r
-  </div>\r
-</div>\r
+          ], template: `<div [class.padded]="padded()" [class.border]="border()" class="expandable-card">
+  <div (click)="toggle()" class="expandable-card-header">
+    <h2 [class.list-item]="isListItem()" class="expandable-card-header-title">{{title() | translate}}</h2>
+
+    <div [class.list-item]="isListItem()" class="expandable-card-header-container">
+      @if (isStatusIcon()) {
+        @if (!isValid()) {
+          <mat-icon class="expandable-card-header-status-icon"> error_outline </mat-icon>
+        }
+      }
+
+      @if(chipType()) {
+        <chip [type]="chipType()" [title]="chipText()"/>
+      }
+
+      @if (isExpandable()) {
+        <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>
+      }
+    </div>
+  </div>
+
+  <div class="expandable-card-content"
+    [@expandCollapse]="isExpanded()">
+    <div class="expandable-card-content-item">
+      <ng-content></ng-content>
+
+      @if (removable()) {
+        <div class="expandable-card-content-item-actions">
+          <span (click)="remove.emit()" class="body-1-regular light-blue pointer">{{'Remove' | translate}}</span>
+        </div>
+      }
+
+
+    </div>
+  </div>
+</div>
 `, styles: ["/* src/app/components/expandable-card/expandable-card.component.scss */\n:host .expandable-card {\n  border-radius: 8px;\n  height: 100%;\n}\n:host .expandable-card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n:host .expandable-card-header-status-icon {\n  font-weight: 400;\n  color: #F1D01E;\n  font-size: 22px;\n  height: 22px;\n  width: 22px;\n}\n:host .expandable-card-header-status-icon.added {\n  color: #44aa00;\n}\n:host .expandable-card-header-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n:host .expandable-card-header-title {\n  color: #666666;\n  font-weight: 700;\n  font-size: 14px;\n}\n:host .expandable-card-header-title.list-item {\n  color: var(--filing-modal-color-dark-blue);\n  font-weight: 600;\n}\n:host .expandable-card-header-container {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n:host .expandable-card-header-container.list-item mat-icon {\n  font-size: 16px;\n}\n:host .expandable-card-header mat-icon:not(.expandable-card-header-status-icon) {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 100ms cubic-bezier(0.4, 0, 0.2, 1);\n  transform: rotate(-90deg);\n}\n:host .expandable-card-header mat-icon:not(.expandable-card-header-status-icon).rotated {\n  transform: rotate(90deg);\n}\n:host .expandable-card-content {\n  height: 100%;\n}\n:host .expandable-card-content-item {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n:host .expandable-card-content-item-actions {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n}\n:host .expandable-card.border {\n  box-shadow:\n    0 1px 2px rgba(0, 0, 0, 0.08),\n    0 2px 4px rgba(0, 0, 0, 0.12),\n    0 0 0 1px rgba(0, 0, 0, 0.04);\n  margin: 1px;\n}\n:host .expandable-card.padded {\n  padding: 16px;\n}\n/*# sourceMappingURL=expandable-card.component.css.map */\n"] }]
         }], () => [], null);
       })();
@@ -71788,7 +71826,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatFormFieldModule,
             MatInputModule,
             MatAutocompleteModule
-          ], template: '<mat-form-field appearance="outline">\r\n  <input\r\n    matInput\r\n    [formControl]="control()"\r\n    [placeholder]="placeholder()"\r\n    [required]="required()"\r\n    [matAutocomplete]="auto"\r\n  />\r\n\r\n  <mat-autocomplete #auto="matAutocomplete">\r\n    @for (option of filteredOptions(); track option) {\r\n      <mat-option [value]="option.value">\r\n        {{ option.label }}\r\n      </mat-option>\r\n    }\r\n  </mat-autocomplete>\r\n</mat-form-field>\r\n' }]
+          ], template: '<mat-form-field appearance="outline">\n  <input\n    matInput\n    [formControl]="control()"\n    [placeholder]="placeholder()"\n    [required]="required()"\n    [matAutocomplete]="auto"\n  />\n\n  <mat-autocomplete #auto="matAutocomplete">\n    @for (option of filteredOptions(); track option) {\n      <mat-option [value]="option.value">\n        {{ option.label }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n</mat-form-field>\n' }]
         }], null, null);
       })();
       (() => {
@@ -75931,7 +75969,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             }
           ], imports: [
             MatCheckbox
-          ], template: '<div class="checkbox-list">\r\n  <div class="body-1-regular grey">{{ title() }}</div>\r\n\r\n  @for (item of items(); track item.value) {\r\n    <label class="checkbox-list-item">\r\n      <mat-checkbox\r\n        [checked]="isChecked(item.value)"\r\n        [disabled]="disabled"\r\n        (change)="toggle(item.value)"\r\n      >\r\n        <span class="body-1-regular grey">{{ item.label }}</span>\r\n      </mat-checkbox>\r\n    </label>\r\n  }\r\n</div>\r\n', styles: ["/* src/app/components/checkbox-list/checkbox-list.component.scss */\n:host .checkbox-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding-bottom: 16px;\n}\n:host .checkbox-list-item {\n  padding-left: 16px;\n}\n/*# sourceMappingURL=checkbox-list.component.css.map */\n"] }]
+          ], template: '<div class="checkbox-list">\n  <div class="body-1-regular grey">{{ title() }}</div>\n\n  @for (item of items(); track item.value) {\n    <label class="checkbox-list-item">\n      <mat-checkbox\n        [checked]="isChecked(item.value)"\n        [disabled]="disabled"\n        (change)="toggle(item.value)"\n      >\n        <span class="body-1-regular grey">{{ item.label }}</span>\n      </mat-checkbox>\n    </label>\n  }\n</div>\n', styles: ["/* src/app/components/checkbox-list/checkbox-list.component.scss */\n:host .checkbox-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding-bottom: 16px;\n}\n:host .checkbox-list-item {\n  padding-left: 16px;\n}\n/*# sourceMappingURL=checkbox-list.component.css.map */\n"] }]
         }], null, null);
       })();
       (() => {
@@ -76605,239 +76643,239 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             { provide: DateAdapter, useClass: MomentDateAdapter },
             { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
             { provide: MAT_DATE_LOCALE, useValue: "en-GB" }
-          ], template: `@let fields = this.config();\r
-@let form = this.form();\r
-\r
-<section>\r
-  <div [class.submitted]="isSubmitted()" class="filling-form-fields" [formGroup]="form">\r
-    @for (field of fields; track field.formControlName + $index; let last = $last) {\r
-      @if (!field.isVisible || field.isVisible(form)) {\r
-        @let previousValue = validationConfig()?.[field.formControlName];\r
-\r
-        @switch (field.type) {\r
-          @case (types.Select) {\r
-            <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">\r
-              @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;\r
-              @if (label) {\r
-                <span class="filling-form-fields-item-label body-1-regular">\r
-                    {{ (label | translate) + (field.required ? " *" : "") }}\r
-                  </span>\r
-              }\r
-              <mat-form-field appearance="outline">\r
-                @let control = form.get(field.formControlName);\r
-\r
-                <input\r
-                  matInput\r
-                  [formControlName]="field.formControlName"\r
-                  [placeholder]="field.placeholder ?? ''"\r
-                  [matAutocomplete]="autocompleteRef"\r
-                  (change)="field.onChange && field.onChange(form)"\r
-                />\r
-\r
-                <mat-autocomplete\r
-                  #autocompleteRef="matAutocomplete"\r
-                  [displayWith]="getDisplayFn(field)"\r
-                  (optionSelected)="field.onChange && field.onChange(form)"\r
-                >\r
-                  @for (option of getFilteredOptions(field); track option.value) {\r
-                    <mat-option\r
-                      class="filing-form-group-select-option"\r
-                      [value]="option.value"\r
-                    >\r
-                      {{ option.label }}\r
-                    </mat-option>\r
-                  }\r
-                  @if (getFilteredOptions(field).length === 0) {\r
-                    <mat-option disabled>No options found</mat-option>\r
-                  }\r
-                </mat-autocomplete>\r
-\r
-                @if (control?.value && !control?.disabled) {\r
-                  <div matSuffix class="suffix-container">\r
-                    <button mat-icon-button (click)="control?.reset()">\r
-                      <mat-icon>close</mat-icon>\r
-                    </button>\r
-\r
-                    <mat-icon class="arrow-icon">arrow_drop_down</mat-icon>\r
-                  </div>\r
-                } @else {\r
-                  <mat-icon matSuffix>arrow_drop_down</mat-icon>\r
-                }\r
-\r
-                <mat-error>{{ field.label }} is required</mat-error>\r
-              </mat-form-field>\r
-            </div>\r
-          }\r
-\r
-          @case (types.Checkbox) {\r
-            <div [class.last]="last" class="filling-form-fields-checkbox {{field.class ?? 'span-6'}}">\r
-              <mat-checkbox\r
-                (change)="field.onChange && field.onChange(form)"\r
-                [formControlName]="field.formControlName"\r
-              >\r
-                @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;\r
-                <div>\r
-                    <span class="body-1-regular black"  [class.warning]="!!previousValue">{{\r
-                        label\r
-                      }}</span>\r
-                  @if (previousValue != null) {\r
-                    <mat-icon\r
-                      [class.warning]="true"\r
-                      class="filling-form-fields-item-icon"\r
-                      matSuffix\r
-                    >warning_amber</mat-icon\r
-                    >\r
-                  }\r
-                </div>\r
-              </mat-checkbox>\r
-\r
-              @if (previousValue != null) {\r
-                <mat-hint\r
-                  [class.warning]="true"\r
-                  class="filling-form-fields-item-hint"\r
-                >Previously saved value: {{ previousValue ? 'checked' : 'unchecked' }}</mat-hint\r
-                >\r
-              }\r
-            </div>\r
-          }\r
-\r
-          @case (types.Empty) {\r
-            <div class="filling-form-fields-empty {{field.class ?? 'span-6'}}"></div>\r
-          }\r
-          @case (types.Autocomplete) {\r
-            <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">\r
-              @if (field.label) {\r
-                <span class="filling-form-fields-item-label body-1-regular">\r
-                    {{ field.label + (field.required ? " *" : "") }}\r
-                  </span>\r
-              }\r
-              <autocomplete-field\r
-                [options]="field.options ?? []"\r
-                [control]="getFormControl(field.formControlName)"\r
-                [placeholder]="field.placeholder ?? ''"\r
-                [required]="field.required ?? false"\r
-              />\r
-            </div>\r
-          }\r
-\r
-          @case (types.Date) {\r
-            <div\r
-              class="filling-form-fields-item {{field.class ?? 'span-6'}}"\r
-              [class.warning]="!!previousValue"\r
-            >\r
-              @if (field.label) {\r
-                <span\r
-                  class="filling-form-fields-item-label body-1-regular"\r
-                  [class.warning]="!!previousValue"\r
-                >\r
-                    {{ field.label + (field.required ? " *" : "") }}\r
-                  </span>\r
-              }\r
-\r
-              <mat-form-field appearance="outline">\r
-                <input\r
-                  matInput\r
-                  [matDatepicker]="picker"\r
-                  [formControlName]="field.formControlName"\r
-                  [placeholder]="field.placeholder ?? ''"\r
-                  (dateChange)="field.onChange && field.onChange(form)"\r
-                />\r
-                <mat-datepicker-toggle matSuffix [for]="picker">\r
-                  <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\r
-                </mat-datepicker-toggle>\r
-                <mat-datepicker #picker></mat-datepicker>\r
-\r
-                @if (previousValue != null) {\r
-                  <mat-hint\r
-                    [class.warning]="true"\r
-                    class="filling-form-fields-item-hint"\r
-                  >\r
-                    Previously saved value: {{ previousValue }}\r
-                  </mat-hint>\r
-                }\r
-\r
-                <mat-error>{{field.label}} is required</mat-error>\r
-              </mat-form-field>\r
-            </div>\r
-          }\r
-\r
-          @case (types.Input) {\r
-            <div\r
-              [class.warning]="!!previousValue"\r
-              class="filling-form-fields-item {{field.class ?? 'span-6'}}"\r
-            >\r
-              @if (field.label) {\r
-                <span\r
-                  [class.warning]="!!previousValue"\r
-                  class="filling-form-fields-item-label body-1-regular"\r
-                >\r
-                    {{ field.label + (field.required ? " *" : "") }}\r
-                  </span>\r
-\r
-                <mat-form-field appearance="outline">\r
-                  <input\r
-                    matInput\r
-                    [readonly]="field.readonly"\r
-                    [formControlName]="field.formControlName"\r
-                    [placeholder]="field.placeholder ?? ''"\r
-                    (change)="field.onChange && field.onChange(form)"\r
-                  />\r
-\r
-                  @if (previousValue != null) {\r
-                    <mat-hint\r
-                      [class.warning]="true"\r
-                      class="filling-form-fields-item-hint"\r
-                    >Previously saved value: {{ previousValue }}</mat-hint\r
-                    >\r
-                  }\r
-\r
-                  @if (previousValue != null) {\r
-                    <mat-icon\r
-                      [class.warning]="true"\r
-                      class="filling-form-fields-item-icon"\r
-                      matSuffix\r
-                    >warning_amber</mat-icon\r
-                    >\r
-                  }\r
-\r
-                  <mat-error>{{field.label}} is required</mat-error>\r
-                </mat-form-field>\r
-              }\r
-            </div>\r
-          }\r
-          @case (types.TextArea) {\r
-            <div class="filling-form-fields-item text-area {{field.class ?? 'span-6'}}">\r
-              @if (field.label) {\r
-                <span class="filling-form-fields-item-label body-1-regular">\r
-                    {{ field.label + (field.required ? " *" : "") }}\r
-                  </span>\r
-\r
-                <mat-form-field appearance="outline">\r
-                    <textarea\r
-                      matInput\r
-                      [readonly]="field.readonly"\r
-                      [formControlName]="field.formControlName"\r
-                      [placeholder]="field.placeholder ?? ''"\r
-                      (change)="field.onChange && field.onChange(form)"\r
-                    ></textarea>\r
-                </mat-form-field>\r
-              }\r
-            </div>\r
-          }\r
-          @case (types.CheckboxList) {\r
-            <checkbox-list class="{{field.class}}" [formControlName]="field.formControlName" [items]="field.options ?? []"/>\r
-          }\r
-          @case (types.Text) {\r
-            @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn, prevData()) : field.label;\r
-            @if (label) {\r
-              <p [class.last]="last" class="filling-form-fields-item-text body-1-regular grey" [class]="field.class" [innerHTML]="label" ></p>\r
-            }\r
-          }\r
-        }\r
-      }\r
-    }\r
-  </div>\r
-</section>\r
+          ], template: `@let fields = this.config();
+@let form = this.form();
+
+<section>
+  <div [class.submitted]="isSubmitted()" class="filling-form-fields" [formGroup]="form">
+    @for (field of fields; track field.formControlName + $index; let last = $last) {
+      @if (!field.isVisible || field.isVisible(form)) {
+        @let previousValue = validationConfig()?.[field.formControlName];
+
+        @switch (field.type) {
+          @case (types.Select) {
+            <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">
+              @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;
+              @if (label) {
+                <span class="filling-form-fields-item-label body-1-regular">
+                    {{ (label | translate) + (field.required ? " *" : "") }}
+                  </span>
+              }
+              <mat-form-field appearance="outline">
+                @let control = form.get(field.formControlName);
+
+                <input
+                  matInput
+                  [formControlName]="field.formControlName"
+                  [placeholder]="field.placeholder ?? ''"
+                  [matAutocomplete]="autocompleteRef"
+                  (change)="field.onChange && field.onChange(form)"
+                />
+
+                <mat-autocomplete
+                  #autocompleteRef="matAutocomplete"
+                  [displayWith]="getDisplayFn(field)"
+                  (optionSelected)="field.onChange && field.onChange(form)"
+                >
+                  @for (option of getFilteredOptions(field); track option.value) {
+                    <mat-option
+                      class="filing-form-group-select-option"
+                      [value]="option.value"
+                    >
+                      {{ option.label }}
+                    </mat-option>
+                  }
+                  @if (getFilteredOptions(field).length === 0) {
+                    <mat-option disabled>No options found</mat-option>
+                  }
+                </mat-autocomplete>
+
+                @if (control?.value && !control?.disabled) {
+                  <div matSuffix class="suffix-container">
+                    <button mat-icon-button (click)="control?.reset()">
+                      <mat-icon>close</mat-icon>
+                    </button>
+
+                    <mat-icon class="arrow-icon">arrow_drop_down</mat-icon>
+                  </div>
+                } @else {
+                  <mat-icon matSuffix>arrow_drop_down</mat-icon>
+                }
+
+                <mat-error>{{ field.label }} is required</mat-error>
+              </mat-form-field>
+            </div>
+          }
+
+          @case (types.Checkbox) {
+            <div [class.last]="last" class="filling-form-fields-checkbox {{field.class ?? 'span-6'}}">
+              <mat-checkbox
+                (change)="field.onChange && field.onChange(form)"
+                [formControlName]="field.formControlName"
+              >
+                @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;
+                <div>
+                    <span class="body-1-regular black"  [class.warning]="!!previousValue">{{
+                        label
+                      }}</span>
+                  @if (previousValue != null) {
+                    <mat-icon
+                      [class.warning]="true"
+                      class="filling-form-fields-item-icon"
+                      matSuffix
+                    >warning_amber</mat-icon
+                    >
+                  }
+                </div>
+              </mat-checkbox>
+
+              @if (previousValue != null) {
+                <mat-hint
+                  [class.warning]="true"
+                  class="filling-form-fields-item-hint"
+                >Previously saved value: {{ previousValue ? 'checked' : 'unchecked' }}</mat-hint
+                >
+              }
+            </div>
+          }
+
+          @case (types.Empty) {
+            <div class="filling-form-fields-empty {{field.class ?? 'span-6'}}"></div>
+          }
+          @case (types.Autocomplete) {
+            <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">
+              @if (field.label) {
+                <span class="filling-form-fields-item-label body-1-regular">
+                    {{ field.label + (field.required ? " *" : "") }}
+                  </span>
+              }
+              <autocomplete-field
+                [options]="field.options ?? []"
+                [control]="getFormControl(field.formControlName)"
+                [placeholder]="field.placeholder ?? ''"
+                [required]="field.required ?? false"
+              />
+            </div>
+          }
+
+          @case (types.Date) {
+            <div
+              class="filling-form-fields-item {{field.class ?? 'span-6'}}"
+              [class.warning]="!!previousValue"
+            >
+              @if (field.label) {
+                <span
+                  class="filling-form-fields-item-label body-1-regular"
+                  [class.warning]="!!previousValue"
+                >
+                    {{ field.label + (field.required ? " *" : "") }}
+                  </span>
+              }
+
+              <mat-form-field appearance="outline">
+                <input
+                  matInput
+                  [matDatepicker]="picker"
+                  [formControlName]="field.formControlName"
+                  [placeholder]="field.placeholder ?? ''"
+                  (dateChange)="field.onChange && field.onChange(form)"
+                />
+                <mat-datepicker-toggle matSuffix [for]="picker">
+                  <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>
+                </mat-datepicker-toggle>
+                <mat-datepicker #picker></mat-datepicker>
+
+                @if (previousValue != null) {
+                  <mat-hint
+                    [class.warning]="true"
+                    class="filling-form-fields-item-hint"
+                  >
+                    Previously saved value: {{ previousValue }}
+                  </mat-hint>
+                }
+
+                <mat-error>{{field.label}} is required</mat-error>
+              </mat-form-field>
+            </div>
+          }
+
+          @case (types.Input) {
+            <div
+              [class.warning]="!!previousValue"
+              class="filling-form-fields-item {{field.class ?? 'span-6'}}"
+            >
+              @if (field.label) {
+                <span
+                  [class.warning]="!!previousValue"
+                  class="filling-form-fields-item-label body-1-regular"
+                >
+                    {{ field.label + (field.required ? " *" : "") }}
+                  </span>
+
+                <mat-form-field appearance="outline">
+                  <input
+                    matInput
+                    [readonly]="field.readonly"
+                    [formControlName]="field.formControlName"
+                    [placeholder]="field.placeholder ?? ''"
+                    (change)="field.onChange && field.onChange(form)"
+                  />
+
+                  @if (previousValue != null) {
+                    <mat-hint
+                      [class.warning]="true"
+                      class="filling-form-fields-item-hint"
+                    >Previously saved value: {{ previousValue }}</mat-hint
+                    >
+                  }
+
+                  @if (previousValue != null) {
+                    <mat-icon
+                      [class.warning]="true"
+                      class="filling-form-fields-item-icon"
+                      matSuffix
+                    >warning_amber</mat-icon
+                    >
+                  }
+
+                  <mat-error>{{field.label}} is required</mat-error>
+                </mat-form-field>
+              }
+            </div>
+          }
+          @case (types.TextArea) {
+            <div class="filling-form-fields-item text-area {{field.class ?? 'span-6'}}">
+              @if (field.label) {
+                <span class="filling-form-fields-item-label body-1-regular">
+                    {{ field.label + (field.required ? " *" : "") }}
+                  </span>
+
+                <mat-form-field appearance="outline">
+                    <textarea
+                      matInput
+                      [readonly]="field.readonly"
+                      [formControlName]="field.formControlName"
+                      [placeholder]="field.placeholder ?? ''"
+                      (change)="field.onChange && field.onChange(form)"
+                    ></textarea>
+                </mat-form-field>
+              }
+            </div>
+          }
+          @case (types.CheckboxList) {
+            <checkbox-list class="{{field.class}}" [formControlName]="field.formControlName" [items]="field.options ?? []"/>
+          }
+          @case (types.Text) {
+            @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn, prevData()) : field.label;
+            @if (label) {
+              <p [class.last]="last" class="filling-form-fields-item-text body-1-regular grey" [class]="field.class" [innerHTML]="label" ></p>
+            }
+          }
+        }
+      }
+    }
+  </div>
+</section>
 `, styles: ['/* src/app/components/form/filing-form-group/filing-form-group.component.scss */\n:host {\n  height: 100%;\n  overflow: hidden;\n}\n:host .filling-form-fields {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  column-gap: 16px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select {\n  display: flex;\n}\n:host .filling-form-fields ::ng-deep .mdc-checkbox__background {\n  border: 3px solid #6a6c6f;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-arrow-wrapper {\n  display: none;\n}\n:host .filling-form-fields ::ng-deep .suffix-container {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix .mat-icon {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .arrow-icon {\n  pointer-events: none;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-infix {\n  display: flex !important;\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-label {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-checkbox {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  line-height: 2rem;\n}\n:host .filling-form-fields-checkbox:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-checkbox-text {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 20px;\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-empty {\n  width: 100%;\n  height: 80px;\n}\n:host .filling-form-fields-item {\n  --mat-sys-primary: #6b6f76;\n  --mat-sys-primary-container: #e4e5e8;\n  --mat-sys-surface-tint: #6b6f76;\n  --mat-sys-outline: #c7c9cf;\n  --mat-sys-outline-variant: #dfe1e6;\n  --mdc-icon-button-state-layer-size: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-text-field-wrapper {\n  padding: 0 !important;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-input-element {\n  padding: 0 12px;\n  min-height: 230px !important;\n  max-height: 230px !important;\n}\n:host .filling-form-fields-item-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-item-text:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-hint {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n:host .filling-form-fields-item.warning {\n  --mdc-outlined-text-field-outline-color: #845400;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #845400;\n  color: #845400;\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-label {\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-item-label.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-hint.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-icon {\n  font-size: 22px;\n  line-height: 22px;\n  height: 22px;\n  width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n  color: #845400;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n  display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n:host .span-1 {\n  grid-column: span 1;\n}\n:host .span-2 {\n  grid-column: span 2;\n}\n:host .span-3 {\n  grid-column: span 3;\n}\n:host .span-4 {\n  grid-column: span 4;\n}\n:host .span-5 {\n  grid-column: span 5;\n}\n:host .span-6 {\n  grid-column: span 6;\n}\n:host .span-8 {\n  grid-column: span 8;\n}\n:host .span-12 {\n  grid-column: span 12;\n}\n:host .column-1 {\n  grid-column: 1/span 2;\n}\n:host .column-2 {\n  grid-column: 1/span 4;\n}\n:host .column-3 {\n  grid-column: 1/span 6;\n}\n:host ::ng-deep input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n.filing-form-group-select-option {\n  background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
         }], null, null);
       })();
@@ -77092,69 +77130,69 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
                 animate("100ms cubic-bezier(0.4, 0.0, 0.2, 1)")
               ])
             ])
-          ], template: `<div class="expandable-card">\r
-  <div [class.expanded]="isExpanded()" (click)="toggle()" class="expandable-card-header">\r
-    <h2 class="expandable-card-header-title">{{title()}}</h2>\r
-\r
-    <div class="expandable-card-header-container">\r
-      @if (isStatusIcon()) {\r
-        @if (!isValid()) {\r
-          <mat-icon class="expandable-card-header-status-icon"> error_outline </mat-icon>\r
-        }\r
-      }\r
-\r
-      <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>\r
-    </div>\r
-  </div>\r
-\r
-  <div class="expandable-card-content"\r
-    [@expandCollapse]="isExpanded()">\r
-    <ng-content select="[slot='header-content']"></ng-content>\r
-    <div class="expandable-card-actions">\r
-      <div>\r
-        <ng-content select="[slot='subtitle']"></ng-content>\r
-      </div>\r
-\r
-      @if (controlsCount() !== 0) {\r
-        <div class="expandable-card-actions-items">\r
-          <h3 class="expandable-card-actions-item" (click)="expandAll()">\r
-            {{ 'Expand all' | translate }}\r
-          </h3>\r
-          <h3 class="expandable-card-actions-separator">|</h3>\r
-          <h3 class="expandable-card-actions-item" (click)="collapseAll()"\r
-          >{{ 'Collapse all' | translate }}\r
-          </h3>\r
-        </div>\r
-      }\r
-\r
-    </div>\r
-\r
-    @for (formGroup of formArray().controls; let i = $index; track formGroup) {\r
-      <div class="expandable-card-separator">\r
-        <div class="expandable-card-separator-line"></div>\r
-      </div>\r
-\r
-      <expandable-card\r
-        [isListItem]="true"\r
-        [title]="getFormGroup(i).get(labelKey())?.value"\r
-        [isStatusIcon]="isStatusIcon()"\r
-        [isValid]="!formGroup.invalid"\r
-        [isOpen]="isItemExpanded(i)"\r
-        [border]="false"\r
-        [padded]="false"\r
-        [chipType]="affiliationTypeToChipType(formGroup.get(controls.AffiliationType)?.value)"\r
-        [removable]="removable()"\r
-        (toggled)="toggleItem(i)"\r
-        (remove)="remove.emit(i)"\r
-      >\r
-        @let form = getFormGroup(i);\r
-        @let configValue = fields() ?? config()?.[form.get(configKey())?.value] ?? [];\r
-        <filing-form-group [prevData]="prevData()" [isSubmitted]="isSubmitted()" [form]="form" [config]="configValue"/>\r
-\r
-      </expandable-card>\r
-    }\r
-  </div>\r
-</div>\r
+          ], template: `<div class="expandable-card">
+  <div [class.expanded]="isExpanded()" (click)="toggle()" class="expandable-card-header">
+    <h2 class="expandable-card-header-title">{{title()}}</h2>
+
+    <div class="expandable-card-header-container">
+      @if (isStatusIcon()) {
+        @if (!isValid()) {
+          <mat-icon class="expandable-card-header-status-icon"> error_outline </mat-icon>
+        }
+      }
+
+      <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>
+    </div>
+  </div>
+
+  <div class="expandable-card-content"
+    [@expandCollapse]="isExpanded()">
+    <ng-content select="[slot='header-content']"></ng-content>
+    <div class="expandable-card-actions">
+      <div>
+        <ng-content select="[slot='subtitle']"></ng-content>
+      </div>
+
+      @if (controlsCount() !== 0) {
+        <div class="expandable-card-actions-items">
+          <h3 class="expandable-card-actions-item" (click)="expandAll()">
+            {{ 'Expand all' | translate }}
+          </h3>
+          <h3 class="expandable-card-actions-separator">|</h3>
+          <h3 class="expandable-card-actions-item" (click)="collapseAll()"
+          >{{ 'Collapse all' | translate }}
+          </h3>
+        </div>
+      }
+
+    </div>
+
+    @for (formGroup of formArray().controls; let i = $index; track formGroup) {
+      <div class="expandable-card-separator">
+        <div class="expandable-card-separator-line"></div>
+      </div>
+
+      <expandable-card
+        [isListItem]="true"
+        [title]="getFormGroup(i).get(labelKey())?.value"
+        [isStatusIcon]="isStatusIcon()"
+        [isValid]="!formGroup.invalid"
+        [isOpen]="isItemExpanded(i)"
+        [border]="false"
+        [padded]="false"
+        [chipType]="affiliationTypeToChipType(formGroup.get(controls.AffiliationType)?.value)"
+        [removable]="removable()"
+        (toggled)="toggleItem(i)"
+        (remove)="remove.emit(i)"
+      >
+        @let form = getFormGroup(i);
+        @let configValue = fields() ?? config()?.[form.get(configKey())?.value] ?? [];
+        <filing-form-group [prevData]="prevData()" [isSubmitted]="isSubmitted()" [form]="form" [config]="configValue"/>
+
+      </expandable-card>
+    }
+  </div>
+</div>
 `, styles: ["/* src/app/components/expandable-list-card/expandable-list-card.component.scss */\n:host .expandable-card {\n  padding: 16px 0;\n  box-shadow:\n    0 1px 2px rgba(0, 0, 0, 0.08),\n    0 2px 4px rgba(0, 0, 0, 0.12),\n    0 0 0 1px rgba(0, 0, 0, 0.04);\n  border-radius: 8px;\n  margin: 1px;\n}\n:host .expandable-card-header {\n  padding: 0 16px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition: padding-bottom ease-in-out 250ms;\n}\n:host .expandable-card-header.expanded {\n  padding-bottom: 16px;\n}\n:host .expandable-card-header-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n:host .expandable-card-header-title {\n  color: #666666;\n  font-weight: 700;\n  font-size: 14px;\n}\n:host .expandable-card-header-container {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n:host .expandable-card-header-status-icon {\n  font-weight: 400;\n  color: #F1D01E;\n  font-size: 22px;\n  height: 22px;\n  width: 22px;\n}\n:host .expandable-card-header-status-icon.added {\n  color: #44aa00;\n}\n:host .expandable-card-header mat-icon:not(.expandable-card-header-status-icon) {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform 100ms cubic-bezier(0.4, 0, 0.2, 1);\n  transform: rotate(-90deg);\n}\n:host .expandable-card-header mat-icon:not(.expandable-card-header-status-icon).rotated {\n  transform: rotate(90deg);\n}\n:host .expandable-card-actions {\n  padding: 0 16px 0 16px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n:host .expandable-card-actions-items {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 14px;\n}\n:host .expandable-card-actions-separator {\n  padding: 0 2px;\n  color: var(--filing-modal-color-grey);\n  font-size: 14px;\n}\n:host .expandable-card-actions-item {\n  color: var(--filing-modal-color-light-blue);\n  cursor: pointer;\n  font-size: 14px;\n}\n:host .expandable-card-actions-item:hover {\n  text-decoration: underline;\n}\n:host .expandable-card expandable-card {\n  display: block;\n  padding: 0 16px;\n}\n:host .expandable-card-separator {\n  width: 100%;\n  padding: 18px 16px;\n}\n:host .expandable-card-separator-line {\n  background-color: var(--filing-modal-color-grey-mid);\n  height: 1px;\n  width: 100%;\n}\n/*# sourceMappingURL=expandable-list-card.component.css.map */\n"] }]
         }], () => [], null);
       })();
@@ -77270,7 +77308,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       (() => {
         (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(AlertComponent, [{
           type: Component,
-          args: [{ selector: "alert", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule], template: '<div class="alert {{type()}}">\r\n  @switch (type()) {\r\n    @case (alertType.Warning) {\r\n      <mat-icon class="alert-icon">warning</mat-icon>\r\n\r\n    }\r\n    @case (alertType.Info) {\r\n      <mat-icon class="alert-icon">info_outlined</mat-icon>\r\n    }\r\n  }\r\n  <div class="alert-text">\r\n    <span class="alert-text-title">{{title()}}</span>\r\n\r\n    @if (isArray()) {\r\n      <ul class="alert-options">\r\n        @for(option of content(); track option) {\r\n          <li>{{option}}</li>\r\n        }\r\n      </ul>\r\n    }@else {\r\n      <span>{{content()}}</span>\r\n    }\r\n  </div>\r\n\r\n</div>\r\n', styles: ["/* src/app/components/alert/alert.component.scss */\n:host .alert {\n  display: flex;\n  align-items: center;\n  padding: 12px 10px;\n  border-radius: 12px;\n  gap: 8px;\n  border: 1px solid var(--filing-modal-color-grey);\n}\n:host .alert.warning {\n  border: 1px solid #F1D01E;\n}\n:host .alert.warning .alert-icon {\n  color: #F1D01E;\n  font-size: 20px;\n}\n:host .alert-text {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  color: var(--filing-modal-color-grey);\n  font-size: 14px;\n}\n:host .alert-text-title {\n  font-weight: 600;\n}\n:host .alert-options {\n  margin: 0;\n  padding: 0 24px;\n}\n/*# sourceMappingURL=alert.component.css.map */\n"] }]
+          args: [{ selector: "alert", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule], template: '<div class="alert {{type()}}">\n  @switch (type()) {\n    @case (alertType.Warning) {\n      <mat-icon class="alert-icon">warning</mat-icon>\n\n    }\n    @case (alertType.Info) {\n      <mat-icon class="alert-icon">info_outlined</mat-icon>\n    }\n  }\n  <div class="alert-text">\n    <span class="alert-text-title">{{title()}}</span>\n\n    @if (isArray()) {\n      <ul class="alert-options">\n        @for(option of content(); track option) {\n          <li>{{option}}</li>\n        }\n      </ul>\n    }@else {\n      <span>{{content()}}</span>\n    }\n  </div>\n\n</div>\n', styles: ["/* src/app/components/alert/alert.component.scss */\n:host .alert {\n  display: flex;\n  align-items: center;\n  padding: 12px 10px;\n  border-radius: 12px;\n  gap: 8px;\n  border: 1px solid var(--filing-modal-color-grey);\n}\n:host .alert.warning {\n  border: 1px solid #F1D01E;\n}\n:host .alert.warning .alert-icon {\n  color: #F1D01E;\n  font-size: 20px;\n}\n:host .alert-text {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  color: var(--filing-modal-color-grey);\n  font-size: 14px;\n}\n:host .alert-text-title {\n  font-weight: 600;\n}\n:host .alert-options {\n  margin: 0;\n  padding: 0 24px;\n}\n/*# sourceMappingURL=alert.component.css.map */\n"] }]
         }], null, null);
       })();
       (() => {
@@ -77338,7 +77376,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       const ctx_r0 = \u0275\u0275nextContext();
       \u0275\u0275property("isValid", !legalOpinion_r4.invalid)("isStatusIcon", ctx_r0.statusIcon())("title", ctx_r0.groups.LegalOpinion);
       \u0275\u0275advance();
-      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", legalOpinion_r4)("config", ctx_r0.legalOpinionLawyerFields);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", legalOpinion_r4)("config", ctx_r0.legalOpinionLawyerFields());
       \u0275\u0275advance();
       \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", legalOpinion_r4)("config", ctx_r0.legalOpinionConfirmAddressFields);
     }
@@ -77447,7 +77485,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         groups = FormationFormGroups;
         controls = FormationFormControls;
         formationFormControls = FormationFormControls;
-        legalOpinionLawyerFields = FORMATION_DELTA_CARD_FORM_CORPORATION_LEGAL_OPINION_LAWYER;
         legalOpinionConfirmAddressFields = FORMATION_DELTA_CARD_FORM_CORPORATION_LEGAL_OPINION_CONFIRM_ADDRESS;
         referenceNumbersFields = FORMATION_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS;
         affiliationCardFieldsMap = FORMATION_DELTA_CARD_FORM_ADDRESS_FIELDS_MAP;
@@ -77457,6 +77494,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         contactsFields = [];
         corporationDetailsCardFields = [];
         initiallyOpenCardsCount = 3;
+        laywers = computed(() => {
+          const affiliations = this.task()?.entity.affiliations ?? [];
+          return affiliations.filter((a) => a.role.role_name === "Responsible").map((a) => ({
+            label: a.target._profile.name ?? "",
+            value: a._id
+          }));
+        });
+        legalOpinionLawyerFields = computed(() => FORMATION_DELTA_CARD_FORM_CORPORATION_LEGAL_OPINION_LAWYER(this.laywers()));
         directorsSubtitle = computed(() => {
           const articles = this.task()?.entity._articles;
           if (!articles?.min_directors && !articles?.max_directors) {
@@ -77572,11 +77617,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             FilingFormGroupComponent,
             ExpandableListCardComponent,
             AlertComponent
-          ], template: '<div class="incorporation-form">\r\n  @if (isNote()) {\r\n    <alert [type]="alertType.Info" title="Entity changed" content="A new draft needs to be generated as the Entity was changed since the last draft was produced."/>\r\n  }\r\n\r\n  @if (errors().length) {\r\n    <alert title="The following issues need to be resolved before proceeding:" [content]="errors()"/>\r\n  }\r\n\r\n  <div class="incorporation-form-content">\r\n    @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);\r\n\r\n    @if (referenceNumbers) {\r\n      <expandable-card [title]="groups.ReferenceNumbers">\r\n        <div class="incorporation-form-item">\r\n          <filing-form-group [isSubmitted]="isSubmitted()" [form]="referenceNumbers" [config]="referenceNumbersFields"/>\r\n        </div>\r\n      </expandable-card>\r\n    }\r\n\r\n    @let corporationDetails = getFormGroup(groups.CorporationDetails);\r\n\r\n    @if (corporationDetails) {\r\n      <expandable-card [isValid]="!corporationDetails.invalid" [isStatusIcon]="statusIcon()" [title]="groups.CorporationDetails">\r\n        <div class="incorporation-form-item">\r\n          <filing-form-group [isSubmitted]="isSubmitted()" [form]="corporationDetails" [config]="corporationDetailsCardFields"/>\r\n        </div>\r\n      </expandable-card>\r\n    }\r\n\r\n    @if (isLegalOpinion) {\r\n      @let legalOpinion = getFormGroup(groups.LegalOpinion);\r\n\r\n      @if (legalOpinion) {\r\n        <expandable-card [isValid]="!legalOpinion.invalid" [isStatusIcon]="statusIcon()" [title]="groups.LegalOpinion">\r\n          <filing-form-group [isSubmitted]="isSubmitted()" [form]="legalOpinion" [config]="legalOpinionLawyerFields"/>\r\n          <filing-form-group [isSubmitted]="isSubmitted()" [form]="legalOpinion" [config]="legalOpinionConfirmAddressFields"/>\r\n        </expandable-card>\r\n      }\r\n    }\r\n\r\n    @let registeredOfficeForm = getFormGroup(groups.RegisteredOfficeAddress);\r\n\r\n    @if (registeredOfficeForm) {\r\n      <expandable-card [isValid]="!registeredOfficeForm.invalid" [isStatusIcon]="statusIcon()" [title]="groups.RegisteredOfficeAddress">\r\n        <filing-form-group [isSubmitted]="isSubmitted()" [form]="registeredOfficeForm" [config]="affiliationCardFieldsMap[registeredOfficeForm.get(formationFormControls.AffiliationAddressType)?.value]"/>\r\n      </expandable-card>\r\n    }\r\n\r\n    @let incorporatorsArray = getFormArray(groups.Incorporators);\r\n    @let directorsArray = getFormArray(groups.Directors);\r\n\r\n    @let isOpenDirectors = (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r\n    @if (directorsArray) {\r\n      <expandable-list-card [isValid]="directorsArray.valid" [isOpen]="isOpenDirectors" [isStatusIcon]="statusIcon()" [config]="directorsCardFieldsMap" [configKey]="controls.AffiliationAddressType" [formArray]="directorsArray" [title]="groups.Directors">\r\n        <p slot="subtitle" class="body-1-regular black" [innerHTML]="directorsSubtitle()"></p>\r\n      </expandable-list-card>\r\n    }\r\n\r\n    @let sharesAndRestrictions = getFormGroup(groups.SharesAndRestrictions);\r\n\r\n    @if (sharesAndRestrictions) {\r\n      <expandable-card [isStatusIcon]="false" [title]="groups.SharesAndRestrictions">\r\n        <filing-form-group [isSubmitted]="isSubmitted()" [form]="sharesAndRestrictions" [config]="sharesAndProvincesFields"/>\r\n      </expandable-card>\r\n    }\r\n\r\n    @let isOpenIncorporators = (incorporatorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r\n\r\n    @if (incorporatorsArray) {\r\n      <expandable-list-card [isValid]="incorporatorsArray.valid" [isOpen]="isOpenIncorporators" [isStatusIcon]="statusIcon()" [config]="incorporatorsCardFieldsMap" [configKey]="controls.AffiliationAddressType" [formArray]="incorporatorsArray" [title]="groups.Incorporators"/>\r\n    }\r\n\r\n    @let contact = getFormGroup(groups.Contact);\r\n    @if (contact) {\r\n      <expandable-card [isStatusIcon]="true" [isValid]="!contact.invalid" [title]="groups.Contact">\r\n        <filing-form-group [isSubmitted]="isSubmitted()" [form]="contact" [config]="contactsFields"/>\r\n      </expandable-card>\r\n    }\r\n  </div>\r\n</div>\r\n', styles: ["/* src/app/components/ontario/incorporation/ontario-incorporation-form/ontario-incorporation-form.component.scss */\n:host {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n:host .incorporation-form {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .incorporation-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  overflow: auto;\n  min-height: 0;\n}\n:host .incorporation-form-content-subtitle {\n  color: var(--filing-modal-color-grey);\n  padding-bottom: 8px;\n}\n:host .incorporation-form-subtitle {\n  color: #666666;\n}\n:host .incorporation-form-item {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .incorporation-form-item-title {\n  color: var(--filing-modal-color-dark-blue);\n}\n/*# sourceMappingURL=ontario-incorporation-form.component.css.map */\n"] }]
+          ], template: '<div class="incorporation-form">\n  @if (isNote()) {\n    <alert [type]="alertType.Info" title="Entity changed" content="A new draft needs to be generated as the Entity was changed since the last draft was produced."/>\n  }\n\n  @if (errors().length) {\n    <alert title="The following issues need to be resolved before proceeding:" [content]="errors()"/>\n  }\n\n  <div class="incorporation-form-content">\n    @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);\n\n    @if (referenceNumbers) {\n      <expandable-card [title]="groups.ReferenceNumbers">\n        <div class="incorporation-form-item">\n          <filing-form-group [isSubmitted]="isSubmitted()" [form]="referenceNumbers" [config]="referenceNumbersFields"/>\n        </div>\n      </expandable-card>\n    }\n\n    @let corporationDetails = getFormGroup(groups.CorporationDetails);\n\n    @if (corporationDetails) {\n      <expandable-card [isValid]="!corporationDetails.invalid" [isStatusIcon]="statusIcon()" [title]="groups.CorporationDetails">\n        <div class="incorporation-form-item">\n          <filing-form-group [isSubmitted]="isSubmitted()" [form]="corporationDetails" [config]="corporationDetailsCardFields"/>\n        </div>\n      </expandable-card>\n    }\n\n    @if (isLegalOpinion) {\n      @let legalOpinion = getFormGroup(groups.LegalOpinion);\n\n      @if (legalOpinion) {\n        <expandable-card [isValid]="!legalOpinion.invalid" [isStatusIcon]="statusIcon()" [title]="groups.LegalOpinion">\n          <filing-form-group [isSubmitted]="isSubmitted()" [form]="legalOpinion" [config]="legalOpinionLawyerFields()"/>\n          <filing-form-group [isSubmitted]="isSubmitted()" [form]="legalOpinion" [config]="legalOpinionConfirmAddressFields"/>\n        </expandable-card>\n      }\n    }\n\n    @let registeredOfficeForm = getFormGroup(groups.RegisteredOfficeAddress);\n\n    @if (registeredOfficeForm) {\n      <expandable-card [isValid]="!registeredOfficeForm.invalid" [isStatusIcon]="statusIcon()" [title]="groups.RegisteredOfficeAddress">\n        <filing-form-group [isSubmitted]="isSubmitted()" [form]="registeredOfficeForm" [config]="affiliationCardFieldsMap[registeredOfficeForm.get(formationFormControls.AffiliationAddressType)?.value]"/>\n      </expandable-card>\n    }\n\n    @let incorporatorsArray = getFormArray(groups.Incorporators);\n    @let directorsArray = getFormArray(groups.Directors);\n\n    @let isOpenDirectors = (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;\n    @if (directorsArray) {\n      <expandable-list-card [isValid]="directorsArray.valid" [isOpen]="isOpenDirectors" [isStatusIcon]="statusIcon()" [config]="directorsCardFieldsMap" [configKey]="controls.AffiliationAddressType" [formArray]="directorsArray" [title]="groups.Directors">\n        <p slot="subtitle" class="body-1-regular black" [innerHTML]="directorsSubtitle()"></p>\n      </expandable-list-card>\n    }\n\n    @let sharesAndRestrictions = getFormGroup(groups.SharesAndRestrictions);\n\n    @if (sharesAndRestrictions) {\n      <expandable-card [isStatusIcon]="false" [title]="groups.SharesAndRestrictions">\n        <filing-form-group [isSubmitted]="isSubmitted()" [form]="sharesAndRestrictions" [config]="sharesAndProvincesFields"/>\n      </expandable-card>\n    }\n\n    @let isOpenIncorporators = (incorporatorsArray?.length ?? 0) <= initiallyOpenCardsCount;\n\n    @if (incorporatorsArray) {\n      <expandable-list-card [isValid]="incorporatorsArray.valid" [isOpen]="isOpenIncorporators" [isStatusIcon]="statusIcon()" [config]="incorporatorsCardFieldsMap" [configKey]="controls.AffiliationAddressType" [formArray]="incorporatorsArray" [title]="groups.Incorporators"/>\n    }\n\n    @let contact = getFormGroup(groups.Contact);\n    @if (contact) {\n      <expandable-card [isStatusIcon]="true" [isValid]="!contact.invalid" [title]="groups.Contact">\n        <filing-form-group [isSubmitted]="isSubmitted()" [form]="contact" [config]="contactsFields"/>\n      </expandable-card>\n    }\n  </div>\n</div>\n', styles: ["/* src/app/components/ontario/incorporation/ontario-incorporation-form/ontario-incorporation-form.component.scss */\n:host {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n:host .incorporation-form {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .incorporation-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  overflow: auto;\n  min-height: 0;\n}\n:host .incorporation-form-content-subtitle {\n  color: var(--filing-modal-color-grey);\n  padding-bottom: 8px;\n}\n:host .incorporation-form-subtitle {\n  color: #666666;\n}\n:host .incorporation-form-item {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .incorporation-form-item-title {\n  color: var(--filing-modal-color-dark-blue);\n}\n/*# sourceMappingURL=ontario-incorporation-form.component.css.map */\n"] }]
         }], () => [], null);
       })();
       (() => {
-        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(OntarioIncorporationFormComponent, { className: "OntarioIncorporationFormComponent", filePath: "src/app/components/ontario/incorporation/ontario-incorporation-form/ontario-incorporation-form.component.ts", lineNumber: 42 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(OntarioIncorporationFormComponent, { className: "OntarioIncorporationFormComponent", filePath: "src/app/components/ontario/incorporation/ontario-incorporation-form/ontario-incorporation-form.component.ts", lineNumber: 46 });
       })();
     }
   });
@@ -77665,35 +77710,35 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             OntarioIncorporationFormComponent
-          ], template: `<div class="incorporation-delta-form">\r
-  <ontario-incorporation-form\r
-    class="incorporation-delta-form-content"\r
-    [form]="form()"\r
-    [task]="task()"\r
-    [errors]="errors()"\r
-    [isNote]="isNote()"\r
-    [isSubmitted]="submitted()"\r
-    [statusIcon]="true"\r
-  />\r
-\r
-  <div class="incorporation-delta-form-actions">\r
-    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
-      <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
-    </button>\r
-    <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
-      <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
-    </button>\r
-    <button\r
-      class="submit"\r
-      color="primary"\r
-      mat-flat-button\r
-      [disabled]="actionsDisabled()"\r
-      (click)="onValidate()"\r
-    >\r
-      <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
-    </button>\r
-  </div>\r
-</div>\r
+          ], template: `<div class="incorporation-delta-form">
+  <ontario-incorporation-form
+    class="incorporation-delta-form-content"
+    [form]="form()"
+    [task]="task()"
+    [errors]="errors()"
+    [isNote]="isNote()"
+    [isSubmitted]="submitted()"
+    [statusIcon]="true"
+  />
+
+  <div class="incorporation-delta-form-actions">
+    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
+      <span class="body-1-semibold">{{ 'Close' | translate }}</span>
+    </button>
+    <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>
+      <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
+    </button>
+    <button
+      class="submit"
+      color="primary"
+      mat-flat-button
+      [disabled]="actionsDisabled()"
+      (click)="onValidate()"
+    >
+      <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
+    </button>
+  </div>
+</div>
 `, styles: ["/* src/app/components/ontario/incorporation/steps/delta/ontario-incorporation-delta-form.component.scss */\n:host .incorporation-delta-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .incorporation-delta-form-content {\n  flex: 1;\n  min-height: 0;\n}\n:host .incorporation-delta-form-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n:host .incorporation-delta-form-actions button {\n  margin: 0;\n}\n:host .incorporation-delta-form-actions .submit {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n/*# sourceMappingURL=ontario-incorporation-delta-form.component.css.map */\n"] }]
         }], null, null);
       })();
@@ -77770,29 +77815,29 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             OntarioIncorporationFormComponent
-          ], template: `<div class="incorporation-preview-form">\r
-  <ontario-incorporation-form\r
-    class="incorporation-preview-form-content"\r
-    [form]="form()"\r
-    [task]="task()"\r
-    [statusIcon]="false"\r
-  />\r
-\r
-  <div class="incorporation-preview-form-actions">\r
-    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
-      <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
-    </button>\r
-    <button\r
-      class="submit"\r
-      color="primary"\r
-      mat-flat-button\r
-      [disabled]="actionsDisabled()"\r
-      (click)="next.emit()"\r
-    >\r
-      <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
-    </button>\r
-  </div>\r
-</div>\r
+          ], template: `<div class="incorporation-preview-form">
+  <ontario-incorporation-form
+    class="incorporation-preview-form-content"
+    [form]="form()"
+    [task]="task()"
+    [statusIcon]="false"
+  />
+
+  <div class="incorporation-preview-form-actions">
+    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
+      <span class="body-1-semibold">{{ 'Close' | translate }}</span>
+    </button>
+    <button
+      class="submit"
+      color="primary"
+      mat-flat-button
+      [disabled]="actionsDisabled()"
+      (click)="next.emit()"
+    >
+      <span class="body-1-semibold">{{ 'File' | translate }}</span>
+    </button>
+  </div>
+</div>
 `, styles: ["/* src/app/components/ontario/incorporation/steps/preview/ontario-incorporation-preview-form.component.scss */\n:host .incorporation-preview-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .incorporation-preview-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .incorporation-preview-form-item {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .incorporation-preview-form-errors {\n  padding: 0 16px;\n}\n:host .incorporation-preview-form-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n:host .incorporation-preview-form-actions button {\n  margin: 0;\n}\n/*# sourceMappingURL=ontario-incorporation-preview-form.component.css.map */\n"] }]
         }], null, null);
       })();
@@ -78481,7 +78526,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             AlertComponent,
             ExpandableCardComponent,
             ExpandableListCardComponent
-          ], template: '<div class="ontario-update-maintain-form">\r\n  @if (isNote()) {\r\n    <alert [type]="alertType.Info" title="Entity changed" content="A new draft needs to be generated as the Entity was changed since the last draft was produced."/>\r\n  }\r\n\r\n  @if (errors().length) {\r\n    <alert title="The following issues need to be resolved before proceeding:" [content]="errors()"/>\r\n  }\r\n\r\n  <div class="ontario-update-maintain-form-content">\r\n\r\n    <!-- ===== GENERAL INFO ===== -->\r\n    @let generalInfoForm = getFormGroup(groups.GeneralInfo);\r\n    @if (generalInfoForm) {\r\n      <expandable-card [title]="groups.GeneralInfo" [isStatusIcon]="!readonly()">\r\n        <filing-form-group\r\n          [isSubmitted]="isSubmitted()"\r\n          [form]="generalInfoForm"\r\n          [config]="generalCardFields"\r\n          [label]="groups.GeneralInfo"\r\n        />\r\n      </expandable-card>\r\n    }\r\n\r\n    <!-- =====REGISTERED OFFICE ADDRESS===== -->\r\n    @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);\r\n    @if (registeredOfficeAddress) {\r\n        <expandable-card [isStatusIcon]="!readonly()" [isValid]="!registeredOfficeAddress.invalid" [title]="groups.RegisteredOfficeAddress">\r\n          <filing-form-group [isSubmitted]="isSubmitted()" [form]="registeredOfficeAddress" [config]="addressFieldsMap[registeredOfficeAddress.get(controls.AffiliationAddressType)?.value]"/>\r\n        </expandable-card>\r\n    }\r\n\r\n    @let directorsArray = getFormArray(groups.Directors);\r\n    @if (directorsArray) {\r\n      <expandable-list-card [prevData]="prevData()?.directors" [isSubmitted]="isSubmitted()" [isOpen]="isPersonnelExpanded()" [isStatusIcon]="!readonly()" [config]="directorsFieldsMap" [configKey]="controls.AffiliationAddressType" [formArray]="directorsArray" [title]="groups.Directors"/>\r\n    }\r\n\r\n    @let officersArray = getFormArray(groups.Officers);\r\n    @if (officersArray) {\r\n      <expandable-list-card [prevData]="prevData()?.officers" [isSubmitted]="isSubmitted()" [isOpen]="isPersonnelExpanded()" [isStatusIcon]="!readonly()" [config]="directorsFieldsMap" [configKey]="controls.AffiliationAddressType" [formArray]="officersArray" [title]="groups.Officers"/>\r\n    }\r\n\r\n    @let certifiedBy = getFormGroup(groups.CertifiedBy);\r\n    @if (certifiedBy) {\r\n      <expandable-card [isStatusIcon]="!readonly()" [isValid]="!certifiedBy.invalid" [title]="groups.CertifiedBy">\r\n        <filing-form-group [isSubmitted]="isSubmitted()" [form]="certifiedBy" [config]="certifiedByFieldsMap[certifiedBy.get(controls.AffiliationAddressType)?.value]"/>\r\n      </expandable-card>\r\n    }\r\n\r\n      @let contact = getFormGroup(groups.Contact);\r\n      @if (contact) {\r\n          <expandable-card [isStatusIcon]="!readonly()" [isValid]="!contact.invalid" [title]="groups.Contact">\r\n              <filing-form-group [isSubmitted]="isSubmitted()" [form]="contact" [config]="contactsFields"/>\r\n          </expandable-card>\r\n      }\r\n\r\n  </div>\r\n</div>\r\n\r\n', styles: ["/* src/app/components/ontario/update-maintain/update-maintain-form/update-maintain-form.component.scss */\n:host .ontario-update-maintain-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n  overflow-y: auto;\n}\n:host .ontario-update-maintain-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n:host .ontario-update-maintain-form-section {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n:host .ontario-update-maintain-form-section-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--filing-modal-color-dark-blue, #1a2e5a);\n  margin: 0;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--color-border, #e0e0e0);\n}\n:host .ontario-update-maintain-form-principal {\n  padding: 12px 0;\n  border-bottom: 1px solid var(--color-border, #e0e0e0);\n}\n:host .ontario-update-maintain-form-principal:last-child {\n  border-bottom: none;\n}\n/*# sourceMappingURL=update-maintain-form.component.css.map */\n"] }]
+          ], template: '<div class="ontario-update-maintain-form">\n  @if (isNote()) {\n    <alert [type]="alertType.Info" title="Entity changed" content="A new draft needs to be generated as the Entity was changed since the last draft was produced."/>\n  }\n\n  @if (errors().length) {\n    <alert title="The following issues need to be resolved before proceeding:" [content]="errors()"/>\n  }\n\n  <div class="ontario-update-maintain-form-content">\n\n    <!-- ===== GENERAL INFO ===== -->\n    @let generalInfoForm = getFormGroup(groups.GeneralInfo);\n    @if (generalInfoForm) {\n      <expandable-card [title]="groups.GeneralInfo" [isStatusIcon]="!readonly()">\n        <filing-form-group\n          [isSubmitted]="isSubmitted()"\n          [form]="generalInfoForm"\n          [config]="generalCardFields"\n          [label]="groups.GeneralInfo"\n        />\n      </expandable-card>\n    }\n\n    <!-- =====REGISTERED OFFICE ADDRESS===== -->\n    @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);\n    @if (registeredOfficeAddress) {\n        <expandable-card [isStatusIcon]="!readonly()" [isValid]="!registeredOfficeAddress.invalid" [title]="groups.RegisteredOfficeAddress">\n          <filing-form-group [isSubmitted]="isSubmitted()" [form]="registeredOfficeAddress" [config]="addressFieldsMap[registeredOfficeAddress.get(controls.AffiliationAddressType)?.value]"/>\n        </expandable-card>\n    }\n\n    @let directorsArray = getFormArray(groups.Directors);\n    @if (directorsArray) {\n      <expandable-list-card [prevData]="prevData()?.directors" [isSubmitted]="isSubmitted()" [isOpen]="isPersonnelExpanded()" [isStatusIcon]="!readonly()" [config]="directorsFieldsMap" [configKey]="controls.AffiliationAddressType" [formArray]="directorsArray" [title]="groups.Directors"/>\n    }\n\n    @let officersArray = getFormArray(groups.Officers);\n    @if (officersArray) {\n      <expandable-list-card [prevData]="prevData()?.officers" [isSubmitted]="isSubmitted()" [isOpen]="isPersonnelExpanded()" [isStatusIcon]="!readonly()" [config]="directorsFieldsMap" [configKey]="controls.AffiliationAddressType" [formArray]="officersArray" [title]="groups.Officers"/>\n    }\n\n    @let certifiedBy = getFormGroup(groups.CertifiedBy);\n    @if (certifiedBy) {\n      <expandable-card [isStatusIcon]="!readonly()" [isValid]="!certifiedBy.invalid" [title]="groups.CertifiedBy">\n        <filing-form-group [isSubmitted]="isSubmitted()" [form]="certifiedBy" [config]="certifiedByFieldsMap[certifiedBy.get(controls.AffiliationAddressType)?.value]"/>\n      </expandable-card>\n    }\n\n      @let contact = getFormGroup(groups.Contact);\n      @if (contact) {\n          <expandable-card [isStatusIcon]="!readonly()" [isValid]="!contact.invalid" [title]="groups.Contact">\n              <filing-form-group [isSubmitted]="isSubmitted()" [form]="contact" [config]="contactsFields"/>\n          </expandable-card>\n      }\n\n  </div>\n</div>\n\n', styles: ["/* src/app/components/ontario/update-maintain/update-maintain-form/update-maintain-form.component.scss */\n:host .ontario-update-maintain-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n  overflow-y: auto;\n}\n:host .ontario-update-maintain-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n:host .ontario-update-maintain-form-section {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n:host .ontario-update-maintain-form-section-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--filing-modal-color-dark-blue, #1a2e5a);\n  margin: 0;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--color-border, #e0e0e0);\n}\n:host .ontario-update-maintain-form-principal {\n  padding: 12px 0;\n  border-bottom: 1px solid var(--color-border, #e0e0e0);\n}\n:host .ontario-update-maintain-form-principal:last-child {\n  border-bottom: none;\n}\n/*# sourceMappingURL=update-maintain-form.component.css.map */\n"] }]
         }], () => [], null);
       })();
       (() => {
@@ -78575,37 +78620,37 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             OntarioUpdateMaintainFormComponent
-          ], template: `<div class="ontario-update-maintain-delta-form">\r
-  <ontario-update-maintain-form\r
-    class="ontario-update-maintain-delta-form-content"\r
-    [form]="form()"\r
-    [task]="task()"\r
-    [errors]="errors()"\r
-    [isNote]="isNote()"\r
-    [isSubmitted]="submitted()"\r
-    [readonly]="false"\r
-    [prevData]="prevData()"\r
-  />\r
-\r
-  <div class="ontario-update-maintain-delta-form-actions">\r
-    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
-      <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
-    </button>\r
-    <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
-      <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
-    </button>\r
-    <button\r
-      class="submit"\r
-      color="primary"\r
-      mat-flat-button\r
-      [disabled]="actionsDisabled()"\r
-      (click)="onValidate()"\r
-    >\r
-      <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
-    </button>\r
-  </div>\r
-</div>\r
-\r
+          ], template: `<div class="ontario-update-maintain-delta-form">
+  <ontario-update-maintain-form
+    class="ontario-update-maintain-delta-form-content"
+    [form]="form()"
+    [task]="task()"
+    [errors]="errors()"
+    [isNote]="isNote()"
+    [isSubmitted]="submitted()"
+    [readonly]="false"
+    [prevData]="prevData()"
+  />
+
+  <div class="ontario-update-maintain-delta-form-actions">
+    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
+      <span class="body-1-semibold">{{ 'Close' | translate }}</span>
+    </button>
+    <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>
+      <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
+    </button>
+    <button
+      class="submit"
+      color="primary"
+      mat-flat-button
+      [disabled]="actionsDisabled()"
+      (click)="onValidate()"
+    >
+      <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
+    </button>
+  </div>
+</div>
+
 `, styles: ["/* src/app/components/ontario/update-maintain/steps/delta/update-maintain-delta-form.component.scss */\n:host .ontario-update-maintain-delta-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .ontario-update-maintain-delta-form-content {\n  flex: 1;\n  min-height: 0;\n}\n:host .ontario-update-maintain-delta-form-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n:host .ontario-update-maintain-delta-form-actions button {\n  margin: 0;\n}\n:host .ontario-update-maintain-delta-form-actions .submit {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n/*# sourceMappingURL=update-maintain-delta-form.component.css.map */\n"] }]
         }], null, null);
       })();
@@ -78680,32 +78725,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             OntarioUpdateMaintainFormComponent,
             TranslatePipe
-          ], template: `<div class="ontario-update-maintain-preview-form">\r
-  <ontario-update-maintain-form\r
-    class="ontario-update-maintain-preview-form-content"\r
-    [form]="form()"\r
-    [task]="task()"\r
-    [errors]="errors()"\r
-    [isSubmitted]="false"\r
-    [readonly]="false"\r
-  />\r
-\r
-  <div class="ontario-update-maintain-preview-form-actions">\r
-    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
-      <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
-    </button>\r
-    <button\r
-      class="submit"\r
-      color="primary"\r
-      mat-flat-button\r
-      [disabled]="actionsDisabled()"\r
-      (click)="file.emit()"\r
-    >\r
-      <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
-    </button>\r
-  </div>\r
-</div>\r
-\r
+          ], template: `<div class="ontario-update-maintain-preview-form">
+  <ontario-update-maintain-form
+    class="ontario-update-maintain-preview-form-content"
+    [form]="form()"
+    [task]="task()"
+    [errors]="errors()"
+    [isSubmitted]="false"
+    [readonly]="false"
+  />
+
+  <div class="ontario-update-maintain-preview-form-actions">
+    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
+      <span class="body-1-semibold">{{ 'Close' | translate }}</span>
+    </button>
+    <button
+      class="submit"
+      color="primary"
+      mat-flat-button
+      [disabled]="actionsDisabled()"
+      (click)="file.emit()"
+    >
+      <span class="body-1-semibold">{{ 'File' | translate }}</span>
+    </button>
+  </div>
+</div>
+
 `, styles: ["/* src/app/components/ontario/update-maintain/steps/preview/update-maintain-preview-form.component.scss */\n:host .ontario-update-maintain-preview-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .ontario-update-maintain-preview-form-content {\n  flex: 1;\n  min-height: 0;\n}\n:host .ontario-update-maintain-preview-form-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n:host .ontario-update-maintain-preview-form-actions button {\n  margin: 0;\n}\n:host .ontario-update-maintain-preview-form-actions .submit {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n/*# sourceMappingURL=update-maintain-preview-form.component.css.map */\n"] }]
         }], null, null);
       })();
@@ -78947,271 +78992,271 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             FilingFormGroupComponent,
             TranslatePipe,
             MatButton
-          ], template: `<div class="terms-and-conditions">\r
-  <div class="terms-and-conditions-content">\r
-    <expandable-card class="terms-and-conditions-card" title="Terms and Conditions">\r
-\r
-      <div class="terms-and-conditions-card-content">\r
-        <div class="terms-and-conditions-text-wrapper">\r
-          <div class="terms-and-conditions-text">\r
-    <span class="body-1-regular">\r
-      The following are the Terms and Conditions for filing with the Ministry of\r
-      Public and Business Service Delivery ("Ministry") under the Business\r
-      Corporations Act, Business Names Act, Corporations Act, Corporations\r
-      Information Act, Extra-Provincial Corporations Act, Limited Partnerships\r
-      Act and Not-for-Profit Corporations Act, 2010.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      Agreement to these Terms and Conditions by the following persons and\r
-      entities is a mandatory condition of filing:\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      (i) the person(s) signing or otherwise authorizing the filing and any\r
-      person(s) acting on their behalf (collectively, the "authorizers"); and\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      (ii) the corporation or other entity that is the subject of the filing\r
-      (the "entity") and any person(s) acting on behalf of the entity\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      These Terms and Conditions are made under the authority of the\r
-      requirements established by the Director or Registrar appointed under the\r
-      applicable Act. These Terms and Conditions are in addition to and subject\r
-      to the applicable Acts, regulations and requirements of the Director or\r
-      Registrar.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      By proceeding with this filing under any of the above-named Acts, the\r
-      authorizer(s), the entity and any person(s) acting on behalf of the entity\r
-      accept and agree to be bound by these Terms and Conditions.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      1. The sole responsibility for correctness and completeness of the filing,\r
-      and for compliance with the applicable Act and all regulations and\r
-      Director's or Registrar's requirements made under it, lies with the\r
-      authorizer(s) and the entity. The authorizer(s), the entity and any\r
-      person(s) acting on behalf of the entity agree that any information\r
-      provided by the Ministry in or related to the making of a filing is not\r
-      legal advice, and that they have obtained their own legal or other advice\r
-      as appropriate.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      2. All filings must meet any signature or authorization requirements\r
-      established by the Director or Registrar under the applicable Act. Where\r
-      signatures are required for electronic filing, the applicable articles,\r
-      application, declaration, other approved form or other document must be\r
-      saved or printed and signed in accordance with the instructions provided.\r
-      The entity must keep a properly executed version of the applicable\r
-      document in paper or electronic format, together with any records that may\r
-      exist related to an electronic signature, if signed by electronic\r
-      signature, as follows: If the subject of a filing is a corporation, the\r
-      corporation must keep these documents and records at its registered\r
-      office. If the subject of the filing is an Ontario limited partnership,\r
-      the limited partnership must keep these documents and records at the\r
-      limited partnership's principal place of business in Ontario. If the\r
-      subject of the filing is an extraprovincial limited partnership that does\r
-      not have a principal place of business in Ontario, the extraprovincial\r
-      limited partnership must keep these documents and records at the address\r
-      of the limited partnership's attorney and representative in Ontario set\r
-      out in the declaration filed under the Limited Partnerships Act and stated\r
-      in the power of attorney executed under the Act. If required by notice\r
-      from the Director or Registrar, the corporation, limited partnership, the\r
-      attorney and representative in Ontario or other person as applicable must\r
-      provide a copy of the properly executed version of the applicable document\r
-      to the Director or Registrar within the time period set out in the notice,\r
-      together with any records that may exist related to an electronic\r
-      signature, if signed by electronic signature.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      3. In addition to retaining and filing supporting documents in accordance\r
-      with the applicable Act and regulations, the entity must keep a copy of\r
-      all filed supporting documents and provide a copy in accordance with any\r
-      written notice from the Director or Registrar. In the case of a consent\r
-      from a Minister or the Public Guardian and Trustee (PGT) that is required\r
-      to support a filing made by a corporation, the corporation agrees that the\r
-      Ministry may contact that Minister or the PGT, as applicable, to confirm\r
-      that the necessary consent has been obtained and to record this in the\r
-      electronic business registration system maintained by the Ministry.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      4. The entity assumes full responsibility for any risk of confusion or\r
-      legal action, including the risk of a lawsuit or name hearing under the\r
-      applicable Act, resulting from a filing that sets out a name that is the\r
-      same or similar to that of an existing corporation, business name or\r
-      trademark, or that is otherwise contrary to the applicable Act or\r
-      regulations.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      5. Filings must be made in the required form and format, and must meet the\r
-      technical requirements or other specifications and requirements\r
-      established by the Director or Registrar.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      6. Valid email address(es) must be provided as specified in the\r
-      transaction for administrative purposes, and all mandatory fields must be\r
-      completed.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      7. The business information provided in this filing may be shared with\r
-      other government bodies. The business information that is collected may be\r
-      used and disclosed for the purpose of administering their programs.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      8. Payment of the required fee must be made at the time of submission, and\r
-      any certificate or other documentation issued by the Ministry is subject\r
-      to compliance action and cancellation if payment is disputed or\r
-      fraudulent. Payment of fees for electronic filings must be made\r
-      electronically using the payment options provided.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      9. If an application is for a corrected certificate, and the application\r
-      is approved under the applicable Act, the corporation or limited\r
-      partnership as applicable will be notified when the certificate has been\r
-      issued. The corporation or limited partnership, as applicable, agrees to\r
-      review the issued corrected certificate in the records maintained by the\r
-      Ministry forthwith and to confirm that the issued certificate corresponds\r
-      with the final approved application for correction. The corporation or\r
-      limited partnership, as applicable, agrees to be responsible and assume\r
-      all liability for any discrepancies between the issued corrected\r
-      certificate and the final approved application if these are not\r
-      immediately brought to the attention of the Ministry.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      10. If this is a new filing, a company key consisting of a unique series\r
-      of digits will be provided electronically by the Ministry to the entity at\r
-      the time of completion of the transaction, together with the final\r
-      documentation for the transaction. If this is not a new filing, the entity\r
-      will have received a company key. The company key provides authority over\r
-      the entity; by proceeding with this transaction, any person(s) acting on\r
-      behalf of the entity is confirming that they are duly authorized by the\r
-      entity.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      11. The company key will be required for any subsequent paper or online\r
-      filings regarding the entity. The entity is responsible for the care and\r
-      control of the company key. The entity is responsible for treating this\r
-      key as confidential information and not sharing it unless it is in the\r
-      course of providing delegated authority to a trusted service provider or\r
-      trusted intermediary to make filings on their behalf. The recipient of the\r
-      company key agrees to notify the Ministry as soon as they become aware\r
-      that the key has been lost, stolen or misused to request a replacement\r
-      key. The entity agrees to be responsible and assume all liability for all\r
-      filings authorized by the key in respect of the entity. Unauthorized use\r
-      of the company key or delegated authority may result in suspension of\r
-      access to the electronic business registration system.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      12. The Ministry may take appropriate compliance action at any time if it\r
-      comes to the attention of the Ministry that a filing does not comply with\r
-      the applicable Act, regulations or the requirements of the Director or\r
-      Registrar.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      13. The Acts set out penalties, including fines, for submitting false or\r
-      misleading information.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      14. The corporation agrees to file restated articles at any time required\r
-      by the Director under the Business Corporations Act or Not-for-Profit\r
-      Corporations Act, 2010.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      15. Where a filing under the Business Corporations Act, Extra-Provincial\r
-      Corporations Act or Not-for-Profit Corporations Act, 2010 must be\r
-      supported by an Ontario biased or weighted Nuans search report, and the\r
-      identifying information is provided, the authorizer(s) consents for the\r
-      Director appointed under the Act or other person delegated by the Director\r
-      to retrieve the Nuans report directly from the appropriate department of\r
-      the Government of Canada. The corporation agrees to keep a copy of the\r
-      Nuans report in electronic or paper format at the corporation's registered\r
-      office.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      16. A corporation under the Business Corporations Act or Not-for-Profit\r
-      Corporations Act, 2010 that continues out of Ontario agrees to file with\r
-      the Ministry a copy of the instrument of continuance issued to it by the\r
-      other jurisdiction within 60 days after the date of issuance.\r
-    </span>\r
-\r
-            <span class="body-1-regular">\r
-      17. If this is a filing made in respect of an arrangement under the\r
-      Business Corporations Act or Not-for-Profit Corporations Act, 2010, the\r
-      corporation acknowledges that it must give the Director notice of the\r
-      application to the court and that the Director is entitled to appear in\r
-      court and be heard in person or by counsel. The corporation agrees to\r
-      submit the required notice and a draft copy of the Plan of Arrangement\r
-      under the applicable Act for review through the electronic system\r
-      maintained by the Ministry at least seven business days before seeking an\r
-      interim and/or final order with the court. The corporation agrees to make\r
-      changes required by the Director to ensure that the Plan complies with the\r
-      applicable Act and Ministry requirements, and is capable of being\r
-      implemented in the electronic system maintained by the Ministry under the\r
-      applicable Act. The corporation agrees that if the Ministry does not\r
-      receive a draft of the application or sufficient notice of the\r
-      application, additional time may be required for review. The corporation\r
-      acknowledges that the Ministry may seek an adjournment if the corporation\r
-      fails to provide a draft of the application or sufficient notice of the\r
-      application. The corporation agrees that if it obtains a court order\r
-      without providing the required notice of the application to the Ministry,\r
-      revisions may be required to any Plan of Arrangement attached to a court\r
-      order and a further court order may be required before the articles of\r
-      arrangement are endorsed.\r
-    </span>\r
-          </div>\r
-        </div>\r
-\r
-        <mat-checkbox [formControl]="getFormControl(termsAndConditionsControls.AcceptTerms)">\r
-          <div class="body-1-regular black">\r
-            <span>I agree to the Terms and Conditions and confirm that all required person(s) and/or entities agree to them</span>\r
-          </div>\r
-        </mat-checkbox>\r
-      </div>\r
-\r
-    </expandable-card>\r
-\r
-    <expandable-card title="Signatory">\r
-      <filing-form-group [isSubmitted]="true" [form]="form" [config]="termsAndConditionsFields"/>\r
-    </expandable-card>\r
-  </div>\r
-\r
-  <div class="terms-and-conditions-form-actions">\r
-    <button mat-stroked-button mat-button (click)="close.emit()">\r
-      <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
-    </button>\r
-\r
-    <button mat-stroked-button mat-button (click)="prev.emit()"><span class="body-1-semibold">{{ 'Back' | translate }}</span></button>\r
-\r
-    <button\r
-      mat-flat-button\r
-      type="submit"\r
-      (click)="onConfirm()"\r
-      [disabled]="form.invalid"\r
-    >\r
-      <span class="body-1-semibold">{{ 'Proceed' | translate }}</span>\r
-    </button>\r
-  </div>\r
-</div>\r
+          ], template: `<div class="terms-and-conditions">
+  <div class="terms-and-conditions-content">
+    <expandable-card class="terms-and-conditions-card" title="Terms and Conditions">
+
+      <div class="terms-and-conditions-card-content">
+        <div class="terms-and-conditions-text-wrapper">
+          <div class="terms-and-conditions-text">
+    <span class="body-1-regular">
+      The following are the Terms and Conditions for filing with the Ministry of
+      Public and Business Service Delivery ("Ministry") under the Business
+      Corporations Act, Business Names Act, Corporations Act, Corporations
+      Information Act, Extra-Provincial Corporations Act, Limited Partnerships
+      Act and Not-for-Profit Corporations Act, 2010.
+    </span>
+
+            <span class="body-1-regular">
+      Agreement to these Terms and Conditions by the following persons and
+      entities is a mandatory condition of filing:
+    </span>
+
+            <span class="body-1-regular">
+      (i) the person(s) signing or otherwise authorizing the filing and any
+      person(s) acting on their behalf (collectively, the "authorizers"); and
+    </span>
+
+            <span class="body-1-regular">
+      (ii) the corporation or other entity that is the subject of the filing
+      (the "entity") and any person(s) acting on behalf of the entity
+    </span>
+
+            <span class="body-1-regular">
+      These Terms and Conditions are made under the authority of the
+      requirements established by the Director or Registrar appointed under the
+      applicable Act. These Terms and Conditions are in addition to and subject
+      to the applicable Acts, regulations and requirements of the Director or
+      Registrar.
+    </span>
+
+            <span class="body-1-regular">
+      By proceeding with this filing under any of the above-named Acts, the
+      authorizer(s), the entity and any person(s) acting on behalf of the entity
+      accept and agree to be bound by these Terms and Conditions.
+    </span>
+
+            <span class="body-1-regular">
+      1. The sole responsibility for correctness and completeness of the filing,
+      and for compliance with the applicable Act and all regulations and
+      Director's or Registrar's requirements made under it, lies with the
+      authorizer(s) and the entity. The authorizer(s), the entity and any
+      person(s) acting on behalf of the entity agree that any information
+      provided by the Ministry in or related to the making of a filing is not
+      legal advice, and that they have obtained their own legal or other advice
+      as appropriate.
+    </span>
+
+            <span class="body-1-regular">
+      2. All filings must meet any signature or authorization requirements
+      established by the Director or Registrar under the applicable Act. Where
+      signatures are required for electronic filing, the applicable articles,
+      application, declaration, other approved form or other document must be
+      saved or printed and signed in accordance with the instructions provided.
+      The entity must keep a properly executed version of the applicable
+      document in paper or electronic format, together with any records that may
+      exist related to an electronic signature, if signed by electronic
+      signature, as follows: If the subject of a filing is a corporation, the
+      corporation must keep these documents and records at its registered
+      office. If the subject of the filing is an Ontario limited partnership,
+      the limited partnership must keep these documents and records at the
+      limited partnership's principal place of business in Ontario. If the
+      subject of the filing is an extraprovincial limited partnership that does
+      not have a principal place of business in Ontario, the extraprovincial
+      limited partnership must keep these documents and records at the address
+      of the limited partnership's attorney and representative in Ontario set
+      out in the declaration filed under the Limited Partnerships Act and stated
+      in the power of attorney executed under the Act. If required by notice
+      from the Director or Registrar, the corporation, limited partnership, the
+      attorney and representative in Ontario or other person as applicable must
+      provide a copy of the properly executed version of the applicable document
+      to the Director or Registrar within the time period set out in the notice,
+      together with any records that may exist related to an electronic
+      signature, if signed by electronic signature.
+    </span>
+
+            <span class="body-1-regular">
+      3. In addition to retaining and filing supporting documents in accordance
+      with the applicable Act and regulations, the entity must keep a copy of
+      all filed supporting documents and provide a copy in accordance with any
+      written notice from the Director or Registrar. In the case of a consent
+      from a Minister or the Public Guardian and Trustee (PGT) that is required
+      to support a filing made by a corporation, the corporation agrees that the
+      Ministry may contact that Minister or the PGT, as applicable, to confirm
+      that the necessary consent has been obtained and to record this in the
+      electronic business registration system maintained by the Ministry.
+    </span>
+
+            <span class="body-1-regular">
+      4. The entity assumes full responsibility for any risk of confusion or
+      legal action, including the risk of a lawsuit or name hearing under the
+      applicable Act, resulting from a filing that sets out a name that is the
+      same or similar to that of an existing corporation, business name or
+      trademark, or that is otherwise contrary to the applicable Act or
+      regulations.
+    </span>
+
+            <span class="body-1-regular">
+      5. Filings must be made in the required form and format, and must meet the
+      technical requirements or other specifications and requirements
+      established by the Director or Registrar.
+    </span>
+
+            <span class="body-1-regular">
+      6. Valid email address(es) must be provided as specified in the
+      transaction for administrative purposes, and all mandatory fields must be
+      completed.
+    </span>
+
+            <span class="body-1-regular">
+      7. The business information provided in this filing may be shared with
+      other government bodies. The business information that is collected may be
+      used and disclosed for the purpose of administering their programs.
+    </span>
+
+            <span class="body-1-regular">
+      8. Payment of the required fee must be made at the time of submission, and
+      any certificate or other documentation issued by the Ministry is subject
+      to compliance action and cancellation if payment is disputed or
+      fraudulent. Payment of fees for electronic filings must be made
+      electronically using the payment options provided.
+    </span>
+
+            <span class="body-1-regular">
+      9. If an application is for a corrected certificate, and the application
+      is approved under the applicable Act, the corporation or limited
+      partnership as applicable will be notified when the certificate has been
+      issued. The corporation or limited partnership, as applicable, agrees to
+      review the issued corrected certificate in the records maintained by the
+      Ministry forthwith and to confirm that the issued certificate corresponds
+      with the final approved application for correction. The corporation or
+      limited partnership, as applicable, agrees to be responsible and assume
+      all liability for any discrepancies between the issued corrected
+      certificate and the final approved application if these are not
+      immediately brought to the attention of the Ministry.
+    </span>
+
+            <span class="body-1-regular">
+      10. If this is a new filing, a company key consisting of a unique series
+      of digits will be provided electronically by the Ministry to the entity at
+      the time of completion of the transaction, together with the final
+      documentation for the transaction. If this is not a new filing, the entity
+      will have received a company key. The company key provides authority over
+      the entity; by proceeding with this transaction, any person(s) acting on
+      behalf of the entity is confirming that they are duly authorized by the
+      entity.
+    </span>
+
+            <span class="body-1-regular">
+      11. The company key will be required for any subsequent paper or online
+      filings regarding the entity. The entity is responsible for the care and
+      control of the company key. The entity is responsible for treating this
+      key as confidential information and not sharing it unless it is in the
+      course of providing delegated authority to a trusted service provider or
+      trusted intermediary to make filings on their behalf. The recipient of the
+      company key agrees to notify the Ministry as soon as they become aware
+      that the key has been lost, stolen or misused to request a replacement
+      key. The entity agrees to be responsible and assume all liability for all
+      filings authorized by the key in respect of the entity. Unauthorized use
+      of the company key or delegated authority may result in suspension of
+      access to the electronic business registration system.
+    </span>
+
+            <span class="body-1-regular">
+      12. The Ministry may take appropriate compliance action at any time if it
+      comes to the attention of the Ministry that a filing does not comply with
+      the applicable Act, regulations or the requirements of the Director or
+      Registrar.
+    </span>
+
+            <span class="body-1-regular">
+      13. The Acts set out penalties, including fines, for submitting false or
+      misleading information.
+    </span>
+
+            <span class="body-1-regular">
+      14. The corporation agrees to file restated articles at any time required
+      by the Director under the Business Corporations Act or Not-for-Profit
+      Corporations Act, 2010.
+    </span>
+
+            <span class="body-1-regular">
+      15. Where a filing under the Business Corporations Act, Extra-Provincial
+      Corporations Act or Not-for-Profit Corporations Act, 2010 must be
+      supported by an Ontario biased or weighted Nuans search report, and the
+      identifying information is provided, the authorizer(s) consents for the
+      Director appointed under the Act or other person delegated by the Director
+      to retrieve the Nuans report directly from the appropriate department of
+      the Government of Canada. The corporation agrees to keep a copy of the
+      Nuans report in electronic or paper format at the corporation's registered
+      office.
+    </span>
+
+            <span class="body-1-regular">
+      16. A corporation under the Business Corporations Act or Not-for-Profit
+      Corporations Act, 2010 that continues out of Ontario agrees to file with
+      the Ministry a copy of the instrument of continuance issued to it by the
+      other jurisdiction within 60 days after the date of issuance.
+    </span>
+
+            <span class="body-1-regular">
+      17. If this is a filing made in respect of an arrangement under the
+      Business Corporations Act or Not-for-Profit Corporations Act, 2010, the
+      corporation acknowledges that it must give the Director notice of the
+      application to the court and that the Director is entitled to appear in
+      court and be heard in person or by counsel. The corporation agrees to
+      submit the required notice and a draft copy of the Plan of Arrangement
+      under the applicable Act for review through the electronic system
+      maintained by the Ministry at least seven business days before seeking an
+      interim and/or final order with the court. The corporation agrees to make
+      changes required by the Director to ensure that the Plan complies with the
+      applicable Act and Ministry requirements, and is capable of being
+      implemented in the electronic system maintained by the Ministry under the
+      applicable Act. The corporation agrees that if the Ministry does not
+      receive a draft of the application or sufficient notice of the
+      application, additional time may be required for review. The corporation
+      acknowledges that the Ministry may seek an adjournment if the corporation
+      fails to provide a draft of the application or sufficient notice of the
+      application. The corporation agrees that if it obtains a court order
+      without providing the required notice of the application to the Ministry,
+      revisions may be required to any Plan of Arrangement attached to a court
+      order and a further court order may be required before the articles of
+      arrangement are endorsed.
+    </span>
+          </div>
+        </div>
+
+        <mat-checkbox [formControl]="getFormControl(termsAndConditionsControls.AcceptTerms)">
+          <div class="body-1-regular black">
+            <span>I agree to the Terms and Conditions and confirm that all required person(s) and/or entities agree to them</span>
+          </div>
+        </mat-checkbox>
+      </div>
+
+    </expandable-card>
+
+    <expandable-card title="Signatory">
+      <filing-form-group [isSubmitted]="true" [form]="form" [config]="termsAndConditionsFields"/>
+    </expandable-card>
+  </div>
+
+  <div class="terms-and-conditions-form-actions">
+    <button mat-stroked-button mat-button (click)="close.emit()">
+      <span class="body-1-semibold">{{ 'Close' | translate }}</span>
+    </button>
+
+    <button mat-stroked-button mat-button (click)="prev.emit()"><span class="body-1-semibold">{{ 'Back' | translate }}</span></button>
+
+    <button
+      mat-flat-button
+      type="submit"
+      (click)="onConfirm()"
+      [disabled]="form.invalid"
+    >
+      <span class="body-1-semibold">{{ 'Proceed' | translate }}</span>
+    </button>
+  </div>
+</div>
 `, styles: ["/* src/app/components/terms-and-conditions/terms-and-conditions.component.scss */\n:host .terms-and-conditions {\n  --mdc-outlined-text-field-outline-color: #e8e8e8;\n  --mat-form-field-filled-with-label-container-padding-top: 12px;\n  --mat-form-field-filled-with-label-container-padding-bottom: 2px;\n  --mat-form-field-container-height: 36px;\n  --mdc-filled-text-field-container-color: transparent;\n  height: 100%;\n  color: #8c8e90;\n}\n:host .terms-and-conditions ::ng-deep .mdc-label {\n  font-size: 14px !important;\n}\n:host .terms-and-conditions-card-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: calc(100% - 25px);\n}\n:host .terms-and-conditions-text-wrapper {\n  border: 1px solid #A1B5C7;\n  border-radius: 8px;\n  overflow: hidden;\n}\n:host .terms-and-conditions-text {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n  overflow: auto;\n  max-height: 420px;\n  padding: 8px;\n  color: var(--filing-modal-color-grey);\n}\n:host .terms-and-conditions-form {\n  height: 100%;\n  padding-top: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n:host .terms-and-conditions-form-title {\n  color: black;\n  margin: 0;\n}\n:host .terms-and-conditions-form-input {\n  width: 100%;\n}\n:host .terms-and-conditions-form-input::ng-deep .mdc-text-field,\n:host .terms-and-conditions-form-input::ng-deep .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n:host .terms-and-conditions-form-container {\n  display: flex;\n  gap: 16px;\n}\n:host .terms-and-conditions-form-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n:host .terms-and-conditions-form-actions button {\n  margin: 0;\n}\n:host .terms-and-conditions-content {\n  height: calc(100% - 67px);\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n/*# sourceMappingURL=terms-and-conditions.component.css.map */\n"] }]
         }], null, null);
       })();
@@ -81134,7 +81179,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       (() => {
         (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(ConfirmModalComponent, [{
           type: Component,
-          args: [{ selector: "confirm-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, TranslatePipe], template: '@let config = modalConfig();\r\n<div class="confirm-modal">\r\n  <div class="confirm-modal-header">\r\n    <h1 class="confirm-modal-header-title d-flex align-items-center">\r\n      @if (config.icon) {\r\n        <span class="material-icons-outlined icon mr-s">delete</span>\r\n      }\r\n\r\n      {{ config.title }}\r\n    </h1>\r\n  </div>\r\n\r\n  <div class="confirm-modal-text">{{ config.text }}</div>\r\n\r\n  <div class="confirm-modal-actions">\r\n    <button mat-stroked-button (click)="closeModal()">\r\n      <span class="body-1-semibold">{{ config.cancelButton | translate }}</span>\r\n    </button>\r\n    <button\r\n      class="confirm-modal-actions-submit"\r\n      mat-flat-button\r\n      color="primary"\r\n      (click)="closeModal(true)"\r\n    >\r\n      <span class="body-1-semibold">{{ config.confirmButton | translate}}</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n', styles: ['/* src/app/components/confirm-modal/confirm-modal.component.scss */\n:host {\n  --filing-modal-color-grey: #444444;\n  --filing-modal-color-dark-blue: #485673;\n  --filing-modal-color-grey-mid: #A0A0A0;\n  --filing-modal-color-light-blue: #3778E4;\n  --filing-modal-color-black: #444444;\n}\nmat-icon {\n  font-family: "Material Icons" !important;\n  font-size: 20px;\n  height: 20px;\n  width: 20px;\n  line-height: 20px;\n}\nh1 {\n  font-size: 24px;\n  line-height: 28px;\n  font-weight: 700;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh2 {\n  font-size: 22px;\n  line-height: 26px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh3 {\n  font-size: 18px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin-top: 0;\n  margin-bottom: 0;\n}\nh4 {\n  font-size: 16px;\n  line-height: 22px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh4 {\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\n.body-1-regular {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-1-bold {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\n.body-1-semibold {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 600;\n  font-family: "Open Sans";\n}\n.body-2-regular {\n  line-height: 20px;\n  font-size: 12px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-2-bold {\n  line-height: 20px;\n  font-size: 12px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\n.body-3-regular {\n  line-height: 20px;\n  font-size: 16px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-4-regular {\n  line-height: 18px;\n  font-size: 18px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-4-bold {\n  line-height: 20px;\n  font-size: 20px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  margin: 0;\n}\n.black {\n  color: var(--filing-modal-color-black);\n}\n.grey {\n  color: var(--filing-modal-color-grey);\n}\n.dark-blue {\n  color: var(--filing-modal-color-dark-blue);\n}\n.grey-mid {\n  color: var(--filing-modal-color-grey-mid);\n}\n.light-blue {\n  color: var(--filing-modal-color-light-blue);\n}\n.filling {\n  height: 100%;\n  overflow: hidden;\n}\n* {\n  box-sizing: border-box;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n}\n.filling {\n  margin: 0;\n  font-family: "Helvetica Neue", sans-serif;\n}\n.filing {\n  --app-font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    "Helvetica Neue",\n    Helvetica,\n    Arial,\n    sans-serif;\n  --mat-sys-background: #faf9fd;\n  --mat-sys-error: #ba1a1a;\n  --mat-sys-error-container: #ffdad6;\n  --mat-sys-inverse-on-surface: #f2f0f4;\n  --mat-sys-inverse-primary: #abc7ff;\n  --mat-sys-inverse-surface: #2f3033;\n  --mat-sys-on-background: #1a1b1f;\n  --mat-sys-on-error: #ffffff;\n  --mat-sys-on-error-container: #93000a;\n  --mat-sys-on-primary: #ffffff;\n  --mat-sys-on-primary-container: #00458f;\n  --mat-sys-on-primary-fixed: #001b3f;\n  --mat-sys-on-primary-fixed-variant: #00458f;\n  --mat-sys-on-secondary: #ffffff;\n  --mat-sys-on-secondary-container: #3e4759;\n  --mat-sys-on-secondary-fixed: #131c2b;\n  --mat-sys-on-secondary-fixed-variant: #3e4759;\n  --mat-sys-on-surface: #1a1b1f;\n  --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n  --mat-sys-on-tertiary: #ffffff;\n  --mat-sys-on-tertiary-container: #0000ef;\n  --mat-sys-on-tertiary-fixed: #00006e;\n  --mat-sys-on-tertiary-fixed-variant: #0000ef;\n  --mat-sys-outline: #74777f;\n  --mat-sys-outline-variant: #c4c6d0;\n  --mat-sys-primary: #3778e4;\n  --mat-sys-primary-container: #d7e3ff;\n  --mat-sys-primary-fixed: #d7e3ff;\n  --mat-sys-primary-fixed-dim: #abc7ff;\n  --mat-sys-scrim: #000000;\n  --mat-sys-secondary: #565e71;\n  --mat-sys-secondary-container: #dae2f9;\n  --mat-sys-secondary-fixed: #dae2f9;\n  --mat-sys-secondary-fixed-dim: #bec6dc;\n  --mat-sys-shadow: #000000;\n  --mat-sys-surface: #faf9fd;\n  --mat-sys-surface-bright: #faf9fd;\n  --mat-sys-surface-container: #efedf0;\n  --mat-sys-surface-container-high: #e9e7eb;\n  --mat-sys-surface-container-highest: #e3e2e6;\n  --mat-sys-surface-container-low: #f4f3f6;\n  --mat-sys-surface-container-lowest: #ffffff;\n  --mat-sys-surface-dim: #dbd9dd;\n  --mat-sys-surface-tint: #005cbb;\n  --mat-sys-surface-variant: #e0e2ec;\n  --mat-sys-tertiary: #343dff;\n  --mat-sys-tertiary-container: #e0e0ff;\n  --mat-sys-tertiary-fixed: #e0e0ff;\n  --mat-sys-tertiary-fixed-dim: #bec2ff;\n  --mat-sys-neutral-variant20: #2d3038;\n  --mat-sys-neutral10: #1a1b1f;\n  --mdc-filled-button-container-height: 35px;\n  --mdc-outlined-button-container-height: 35px;\n  --mdc-text-button-label-text-color: #808090;\n  --mdc-filled-button-label-text-weight: 600;\n  --mdc-text-button-label-text-weight: 600;\n  --mdc-filled-button-container-shape: 4px;\n  --mdc-outlined-button-outline-color: none;\n  --mdc-outlined-button-container-shape: 6px;\n  --mat-sys-level0:\n    0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level1:\n    0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level2:\n    0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n    0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level3:\n    0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n    0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level4:\n    0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n    0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n    0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mat-sys-level5:\n    0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n    0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n    0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n  --mdc-outlined-button-label-text-size: 14px;\n  --mdc-filled-button-label-text-size: 14px;\n  --mdc-filled-text-field-label-text-size: 16px;\n  --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-body-large-font: var(--app-font-family);\n  --mat-sys-body-large-line-height: 1.5rem;\n  --mat-sys-body-large-size: 14px;\n  --mat-sys-body-large-tracking: 0.031rem;\n  --mat-sys-body-large-weight: 400;\n  --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-body-medium-font: var(--app-font-family);\n  --mat-sys-body-medium-line-height: 1.25rem;\n  --mat-sys-body-medium-size: 0.875rem;\n  --mat-sys-body-medium-tracking: 0.016rem;\n  --mat-sys-body-medium-weight: 400;\n  --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-body-small-font: var(--app-font-family);\n  --mat-sys-body-small-line-height: 1rem;\n  --mat-sys-body-small-size: 0.75rem;\n  --mat-sys-body-small-tracking: 0.025rem;\n  --mat-sys-body-small-weight: 400;\n  --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n  --mat-sys-display-large-font: var(--app-font-family);\n  --mat-sys-display-large-line-height: 4rem;\n  --mat-sys-display-large-size: 3.562rem;\n  --mat-sys-display-large-tracking: -0.016rem;\n  --mat-sys-display-large-weight: 400;\n  --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n  --mat-sys-display-medium-font: var(--app-font-family);\n  --mat-sys-display-medium-line-height: 3.25rem;\n  --mat-sys-display-medium-size: 2.812rem;\n  --mat-sys-display-medium-tracking: 0;\n  --mat-sys-display-medium-weight: 400;\n  --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n  --mat-sys-display-small-font: var(--app-font-family);\n  --mat-sys-display-small-line-height: 2.75rem;\n  --mat-sys-display-small-size: 2.25rem;\n  --mat-sys-display-small-tracking: 0;\n  --mat-sys-display-small-weight: 400;\n  --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n  --mat-sys-headline-large-font: var(--app-font-family);\n  --mat-sys-headline-large-line-height: 2.5rem;\n  --mat-sys-headline-large-size: 2rem;\n  --mat-sys-headline-large-tracking: 0;\n  --mat-sys-headline-large-weight: 400;\n  --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n  --mat-sys-headline-medium-font: var(--app-font-family);\n  --mat-sys-headline-medium-line-height: 2.25rem;\n  --mat-sys-headline-medium-size: 1.75rem;\n  --mat-sys-headline-medium-tracking: 0;\n  --mat-sys-headline-medium-weight: 400;\n  --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n  --mat-sys-headline-small-font: var(--app-font-family);\n  --mat-sys-headline-small-line-height: 2rem;\n  --mat-sys-headline-small-size: 1.5rem;\n  --mat-sys-headline-small-tracking: 0;\n  --mat-sys-headline-small-weight: 400;\n  --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-label-large-font: var(--app-font-family);\n  --mat-sys-label-large-line-height: 1.25rem;\n  --mat-sys-label-large-size: 0.875rem;\n  --mat-sys-label-large-tracking: 0.006rem;\n  --mat-sys-label-large-weight: 500;\n  --mat-sys-label-large-weight-prominent: 700;\n  --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-label-medium-font: var(--app-font-family);\n  --mat-sys-label-medium-line-height: 1rem;\n  --mat-sys-label-medium-size: 0.75rem;\n  --mat-sys-label-medium-tracking: 0.031rem;\n  --mat-sys-label-medium-weight: 500;\n  --mat-sys-label-medium-weight-prominent: 700;\n  --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n  --mat-sys-label-small-font: var(--app-font-family);\n  --mat-sys-label-small-line-height: 1rem;\n  --mat-sys-label-small-size: 0.688rem;\n  --mat-sys-label-small-tracking: 0.031rem;\n  --mat-sys-label-small-weight: 500;\n  --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n  --mat-sys-title-large-font: var(--app-font-family);\n  --mat-sys-title-large-line-height: 1.75rem;\n  --mat-sys-title-large-size: 1.375rem;\n  --mat-sys-title-large-tracking: 0;\n  --mat-sys-title-large-weight: 400;\n  --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-title-medium-font: var(--app-font-family);\n  --mat-sys-title-medium-line-height: 1.5rem;\n  --mat-sys-title-medium-size: 1rem;\n  --mat-sys-title-medium-tracking: 0.009rem;\n  --mat-sys-title-medium-weight: 500;\n  --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-title-small-font: var(--app-font-family);\n  --mat-sys-title-small-line-height: 1.25rem;\n  --mat-sys-title-small-size: 0.875rem;\n  --mat-sys-title-small-tracking: 0.006rem;\n  --mat-sys-title-small-weight: 500;\n  --mat-sys-corner-extra-large: 28px;\n  --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n  --mat-sys-corner-extra-small: 4px;\n  --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n  --mat-sys-corner-full: 9999px;\n  --mat-sys-corner-large: 16px;\n  --mat-sys-corner-large-end: 0 16px 16px 0;\n  --mat-sys-corner-large-start: 16px 0 0 16px;\n  --mat-sys-corner-large-top: 16px 16px 0 0;\n  --mat-sys-corner-medium: 12px;\n  --mat-sys-corner-none: 0;\n  --mat-sys-corner-small: 8px;\n  --mat-sys-dragged-state-layer-opacity: 0.16;\n  --mat-sys-focus-state-layer-opacity: 0.12;\n  --mat-sys-hover-state-layer-opacity: 0.08;\n  --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n.filing .mat-primary .mat-pseudo-checkbox-checked,\n.filing .mat-primary .mat-pseudo-checkbox-indeterminate {\n  background: transparent !important;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox {\n  width: 24px;\n  height: 24px;\n  flex-basis: 24px;\n  padding: 0;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n  width: 24px;\n  height: 24px;\n  border-radius: 6px;\n  top: 0;\n  left: 0;\n  border: 3px solid var(--filing-modal-color-grey);\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n  height: 20px;\n  width: 20px;\n  font-size: 20px;\n  top: 1px;\n  left: 1px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.filing .mat-mdc-checkbox[cardView] .mat-ripple {\n  display: none;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-label {\n  padding-left: 8px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-button__label {\n  line-height: 10px;\n}\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  height: 100%;\n  padding: 12px;\n}\n:host .confirm-modal {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 16px;\n}\n:host .confirm-modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n:host .confirm-modal-header-title {\n  font-size: 20px;\n  color: var(--neutral-20);\n}\n:host .confirm-modal-header-icon {\n  font-size: 14px;\n  height: 20px;\n}\n:host .confirm-modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n}\n:host .confirm-modal-actions button {\n  margin: 0;\n}\n:host .confirm-modal-actions-submit {\n  padding-left: 30px;\n  padding-right: 30px;\n  background-color: #3778e4;\n  color: white;\n  border-radius: 4px !important;\n}\n/*# sourceMappingURL=confirm-modal.component.css.map */\n'] }]
+          args: [{ selector: "confirm-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, TranslatePipe], template: '@let config = modalConfig();\n<div class="confirm-modal">\n  <div class="confirm-modal-header">\n    <h1 class="confirm-modal-header-title d-flex align-items-center">\n      @if (config.icon) {\n        <span class="material-icons-outlined icon mr-s">delete</span>\n      }\n\n      {{ config.title }}\n    </h1>\n  </div>\n\n  <div class="confirm-modal-text">{{ config.text }}</div>\n\n  <div class="confirm-modal-actions">\n    <button mat-stroked-button (click)="closeModal()">\n      <span class="body-1-semibold">{{ config.cancelButton | translate }}</span>\n    </button>\n    <button\n      class="confirm-modal-actions-submit"\n      mat-flat-button\n      color="primary"\n      (click)="closeModal(true)"\n    >\n      <span class="body-1-semibold">{{ config.confirmButton | translate}}</span>\n    </button>\n  </div>\n</div>\n', styles: ['/* src/app/components/confirm-modal/confirm-modal.component.scss */\n:host {\n  --filing-modal-color-grey: #444444;\n  --filing-modal-color-dark-blue: #485673;\n  --filing-modal-color-grey-mid: #A0A0A0;\n  --filing-modal-color-light-blue: #3778E4;\n  --filing-modal-color-black: #444444;\n}\nmat-icon {\n  font-family: "Material Icons" !important;\n  font-size: 20px;\n  height: 20px;\n  width: 20px;\n  line-height: 20px;\n}\nh1 {\n  font-size: 24px;\n  line-height: 28px;\n  font-weight: 700;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh2 {\n  font-size: 22px;\n  line-height: 26px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh3 {\n  font-size: 18px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin-top: 0;\n  margin-bottom: 0;\n}\nh4 {\n  font-size: 16px;\n  line-height: 22px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh4 {\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\n.body-1-regular {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-1-bold {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\n.body-1-semibold {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 600;\n  font-family: "Open Sans";\n}\n.body-2-regular {\n  line-height: 20px;\n  font-size: 12px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-2-bold {\n  line-height: 20px;\n  font-size: 12px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\n.body-3-regular {\n  line-height: 20px;\n  font-size: 16px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-4-regular {\n  line-height: 18px;\n  font-size: 18px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-4-bold {\n  line-height: 20px;\n  font-size: 20px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  margin: 0;\n}\n.black {\n  color: var(--filing-modal-color-black);\n}\n.grey {\n  color: var(--filing-modal-color-grey);\n}\n.dark-blue {\n  color: var(--filing-modal-color-dark-blue);\n}\n.grey-mid {\n  color: var(--filing-modal-color-grey-mid);\n}\n.light-blue {\n  color: var(--filing-modal-color-light-blue);\n}\n.filling {\n  height: 100%;\n  overflow: hidden;\n}\n* {\n  box-sizing: border-box;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n}\n.filling {\n  margin: 0;\n  font-family: "Helvetica Neue", sans-serif;\n}\n.filing {\n  --app-font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    "Helvetica Neue",\n    Helvetica,\n    Arial,\n    sans-serif;\n  --mat-sys-background: #faf9fd;\n  --mat-sys-error: #ba1a1a;\n  --mat-sys-error-container: #ffdad6;\n  --mat-sys-inverse-on-surface: #f2f0f4;\n  --mat-sys-inverse-primary: #abc7ff;\n  --mat-sys-inverse-surface: #2f3033;\n  --mat-sys-on-background: #1a1b1f;\n  --mat-sys-on-error: #ffffff;\n  --mat-sys-on-error-container: #93000a;\n  --mat-sys-on-primary: #ffffff;\n  --mat-sys-on-primary-container: #00458f;\n  --mat-sys-on-primary-fixed: #001b3f;\n  --mat-sys-on-primary-fixed-variant: #00458f;\n  --mat-sys-on-secondary: #ffffff;\n  --mat-sys-on-secondary-container: #3e4759;\n  --mat-sys-on-secondary-fixed: #131c2b;\n  --mat-sys-on-secondary-fixed-variant: #3e4759;\n  --mat-sys-on-surface: #1a1b1f;\n  --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n  --mat-sys-on-tertiary: #ffffff;\n  --mat-sys-on-tertiary-container: #0000ef;\n  --mat-sys-on-tertiary-fixed: #00006e;\n  --mat-sys-on-tertiary-fixed-variant: #0000ef;\n  --mat-sys-outline: #74777f;\n  --mat-sys-outline-variant: #c4c6d0;\n  --mat-sys-primary: #3778e4;\n  --mat-sys-primary-container: #d7e3ff;\n  --mat-sys-primary-fixed: #d7e3ff;\n  --mat-sys-primary-fixed-dim: #abc7ff;\n  --mat-sys-scrim: #000000;\n  --mat-sys-secondary: #565e71;\n  --mat-sys-secondary-container: #dae2f9;\n  --mat-sys-secondary-fixed: #dae2f9;\n  --mat-sys-secondary-fixed-dim: #bec6dc;\n  --mat-sys-shadow: #000000;\n  --mat-sys-surface: #faf9fd;\n  --mat-sys-surface-bright: #faf9fd;\n  --mat-sys-surface-container: #efedf0;\n  --mat-sys-surface-container-high: #e9e7eb;\n  --mat-sys-surface-container-highest: #e3e2e6;\n  --mat-sys-surface-container-low: #f4f3f6;\n  --mat-sys-surface-container-lowest: #ffffff;\n  --mat-sys-surface-dim: #dbd9dd;\n  --mat-sys-surface-tint: #005cbb;\n  --mat-sys-surface-variant: #e0e2ec;\n  --mat-sys-tertiary: #343dff;\n  --mat-sys-tertiary-container: #e0e0ff;\n  --mat-sys-tertiary-fixed: #e0e0ff;\n  --mat-sys-tertiary-fixed-dim: #bec2ff;\n  --mat-sys-neutral-variant20: #2d3038;\n  --mat-sys-neutral10: #1a1b1f;\n  --mdc-filled-button-container-height: 35px;\n  --mdc-outlined-button-container-height: 35px;\n  --mdc-text-button-label-text-color: #808090;\n  --mdc-filled-button-label-text-weight: 600;\n  --mdc-text-button-label-text-weight: 600;\n  --mdc-filled-button-container-shape: 4px;\n  --mdc-outlined-button-outline-color: none;\n  --mdc-outlined-button-container-shape: 6px;\n  --mat-sys-level0:\n    0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level1:\n    0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level2:\n    0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n    0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level3:\n    0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n    0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level4:\n    0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n    0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n    0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mat-sys-level5:\n    0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n    0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n    0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n  --mdc-outlined-button-label-text-size: 14px;\n  --mdc-filled-button-label-text-size: 14px;\n  --mdc-filled-text-field-label-text-size: 16px;\n  --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-body-large-font: var(--app-font-family);\n  --mat-sys-body-large-line-height: 1.5rem;\n  --mat-sys-body-large-size: 14px;\n  --mat-sys-body-large-tracking: 0.031rem;\n  --mat-sys-body-large-weight: 400;\n  --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-body-medium-font: var(--app-font-family);\n  --mat-sys-body-medium-line-height: 1.25rem;\n  --mat-sys-body-medium-size: 0.875rem;\n  --mat-sys-body-medium-tracking: 0.016rem;\n  --mat-sys-body-medium-weight: 400;\n  --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-body-small-font: var(--app-font-family);\n  --mat-sys-body-small-line-height: 1rem;\n  --mat-sys-body-small-size: 0.75rem;\n  --mat-sys-body-small-tracking: 0.025rem;\n  --mat-sys-body-small-weight: 400;\n  --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n  --mat-sys-display-large-font: var(--app-font-family);\n  --mat-sys-display-large-line-height: 4rem;\n  --mat-sys-display-large-size: 3.562rem;\n  --mat-sys-display-large-tracking: -0.016rem;\n  --mat-sys-display-large-weight: 400;\n  --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n  --mat-sys-display-medium-font: var(--app-font-family);\n  --mat-sys-display-medium-line-height: 3.25rem;\n  --mat-sys-display-medium-size: 2.812rem;\n  --mat-sys-display-medium-tracking: 0;\n  --mat-sys-display-medium-weight: 400;\n  --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n  --mat-sys-display-small-font: var(--app-font-family);\n  --mat-sys-display-small-line-height: 2.75rem;\n  --mat-sys-display-small-size: 2.25rem;\n  --mat-sys-display-small-tracking: 0;\n  --mat-sys-display-small-weight: 400;\n  --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n  --mat-sys-headline-large-font: var(--app-font-family);\n  --mat-sys-headline-large-line-height: 2.5rem;\n  --mat-sys-headline-large-size: 2rem;\n  --mat-sys-headline-large-tracking: 0;\n  --mat-sys-headline-large-weight: 400;\n  --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n  --mat-sys-headline-medium-font: var(--app-font-family);\n  --mat-sys-headline-medium-line-height: 2.25rem;\n  --mat-sys-headline-medium-size: 1.75rem;\n  --mat-sys-headline-medium-tracking: 0;\n  --mat-sys-headline-medium-weight: 400;\n  --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n  --mat-sys-headline-small-font: var(--app-font-family);\n  --mat-sys-headline-small-line-height: 2rem;\n  --mat-sys-headline-small-size: 1.5rem;\n  --mat-sys-headline-small-tracking: 0;\n  --mat-sys-headline-small-weight: 400;\n  --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-label-large-font: var(--app-font-family);\n  --mat-sys-label-large-line-height: 1.25rem;\n  --mat-sys-label-large-size: 0.875rem;\n  --mat-sys-label-large-tracking: 0.006rem;\n  --mat-sys-label-large-weight: 500;\n  --mat-sys-label-large-weight-prominent: 700;\n  --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-label-medium-font: var(--app-font-family);\n  --mat-sys-label-medium-line-height: 1rem;\n  --mat-sys-label-medium-size: 0.75rem;\n  --mat-sys-label-medium-tracking: 0.031rem;\n  --mat-sys-label-medium-weight: 500;\n  --mat-sys-label-medium-weight-prominent: 700;\n  --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n  --mat-sys-label-small-font: var(--app-font-family);\n  --mat-sys-label-small-line-height: 1rem;\n  --mat-sys-label-small-size: 0.688rem;\n  --mat-sys-label-small-tracking: 0.031rem;\n  --mat-sys-label-small-weight: 500;\n  --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n  --mat-sys-title-large-font: var(--app-font-family);\n  --mat-sys-title-large-line-height: 1.75rem;\n  --mat-sys-title-large-size: 1.375rem;\n  --mat-sys-title-large-tracking: 0;\n  --mat-sys-title-large-weight: 400;\n  --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-title-medium-font: var(--app-font-family);\n  --mat-sys-title-medium-line-height: 1.5rem;\n  --mat-sys-title-medium-size: 1rem;\n  --mat-sys-title-medium-tracking: 0.009rem;\n  --mat-sys-title-medium-weight: 500;\n  --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-title-small-font: var(--app-font-family);\n  --mat-sys-title-small-line-height: 1.25rem;\n  --mat-sys-title-small-size: 0.875rem;\n  --mat-sys-title-small-tracking: 0.006rem;\n  --mat-sys-title-small-weight: 500;\n  --mat-sys-corner-extra-large: 28px;\n  --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n  --mat-sys-corner-extra-small: 4px;\n  --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n  --mat-sys-corner-full: 9999px;\n  --mat-sys-corner-large: 16px;\n  --mat-sys-corner-large-end: 0 16px 16px 0;\n  --mat-sys-corner-large-start: 16px 0 0 16px;\n  --mat-sys-corner-large-top: 16px 16px 0 0;\n  --mat-sys-corner-medium: 12px;\n  --mat-sys-corner-none: 0;\n  --mat-sys-corner-small: 8px;\n  --mat-sys-dragged-state-layer-opacity: 0.16;\n  --mat-sys-focus-state-layer-opacity: 0.12;\n  --mat-sys-hover-state-layer-opacity: 0.08;\n  --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n.filing .mat-primary .mat-pseudo-checkbox-checked,\n.filing .mat-primary .mat-pseudo-checkbox-indeterminate {\n  background: transparent !important;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox {\n  width: 24px;\n  height: 24px;\n  flex-basis: 24px;\n  padding: 0;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n  width: 24px;\n  height: 24px;\n  border-radius: 6px;\n  top: 0;\n  left: 0;\n  border: 3px solid var(--filing-modal-color-grey);\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n  height: 20px;\n  width: 20px;\n  font-size: 20px;\n  top: 1px;\n  left: 1px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.filing .mat-mdc-checkbox[cardView] .mat-ripple {\n  display: none;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-label {\n  padding-left: 8px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-button__label {\n  line-height: 10px;\n}\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  height: 100%;\n  padding: 12px;\n}\n:host .confirm-modal {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 16px;\n}\n:host .confirm-modal-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n:host .confirm-modal-header-title {\n  font-size: 20px;\n  color: var(--neutral-20);\n}\n:host .confirm-modal-header-icon {\n  font-size: 14px;\n  height: 20px;\n}\n:host .confirm-modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n}\n:host .confirm-modal-actions button {\n  margin: 0;\n}\n:host .confirm-modal-actions-submit {\n  padding-left: 30px;\n  padding-right: 30px;\n  background-color: #3778e4;\n  color: white;\n  border-radius: 4px !important;\n}\n/*# sourceMappingURL=confirm-modal.component.css.map */\n'] }]
         }], null, null);
       })();
       (() => {
@@ -81780,7 +81825,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             OntarioIncorporationDeltaFormComponent,
             OntarioIncorporationPreviewFormComponent,
             TermsAndConditionsComponent
-          ], template: '@let taskData = this.task();\r\n\r\n@if (isFormationTask(taskData)) {\r\n  @if (activeStep() === steps.Validate) {\r\n    <ontario-incorporation-delta-form\r\n      [task]="taskData"\r\n      [errors]="errors()"\r\n      [isNote]="isNote()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      [form]="deltaForm()"\r\n      (validate)="onFormationValidate()"\r\n      (close)="onClose()"\r\n      (save)="onFormationSave()"\r\n    />\r\n  }\r\n\r\n  @if (activeStep() === steps.FilingPreview) {\r\n    <ontario-incorporation-preview-form\r\n      [task]="taskData"\r\n      [form]="previewForm()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      (next)="nextStep.emit()"\r\n      (close)="close.emit()"\r\n    />\r\n  }\r\n\r\n  @if (activeStep() === steps.TermsAndConditions) {\r\n    <terms-and-conditions\r\n      (prev)="prevStep.emit()"\r\n      (close)="close.emit()"\r\n      (confirm)="onFormationSubmit($event)"\r\n    />\r\n  }\r\n}\r\n\r\n@if (isInitialReturnTask(task())) {\r\n  @if (activeStep() === steps.Validate) {\r\n    <ontario-update-maintain-delta-form\r\n      [task]="$any(task())"\r\n      [form]="deltaForm()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      [prevData]="prevData()"\r\n      [errors]="errors()"\r\n      [isNote]="isNote()"\r\n      (validate)="onInitialReturnValidate()"\r\n      (close)="onClose()"\r\n      (save)="onInitialReturnSave()"\r\n    />\r\n  }\r\n\r\n  @if (activeStep() === steps.FilingPreview) {\r\n    <ontario-update-maintain-preview-form\r\n      [task]="$any(task())"\r\n      [form]="previewForm()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      [errors]="errors()"\r\n      (close)="close.emit()"\r\n      (file)="nextStep.emit()"\r\n    />\r\n  }\r\n\r\n  @if (activeStep() === steps.TermsAndConditions) {\r\n    <terms-and-conditions\r\n      (prev)="prevStep.emit()"\r\n      (close)="close.emit()"\r\n      (confirm)="onIrSubmit($event)"\r\n    />\r\n  }\r\n}\r\n', styles: ["/* src/app/components/ontario/ontario.component.scss */\n:host {\n  display: contents;\n}\n/*# sourceMappingURL=ontario.component.css.map */\n"] }]
+          ], template: '@let taskData = this.task();\n\n@if (isFormationTask(taskData)) {\n  @if (activeStep() === steps.Validate) {\n    <ontario-incorporation-delta-form\n      [task]="taskData"\n      [errors]="errors()"\n      [isNote]="isNote()"\n      [actionsDisabled]="actionsDisabled()"\n      [form]="deltaForm()"\n      (validate)="onFormationValidate()"\n      (close)="onClose()"\n      (save)="onFormationSave()"\n    />\n  }\n\n  @if (activeStep() === steps.FilingPreview) {\n    <ontario-incorporation-preview-form\n      [task]="taskData"\n      [form]="previewForm()"\n      [actionsDisabled]="actionsDisabled()"\n      (next)="nextStep.emit()"\n      (close)="close.emit()"\n    />\n  }\n\n  @if (activeStep() === steps.TermsAndConditions) {\n    <terms-and-conditions\n      (prev)="prevStep.emit()"\n      (close)="close.emit()"\n      (confirm)="onFormationSubmit($event)"\n    />\n  }\n}\n\n@if (isInitialReturnTask(task())) {\n  @if (activeStep() === steps.Validate) {\n    <ontario-update-maintain-delta-form\n      [task]="$any(task())"\n      [form]="deltaForm()"\n      [actionsDisabled]="actionsDisabled()"\n      [prevData]="prevData()"\n      [errors]="errors()"\n      [isNote]="isNote()"\n      (validate)="onInitialReturnValidate()"\n      (close)="onClose()"\n      (save)="onInitialReturnSave()"\n    />\n  }\n\n  @if (activeStep() === steps.FilingPreview) {\n    <ontario-update-maintain-preview-form\n      [task]="$any(task())"\n      [form]="previewForm()"\n      [actionsDisabled]="actionsDisabled()"\n      [errors]="errors()"\n      (close)="close.emit()"\n      (file)="nextStep.emit()"\n    />\n  }\n\n  @if (activeStep() === steps.TermsAndConditions) {\n    <terms-and-conditions\n      (prev)="prevStep.emit()"\n      (close)="close.emit()"\n      (confirm)="onIrSubmit($event)"\n    />\n  }\n}\n', styles: ["/* src/app/components/ontario/ontario.component.scss */\n:host {\n  display: contents;\n}\n/*# sourceMappingURL=ontario.component.css.map */\n"] }]
         }], () => [], null);
       })();
       (() => {
@@ -81936,7 +81981,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         "--mdc-text-button-label-text-size": "14px",
         "--mdc-outlined-button-label-text-color": "#444444",
         "--mdc-outlined-button-label-text-weight": "600",
-        "--mdc-outlined-button-container-shape": "6px"
+        "--mdc-outlined-button-container-shape": "6px",
+        // AUTOCOMPLETE
+        "--mat-autocomplete-background-color": "#FFFFFF"
       };
     }
   });
@@ -82906,39 +82953,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       (() => {
         (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SelectModalComponent, [{
           type: Component,
-          args: [{ standalone: true, selector: "add-documents-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatDialogModule, MatIconModule, TranslatePipe, MatCheckbox], template: `<div class="add-documents-modal">\r
-  <div class="add-documents-modal-header">\r
-    <h2 class="grey">{{ dialogData.title | translate }}</h2>\r
-  </div>\r
-\r
-  <div class="add-documents-modal-list">\r
-    @for (doc of dialogData.items; track doc) {\r
-      <div (click)="toggleDocument(doc)" class="add-documents-modal-list-item">\r
-        <mat-checkbox [checked]="isSelected(doc)"/>\r
-        <span class="body-1-regular">{{ doc }}</span>\r
-      </div>\r
-    }\r
-  </div>\r
-\r
-  <div class="add-documents-modal-actions">\r
-    <button\r
-      mat-stroked-button mat-button\r
-      (click)="closeModal()"\r
-    >\r
-      <span class="body-1-semibold">{{ 'Cancel' | translate }}</span>\r
-    </button>\r
-\r
-    <button\r
-      class="submit"\r
-      mat-flat-button\r
-      [disabled]="!hasSelection()"\r
-      (click)="addSelectedDocuments()"\r
-    >\r
-      <span class="body-1-semibold">{{ dialogData.submitButton | translate }}</span>\r
-    </button>\r
-  </div>\r
-\r
-</div>\r
+          args: [{ standalone: true, selector: "add-documents-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatDialogModule, MatIconModule, TranslatePipe, MatCheckbox], template: `<div class="add-documents-modal">
+  <div class="add-documents-modal-header">
+    <h2 class="grey">{{ dialogData.title | translate }}</h2>
+  </div>
+
+  <div class="add-documents-modal-list">
+    @for (doc of dialogData.items; track doc) {
+      <div (click)="toggleDocument(doc)" class="add-documents-modal-list-item">
+        <mat-checkbox [checked]="isSelected(doc)"/>
+        <span class="body-1-regular">{{ doc }}</span>
+      </div>
+    }
+  </div>
+
+  <div class="add-documents-modal-actions">
+    <button
+      mat-stroked-button mat-button
+      (click)="closeModal()"
+    >
+      <span class="body-1-semibold">{{ 'Cancel' | translate }}</span>
+    </button>
+
+    <button
+      class="submit"
+      mat-flat-button
+      [disabled]="!hasSelection()"
+      (click)="addSelectedDocuments()"
+    >
+      <span class="body-1-semibold">{{ dialogData.submitButton | translate }}</span>
+    </button>
+  </div>
+
+</div>
 `, styles: ['/* src/app/components/federal/components/select-modal/select-modal.component.scss */\n.filling {\n  height: 100%;\n  overflow: hidden;\n}\n* {\n  box-sizing: border-box;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n}\n.filling {\n  margin: 0;\n  font-family: "Helvetica Neue", sans-serif;\n}\n.filing {\n  --app-font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    "Helvetica Neue",\n    Helvetica,\n    Arial,\n    sans-serif;\n  --mat-sys-background: #faf9fd;\n  --mat-sys-error: #ba1a1a;\n  --mat-sys-error-container: #ffdad6;\n  --mat-sys-inverse-on-surface: #f2f0f4;\n  --mat-sys-inverse-primary: #abc7ff;\n  --mat-sys-inverse-surface: #2f3033;\n  --mat-sys-on-background: #1a1b1f;\n  --mat-sys-on-error: #ffffff;\n  --mat-sys-on-error-container: #93000a;\n  --mat-sys-on-primary: #ffffff;\n  --mat-sys-on-primary-container: #00458f;\n  --mat-sys-on-primary-fixed: #001b3f;\n  --mat-sys-on-primary-fixed-variant: #00458f;\n  --mat-sys-on-secondary: #ffffff;\n  --mat-sys-on-secondary-container: #3e4759;\n  --mat-sys-on-secondary-fixed: #131c2b;\n  --mat-sys-on-secondary-fixed-variant: #3e4759;\n  --mat-sys-on-surface: #1a1b1f;\n  --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n  --mat-sys-on-tertiary: #ffffff;\n  --mat-sys-on-tertiary-container: #0000ef;\n  --mat-sys-on-tertiary-fixed: #00006e;\n  --mat-sys-on-tertiary-fixed-variant: #0000ef;\n  --mat-sys-outline: #74777f;\n  --mat-sys-outline-variant: #c4c6d0;\n  --mat-sys-primary: #3778e4;\n  --mat-sys-primary-container: #d7e3ff;\n  --mat-sys-primary-fixed: #d7e3ff;\n  --mat-sys-primary-fixed-dim: #abc7ff;\n  --mat-sys-scrim: #000000;\n  --mat-sys-secondary: #565e71;\n  --mat-sys-secondary-container: #dae2f9;\n  --mat-sys-secondary-fixed: #dae2f9;\n  --mat-sys-secondary-fixed-dim: #bec6dc;\n  --mat-sys-shadow: #000000;\n  --mat-sys-surface: #faf9fd;\n  --mat-sys-surface-bright: #faf9fd;\n  --mat-sys-surface-container: #efedf0;\n  --mat-sys-surface-container-high: #e9e7eb;\n  --mat-sys-surface-container-highest: #e3e2e6;\n  --mat-sys-surface-container-low: #f4f3f6;\n  --mat-sys-surface-container-lowest: #ffffff;\n  --mat-sys-surface-dim: #dbd9dd;\n  --mat-sys-surface-tint: #005cbb;\n  --mat-sys-surface-variant: #e0e2ec;\n  --mat-sys-tertiary: #343dff;\n  --mat-sys-tertiary-container: #e0e0ff;\n  --mat-sys-tertiary-fixed: #e0e0ff;\n  --mat-sys-tertiary-fixed-dim: #bec2ff;\n  --mat-sys-neutral-variant20: #2d3038;\n  --mat-sys-neutral10: #1a1b1f;\n  --mdc-filled-button-container-height: 35px;\n  --mdc-outlined-button-container-height: 35px;\n  --mdc-text-button-label-text-color: #808090;\n  --mdc-filled-button-label-text-weight: 600;\n  --mdc-text-button-label-text-weight: 600;\n  --mdc-filled-button-container-shape: 4px;\n  --mdc-outlined-button-outline-color: none;\n  --mdc-outlined-button-container-shape: 6px;\n  --mat-sys-level0:\n    0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level1:\n    0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level2:\n    0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n    0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level3:\n    0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n    0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level4:\n    0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n    0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n    0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mat-sys-level5:\n    0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n    0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n    0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n  --mdc-outlined-button-label-text-size: 14px;\n  --mdc-filled-button-label-text-size: 14px;\n  --mdc-filled-text-field-label-text-size: 16px;\n  --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-body-large-font: var(--app-font-family);\n  --mat-sys-body-large-line-height: 1.5rem;\n  --mat-sys-body-large-size: 14px;\n  --mat-sys-body-large-tracking: 0.031rem;\n  --mat-sys-body-large-weight: 400;\n  --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-body-medium-font: var(--app-font-family);\n  --mat-sys-body-medium-line-height: 1.25rem;\n  --mat-sys-body-medium-size: 0.875rem;\n  --mat-sys-body-medium-tracking: 0.016rem;\n  --mat-sys-body-medium-weight: 400;\n  --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-body-small-font: var(--app-font-family);\n  --mat-sys-body-small-line-height: 1rem;\n  --mat-sys-body-small-size: 0.75rem;\n  --mat-sys-body-small-tracking: 0.025rem;\n  --mat-sys-body-small-weight: 400;\n  --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n  --mat-sys-display-large-font: var(--app-font-family);\n  --mat-sys-display-large-line-height: 4rem;\n  --mat-sys-display-large-size: 3.562rem;\n  --mat-sys-display-large-tracking: -0.016rem;\n  --mat-sys-display-large-weight: 400;\n  --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n  --mat-sys-display-medium-font: var(--app-font-family);\n  --mat-sys-display-medium-line-height: 3.25rem;\n  --mat-sys-display-medium-size: 2.812rem;\n  --mat-sys-display-medium-tracking: 0;\n  --mat-sys-display-medium-weight: 400;\n  --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n  --mat-sys-display-small-font: var(--app-font-family);\n  --mat-sys-display-small-line-height: 2.75rem;\n  --mat-sys-display-small-size: 2.25rem;\n  --mat-sys-display-small-tracking: 0;\n  --mat-sys-display-small-weight: 400;\n  --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n  --mat-sys-headline-large-font: var(--app-font-family);\n  --mat-sys-headline-large-line-height: 2.5rem;\n  --mat-sys-headline-large-size: 2rem;\n  --mat-sys-headline-large-tracking: 0;\n  --mat-sys-headline-large-weight: 400;\n  --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n  --mat-sys-headline-medium-font: var(--app-font-family);\n  --mat-sys-headline-medium-line-height: 2.25rem;\n  --mat-sys-headline-medium-size: 1.75rem;\n  --mat-sys-headline-medium-tracking: 0;\n  --mat-sys-headline-medium-weight: 400;\n  --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n  --mat-sys-headline-small-font: var(--app-font-family);\n  --mat-sys-headline-small-line-height: 2rem;\n  --mat-sys-headline-small-size: 1.5rem;\n  --mat-sys-headline-small-tracking: 0;\n  --mat-sys-headline-small-weight: 400;\n  --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-label-large-font: var(--app-font-family);\n  --mat-sys-label-large-line-height: 1.25rem;\n  --mat-sys-label-large-size: 0.875rem;\n  --mat-sys-label-large-tracking: 0.006rem;\n  --mat-sys-label-large-weight: 500;\n  --mat-sys-label-large-weight-prominent: 700;\n  --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-label-medium-font: var(--app-font-family);\n  --mat-sys-label-medium-line-height: 1rem;\n  --mat-sys-label-medium-size: 0.75rem;\n  --mat-sys-label-medium-tracking: 0.031rem;\n  --mat-sys-label-medium-weight: 500;\n  --mat-sys-label-medium-weight-prominent: 700;\n  --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n  --mat-sys-label-small-font: var(--app-font-family);\n  --mat-sys-label-small-line-height: 1rem;\n  --mat-sys-label-small-size: 0.688rem;\n  --mat-sys-label-small-tracking: 0.031rem;\n  --mat-sys-label-small-weight: 500;\n  --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n  --mat-sys-title-large-font: var(--app-font-family);\n  --mat-sys-title-large-line-height: 1.75rem;\n  --mat-sys-title-large-size: 1.375rem;\n  --mat-sys-title-large-tracking: 0;\n  --mat-sys-title-large-weight: 400;\n  --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-title-medium-font: var(--app-font-family);\n  --mat-sys-title-medium-line-height: 1.5rem;\n  --mat-sys-title-medium-size: 1rem;\n  --mat-sys-title-medium-tracking: 0.009rem;\n  --mat-sys-title-medium-weight: 500;\n  --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-title-small-font: var(--app-font-family);\n  --mat-sys-title-small-line-height: 1.25rem;\n  --mat-sys-title-small-size: 0.875rem;\n  --mat-sys-title-small-tracking: 0.006rem;\n  --mat-sys-title-small-weight: 500;\n  --mat-sys-corner-extra-large: 28px;\n  --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n  --mat-sys-corner-extra-small: 4px;\n  --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n  --mat-sys-corner-full: 9999px;\n  --mat-sys-corner-large: 16px;\n  --mat-sys-corner-large-end: 0 16px 16px 0;\n  --mat-sys-corner-large-start: 16px 0 0 16px;\n  --mat-sys-corner-large-top: 16px 16px 0 0;\n  --mat-sys-corner-medium: 12px;\n  --mat-sys-corner-none: 0;\n  --mat-sys-corner-small: 8px;\n  --mat-sys-dragged-state-layer-opacity: 0.16;\n  --mat-sys-focus-state-layer-opacity: 0.12;\n  --mat-sys-hover-state-layer-opacity: 0.08;\n  --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n.filing .mat-primary .mat-pseudo-checkbox-checked,\n.filing .mat-primary .mat-pseudo-checkbox-indeterminate {\n  background: transparent !important;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox {\n  width: 24px;\n  height: 24px;\n  flex-basis: 24px;\n  padding: 0;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n  width: 24px;\n  height: 24px;\n  border-radius: 6px;\n  top: 0;\n  left: 0;\n  border: 3px solid var(--filing-modal-color-grey);\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n  height: 20px;\n  width: 20px;\n  font-size: 20px;\n  top: 1px;\n  left: 1px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.filing .mat-mdc-checkbox[cardView] .mat-ripple {\n  display: none;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-label {\n  padding-left: 8px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-button__label {\n  line-height: 10px;\n}\n:host {\n  --filing-modal-color-grey: #444444;\n  --filing-modal-color-dark-blue: #485673;\n  --filing-modal-color-grey-mid: #A0A0A0;\n  --filing-modal-color-light-blue: #3778E4;\n  --filing-modal-color-black: #444444;\n}\nmat-icon {\n  font-family: "Material Icons" !important;\n  font-size: 20px;\n  height: 20px;\n  width: 20px;\n  line-height: 20px;\n}\nh1 {\n  font-size: 24px;\n  line-height: 28px;\n  font-weight: 700;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh2 {\n  font-size: 22px;\n  line-height: 26px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh3 {\n  font-size: 18px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin-top: 0;\n  margin-bottom: 0;\n}\nh4 {\n  font-size: 16px;\n  line-height: 22px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh4 {\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\n.body-1-regular {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-1-bold {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\n.body-1-semibold {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 600;\n  font-family: "Open Sans";\n}\n.body-2-regular {\n  line-height: 20px;\n  font-size: 12px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-2-bold {\n  line-height: 20px;\n  font-size: 12px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\n.body-3-regular {\n  line-height: 20px;\n  font-size: 16px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-4-regular {\n  line-height: 18px;\n  font-size: 18px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-4-bold {\n  line-height: 20px;\n  font-size: 20px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  margin: 0;\n}\n.black {\n  color: var(--filing-modal-color-black);\n}\n.grey {\n  color: var(--filing-modal-color-grey);\n}\n.dark-blue {\n  color: var(--filing-modal-color-dark-blue);\n}\n.grey-mid {\n  color: var(--filing-modal-color-grey-mid);\n}\n.light-blue {\n  color: var(--filing-modal-color-light-blue);\n}\n:host ::ng-deep {\n  --app-font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    "Helvetica Neue",\n    Helvetica,\n    Arial,\n    sans-serif;\n  --mat-sys-background: #faf9fd;\n  --mat-sys-error: #ba1a1a;\n  --mat-sys-error-container: #ffdad6;\n  --mat-sys-inverse-on-surface: #f2f0f4;\n  --mat-sys-inverse-primary: #abc7ff;\n  --mat-sys-inverse-surface: #2f3033;\n  --mat-sys-on-background: #1a1b1f;\n  --mat-sys-on-error: #ffffff;\n  --mat-sys-on-error-container: #93000a;\n  --mat-sys-on-primary: #ffffff;\n  --mat-sys-on-primary-container: #00458f;\n  --mat-sys-on-primary-fixed: #001b3f;\n  --mat-sys-on-primary-fixed-variant: #00458f;\n  --mat-sys-on-secondary: #ffffff;\n  --mat-sys-on-secondary-container: #3e4759;\n  --mat-sys-on-secondary-fixed: #131c2b;\n  --mat-sys-on-secondary-fixed-variant: #3e4759;\n  --mat-sys-on-surface: #1a1b1f;\n  --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n  --mat-sys-on-tertiary: #ffffff;\n  --mat-sys-on-tertiary-container: #0000ef;\n  --mat-sys-on-tertiary-fixed: #00006e;\n  --mat-sys-on-tertiary-fixed-variant: #0000ef;\n  --mat-sys-outline: #74777f;\n  --mat-sys-outline-variant: #c4c6d0;\n  --mat-sys-primary: #3778e4;\n  --mat-sys-primary-container: #d7e3ff;\n  --mat-sys-primary-fixed: #d7e3ff;\n  --mat-sys-primary-fixed-dim: #abc7ff;\n  --mat-sys-scrim: #000000;\n  --mat-sys-secondary: #565e71;\n  --mat-sys-secondary-container: #dae2f9;\n  --mat-sys-secondary-fixed: #dae2f9;\n  --mat-sys-secondary-fixed-dim: #bec6dc;\n  --mat-sys-shadow: #000000;\n  --mat-sys-surface: #faf9fd;\n  --mat-sys-surface-bright: #faf9fd;\n  --mat-sys-surface-container: #efedf0;\n  --mat-sys-surface-container-high: #e9e7eb;\n  --mat-sys-surface-container-highest: #e3e2e6;\n  --mat-sys-surface-container-low: #f4f3f6;\n  --mat-sys-surface-container-lowest: #ffffff;\n  --mat-sys-surface-dim: #dbd9dd;\n  --mat-sys-surface-tint: #005cbb;\n  --mat-sys-surface-variant: #e0e2ec;\n  --mat-sys-tertiary: #343dff;\n  --mat-sys-tertiary-container: #e0e0ff;\n  --mat-sys-tertiary-fixed: #e0e0ff;\n  --mat-sys-tertiary-fixed-dim: #bec2ff;\n  --mat-sys-neutral-variant20: #2d3038;\n  --mat-sys-neutral10: #1a1b1f;\n  --mdc-filled-button-container-height: 35px;\n  --mdc-outlined-button-container-height: 35px;\n  --mdc-text-button-label-text-color: #808090;\n  --mdc-filled-button-label-text-weight: 600;\n  --mdc-text-button-label-text-weight: 600;\n  --mdc-filled-button-container-shape: 4px;\n  --mdc-outlined-button-outline-color: none;\n  --mdc-outlined-button-container-shape: 6px;\n  --mat-sys-level0:\n    0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level1:\n    0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level2:\n    0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n    0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level3:\n    0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n    0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level4:\n    0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n    0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n    0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mat-sys-level5:\n    0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n    0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n    0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n  --mdc-outlined-button-label-text-size: 14px;\n  --mdc-filled-button-label-text-size: 14px;\n  --mdc-filled-text-field-label-text-size: 16px;\n  --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-body-large-font: var(--app-font-family);\n  --mat-sys-body-large-line-height: 1.5rem;\n  --mat-sys-body-large-size: 14px;\n  --mat-sys-body-large-tracking: 0.031rem;\n  --mat-sys-body-large-weight: 400;\n  --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-body-medium-font: var(--app-font-family);\n  --mat-sys-body-medium-line-height: 1.25rem;\n  --mat-sys-body-medium-size: 0.875rem;\n  --mat-sys-body-medium-tracking: 0.016rem;\n  --mat-sys-body-medium-weight: 400;\n  --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-body-small-font: var(--app-font-family);\n  --mat-sys-body-small-line-height: 1rem;\n  --mat-sys-body-small-size: 0.75rem;\n  --mat-sys-body-small-tracking: 0.025rem;\n  --mat-sys-body-small-weight: 400;\n  --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n  --mat-sys-display-large-font: var(--app-font-family);\n  --mat-sys-display-large-line-height: 4rem;\n  --mat-sys-display-large-size: 3.562rem;\n  --mat-sys-display-large-tracking: -0.016rem;\n  --mat-sys-display-large-weight: 400;\n  --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n  --mat-sys-display-medium-font: var(--app-font-family);\n  --mat-sys-display-medium-line-height: 3.25rem;\n  --mat-sys-display-medium-size: 2.812rem;\n  --mat-sys-display-medium-tracking: 0;\n  --mat-sys-display-medium-weight: 400;\n  --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n  --mat-sys-display-small-font: var(--app-font-family);\n  --mat-sys-display-small-line-height: 2.75rem;\n  --mat-sys-display-small-size: 2.25rem;\n  --mat-sys-display-small-tracking: 0;\n  --mat-sys-display-small-weight: 400;\n  --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n  --mat-sys-headline-large-font: var(--app-font-family);\n  --mat-sys-headline-large-line-height: 2.5rem;\n  --mat-sys-headline-large-size: 2rem;\n  --mat-sys-headline-large-tracking: 0;\n  --mat-sys-headline-large-weight: 400;\n  --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n  --mat-sys-headline-medium-font: var(--app-font-family);\n  --mat-sys-headline-medium-line-height: 2.25rem;\n  --mat-sys-headline-medium-size: 1.75rem;\n  --mat-sys-headline-medium-tracking: 0;\n  --mat-sys-headline-medium-weight: 400;\n  --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n  --mat-sys-headline-small-font: var(--app-font-family);\n  --mat-sys-headline-small-line-height: 2rem;\n  --mat-sys-headline-small-size: 1.5rem;\n  --mat-sys-headline-small-tracking: 0;\n  --mat-sys-headline-small-weight: 400;\n  --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-label-large-font: var(--app-font-family);\n  --mat-sys-label-large-line-height: 1.25rem;\n  --mat-sys-label-large-size: 0.875rem;\n  --mat-sys-label-large-tracking: 0.006rem;\n  --mat-sys-label-large-weight: 500;\n  --mat-sys-label-large-weight-prominent: 700;\n  --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-label-medium-font: var(--app-font-family);\n  --mat-sys-label-medium-line-height: 1rem;\n  --mat-sys-label-medium-size: 0.75rem;\n  --mat-sys-label-medium-tracking: 0.031rem;\n  --mat-sys-label-medium-weight: 500;\n  --mat-sys-label-medium-weight-prominent: 700;\n  --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n  --mat-sys-label-small-font: var(--app-font-family);\n  --mat-sys-label-small-line-height: 1rem;\n  --mat-sys-label-small-size: 0.688rem;\n  --mat-sys-label-small-tracking: 0.031rem;\n  --mat-sys-label-small-weight: 500;\n  --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n  --mat-sys-title-large-font: var(--app-font-family);\n  --mat-sys-title-large-line-height: 1.75rem;\n  --mat-sys-title-large-size: 1.375rem;\n  --mat-sys-title-large-tracking: 0;\n  --mat-sys-title-large-weight: 400;\n  --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-title-medium-font: var(--app-font-family);\n  --mat-sys-title-medium-line-height: 1.5rem;\n  --mat-sys-title-medium-size: 1rem;\n  --mat-sys-title-medium-tracking: 0.009rem;\n  --mat-sys-title-medium-weight: 500;\n  --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-title-small-font: var(--app-font-family);\n  --mat-sys-title-small-line-height: 1.25rem;\n  --mat-sys-title-small-size: 0.875rem;\n  --mat-sys-title-small-tracking: 0.006rem;\n  --mat-sys-title-small-weight: 500;\n  --mat-sys-corner-extra-large: 28px;\n  --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n  --mat-sys-corner-extra-small: 4px;\n  --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n  --mat-sys-corner-full: 9999px;\n  --mat-sys-corner-large: 16px;\n  --mat-sys-corner-large-end: 0 16px 16px 0;\n  --mat-sys-corner-large-start: 16px 0 0 16px;\n  --mat-sys-corner-large-top: 16px 16px 0 0;\n  --mat-sys-corner-medium: 12px;\n  --mat-sys-corner-none: 0;\n  --mat-sys-corner-small: 8px;\n  --mat-sys-dragged-state-layer-opacity: 0.16;\n  --mat-sys-focus-state-layer-opacity: 0.12;\n  --mat-sys-hover-state-layer-opacity: 0.08;\n  --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n:host ::ng-deep .mat-primary .mat-pseudo-checkbox-checked,\n:host ::ng-deep .mat-primary .mat-pseudo-checkbox-indeterminate {\n  background: transparent !important;\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-checkbox {\n  width: 24px;\n  height: 24px;\n  flex-basis: 24px;\n  padding: 0;\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n  width: 24px;\n  height: 24px;\n  border-radius: 6px;\n  top: 0;\n  left: 0;\n  border: 3px solid var(--filing-modal-color-grey);\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n  height: 20px;\n  width: 20px;\n  font-size: 20px;\n  top: 1px;\n  left: 1px;\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mat-ripple {\n  display: none;\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-label {\n  padding-left: 8px;\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-button__label {\n  line-height: 10px;\n}\n:host .add-documents-modal {\n  padding: 24px 0;\n  border: 2px solid #ededed;\n  border-radius: 16px;\n  width: 100%;\n  background: white;\n}\n:host .add-documents-modal-header {\n  padding: 0 24px;\n}\n:host .add-documents-modal-list {\n  display: flex;\n  flex-direction: column;\n  max-height: 300px;\n  overflow: auto;\n  padding: 24px;\n}\n:host .add-documents-modal-list-item {\n  display: flex;\n  align-items: center;\n  font-size: 18px;\n  cursor: pointer;\n  width: 100%;\n  -webkit-user-select: none;\n  user-select: none;\n}\n:host .add-documents-modal-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding-right: 16px;\n}\n::ng-deep .mat-mdc-dialog-surface {\n  background: transparent !important;\n  padding: 2px;\n  min-width: 660px;\n}\n/*# sourceMappingURL=select-modal.component.css.map */\n'] }]
         }], null, null);
       })();
@@ -83083,34 +83130,34 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             MatIcon
-          ], template: `<div class="documents">\r
-  <span class="body-1-regular">{{ 'Supporting documents relevant to the proposed name, including consent letters' | translate }}</span>\r
-\r
-  @let selectedDocuments = this.selectedDocuments();\r
-  @if (selectedDocuments.length) {\r
-    <div class="documents-list">\r
-      @for(document of selectedDocuments; track document) {\r
-        <div class="documents-list-item body-1-regular">\r
-          <mat-icon class="documents-list-item-document">description_outline</mat-icon>\r
-          <span class="body-1-regular">{{document}}</span>\r
-\r
-          @if (!readonly()) {\r
-            <div class="documents-list-icon-wrapper" (click)="removeDocument.emit(document)">\r
-              <mat-icon class="documents-list-item-close">close</mat-icon>\r
-            </div>\r
-          }\r
-\r
-        </div>\r
-      }\r
-    </div>\r
-  }\r
-\r
-  @if (!readonly()) {\r
-    <button mat-stroked-button class="outlined" (click)="onAddDocuments()">\r
-      <span class="body-1-semibold">{{ 'Add Supporting Documents' | translate }}</span>\r
-    </button>\r
-  }\r
-</div>\r
+          ], template: `<div class="documents">
+  <span class="body-1-regular">{{ 'Supporting documents relevant to the proposed name, including consent letters' | translate }}</span>
+
+  @let selectedDocuments = this.selectedDocuments();
+  @if (selectedDocuments.length) {
+    <div class="documents-list">
+      @for(document of selectedDocuments; track document) {
+        <div class="documents-list-item body-1-regular">
+          <mat-icon class="documents-list-item-document">description_outline</mat-icon>
+          <span class="body-1-regular">{{document}}</span>
+
+          @if (!readonly()) {
+            <div class="documents-list-icon-wrapper" (click)="removeDocument.emit(document)">
+              <mat-icon class="documents-list-item-close">close</mat-icon>
+            </div>
+          }
+
+        </div>
+      }
+    </div>
+  }
+
+  @if (!readonly()) {
+    <button mat-stroked-button class="outlined" (click)="onAddDocuments()">
+      <span class="body-1-semibold">{{ 'Add Supporting Documents' | translate }}</span>
+    </button>
+  }
+</div>
 `, styles: ["/* src/app/components/federal/components/documents/documents.component.scss */\n:host .documents {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 16px;\n}\n:host .documents-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-left: 16px;\n}\n:host .documents-list-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--filing-modal-color-grey);\n}\n:host .documents-list-item mat-icon {\n  color: var(--filing-modal-color-grey);\n  display: flex;\n  align-items: center;\n}\n:host .documents-list-item-document {\n  font-size: 24px;\n}\n:host .documents-list-item-close {\n  font-size: 18px;\n  height: 18px;\n  width: 18px;\n  line-height: 18px;\n}\n:host .documents-list-icon-wrapper {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 32px;\n}\n/*# sourceMappingURL=documents.component.css.map */\n"] }]
         }], null, null);
       })();
@@ -83856,124 +83903,124 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             TranslatePipe,
             ReactiveFormsModule,
             DatePipe
-          ], template: `<div class="incorporation-form">\r
-\r
-  @if (isNote()) {\r
-    <alert [type]="alertType.Info" title="Entity changed" content="A new draft needs to be generated as the Entity was changed since the last draft was produced."/>\r
-  }\r
-\r
-  @if (errors().length) {\r
-    <alert title="The following issues need to be resolved before proceeding:" [content]="errors()"/>\r
-  }\r
-\r
-  <div class="incorporation-form-content">\r
-    @let corporateName = getFormGroup(groups.CorporateName);\r
-\r
-    @if (corporateName) {\r
-      <expandable-card [isValid]="!corporateName.invalid" [isStatusIcon]="isStatusIcon()" [title]="groups.CorporateName">\r
-        <div class="incorporation-form-item">\r
-          <filing-form-group [isSubmitted]="isSubmitted()" [form]="corporateName" [config]="incorporationFields"/>\r
-\r
-          @if (isNonPreapprovedNameType() || selectedDocuments().length) {\r
-            <documents\r
-              [documents]="documents()"\r
-              [readonly]="isReadonly()"\r
-              [selectedDocuments]="selectedDocuments()"\r
-              (addDocuments)="addDocuments.emit($event)"\r
-              (removeDocument)="removeDocument.emit($event)"\r
-            />\r
-          }\r
-        </div>\r
-      </expandable-card>\r
-    }\r
-\r
-    @let articlesOfIncorporation = getFormGroup(groups.ArticlesOfIncorporation);\r
-\r
-    @if (articlesOfIncorporation) {\r
-      <expandable-card [isValid]="!articlesOfIncorporation.invalid" [isStatusIcon]="isStatusIcon()" [title]="groups.ArticlesOfIncorporation">\r
-        <div class="incorporation-form-item">\r
-          <span class="body-1-regular black" [innerHTML]="directorsSubtitle()"></span>\r
-\r
-          <filing-form-group [isSubmitted]="isSubmitted()" [form]="articlesOfIncorporation" [config]="articlesOfIncorporationFields"/>\r
-        <div>\r
-          <span class="body-1-semibold dark-blue">Incorporators</span>\r
-\r
-          <ul class="incorporators-list">\r
-            @for (incorporator of task()?._ext?._incorporators; track incorporator.affiliationID) {\r
-              <li class="body-1-regular grey">{{getIncorporatorName(incorporator)}}</li>\r
-            }\r
-\r
-          </ul>\r
-        </div>\r
-\r
-          <span class="body-1-regular grey">Effective Date: {{task()?._ext?._future_filing_date ? (task()!._ext!._future_filing_date | date:'yyyy-MM-dd') : (today | date:'yyyy-MM-dd')}}</span>\r
-\r
-        </div>\r
-\r
-      </expandable-card>\r
-    }\r
-\r
-    @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);\r
-\r
-    @if (registeredOfficeAddress) {\r
-      <expandable-card [isValid]="!registeredOfficeAddress.invalid" [isStatusIcon]="isStatusIcon()" [title]="groups.RegisteredOfficeAddress">\r
-        <div class="incorporation-form-item">\r
-          <filing-form-group [isSubmitted]="isSubmitted()" [form]="registeredOfficeAddress" [config]="registeredOfficeAddressFields"/>\r
-        </div>\r
-\r
-      </expandable-card>\r
-    }\r
-\r
-    @let directorsArray = getFormArray(groups.Directors);\r
-\r
-    @if (directorsArray) {\r
-      @let directorsFormArray = getFormArray(groups.Directors);\r
-      <expandable-list-card [isValid]="directorsFormArray.valid" [isSubmitted]="isSubmitted()" [isOpen]="directorsArray.length <= initiallyOpenCardsCount" [fields]="directorsFields" [formArray]="directorsFormArray" [title]="groups.Directors"/>\r
-    }\r
-\r
-    @let significantControl = getFormGroup(groups.SignificantControl);\r
-    @if (significantControl) {\r
-      @let individualsWithSignificantControlArray = getFormArray(groups.IndividualsWithSignificantControl);\r
-\r
-      @if (individualsWithSignificantControlArray) {\r
-        <expandable-list-card [isOpen]="individualsWithSignificantControlArray.length <= initiallyOpenCardsCount" [isValid]="individualsWithSignificantControlArray.valid &&  significantControl.valid" (remove)="onRemoveIndividualWithSignificantForm($event)" [removable]="!isReadonly()" [isSubmitted]="isSubmitted()" [isStatusIcon]="isStatusIcon()" [fields]="individualsWithSignificantControlFields" [formArray]="individualsWithSignificantControlArray" [title]="groups.IndividualsWithSignificantControl">\r
-          @if (!isReadonly() && isAddIndividualWithSignificantControlAvailable()) {\r
-            <button [disabled]="isAddIndividualWithSignificantControlDisabled()" slot="subtitle" mat-stroked-button mat-button (click)="addIndividualWithSignificantControl()">\r
-              <span class="body-1-semibold">{{ 'Add Individuals With Significant Control' | translate }}</span>\r
-            </button>\r
-          }\r
-\r
-          <div class="significant-control" slot="header-content">\r
-            <filing-form-group [isSubmitted]="isSubmitted()" [form]="significantControl" [config]="significantControlFields"/>\r
-          </div>\r
-        </expandable-list-card>\r
-      }\r
-    }\r
-\r
-    @let inviteDirectorToBeFullAccessManager = getFormGroup(groups.InviteDirectorToBeFullAccessManager);\r
-    @if (inviteDirectorToBeFullAccessManager) {\r
-      <expandable-card [isValid]="!inviteDirectorToBeFullAccessManager.invalid" [title]="groups.InviteDirectorToBeFullAccessManager">\r
-        <filing-form-group [isSubmitted]="isSubmitted()" [form]="inviteDirectorToBeFullAccessManager" [config]="federalFormationFormInviteDirectorsToBeManagersControl"/>\r
-      </expandable-card>\r
-    }\r
-\r
-    @let extraProvincialLicensesArray = getFormArray(groups.ExtraProvincialRegistrations);\r
-    @let extraProvincialLicensesControlsLength = extraProvincialLicensesArray?.length;\r
-\r
-    @if (extraProvincialLicensesControlsLength) {\r
-      <expandable-list-card [isOpen]="extraProvincialLicensesControlsLength === 1" [isValid]="extraProvincialLicensesArray.valid" [isSubmitted]="isSubmitted()" [isStatusIcon]="isStatusIcon()" [fields]="extraProvincialLicensesFields" [formArray]="extraProvincialLicensesArray" [title]="groups.ExtraProvincialRegistrations"/>\r
-    }\r
-\r
-    @let contactForm = getFormGroup(groups.Contact);\r
-    @if (contactForm) {\r
-      <expandable-card [isStatusIcon]="isStatusIcon()" [isValid]="!contactForm.invalid" [title]="groups.Contact">\r
-        <filing-form-group [isSubmitted]="isSubmitted()" [form]="contactForm" [config]="contactControl"/>\r
-      </expandable-card>\r
-    }\r
-\r
-    <ng-content></ng-content>\r
-  </div>\r
-</div>\r
+          ], template: `<div class="incorporation-form">
+
+  @if (isNote()) {
+    <alert [type]="alertType.Info" title="Entity changed" content="A new draft needs to be generated as the Entity was changed since the last draft was produced."/>
+  }
+
+  @if (errors().length) {
+    <alert title="The following issues need to be resolved before proceeding:" [content]="errors()"/>
+  }
+
+  <div class="incorporation-form-content">
+    @let corporateName = getFormGroup(groups.CorporateName);
+
+    @if (corporateName) {
+      <expandable-card [isValid]="!corporateName.invalid" [isStatusIcon]="isStatusIcon()" [title]="groups.CorporateName">
+        <div class="incorporation-form-item">
+          <filing-form-group [isSubmitted]="isSubmitted()" [form]="corporateName" [config]="incorporationFields"/>
+
+          @if (isNonPreapprovedNameType() || selectedDocuments().length) {
+            <documents
+              [documents]="documents()"
+              [readonly]="isReadonly()"
+              [selectedDocuments]="selectedDocuments()"
+              (addDocuments)="addDocuments.emit($event)"
+              (removeDocument)="removeDocument.emit($event)"
+            />
+          }
+        </div>
+      </expandable-card>
+    }
+
+    @let articlesOfIncorporation = getFormGroup(groups.ArticlesOfIncorporation);
+
+    @if (articlesOfIncorporation) {
+      <expandable-card [isValid]="!articlesOfIncorporation.invalid" [isStatusIcon]="isStatusIcon()" [title]="groups.ArticlesOfIncorporation">
+        <div class="incorporation-form-item">
+          <span class="body-1-regular black" [innerHTML]="directorsSubtitle()"></span>
+
+          <filing-form-group [isSubmitted]="isSubmitted()" [form]="articlesOfIncorporation" [config]="articlesOfIncorporationFields"/>
+        <div>
+          <span class="body-1-semibold dark-blue">Incorporators</span>
+
+          <ul class="incorporators-list">
+            @for (incorporator of task()?._ext?._incorporators; track incorporator.affiliationID) {
+              <li class="body-1-regular grey">{{getIncorporatorName(incorporator)}}</li>
+            }
+
+          </ul>
+        </div>
+
+          <span class="body-1-regular grey">Effective Date: {{task()?._ext?._future_filing_date ? (task()!._ext!._future_filing_date | date:'yyyy-MM-dd') : (today | date:'yyyy-MM-dd')}}</span>
+
+        </div>
+
+      </expandable-card>
+    }
+
+    @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);
+
+    @if (registeredOfficeAddress) {
+      <expandable-card [isValid]="!registeredOfficeAddress.invalid" [isStatusIcon]="isStatusIcon()" [title]="groups.RegisteredOfficeAddress">
+        <div class="incorporation-form-item">
+          <filing-form-group [isSubmitted]="isSubmitted()" [form]="registeredOfficeAddress" [config]="registeredOfficeAddressFields"/>
+        </div>
+
+      </expandable-card>
+    }
+
+    @let directorsArray = getFormArray(groups.Directors);
+
+    @if (directorsArray) {
+      @let directorsFormArray = getFormArray(groups.Directors);
+      <expandable-list-card [isValid]="directorsFormArray.valid" [isSubmitted]="isSubmitted()" [isOpen]="directorsArray.length <= initiallyOpenCardsCount" [fields]="directorsFields" [formArray]="directorsFormArray" [title]="groups.Directors"/>
+    }
+
+    @let significantControl = getFormGroup(groups.SignificantControl);
+    @if (significantControl) {
+      @let individualsWithSignificantControlArray = getFormArray(groups.IndividualsWithSignificantControl);
+
+      @if (individualsWithSignificantControlArray) {
+        <expandable-list-card [isOpen]="individualsWithSignificantControlArray.length <= initiallyOpenCardsCount" [isValid]="individualsWithSignificantControlArray.valid &&  significantControl.valid" (remove)="onRemoveIndividualWithSignificantForm($event)" [removable]="!isReadonly()" [isSubmitted]="isSubmitted()" [isStatusIcon]="isStatusIcon()" [fields]="individualsWithSignificantControlFields" [formArray]="individualsWithSignificantControlArray" [title]="groups.IndividualsWithSignificantControl">
+          @if (!isReadonly() && isAddIndividualWithSignificantControlAvailable()) {
+            <button [disabled]="isAddIndividualWithSignificantControlDisabled()" slot="subtitle" mat-stroked-button mat-button (click)="addIndividualWithSignificantControl()">
+              <span class="body-1-semibold">{{ 'Add Individuals With Significant Control' | translate }}</span>
+            </button>
+          }
+
+          <div class="significant-control" slot="header-content">
+            <filing-form-group [isSubmitted]="isSubmitted()" [form]="significantControl" [config]="significantControlFields"/>
+          </div>
+        </expandable-list-card>
+      }
+    }
+
+    @let inviteDirectorToBeFullAccessManager = getFormGroup(groups.InviteDirectorToBeFullAccessManager);
+    @if (inviteDirectorToBeFullAccessManager) {
+      <expandable-card [isValid]="!inviteDirectorToBeFullAccessManager.invalid" [title]="groups.InviteDirectorToBeFullAccessManager">
+        <filing-form-group [isSubmitted]="isSubmitted()" [form]="inviteDirectorToBeFullAccessManager" [config]="federalFormationFormInviteDirectorsToBeManagersControl"/>
+      </expandable-card>
+    }
+
+    @let extraProvincialLicensesArray = getFormArray(groups.ExtraProvincialRegistrations);
+    @let extraProvincialLicensesControlsLength = extraProvincialLicensesArray?.length;
+
+    @if (extraProvincialLicensesControlsLength) {
+      <expandable-list-card [isOpen]="extraProvincialLicensesControlsLength === 1" [isValid]="extraProvincialLicensesArray.valid" [isSubmitted]="isSubmitted()" [isStatusIcon]="isStatusIcon()" [fields]="extraProvincialLicensesFields" [formArray]="extraProvincialLicensesArray" [title]="groups.ExtraProvincialRegistrations"/>
+    }
+
+    @let contactForm = getFormGroup(groups.Contact);
+    @if (contactForm) {
+      <expandable-card [isStatusIcon]="isStatusIcon()" [isValid]="!contactForm.invalid" [title]="groups.Contact">
+        <filing-form-group [isSubmitted]="isSubmitted()" [form]="contactForm" [config]="contactControl"/>
+      </expandable-card>
+    }
+
+    <ng-content></ng-content>
+  </div>
+</div>
 `, styles: ["/* src/app/components/federal/incorporation/federal-incorporation-form/federal-incorporation-form.component.scss */\n:host {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n:host .incorporation-form {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .incorporation-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  overflow: auto;\n  min-height: 0;\n}\n:host .incorporation-form-item {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .incorporation-form .significant-control {\n  padding: 0 16px;\n}\n:host .incorporators-list {\n  margin: 8px;\n  padding-inline-start: 25px;\n}\n/*# sourceMappingURL=federal-incorporation-form.component.css.map */\n"] }]
         }], () => [], null);
       })();
@@ -84076,38 +84123,38 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             FederalIncorporationFormComponent
-          ], template: `<div class="incorporation-delta-form">\r
-  <federal-incorporation-form\r
-    class="incorporation-delta-form-content"\r
-    [form]="form()"\r
-    [task]="task()"\r
-    [errors]="errors()"\r
-    [isNote]="isNote()"\r
-    [isSubmitted]="submitted()"\r
-    [documents]="documents()"\r
-    [selectedDocuments]="selectedDocuments()"\r
-    (addDocuments)="addDocuments.emit($event)"\r
-    (removeDocument)="removeDocument.emit($event)"\r
-  />\r
-\r
-  <div class="incorporation-delta-form-actions">\r
-    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
-      <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
-    </button>\r
-    <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
-      <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
-    </button>\r
-    <button\r
-      class="submit"\r
-      color="primary"\r
-      mat-flat-button\r
-      [disabled]="actionsDisabled()"\r
-      (click)="onValidate()"\r
-    >\r
-      <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
-    </button>\r
-  </div>\r
-</div>\r
+          ], template: `<div class="incorporation-delta-form">
+  <federal-incorporation-form
+    class="incorporation-delta-form-content"
+    [form]="form()"
+    [task]="task()"
+    [errors]="errors()"
+    [isNote]="isNote()"
+    [isSubmitted]="submitted()"
+    [documents]="documents()"
+    [selectedDocuments]="selectedDocuments()"
+    (addDocuments)="addDocuments.emit($event)"
+    (removeDocument)="removeDocument.emit($event)"
+  />
+
+  <div class="incorporation-delta-form-actions">
+    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
+      <span class="body-1-semibold">{{ 'Close' | translate }}</span>
+    </button>
+    <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>
+      <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
+    </button>
+    <button
+      class="submit"
+      color="primary"
+      mat-flat-button
+      [disabled]="actionsDisabled()"
+      (click)="onValidate()"
+    >
+      <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
+    </button>
+  </div>
+</div>
 `, styles: ["/* src/app/components/federal/incorporation/steps/delta/federal-incorporation-delta-form.component.scss */\n:host .incorporation-delta-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .incorporation-delta-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  overflow: auto;\n}\n:host .incorporation-delta-form-item {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .incorporation-delta-form-errors {\n  padding: 0 16px;\n}\n:host .incorporation-delta-form-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n:host .incorporation-delta-form-actions button {\n  margin: 0;\n}\n:host .incorporation-delta-form-actions .submit {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n/*# sourceMappingURL=federal-incorporation-delta-form.component.css.map */\n"] }]
         }], null, null);
       })();
@@ -84226,39 +84273,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             FederalIncorporationFormComponent,
             ExpandableCardComponent,
             FilingFormGroupComponent
-          ], template: `<div class="incorporation-delta-form">\r
-    <federal-incorporation-form\r
-      class="incorporation-delta-form-content"\r
-      [form]="form()"\r
-      [task]="task()"\r
-      [errors]="errors()"\r
-      [selectedDocuments]="selectedDocuments()"\r
-      [isStatusIcon]="false"\r
-      [isReadonly]="true"\r
-    >\r
-      @let signatoryInformation = getFormGroup(groups.Signatory);\r
-\r
-      <expandable-card [isExpandable]="false">\r
-        <filing-form-group [isSubmitted]="true" [form]="signatoryInformation" [config]="signatoryFields"/>\r
-      </expandable-card>\r
-\r
-    </federal-incorporation-form>\r
-\r
-  <div class="incorporation-delta-form-actions">\r
-    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
-      <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
-    </button>\r
-    <button\r
-      class="submit"\r
-      color="primary"\r
-      mat-flat-button\r
-      [disabled]="actionsDisabled() || !getFormGroup(groups.Signatory).get(controls.Signatory)?.value"\r
-      (click)="file.emit()"\r
-    >\r
-      <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
-    </button>\r
-  </div>\r
-</div>\r
+          ], template: `<div class="incorporation-delta-form">
+    <federal-incorporation-form
+      class="incorporation-delta-form-content"
+      [form]="form()"
+      [task]="task()"
+      [errors]="errors()"
+      [selectedDocuments]="selectedDocuments()"
+      [isStatusIcon]="false"
+      [isReadonly]="true"
+    >
+      @let signatoryInformation = getFormGroup(groups.Signatory);
+
+      <expandable-card [isExpandable]="false">
+        <filing-form-group [isSubmitted]="true" [form]="signatoryInformation" [config]="signatoryFields"/>
+      </expandable-card>
+
+    </federal-incorporation-form>
+
+  <div class="incorporation-delta-form-actions">
+    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
+      <span class="body-1-semibold">{{ 'Close' | translate }}</span>
+    </button>
+    <button
+      class="submit"
+      color="primary"
+      mat-flat-button
+      [disabled]="actionsDisabled() || !getFormGroup(groups.Signatory).get(controls.Signatory)?.value"
+      (click)="file.emit()"
+    >
+      <span class="body-1-semibold">{{ 'File' | translate }}</span>
+    </button>
+  </div>
+</div>
 `, styles: ["/* src/app/components/federal/incorporation/steps/preview/federal-incorporation-preview-form.component.scss */\n:host .incorporation-delta-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .incorporation-delta-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  overflow: auto;\n}\n:host .incorporation-delta-form-item {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .incorporation-delta-form-errors {\n  padding: 0 16px;\n}\n:host .incorporation-delta-form-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n:host .incorporation-delta-form-actions button {\n  margin: 0;\n}\n/*# sourceMappingURL=federal-incorporation-preview-form.component.css.map */\n"] }]
         }], () => [], null);
       })();
@@ -84837,104 +84884,104 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             ReactiveFormsModule,
             MatButton,
             TranslatePipe
-          ], template: `<div class="federal-update-maintain-form">\r
-  @if (isNote()) {\r
-    <alert [type]="alertType.Info" title="Entity changed"\r
-           content="A new draft needs to be generated as the Entity was changed since the last draft was produced."/>\r
-  }\r
-\r
-  @if (errors().length) {\r
-    <alert title="The following issues need to be resolved before proceeding:" [content]="errors()"/>\r
-  }\r
-\r
-  <div class="federal-update-maintain-form-content">\r
-    @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
-    @if (corporationDetails) {\r
-      <expandable-card [isValid]="!corporationDetails.invalid" [title]="groups.CorporationDetails">\r
-        <filing-form-group\r
-          [isSubmitted]="isSubmitted()"\r
-          [form]="corporationDetails"\r
-          [config]="corporationDetailsFields"\r
-        />\r
-      </expandable-card>\r
-    }\r
-\r
-    @let directorsArray = getFormArray(groups.Directors);\r
-    @if (directorsArray) {\r
-      <expandable-list-card\r
-        [isOpen]="true"\r
-        [isValid]="directorsArray.valid"\r
-        [isSubmitted]="isSubmitted()"\r
-        [fields]="directorsFields"\r
-        [formArray]="directorsArray"\r
-        [labelKey]="controls.AffiliationName"\r
-        [title]="groups.Directors"\r
-      />\r
-    }\r
-\r
-    @let annualReturn = getFormGroup(groups.AnnualReturn);\r
-    @if (annualReturn) {\r
-      <expandable-card [isValid]="!annualReturn.invalid" [title]="groups.AnnualReturn">\r
-        <filing-form-group\r
-          [isSubmitted]="isSubmitted()"\r
-          [form]="annualReturn"\r
-          [config]="annualReturnFields"\r
-        />\r
-      </expandable-card>\r
-    }\r
-\r
-    @let significantControl = getFormGroup(groups.SignificantControl);\r
-    @if (significantControl) {\r
-      @let individualsArray = getFormArray(groups.IndividualsWithSignificantControl);\r
-      @if (individualsArray) {\r
-        <expandable-list-card\r
-          [isOpen]="isIndividualsWithSignificantControlOpen()"\r
-          [isValid]="individualsArray.valid && significantControl.valid"\r
-          [isSubmitted]="isSubmitted()"\r
-          [isStatusIcon]="true"\r
-          [removable]="!readonly()"\r
-          [fields]="individualsWithSignificantControlFields()"\r
-          [formArray]="individualsArray"\r
-          [labelKey]="controls.AffiliationName"\r
-          [title]="groups.IndividualsWithSignificantControl"\r
-          (remove)="onRemoveIndividualWithSignificantForm($event)"\r
-        >\r
-          @if (!readonly() && isAddIndividualWithSignificantControlAvailable()) {\r
-            <button\r
-              [disabled]="isAddIndividualWithSignificantControlDisabled()"\r
-              slot="subtitle"\r
-              mat-stroked-button\r
-              mat-button\r
-              (click)="addIndividualWithSignificantControl()"\r
-            >\r
-              <span class="body-1-semibold">{{ 'Add Individuals With Significant Control' | translate }}</span>\r
-            </button>\r
-          }\r
-\r
-          <div class="card-header-content" slot="header-content">\r
-            <filing-form-group\r
-              [isSubmitted]="isSubmitted()"\r
-              [form]="significantControl"\r
-              [config]="significantControlFields"\r
-            />\r
-          </div>\r
-        </expandable-list-card>\r
-      }\r
-    }\r
-\r
-    @let contact = getFormGroup(groups.Contact);\r
-    @if (contact) {\r
-      <expandable-card [isStatusIcon]="!readonly()" [isValid]="!contact.invalid" [title]="groups.Contact">\r
-        <filing-form-group\r
-          [isSubmitted]="isSubmitted()"\r
-          [form]="contact"\r
-          [config]="contactControl()"\r
-        />\r
-      </expandable-card>\r
-    }\r
-  </div>\r
-</div>\r
-\r
+          ], template: `<div class="federal-update-maintain-form">
+  @if (isNote()) {
+    <alert [type]="alertType.Info" title="Entity changed"
+           content="A new draft needs to be generated as the Entity was changed since the last draft was produced."/>
+  }
+
+  @if (errors().length) {
+    <alert title="The following issues need to be resolved before proceeding:" [content]="errors()"/>
+  }
+
+  <div class="federal-update-maintain-form-content">
+    @let corporationDetails = getFormGroup(groups.CorporationDetails);
+    @if (corporationDetails) {
+      <expandable-card [isValid]="!corporationDetails.invalid" [title]="groups.CorporationDetails">
+        <filing-form-group
+          [isSubmitted]="isSubmitted()"
+          [form]="corporationDetails"
+          [config]="corporationDetailsFields"
+        />
+      </expandable-card>
+    }
+
+    @let directorsArray = getFormArray(groups.Directors);
+    @if (directorsArray) {
+      <expandable-list-card
+        [isOpen]="true"
+        [isValid]="directorsArray.valid"
+        [isSubmitted]="isSubmitted()"
+        [fields]="directorsFields"
+        [formArray]="directorsArray"
+        [labelKey]="controls.AffiliationName"
+        [title]="groups.Directors"
+      />
+    }
+
+    @let annualReturn = getFormGroup(groups.AnnualReturn);
+    @if (annualReturn) {
+      <expandable-card [isValid]="!annualReturn.invalid" [title]="groups.AnnualReturn">
+        <filing-form-group
+          [isSubmitted]="isSubmitted()"
+          [form]="annualReturn"
+          [config]="annualReturnFields"
+        />
+      </expandable-card>
+    }
+
+    @let significantControl = getFormGroup(groups.SignificantControl);
+    @if (significantControl) {
+      @let individualsArray = getFormArray(groups.IndividualsWithSignificantControl);
+      @if (individualsArray) {
+        <expandable-list-card
+          [isOpen]="isIndividualsWithSignificantControlOpen()"
+          [isValid]="individualsArray.valid && significantControl.valid"
+          [isSubmitted]="isSubmitted()"
+          [isStatusIcon]="true"
+          [removable]="!readonly()"
+          [fields]="individualsWithSignificantControlFields()"
+          [formArray]="individualsArray"
+          [labelKey]="controls.AffiliationName"
+          [title]="groups.IndividualsWithSignificantControl"
+          (remove)="onRemoveIndividualWithSignificantForm($event)"
+        >
+          @if (!readonly() && isAddIndividualWithSignificantControlAvailable()) {
+            <button
+              [disabled]="isAddIndividualWithSignificantControlDisabled()"
+              slot="subtitle"
+              mat-stroked-button
+              mat-button
+              (click)="addIndividualWithSignificantControl()"
+            >
+              <span class="body-1-semibold">{{ 'Add Individuals With Significant Control' | translate }}</span>
+            </button>
+          }
+
+          <div class="card-header-content" slot="header-content">
+            <filing-form-group
+              [isSubmitted]="isSubmitted()"
+              [form]="significantControl"
+              [config]="significantControlFields"
+            />
+          </div>
+        </expandable-list-card>
+      }
+    }
+
+    @let contact = getFormGroup(groups.Contact);
+    @if (contact) {
+      <expandable-card [isStatusIcon]="!readonly()" [isValid]="!contact.invalid" [title]="groups.Contact">
+        <filing-form-group
+          [isSubmitted]="isSubmitted()"
+          [form]="contact"
+          [config]="contactControl()"
+        />
+      </expandable-card>
+    }
+  </div>
+</div>
+
 `, styles: ["/* src/app/components/federal/update-maintain/update-maintain-form/update-maintain-form.component.scss */\n:host .federal-update-maintain-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n  overflow-y: auto;\n}\n:host .federal-update-maintain-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n:host .card-header-content {\n  padding: 0 16px;\n}\n/*# sourceMappingURL=update-maintain-form.component.css.map */\n"] }]
         }], () => [], null);
       })();
@@ -85028,36 +85075,36 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             FederalUpdateMaintainFormComponent
-          ], template: `<div class="federal-update-maintain-delta-form">\r
-  <federal-update-maintain-form\r
-    class="federal-update-maintain-delta-form-content"\r
-    [form]="form()"\r
-    [task]="task()"\r
-    [errors]="errors()"\r
-    [isNote]="isNote()"\r
-    [isSubmitted]="submitted()"\r
-    [readonly]="false"\r
-  />\r
-\r
-  <div class="federal-update-maintain-delta-form-actions">\r
-    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
-      <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
-    </button>\r
-    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="save.emit()">\r
-      <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
-    </button>\r
-    <button\r
-      class="submit"\r
-      color="primary"\r
-      mat-flat-button\r
-      [disabled]="actionsDisabled()"\r
-      (click)="onValidate()"\r
-    >\r
-      <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
-    </button>\r
-  </div>\r
-</div>\r
-\r
+          ], template: `<div class="federal-update-maintain-delta-form">
+  <federal-update-maintain-form
+    class="federal-update-maintain-delta-form-content"
+    [form]="form()"
+    [task]="task()"
+    [errors]="errors()"
+    [isNote]="isNote()"
+    [isSubmitted]="submitted()"
+    [readonly]="false"
+  />
+
+  <div class="federal-update-maintain-delta-form-actions">
+    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
+      <span class="body-1-semibold">{{ 'Close' | translate }}</span>
+    </button>
+    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="save.emit()">
+      <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
+    </button>
+    <button
+      class="submit"
+      color="primary"
+      mat-flat-button
+      [disabled]="actionsDisabled()"
+      (click)="onValidate()"
+    >
+      <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
+    </button>
+  </div>
+</div>
+
 `, styles: ["/* src/app/components/federal/update-maintain/steps/delta/update-maintain-delta-form.component.scss */\n:host .federal-update-maintain-delta-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .federal-update-maintain-delta-form-content {\n  flex: 1;\n  min-height: 0;\n}\n:host .federal-update-maintain-delta-form-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n:host .federal-update-maintain-delta-form-actions button {\n  margin: 0;\n}\n:host .federal-update-maintain-delta-form-actions .submit {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n/*# sourceMappingURL=update-maintain-delta-form.component.css.map */\n"] }]
         }], null, null);
       })();
@@ -85132,32 +85179,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             FederalUpdateMaintainFormComponent
-          ], template: `<div class="federal-update-maintain-preview-form">\r
-  <federal-update-maintain-form\r
-    class="federal-update-maintain-preview-form-content"\r
-    [form]="form()"\r
-    [task]="task()"\r
-    [errors]="errors()"\r
-    [isSubmitted]="false"\r
-    [readonly]="true"\r
-  />\r
-\r
-  <div class="federal-update-maintain-preview-form-actions">\r
-    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
-      <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
-    </button>\r
-    <button\r
-      class="submit"\r
-      color="primary"\r
-      mat-flat-button\r
-      [disabled]="actionsDisabled()"\r
-      (click)="file.emit()"\r
-    >\r
-      <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
-    </button>\r
-  </div>\r
-</div>\r
-\r
+          ], template: `<div class="federal-update-maintain-preview-form">
+  <federal-update-maintain-form
+    class="federal-update-maintain-preview-form-content"
+    [form]="form()"
+    [task]="task()"
+    [errors]="errors()"
+    [isSubmitted]="false"
+    [readonly]="true"
+  />
+
+  <div class="federal-update-maintain-preview-form-actions">
+    <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
+      <span class="body-1-semibold">{{ 'Close' | translate }}</span>
+    </button>
+    <button
+      class="submit"
+      color="primary"
+      mat-flat-button
+      [disabled]="actionsDisabled()"
+      (click)="file.emit()"
+    >
+      <span class="body-1-semibold">{{ 'File' | translate }}</span>
+    </button>
+  </div>
+</div>
+
 `, styles: ["/* src/app/components/federal/update-maintain/steps/preview/update-maintain-preview-form.component.scss */\n:host .federal-update-maintain-preview-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .federal-update-maintain-preview-form-content {\n  flex: 1;\n  min-height: 0;\n}\n:host .federal-update-maintain-preview-form-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n:host .federal-update-maintain-preview-form-actions button {\n  margin: 0;\n}\n:host .federal-update-maintain-preview-form-actions .submit {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n/*# sourceMappingURL=update-maintain-preview-form.component.css.map */\n"] }]
         }], null, null);
       })();
@@ -85578,7 +85625,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             FederalIncorporationPreviewFormComponent,
             FederalUpdateMaintainDeltaFormComponent,
             FederalUpdateMaintainPreviewFormComponent
-          ], template: '@let currentTask = task();\r\n\r\n@if (currentTask) {\r\n  @if (isFormationTask(currentTask)) {\r\n    @if (activeStep() === steps.Validate) {\r\n      <federal-incorporation-delta-form\r\n        [documents]="documents"\r\n        [selectedDocuments]="selectedDocuments()"\r\n        (addDocuments)="onAddDocuments($event)"\r\n        (removeDocument)="onRemoveDocument($event)"\r\n        (close)="onClose()"\r\n        (validate)="onValidate()"\r\n        (save)="onSave()"\r\n        [task]="currentTask"\r\n        [errors]="errors()"\r\n        [actionsDisabled]="actionsDisabled()"\r\n        [isNote]="isNote()"\r\n        [form]="deltaForm()"\r\n      />\r\n\r\n    } @else if (activeStep() === steps.FilingPreview) {\r\n      <federal-incorporation-preview-form (close)="close.emit()" (file)="onFile()" [task]="currentTask"\r\n                                          [errors]="errors()"\r\n                                          [actionsDisabled]="actionsDisabled()" [form]="previewForm()"\r\n                                          [selectedDocuments]="selectedDocuments()"/>\r\n    }\r\n  }\r\n\r\n  @if (isUpdateMaintainTask(currentTask)) {\r\n    @if (activeStep() === steps.Validate) {\r\n      <federal-update-maintain-delta-form\r\n        [task]="$any(currentTask)"\r\n        [form]="umDeltaForm()"\r\n        [actionsDisabled]="actionsDisabled()"\r\n        [errors]="errors()"\r\n        [isNote]="isNote()"\r\n        (validate)="onUmValidate()"\r\n        (close)="onClose()"\r\n        (save)="onUmSave()"\r\n      />\r\n    }\r\n\r\n    @if (activeStep() === steps.FilingPreview) {\r\n      <federal-update-maintain-preview-form\r\n        [task]="$any(currentTask)"\r\n        [form]="umPreviewForm()"\r\n        [actionsDisabled]="actionsDisabled()"\r\n        [errors]="errors()"\r\n        (close)="close.emit()"\r\n        (file)="onUmSubmit()"\r\n      />\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n', styles: ["/* src/app/components/federal/federal.component.scss */\n:host .federal {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n/*# sourceMappingURL=federal.component.css.map */\n"] }]
+          ], template: '@let currentTask = task();\n\n@if (currentTask) {\n  @if (isFormationTask(currentTask)) {\n    @if (activeStep() === steps.Validate) {\n      <federal-incorporation-delta-form\n        [documents]="documents"\n        [selectedDocuments]="selectedDocuments()"\n        (addDocuments)="onAddDocuments($event)"\n        (removeDocument)="onRemoveDocument($event)"\n        (close)="onClose()"\n        (validate)="onValidate()"\n        (save)="onSave()"\n        [task]="currentTask"\n        [errors]="errors()"\n        [actionsDisabled]="actionsDisabled()"\n        [isNote]="isNote()"\n        [form]="deltaForm()"\n      />\n\n    } @else if (activeStep() === steps.FilingPreview) {\n      <federal-incorporation-preview-form (close)="close.emit()" (file)="onFile()" [task]="currentTask"\n                                          [errors]="errors()"\n                                          [actionsDisabled]="actionsDisabled()" [form]="previewForm()"\n                                          [selectedDocuments]="selectedDocuments()"/>\n    }\n  }\n\n  @if (isUpdateMaintainTask(currentTask)) {\n    @if (activeStep() === steps.Validate) {\n      <federal-update-maintain-delta-form\n        [task]="$any(currentTask)"\n        [form]="umDeltaForm()"\n        [actionsDisabled]="actionsDisabled()"\n        [errors]="errors()"\n        [isNote]="isNote()"\n        (validate)="onUmValidate()"\n        (close)="onClose()"\n        (save)="onUmSave()"\n      />\n    }\n\n    @if (activeStep() === steps.FilingPreview) {\n      <federal-update-maintain-preview-form\n        [task]="$any(currentTask)"\n        [form]="umPreviewForm()"\n        [actionsDisabled]="actionsDisabled()"\n        [errors]="errors()"\n        (close)="close.emit()"\n        (file)="onUmSubmit()"\n      />\n    }\n  }\n}\n\n\n\n\n\n', styles: ["/* src/app/components/federal/federal.component.scss */\n:host .federal {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n/*# sourceMappingURL=federal.component.css.map */\n"] }]
         }], () => [], null);
       })();
       (() => {
@@ -87218,10 +87265,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           }
           return false;
         });
-        editSectionHeight = 51;
+        editSectionHeight = "51px";
         modalHeight = computed(() => {
-          const height = parseInt(this.height(), 10);
-          return `${this.isEditButton() ? height - this.editSectionHeight : height}px`;
+          const height = this.height();
+          return this.isEditButton() ? `calc(${height} - ${this.editSectionHeight})` : height;
         });
         dataWasChanged = signal(false);
         steps = Step;
@@ -87705,73 +87752,73 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatIcon,
             FederalComponent,
             OntarioComponent
-          ], encapsulation: ViewEncapsulation.ShadowDom, template: `<div [style.height]="modalHeight()" class="filing">\r
-  <div class="filing-title">\r
-    <h1 class="filing-title-text">{{title() | translate}}</h1>\r
-    <mat-icon (click)="onClose()" class="filing-title-action">close</mat-icon>\r
-  </div>\r
-\r
-  @if (isEditButton()) {\r
-  <div class="filing-header">\r
-      <button\r
-        mat-stroked-button\r
-        [disabled]="isLoading()"\r
-        (click)="onEditClick()"\r
-      >\r
-        {{ 'Edit' | translate }}\r
-      </button>\r
-  </div>\r
-  }\r
-\r
-  <div [class.edit]="isEditButton()" class="filing-content">\r
-    @let currentTask = task();\r
-\r
-    @if (currentTask) {\r
-      @if (isOntarioTask(currentTask)) {\r
-        <ontario\r
-          [task]="currentTask"\r
-          [activeStep]="activeStep()"\r
-          [isNote]="dataWasChanged()"\r
-          [actionsDisabled]="isLoading()"\r
-          [errors]="errors()"\r
-          [prevData]="prevData()"\r
-          (close)="close.emit()"\r
-          (formationValidate)="onOntarioFormationValidate($event)"\r
-          (saveFormationDeltaData)="deltaDataChange.emit($event)"\r
-          (formationSubmit)="onOntarioFormationSubmit()"\r
-          (nextStep)="onNextStepClick()"\r
-          (prevStep)="onOntarioPrevStep()"\r
-          [irValidationConfig]="validationConfig()"\r
-          (irValidate)="validateAndFileInitialReturnTask($event)"\r
-          (saveIrDeltaData)="deltaDataChange.emit($event)"\r
-          (irSubmit)="onInitialReturnSubmit()"\r
-        />\r
-      } @else {\r
-        <federal\r
-          [actionsDisabled]="isLoading()"\r
-          [isNote]="dataWasChanged()"\r
-          [activeStep]="activeStep()"\r
-          [task]="currentTask"\r
-          [errors]="errors()"\r
-          (close)="close.emit()"\r
-          (deltaDataChange)="deltaDataChange.emit($event)"\r
-          (file)="onFederalFormationSubmit()"\r
-          (validate)="onFederalValidate($event)"\r
-          (umSave)="onFederalUpdateMaintainSave($event)"\r
-          (umValidate)="onFederalUpdateMaintainValidate($event)"\r
-          (umSubmit)="onFederalUpdateMaintainSubmit()"\r
-          (nextStep)="defineInitialStep()"\r
-        />\r
-      }\r
-    }\r
-\r
-    @if (isLoading()) {\r
-      <div class="filing-content-loading">\r
-        <mat-spinner [diameter]="40" />\r
-      </div>\r
-    }\r
-  </div>\r
-</div>\r
+          ], encapsulation: ViewEncapsulation.ShadowDom, template: `<div [style.height]="modalHeight()" class="filing">
+  <div class="filing-title">
+    <h1 class="filing-title-text">{{title() | translate}}</h1>
+    <mat-icon (click)="onClose()" class="filing-title-action">close</mat-icon>
+  </div>
+
+  @if (isEditButton()) {
+  <div class="filing-header">
+      <button
+        mat-stroked-button
+        [disabled]="isLoading()"
+        (click)="onEditClick()"
+      >
+        {{ 'Edit' | translate }}
+      </button>
+  </div>
+  }
+
+  <div [class.edit]="isEditButton()" class="filing-content">
+    @let currentTask = task();
+
+    @if (currentTask) {
+      @if (isOntarioTask(currentTask)) {
+        <ontario
+          [task]="currentTask"
+          [activeStep]="activeStep()"
+          [isNote]="dataWasChanged()"
+          [actionsDisabled]="isLoading()"
+          [errors]="errors()"
+          [prevData]="prevData()"
+          (close)="close.emit()"
+          (formationValidate)="onOntarioFormationValidate($event)"
+          (saveFormationDeltaData)="deltaDataChange.emit($event)"
+          (formationSubmit)="onOntarioFormationSubmit()"
+          (nextStep)="onNextStepClick()"
+          (prevStep)="onOntarioPrevStep()"
+          [irValidationConfig]="validationConfig()"
+          (irValidate)="validateAndFileInitialReturnTask($event)"
+          (saveIrDeltaData)="deltaDataChange.emit($event)"
+          (irSubmit)="onInitialReturnSubmit()"
+        />
+      } @else {
+        <federal
+          [actionsDisabled]="isLoading()"
+          [isNote]="dataWasChanged()"
+          [activeStep]="activeStep()"
+          [task]="currentTask"
+          [errors]="errors()"
+          (close)="close.emit()"
+          (deltaDataChange)="deltaDataChange.emit($event)"
+          (file)="onFederalFormationSubmit()"
+          (validate)="onFederalValidate($event)"
+          (umSave)="onFederalUpdateMaintainSave($event)"
+          (umValidate)="onFederalUpdateMaintainValidate($event)"
+          (umSubmit)="onFederalUpdateMaintainSubmit()"
+          (nextStep)="defineInitialStep()"
+        />
+      }
+    }
+
+    @if (isLoading()) {
+      <div class="filing-content-loading">
+        <mat-spinner [diameter]="40" />
+      </div>
+    }
+  </div>
+</div>
 `, styles: ["/* src/app/components/filing/filing.component.scss */\n:host .filing {\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .filing-title {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n:host .filing-title-text {\n  color: #666666;\n}\n:host .filing-title-action {\n  cursor: pointer;\n}\n:host .filing-header {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n}\n:host .filing-content {\n  height: calc(100% - 44px);\n}\n:host .filing-content.edit {\n  height: calc(100% - 95px);\n}\n:host .filing-content-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  background: transparent;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n.pointer {\n  cursor: pointer;\n}\n/*# sourceMappingURL=filing.component.css.map */\n", '/* src/app/components/filing/typography.scss */\n:host {\n  --filing-modal-color-grey: #444444;\n  --filing-modal-color-dark-blue: #485673;\n  --filing-modal-color-grey-mid: #A0A0A0;\n  --filing-modal-color-light-blue: #3778E4;\n  --filing-modal-color-black: #444444;\n}\nmat-icon {\n  font-family: "Material Icons" !important;\n  font-size: 20px;\n  height: 20px;\n  width: 20px;\n  line-height: 20px;\n}\nh1 {\n  font-size: 24px;\n  line-height: 28px;\n  font-weight: 700;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh2 {\n  font-size: 22px;\n  line-height: 26px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh3 {\n  font-size: 18px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin-top: 0;\n  margin-bottom: 0;\n}\nh4 {\n  font-size: 16px;\n  line-height: 22px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\nh4 {\n  font-size: 16px;\n  line-height: 20px;\n  font-weight: 600;\n  font-family: "Open Sans";\n  margin: 0;\n}\n.body-1-regular {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-1-bold {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\n.body-1-semibold {\n  line-height: 20px;\n  font-size: 14px !important;\n  font-weight: 600;\n  font-family: "Open Sans";\n}\n.body-2-regular {\n  line-height: 20px;\n  font-size: 12px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-2-bold {\n  line-height: 20px;\n  font-size: 12px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\n.body-3-regular {\n  line-height: 20px;\n  font-size: 16px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-4-regular {\n  line-height: 18px;\n  font-size: 18px !important;\n  font-weight: 400;\n  font-family: "Open Sans";\n}\n.body-4-bold {\n  line-height: 20px;\n  font-size: 20px !important;\n  font-weight: 700;\n  font-family: "Open Sans";\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n  margin: 0;\n}\n.black {\n  color: var(--filing-modal-color-black);\n}\n.grey {\n  color: var(--filing-modal-color-grey);\n}\n.dark-blue {\n  color: var(--filing-modal-color-dark-blue);\n}\n.grey-mid {\n  color: var(--filing-modal-color-grey-mid);\n}\n.light-blue {\n  color: var(--filing-modal-color-light-blue);\n}\n/*# sourceMappingURL=typography.css.map */\n', '/* src/app/components/filing/material-theme.scss */\n.filling {\n  height: 100%;\n  overflow: hidden;\n}\n* {\n  box-sizing: border-box;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n}\n.filling {\n  margin: 0;\n  font-family: "Helvetica Neue", sans-serif;\n}\n.filing {\n  --app-font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    "Helvetica Neue",\n    Helvetica,\n    Arial,\n    sans-serif;\n  --mat-sys-background: #faf9fd;\n  --mat-sys-error: #ba1a1a;\n  --mat-sys-error-container: #ffdad6;\n  --mat-sys-inverse-on-surface: #f2f0f4;\n  --mat-sys-inverse-primary: #abc7ff;\n  --mat-sys-inverse-surface: #2f3033;\n  --mat-sys-on-background: #1a1b1f;\n  --mat-sys-on-error: #ffffff;\n  --mat-sys-on-error-container: #93000a;\n  --mat-sys-on-primary: #ffffff;\n  --mat-sys-on-primary-container: #00458f;\n  --mat-sys-on-primary-fixed: #001b3f;\n  --mat-sys-on-primary-fixed-variant: #00458f;\n  --mat-sys-on-secondary: #ffffff;\n  --mat-sys-on-secondary-container: #3e4759;\n  --mat-sys-on-secondary-fixed: #131c2b;\n  --mat-sys-on-secondary-fixed-variant: #3e4759;\n  --mat-sys-on-surface: #1a1b1f;\n  --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n  --mat-sys-on-tertiary: #ffffff;\n  --mat-sys-on-tertiary-container: #0000ef;\n  --mat-sys-on-tertiary-fixed: #00006e;\n  --mat-sys-on-tertiary-fixed-variant: #0000ef;\n  --mat-sys-outline: #74777f;\n  --mat-sys-outline-variant: #c4c6d0;\n  --mat-sys-primary: #3778e4;\n  --mat-sys-primary-container: #d7e3ff;\n  --mat-sys-primary-fixed: #d7e3ff;\n  --mat-sys-primary-fixed-dim: #abc7ff;\n  --mat-sys-scrim: #000000;\n  --mat-sys-secondary: #565e71;\n  --mat-sys-secondary-container: #dae2f9;\n  --mat-sys-secondary-fixed: #dae2f9;\n  --mat-sys-secondary-fixed-dim: #bec6dc;\n  --mat-sys-shadow: #000000;\n  --mat-sys-surface: #faf9fd;\n  --mat-sys-surface-bright: #faf9fd;\n  --mat-sys-surface-container: #efedf0;\n  --mat-sys-surface-container-high: #e9e7eb;\n  --mat-sys-surface-container-highest: #e3e2e6;\n  --mat-sys-surface-container-low: #f4f3f6;\n  --mat-sys-surface-container-lowest: #ffffff;\n  --mat-sys-surface-dim: #dbd9dd;\n  --mat-sys-surface-tint: #005cbb;\n  --mat-sys-surface-variant: #e0e2ec;\n  --mat-sys-tertiary: #343dff;\n  --mat-sys-tertiary-container: #e0e0ff;\n  --mat-sys-tertiary-fixed: #e0e0ff;\n  --mat-sys-tertiary-fixed-dim: #bec2ff;\n  --mat-sys-neutral-variant20: #2d3038;\n  --mat-sys-neutral10: #1a1b1f;\n  --mdc-filled-button-container-height: 35px;\n  --mdc-outlined-button-container-height: 35px;\n  --mdc-text-button-label-text-color: #808090;\n  --mdc-filled-button-label-text-weight: 600;\n  --mdc-text-button-label-text-weight: 600;\n  --mdc-filled-button-container-shape: 4px;\n  --mdc-outlined-button-outline-color: none;\n  --mdc-outlined-button-container-shape: 6px;\n  --mat-sys-level0:\n    0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level1:\n    0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level2:\n    0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n    0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level3:\n    0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n    0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n  --mat-sys-level4:\n    0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n    0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n    0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n  --mat-sys-level5:\n    0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n    0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n    0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n  --mdc-outlined-button-label-text-size: 14px;\n  --mdc-filled-button-label-text-size: 14px;\n  --mdc-filled-text-field-label-text-size: 16px;\n  --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-body-large-font: var(--app-font-family);\n  --mat-sys-body-large-line-height: 1.5rem;\n  --mat-sys-body-large-size: 14px;\n  --mat-sys-body-large-tracking: 0.031rem;\n  --mat-sys-body-large-weight: 400;\n  --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-body-medium-font: var(--app-font-family);\n  --mat-sys-body-medium-line-height: 1.25rem;\n  --mat-sys-body-medium-size: 0.875rem;\n  --mat-sys-body-medium-tracking: 0.016rem;\n  --mat-sys-body-medium-weight: 400;\n  --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-body-small-font: var(--app-font-family);\n  --mat-sys-body-small-line-height: 1rem;\n  --mat-sys-body-small-size: 0.75rem;\n  --mat-sys-body-small-tracking: 0.025rem;\n  --mat-sys-body-small-weight: 400;\n  --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n  --mat-sys-display-large-font: var(--app-font-family);\n  --mat-sys-display-large-line-height: 4rem;\n  --mat-sys-display-large-size: 3.562rem;\n  --mat-sys-display-large-tracking: -0.016rem;\n  --mat-sys-display-large-weight: 400;\n  --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n  --mat-sys-display-medium-font: var(--app-font-family);\n  --mat-sys-display-medium-line-height: 3.25rem;\n  --mat-sys-display-medium-size: 2.812rem;\n  --mat-sys-display-medium-tracking: 0;\n  --mat-sys-display-medium-weight: 400;\n  --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n  --mat-sys-display-small-font: var(--app-font-family);\n  --mat-sys-display-small-line-height: 2.75rem;\n  --mat-sys-display-small-size: 2.25rem;\n  --mat-sys-display-small-tracking: 0;\n  --mat-sys-display-small-weight: 400;\n  --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n  --mat-sys-headline-large-font: var(--app-font-family);\n  --mat-sys-headline-large-line-height: 2.5rem;\n  --mat-sys-headline-large-size: 2rem;\n  --mat-sys-headline-large-tracking: 0;\n  --mat-sys-headline-large-weight: 400;\n  --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n  --mat-sys-headline-medium-font: var(--app-font-family);\n  --mat-sys-headline-medium-line-height: 2.25rem;\n  --mat-sys-headline-medium-size: 1.75rem;\n  --mat-sys-headline-medium-tracking: 0;\n  --mat-sys-headline-medium-weight: 400;\n  --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n  --mat-sys-headline-small-font: var(--app-font-family);\n  --mat-sys-headline-small-line-height: 2rem;\n  --mat-sys-headline-small-size: 1.5rem;\n  --mat-sys-headline-small-tracking: 0;\n  --mat-sys-headline-small-weight: 400;\n  --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-label-large-font: var(--app-font-family);\n  --mat-sys-label-large-line-height: 1.25rem;\n  --mat-sys-label-large-size: 0.875rem;\n  --mat-sys-label-large-tracking: 0.006rem;\n  --mat-sys-label-large-weight: 500;\n  --mat-sys-label-large-weight-prominent: 700;\n  --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n  --mat-sys-label-medium-font: var(--app-font-family);\n  --mat-sys-label-medium-line-height: 1rem;\n  --mat-sys-label-medium-size: 0.75rem;\n  --mat-sys-label-medium-tracking: 0.031rem;\n  --mat-sys-label-medium-weight: 500;\n  --mat-sys-label-medium-weight-prominent: 700;\n  --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n  --mat-sys-label-small-font: var(--app-font-family);\n  --mat-sys-label-small-line-height: 1rem;\n  --mat-sys-label-small-size: 0.688rem;\n  --mat-sys-label-small-tracking: 0.031rem;\n  --mat-sys-label-small-weight: 500;\n  --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n  --mat-sys-title-large-font: var(--app-font-family);\n  --mat-sys-title-large-line-height: 1.75rem;\n  --mat-sys-title-large-size: 1.375rem;\n  --mat-sys-title-large-tracking: 0;\n  --mat-sys-title-large-weight: 400;\n  --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n  --mat-sys-title-medium-font: var(--app-font-family);\n  --mat-sys-title-medium-line-height: 1.5rem;\n  --mat-sys-title-medium-size: 1rem;\n  --mat-sys-title-medium-tracking: 0.009rem;\n  --mat-sys-title-medium-weight: 500;\n  --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n  --mat-sys-title-small-font: var(--app-font-family);\n  --mat-sys-title-small-line-height: 1.25rem;\n  --mat-sys-title-small-size: 0.875rem;\n  --mat-sys-title-small-tracking: 0.006rem;\n  --mat-sys-title-small-weight: 500;\n  --mat-sys-corner-extra-large: 28px;\n  --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n  --mat-sys-corner-extra-small: 4px;\n  --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n  --mat-sys-corner-full: 9999px;\n  --mat-sys-corner-large: 16px;\n  --mat-sys-corner-large-end: 0 16px 16px 0;\n  --mat-sys-corner-large-start: 16px 0 0 16px;\n  --mat-sys-corner-large-top: 16px 16px 0 0;\n  --mat-sys-corner-medium: 12px;\n  --mat-sys-corner-none: 0;\n  --mat-sys-corner-small: 8px;\n  --mat-sys-dragged-state-layer-opacity: 0.16;\n  --mat-sys-focus-state-layer-opacity: 0.12;\n  --mat-sys-hover-state-layer-opacity: 0.08;\n  --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n.filing .mat-primary .mat-pseudo-checkbox-checked,\n.filing .mat-primary .mat-pseudo-checkbox-indeterminate {\n  background: transparent !important;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox {\n  width: 24px;\n  height: 24px;\n  flex-basis: 24px;\n  padding: 0;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n  width: 24px;\n  height: 24px;\n  border-radius: 6px;\n  top: 0;\n  left: 0;\n  border: 3px solid var(--filing-modal-color-grey);\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n  height: 20px;\n  width: 20px;\n  font-size: 20px;\n  top: 1px;\n  left: 1px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.filing .mat-mdc-checkbox[cardView] .mat-ripple {\n  display: none;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-label {\n  padding-left: 8px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-button__label {\n  line-height: 10px;\n}\n/*# sourceMappingURL=material-theme.css.map */\n'] }]
         }], () => [], null);
       })();