@dyedurham/search-and-file-widget 1.6.20 → 1.6.22

package/dnd-filing-shell.js

@@ -55905,6 +55905,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         FormationFormControls2["wasLegalOpinionObtained"] = "wasLegalOpinionObtained";
         FormationFormControls2["RequestedDateForIncorporation"] = "requestedDateForIncorporation";
         FormationFormControls2["LawyerSigningOpinion"] = "lawyerSigningOpinion";
+        FormationFormControls2["LawFirm"] = "lawFirm";
         FormationFormControls2["OtherProvisions"] = "otherProvisions";
         FormationFormControls2["Contact"] = "contact";
       })(FormationFormControls || (FormationFormControls = {}));
@@ -57078,7 +57079,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     const email = lawyer?.communicationEmail || "";
     const phone = lawyer?.communicationPhone || "";
     return __spreadProps(__spreadValues({
-      LawFirm: lawyerAffiliation?.target?._profile?.name || "",
+      LawFirm: legalOpinionDelta.lawFirm || "",
       LawyerFirstName: firstName
     }, middleName && { LawyerMiddleName: middleName }), {
       LawyerLastName: lastName,
@@ -58857,6 +58858,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               }
             },
             options: lawyerOptions
+          },
+          {
+            type: FormType.Input,
+            label: "Law Firm",
+            formControlName: FormationFormControls.LawFirm,
+            required: true,
+            isVisible: (form) => Boolean(form.get(FormationFormControls.LawyerSigningOpinion)?.value),
+            class: "span-12"
           }
         ];
       };
@@ -59071,6 +59080,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           }
           return new FormGroup({
             [FormationFormControls.LawyerSigningOpinion]: new FormControl(deltaData?.lawyerSigning ?? "", Validators.required),
+            [FormationFormControls.LawFirm]: new FormControl(deltaData?.lawFirm ?? "", requiredIf(FormationFormControls.LawyerSigningOpinion)),
             [FormationFormControls.UnitType]: new FormControl(deltaData?.address?.unitType ?? "", requiredIf(IRFormControls.UnitNumber)),
             [FormationFormControls.UnitNumber]: new FormControl(deltaData?.address?.unitNumber ?? "", requiredIf(IRFormControls.UnitType)),
             [FormationFormControls.StreetNumber]: new FormControl(deltaData?.address?.streetNumber ?? "", Validators.required),
@@ -59198,23 +59208,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_app_enums();
       init_ontario_formation_form_constants();
       OntarioUpdateMaintainFormHelper = class _OntarioUpdateMaintainFormHelper {
-        static normalizePersonKey(value) {
-          return (value ?? "").toLowerCase().replace(/\s+/g, " ").trim();
-        }
-        static getCurrentPersonData(comparisonData, affiliation) {
-          const lookupName = _OntarioUpdateMaintainFormHelper.normalizePersonKey(generateAffiliationFullName(affiliation));
-          if (!lookupName || !comparisonData?.persons?.size) {
-            return void 0;
-          }
-          for (const [personKey, personData] of comparisonData.persons.entries()) {
-            const normalizedKey = _OntarioUpdateMaintainFormHelper.normalizePersonKey(personKey);
-            if (normalizedKey === lookupName || normalizedKey.startsWith(`${lookupName} -`)) {
-              return personData;
-            }
-          }
-          return void 0;
-        }
         static generateInitialForm(task, comparisonData) {
+          const isFirsSubmit = isInitialReturn(task);
           const config2 = {};
           const { _ext, incomingAffiliations, outgoingAffiliations } = task;
           const deltaData = task.deltaData;
@@ -59237,20 +59232,20 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           const directorDeltaData = deltaData?.directors ?? {};
           config2[InitialReturnFillingFormGroups.Directors] = new FormArray([
             ...addedDirectors.map((admin) => {
-              const form = _OntarioUpdateMaintainFormHelper.generateAffiliationForm(admin, IRAffiliationType.Add, comparisonData, directorDeltaData[admin._id]);
+              const form = _OntarioUpdateMaintainFormHelper.generateAffiliationForm(admin, IRAffiliationType.Add, isFirsSubmit ? null : comparisonData, directorDeltaData[admin._id]);
               form.addControl(IRFormControls.IsCanadianResident, new FormControl(directorDeltaData[admin._id]?.residentCanadian ?? false));
               return form;
             }),
             ...ceasedDirectors.map((admin) => {
-              const form = _OntarioUpdateMaintainFormHelper.generateAffiliationForm(admin, IRAffiliationType.Ceased, comparisonData, directorDeltaData[admin._id]);
+              const form = _OntarioUpdateMaintainFormHelper.generateAffiliationForm(admin, IRAffiliationType.Ceased, isFirsSubmit ? null : comparisonData, directorDeltaData[admin._id]);
               form.addControl(IRFormControls.IsCanadianResident, new FormControl(directorDeltaData[admin._id]?.residentCanadian ?? false));
               return form;
             })
           ]);
           const officerDeltaData = deltaData?.officers ?? {};
           config2[InitialReturnFillingFormGroups.Officers] = new FormArray([
-            ...addedOfficers.map((admin) => _OntarioUpdateMaintainFormHelper.generateAffiliationForm(admin, IRAffiliationType.Add, comparisonData, officerDeltaData[admin._id])),
-            ...ceasedOfficers.map((admin) => _OntarioUpdateMaintainFormHelper.generateAffiliationForm(admin, IRAffiliationType.Ceased, comparisonData, officerDeltaData[admin._id]))
+            ...addedOfficers.map((admin) => _OntarioUpdateMaintainFormHelper.generateAffiliationForm(admin, IRAffiliationType.Add, isFirsSubmit ? null : comparisonData, officerDeltaData[admin._id])),
+            ...ceasedOfficers.map((admin) => _OntarioUpdateMaintainFormHelper.generateAffiliationForm(admin, IRAffiliationType.Ceased, isFirsSubmit ? null : comparisonData, officerDeltaData[admin._id]))
           ]);
           if (cert) {
             config2[InitialReturnFillingFormGroups.CertifiedBy] = _OntarioUpdateMaintainFormHelper.generateCertification(cert, deltaData?.certifiedBy);
@@ -59356,22 +59351,28 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           const emailAddress = affiliation.participant.communicationEmail ?? communications?.find((item) => item.type.toLowerCase().includes("email"))?.value;
           const name = generateAffiliationFullName(affiliation);
           const key = generateAffiliationKey(affiliation).toLowerCase();
-          const currentData = _OntarioUpdateMaintainFormHelper.getCurrentPersonData(comparisonData, affiliation);
+          const currentData = comparisonData?.persons.get(key);
           let correctedAffiliationType = affiliationType;
           let isThisChangeToAnExistingEntity = false;
           let isThisChangeToAnExistingEntityVisible = false;
-          if (deltaData) {
-            if (deltaData.currentName) {
-              isThisChangeToAnExistingEntity = true;
-              isThisChangeToAnExistingEntityVisible = true;
-            }
-            correctedAffiliationType = IRAffiliationType.Update;
-          } else {
-            if (currentData) {
+          if (affiliationType !== IRAffiliationType.Ceased) {
+            if (deltaData?.currentName) {
+              if (!currentData) {
+                isThisChangeToAnExistingEntity = true;
+                isThisChangeToAnExistingEntityVisible = true;
+              }
               correctedAffiliationType = IRAffiliationType.Update;
             } else {
-              isThisChangeToAnExistingEntity = false;
-              isThisChangeToAnExistingEntityVisible = true;
+              if (currentData) {
+                correctedAffiliationType = IRAffiliationType.Update;
+              } else {
+                const keys = Array.from(comparisonData?.persons.keys() ?? []);
+                const keyLikeField = keys.find((item) => item.includes(name.toLowerCase()));
+                if (keyLikeField) {
+                  isThisChangeToAnExistingEntity = false;
+                  isThisChangeToAnExistingEntityVisible = true;
+                }
+              }
             }
           }
           const config2 = {
@@ -59382,7 +59383,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             [IRFormControls.CeaseDate]: new FormControl(affiliation.end_date ? toYyyyMmDd(affiliation.end_date) : ""),
             [IRFormControls.Email]: new FormControl(emailAddress ?? ""),
             [IRFormControls.AffiliationType]: new FormControl(correctedAffiliationType),
-            [IRFormControls.CurrentName]: new FormControl(deltaData ? deltaData.currentName : IRAffiliationType.Update === correctedAffiliationType ? key : "", requiredIf(IRFormControls.IsThisChangeToAnExistingEntity)),
+            [IRFormControls.CurrentName]: new FormControl(deltaData ? deltaData.currentName : currentData ? key : "", requiredIf(IRFormControls.IsThisChangeToAnExistingEntity)),
             [IRFormControls.IsThisChangeToAnExistingEntity]: new FormControl(isThisChangeToAnExistingEntity),
             [IRFormControls.IsThisChangeToAnExistingEntityVisible]: new FormControl(isThisChangeToAnExistingEntityVisible)
           };
@@ -60691,7 +60692,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();\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 | translate }}\n    </h1>\n  </div>\n\n  <div class="confirm-modal-text">{{ config.text | translate }}</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'] }]
+          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 | translate }}\r\n    </h1>\r\n  </div>\r\n\r\n  <div class="confirm-modal-text">{{ config.text | translate }}</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'] }]
         }], null, null);
       })();
       (() => {
@@ -62935,7 +62936,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()}}">\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"] }]
+          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"] }]
         }], null, null);
       })();
       (() => {
@@ -63137,7 +63138,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatIcon,
             ChipComponent,
             TranslatePipe
-          ], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+          ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, animations: [
             trigger("expandCollapse", [
               state("true", style({
                 height: "*",
@@ -63154,50 +63155,50 @@ 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">
-  <div (click)="toggle()" class="expandable-card-header">
-    <h2 [class.list-item]="isListItem()" class="expandable-card-header-title">{{title() | translate}}
-      @if (role()) {
-        <span>({{role()}})</span>
-      }
-    </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>
+          ], 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}}\r
+      @if (role()) {\r
+        <span>({{role()}})</span>\r
+      }\r
+    </h2>\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
 `, 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);
       })();
       (() => {
-        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(ExpandableCardComponent, { className: "ExpandableCardComponent", filePath: "src/app/components/expandable-card/expandable-card.component.ts", lineNumber: 37 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(ExpandableCardComponent, { className: "ExpandableCardComponent", filePath: "src/app/components/expandable-card/expandable-card.component.ts", lineNumber: 38 });
       })();
     }
   });
@@ -74457,7 +74458,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatFormFieldModule,
             MatInputModule,
             MatAutocompleteModule
-          ], 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' }]
+          ], 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' }]
         }], null, null);
       })();
       (() => {
@@ -78600,7 +78601,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             }
           ], imports: [
             MatCheckbox
-          ], 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"] }]
+          ], 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"] }]
         }], null, null);
       })();
       (() => {
@@ -79314,234 +79315,234 @@ 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();
-@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"
-                  [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"
-                    >
-                      {{ field.needTranslate ? (option.label | translate) : option.label }}
-                    </mat-option>
-                  }
-                  @if (getFilteredOptions(field).length === 0) {
-                    <mat-option disabled>{{ 'No options found' | translate }}</mat-option>
-                  }
-                </mat-autocomplete>
-
-                @if (control?.value && !control?.disabled) {
-                  <div matSuffix class="suffix-container">
-                    <button mat-icon-button (click)="control?.reset(); field.onChange && field.onChange(form)">
-                      <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 | translate) + ' ' + ('is required' | translate) }}</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 | translate
-                      }}</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' | translate }}: {{ previousValue ? ('checked' | translate) : ('unchecked' | translate) }}</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 | translate) + (field.required ? " *" : "") }}
-                  </span>
-              }
-              <autocomplete-field
-                [options]="field.options ?? []"
-                [control]="getFormControl(field.formControlName)"
-                [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 | translate) + (field.required ? " *" : "") }}
-                  </span>
-              }
-
-              <mat-form-field appearance="outline">
-                <input
-                  matInput
-                  [matDatepicker]="picker"
-                  [formControlName]="field.formControlName"
-                  (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' | translate }}: {{ previousValue }}
-                  </mat-hint>
-                }
-
-                <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</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 | translate) + (field.required ? " *" : "") }}
-                  </span>
-
-                <mat-form-field appearance="outline">
-                  <input
-                    matInput
-                    [readonly]="field.readonly"
-                    [formControlName]="field.formControlName"
-                    (input)="field.onChange && field.onChange(form)"
-                  />
-
-                  @if (previousValue != null) {
-                    <mat-hint
-                      [class.warning]="true"
-                      class="filling-form-fields-item-hint"
-                    >{{ 'Previously saved value' | translate }}: {{ 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 | translate) + ' ' + ('is required' | translate) }}</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 | translate) + (field.required ? " *" : "") }}
-                  </span>
-
-                <mat-form-field appearance="outline">
-                    <textarea
-                      matInput
-                      [readonly]="field.readonly"
-                      [formControlName]="field.formControlName"
-                      (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>
+          ], 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
+                  [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
+                      {{ field.needTranslate ? (option.label | translate) : option.label }}\r
+                    </mat-option>\r
+                  }\r
+                  @if (getFilteredOptions(field).length === 0) {\r
+                    <mat-option disabled>{{ 'No options found' | translate }}</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(); field.onChange && field.onChange(form)">\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 | translate) + ' ' + ('is required' | translate) }}</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 | translate\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' | translate }}: {{ previousValue ? ('checked' | translate) : ('unchecked' | translate) }}</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 | translate) + (field.required ? " *" : "") }}\r
+                  </span>\r
+              }\r
+              <autocomplete-field\r
+                [options]="field.options ?? []"\r
+                [control]="getFormControl(field.formControlName)"\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 | translate) + (field.required ? " *" : "") }}\r
+                  </span>\r
+              }\r
+\r
+              <mat-form-field appearance="outline">\r
+                <input\r
+                  matInput\r
+                  [matDatepicker]="picker"\r
+                  [formControlName]="field.formControlName"\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' | translate }}: {{ previousValue }}\r
+                  </mat-hint>\r
+                }\r
+\r
+                <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</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 | translate) + (field.required ? " *" : "") }}\r
+                  </span>\r
+\r
+                <mat-form-field appearance="outline">\r
+                  <input\r
+                    matInput\r
+                    [readonly]="field.readonly"\r
+                    [formControlName]="field.formControlName"\r
+                    (input)="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' | translate }}: {{ 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 | translate) + ' ' + ('is required' | translate) }}</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 | translate) + (field.required ? " *" : "") }}\r
+                  </span>\r
+\r
+                <mat-form-field appearance="outline">\r
+                    <textarea\r
+                      matInput\r
+                      [readonly]="field.readonly"\r
+                      [formControlName]="field.formControlName"\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
 `, styles: ['/* src/app/components/form/filing-form-group/filing-form-group.component.scss */\n:host {\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);
       })();
@@ -79801,70 +79802,70 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             FilingFormGroupComponent,
             TranslatePipe,
             MatButton
-          ], 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">{{ 'TERMS.intro' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.agreement_mandatory' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.clause_i' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.clause_ii' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.authority' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.bound' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_1' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_2' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_3' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_4' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_5' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_6' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_7' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_8' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_9' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_10' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_11' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_12' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_13' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_14' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_15' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_16' | translate }}</span>
-            <span class="body-1-regular">{{ 'TERMS.section_17' | translate }}</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' | translate }}</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>
+          ], 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">{{ 'TERMS.intro' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.agreement_mandatory' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.clause_i' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.clause_ii' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.authority' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.bound' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_1' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_2' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_3' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_4' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_5' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_6' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_7' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_8' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_9' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_10' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_11' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_12' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_13' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_14' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_15' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_16' | translate }}</span>\r
+            <span class="body-1-regular">{{ 'TERMS.section_17' | translate }}</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' | translate }}</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
 `, 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);
       })();
@@ -80128,7 +80129,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             TranslatePipe,
             FilingFormGroupComponent,
             ExpandableCardComponent
-          ], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+          ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
             trigger("expandCollapse", [
               state("true", style({
                 height: "*",
@@ -80144,88 +80145,88 @@ 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">
-  <div
-    [class.expanded]="isExpanded()"
-    (click)="toggle()"
-    class="expandable-card-header"
-  >
-    <h2 class="expandable-card-header-title">{{ title() | translate }}</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"
-        [role]="getFormGroup(i).get(roleKey())?.value"
-        [isStatusIcon]="isStatusIcon()"
-        [isValid]="getFormGroupValid(i)"
-        [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>
+          ], template: `<div class="expandable-card">\r
+  <div\r
+    [class.expanded]="isExpanded()"\r
+    (click)="toggle()"\r
+    class="expandable-card-header"\r
+  >\r
+    <h2 class="expandable-card-header-title">{{ title() | translate }}</h2>\r
+\r
+    <div class="expandable-card-header-container">\r
+      @if (isStatusIcon()) {\r
+        @if (!isValid()) {\r
+          <mat-icon class="expandable-card-header-status-icon">\r
+            error_outline\r
+          </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" [@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
+    </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
+        [role]="getFormGroup(i).get(roleKey())?.value"\r
+        [isStatusIcon]="isStatusIcon()"\r
+        [isValid]="getFormGroupValid(i)"\r
+        [isOpen]="isItemExpanded(i)"\r
+        [border]="false"\r
+        [padded]="false"\r
+        [chipType]="\r
+          affiliationTypeToChipType(\r
+            formGroup.get(controls.AffiliationType)?.value\r
+          )\r
+        "\r
+        [removable]="removable()"\r
+        (toggled)="toggleItem(i)"\r
+        (remove)="remove.emit(i)"\r
+      >\r
+        @let form = getFormGroup(i);\r
+        @let configValue =\r
+          fields() ?? config()?.[form.get(configKey())?.value] ?? [];\r
+        <filing-form-group\r
+          [prevData]="prevData()"\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="form"\r
+          [config]="configValue"\r
+        />\r
+      </expandable-card>\r
+    }\r
+  </div>\r
+</div>\r
 `, 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);
       })();
       (() => {
-        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(ExpandableListCardComponent, { className: "ExpandableListCardComponent", filePath: "src/app/components/expandable-list-card/expandable-list-card.component.ts", lineNumber: 66 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(ExpandableListCardComponent, { className: "ExpandableListCardComponent", filePath: "src/app/components/expandable-list-card/expandable-list-card.component.ts", lineNumber: 67 });
       })();
     }
   });
@@ -80339,7 +80340,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, TranslatePipe], 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() | translate}}</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>{{$any(content()) | translate}}</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"] }]
+          args: [{ selector: "alert", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, TranslatePipe], 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() | translate}}</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>{{$any(content()) | translate}}</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"] }]
         }], null, null);
       })();
       (() => {
@@ -80717,183 +80718,183 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             ExpandableListCardComponent,
             AlertComponent,
             TranslatePipe
-          ], 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 referenceNumbers = getFormGroup(groups.ReferenceNumbers);
-
-    @if (referenceNumbers) {
-      <expandable-card [title]="groups.ReferenceNumbers">
-        <div class="incorporation-form-item">
-          <filing-form-group
-            [isSubmitted]="isSubmitted()"
-            [form]="referenceNumbers"
-            [config]="referenceNumbersFields"
-            (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"
-          />
-        </div>
-      </expandable-card>
-    }
-
-    @let corporationDetails = getFormGroup(groups.CorporationDetails);
-
-    @if (corporationDetails) {
-      <expandable-card
-        [isValid]="sectionValidity['corpDetails']"
-        [isStatusIcon]="statusIcon()"
-        [title]="groups.CorporationDetails"
-      >
-        <div class="incorporation-form-item">
-          <filing-form-group
-            [isSubmitted]="isSubmitted()"
-            [form]="corporationDetails"
-            [config]="corporationDetailsCardFields"
-            (visiblyValidChange)="onSectionValidChange('corpDetails', $event)"
-          />
-        </div>
-      </expandable-card>
-    }
-
-    @if (isLegalOpinion) {
-      @let legalOpinion = getFormGroup(groups.LegalOpinion);
-
-      @if (legalOpinion) {
-        <expandable-card
-          [isValid]="
-            sectionValidity['legalOpinionLawyer'] &&
-            sectionValidity['legalOpinionAddress']
-          "
-          [isStatusIcon]="statusIcon()"
-          [title]="groups.LegalOpinion"
-        >
-          <filing-form-group
-            [isSubmitted]="isSubmitted()"
-            [form]="legalOpinion"
-            [config]="legalOpinionLawyerFields()"
-            (visiblyValidChange)="
-              onSectionValidChange('legalOpinionLawyer', $event)
-            "
-          />
-
-          @if (legalOpinion.get(controls.LawyerSigningOpinion)?.value) {
-            <filing-form-group
-              [isSubmitted]="isSubmitted()"
-              [form]="legalOpinion"
-              [config]="legalOpinionConfirmAddressFieldsMap[legalOpinion.get(controls.AffiliationAddressType)?.value]"
-              (visiblyValidChange)="
-              onSectionValidChange('legalOpinionAddress', $event)
-            "
-            />
-          }
-
-        </expandable-card>
-      }
-    }
-
-    @let registeredOfficeForm = getFormGroup(groups.RegisteredOfficeAddress);
-
-    @if (registeredOfficeForm) {
-      <expandable-card
-        [isValid]="sectionValidity['registeredOffice']"
-        [isStatusIcon]="statusIcon()"
-        [title]="groups.RegisteredOfficeAddress"
-      >
-        <filing-form-group
-          [isSubmitted]="isSubmitted()"
-          [form]="registeredOfficeForm"
-          [config]="
-            affiliationCardFieldsMap[
-              registeredOfficeForm.get(
-                formationFormControls.AffiliationAddressType
-              )?.value
-            ]
-          "
-          (visiblyValidChange)="
-            onSectionValidChange('registeredOffice', $event)
-          "
-        />
-      </expandable-card>
-    }
-
-    @let incorporatorsArray = getFormArray(groups.Incorporators);
-    @let directorsArray = getFormArray(groups.Directors);
-
-    @let isOpenDirectors =
-      (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;
-    @if (directorsArray && directorsArray.length) {
-      <expandable-list-card
-        [isValid]="sectionValidity['directors']"
-        [areItemsOpen]="isOpenDirectors"
-        [isStatusIcon]="statusIcon()"
-        [config]="directorsCardFieldsMap"
-        [configKey]="controls.AffiliationAddressType"
-        [formArray]="directorsArray"
-        [title]="groups.Directors"
-        (visiblyValidChange)="onSectionValidChange('directors', $event)"
-      >
-        <p
-          slot="subtitle"
-          class="body-1-regular black"
-          [innerHTML]="directorsSubtitle()"
-        ></p>
-      </expandable-list-card>
-    } @else {
-      <expandable-card [title]="groups.Directors">
-        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
-      </expandable-card>
-    }
-
-    @let sharesAndProvisions = getFormGroup(groups.SharesAndProvisions);
-
-    @if (sharesAndProvisions) {
-      <expandable-card
-        [isStatusIcon]="false"
-        [title]="groups.SharesAndProvisions"
-      >
-        <filing-form-group
-          [isSubmitted]="isSubmitted()"
-          [form]="sharesAndProvisions"
-          [config]="sharesAndProvincesFields"
-        />
-      </expandable-card>
-    }
-
-    @let isOpenIncorporators =
-      (incorporatorsArray?.length ?? 0) <= initiallyOpenCardsCount;
-
-    @if (incorporatorsArray && incorporatorsArray.length) {
-      <expandable-list-card
-        [isValid]="sectionValidity['incorporators']"
-        [areItemsOpen]="isOpenIncorporators"
-        [isStatusIcon]="statusIcon()"
-        [config]="incorporatorsCardFieldsMap"
-        [configKey]="controls.AffiliationAddressType"
-        [formArray]="incorporatorsArray"
-        [isSubmitted]="isSubmitted()"
-        [title]="groups.Incorporators"
-        (visiblyValidChange)="onSectionValidChange('incorporators', $event)"
-      />
-    } @else {
-      <expandable-card [title]="groups.Incorporators">
-        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
-      </expandable-card>
-    }
-  </div>
-</div>
+          ], template: `<div class="incorporation-form">\r
+  @if (isNote()) {\r
+    <alert\r
+      [type]="alertType.Info"\r
+      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
+\r
+  @if (errors().length) {\r
+    <alert\r
+      title="The following issues need to be resolved before proceeding:"\r
+      [content]="errors()"\r
+    />\r
+  }\r
+\r
+  <div class="incorporation-form-content">\r
+    @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);\r
+\r
+    @if (referenceNumbers) {\r
+      <expandable-card [title]="groups.ReferenceNumbers">\r
+        <div class="incorporation-form-item">\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="referenceNumbers"\r
+            [config]="referenceNumbersFields"\r
+            (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"\r
+          />\r
+        </div>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
+\r
+    @if (corporationDetails) {\r
+      <expandable-card\r
+        [isValid]="sectionValidity['corpDetails']"\r
+        [isStatusIcon]="statusIcon()"\r
+        [title]="groups.CorporationDetails"\r
+      >\r
+        <div class="incorporation-form-item">\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="corporationDetails"\r
+            [config]="corporationDetailsCardFields"\r
+            (visiblyValidChange)="onSectionValidChange('corpDetails', $event)"\r
+          />\r
+        </div>\r
+      </expandable-card>\r
+    }\r
+\r
+    @if (isLegalOpinion) {\r
+      @let legalOpinion = getFormGroup(groups.LegalOpinion);\r
+\r
+      @if (legalOpinion) {\r
+        <expandable-card\r
+          [isValid]="\r
+            sectionValidity['legalOpinionLawyer'] &&\r
+            sectionValidity['legalOpinionAddress']\r
+          "\r
+          [isStatusIcon]="statusIcon()"\r
+          [title]="groups.LegalOpinion"\r
+        >\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="legalOpinion"\r
+            [config]="legalOpinionLawyerFields()"\r
+            (visiblyValidChange)="\r
+              onSectionValidChange('legalOpinionLawyer', $event)\r
+            "\r
+          />\r
+\r
+          @if (legalOpinion.get(controls.LawyerSigningOpinion)?.value) {\r
+            <filing-form-group\r
+              [isSubmitted]="isSubmitted()"\r
+              [form]="legalOpinion"\r
+              [config]="legalOpinionConfirmAddressFieldsMap[legalOpinion.get(controls.AffiliationAddressType)?.value]"\r
+              (visiblyValidChange)="\r
+              onSectionValidChange('legalOpinionAddress', $event)\r
+            "\r
+            />\r
+          }\r
+\r
+        </expandable-card>\r
+      }\r
+    }\r
+\r
+    @let registeredOfficeForm = getFormGroup(groups.RegisteredOfficeAddress);\r
+\r
+    @if (registeredOfficeForm) {\r
+      <expandable-card\r
+        [isValid]="sectionValidity['registeredOffice']"\r
+        [isStatusIcon]="statusIcon()"\r
+        [title]="groups.RegisteredOfficeAddress"\r
+      >\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="registeredOfficeForm"\r
+          [config]="\r
+            affiliationCardFieldsMap[\r
+              registeredOfficeForm.get(\r
+                formationFormControls.AffiliationAddressType\r
+              )?.value\r
+            ]\r
+          "\r
+          (visiblyValidChange)="\r
+            onSectionValidChange('registeredOffice', $event)\r
+          "\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    @let incorporatorsArray = getFormArray(groups.Incorporators);\r
+    @let directorsArray = getFormArray(groups.Directors);\r
+\r
+    @let isOpenDirectors =\r
+      (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r
+    @if (directorsArray && directorsArray.length) {\r
+      <expandable-list-card\r
+        [isValid]="sectionValidity['directors']"\r
+        [areItemsOpen]="isOpenDirectors"\r
+        [isStatusIcon]="statusIcon()"\r
+        [config]="directorsCardFieldsMap"\r
+        [configKey]="controls.AffiliationAddressType"\r
+        [formArray]="directorsArray"\r
+        [title]="groups.Directors"\r
+        (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
+      >\r
+        <p\r
+          slot="subtitle"\r
+          class="body-1-regular black"\r
+          [innerHTML]="directorsSubtitle()"\r
+        ></p>\r
+      </expandable-list-card>\r
+    } @else {\r
+      <expandable-card [title]="groups.Directors">\r
+        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let sharesAndProvisions = getFormGroup(groups.SharesAndProvisions);\r
+\r
+    @if (sharesAndProvisions) {\r
+      <expandable-card\r
+        [isStatusIcon]="false"\r
+        [title]="groups.SharesAndProvisions"\r
+      >\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="sharesAndProvisions"\r
+          [config]="sharesAndProvincesFields"\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    @let isOpenIncorporators =\r
+      (incorporatorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r
+\r
+    @if (incorporatorsArray && incorporatorsArray.length) {\r
+      <expandable-list-card\r
+        [isValid]="sectionValidity['incorporators']"\r
+        [areItemsOpen]="isOpenIncorporators"\r
+        [isStatusIcon]="statusIcon()"\r
+        [config]="incorporatorsCardFieldsMap"\r
+        [configKey]="controls.AffiliationAddressType"\r
+        [formArray]="incorporatorsArray"\r
+        [isSubmitted]="isSubmitted()"\r
+        [title]="groups.Incorporators"\r
+        (visiblyValidChange)="onSectionValidChange('incorporators', $event)"\r
+      />\r
+    } @else {\r
+      <expandable-card [title]="groups.Incorporators">\r
+        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
+      </expandable-card>\r
+    }\r
+  </div>\r
+</div>\r
 `, 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);
       })();
@@ -80999,36 +81000,36 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       (() => {
         (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(OntarioIncorporationDeltaFormComponent, [{
           type: Component,
-          args: [{ standalone: true, selector: "ontario-incorporation-delta-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, OntarioIncorporationFormComponent], template: `<div class="incorporation-delta-form">
-  <ontario-incorporation-form
-    class="incorporation-delta-form-content"
-    [form]="form()"
-    [task]="task()"
-    [errors]="combinedErrors()"
-    [isNote]="isNote()"
-    [isSubmitted]="submitted()"
-    [statusIcon]="true"
-    (visiblyValidChange)="onVisiblyValidChange($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>
+          args: [{ standalone: true, selector: "ontario-incorporation-delta-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [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]="combinedErrors()"\r
+    [isNote]="isNote()"\r
+    [isSubmitted]="submitted()"\r
+    [statusIcon]="true"\r
+    (visiblyValidChange)="onVisiblyValidChange($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
 `, 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);
       })();
@@ -81105,29 +81106,29 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             OntarioIncorporationFormComponent
-          ], 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>
+          ], 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
 `, 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);
       })();
@@ -81864,154 +81865,154 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             ExpandableCardComponent,
             ExpandableListCardComponent,
             TranslatePipe
-          ], template: `<div class="ontario-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="ontario-update-maintain-form-content">
-    <!-- ===== GENERAL INFO ===== -->
-    @let generalInfoForm = getFormGroup(groups.General);
-    @if (generalInfoForm) {
-      <expandable-card
-        [title]="groups.General"
-        [isStatusIcon]="!readonly()"
-      >
-        <filing-form-group
-          [isSubmitted]="isSubmitted()"
-          [prevData]="prevData()?.corporationInfo"
-          [form]="generalInfoForm"
-          [config]="generalCardFields"
-          [label]="groups.General"
-          (visiblyValidChange)="onSectionValidChange('generalInfo', $event)"
-        />
-      </expandable-card>
-    }
-
-    <!-- =====REGISTERED OFFICE ADDRESS===== -->
-    @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);
-    @if (registeredOfficeAddress) {
-      <expandable-card
-        [isStatusIcon]="!readonly()"
-        [isValid]="sectionValidity['registeredOffice']"
-        [title]="groups.RegisteredOfficeAddress"
-      >
-        <filing-form-group
-          [prevData]="prevData()?.corporationInfo"
-          [isSubmitted]="isSubmitted()"
-          [form]="registeredOfficeAddress"
-          [config]="
-            addressFieldsMap[
-              registeredOfficeAddress.get(controls.AffiliationAddressType)
-                ?.value
-            ]
-          "
-          (visiblyValidChange)="
-            onSectionValidChange('registeredOffice', $event)
-          "
-        />
-      </expandable-card>
-    }
-
-    @let directorsArray = getFormArray(groups.Directors);
-    @if (directorsArray && directorsArray.length) {
-      @let isOpen =
-        (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;
-      <expandable-list-card
-        [prevData]="prevData()?.persons"
-        [isSubmitted]="isSubmitted()"
-        [isValid]="sectionValidity['directors']"
-        [areItemsOpen]="isOpen"
-        [isStatusIcon]="!readonly()"
-        [config]="directorsFieldsMap"
-        [configKey]="controls.AffiliationAddressType"
-        [formArray]="directorsArray"
-        [title]="groups.Directors"
-        (visiblyValidChange)="onSectionValidChange('directors', $event)"
-      />
-    } @else {
-      <expandable-card [title]="groups.Directors">
-        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
-      </expandable-card>
-    }
-
-    @let officersArray = getFormArray(groups.Officers);
-
-
-    @if (officersArray && officersArray.length) {
-      @let isOpen =
-        (officersArray?.length ?? 0) <= initiallyOpenCardsCount;
-
-      <expandable-list-card
-        [prevData]="prevData()?.persons"
-        [isSubmitted]="isSubmitted()"
-        [areItemsOpen]="isOpen"
-        [isStatusIcon]="!readonly()"
-        [config]="officersFieldsMap"
-        [configKey]="controls.AffiliationAddressType"
-        [formArray]="officersArray"
-        [title]="groups.Officers"
-        [isValid]="sectionValidity['officers']"
-        (visiblyValidChange)="onSectionValidChange('officers', $event)"
-      />
-    } @else {
-      <expandable-card [title]="groups.Officers">
-        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
-      </expandable-card>
-    }
-
-    @let certifiedBy = getFormGroup(groups.CertifiedBy);
-    <expandable-card
-      [isStatusIcon]="!readonly()"
-      [isValid]="certifiedBy ? sectionValidity['certifiedBy'] : true"
-      [title]="groups.CertifiedBy"
-    >
-      @if (certifiedBy) {
-        <filing-form-group
-          [prevData]="prevData()?.corporationInfo"
-          [isSubmitted]="isSubmitted()"
-          [form]="certifiedBy"
-          [config]="
-            certifiedByFieldsMap[
-              certifiedBy.get(controls.AffiliationAddressType)?.value
-            ]
-          "
-          (visiblyValidChange)="onSectionValidChange('certifiedBy', $event)"
-        />
-      } @else {
-        <h2 class="body-1-regular">{{ 'Not specified' | translate }}</h2>
-      }
-
-    </expandable-card>
-
-    @let contact = getFormGroup(groups.Contact);
-    @if (contact) {
-      <expandable-card
-        [isStatusIcon]="!readonly()"
-        [isValid]="sectionValidity['contact']"
-        [title]="groups.Contact"
-      >
-        <filing-form-group
-          [isSubmitted]="isSubmitted()"
-          [form]="contact"
-          [config]="contactsFields"
-          (visiblyValidChange)="onSectionValidChange('contact', $event)"
-        />
-      </expandable-card>
-    }
-  </div>
-</div>
+          ], template: `<div class="ontario-update-maintain-form">\r
+  @if (isNote()) {\r
+    <alert\r
+      [type]="alertType.Info"\r
+      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
+\r
+  @if (errors().length) {\r
+    <alert\r
+      title="The following issues need to be resolved before proceeding:"\r
+      [content]="errors()"\r
+    />\r
+  }\r
+\r
+  <div class="ontario-update-maintain-form-content">\r
+    <!-- ===== GENERAL INFO ===== -->\r
+    @let generalInfoForm = getFormGroup(groups.General);\r
+    @if (generalInfoForm) {\r
+      <expandable-card\r
+        [title]="groups.General"\r
+        [isStatusIcon]="!readonly()"\r
+      >\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [prevData]="prevData()?.corporationInfo"\r
+          [form]="generalInfoForm"\r
+          [config]="generalCardFields"\r
+          [label]="groups.General"\r
+          (visiblyValidChange)="onSectionValidChange('generalInfo', $event)"\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    <!-- =====REGISTERED OFFICE ADDRESS===== -->\r
+    @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);\r
+    @if (registeredOfficeAddress) {\r
+      <expandable-card\r
+        [isStatusIcon]="!readonly()"\r
+        [isValid]="sectionValidity['registeredOffice']"\r
+        [title]="groups.RegisteredOfficeAddress"\r
+      >\r
+        <filing-form-group\r
+          [prevData]="prevData()?.corporationInfo"\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="registeredOfficeAddress"\r
+          [config]="\r
+            addressFieldsMap[\r
+              registeredOfficeAddress.get(controls.AffiliationAddressType)\r
+                ?.value\r
+            ]\r
+          "\r
+          (visiblyValidChange)="\r
+            onSectionValidChange('registeredOffice', $event)\r
+          "\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    @let directorsArray = getFormArray(groups.Directors);\r
+    @if (directorsArray && directorsArray.length) {\r
+      @let isOpen =\r
+        (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r
+      <expandable-list-card\r
+        [prevData]="prevData()?.persons"\r
+        [isSubmitted]="isSubmitted()"\r
+        [isValid]="sectionValidity['directors']"\r
+        [areItemsOpen]="isOpen"\r
+        [isStatusIcon]="!readonly()"\r
+        [config]="directorsFieldsMap"\r
+        [configKey]="controls.AffiliationAddressType"\r
+        [formArray]="directorsArray"\r
+        [title]="groups.Directors"\r
+        (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
+      />\r
+    } @else {\r
+      <expandable-card [title]="groups.Directors">\r
+        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let officersArray = getFormArray(groups.Officers);\r
+\r
+\r
+    @if (officersArray && officersArray.length) {\r
+      @let isOpen =\r
+        (officersArray?.length ?? 0) <= initiallyOpenCardsCount;\r
+\r
+      <expandable-list-card\r
+        [prevData]="prevData()?.persons"\r
+        [isSubmitted]="isSubmitted()"\r
+        [areItemsOpen]="isOpen"\r
+        [isStatusIcon]="!readonly()"\r
+        [config]="officersFieldsMap"\r
+        [configKey]="controls.AffiliationAddressType"\r
+        [formArray]="officersArray"\r
+        [title]="groups.Officers"\r
+        [isValid]="sectionValidity['officers']"\r
+        (visiblyValidChange)="onSectionValidChange('officers', $event)"\r
+      />\r
+    } @else {\r
+      <expandable-card [title]="groups.Officers">\r
+        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let certifiedBy = getFormGroup(groups.CertifiedBy);\r
+    <expandable-card\r
+      [isStatusIcon]="!readonly()"\r
+      [isValid]="certifiedBy ? sectionValidity['certifiedBy'] : true"\r
+      [title]="groups.CertifiedBy"\r
+    >\r
+      @if (certifiedBy) {\r
+        <filing-form-group\r
+          [prevData]="prevData()?.corporationInfo"\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="certifiedBy"\r
+          [config]="\r
+            certifiedByFieldsMap[\r
+              certifiedBy.get(controls.AffiliationAddressType)?.value\r
+            ]\r
+          "\r
+          (visiblyValidChange)="onSectionValidChange('certifiedBy', $event)"\r
+        />\r
+      } @else {\r
+        <h2 class="body-1-regular">{{ 'Not specified' | translate }}</h2>\r
+      }\r
+\r
+    </expandable-card>\r
+\r
+    @let contact = getFormGroup(groups.Contact);\r
+    @if (contact) {\r
+      <expandable-card\r
+        [isStatusIcon]="!readonly()"\r
+        [isValid]="sectionValidity['contact']"\r
+        [title]="groups.Contact"\r
+      >\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="contact"\r
+          [config]="contactsFields"\r
+          (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
+        />\r
+      </expandable-card>\r
+    }\r
+  </div>\r
+</div>\r
 `, 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);
       })();
@@ -82126,38 +82127,38 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             OntarioUpdateMaintainFormComponent
-          ], template: `<div class="ontario-update-maintain-delta-form">
-  <ontario-update-maintain-form
-    class="ontario-update-maintain-delta-form-content"
-    [form]="form()"
-    [task]="task()"
-    [errors]="combinedErrors()"
-    [isNote]="isNote()"
-    [isSubmitted]="submitted()"
-    [readonly]="false"
-    [prevData]="prevData()"
-    (visiblyValidChange)="onVisiblyValidChange($event)"
-  />
-
-  <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>
-
+          ], 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]="combinedErrors()"\r
+    [isNote]="isNote()"\r
+    [isSubmitted]="submitted()"\r
+    [readonly]="false"\r
+    [prevData]="prevData()"\r
+    (visiblyValidChange)="onVisiblyValidChange($event)"\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
 `, 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);
       })();
@@ -82232,32 +82233,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             OntarioUpdateMaintainFormComponent,
             TranslatePipe
-          ], 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>
-
+          ], 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
 `, 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);
       })();
@@ -82662,6 +82663,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             data.legalOpinion = {
               wasLegalOpinionObtained: corpDetails?.[FormationFormControls.wasLegalOpinionObtained] ?? false,
               lawyerSigning: legalOpinionData?.[FormationFormControls.LawyerSigningOpinion] ?? null,
+              lawFirm: legalOpinionData?.[FormationFormControls.LawFirm] ?? null,
               address: this.mapFormationAddressDelta(legalOpinionData)
             };
           }
@@ -82727,7 +82729,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             OntarioIncorporationDeltaFormComponent,
             OntarioIncorporationPreviewFormComponent,
             TermsAndConditionsComponent
-          ], 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"] }]
+          ], 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"] }]
         }], () => [], null);
       })();
       (() => {
@@ -83832,39 +83834,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">
-  <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>
+          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
 `, 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);
       })();
@@ -84009,34 +84011,34 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             MatIcon
-          ], 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>
+          ], 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
 `, 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);
       })();
@@ -84862,246 +84864,246 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             TranslatePipe,
             ReactiveFormsModule,
             DatePipe
-          ], 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]="sectionValidity['corporateName']"
-        [isStatusIcon]="isStatusIcon()"
-        [title]="groups.CorporateName"
-      >
-        <div class="incorporation-form-item">
-          <filing-form-group
-            [isSubmitted]="isSubmitted()"
-            [form]="corporateName"
-            [config]="incorporationFields"
-            (visiblyValidChange)="onSectionValidChange('corporateName', $event)"
-          />
-
-          @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]="sectionValidity['articles']"
-        [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"
-            (visiblyValidChange)="onSectionValidChange('articles', $event)"
-          />
-          <div>
-            <span class="body-1-semibold dark-blue">{{ 'Incorporators' | translate }}</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' | translate }}:
-            {{
-              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]="sectionValidity['registeredOffice']"
-        [isStatusIcon]="isStatusIcon()"
-        [title]="groups.RegisteredOfficeAddress"
-      >
-        <div class="incorporation-form-item">
-          <filing-form-group
-            [isSubmitted]="isSubmitted()"
-            [form]="registeredOfficeAddress"
-            [config]="registeredOfficeAddressFields"
-            (visiblyValidChange)="
-              onSectionValidChange('registeredOffice', $event)
-            "
-          />
-        </div>
-      </expandable-card>
-    }
-
-    @let directorsArray = getFormArray(groups.Directors);
-
-    @if (directorsArray && directorsArray.length) {
-      @let directorsFormArray = getFormArray(groups.Directors);
-      <expandable-list-card
-        [isValid]="sectionValidity['directors']"
-        [isSubmitted]="isSubmitted()"
-        [areItemsOpen]="directorsArray.length <= initiallyOpenCardsCount"
-        [fields]="directorsFields"
-        [formArray]="directorsFormArray"
-        [title]="groups.Directors"
-        (visiblyValidChange)="onSectionValidChange('directors', $event)"
-      />
-    } @else {
-      <expandable-card [title]="groups.Directors">
-        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
-      </expandable-card>
-    }
-
-    @let significantControl = getFormGroup(groups.SignificantControl);
-    @if (significantControl) {
-      @let individualsWithSignificantControlArray =
-        getFormArray(groups.IndividualsWithSignificantControl);
-
-      @if (individualsWithSignificantControlArray) {
-        <expandable-list-card
-          [areItemsOpen]="
-            individualsWithSignificantControlArray.length <=
-            initiallyOpenCardsCount
-          "
-          [isValid]="
-            sectionValidity['isc'] &&
-            sectionValidity['significantControl']
-          "
-          (remove)="onRemoveIndividualWithSignificantForm($event)"
-          [removable]="!isReadonly()"
-          [isSubmitted]="isSubmitted()"
-          [isStatusIcon]="isStatusIcon()"
-          [fields]="individualsWithSignificantControlFields"
-          [formArray]="individualsWithSignificantControlArray"
-          [title]="groups.IndividualsWithSignificantControl"
-          (visiblyValidChange)="onSectionValidChange('isc', $event)"
-        >
-          @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"
-              (visiblyValidChange)="
-                onSectionValidChange('significantControl', $event)
-              "
-            />
-          </div>
-        </expandable-list-card>
-      }
-    }
-
-    @let inviteDirectorToBeFullAccessManager =
-      getFormGroup(groups.InviteDirectorToBeFullAccessManager);
-    @if (inviteDirectorToBeFullAccessManager) {
-      <expandable-card
-        [isValid]="sectionValidity['inviteDirector']"
-        [title]="groups.InviteDirectorToBeFullAccessManager"
-      >
-        <filing-form-group
-          [isSubmitted]="isSubmitted()"
-          [form]="inviteDirectorToBeFullAccessManager"
-          [config]="federalFormationFormInviteDirectorsToBeManagersControl"
-          (visiblyValidChange)="onSectionValidChange('inviteDirector', $event)"
-        />
-      </expandable-card>
-    }
-
-    @let extraProvincialLicensesArray =
-      getFormArray(groups.ExtraProvincialRegistrations);
-    @let extraProvincialLicensesControlsLength =
-      extraProvincialLicensesArray?.length;
-
-    @if (extraProvincialLicensesControlsLength) {
-      <expandable-list-card
-        [areItemsOpen]="extraProvincialLicensesControlsLength === 1"
-        [isValid]="sectionValidity['epl']"
-        [isSubmitted]="isSubmitted()"
-        [isStatusIcon]="isStatusIcon()"
-        [fields]="extraProvincialLicensesFields"
-        [formArray]="extraProvincialLicensesArray"
-        [title]="groups.ExtraProvincialRegistrations"
-        (visiblyValidChange)="onSectionValidChange('epl', $event)"
-      />
-    }
-
-    @let contactForm = getFormGroup(groups.Contact);
-    @if (contactForm) {
-      <expandable-card
-        [isStatusIcon]="isStatusIcon()"
-        [isValid]="sectionValidity['contact']"
-        [title]="groups.Contact"
-      >
-        <filing-form-group
-          [isSubmitted]="isSubmitted()"
-          [form]="contactForm"
-          [config]="contactControl"
-          (visiblyValidChange)="onSectionValidChange('contact', $event)"
-        />
-      </expandable-card>
-    }
-
-    <ng-content></ng-content>
-  </div>
-</div>
+          ], template: `<div class="incorporation-form">\r
+  @if (isNote()) {\r
+    <alert\r
+      [type]="alertType.Info"\r
+      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
+\r
+  @if (errors().length) {\r
+    <alert\r
+      title="The following issues need to be resolved before proceeding:"\r
+      [content]="errors()"\r
+    />\r
+  }\r
+\r
+  <div class="incorporation-form-content">\r
+    @let corporateName = getFormGroup(groups.CorporateName);\r
+\r
+    @if (corporateName) {\r
+      <expandable-card\r
+        [isValid]="sectionValidity['corporateName']"\r
+        [isStatusIcon]="isStatusIcon()"\r
+        [title]="groups.CorporateName"\r
+      >\r
+        <div class="incorporation-form-item">\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="corporateName"\r
+            [config]="incorporationFields"\r
+            (visiblyValidChange)="onSectionValidChange('corporateName', $event)"\r
+          />\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\r
+        [isValid]="sectionValidity['articles']"\r
+        [isStatusIcon]="isStatusIcon()"\r
+        [title]="groups.ArticlesOfIncorporation"\r
+      >\r
+        <div class="incorporation-form-item">\r
+          <span\r
+            class="body-1-regular black"\r
+            [innerHTML]="directorsSubtitle()"\r
+          ></span>\r
+\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="articlesOfIncorporation"\r
+            [config]="articlesOfIncorporationFields"\r
+            (visiblyValidChange)="onSectionValidChange('articles', $event)"\r
+          />\r
+          <div>\r
+            <span class="body-1-semibold dark-blue">{{ 'Incorporators' | translate }}</span>\r
+\r
+            <ul class="incorporators-list">\r
+              @for (\r
+                incorporator of task()?._ext?._incorporators;\r
+                track incorporator.affiliationID\r
+              ) {\r
+                <li class="body-1-regular grey">\r
+                  {{ getIncorporatorName(incorporator) }}\r
+                </li>\r
+              }\r
+            </ul>\r
+          </div>\r
+\r
+          <span class="body-1-regular grey"\r
+            >{{ 'Effective Date' | translate }}:\r
+            {{\r
+              task()?._ext?._future_filing_date\r
+                ? (task()!._ext!._future_filing_date | date: "yyyy-MM-dd")\r
+                : (today | date: "yyyy-MM-dd")\r
+            }}</span\r
+          >\r
+        </div>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);\r
+\r
+    @if (registeredOfficeAddress) {\r
+      <expandable-card\r
+        [isValid]="sectionValidity['registeredOffice']"\r
+        [isStatusIcon]="isStatusIcon()"\r
+        [title]="groups.RegisteredOfficeAddress"\r
+      >\r
+        <div class="incorporation-form-item">\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="registeredOfficeAddress"\r
+            [config]="registeredOfficeAddressFields"\r
+            (visiblyValidChange)="\r
+              onSectionValidChange('registeredOffice', $event)\r
+            "\r
+          />\r
+        </div>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let directorsArray = getFormArray(groups.Directors);\r
+\r
+    @if (directorsArray && directorsArray.length) {\r
+      @let directorsFormArray = getFormArray(groups.Directors);\r
+      <expandable-list-card\r
+        [isValid]="sectionValidity['directors']"\r
+        [isSubmitted]="isSubmitted()"\r
+        [areItemsOpen]="directorsArray.length <= initiallyOpenCardsCount"\r
+        [fields]="directorsFields"\r
+        [formArray]="directorsFormArray"\r
+        [title]="groups.Directors"\r
+        (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
+      />\r
+    } @else {\r
+      <expandable-card [title]="groups.Directors">\r
+        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let significantControl = getFormGroup(groups.SignificantControl);\r
+    @if (significantControl) {\r
+      @let individualsWithSignificantControlArray =\r
+        getFormArray(groups.IndividualsWithSignificantControl);\r
+\r
+      @if (individualsWithSignificantControlArray) {\r
+        <expandable-list-card\r
+          [areItemsOpen]="\r
+            individualsWithSignificantControlArray.length <=\r
+            initiallyOpenCardsCount\r
+          "\r
+          [isValid]="\r
+            sectionValidity['isc'] &&\r
+            sectionValidity['significantControl']\r
+          "\r
+          (remove)="onRemoveIndividualWithSignificantForm($event)"\r
+          [removable]="!isReadonly()"\r
+          [isSubmitted]="isSubmitted()"\r
+          [isStatusIcon]="isStatusIcon()"\r
+          [fields]="individualsWithSignificantControlFields"\r
+          [formArray]="individualsWithSignificantControlArray"\r
+          [title]="groups.IndividualsWithSignificantControl"\r
+          (visiblyValidChange)="onSectionValidChange('isc', $event)"\r
+        >\r
+          @if (\r
+            !isReadonly() && isAddIndividualWithSignificantControlAvailable()\r
+          ) {\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">{{\r
+                "Add Individuals With Significant Control" | translate\r
+              }}</span>\r
+            </button>\r
+          }\r
+\r
+          <div class="significant-control" slot="header-content">\r
+            <filing-form-group\r
+              [isSubmitted]="isSubmitted()"\r
+              [form]="significantControl"\r
+              [config]="significantControlFields"\r
+              (visiblyValidChange)="\r
+                onSectionValidChange('significantControl', $event)\r
+              "\r
+            />\r
+          </div>\r
+        </expandable-list-card>\r
+      }\r
+    }\r
+\r
+    @let inviteDirectorToBeFullAccessManager =\r
+      getFormGroup(groups.InviteDirectorToBeFullAccessManager);\r
+    @if (inviteDirectorToBeFullAccessManager) {\r
+      <expandable-card\r
+        [isValid]="sectionValidity['inviteDirector']"\r
+        [title]="groups.InviteDirectorToBeFullAccessManager"\r
+      >\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="inviteDirectorToBeFullAccessManager"\r
+          [config]="federalFormationFormInviteDirectorsToBeManagersControl"\r
+          (visiblyValidChange)="onSectionValidChange('inviteDirector', $event)"\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    @let extraProvincialLicensesArray =\r
+      getFormArray(groups.ExtraProvincialRegistrations);\r
+    @let extraProvincialLicensesControlsLength =\r
+      extraProvincialLicensesArray?.length;\r
+\r
+    @if (extraProvincialLicensesControlsLength) {\r
+      <expandable-list-card\r
+        [areItemsOpen]="extraProvincialLicensesControlsLength === 1"\r
+        [isValid]="sectionValidity['epl']"\r
+        [isSubmitted]="isSubmitted()"\r
+        [isStatusIcon]="isStatusIcon()"\r
+        [fields]="extraProvincialLicensesFields"\r
+        [formArray]="extraProvincialLicensesArray"\r
+        [title]="groups.ExtraProvincialRegistrations"\r
+        (visiblyValidChange)="onSectionValidChange('epl', $event)"\r
+      />\r
+    }\r
+\r
+    @let contactForm = getFormGroup(groups.Contact);\r
+    @if (contactForm) {\r
+      <expandable-card\r
+        [isStatusIcon]="isStatusIcon()"\r
+        [isValid]="sectionValidity['contact']"\r
+        [title]="groups.Contact"\r
+      >\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="contactForm"\r
+          [config]="contactControl"\r
+          (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    <ng-content></ng-content>\r
+  </div>\r
+</div>\r
 `, 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);
       })();
@@ -85223,39 +85225,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             FederalIncorporationFormComponent
-          ], template: `<div class="incorporation-delta-form">
-  <federal-incorporation-form
-    class="incorporation-delta-form-content"
-    [form]="form()"
-    [task]="task()"
-    [errors]="combinedErrors()"
-    [isNote]="isNote()"
-    [isSubmitted]="submitted()"
-    [documents]="documents()"
-    [selectedDocuments]="selectedDocuments()"
-    (addDocuments)="addDocuments.emit($event)"
-    (removeDocument)="removeDocument.emit($event)"
-    (visiblyValidChange)="onVisiblyValidChange($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>
+          ], template: `<div class="incorporation-delta-form">\r
+  <federal-incorporation-form\r
+    class="incorporation-delta-form-content"\r
+    [form]="form()"\r
+    [task]="task()"\r
+    [errors]="combinedErrors()"\r
+    [isNote]="isNote()"\r
+    [isSubmitted]="submitted()"\r
+    [documents]="documents()"\r
+    [selectedDocuments]="selectedDocuments()"\r
+    (addDocuments)="addDocuments.emit($event)"\r
+    (removeDocument)="removeDocument.emit($event)"\r
+    (visiblyValidChange)="onVisiblyValidChange($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
 `, 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);
       })();
@@ -85374,39 +85376,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             FederalIncorporationFormComponent,
             ExpandableCardComponent,
             FilingFormGroupComponent
-          ], 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>
+          ], 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
 `, 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);
       })();
@@ -86038,139 +86040,139 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             ReactiveFormsModule,
             MatButton,
             TranslatePipe
-          ], 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]="sectionValidity['corporationDetails']"
-        [title]="groups.CorporationDetails"
-      >
-        <filing-form-group
-          [isSubmitted]="isSubmitted()"
-          [form]="corporationDetails"
-          [config]="corporationDetailsFields"
-          (visiblyValidChange)="
-            onSectionValidChange('corporationDetails', $event)
-          "
-        />
-      </expandable-card>
-    }
-
-    @let directorsArray = getFormArray(groups.Directors);
-    @if (directorsArray && directorsArray.length) {
-      <expandable-list-card
-        [isValid]="sectionValidity['directors']"
-        [isSubmitted]="isSubmitted()"
-        [fields]="directorsFields"
-        [formArray]="directorsArray"
-        [labelKey]="controls.AffiliationName"
-        [title]="groups.Directors"
-        (visiblyValidChange)="onSectionValidChange('directors', $event)"
-      />
-    } @else {
-      <expandable-card [title]="groups.Directors">
-        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
-      </expandable-card>
-    }
-
-    @let annualReturn = getFormGroup(groups.AnnualReturn);
-    @if (annualReturn) {
-      <expandable-card
-        [isValid]="sectionValidity['annualReturn']"
-        [title]="groups.AnnualReturn"
-      >
-        <filing-form-group
-          [isSubmitted]="isSubmitted()"
-          [form]="annualReturn"
-          [config]="annualReturnFields"
-          (visiblyValidChange)="onSectionValidChange('annualReturn', $event)"
-        />
-      </expandable-card>
-    }
-
-    @let significantControl = getFormGroup(groups.SignificantControl);
-    @if (significantControl) {
-      @let individualsArray =
-        getFormArray(groups.IndividualsWithSignificantControl);
-      @if (individualsArray) {
-        <expandable-list-card
-          [areItemsOpen]="isIndividualsWithSignificantControlOpen()"
-          [isValid]="
-            sectionValidity['isc'] && sectionValidity['significantControl']
-          "
-          [isSubmitted]="isSubmitted()"
-          [isStatusIcon]="true"
-          [removable]="!readonly()"
-          [fields]="individualsWithSignificantControlFields()"
-          [formArray]="individualsArray"
-          [labelKey]="controls.AffiliationName"
-          [title]="groups.IndividualsWithSignificantControl"
-          (remove)="onRemoveIndividualWithSignificantForm($event)"
-          (visiblyValidChange)="onSectionValidChange('isc', $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"
-              (visiblyValidChange)="
-                onSectionValidChange('significantControl', $event)
-              "
-            />
-          </div>
-        </expandable-list-card>
-      }
-    }
-
-    @let contact = getFormGroup(groups.Contact);
-    @if (contact) {
-      <expandable-card
-        [isStatusIcon]="!readonly()"
-        [isValid]="sectionValidity['contact']"
-        [title]="groups.Contact"
-      >
-        <filing-form-group
-          [isSubmitted]="isSubmitted()"
-          [form]="contact"
-          [config]="contactControl()"
-          (visiblyValidChange)="onSectionValidChange('contact', $event)"
-        />
-      </expandable-card>
-    }
-  </div>
-</div>
+          ], template: `<div class="federal-update-maintain-form">\r
+  @if (isNote()) {\r
+    <alert\r
+      [type]="alertType.Info"\r
+      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
+\r
+  @if (errors().length) {\r
+    <alert\r
+      title="The following issues need to be resolved before proceeding:"\r
+      [content]="errors()"\r
+    />\r
+  }\r
+\r
+  <div class="federal-update-maintain-form-content">\r
+    @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
+    @if (corporationDetails) {\r
+      <expandable-card\r
+        [isValid]="sectionValidity['corporationDetails']"\r
+        [title]="groups.CorporationDetails"\r
+      >\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="corporationDetails"\r
+          [config]="corporationDetailsFields"\r
+          (visiblyValidChange)="\r
+            onSectionValidChange('corporationDetails', $event)\r
+          "\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    @let directorsArray = getFormArray(groups.Directors);\r
+    @if (directorsArray && directorsArray.length) {\r
+      <expandable-list-card\r
+        [isValid]="sectionValidity['directors']"\r
+        [isSubmitted]="isSubmitted()"\r
+        [fields]="directorsFields"\r
+        [formArray]="directorsArray"\r
+        [labelKey]="controls.AffiliationName"\r
+        [title]="groups.Directors"\r
+        (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
+      />\r
+    } @else {\r
+      <expandable-card [title]="groups.Directors">\r
+        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let annualReturn = getFormGroup(groups.AnnualReturn);\r
+    @if (annualReturn) {\r
+      <expandable-card\r
+        [isValid]="sectionValidity['annualReturn']"\r
+        [title]="groups.AnnualReturn"\r
+      >\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="annualReturn"\r
+          [config]="annualReturnFields"\r
+          (visiblyValidChange)="onSectionValidChange('annualReturn', $event)"\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    @let significantControl = getFormGroup(groups.SignificantControl);\r
+    @if (significantControl) {\r
+      @let individualsArray =\r
+        getFormArray(groups.IndividualsWithSignificantControl);\r
+      @if (individualsArray) {\r
+        <expandable-list-card\r
+          [areItemsOpen]="isIndividualsWithSignificantControlOpen()"\r
+          [isValid]="\r
+            sectionValidity['isc'] && sectionValidity['significantControl']\r
+          "\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
+          (visiblyValidChange)="onSectionValidChange('isc', $event)"\r
+        >\r
+          @if (\r
+            !readonly() && isAddIndividualWithSignificantControlAvailable()\r
+          ) {\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">{{\r
+                "Add Individuals With Significant Control" | translate\r
+              }}</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
+              (visiblyValidChange)="\r
+                onSectionValidChange('significantControl', $event)\r
+              "\r
+            />\r
+          </div>\r
+        </expandable-list-card>\r
+      }\r
+    }\r
+\r
+    @let contact = getFormGroup(groups.Contact);\r
+    @if (contact) {\r
+      <expandable-card\r
+        [isStatusIcon]="!readonly()"\r
+        [isValid]="sectionValidity['contact']"\r
+        [title]="groups.Contact"\r
+      >\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="contact"\r
+          [config]="contactControl()"\r
+          (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
+        />\r
+      </expandable-card>\r
+    }\r
+  </div>\r
+</div>\r
 `, 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);
       })();
@@ -86284,37 +86286,37 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             FederalUpdateMaintainFormComponent
-          ], template: `<div class="federal-update-maintain-delta-form">
-  <federal-update-maintain-form
-    class="federal-update-maintain-delta-form-content"
-    [form]="form()"
-    [task]="task()"
-    [errors]="combinedErrors()"
-    [isNote]="isNote()"
-    [isSubmitted]="submitted()"
-    [readonly]="false"
-    (visiblyValidChange)="onVisiblyValidChange($event)"
-  />
-
-  <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>
-
+          ], 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]="combinedErrors()"\r
+    [isNote]="isNote()"\r
+    [isSubmitted]="submitted()"\r
+    [readonly]="false"\r
+    (visiblyValidChange)="onVisiblyValidChange($event)"\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
 `, 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);
       })();
@@ -86389,32 +86391,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             MatButton,
             TranslatePipe,
             FederalUpdateMaintainFormComponent
-          ], 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>
-
+          ], 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
 `, 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);
       })();
@@ -86835,7 +86837,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             FederalIncorporationPreviewFormComponent,
             FederalUpdateMaintainDeltaFormComponent,
             FederalUpdateMaintainPreviewFormComponent
-          ], 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"] }]
+          ], 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"] }]
         }], () => [], null);
       })();
       (() => {
@@ -87445,7 +87447,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         payload.PersonName.FirstName?.toLowerCase() ?? "",
         payload.PersonName.MiddleName?.toLowerCase() ?? "",
         payload.PersonName.LastName?.toLowerCase() ?? "",
-        payload.OfficerPositionName?.toLowerCase() ?? ""
+        payload.OfficerPositionName?.toLowerCase() ?? payload.PersonName.Position ?? ""
       ].filter(Boolean).join(" ");
     };
     const populatePersonsMap = (list) => {
@@ -87457,7 +87459,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           continue;
         const email = ("EmailAddress" in payload ? payload.EmailAddress : "") ?? "";
         const ceasedRoles = "CeasedAppointedRoles" in payload && Array.isArray(payload.CeasedAppointedRoles) ? payload.CeasedAppointedRoles.map((role) => `${role.PositionFullName} - ${role.CeasedDate} (Appointed ${role.AppointedDate})`) : void 0;
-        personsMap.set(fullName(payload), __spreadProps(__spreadValues({}, deltaData), { email, ceasedRoles }));
+        const name = [
+          toTitleCase(payload.PersonName.FirstName ?? ""),
+          toTitleCase(payload.PersonName.MiddleName ?? ""),
+          toTitleCase(payload.PersonName.LastName ?? "")
+        ].filter(Boolean).join(" ");
+        personsMap.set(fullName(payload), __spreadProps(__spreadValues({}, deltaData), { email, ceasedRoles, position: payload.OfficerPositionName?.toLowerCase() ?? payload.PersonName.Position ?? "", fullName: name }));
       }
     };
     populatePersonsMap(initialAdministrators);
@@ -87469,6 +87476,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     "src/app/helpers/initial-return-payload.helper.ts"() {
       init_address_utils();
       init_transform_utils();
+      init_common_utils();
     }
   });
 
@@ -88161,11 +88169,23 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     const certStreetOnly = getAddressComponent(certEntityAddr, "Street Only");
     const { StreetName: certStreetName, StreetType: certStreetType, StreetDirection: certStreetDir } = parseStreetAddress(certStreetOnly);
     const isCanadianCertifierAddress = certifierCountry === "CA";
+    const initialAdministratorForCertifier = initialAdministrators?.find((admin) => {
+      if ((admin.PersonName.FirstName ?? "").toLowerCase() === (cert.firstName ?? "").toLowerCase() && (admin.PersonName.LastName ?? "").toLowerCase() === (cert.lastName ?? "").toLowerCase() && (admin.PersonName.MiddleName ?? "").toLowerCase() === (cert.middleName ?? "").toLowerCase()) {
+        if (cert.type === "Director" && admin.IsDirector) {
+          return admin;
+        }
+        if (cert.type !== "Director" && (cert.officerTitle === admin.OfficerPositionName || cert.officerTitle === admin.Position)) {
+          return admin;
+        }
+      }
+      return false;
+    });
     const certifier = {
       PersonName: {
         FirstName: cert.firstName,
         LastName: cert.lastName,
         MiddleName: cert.middleName,
+        RoleId: initialAdministratorForCertifier?.RoleId,
         Position: cert.type === "Officer" ? cert.officerTitle ?? null : null
       },
       PostCode: certEntityAddr?.postal_zip ?? null,
@@ -88971,7 +88991,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
                     validatedOn: /* @__PURE__ */ new Date(),
                     provider: "obr",
                     draftPdf,
-                    documentName: this.validateOptions()?.documentName ?? "Initial Return Draft",
+                    documentName: this.validateOptions()?.documentName ?? this.getUpdateMaintainDraftName(task),
                     documentType: "pdf"
                   });
                 }
@@ -88984,6 +89004,15 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             }
           });
         }
+        getUpdateMaintainDraftName(task) {
+          if (isNoticeOfChangeTask(task)) {
+            return "Notice of Change Draft";
+          }
+          if (isAnnualReturnTask(task)) {
+            return "Annual Return Draft";
+          }
+          return "Initial Return Draft";
+        }
         onEditClick() {
           if (isUpdateMaintain(this.task())) {
             this.serviceOrderId = "";
@@ -89188,73 +89217,73 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             OntarioComponent
           ], encapsulation: ViewEncapsulation.ShadowDom, host: {
             "[style.height]": "modalHeight()"
-          }, template: `<div 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)="onOntarioFormationSave($event)"
-          (formationSubmit)="onOntarioFormationSubmit()"
-          (nextStep)="onNextStepClick()"
-          (prevStep)="onOntarioPrevStep()"
-          [irValidationConfig]="validationConfig()"
-          (irValidate)="validateAndFileInitialReturnTask($event)"
-          (saveIrDeltaData)="onOntarioUpdateMaintainSave($event)"
-          (irSubmit)="onInitialReturnSubmit()"
-        />
-      } @else {
-        <federal
-          [actionsDisabled]="isLoading()"
-          [isNote]="dataWasChanged()"
-          [activeStep]="activeStep()"
-          [task]="currentTask"
-          [errors]="errors()"
-          (close)="close.emit()"
-          (deltaDataChange)="onFederalFormationSave($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>
+          }, template: `<div 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)="onOntarioFormationSave($event)"\r
+          (formationSubmit)="onOntarioFormationSubmit()"\r
+          (nextStep)="onNextStepClick()"\r
+          (prevStep)="onOntarioPrevStep()"\r
+          [irValidationConfig]="validationConfig()"\r
+          (irValidate)="validateAndFileInitialReturnTask($event)"\r
+          (saveIrDeltaData)="onOntarioUpdateMaintainSave($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)="onFederalFormationSave($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
 `, styles: ["/* src/app/components/filing/filing.component.scss */\n:host {\n  display: flex;\n}\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);
       })();
@@ -93764,6 +93793,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         "A legal opinion was obtained to use the proposed name": "A legal opinion was obtained to use the proposed name",
         "Legal Opinion": "Legal Opinion",
         "Lawyer Signing Opinion": "Lawyer Signing Opinion",
+        "Law Firm": "Law Firm",
         "Laywer Signing Opinion is required": "Laywer Signing Opinion is required",
         "Unit Type is required": "Unit Type is required",
         "Unit Number is required": "Unit Number is required",
@@ -94032,6 +94062,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         "A legal opinion was obtained to use the proposed name": "Un avis juridique a \xE9t\xE9 obtenu concernant l'utilisation du nom propos\xE9",
         "Legal Opinion": "Avis juridique",
         "Lawyer Signing Opinion": "Avocat signataire de l'avis",
+        "Law Firm": "Cabinet d'avocats",
         "Laywer Signing Opinion is required": "L'avocat signataire de l'avis est requis",
         "Unit Type is required": "Le type d'unit\xE9 est requis",
         "Unit Number is required": "Le num\xE9ro d'unit\xE9 est requis",